Merge remote-tracking branch 'origin/master'

孔祥富

2021-02-28 ee96c53996b2457f1c21d436f20666339c4cfa1a

 src/views/user/archivesEdit.vue

@@ -129,202 +129,289 @@
            编辑
          </el-button>
          <div class="jbxxCon">
            <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" class="formjbxx" label-width="80px">
              <el-form-item label="档案号" prop="archivesNumb">
                <el-input v-model="empBaseInfoForm.archivesNumb" />
              </el-form-item>
              <el-form-item label="姓名" prop="empName">
                <el-input v-model="empBaseInfoForm.empName" />
              </el-form-item>
              <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="jobName">
                <el-autocomplete
                  v-model="empBaseInfoForm.jobName"
                  class="inline-input"
                  :fetch-suggestions="querySearchJob"
                  placeholder="请输入岗位"
                  @select="jobNameSelect"
                />
              </el-form-item>
              <el-form-item label="员工类别" prop="empType">
                <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="certificateNumb">
                <el-input
                  v-model="empBaseInfoForm.certificateNumb"
                  @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
                />
              </el-form-item>
              <el-form-item label="年龄" prop="age">
                <el-input v-model="empBaseInfoForm.age" />
              </el-form-item>
              <el-form-item label="婚姻状态" prop="marriage">
                <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                  <el-option label="未婚" value="1" />
                  <el-option label="已婚" value="2" />
                  <el-option label="丧偶" value="3" />
                  <el-option label="离婚" value="4" />
                  <el-option label="再婚" value="5" />
                  <el-option label="其它" value="9" />
                </el-select>
              </el-form-item>
              <el-form-item label="身份证有效期" prop="certificateValidity" style="width:12%">
                <el-date-picker
                  v-model="empBaseInfoForm.certificateValidity"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                />
              </el-form-item>
              <el-form-item label="身高(cm)" prop="stature">
                <el-input v-model="empBaseInfoForm.stature" />
              </el-form-item>
              <el-form-item label="政治面貌" prop="politics">
                <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                  <el-option label="中共党员" value="01" />
                  <el-option label="预备党员" value="02" />
                  <el-option label="共青团员" value="03" />
                  <el-option label="民革会员" value="04" />
                  <el-option label="民盟盟员" value="05" />
                  <el-option label="民建会员" value="06" />
                  <el-option label="民进会员" value="07" />
                  <el-option label="农工党员" value="08" />
                  <el-option label="致公党员" value="09" />
                  <el-option label="九三社员" value="10" />
                  <el-option label="台盟盟员" value="11" />
                  <el-option label="民主人士" value="12" />
                  <el-option label="群众" value="13" />
                </el-select>
              </el-form-item>
              <el-form-item label="出生日期" prop="birthdate" style="width:12%">
                <el-date-picker
                  v-model="empBaseInfoForm.birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                />
              </el-form-item>
              <el-form-item label="最高学历" prop="education">
                <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                  <el-option label="博士" value="10" />
                  <el-option label="硕士" value="11" />
                  <el-option label="大学本科" value="21" />
                  <el-option label="大学专科" value="31" />
                  <el-option label="中专" value="41" />
                  <el-option label="中技" value="42" />
                  <el-option label="高中" value="61" />
                  <el-option label="初中" value="71" />
                  <el-option label="小学" value="81" />
                  <el-option label="无学历" value="91" />
                </el-select>
              </el-form-item>
              <el-form-item label="籍贯" prop="nativePlaceName">
                <el-autocomplete
                  v-model="empBaseInfoForm.nativePlaceName"
                  class="inline-input"
                  :fetch-suggestions="querySearch"
                  placeholder="请输入籍贯"
                  @select="placeNameSelect"
                />
              </el-form-item>
              <el-form-item label="户籍地址" prop="censusAddress">
                <el-input v-model="empBaseInfoForm.censusAddress" />
              </el-form-item>
              <el-form-item label="现住址" prop="currentAddress">
                <el-input v-model="empBaseInfoForm.currentAddress" />
              </el-form-item>
              <el-form-item label="保安员回执" prop="returnReceipt">
                <el-input v-model="empBaseInfoForm.returnReceipt" />
              </el-form-item>
              <el-form-item label="保安员回执" prop="archivesNumb">
                <el-input v-model="empBaseInfoForm.archivesNumb" />
              </el-form-item>
              <el-form-item label="档案情况" prop="archivesStatus">
                <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                  <el-option label="未移交" value="0" />
                  <el-option label="已移交" value="1" />
                </el-select>
              </el-form-item>
              <el-form-item label="银行名称" prop="bankName">
                <el-input v-model="empBaseInfoForm.bankName" />
              </el-form-item>
              <el-form-item label="银行账号" prop="bankNumb">
                <el-input v-model="empBaseInfoForm.bankNumb" />
              </el-form-item>
              <el-form-item label="电话号码" prop="telePhone">
                <el-input v-model="empBaseInfoForm.telePhone" />
              </el-form-item>
              <el-form-item label="入职日期" prop="entryDate">
                <el-date-picker
                  v-model="empBaseInfoForm.entryDate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                  @input="calculateSeniority"
                />
              </el-form-item>
              <el-form-item label="保险类型" prop="insuranceType">
                <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                  <el-option label="（深户）五险一档" value="1" />
                  <el-option label="（非深户）五险一档" value="2" />
                  <el-option label="（非深户）五险二档" value="3" />
                  <el-option label="（非深户）五险三档" value="4" />
                  <el-option label="（非深户）四险一档" value="5" />
                </el-select>
              </el-form-item>
              <el-form-item label="社保电脑号" prop="socialNumb">
                <el-input v-model="empBaseInfoForm.socialNumb" />
              </el-form-item>
              <el-form-item label="招聘介绍人" prop="introducer">
                <el-input v-model="empBaseInfoForm.introducer" />
              </el-form-item>
              <el-form-item label="入司工龄" prop="seniority">
                <el-input v-model="empBaseInfoForm.seniority" />
              </el-form-item>
              <el-form-item label="工作证" prop="empCardStatus">
                <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                  <el-option label="未发" value="0" />
                  <el-option label="已发" value="1" />
                </el-select>
              </el-form-item>
              <el-form-item label="家庭成员及关系" prop="family">
                <el-input v-model="empBaseInfoForm.family" />
              </el-form-item>
              <el-form-item label="紧急联系电话" prop="urgencyPhone">
                <el-input v-model="empBaseInfoForm.urgencyPhone" />
              </el-form-item>
              <el-form-item label="员工手册" prop="handbookStatus">
                <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="certificateList">
                <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                  <el-option label="高中毕业证" value="1" />
                  <el-option label="专科毕业证" value="2" />
                  <el-option label="本科毕业证" value="3" />
                </el-select>
              </el-form-item>
              <el-form-item label="部门(护卫点)" prop="deptId">
                <treeselect
                  v-model="empBaseInfoForm.deptId"
                  :multiple="false"
                  :options="depts"
                  :clear-value-text="$t('common.clear')"
                  placeholder="请选择部门(护卫点)"
                  style="width:8%"
                />
              </el-form-item>
            <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" class="formjbxx" label-position="right" label-width="140px">
              <el-row>
                <el-col :span="8">
                  <el-form-item label="档案号" prop="archivesNumb">
                    <el-input v-model="empBaseInfoForm.archivesNumb" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="姓名" prop="empName">
                    <el-input v-model="empBaseInfoForm.empName" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <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-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="部门(护卫点)" prop="deptId">
                    <treeselect
                      v-model="empBaseInfoForm.deptId"
                      :multiple="false"
                      :options="depts"
                      :clear-value-text="$t('common.clear')"
                      placeholder="请选择部门(护卫点)"
                      style="width: 150px;"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="岗位" prop="jobName">
                    <el-autocomplete
                      v-model="empBaseInfoForm.jobName"
                      class="inline-input"
                      :fetch-suggestions="querySearchJob"
                      placeholder="请输入岗位"
                      @select="jobNameSelect"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="员工类别" prop="empType">
                    <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                      <el-option label="正式工" value="1" />
                      <el-option label="临时工" value="2" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="身份证号码" prop="certificateNumb">
                    <el-input
                      v-model="empBaseInfoForm.certificateNumb"
                      @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="年龄" prop="age">
                    <el-input v-model="empBaseInfoForm.age" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="婚姻状态" prop="marriage">
                    <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                      <el-option label="未婚" value="1" />
                      <el-option label="已婚" value="2" />
                      <el-option label="丧偶" value="3" />
                      <el-option label="离婚" value="4" />
                      <el-option label="再婚" value="5" />
                      <el-option label="其它" value="9" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="身份证有效期" prop="certificateValidity">
                    <el-date-picker
                      v-model="empBaseInfoForm.certificateValidity"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="身高(cm)" prop="stature">
                    <el-input v-model="empBaseInfoForm.stature" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="政治面貌" prop="politics">
                    <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                      <el-option label="中共党员" value="01" />
                      <el-option label="预备党员" value="02" />
                      <el-option label="共青团员" value="03" />
                      <el-option label="民革会员" value="04" />
                      <el-option label="民盟盟员" value="05" />
                      <el-option label="民建会员" value="06" />
                      <el-option label="民进会员" value="07" />
                      <el-option label="农工党员" value="08" />
                      <el-option label="致公党员" value="09" />
                      <el-option label="九三社员" value="10" />
                      <el-option label="台盟盟员" value="11" />
                      <el-option label="民主人士" value="12" />
                      <el-option label="群众" value="13" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="出生日期" prop="birthdate">
                    <el-date-picker
                      v-model="empBaseInfoForm.birthdate"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="最高学历" prop="education">
                    <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                      <el-option label="博士" value="10" />
                      <el-option label="硕士" value="11" />
                      <el-option label="大学本科" value="21" />
                      <el-option label="大学专科" value="31" />
                      <el-option label="中专" value="41" />
                      <el-option label="中技" value="42" />
                      <el-option label="高中" value="61" />
                      <el-option label="初中" value="71" />
                      <el-option label="小学" value="81" />
                      <el-option label="无学历" value="91" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="籍贯" prop="nativePlaceName">
                    <el-autocomplete
                      v-model="empBaseInfoForm.nativePlaceName"
                      class="inline-input"
                      :fetch-suggestions="querySearch"
                      placeholder="请输入籍贯"
                      @select="placeNameSelect"
                    />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="户籍地址" prop="censusAddress">
                    <el-input v-model="empBaseInfoForm.censusAddress" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="现住址" prop="currentAddress">
                    <el-input v-model="empBaseInfoForm.currentAddress" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="保安员回执" prop="returnReceipt">
                    <el-input v-model="empBaseInfoForm.returnReceipt" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="保安员证号" prop="guardNumb">
                    <el-input v-model="empBaseInfoForm.guardNumb" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="档案情况" prop="archivesStatus">
                    <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                      <el-option label="未移交" value="0" />
                      <el-option label="已移交" value="1" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="银行名称" prop="bankName">
                    <el-input v-model="empBaseInfoForm.bankName" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="银行账号" prop="bankNumb">
                    <el-input v-model="empBaseInfoForm.bankNumb" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="电话号码" prop="telePhone">
                    <el-input v-model="empBaseInfoForm.telePhone" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="入职日期" prop="entryDate">
                    <el-date-picker
                      v-model="empBaseInfoForm.entryDate"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期"
                      @input="calculateSeniority"
                    />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="保险类型" prop="insuranceType">
                    <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                      <el-option label="（深户）五险一档" value="1" />
                      <el-option label="（非深户）五险一档" value="2" />
                      <el-option label="（非深户）五险二档" value="3" />
                      <el-option label="（非深户）五险三档" value="4" />
                      <el-option label="（非深户）四险一档" value="5" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="社保电脑号" prop="socialNumb">
                    <el-input v-model="empBaseInfoForm.socialNumb" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="招聘介绍人" prop="introducer">
                    <el-input v-model="empBaseInfoForm.introducer" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="入司工龄" prop="seniority">
                    <el-input v-model="empBaseInfoForm.seniority" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="工作证" prop="empCardStatus">
                    <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                      <el-option label="未发" value="0" />
                      <el-option label="已发" value="1" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="家庭成员及关系" prop="family">
                    <el-input v-model="empBaseInfoForm.family" />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="紧急联系电话" prop="urgencyPhone">
                    <el-input v-model="empBaseInfoForm.urgencyPhone" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="员工手册" prop="handbookStatus">
                    <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
                      <el-option label="未发" value="0" />
                      <el-option label="已发" value="1" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="相关证件" prop="certificateList">
                    <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                      <el-option label="高中毕业证" value="1" />
                      <el-option label="专科毕业证" value="2" />
                      <el-option label="本科毕业证" value="3" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
          </div>
        </div>
@@ -4834,4 +4921,15 @@

  }
}
.el-select {
  width: 100%;
}

.el-autocomplete {
  width: 100%;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
</style>