添加信息录入校验

yz_08

2021-02-04 3db0d9a4cebdce31ceb9446a26ec12dfe68e049f

添加信息录入校验

 src/utils/myUtil.js

New file
@@ -0,0 +1,31 @@
// translate router.meta.title, be used in breadcrumb sidebar tagsview
export function toCardGetUserInfo(UUserCard) {
  if (UUserCard.length !== 18) {
    return null
  }
  // 获取出生日期
  var birth = UUserCard.substring(6, 10) + '-' + UUserCard.substring(10, 12) + '-' + UUserCard.substring(12, 14)

  var sex
  // 获取性别
  if (parseInt(UUserCard.substr(16, 1)) % 2 === 1) {
    // 男
    sex = '1'
  } else {
    // 女
    sex = '2'
  }

  // 获取年龄
  var myDate = new Date()
  var month = myDate.getMonth() + 1
  var day = myDate.getDate()
  var age = myDate.getFullYear() - UUserCard.substring(6, 10) - 1
  if (UUserCard.substring(10, 12) < month || UUserCard.substring(10, 12) === month && UUserCard.substring(12, 14) <= day) {
    age++
  }
  if (age <= 0) {
    age = 1
  }
  return { birth: birth, sex: sex, age: age }
}

 src/views/user/Informationinput.vue

@@ -181,7 +181,7 @@
            <template slot-scope="scope"><el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button></template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="部门名称" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="180" />
          <el-table-column prop="empName" label="员工姓名" width="180" />
          <el-table-column prop="certificateNumb" label="证件号码" width="180" />
@@ -200,7 +200,7 @@
            <template slot-scope="scope"><el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button></template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="部门名称" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="180" />
          <el-table-column prop="empName" label="员工姓名" width="180" />
          <el-table-column prop="certificateNumb" label="证件号码" width="180" />
@@ -381,28 +381,28 @@
      </el-main>
    </el-container>
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%">
      <el-form :model="empBaseInfoForm" label-position="right" label-width="120px">
      <el-form :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="档案号">
              <el-input v-model="empBaseInfoForm.archivesNumb" />
            </el-form-item>
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="empBaseInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="员工类型" prop="region">
            <el-form-item label="员工类型">
              <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="民族" prop="region">
            <el-form-item label="民族">
              <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族">
                <el-option label="汉族" value="01" />
                <el-option label="蒙古族" value="02" />
@@ -464,7 +464,7 @@
                <el-option label="外国民族" value="98" />
              </el-select>
            </el-form-item>
            <el-form-item label="婚姻状态" prop="region">
            <el-form-item label="婚姻状态">
              <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                <el-option label="未婚" value="1" />
                <el-option label="已婚" value="2" />
@@ -477,7 +477,7 @@
            <el-form-item label="身高(cm)">
              <el-input v-model="empBaseInfoForm.stature" />
            </el-form-item>
            <el-form-item label="政治面貌" prop="region">
            <el-form-item label="政治面貌">
              <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                <el-option label="中共党员" value="01" />
                <el-option label="预备党员" value="02" />
@@ -494,7 +494,7 @@
                <el-option label="群众" value="13" />
              </el-select>
            </el-form-item>
            <el-form-item label="最高学历" prop="region">
            <el-form-item label="最高学历">
              <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                <el-option label="博士" value="10" />
                <el-option label="硕士" value="11" />
