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

<template>
	<view class="content">
		<view class="card">
			<u-cell-group>
				<u-cell title="照片">
					<template #value>
						<u--image :src="info.userPhoto" shape="circle" width="100upx" height="100upx"></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"></u-cell>
				<u-cell title="身份证照片">
					<template #value>
						<view v-for="(item,index) in userCardIDPhotoFile" :key="index"
							style="display: flex;justify-content: space-between">
							<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;"
								@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">
							<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;"
								@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">
              <u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;"
                        @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">
              <u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;"
                        @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">
							<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;"
								@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">
              <u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;"
                        @click="fnPreview(photosOfLevel)"></u--image>
            </view>
          </template>
        </u-cell>
				<u-cell title="是否流动人员" :value="info.ISFLOW_NAME"></u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	import {
		getUserInfo,
		getEmployedBy
	} from "../../../api";

	export default {
		data() {
			return {
				info: {},
				userCardIDPhotoFile: [],
				socialPhotoFile: [],
				injuriesPayTiemFile:[],
        photosOfLevel:[],
        contractFile:[],
        insuranceFile: [],
				EMPLOYMENT_APPLY_MANAGEMENT_ID:'',
			}
		},
		onNavigationBarButtonTap(e) {
			if (e.index === 0) {
				uni.$u.route({
					url: '/pages/mine/information/update'
				})
			}
		},
		onShow() {
			this.fnGetData()
		},
		computed: {
			userInfo() {
				return this.$store.getters.getUserInfo
			}
		},
		methods: {
			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>