feat(信息录入): 基本信息

luoyb

2021-02-05 f830ce7da887cac596acb2caae94b877174c9725

feat(信息录入): 基本信息

1.根据原型调整基本信息的必填项、字段顺序

 src/views/user/Informationinput.vue

@@ -428,7 +428,7 @@
          @pagination="search"
        />
        <el-col :span="24">
          <div style="margin: 0px auto; width: 250px;margin-top: 20px;">
          <div style="width: 250px;margin: 20px auto 0;">
            <el-button class="nomalBtn" @click="deleteFrom()">取消</el-button>
            <el-button class="commonBtn" @click="submitTo()">提交</el-button>
          </div>
@@ -445,13 +445,13 @@
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="empBaseInfoForm.empNumb" />
            </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 label="身份证号码">
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="员工类型" prop="empType">
            <el-form-item label="员工类别" prop="empType">
              <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
@@ -588,6 +588,9 @@
              <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="家庭成员及关系">
@@ -598,21 +601,20 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="护卫点" required message="请选择护卫点" prop="deptId">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                placeholder="请选择部门(护卫点)"
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属岗位">
              <!--              <el-input v-model="empBaseInfoForm.jobName" />-->
            <el-form-item label="岗位" prop="jobName">
              <el-autocomplete
                v-model="empBaseInfoForm.jobName"
                class="inline-input"
@@ -621,11 +623,11 @@
                @select="jobNameSelect"
              />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            <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="身份证有效期">
              <el-input v-model="empBaseInfoForm.certificateValidity" />
@@ -686,8 +688,6 @@
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="相关证件">
              <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