@@ -508,43 +508,14 @@
                <el-option label="无学历" value="91" />
              </el-select>
            </el-form-item>
            <el-form-item label="籍贯" prop="region">
              <el-select v-model="empBaseInfoForm.nativePlace" placeholder="请选择籍贯">
                <el-option label="北京市" value="110000" />
                <el-option label="天津市" value="120000" />
                <el-option label="河北省" value="130000" />
                <el-option label="山西省" value="140000" />
                <el-option label="内蒙古自治区" value="150000" />
                <el-option label="辽宁省" value="210000" />
                <el-option label="吉林省" value="220000" />
                <el-option label="黑龙江省" value="230000" />
                <el-option label="上海市" value="310000" />
                <el-option label="江苏省" value="320000" />
                <el-option label="浙江省" value="330000" />
                <el-option label="安徽省" value="340000" />
                <el-option label="福建省" value="350000" />
                <el-option label="江西省" value="360000" />
                <el-option label="山东省" value="370000" />
                <el-option label="河南省" value="410000" />
                <el-option label="湖北省" value="420000" />
                <el-option label="湖南省" value="430000" />
                <el-option label="广东省" value="440000" />
                <el-option label="广西壮族自治区" value="450000" />
                <el-option label="海南省" value="460000" />
                <el-option label="重庆市" value="500000" />
                <el-option label="四川省" value="510000" />
                <el-option label="贵州省" value="520000" />
                <el-option label="云南省" value="530000" />
                <el-option label="西藏自治区" value="540000" />
                <el-option label="陕西省" value="610000" />
                <el-option label="甘肃省" value="620000" />
                <el-option label="青海省" value="630000" />
                <el-option label="宁夏回族自治区" value="640000" />
                <el-option label="新疆维吾尔自治区" value="650000" />
                <el-option label="台湾省" value="710000" />
                <el-option label="香港特别行政区" value="810000" />
                <el-option label="澳门特别行政区" value="820000" />
              </el-select>
            <el-form-item label="籍贯">
              <el-autocomplete
                v-model="empBaseInfoForm.nativePlaceName"
                class="inline-input"
                :fetch-suggestions="querySearch"
                placeholder="请输入籍贯"
                @select="placeNameSelect"
              />
            </el-form-item>
            <el-form-item label="现住址">
              <el-input v-model="empBaseInfoForm.currentAddress" />
@@ -558,7 +529,7 @@
            <el-form-item label="银行名称">
              <el-input v-model="empBaseInfoForm.bankName" />
            </el-form-item>
            <el-form-item label="保险类型" prop="region">
            <el-form-item label="保险类型">
              <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                <el-option label="（深户）五险一档" value="1" />
                <el-option label="（非深户）五险一档" value="2" />
@@ -572,10 +543,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--            <el-form-item label="护卫点">-->
            <!--              <el-input v-model="empBaseInfoForm.deptName" />-->
            <!--            </el-form-item>-->
            <el-form-item label="护卫点" prop="deptId">
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
@@ -585,14 +553,14 @@
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属岗位">
            <el-form-item label="所属岗位" prop="jobName">
              <el-input v-model="empBaseInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="empBaseInfoForm.certificateNumb" />
              <el-input v-model="empBaseInfoForm.certificateNumb" @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)" />
            </el-form-item>
            <el-form-item label="身份证有效期">
              <el-input v-model="empBaseInfoForm.certificateValidity" />
@@ -628,7 +596,7 @@
            <el-form-item label="保安员回执">
              <el-input v-model="empBaseInfoForm.returnReceipt" />
            </el-form-item>
            <el-form-item label="档案情况" prop="region">
            <el-form-item label="档案情况">
              <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                <el-option label="未移交" value="0" />
                <el-option label="已移交" value="1" />
@@ -640,13 +608,13 @@
            <el-form-item label="社保电脑号">
              <el-input v-model="empBaseInfoForm.socialNumb" />
            </el-form-item>
            <el-form-item label="员工手册" prop="region">
            <el-form-item label="员工手册">
              <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
                <el-option label="未发" value="0" />
                <el-option label="已发" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="工作证" prop="region">
            <el-form-item label="工作证">
              <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                <el-option label="未发" value="0" />
                <el-option label="已发" value="1" />
@@ -656,7 +624,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="相关证件" prop="region">
            <el-form-item label="相关证件">
              <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                <el-option label="高中毕业证" value="1" />
                <el-option label="专科毕业证" value="2" />
