<template>
  <view class="content">
    <view class="card">
      <u-cell-group>
        <u-cell title="照片">
          <template #value>
            <u--image :src="info.userPhoto" shape="circle" width="100rpx" height="100rpx"></u--image>
          </template>
        </u-cell>
        <u-cell title="姓名" :value="info.NAME"></u-cell>
        <u-cell title="性别" :value="info.SEX === '1' ? '女' : '男'">
          <template #value>
            {{ info.SEX === '1' ? '女' : '' }}
            {{ info.SEX === '0' ? '男' : '' }}
          </template>
        </u-cell>
        <u-cell title="出生年月" :value="info.DATE_OF_BIRTH"></u-cell>
        <u-cell title="年龄" :value="info.AGE"></u-cell>
        <u-cell title="身份证" :value="info.CARD_ID" @blur="fnIDCardDeduplication"></u-cell>
        <u-cell title="身份证照片">
          <template #value>
            <view v-for="(item,index) in userCardIDPhotoFile" :key="index"
                  style="display: flex;justify-content: space-between;margin-left: 10rpx;">
              <u--image :src="item" width="100rpx" height="100rpx"
                        @click="fnPreview(userCardIDPhotoFile)"></u--image>
            </view>
          </template>
        </u-cell>
        <u-cell title="民族" :value="info.minzuName"></u-cell>
        <u-cell title="户口所在地">
          <template #value>
            <u--text :lines="2" align="right" :text="info.HKLOCAL"></u--text>
          </template>
        </u-cell>
        <u-cell title="现住址">
          <template #value>
            <u--text :lines="2" align="right" :text="info.ADDRESS"></u--text>
          </template>
        </u-cell>
        <u-cell title="联系电话" :value="info.PHONE"></u-cell>
        <u-cell title="婚姻状况" :value="info.MARITALSTATUS == 0 ? '未婚':'已婚'"></u-cell>
        <u-cell title="政治面貌" :value="info.zzName"></u-cell>
        <u-cell v-if="info.POLITICAL_STATUS == 'zhonggongdangyuan'" title="入党时间"
                :value="info.POLITICAL_TIME"></u-cell>
        <u-cell title="是否缴纳社保" :value="info.IS_SOCIAL_NAME"></u-cell>
        <!-- 用v-if会出现渲染问题导致出现两行相同的数据 所以改成v-show modify by water_xu 2024.7.19 -->
        <u-cell title="社会保障号" v-show="info.IS_SOCIAL==='1'" :value="info.SOCIAL_NUMBER"></u-cell>
        <u-cell title="社会保障卡照片" v-show="info.IS_SOCIAL==='1'">
          <template #value>
            <view v-for="(item,index) in socialPhotoFile" :key="index"
                  style="display: flex;justify-content: space-between;margin-left: 10rpx;">
              <u--image :src="item" width="100rpx" height="100rpx"
                        @click="fnPreview(socialPhotoFile)"></u--image>
            </view>
          </template>
        </u-cell>
        <u-cell title="是否签订劳动合同" :value="info.IS_SIGN_LABOR_NAME"></u-cell>
        <u-cell title="合同图片" v-show="info.IS_SIGN_LABOR==='1'">
          <template #value>
            <view v-for="(item,index) in contractFile" :key="index"
                  style="display: flex;justify-content: space-between;margin-left: 10rpx;">
              <u--image :src="item" width="100rpx" height="100rpx"
                        @click="fnPreview(contractFile)"></u--image>
            </view>
          </template>
        </u-cell>
        <u-cell title="是否缴纳商业保险" :value="info.ISPAY_NAME"></u-cell>
        <u-cell title="商业保险单号" v-show="info.ISPAY==='1'" :value="info.ISPAY_NUMBER"></u-cell>
        <u-cell title="保险图片" v-show="info.ISPAY==='1'">
          <template #value>
            <view v-for="(item,index) in insuranceFile" :key="index"
                  style="display: flex;justify-content: space-between;margin-left: 10rpx;">
              <u--image :src="item" width="100rpx" height="100rpx"
                        @click="fnPreview(insuranceFile)"></u--image>
            </view>
          </template>
        </u-cell>
        <u-cell title="是否按期缴纳工伤保险" :value="info.IS_INJURIES_PAY_NAME"></u-cell>
        <u-cell title="工伤保险有效期" v-show="info.IS_INJURIES_PAY==='1'" :value="info.IS_INJURIES_PAY_TIME"></u-cell>
        <u-cell title="工伤保险凭证" v-show="info.IS_INJURIES_PAY==='1'">
          <template #value>
            <view v-for="(item,index) in injuriesPayTiemFile" :key="index"
                  style="display: flex;justify-content: space-between;margin-left: 10rpx;">
              <u--image :src="item" width="100rpx" height="100rpx"
                        @click="fnPreview(injuriesPayTiemFile)"></u--image>
            </view>
          </template>
        </u-cell>
        <u-cell title="岗位名称(工种)" :value="info.POST_ID"></u-cell>
        <u-cell title="是否参加三级安全培训" :value="info.IS_LEVEL_THREE_NAME"></u-cell>
        <u-cell title="三级安全培训照片" v-show="info.IS_LEVEL_THREE==='1'">
          <template #value>
            <view v-for="(item,index) in photosOfLevel" :key="index"
                  style="display: flex;justify-content: space-between;margin-left: 10rpx;">
              <u--image :src="item" width="100rpx" height="100rpx"
                        @click="fnPreview(photosOfLevel)"></u--image>
            </view>
          </template>
        </u-cell>
        <u-cell title="是否流动人员" :value="info.ISFLOW_NAME"></u-cell>
      </u-cell-group>
    </view>
    <fab-button type="edit" @click="$u.route({url: '/pages/mine/information/update'})"/>
  </view>
