qa-prevention-xgf-app/pages/mine/information/update.vue

<template>
  <view class="content">
    <view class="card">
      <u--form labelPosition="left" :model="form" :rules="rules" ref="form" labelWidth="120px">
        <u-form-item label="照片" prop="userPhotoFile" borderBottom required>
          <u-upload :fileList="form.userPhotoFile" @afterRead="fnAfterRead" @delete="fnDeletePic" :maxCount="1"
                    previewFullImage></u-upload>
        </u-form-item>
        <u-form-item label="姓名" prop="name" borderBottom required>
          <u--input border="none" v-model="form.name"></u--input>
        </u-form-item>
        <u-form-item label="性别" prop="sex" borderBottom required>
          <u--input border="none" v-model="form.sexName" disabled
                    disabledColor="#ffffff"></u--input>
        </u-form-item>
        <u-form-item label="出生年月" prop="dateOfBirth" borderBottom required>
          <u--input border="none" v-model="form.dateOfBirth" disabled disabledColor="#ffffff"></u--input>
        </u-form-item>
        <u-form-item label="年龄" prop="age" borderBottom required>
          <u--input border="none" v-model="form.age" disabled disabledColor="#ffffff"></u--input>
        </u-form-item>
        <u-form-item label="身份证" prop="cardId" borderBottom required>
          <u--input border="none" v-model="form.cardId" @blur="fnCardIdDisassembly"></u--input>
        </u-form-item>
        <u-form-item label="身份证照片(正反面)" prop="userCardIDPhotoFile" borderBottom required labelPosition="top"
                     labelWidth="auto">
          <view class="mt-10 w100">
            <u-upload :fileList="form.userCardIDPhotoFile" @afterRead="fnAttIdPhotoAdd"
                      @delete="fnAttIdPhotoDelete" multiple :maxCount="2" previewFullImage>
            </u-upload>
            <view class="tip">
              温馨提示：用户需上传身份证正反面（身份证照片数量需≥2张），才能进行人员培训
            </view>
          </view>
        </u-form-item>
        <u-form-item label="民族" prop="nationalityName" borderBottom required @click="singleChoiceClick('nationality')">
          <u--input v-model="form.nationalityName" border="none" disabled disabledColor="#ffffff"></u--input>
        </u-form-item>
        <u-form-item label="户口所在地" prop="hklocal" borderBottom required>
          <u--textarea border="none" v-model="form.hklocal" autoHeight></u--textarea>
        </u-form-item>
        <u-form-item label="现住址" prop="address" borderBottom required>
          <u--textarea border="none" v-model="form.address" autoHeight></u--textarea>
        </u-form-item>
        <u-form-item label="联系电话" prop="phone" borderBottom required>
          <u--input border="none" v-model="form.phone" :disabled="true"></u--input>
        </u-form-item>
        <u-form-item label="文化程度" prop="degreeOfEducationName" borderBottom required
                     @click="singleChoiceClick('degreeOfEducation')">
          <u--input v-model="form.degreeOfEducationName" border="none" disabled disabledColor="#ffffff">
          </u--input>
        </u-form-item>
        <view>
          <u-form-item label="婚姻状况" prop="maritalstatusName" borderBottom required
                       @click="singleChoiceClick('maritalstatus')">
            <u--input v-model="form.maritalstatusName" border="none" disabled disabledColor="#ffffff">
            </u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="政治面貌" prop="politicalStatusName" borderBottom required
                       @click="singleChoiceClick('politicalStatus')">
            <u--input v-model="form.politicalStatusName" border="none" disabled disabledColor="#ffffff">
            </u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.politicalStatus === 'zhonggongdangyuan'" label="入党时间" prop="POLITICAL_STATUS"
                       borderBottom required
                       @click="fnShowDatePicke('politicalTime')">
            <u--input v-model="form.politicalTime" border="none" disabled disabledColor="#ffffff">
            </u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="是否缴纳社保" prop="isSocialName" borderBottom required
                       @click="fnShowIsSocial">
            <u--input v-model="form.isSocialName" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.isSocial==='1'" label="社会保障号码" prop="SOCIAL_NUMBER" borderBottom required>
            <u--input border="none" v-model="form.socialNumber"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.isSocial==='1'" label="社会保障卡" prop="socialPhotoFile" borderBottom required
                       labelPosition="top" labelWidth="auto">
            <view class="mt-10 w100">
              <u-upload :fileList="form.socialPhotoFile" @afterRead="fnAttSocialAdd"
                        @delete="fnAttSocialDelete" multiple :maxCount="2" previewFullImage></u-upload>
            </view>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="是否缴纳保险" prop="isBfName" borderBottom required @click="fnShowBf">
            <u--input v-model="form.isBfName" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="是否签订劳动合同" prop="isSignLaborName" borderBottom required
                       @click="fnShowIsSignLabor">
            <u--input v-model="form.isSignLaborName" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.isSignLabor==='1'" label="合同图片" prop="contractFile" borderBottom required
                       labelPosition="top" labelWidth="auto">
            <view class="mt-10 w100">
              <u-upload :fileList="form.contractFile" @afterRead="fnIsSignLaborAdd"
                        @delete="fnIsSignLaborDelete" multiple :maxCount="4" previewFullImage></u-upload>
            </view>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="是否缴纳商业保险" prop="ispayName" borderBottom required @click="fnShowIsPay">
            <u--input v-model="form.ispayName" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.ispay==='1'" label="商业保险单号" prop="ispayNumber" borderBottom required>
            <u--input border="none" v-model="form.ispayNumber"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.ispay==='1'" label="保险图片" prop="insuranceFile" borderBottom required
                       labelPosition="top" labelWidth="auto">
            <view class="mt-10 w100">
              <u-upload :fileList="form.insuranceFile" @afterRead="fnIsPayAdd" @delete="fnIsPayDelete"
                        multiple :maxCount="4" previewFullImage></u-upload>
            </view>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="是否按期缴纳工伤保险" prop="isInjuriesPayName" borderBottom required
                       @click="fnShowEmploymentInjuryInsurance">
            <u--input v-model="form.isInjuriesPayName" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="工伤保险有效期" v-if="form.isInjuriesPay==='1'" prop="isInjuriesPayTime" borderBottom
                       required @click="fnShowInjuriesPayTiemEducation">
            <u--input v-model="form.isInjuriesPayTime" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="上传工伤保险凭证" prop="injuriesPayTiemFile" borderBottom required
                       v-if="form.isInjuriesPay==='1'" labelPosition="top" labelWidth="auto">
            <view class="mt-10 w100">
              <u-upload :fileList="form.injuriesPayTiemFile"
                        @afterRead="fnInjuriesPayTiemAttachmentsAfterRead" @delete="fnInjuriesPayTiemAttachmentsDelete"
                        multiple :maxCount="4" previewFullImage></u-upload>
            </view>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="岗位名称(工种)" prop="postId" borderBottom required>
            <u--textarea border="none" v-model="form.postId" autoHeight></u--textarea>
          </u-form-item>
        </view>
        <view>
          <u-form-item label="是否参加三级安全培训" prop="isLevelThreeName" borderBottom required
                       @click="fnShowPhotosOfLevel">
            <u--input v-model="form.isLevelThreeName" border="none" disabled disabledColor="#ffffff"
                      inputAlign="right"></u--input>
          </u-form-item>
        </view>
        <view>
          <u-form-item v-if="form.isLevelThree === '1'" label="三级安全培训照片" prop="photosOfLevel" borderBottom
                       required labelPosition="top" labelWidth="auto">
            <view class="mt-10 w100">
              <u-upload :fileList="form.photosOfLevel" @afterRead="fnPhotosOfLevelAdd"
                        @delete="fnPhotosOfLevelDelete" multiple :maxCount="4" previewFullImage>
              </u-upload>
            </view>
          </u-form-item>
        </view>
        <u-form-item label="是否流动人员" prop="isflowName" borderBottom required
                     @click="fnShowFloatingPersonnel">
          <u--input v-model="form.isflowName" border="none" disabled disabledColor="#ffffff"
                    inputAlign="right"></u--input>
        </u-form-item>
      </u--form>
      <u-picker ref="uPicker" :show="singleChoice" :columns="singleChoiceColumns" keyName="name"
                @confirm="fnSingleChoiceConfirm" @cancel="fnSingleChoiceCancel"></u-picker>
      <u-datetime-picker :show="datePicker" v-model="dateValue" mode="date" @confirm="fnDateConfirm"
                         @cancel="fnDateCancel"></u-datetime-picker>
      <u-picker :show="showIsSocial" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]" keyName="name"
                @confirm="fnIsSocialConfirm" @cancel="fnShowIsSocial"></u-picker>
      <u-picker :show="showEmploymentInjuryInsurance" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]"
                keyName="name" @confirm="fnEmploymentInjuryInsuranceConfirm" @cancel="fnShowEmploymentInjuryInsurance">
      </u-picker>
      <u-picker :show="showFloatingPersonnel" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]" keyName="name"
                @confirm="fnFloatingPersonnelConfirm" @cancel="fnShowFloatingPersonnel"></u-picker>
      <u-picker :show="showBf" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]" keyName="name"
                @confirm="fnBFConfirm" @cancel="fnShowBf"></u-picker>
      <u-picker :show="showIsSignLabor" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]" keyName="name"
                @confirm="fnIsSignLaborConfirm" @cancel="fnShowIsSignLabor"></u-picker>
      <u-picker :show="showPhotosOfLevel" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]" keyName="name"
                @confirm="fnShowPhotosOfLevelConfirm" @cancel="fnShowPhotosOfLevel"></u-picker>
      <u-picker :show="showIsPay" :columns="[[{name: '是', id: '1'}, {name: '否', id: '0'}]]" keyName="name"
                @confirm="fnShowIsPayConfirm" @cancel="fnShowIsPay"></u-picker>

      <u-datetime-picker :show="showInjuriesPayTiem" v-model="IS_INJURIES_PAY_TIME" mode="date"
                         @confirm="fnShowInjuriesPayTiemConfirm"
                         @cancel="fnShowInjuriesPayTiemEducation"></u-datetime-picker>
      <view class="mt-10">
        <u-button type="primary" text="保 存" @click="$u.debounce(fnSubmit, 1000,true)"></u-button>
      </view>
    </view>
  </view>