@@ -673,17 +641,25 @@
      </div>
    </el-dialog>
    <el-dialog title="工作经历" :visible.sync="dialogshowArr[1].show" width="50%">
      <el-form :model="workExperienceForm" label-position="right" label-width="120px">
      <el-form :model="workExperienceForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="workExperienceForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="workExperienceForm.certificateNumb" />
              <el-input v-model="workExperienceForm.certificateNumb" @input="generateUserInfo(1,empBaseInfoForm.certificateNumb)" />
            </el-form-item>
            <el-form-item label="部门名称">
              <el-input v-model="workExperienceForm.deptName" />
            <el-form-item label="护卫点" required prop="deptNeme">

              <treeselect
                v-model="workExperienceForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="开始时间">
              <el-date-picker
@@ -695,10 +671,10 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="workExperienceForm.empName" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="workExperienceForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
@@ -743,22 +719,29 @@
      </div>
    </el-dialog>
    <el-dialog title="体检信息" :visible.sync="dialogshowArr[2].show" width="50%">
      <el-form :model="physicalExamForm" label-position="right" label-width="120px">
      <el-form :model="physicalExamForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="physicalExamForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="physicalExamForm.certificateNumb" />
              <el-input v-model="physicalExamForm.certificateNumb" @input="generateUserInfo(2,empBaseInfoForm.certificateNumb)" />
            </el-form-item>
            <el-form-item label="部门名称">
              <el-input v-model="physicalExamForm.deptName" />
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="physicalExamForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="体检医院">
              <el-input v-model="physicalExamForm.hospital" />
            </el-form-item>
            <el-form-item label="体检类型" prop="region">
            <el-form-item label="体检类型">
              <el-select
                v-model="physicalExamForm.physicalExamType"
                placeholder="请选择体检类型"
@@ -772,10 +755,10 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="physicalExamForm.empName" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="physicalExamForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
@@ -795,7 +778,7 @@
            <el-form-item label="血压">
              <el-input v-model="physicalExamForm.bloodPressure" />
            </el-form-item>
            <el-form-item label="心电图" prop="region">
            <el-form-item label="心电图">
              <el-select v-model="physicalExamForm.name" placeholder="ecg">
                <el-option label="正常" value="1" />
                <el-option label="异常" value="0" />
@@ -832,17 +815,24 @@
      </div>
    </el-dialog>
    <el-dialog title="合同信息" :visible.sync="dialogshowArr[3].show" width="50%">
      <el-form :model="contractInfoForm" label-position="right" label-width="120px">
      <el-form :model="contractInfoForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="contractInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="contractInfoForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="部门名称">
              <el-input v-model="contractInfoForm.deptName" />
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="contractInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="合同开始日期">
              <el-date-picker
@@ -852,7 +842,7 @@
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="合同状态" prop="region">
            <el-form-item label="合同状态">
              <el-select
                v-model="contractInfoForm.contractStatus"
                placeholder="请选择合同状态"
@@ -866,10 +856,10 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="contractInfoForm.empName" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="contractInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
@@ -918,19 +908,28 @@
      </div>
    </el-dialog>
    <el-dialog title="离职当月考勤" :visible.sync="dialogshowArr[4].show" width="50%">
      <el-form :model="dimissionAttendForm" label-position="right" label-width="120px">
      <el-form :model="dimissionAttendForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="dimissionAttendForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="dimissionAttendForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="dimissionAttendForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="dimissionAttendForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="离职考勤月份">
              <el-date-picker
                v-model="dimissionAttendForm.attendMonth"
@@ -948,7 +947,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名"><el-input v-model="dimissionAttendForm.empName" /></el-form-item>
            <el-form-item label="姓名" prop="empName"><el-input v-model="dimissionAttendForm.empName" /></el-form-item>
            <el-form-item label="证件号码"><el-input v-model="dimissionAttendForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="dimissionAttendForm.jobName" /></el-form-item>
            <el-form-item label="出勤天数">