</template>

<script>
import {
  getUserInfo,
  getEmployedBy, getIDCardDeduplication
} from "../../../api";
import FabButton from "@/components/fab_button/index.vue";

export default {
  components: {FabButton},
  data() {
    return {
      info: {},
      userCardIDPhotoFile: [],
      socialPhotoFile: [],
      injuriesPayTiemFile: [],
      photosOfLevel: [],
      contractFile: [],
      insuranceFile: [],
      EMPLOYMENT_APPLY_MANAGEMENT_ID: '',
    }
  },
  onShow() {
    this.fnGetData()
  },
  computed: {
    userInfo() {
      return this.$store.getters.getUserInfo
    }
  },
  methods: {
    async fnIDCardDeduplication(CARD_ID = this.form.CARD_ID) {
      let resData = await getIDCardDeduplication({CARD_ID})
      if (resData.pd) {
        uni.$u.toast('身份证号重复')
        return true
      }
      return false
    },
    fnPreview(urls) {
      uni.previewImage({
        urls
      })
    },
    async fnGetData() {
      this.userCardIDPhotoFile = []
      this.socialPhotoFile = []
      this.injuriesPayTiemFile = []
      this.contractFile = []
      this.photosOfLevel = []
      this.insuranceFile = []
      let Employed = await getEmployedBy({
        showCount: 10,
        currentPage: 1,
        DEPART_STATE: '0'
      })
      if (Employed.varList.length > 0) {
        Employed.varList.forEach(item => {
          console.log(item.EMPLOYMENT_APPLY_MANAGEMENT_ID);
          this.EMPLOYMENT_APPLY_MANAGEMENT_ID = item.EMPLOYMENT_APPLY_MANAGEMENT_ID
        })
      }
      let resData = await getUserInfo({
        CORPINFO_ID: this.userInfo.CORPINFO_ID,
        EMPLOYMENT_APPLY_MANAGEMENT_ID: this.EMPLOYMENT_APPLY_MANAGEMENT_ID
      })
      this.info = resData.pd
      for (let i = 0; i < resData.userCardIDPhotoFile.length; i++) {
        this.userCardIDPhotoFile.push(this.$filePath + resData.userCardIDPhotoFile[i].FILEPATH)
      }
      for (let i = 0; i < resData.socialPhotoFile.length; i++) {
        this.socialPhotoFile.push(this.$filePath + resData.socialPhotoFile[i].FILEPATH)
      }

      for (let i = 0; i < resData.workInsurancePhotoFile.length; i++) {
        this.injuriesPayTiemFile.push(this.$filePath + resData.workInsurancePhotoFile[i].FILEPATH)
      }

      for (let i = 0; i < resData.contractFile.length; i++) {
        this.contractFile.push(this.$filePath + resData.contractFile[i].FILEPATH)
      }

      for (let i = 0; i < resData.photosOfLevel.length; i++) {
        this.photosOfLevel.push(this.$filePath + resData.photosOfLevel[i].FILEPATH)
      }

      for (let i = 0; i < resData.insuranceFile.length; i++) {
        this.insuranceFile.push(this.$filePath + resData.insuranceFile[i].FILEPATH)
      }

      if (this.info.ISFLOW === '0') {
        this.info.ISFLOW_NAME = '否'
      } else if (this.info.ISFLOW === '1') {
        this.info.ISFLOW_NAME = '是'
      }
      if (this.info.IS_SOCIAL === '0') {
        this.info.IS_SOCIAL_NAME = '否'
      } else if (this.info.IS_SOCIAL === '1') {
        this.info.IS_SOCIAL_NAME = '是'
      }
      if (this.info.IS_INJURIES_PAY === '0') {
        this.info.IS_INJURIES_PAY_NAME = '否'
      } else if (this.info.IS_INJURIES_PAY === '1') {
        this.info.IS_INJURIES_PAY_NAME = '是'
      }
      if (this.info.IS_SIGN_LABOR === '0') {
        this.info.IS_SIGN_LABOR_NAME = '否'
      } else if (this.info.IS_SIGN_LABOR === '1') {
        this.info.IS_SIGN_LABOR_NAME = '是'
      }
      if (this.info.IS_LEVEL_THREE === '0') {
        this.info.IS_LEVEL_THREE_NAME = '否'
      } else if (this.info.IS_LEVEL_THREE === '1') {
        this.info.IS_LEVEL_THREE_NAME = '是'
      }
      if (this.info.ISPAY === '1') {
        this.info.ISPAY_NAME = '是'
      } else {
        this.info.ISPAY_NAME = '否'
      }
      if (resData.userPhotoFile.length > 0) {
        this.$set(this.info, 'userPhoto', this.$filePath + resData.userPhotoFile[0].FILEPATH)
      }
    }
  },
}
</script>

<style scoped>

</style>