            <template>
              <div class="app-container calendar-list-container">
                <el-row :gutter="20">
                  <el-col :span="6">
                      <label>&nbsp;&nbsp;基础信息&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><el-tag type="success" >{{mminfo.id}}</el-tag> 
                    </el-col> 
                </el-row>
                <br/><br/>
                <el-row :gutter="24">
                  <el-col :span="6">&nbsp;</el-col>
                </el-row>
                <el-form ref="addForm" :model="addmminfo" label-position="left" label-width="80px"
                    style="width: 100%;">
                    <el-row :gutter="24">
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple" >
                        <el-form-item  :label="$t('querylist.truename')" prop="truename">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.truename" style="width:100%;"> </el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.idcard')" prop="idcard">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.idcard" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.status')">
                          <div class="block">
                            <el-select :disabled="true" v-model="addmminfo.status" style="width: 100%;">
                              <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" >
                              </el-option>
                            </el-select>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="5" :xl="5">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.mobilephone')"  prop="mobile_phone">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.mobile_phone" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    </el-row>
                  <el-row :gutter="24" >
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.np')" prop="np">
                          <div class="block">
                            <el-select :disabled="true" v-model="addmminfo.np" style="width: 100%;" >
                              <el-option v-for="item in provinceoptions" :key="item.code" :label="item.name" :value="item.code" >
                              </el-option>
                            </el-select>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.gender')" prop="seniority">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.gender" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.seniority')" prop="seniority">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.seniority" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="5" :xl="5">
                      <div class="grid-content bg-purple"> 
                        <el-form-item  :label="$t('querylist.cityname')" prop="cityname">
                          <div class="block">
                            <el-select :disabled="true" class="filter-item" v-model="addmminfo.cityname" multiple default-first-optionplaceholder="请选择城市" style="width: 100%;">
                              <el-option v-for="item in branchesOptions" :key="item.branche_code" :label="item.branche_name" :value="item.branche_code">
                              </el-option>
                          </el-select>
                          </div>
                       </el-form-item>
                      </div>
                    </el-col>
                    </el-row>
                    <el-row :gutter="24" >
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.babynumber')" prop="babynumber">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.babynumber"  style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="6" :xl="6">
                      <div class="grid-content bg-purple" >
                        <el-form-item  :label="$t('querylist.ethnicgroup')" prop="ethnicgroup">
                          <div class="block">
                          <el-select :disabled="true" v-model="addmminfo.ethnicgroup" style="width: 100%;">
                            <el-option v-for="item in ethnicgroupptions" :key="item.id" :label="item.ethnicgroup" :value="item.id"  >
                            </el-option>
                          </el-select>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.weight')" prop="weight">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.weight" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="5" :xl="5">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.height')" prop="height">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.height" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                  </el-row>
                  <el-row :gutter="24">
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.constellation')" prop="constellation">
                          <div class="block">
                          <el-select :disabled="true" class="filter-item" v-model="addmminfo.constellation" style="width: 100%;">
                            <el-option v-for="item in constellationoptions" :key="item.id" :label="item.name" :value="item.id">
                            </el-option>
                          </el-select>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.zodiac')" prop="zodiac">
                          <div class="block">
                            <el-select :disabled="true" class="filter-item" v-model="addmminfo.zodiac" style="width: 100%;">
                                <el-option v-for="item in zodiacoptions" :key="item.id" :label="item.name" :value="item.id">
                                </el-option>
                            </el-select>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.education')" prop="education">
                          <div class="block">
                            <el-select :disabled="true" v-model="addmminfo.education" style="width: 100%;" >
                              <el-option v-for="item in educationOptions" :key="item.value" :label="item.label" :value="item.value" >
                              </el-option>
                            </el-select>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                    <el-col :xs="23" :sm="23" :md="11" :lg="5" :xl="5">
                      <div class="grid-content bg-purple">
                        <el-form-item  :label="$t('querylist.marriage')" prop="marriage">
                          <div class="block">
                            <el-select :disabled="true" class="filter-item" v-model="addmminfo.marriage" style="width: 100%;">
                              <el-option v-for="item in marriageOptions" :key="item.value" :label="item.label" :value="item.value">
                              </el-option>
                          </el-select>
                          </div>
                       </el-form-item>
                      </div>
                    </el-col>
                     </el-row>
                    <el-row :gutter="24" >
                    <el-col :xs="23" :sm="23" :md="12" :lg="6" :xl="6">
                      <div class="grid-content bg-purple" >
                        <el-form-item  :label="$t('querylist.highlight')" prop="highlight">
                          <div class="block">
                            <el-input :disabled="true" v-model="addmminfo.highlight" style="width: 100%;"></el-input>
                          </div>
                        </el-form-item>
                      </div>
                    </el-col>
                  </el-row>
              </el-form>
              <label>证书信息</label>
              <br/><br/>
              <center>
              <el-table :data="list" v-loading="listLoading" element-loading-text="加载中......" border fit
                          highlight-current-row
                          style="width: 100%" align="center">
                  <el-table-column type="index" align="center" :label="$t('table.seq')" width="70">
                  </el-table-column>
                  <el-table-column align="center" :label="$t('certificate.name')">
                    <template slot-scope="scope">
                      <span>{{scope.row.certificate_name}}</span>
                    </template>
                  </el-table-column>
                <!--edit line-->
                  <el-table-column align="center" :label="$t('certificate.fromdate')" value-format="yyyy/MM/dd">
                    <template slot-scope="scope">
                      <template v-if="scope.row.edit">
                      <el-date-picker v-model="scope.row.start_date" value-format="yyyy/MM/dd" align="right" type="date" :picker-options="pickerOptions1" >
                      </el-date-picker>
                    </template>
                    <span v-else>{{scope.row.start_date}}</span>
                    </template>
                  </el-table-column>
                  <el-table-column min-width="300px" align="center" :label="$t('certificate.enddate')">
                  <template slot-scope="scope">
                      <template v-if="scope.row.edit">
                        <el-date-picker v-model="scope.row.end_date" value-format="yyyy/MM/dd" align="right" type="date" :picker-options="pickerOptions1" >
                        </el-date-picker>
                        <el-button class='cancel-btn' size="small" icon="el-icon-refresh" type="warning" @click="cancelEdit(scope.row)">取消</el-button>
                      </template>
                  <span v-else>{{scope.row.end_date}}</span>
                    </template>
                  </el-table-column>
                </el-table>
              </center>
                <br/>
                <label>培训信息</label>
                <br/><br/>
                <center>
                <el-table :data="list2" v-loading="listLoading" element-loading-text="加载中......" border fit
                          highlight-current-row
                          style="width: 100%">
                  <el-table-column type="index" align="center" :label="$t('table.seq')" width="70">
                  </el-table-column>
                  <el-table-column align="center" :label="$t('trains.code')">
                    <template slot-scope="scope">
                      <span>{{scope.row.train_name}}</span>
                    </template>
                  </el-table-column>
                  <!--edit line-->
                  <el-table-column align="center" :label="$t('trains.date')" value-format="yyyy/MM/dd" >
                    <template slot-scope="scope">
                      <template v-if="scope.row.edit">
                      <el-date-picker v-model="scope.row.train_date" value-format="yyyy/MM/dd" align="right" type="date" :picker-options="pickerOptions1" >
                      </el-date-picker>
                    </template>
                    <span v-else>{{scope.row.train_date}}</span>
                    </template>
                  </el-table-column>
                  <el-table-column min-width="300px" align="center" :label="$t('trains.result')">
                  <template slot-scope="scope">
                    <span >{{scope.row.train_result}}</span>
                  </template>
                  </el-table-column>
                </el-table>
                </center>
                <br/>
                <label>库存信息</label>
                <fullcalendar :events="fcEvents" lang='zh' :key="total"></fullcalendar>
                 <br/>
                <label>操作日志</label>
                 <br/>
                  <br/>
                <center>
                <el-table :data="listlog" v-loading="listLoading" element-loading-text="加载中......" border fit
                          highlight-current-row
                          style="width: 100%">
                  <el-table-column type="index" align="center" :label="$t('table.seq')">
                  </el-table-column>
                  <el-table-column align="center" :label="$t('userlog.username')">
                    <template slot-scope="scope">
                      <span>{{scope.row.jl_usercode}}</span>
                    </template>
                  </el-table-column>
                  <!--edit line-->
                  <el-table-column align="center" :label="$t('userlog.date')" value-format="yyyy/MM/dd" >
                    <template slot-scope="scope">
                      <template v-if="scope.row.edit">
                      <el-date-picker v-model="scope.row.train_date" value-format="yyyy/MM/dd" align="right" type="date" :picker-options="pickerOptions1" >
                      </el-date-picker>
                    </template>
                    <span v-else>{{scope.row.jl_date}}</span>
                    </template>
                  </el-table-column>
                  <el-table-column min-width="300px" align="center" :label="$t('userlog.type')">
                  <template slot-scope="scope">
                    <span v-if="scope.row.jl_logtype == '1' " >基础信息修改</span>
                    <span v-else-if="scope.row.jl_logtype == '2' " >库存修改</span>
                    <span v-else-if="scope.row.jl_logtype == '3' " >简历推送</span>
                    <span v-else-if="scope.row.jl_logtype == '4' " >简历修改</span>
                  </template>
                  </el-table-column>
                  <el-table-column align="center" :label="$t('userlog.cm_phone')">
                    <template slot-scope="scope">
                      <span>{{scope.row.jl_cmphone}}</span>
                    </template>
                  </el-table-column>
                </el-table>
                </center>
                <div class="pagination-container">
                <!-- <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
                              :current-page="page" :page-sizes="[10,20,30, 50]" :page-size="limit"
                              layout="total, sizes, prev, pager, next, jumper" :total="total">
                </el-pagination> -->
                <el-pagination
                  small
                  layout="prev, pager, next"
                  :total="total"
                  :page-size="limit"
                  @size-change="handleSizeChange" 
                  @current-change="handleCurrentChange"
                  :current-page="page">
                </el-pagination>
              </div>
              </div>
            </template>
            <script>
              import { getMmStock, findtrains, findcertificates, fetchPv, updatejlServiceUser, queryEditServiceUser, getConstellation, getZodiac, updateArticle, findMM, getEthnicGroup, getProvince, getBranches, getJlServiceUserLog } from '@/api/article'
              import waves from '@/directive/waves' // 水波纹指令
              import { parseTime } from '@/utils'
              import Fullcalendar from 'vue-fullcalendar'
              var demoEvents = []
              // arr to obj ,such as { CN : "China", US : "USA" }
              export default {
                components: { Fullcalendar },
                name: 'mminfoshow',
                directives: {
                  waves
                },
                data() {
                  return {
                    fcEvents: demoEvents,
                    calendarlist: {
                      title: undefined,
                      start: undefined,
                      end: undefined,
                      cssClass: undefined
                    },
                    marriageOptions: [{ value: 'y', label: '已婚' }, { value: 'n', label: '未婚' }],
                    educationOptions: [{ value: '1', label: '初中' }, { value: '2', label: '高中' }, { value: '3', label: '大专' }, { value: '4', label: '大本' }, { value: '5', label: '硕士' }, { value: '6', label: '博士' }],
                    sortOptions: [{ label: 'ID Ascending', key: '+id' }, { label: 'ID Descending', key: '-id' }],
                    statusOptions: [{ label: '正常', value: '1' }, { label: '服务中', value: '2' }, { label: '暂停接单', value: '3' }, { label: '封存', value: '4' }],
                    genderOptions: [{ label: 1, value: 1 }, { label: 2, value: 2 }, { label: 3, value: 3 }, { label: 4, value: 4 }, { label: 5, value: 5 }],
                    ethnicgroupptions: '',
                    provinceoptions: [],
                    branchesOptions: [],
                    constellationoptions: [],
                    zodiacoptions: [],
                    certificateKey: 0,
                    trainkey: 0,
                    list: null,
                    list2: null,
                    listlog: null,
                    total: null,
                    toatllog: null,
                    listLoading: true,
                    idcardquery: {
                      idcard: null
                    },
                    checkidcard: {
                      idcard: undefined
                    },
                    page: 1,
                    limit: 10,
                    listQuery: {
                      page: 1,
                      limit: 10,
                      id: 1
                    },
                    addmminfo: {
                      id: undefined,
                      truename: undefined,
                      idcard: undefined,
                      mobile_phone: undefined,
                      seniority: undefined,
                      babynumber: undefined,
                      gender: 0,
                      np: undefined,
                      cityname: undefined,
                      constellation: undefined,
                      zodiac: undefined,
                      ethnicgroup: undefined,
                      education: undefined,
                      height: undefined,
                      marriage: undefined,
                      highlight: undefined,
                      weight: undefined,
                      citycode: undefined,
                      status: undefined
                    },
                    seachQuery: {
                      id: null,
                      truename: null,
                      constellation: null,
                      zodiac: null,
                      np: null,
                      cityname: null,
                      experience: null,
                      gender: null,
                      status: null,
                      service_start: null,
                      service_end: null,
                      babynumber: null, // add↓
                      ethnicgroup: null,
                      education: null,
                      height: null,
                      marriage: null,
                      highlight: null,
                      weight: null,
                      agestart: null,
                      ageend: null,
                      page: 1,
                      limit: 10
                    },
                    mminfo: {
                      id: null,
                      name: null,
                      servant_code: null
                    },
                    queryMMstock: {
                      servant_code: undefined
                    },
                    listMMinfo: {
                      id: null
                    },
                    listUserLog: {
                      js_sucode: null,
                      page: 1,
                      limit: 10
                    },
                    showReviewer: false,
                    trainoptions: '',
                    modifyresult: '',
                    train_name: '',
                    visible2: false,
                    deltraininfo: {
                      id: undefined
                    },
                    dialogFormVisible: false,
                    dialogStatus: '',
                    textMap: {
                      update: 'Edit',
                      create: '添加月嫂'
                    },
                    dialogPvVisible: false,
                    pvData: [],
                    downloadLoading: false
                  }
                },
                created() {
                  if (this.$route.params.userId == null) {
                    this.$route.params.userId = global.LastUpdate
                  } else {
                    global.LastUpdate = this.$route.params.userId
                  }
                  this.getlist()
                  findMM(this.listMMinfo).then(response2 => {
                    this.mminfo.id = '月嫂工号:' + response2.data.salt
                    this.mminfo.name = '月嫂姓名:' + response2.data.truename
                    this.mminfo.servant_code = response2.data.id
                  })
                  getEthnicGroup().then(response3 => {
                    this.ethnicgroupptions = response3.data
                  })
                  getProvince().then(response6 => {
                    this.provinceoptions = response6.data
                  })
                  getConstellation().then(response3 => {
                    this.constellationoptions = response3.data
                  })
                  getZodiac().then(response4 => {
                    this.zodiacoptions = response4.data
                  })
                  getBranches().then(response5 => {
                    this.branchesOptions = response5.data
                  })
                  this.queryMMstock.servant_code = this.$route.params.userId
                  getMmStock(this.queryMMstock).then(response => {
                    const mmstockdata = response.data
                    let cellIndex = ''
                    let colorcalendar = ''
                    for (var value of mmstockdata) {
                      switch (value.stock_status) {
                        case 2:
                          this.calendarlist.title = '服务中'
                          cellIndex = 1
                          colorcalendar = 'service'
                          break
                        case 3:
                          this.calendarlist.title = '暂停接单'
                          cellIndex = 1
                          colorcalendar = 'stop'
                          break
                        case 4:
                          this.calendarlist.title = '封存'
                          colorcalendar = 'freeze'
                          cellIndex = 1
                          break
                        default:
                          this.calendarlist.title = ''
                      }
                      const jsonstr = {
                        'cellIndex': cellIndex,
                        'cssClass': colorcalendar,
                        'end': value.end_date,
                        'isShow': 'true',
                        'start': value.start_date,
                        'title': this.calendarlist.title,
                        length: 6 // 值得注意的是，key值必须是数字，并且最后还要有这个length
                      }
                      demoEvents.push(jsonstr)
                    }
                    this.fcEvents = demoEvents
                  })
                },
                destroyed: function() { // 离开事件
                  this.fcEvents = []
                  demoEvents = []
                  this.fcEvents = demoEvents
                },
                methods: {
                  getlist() {
                    this.listMMinfo.id = this.$route.params.userId
                    this.seachQuery.id = this.$route.params.userId
                    queryEditServiceUser(this.seachQuery).then(response => {
                      this.addmminfo.truename = response.data.items[0].truename
                      this.addmminfo.idcard = response.data.items[0].idcard
                      this.addmminfo.seniority = response.data.items[0].seniority
                      this.addmminfo.babynumber = response.data.items[0].babynumber
                      this.addmminfo.constellation = Number(response.data.items[0].constellation)
                      this.addmminfo.zodiac = Number(response.data.items[0].zodiac)
                      this.addmminfo.ethnicgroup = Number(response.data.items[0].ethnicgroup)
                      this.addmminfo.education = response.data.items[0].education
                      this.addmminfo.height = response.data.items[0].height
                      this.addmminfo.marriage = response.data.items[0].marriage
                      this.addmminfo.highlight = response.data.items[0].highlight
                      this.addmminfo.weight = response.data.items[0].weight
                      this.addmminfo.citycode = response.data.items[0].citycode
                      this.addmminfo.gender = Number(response.data.items[0].gender)
                      this.addmminfo.np = response.data.items[0].city
                      this.addmminfo.status = response.data.items[0].status
                      this.addmminfo.cityname = response.data.items[0].citycode.split(',')
                      if (this.$store.getters.roles[0] === 1 || this.$store.getters.roles[0] === 2) {
                        this.addmminfo.mobile_phone = response.data.items[0].mobile_phone
                      } else {
                        this.addmminfo.mobile_phone = '********'
                      }
                    })
                    this.listLoading = true
                    this.listQuery.id = this.$route.params.userId
                    this.listMMinfo.id = this.$route.params.userId
                    findcertificates(this.listQuery).then(response => {
                      this.list = response.data.items
                      this.listLoading = false
                    })
                    this.listLoading = true
                    this.listQuery.id = this.$route.params.userId
                    this.listMMinfo.id = this.$route.params.userId
                    findtrains(this.listQuery).then(response => {
                      this.list2 = response.data.items
                    })
                    this.listLoading = true
                    this.listUserLog.js_sucode = this.$route.params.userId
                    getJlServiceUserLog(this.listUserLog).then(response7 => {
                      this.listlog = response7.data.items
                      this.toatllog = response7.data.total
                      this.total = response7.data.total
                    })
                  },
                  handleModifyStatus(row, status) {
                    this.$message({
                      message: '操作成功',
                      type: 'success'
                    })
                    row.status = status
                  },
                  handleCreate() {
                    this.resetmminfo()
                    this.dialogStatus = 'create'
                    this.dialogFormVisible = true
                    this.$nextTick(() => {
                      this.$refs['addTrains'].clearValidate()
                    })
                  },
                  handleUpdate(row) {
                    this.temp = Object.assign({}, row) // copy obj
                    this.temp.timestamp = new Date(this.temp.timestamp)
                    this.dialogStatus = 'update'
                    this.dialogFormVisible = true
                    this.$nextTick(() => {
                      this.$refs['dataForm'].clearValidate()
                    })
                  },
                  updateData() {
                    this.$refs['dataForm'].validate((valid) => {
                      if (valid) {
                        const tempData = Object.assign({}, this.temp)
                        tempData.timestamp = +new Date(tempData.timestamp) // change Thu Nov 30 2017 16:41:05 GMT+0800 (CST) to 1512031311464
                        updateArticle(tempData).then(() => {
                          for (const v of this.list) {
                            if (v.id === this.temp.id) {
                              const index = this.list.indexOf(v)
                              this.list.splice(index, 1, this.temp)
                              break
                            }
                          }
                          this.dialogFormVisible = false
                          this.$notify({
                            title: '成功',
                            message: '更新成功',
                            type: 'success',
                            duration: 2000
                          })
                        })
                      }
                    })
                  },
                  handleDelete(row) {
                    this.$notify({
                      title: '成功',
                      message: '删除成功',
                      type: 'success',
                      duration: 2000
                    })
                    const index = this.list.indexOf(row)
                    this.list.splice(index, 1)
                  },
                  handleFetchPv(pv) {
                    fetchPv(pv).then(response => {
                      this.pvData = response.data.pvData
                      this.dialogPvVisible = true
                    })
                  },
                  handleDownload() {
                    this.downloadLoading = true
                    import('@/vendor/Export2Excel').then(excel => {
                      const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']
                      const filterVal = ['timestamp', 'title', 'type', 'importance', 'status']
                      const data = this.formatJson(filterVal, this.list)
                      excel.export_json_to_excel(tHeader, data, 'table-list')
                      this.downloadLoading = false
                    })
                  },
                  formatJson(filterVal, jsonData) {
                    return jsonData.map(v => filterVal.map(j => {
                      if (j === 'timestamp') {
                        return parseTime(v[j])
                      } else {
                        return v[j]
                      }
                    }))
                  },
                  resetForm() {
                    this.addmminfo.truename = this.addmminfocancel.truename
                    this.addmminfo.idcard = this.addmminfocancel.idcard
                    this.addmminfo.seniority = this.addmminfocancel.seniority
                    this.addmminfo.babynumber = this.addmminfocancel.babynumber
                    this.addmminfo.constellation = this.addmminfocancel.constellation
                    this.addmminfo.zodiac = this.addmminfocancel.zodiac
                    this.addmminfo.ethnicgroup = this.addmminfocancel.ethnicgroup
                    this.addmminfo.education = this.addmminfocancel.education
                    this.addmminfo.height = this.addmminfocancel.height
                    this.addmminfo.marriage = this.addmminfocancel.marriage
                    this.addmminfo.highlight = this.addmminfocancel.highlight
                    this.addmminfo.weight = this.addmminfocancel.weight
                    this.addmminfo.citycode = this.addmminfocancel.citycode
                    this.addmminfo.gender = this.addmminfocancel.gender
                    this.addmminfo.np = this.addmminfocancel.np
                    this.addmminfo.status = this.addmminfocancel.status
                    this.addmminfocancel.status = this.addmminfocancel.status
                    this.addmminfo.cityname = this.addmminfocancel.cityname
                  },
                  handleSizeChange(val) {
                    this.listUserLog.limit = val
                    this.getlist()
                  },
                  handleCurrentChange(val) {
                    this.listUserLog.page = val
                    this.getlist()
                  },
                  confirmEdit() {
                    var newcityname = ''
                    for (var value of this.addmminfo.cityname) {
                      newcityname = newcityname + value + ','
                    }
                    if (newcityname != null) {
                      this.addmminfo.cityname = newcityname.substring(0, newcityname.length - 1)
                    }
                    this.addmminfo.id = this.$route.params.userId
                    updatejlServiceUser(this.addmminfo).then(response => {
                      if (response.data < 1) {
                        this.$notify({
                          title: '失败',
                          message: '更新失败',
                          type: 'warning',
                          duration: 2000
                        })
                      } else {
                        this.getlist()
                        this.$notify({
                          title: '成功',
                          message: '更新成功',
                          type: 'success',
                          duration: 2000
                        })
                      }
                    })
                  }
                }
              }
            </script>
            <style scoped>
          .edit-input {
            padding-right: 100px;
          }
          .cancel-btn {
            position: absolute;
            right: 15px;
            top: 10px;
          }
          </style>
          <style scoped>
            .edit-input {
              padding-right: 100px;
            }
            .cancel-btn {
              position: absolute;
              right: 15px;
              top: 10px;
            }
            .full-calendar-body .dates .dates-events .events-week .events-day .event-box .event-item{
              background-color:limegreen;
            }
            </style>
            <style cssClass>
            .family {
              background-color:darkgoldenrod
            }
            .success {
              background-color: #67c23a;
            }
            .service {
              background-color: #409eff;
            }
            .stop {
              background-color: #e6a23c;
            }
            .freeze {
              background-color: #f56c6c;
            }
            .center {
              width: 960px;
              margin-left: auto;
              margin-right: auto;
            }

            </style>