@@ -1931,21 +1931,24 @@
      tableUrl: '',
      tableDataName: '',
      rules: {
        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }],
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        jobName: [{ required: true, message: '请输入员工岗位', trigger: 'blur' },
        empNumb: [{ 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' }
        ],
        empType: [{
          required: true, message: '请选择员工类型', trigger: 'change'
        }]
        certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
        jobName: [{ required: true, message: '请选择岗位', trigger: 'change' }],
        nativePlaceName: [{ required: true, message: '请选择籍贯', trigger: 'change' }],
        bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }],
        insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
        entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }],
        seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }],
        archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }],
        bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
        empType: [{ required: true, message: '请选择员工类型', trigger: 'change' }]
      },
      restaurants: [{ value: '北京市', code: '110000' },
        { value: '天津市', code: '120000' },
@@ -2450,21 +2453,21 @@
        deptName: '',
        empNumb: '',
        empName: '',
        sex: '',
        sex: '1',
        JobId: '',
        jobName: '',
        empType: '',
        empType: '1',
        certificateType: '',
        certificateNumb: '',
        nation: '',
        nation: '01',
        certificateValidity: '',
        marriage: '',
        marriage: '1',
        age: '',
        stature: '',
        birthdate: '',
        politics: '',
        politics: '13',
        entryDate: '',
        education: '',
        education: '61',
        seniority: '',
        nativePlace: '',
        nativePlaceName: '',
@@ -2474,15 +2477,15 @@
        telePhone: '',
        returnReceipt: '',
        introducer: '',
        archivesStatus: '',
        archivesStatus: '0',
        bankName: '',
        bankNumb: '',
        InsuranceType: '',
        socialNumb: '',
        family: '',
        handbookStatus: '',
        handbookStatus: '0',
        urgencyPhone: '',
        empCardStatus: '',
        empCardStatus: '0',
        certificateList: '',
        createTime: '',
        creator: '',
@@ -3162,18 +3165,6 @@
      }
    },
    selectEmpBase() {
      // this.queryParams.delFlag = '2'
      // this.$get('hr/empBaseInfo/list', this.queryParams)
      //   .then((r) => {
      //     this.basicInformationData = r.data.data.rows
      //   })
      //   .catch((error) => {
      //     console.error(error)
      //     this.$message({
      //       message: this.$t('tips.getDataFail'),
      //       type: 'error'
      //     })
      //   })
      this.tableUrl = 'hr/empBaseInfo/list'
      this.tableDataName = 'basicInformationData'
      this.queryParams.delFlag = 2
@@ -3324,18 +3315,6 @@
      })
    },
    selectWorkExperience() {
      // this.queryParams.delFlag = '2'
      // this.$get('hr/empWorkExperience/list', this.queryParams)
      //   .then((r) => {
      //     this.workExperienceData = r.data.data.rows
      //   })
      //   .catch((error) => {
      //     console.error(error)
      //     this.$message({
      //       message: this.$t('tips.getDataFail'),
      //       type: 'error'
      //     })
      //   })
      this.tableUrl = 'hr/empWorkExperience/list'
      this.tableDataName = 'workExperienceData'
      this.queryParams.delFlag = 2
@@ -3415,18 +3394,6 @@
      this.dialogshowArr[1].show = true
    },
    selectPhysicalExam() {
      // this.queryParams.delFlag = '2'
      // this.$get('hr/empPhysicalExam/list', this.queryParams)
      //   .then((r) => {
      //     this.physicalExamData = r.data.data.rows
      //   })
      //   .catch((error) => {
      //     console.error(error)
      //     this.$message({
      //       message: this.$t('tips.getDataFail'),
      //       type: 'error'
      //     })
      //   })
      this.tableUrl = 'hr/empPhysicalExam/list'
      this.tableDataName = 'physicalExamData'
      this.queryParams.delFlag = 2
@@ -3511,17 +3478,6 @@
      this.dialogshowArr[2].show = true
    },
    selectContractInfo() {
      // this.$get('hr/empContractInfo/list')
      //   .then((r) => {
      //     this.contractInfoData = r.data.data.rows
      //   })
      //   .catch((error) => {
      //     console.error(error)
      //     this.$message({
      //       message: this.$t('tips.getDataFail'),
      //       type: 'error'
      //     })
      //   })
      this.tableUrl = 'hr/empContractInfo/list'
      this.tableDataName = 'contractInfoData'
      this.queryParams.delFlag = 2
@@ -3619,15 +3575,6 @@
      this.dialogshowArr[3].show = true
    },
    selectDimissionAttend() {
      // this.$get('hr/empDimissionAttend/list').then((r) => {
      //   this.dimissionAttendData = r.data.data.rows
      // }).catch((error) => {
      //   console.error(error)
      //   this.$message({
      //     message: this.$t('tips.getDataFail'),
      //     type: 'error'
      //   })
      // })
      this.tableUrl = 'hr/empDimissionAttend/list'
      this.tableDataName = 'dimissionAttendData'
      this.queryParams.delFlag = 2
@@ -4647,7 +4594,8 @@
        this.unemploymentForm.sex = data.sex === '0' ? '1' : '2'
      }
      this.dialogShowXzyg = false
    }, querySearch(queryString, cb) {
    },
    querySearch(queryString, cb) {
      var restaurants = this.restaurants
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
@@ -4660,7 +4608,16 @@
    }, placeNameSelect(item) {
      this.empBaseInfoForm.nativePlaceName = item.value
      this.empBaseInfoForm.nativePlace = item.code
    }, generateUserInfo(index, val) {
    }, querySearchJob(queryString, cb) {
      const restaurants = this.restaurJob
      const results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    }, jobNameSelect(item) {
      this.empBaseInfoForm.jobName = item.value
      this.empBaseInfoForm.JobId = item.code
    },
    generateUserInfo(index, val) {
      var userinfo = toCardGetUserInfo(val)
      if (userinfo === null) {
        return
@@ -4746,7 +4703,7 @@
}
</style>
<style lang="scss" scoped>
.el-autocomplete{
.el-autocomplete {
  width: 100%;
}
</style>