@@ -983,19 +982,28 @@
      </div>
    </el-dialog>
    <el-dialog title="请假记录" :visible.sync="dialogshowArr[5].show" width="50%">
      <el-form :model="leaveInfoForm" label-position="right" label-width="120px">
      <el-form :model="leaveInfoForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="leaveInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="leaveInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="leaveInfoForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="leaveInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="请假开始时间">
              <el-date-picker
                v-model="leaveInfoForm.beginTime"
@@ -1006,7 +1014,7 @@
              />
            </el-form-item>

            <el-form-item label="请假类型" prop="region">
            <el-form-item label="请假类型">
              <el-select v-model="leaveInfoForm.leaveType" placeholder="请选择请假类型">
                <el-option label="事假" value="1" />
                <el-option label="病假" value="2" />
@@ -1018,7 +1026,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="leaveInfoForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="leaveInfoForm.certificateNumb" /></el-form-item>
@@ -1063,19 +1071,28 @@
      </div>
    </el-dialog>
    <el-dialog title="辞职申请" :visible.sync="dialogshowArr[6].show" width="50%">
      <el-form :model="resignForm" label-position="right" label-width="120px">
      <el-form :model="resignForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="resignForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="resignForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="resignForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="resignForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="辞职申请日期">
              <el-date-picker
                v-model="resignForm.applayDate"
@@ -1086,7 +1103,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="resignForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="resignForm.certificateNumb" /></el-form-item>
@@ -1118,19 +1135,28 @@
      </div>
    </el-dialog>
    <el-dialog title="失业金领取" :visible.sync="dialogshowArr[7].show" width="50%">
      <el-form :model="unemploymentForm" label-position="right" label-width="120px">
      <el-form :model="unemploymentForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号🔍" @click.native="showXzyg">
              <el-input v-model="unemploymentForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="unemploymentForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="unemploymentForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="unemploymentForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="失业金申请日期">
              <el-date-picker
                v-model="unemploymentForm.applayDate"
@@ -1144,7 +1170,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="unemploymentForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="unemploymentForm.certificateNumb" /></el-form-item>
@@ -1173,19 +1199,28 @@
      </div>
    </el-dialog>
    <el-dialog title="社保申请" :visible.sync="dialogshowArr[8].show" width="50%">
      <el-form :model="insuranceForm" label-position="right" label-width="120px">
      <el-form :model="insuranceForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="insuranceForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="insuranceForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="insuranceForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="insuranceForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="社保申请日期">
              <el-date-picker
                v-model="insuranceForm.applayDate"
@@ -1197,7 +1232,7 @@
            <el-form-item label="社保档位">
              <el-input v-model="insuranceForm.insuranceGaers" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
            <el-form-item label="状态">
              <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态">
                <el-option label="未申请" value="1" />
                <el-option label="已申请" value="2" />
@@ -1205,7 +1240,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="insuranceForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="insuranceForm.certificateNumb" /></el-form-item>
@@ -1213,7 +1248,7 @@
            <el-form-item label="申请人">
              <el-input v-model="insuranceForm.proposer" />
            </el-form-item>
            <el-form-item label="是否已经报告" prop="region">
            <el-form-item label="是否已经报告">
              <el-select v-model="insuranceForm.reportStatus" placeholder="是否已经报告">
                <el-option label="未报告" value="1" />
                <el-option label="已报告" value="2" />
@@ -1239,19 +1274,28 @@
      </div>
    </el-dialog>
    <el-dialog title="意外险案件" :visible.sync="dialogshowArr[9].show" width="50%">
      <el-form :model="accidentCasesForm" label-position="right" label-width="120px">
      <el-form :model="accidentCasesForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="accidentCasesForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="accidentCasesForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="accidentCasesForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="accidentCasesForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="受伤时间">
              <el-date-picker
                v-model="accidentCasesForm.injuredTime"
@@ -1265,7 +1309,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="accidentCasesForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="accidentCasesForm.certificateNumb" /></el-form-item>
@@ -1291,7 +1335,7 @@
            <el-form-item label="就诊医院">
              <el-input v-model="accidentCasesForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院" prop="region">
            <el-form-item label="是否住院">
              <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
