237 lines
9.3 KiB
Vue
237 lines
9.3 KiB
Vue
<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>
|