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>
				<u-cell title="社会保障号" v-if="info.IS_SOCIAL==='1'" :value="info.SOCIAL_NUMBER"></u-cell>
				<u-cell title="社会保障卡照片" v-if="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_INJURIES_PAY_NAME"></u-cell>
				<u-cell title="工伤保险有效期" v-if="info.IS_INJURIES_PAY==='1'" :value="info.IS_INJURIES_PAY_TIME"></u-cell>
				<u-cell title="工伤保险凭证" v-if="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.ISFLOW_NAME"></u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

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

	export default {
		data() {
			return {
				info: {},
				userCardIDPhotoFile: [],
				socialPhotoFile: [],
				injuriesPayTiemFile:[],
				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 = []
				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)
				}
				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 (resData.userPhotoFile.length > 0) {
					this.$set(this.info, 'userPhoto', this.$filePath + resData.userPhotoFile[0].FILEPATH)
				}
			}
		},
	}
</script>

<style scoped>

</style>