@@ -1350,7 +1394,7 @@
            <el-form-item label="报单号">
              <el-input v-model="accidentCasesForm.expenseReport" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
            <el-form-item label="状态">
              <el-select v-model="accidentCasesForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1366,19 +1410,28 @@
      </div>
    </el-dialog>
    <el-dialog title="工伤案件" :visible.sync="dialogshowArr[10].show" width="50%">
      <el-form :model="occupationalForm" label-position="right" label-width="140px">
      <el-form :model="occupationalForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="occupationalForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="occupationalForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="occupationalForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="occupationalForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="受伤时间">
              <el-date-picker
                v-model="occupationalForm.injuredTime"
@@ -1392,7 +1445,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="occupationalForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="occupationalForm.certificateNumb" /></el-form-item>
@@ -1418,7 +1471,7 @@
            <el-form-item label="就诊医院">
              <el-input v-model="occupationalForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院" prop="region">
            <el-form-item label="是否住院">
              <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
@@ -1514,7 +1567,7 @@
            <el-form-item label="公司赔偿总费用">
              <el-input v-model="occupationalForm.companyCompensation" />
            </el-form-item>
            <el-form-item label="是否结案" prop="region">
            <el-form-item label="是否结案">
              <el-select v-model="occupationalForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1538,19 +1591,28 @@
      </div>
    </el-dialog>
    <el-dialog title="劳资案件" :visible.sync="dialogshowArr[11].show" width="50%">
      <el-form :model="laborTroubleForm" label-position="right" label-width="140px">
      <el-form :model="laborTroubleForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="laborTroubleForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="laborTroubleForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="laborTroubleForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="laborTroubleForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="仲裁日期">
              <el-date-picker
                v-model="laborTroubleForm.arbitrationDate"
@@ -1562,7 +1624,7 @@
            <el-form-item label="汇报人">
              <el-input v-model="laborTroubleForm.reporter" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
            <el-form-item label="状态">
              <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1570,7 +1632,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="laborTroubleForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="laborTroubleForm.certificateNumb" /></el-form-item>
@@ -1613,19 +1675,28 @@
      </div>
    </el-dialog>
    <el-dialog title="不良记录" :visible.sync="dialogshowArr[12].show" width="50%">
      <el-form :model="badRecordForm" label-position="right" label-width="140px">
      <el-form :model="badRecordForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="badRecordForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="badRecordForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="badRecordForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="badRecordForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="不良记录日期">
              <el-date-picker
                v-model="badRecordForm.badDate"
@@ -1636,7 +1707,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="badRecordForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="badRecordForm.certificateNumb" /></el-form-item>
@@ -1668,19 +1739,28 @@
      </div>
    </el-dialog>
    <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%">
      <el-form :model="remarkInfoForm" label-position="right" label-width="140px">
      <el-form :model="remarkInfoForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="remarkInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="remarkInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="remarkInfoForm.deptName" /></el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="remarkInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>

            <el-form-item label="备注日期">
              <el-date-picker
@@ -1692,7 +1772,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="remarkInfoForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="remarkInfoForm.certificateNumb" /></el-form-item>
@@ -1719,12 +1799,59 @@
  </div>