</template>

<script>
import {getIDCardDeduplication, getPhoneNumberDeduplication,} from "../../../api/index";
import {getDicLevel, getUserInfoV1, setUserInitV1, uploadFile} from "../../../api/api";

export default {
  data() {
    return {
      showDegreeOfEducation: false,
      singleChoice: false,
      singleChoiceColumns: [],
      changeFrom: '',
      datePicker: false,
      dateValue: new Date().toString(),
      showIsSocial: false,
      showEmploymentInjuryInsurance: false,
      injuriesPayTiemFile: [],
      showInjuriesPayTiem: false,
      IS_INJURIES_PAY_TIME: new Date().toString(),
      EMPLOYMENT_APPLY_MANAGEMENT_ID: '',

      degreeOfEducationColumns: [],
      showPersonWorkType: false,
      showFloatingPersonnel: false,
      showBf: false,
      showIsSignLabor: false,
      showPhotosOfLevel: false,
      showIsPay: false,
      personWorkTypeColumns: [],
      prePhotoId: [],
      form: {
        xgfUserId:'',
        userId: '',
        userPhoto:[],
        userCard:[],
        socSecurity:[],
        contract:[],
        insurance:[],
        empInsurance:[],
        threeLevel:[],
        userPhotoFile: [],
        name: '',
        sex:'',
        sexName:'',
        dateOfBirth:'',
        age:'',
        cardId:'',
        userCardIDPhotoFile: [],
        nationalityName:'',
        nationality:'',
        hklocal:'',
        address:'',
        phone:'',
        degreeOfEducationName: '',
        degreeOfEducation: '',
        maritalstatusName:'',
        maritalstatus:'',
        politicalStatusName:'',
        politicalStatus:'',
        politicalTime:'',
        isSocialName:'',
        isSocial:'',
        socialNumber:'',
        socialPhotoFile: [],
        isBfName:'',
        isBf:'',
        isSignLaborName:'',
        isSignLabor:'',
        contractFile:[],
        ispayName:'',
        ispay:'',
        ispayNumber:'',
        insuranceFile: [],
        isInjuriesPayName:'',
        isInjuriesPay:'',
        isInjuriesPayTime:'',
        injuriesPayTiemFile: [],
        postId:'',
        isLevelThreeName:'',
        isLevelThree:'',
        photosOfLevel: [],
        isflowName:'',
        isflow:'',
        username: '',
        departmentId:'',
        emp:{},
        userDetails:{},
        deleteFileIds: [],
        postMethod: 'application/json'
      },
      rules: {
        userPhotoFile: {
          type: 'array',
          required: true,
          message: '请上传照片',
          trigger: ['change']
        },
        name: {
          required: true,
          message: '请填写姓名',
          trigger: ['blur']
        },
        userCardIDPhotoFile: {
          type: 'array',
          required: true,
          message: '请上传身份证正反照',
          trigger: ['change']
        },
        injuriesPayTiemFile: {
          type: 'array',
          required: true,
          message: '请上传工伤保险凭证',
          trigger: ['change']
        },
        socialPhotoFile: {
          type: 'array',
          required: true,
          message: '请上传社保卡正反照',
          trigger: ['change']
        },
        cardId: [{
          required: true,
          message: '请填写身份证号',
          trigger: ['blur']
        },
          {
            validator: (rule, value, callback) => {
              return uni.$u.test.idCard(value);
            },
            message: '身份证号格式不正确',
            trigger: ['blur'],
          },
        ],
        hklocal: {
          required: true,
          message: '请填写户口所在地',
          trigger: ['blur']
        },
        address: {
          required: true,
          message: '请填写现住址',
          trigger: ['blur']
        },
        phone: [{
          required: true,
          message: '请填写联系电话',
          trigger: ['blur']
        },
          {
            validator: (rule, value, callback) => {
              return uni.$u.test.mobile(value);
            },
            message: '联系电话格式不正确',
            trigger: ['blur'],
          },
        ],
        degreeOfEducationName: {
          required: true,
          message: '请选择文化程度',
          trigger: ['change']
        },
        isflowName: {
          required: true,
          message: '请选择是否为流动人员',
          trigger: ['change']
        },
        isSocialName: {
          required: true,
          message: '请选择是否缴纳社保',
          trigger: ['change']
        },
        isInjuriesPayName: {
          required: true,
          message: '请选择是否按期缴纳工伤保险',
          trigger: ['change']
        },
        isInjuriesPayTime: {
          required: true,
          message: '请选择工伤保险有效期',
          trigger: ['change']
        },
        isBfName: {
          required: true,
          message: '请选择是否是否缴纳保险',
          trigger: ['change']
        },
        isSignLaborName: {
          required: true,
          message: '请选择是否签订劳动合同',
          trigger: ['change']
        },
        contractFile: {
          type: 'array',
          required: true,
          message: '请上传劳动合同',
          trigger: ['change']
        },
        insuranceFile: {
          type: 'array',
          required: true,
          message: '请上传保险图片',
          trigger: ['change']
        },
        postId: {
          required: true,
          message: '请填写岗位',
          trigger: ['change']
        },
        photosOfLevel: {
          type: 'array',
          required: true,
          message: '请上传三级安全培训照片',
          trigger: ['change']
        },
        isLevelThreeName: {
          required: true,
          message: '请选择是否为三级人员',
          trigger: ['change']
        },
        ispayNumber: {
          required: true,
          message: '请填写商业保单号',
          trigger: ['change']
        },
      },
      emp: {
        employmentApplyManagementId: "",
        corpinfoId: "",
        relevantUnitName: "",
        startDate: "",
        endDate: "",
        leaveReason: "",
        applyTime: "",
        userId: "",
        auditState: "",
        departState: "",
        reviewState: "",
        departmentId: "",
        remarks: "",
        auditRemarks: "",
        auditTime: "",
        auditPerson: "",
        corpStartDate: "",
        postId: "",
        entryDate: "",
        isSignLabor: "0",
        isInjuriesPay: "0",
        socialNumber: "",
        ispay: "0",
        isLevelThree: "0",
        isSafetyTell: "0",
        isBodyAdapt: "0",
        isSpecialJob: "0",
        isflow: "0",
        isSocial: "0",
        socialType: "",
        isBf: "0",
      },
      userDetails: {
        userId: "",
        name: "",
        phone: "",
        departState: "0",
        personWorkType: "",
        personWorkTypeName: "",
        age: "",
        hklocal: "",
        address: "",
        degreeOfEducation: "",
        degreeOfEducationName: "",
        corpStartDate: "",
        postId: "",
        postName: "",
        workSign: "",
        joinedDate: "",
        workDate: "",
        photo: "",
        dateOfBirth: "",
        ispay: "0",
        ispayNumber: "",
        isSafetyTell: "0",
        isSafetyTime: "",
        isInjuriesPay: "0",
        isSignLabor: "0",
        sex: "",
        entryDate: "",
        nationality: "",
        nationalityName: "",
        maritalstatus: "",
        politicalTime: "",
        politicalStatus: "",
        politicalStatusName: "",
        isInjuriesPayTime: "",
        isLevelThree: "0",
        isBodyAdapt: "0",
        isSpecialJob: "0",
        belongToCorp: "",
        belongToCorpName: "",
        corpinfoId: "",
        cardId: "",
        departmentId: "",
        departmentName: "",
        isSocial: "0",
        isBf: "0",
        socialNumber: "",
        zzname: "",
        annex: "",
        attorney: "",
        commitmentLetter: "",
      },
    }
  },
  onLoad() {
    this.fnGetData()
  },
  computed: {
    userInfo() {
      return this.$store.getters.getUserInfo
    }
  },
  methods: {
    singleChoiceClick(changeFrom) {
      // 设置选中的就是第一个元素
      this.$refs.uPicker.setIndexs([0])
      this.changeFrom = changeFrom
      if (changeFrom === 'nationality') this.fnGetDataDictionary('0a0e406f27f74ee698fe9979d25f62dd')
      if (changeFrom === 'degreeOfEducation') this.fnGetDataDictionary('d7d80f08d73a4accbccf4fd3d8d1d867')
      if (changeFrom === 'maritalstatus') this.singleChoiceColumns = [[{name: '已婚', bianma: '1'}, {
        name: '未婚',
        bianma: '0'
      }]]
      if (changeFrom === 'politicalStatus') this.fnGetDataDictionary('6351efdd12dc4730952e5d195718e252')
      this.singleChoice = true
    },
    // 日期确认
    fnDateConfirm(event) {
      this.$set(this.form, this.changeFrom, uni.$u.timeFormat(event.value, 'yyyy-mm-dd'))
      this.datePicker = false
    },
    // 日期选择器取消
    fnDateCancel() {
      this.datePicker = false
    },
    fnShowDatePicke(changeFrom) {
      this.changeFrom = changeFrom
      this.datePicker = true
    },
    fnSingleChoiceConfirm(event) {
      this.$set(this.form, this.changeFrom, event.value[0].bianma)
      this.$set(this.form, this.changeFrom + 'Name', event.value[0].name)
      this.singleChoice = false
    },
    fnSingleChoiceCancel() {
      this.singleChoice = false
    },
    // 身份证添加
    fnAttIdPhotoAdd(event) {
      for (let i = 0; i < event.file.length; i++) {
        this.form.userCardIDPhotoFile.push(event.file[i])
      }
    },
    // 身份证删除
    fnAttIdPhotoDelete(event) {
      uni.showModal({
        title: '提示',
        content: '确定删除吗',
        success: async (res) => {
          if (res.confirm) {
            console.log('?????')
            if (event.file.id) {
              // 准备删除的数据
              this.prePhotoId.push(event.file.id)
            }
            uni.showToast({
              title: '操作成功',
              duration: 2000
            });
            this.form.userCardIDPhotoFile.splice(event.index, 1)
            this.form.deleteFileIds.push(event.file.id)
          } else if (res.cancel) {
          }
        }
      });
    },
    // 社保卡添加
    fnAttSocialAdd(event) {
      for (let i = 0; i < event.file.length; i++) {
        this.form.socialPhotoFile.push(event.file[i])
      }
    },
    // 社保卡删除
    fnAttSocialDelete(event) {
      uni.showModal({
        title: '提示',
        content: '确定删除吗',
        success: async (res) => {
          if (res.confirm) {
            if (event.file.id) {
              this.prePhotoId.push(event.file.id)
            }
            uni.showToast({
              title: '操作成功',
              duration: 2000
            });
            this.form.socialPhotoFile.splice(event.index, 1)
            this.form.deleteFileIds.push(event.file.id)
          } else if (res.cancel) {
            // console.log('用户点击取消');
          }
        }
      });
    },
    // 合同图片
    fnIsSignLaborAdd(event) {
      for (let i = 0; i < event.file.length; i++) {
        this.form.contractFile.push(event.file[i])
      }
    },
    // 合同图片删除
    fnIsSignLaborDelete(event) {
      uni.showModal({
        title: '提示',
        content: '确定删除吗',
        success: async (res) => {
          if (res.confirm) {
            if (event.file.id) {
              this.prePhotoId.push(event.file.id)
            }
            uni.showToast({
              title: '操作成功',
              duration: 2000
            });
            this.form.contractFile.splice(event.index, 1)
            this.form.deleteFileIds.push(event.file.id)
          } else if (res.cancel) {
            // console.log('用户点击取消');
          }
        }
      });
    },
    // 合同图片
    fnIsPayAdd(event) {
      for (let i = 0; i < event.file.length; i++) {
        this.form.insuranceFile.push(event.file[i])
      }
    },
    // 合同图片删除
    fnIsPayDelete(event) {
      uni.showModal({
        title: '提示',
        content: '确定删除吗',
        success: async (res) => {
          if (res.confirm) {
            if (event.file.id) {
              this.prePhotoId.push(event.file.id)
            }
            uni.showToast({
              title: '操作成功',
              duration: 2000
            });
            this.form.insuranceFile.splice(event.index, 1)
            this.form.deleteFileIds.push(event.file.id)
          } else if (res.cancel) {
            // console.log('用户点击取消');
          }
        }
      });
    },
    // 三级教育培训新增
    fnPhotosOfLevelAdd(event) {
      for (let i = 0; i < event.file.length; i++) {
        this.form.photosOfLevel.push(event.file[i])
      }
    },
    // 三级教育培训删除
    fnPhotosOfLevelDelete(event) {
      uni.showModal({
        title: '提示',
        content: '确定删除吗',
        success: async (res) => {
          if (res.confirm) {
            if (event.file.id) {
              this.prePhotoId.push(event.file.id)
            }
            uni.showToast({
              title: '操作成功',
              duration: 2000
            });
            this.form.photosOfLevel.splice(event.index, 1)
            this.form.deleteFileIds.push(event.file.id)
          } else if (res.cancel) {
            // console.log('用户点击取消');
          }
        }
      });
    },
    async fnGetDataDictionary(dictionariesId) {
      let resData = await getDicLevel({
        dictionariesId:dictionariesId,
        postMethod: 'application/json'
      })
      this.singleChoiceColumns = [resData.list]
    },
    fnShowDegreeOfEducation() {
      this.showDegreeOfEducation = !this.showDegreeOfEducation
    },
    fnDegreeOfEducationConfirm(e) {
      this.form.degreeOfEducation = e.value[0].bianma
      this.form.degreeOfEducationName = e.value[0].name
      this.fnShowDegreeOfEducation()
    },
    fnShowPersonWorkType() {
      this.showPersonWorkType = !this.showPersonWorkType
    },
    fnShowFloatingPersonnel() {
      this.showFloatingPersonnel = !this.showFloatingPersonnel
    },
    fnShowBf() {
      this.showBf = !this.showBf
    },
    fnShowIsSignLabor() {
      this.showIsSignLabor = !this.showIsSignLabor
    },
    fnShowIsPay() {
      this.showIsPay = !this.showIsPay
    },
    fnShowIsPayConfirm(e) {
      this.form.ispay = e.value[0].id
      this.form.ispayNumber = e.value[0].name
      this.fnShowIsPay()
    },
    fnShowPhotosOfLevel() {
      this.showPhotosOfLevel = !this.showPhotosOfLevel
    },
    fnShowPhotosOfLevelConfirm(e) {
      this.form.isLevelThree = e.value[0].id
      this.form.isLevelThreeName = e.value[0].name
      this.fnShowPhotosOfLevel()
    },
    fnFloatingPersonnelConfirm(e) {
      this.form.isflow = e.value[0].id
      this.form.isflowName = e.value[0].name
      this.fnShowFloatingPersonnel()
    },
    fnBFConfirm(e) {
      this.form.isBf = e.value[0].id
      this.form.isBfName = e.value[0].name
      this.fnShowBf()
    },
    fnIsSignLaborConfirm(e) {
      this.form.isSignLabor = e.value[0].id
      this.form.isSignLaborName = e.value[0].name
      this.fnShowIsSignLabor()
    },
    fnShowIsSocial() {
      this.showIsSocial = !this.showIsSocial
    },
    fnIsSocialConfirm(e) {
      this.form.isSocial = e.value[0].id
      this.form.isSocialName = e.value[0].name
      this.fnShowIsSocial()
    },
    fnShowEmploymentInjuryInsurance() {
      this.showEmploymentInjuryInsurance = !this.showEmploymentInjuryInsurance
    },
    fnEmploymentInjuryInsuranceConfirm(e) {
      this.form.isInjuriesPay = e.value[0].id
      this.form.isInjuriesPayName = e.value[0].name
      this.fnShowEmploymentInjuryInsurance()
    },
    //工伤保险有效 凭证
    fnInjuriesPayTiemAttachmentsAfterRead(event) {
      for (let i = 0; i < event.file.length; i++) {
        this.form.injuriesPayTiemFile.push(event.file[i])
      }
    },
    fnInjuriesPayTiemAttachmentsDelete(event) {
      uni.showModal({
        title: '提示',
        content: '确定删除吗',
        success: async (res) => {
          if (res.confirm) {
            if (event.file.id) {
              this.prePhotoId.push(event.file.id)
            }
            uni.showToast({
              title: '操作成功',
              duration: 2000
            });
            this.form.injuriesPayTiemFile.splice(event.index, 1)
            this.form.deleteFileIds.push(event.file.id)
          } else if (res.cancel) {
            // console.log('用户点击取消');
          }
        }
      });
    },
    //工伤保险有效期 IS_INJURIES_PAY_TIME  InjuriesPayTiem
    fnShowInjuriesPayTiemEducation() {
      this.showInjuriesPayTiem = !this.showInjuriesPayTiem
    },
    fnShowInjuriesPayTiemConfirm(event) {
      this.form.isInjuriesPayTime = event.value
      this.fnShowInjuriesPayTiemEducation()
      this.form.isInjuriesPayTime = uni.$u.timeFormat(event.value, 'yyyy-mm-dd')
    },
    async fnIDCardDeduplication(CARD_ID = this.form.cardId) {
      let resData = await getIDCardDeduplication({
        CARD_ID
      })
      if (resData.pd) {
        uni.$u.toast('身份证号重复')
        return true
      }
      return false
    },
    async fnPhoneNumberDeduplication(PHONE = this.form.phone) {
      if (uni.$u.test.mobile(PHONE)) {
        let resData = await getPhoneNumberDeduplication({
          PHONE
        })
        if (resData.pd) {
          uni.$u.toast('联系电话重复')
          return true
        }
        return false
      }
    },
    async fnCardIdDisassembly(event) {
      if (uni.$u.test.idCard(event)) {
        await this.fnIDCardDeduplication()
        this.form.dateOfBirth = event.substring(6, 10) + "-" + event.substring(10, 12) + "-" + event
            .substring(12, 14);
        if (parseInt(event.substring(17, 1)) % 2 === 1) {
          this.form.sex = "0";
          this.form.sexName = "男";
        } else {
          this.form.sex = "1";
          this.form.sexName = "女";
        }
        this.$forceUpdate()
        let myDate = new Date();
        let month = myDate.getMonth() + 1;
        let day = myDate.getDate();
        let age = myDate.getFullYear() - event.substring(6, 10) - 1;
        if (event.substring(10, 12) < month || event.substring(10, 12) === month && event.substring(12,
            14) <= day) {
          age++;
        }
        this.form.age = age;
      }
    },
    async fnGetData() {
      let data = await getUserInfoV1(
          {
            id: this.$store.getters.getUserInfo.USER_ID,
            postMethod: 'application/json'
          }
      )
      this.form.xgfUserId = data.info.userId
      this.form.userId = data.info.userId
      this.form.postId = data.info.userDetails.postId
      this.form.postName = data.info.userDetails.postName
      this.form.name = data.info.userDetails.name
      this.form.username = data.info.username
      this.form.departmentId = data.info.userDetails.departmentId
      if (data.info.userPhotoInfo.length > 0) {
        this.form.userPhotoFile.push({
          id: data.info.userPhotoInfo[0].imgfilesId,
          url: this.$filePath + data.info.userPhotoInfo[0].filepath,
        })
      }
      this.form.maritalstatus = data.info.userDetails.maritalstatus
      this.form.dateOfBirth = data.info.userDetails.dateOfBirth
      this.form.age = data.info.userDetails.age
      this.form.sexName = data.info.userDetails.sex === '0' ? '男' : '女'
      this.form.cardId = data.info.userDetails.cardId
      if (data.info.userCardInfo.length > 0) {
        for (let i = 0; i < data.info.userCardInfo.length; i++){
          this.form.userCardIDPhotoFile.push({
            id: data.info.userCardInfo[i].imgfilesId,
            url: this.$filePath + data.info.userCardInfo[i].filepath
          })
        }
      }
      this.form.nationalityName = data.info.userDetails.nationalityName
      this.form.nationality = data.info.userDetails.nationality
      this.form.hklocal = data.info.userDetails.hklocal
      this.form.address = data.info.userDetails.address
      this.form.phone = data.info.userDetails.phone
      this.form.degreeOfEducationName = data.info.userDetails.degreeOfEducationName
      this.form.degreeOfEducation = data.info.userDetails.degreeOfEducation
      this.form.maritalstatusName = data.info.userDetails.maritalstatus === '1'?'已婚':'未婚'
      this.form.politicalStatusName = data.info.userDetails.politicalStatusName
      this.form.politicalStatus = data.info.userDetails.politicalStatus
      this.form.isSocial = data.info.userDetails.isSocial
      this.form.socialNumber = data.info.userDetails.socialNumber
      this.form.isSocialName = data.info.userDetails.isSocial === '1'?'是':'否'
      if (data.info.socSecurityInfo.length > 0){
        for (let i = 0; i < data.info.socSecurityInfo.length; i++) {
          this.form.socialPhotoFile.push({
            id: data.info.socSecurityInfo[i].imgfilesId,
            url: this.$filePath + data.info.socSecurityInfo[i].filepath
          })
        }
      }
      this.form.isBf = data.info.userDetails.isBf
      this.form.isBfName = data.info.userDetails.isBf === '1'?'是':'否'
      this.form.isSignLabor = data.info.userDetails.isSignLabor
      this.form.isSignLaborName = data.info.userDetails.isSignLabor === '1'?'是':'否'
      if (data.info.contractInfo.length > 0){
        for (let i = 0; i < data.info.contractInfo.length; i++) {
          this.form.contractFile.push({
            id: data.info.contractInfo[i].imgfilesId,
            url: this.$filePath + data.info.contractInfo[i].filepath
          })
        }
      }
      this.form.ispay = data.info.userDetails.ispay
      this.form.ispayName = data.info.userDetails.ispay === '1'?'是':'否'
      this.form.ispayNumber = data.info.userDetails.ispayNumber
      if (data.info.insuranceInfo.length > 0){
        for (let i = 0; i < data.info.insuranceInfo.length; i++) {
          this.form.insuranceFile.push({
            id: data.info.insuranceInfo[i].imgfilesId,
            url: this.$filePath + data.info.insuranceInfo[i].filepath
          })
        }
      }
      this.form.isInjuriesPay = data.info.userDetails.isInjuriesPay
      this.form.isInjuriesPayName = data.info.userDetails.isInjuriesPay === '1'?'是':'否'
      this.form.isInjuriesPayTime = data.info.userDetails.isInjuriesPayTime
      if (data.info.empInsuranceInfo.length > 0){
        for (let i = 0; i < data.info.empInsuranceInfo.length; i++) {
          this.form.injuriesPayTiemFile.push({
            id: data.info.empInsuranceInfo[i].imgfilesId,
            url: this.$filePath + data.info.empInsuranceInfo[i].filepath
          })
        }
      }
      this.form.isLevelThree = data.info.userDetails.isLevelThree
      this.form.isLevelThreeName = data.info.userDetails.isLevelThree === '1'?'是':'否'
      if (data.info.threeLevelInfo.length > 0){
        for (let i = 0; i < data.info.threeLevelInfo.length; i++) {
          this.form.photosOfLevel.push({
            id: data.info.threeLevelInfo[i].imgfilesId,
            url: this.$filePath + data.info.threeLevelInfo[i].filepath
          })
        }
      }
      this.form.isflowName = data.info.emp.isflow === '1'?'是':'否'
      this.form.deleteFileIds = []
    },
    fnAfterRead(event) {
      this.form.userPhotoFile.push(event.file)
    },
    fnDeletePic(event) {
      console.log(event)
      this.form.userPhotoFile.splice(event.index, 1)
      this.form.deleteFileIds.push(event.file.id)
    },
    async fnSubmit() {
      this.$refs.form.validate().then(async () => {
        if (this.form.isSocial === '0' && this.form.isSocial === '0') {
          uni.$u.toast('工商或社保全无人员，不可进入本系统相关方人员管理！');
          return;
        }
        if (await this.fnIDCardDeduplication()) return
        if (await this.fnPhoneNumberDeduplication()) return
        if (this.form.userCardIDPhotoFile.length !== 2) {
          uni.$u.toast('身份证照片需要两张')
          return
        }
        if (this.form.isSocial === '1') {
          if (this.form.socialPhotoFile.length !== 2) {
            uni.$u.toast('社保卡照片需要两张')
            return
          }
        }
        // 头像
        this.form.userPhoto = Array.from(await this.uploadFiles(this.form.userPhotoFile, 3));
        // 身份证
        this.form.userCard = Array.from(await this.uploadFiles(this.form.userCardIDPhotoFile, 3));
        // 社保照片
        this.form.socSecurity = Array.from(await this.uploadFiles(this.form.socialPhotoFile, 3));
        // 劳动合同图片
        this.form.contract = Array.from(await this.uploadFiles(this.form.contractFile, 3));
        // 保险图片
        this.form.insurance = Array.from(await this.uploadFiles(this.form.insuranceFile, 3));
        // 工商保险
        this.form.empInsurance = Array.from(await this.uploadFiles(this.form.injuriesPayTiemFile, 3));
        // 三级培训照片
        this.form.threeLevel = Array.from(await this.uploadFiles(this.form.photosOfLevel, 3));
        // 就职信息更新
        this.form.emp = JSON.parse(JSON.stringify(this.emp));
        this.form.emp.departmentId = this.form.departmentId;
        this.form.emp.isSignLabor = this.form.isSignLabor;
        this.form.emp.isInjuriesPay = this.form.isInjuriesPay;
        this.form.emp.socialNumber = this.form.socialNumber;
        this.form.emp.ispay = this.form.ispay;
        this.form.emp.isLevelThree = this.form.isLevelThree;
        this.form.emp.isSocial = this.form.isSocial;
        this.form.emp.isBf = this.form.isBf;
        this.form.emp.isflow = this.form.isflow;
        this.form.emp.postId = this.form.postId;
        this.form.emp.postName = this.form.postId;
        // 用户信息更新
        this.form.userDetails = JSON.parse(JSON.stringify(this.userDetails));
        this.form.userDetails.name = this.form.name;
        this.form.userDetails.phone = this.form.username;
        this.form.userDetails.age = this.form.age;
        this.form.userDetails.hklocal = this.form.hklocal;
        this.form.userDetails.address = this.form.address;
        this.form.userDetails.degreeOfEducation = this.form.degreeOfEducation;
        this.form.userDetails.degreeOfEducationName = this.form.degreeOfEducationName;
        if (this.form.userPhoto && this.form.userPhoto.length > 0) {
          this.form.userDetails.photo = this.form.userPhoto[0];
        }
        this.form.userDetails.dateOfBirth = this.form.dateOfBirth;
        this.form.userDetails.ispay = this.form.ispay;
        this.form.userDetails.ispayNumber = this.form.ispayNumber;
        this.form.userDetails.isInjuriesPay = this.form.isInjuriesPay;
        this.form.userDetails.isSignLabor = this.form.isSignLabor;
        this.form.userDetails.sex = this.form.sex;
        this.form.userDetails.nationality = this.form.nationality;
        this.form.userDetails.nationalityName = this.form.nationalityName;
        this.form.userDetails.maritalstatus = this.form.maritalstatus;
        this.form.userDetails.politicalTime = this.form.politicalTime;
        this.form.userDetails.politicalStatus = this.form.politicalStatus;
        this.form.userDetails.politicalStatusName = this.form.politicalStatusName;
        this.form.userDetails.isInjuriesPayTime = this.form.isInjuriesPayTime;
        this.form.userDetails.isLevelThree = this.form.isLevelThree;
        this.form.userDetails.isSpecialJob = this.form.isSpecialJob;
        this.form.userDetails.cardId = this.form.cardId;
        this.form.userDetails.isLevelThree = this.form.isLevelThree;
        this.form.userDetails.isSocial = this.form.isSocial;
        this.form.userDetails.isBf = this.form.isBf;
        this.form.userDetails.socialNumber = this.form.socialNumber;
        this.form.userDetails.postId = this.form.postId;
        this.form.userDetails.postName = this.form.postId;
        this.form.postMethod = 'application/json';
        // 保存人员信息
        await setUserInitV1(this.form)
        // 更新token
        let result = await getUserInfoV1({
          id: this.$store.getters.getUserInfo.USER_ID,
          postMethod: 'application/json'
        })
        let photo = result.info.userPhotoInfo[0].filepath
        await this.$store.dispatch('setUserInfo', {
          CORPINFO_ID: result.info.corpinfoId,
          DEPARTMENT_ID: result.info.departmentId,
          NAME: result.info.name,
          USERNAME: result.info.username,
          USER_ID: result.info.userId,
          PHOTO: this.$filePath + photo,
          userPhoto: this.$filePath + photo,
          token: this.userInfo.token
        })
        uni.$u.toast('保存成功')
        setTimeout(() => {
          var pages = getCurrentPages(); // 获取当前页面栈
          var prePage = pages[pages.length - 2]; // 上级页面
          if (prePage.route == 'pages/related_party_units/view') {
            prePage.$vm.reloadx();
          }
          uni.navigateBack()
        }, 2000)
      }).catch((e) => {
        if (e.result === 'out') {
          uni.$u.toast(e.msg)
        } else {
          console.log(e)
          uni.$u.toast('请补全必填项')
        }
      })
    },
    async uploadFiles(list, type){
      const res = [];
      for (let i = 0; i < list.length; i++) {
        if (!list[i].id) {
          const req = await uploadFile({
            filePath: list[i].url,
            name: 'file',
            formData: {
              type: type,
              uuid: Math.random()
            }
          });
          res.push(req.path);
        }
      }
      return res;
    }
  },
}
</script>

<style scoped>
.tip {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
</style>