</template>
<script>
import { toCardGetUserInfo } from '@/utils/myUtil'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
  components: { Treeselect },
  data() {
    return {
      rules: { empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
        { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
      empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
        { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
      jobName: [{ required: true, message: '请输入员工岗位', trigger: 'blur' },
        { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
      sex: [
        { required: true, message: '请选择性别', trigger: 'change' }
      ],
      deptName: [
        { required: true, message: '请选择护卫点', trigger: 'input' }
      ] },
      restaurants: [{ value: '北京市', code: '110000' },
        { value: '天津市', code: '120000' },
        { value: '河北省', code: '130000' },
        { value: '山西省', code: '140000' },
        { value: '内蒙古自治区', code: '150000' },
        { value: '辽宁省', code: '210000' },
        { value: '吉林省', code: '220000' },
        { value: '黑龙江省', code: '230000' },
        { value: '上海市', code: '310000' },
        { value: '江苏省', code: '320000' },
        { value: '浙江省', code: '330000' },
        { value: '安徽省', code: '340000' },
        { value: '福建省', code: '350000' },
        { value: '江西省', code: '360000' },
        { value: '山东省', code: '370000' },
        { value: '河南省', code: '410000' },
        { value: '湖北省', code: '420000' },
        { value: '湖南省', code: '430000' },
        { value: '广东省', code: '440000' },
        { value: '广西壮族自治区', code: '450000' },
        { value: '海南省', code: '460000' },
        { value: '重庆市', code: '500000' },
        { value: '四川省', code: '510000' },
        { value: '贵州省', code: '520000' },
        { value: '云南省', code: '530000' },
        { value: '西藏自治区', code: '540000' },
        { value: '陕西省', code: '610000' },
        { value: '甘肃省', code: '620000' },
        { value: '青海省', code: '630000' },
        { value: '宁夏回族自治区', code: '640000' },
        { value: '新疆维吾尔自治区', code: '650000' },
        { value: '台湾省', code: '710000' },
        { value: '香港特别行政区', code: '810000' },
        { value: '澳门特别行政区', code: '820000' }],
      formLabelWidth: '120px',
      thisShowIndex: 0,
      dialogShowXzyg: false,
@@ -1834,6 +1961,7 @@
      occupationalData: [],
      badRecordData: [],
      accidentCasesData: [],
      dimissionAttendData: [],
      remarkInfoForm: {
        remarkId: '',
        empId: '',
@@ -2183,6 +2311,7 @@
        education: '',
        seniority: '',
        nativePlace: '',
        nativePlaceName: '',
        censusAddress: '',
        currentAddress: '',
        guardNumb: '',
@@ -2557,6 +2686,7 @@
      this.empBaseInfoForm.education = ''
      this.empBaseInfoForm.seniority = ''
      this.empBaseInfoForm.nativePlace = ''
      this.empBaseInfoForm.nativePlaceName = ''
      this.empBaseInfoForm.censusAddress = ''
      this.empBaseInfoForm.currentAddress = ''
      this.empBaseInfoForm.guardNumb = ''
@@ -3986,7 +4116,6 @@
    },
    editRemarkInfo(row) {
      this.isAdd = false

      this.remarkInfoForm.remarkId = row.remarkId
      this.remarkInfoForm.empId = row.empId
      this.remarkInfoForm.empNumb = row.empNumb
@@ -4021,6 +4150,41 @@
        this.unemploymentForm.sex = data.sex === '0' ? '1' : '2'
      }
      this.dialogShowXzyg = false
    }, querySearch(queryString, cb) {
      var restaurants = this.restaurants
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    },
    createFilter(queryString) {
      return (restaurant) => {
        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
      }
    }, placeNameSelect(item) {
      this.empBaseInfoForm.nativePlaceName = item.value
      this.empBaseInfoForm.nativePlace = item.code
    }, generateUserInfo(index, val) {
      var userinfo = toCardGetUserInfo(val)
      if (userinfo === null) {
        return
      }
      switch (index) {
        case 0:
          this.empBaseInfoForm.age = userinfo.age
          this.empBaseInfoForm.birthdate = userinfo.birth
          this.empBaseInfoForm.sex = userinfo.sex
          break
        case 1:
          this.workExperienceForm.age = userinfo.age
          this.workExperienceForm.birthdate = userinfo.birth
          this.workExperienceForm.sex = userinfo.sex
          break
        case 2:
          this.physicalExamForm.age = userinfo.age
          this.physicalExamForm.birthdate = userinfo.birth
          this.physicalExamForm.sex = userinfo.sex
          break
      }
    }
  }
}
@@ -4084,3 +4248,8 @@
  line-height: 60px;
}
</style>
<style lang="scss" scoped>
.el-autocomplete{
  width: 100%;
}
</style>