208 lines
6.8 KiB
Vue
208 lines
6.8 KiB
Vue
<template>
|
|
<div style="padding-bottom: 20px;">
|
|
|
|
<van-form readonly input-align="right">
|
|
<div class="van-cell-group__title">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
申请信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-field :value="viewData.loginname" label="工号" left-icon="contact"></van-field>
|
|
<van-field label="姓名" :value="viewData.username" left-icon="contact"></van-field>
|
|
<van-field label="性别" :value="viewData.sex" left-icon="ellipsis"></van-field>
|
|
<van-field label="民族" left-icon="bar-chart-o" :value="viewData.nation"></van-field>
|
|
<van-field label="学历" left-icon="coupon-o" :value="viewData.education"></van-field>
|
|
<van-field label="学位" left-icon="comment-o" :value="viewData.academicDegree"></van-field>
|
|
<van-field label="政治面貌" left-icon="label-o" :value="viewData.political"></van-field>
|
|
<van-field :value="viewData.personType" label="人员类型" left-icon="label-o"></van-field>
|
|
<van-field label="身份证" left-icon="idcard" :value="viewData.idcard"></van-field>
|
|
<van-field label="联系电话" left-icon="phone-o" :value="viewData.mobile"></van-field>
|
|
<van-field label="户口所在地" left-icon="wap-home-o" :value="viewData.registeredResidence"></van-field>
|
|
<van-field label="现居住地" left-icon="home-o" :value="viewData.homeAddress"></van-field>
|
|
<van-field label="工作单位" left-icon="cluster-o" :value="viewData.unitname"></van-field>
|
|
<van-field label="职务" left-icon="debit-pay" :value="viewData.position"></van-field>
|
|
</van-cell-group>
|
|
</van-form>
|
|
<van-cell-group class="mt10 up_down">
|
|
<div class="van-cell" style="flex-flow: column">
|
|
<div style="display: flex">
|
|
<div class="van-field__left-icon">
|
|
<i class="van-icon van-icon-notes-o"></i>
|
|
</div>
|
|
<div class="van-cell__title van-field__label">
|
|
<span>个人工作简历</span>
|
|
</div>
|
|
</div>
|
|
|
|
<van-divider></van-divider>
|
|
|
|
<van-field readonly>
|
|
<template #input>
|
|
<div v-html="viewData.position"></div>
|
|
</template>
|
|
</van-field>
|
|
|
|
|
|
</div>
|
|
</van-cell-group>
|
|
<van-cell-group class="mt10 up_down">
|
|
<div class="van-cell" style="flex-flow: column">
|
|
<div style="display: flex">
|
|
<div class="van-field__left-icon">
|
|
<i class="van-icon van-icon-award-o"></i>
|
|
</div>
|
|
<div class="van-cell__title van-field__label">
|
|
<span>特长</span>
|
|
</div>
|
|
</div>
|
|
<van-divider></van-divider>
|
|
|
|
<van-field readonly>
|
|
<template #input>
|
|
<div v-html="viewData.specialSkill"></div>
|
|
</template>
|
|
</van-field>
|
|
|
|
</div>
|
|
</van-cell-group>
|
|
<van-cell-group class="mt10 up_down">
|
|
<div class="van-cell" style="flex-flow: column">
|
|
<div class="van-cell__title van-field__label" style="display: flex;justify-content: space-between">
|
|
<div style="display: flex;">
|
|
<div class="van-field__left-icon">
|
|
<i class="van-icon van-icon-friends-o"></i>
|
|
</div>
|
|
<div class="van-cell__title van-field__label" style="width: auto">
|
|
<span>家庭主要成员及联系方式</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<van-divider></van-divider>
|
|
|
|
<div v-if="family && family.length>0">
|
|
<div v-for="(o,i) in family" class="mt5">
|
|
<div style="font-weight: 700;display: flex;justify-content: space-between">
|
|
<span>成员{{ toChinesNum(i + 1) }}</span>
|
|
</div>
|
|
<van-form readonly input-align="right">
|
|
<van-field label="关系" :value="o.relation" left-icon="exchange"></van-field>
|
|
<van-field label="姓名" :value="o.name" left-icon="user-o"></van-field>
|
|
<van-field label="联系方式" :value="o.mobile" left-icon="phone-o"></van-field>
|
|
</van-form>
|
|
</div>
|
|
</div>
|
|
<div v-else style="height: 100px">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</van-cell-group>
|
|
|
|
|
|
<template v-if="unionAudit!=null">
|
|
<div class="van-cell-group__title mt20">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
院级工会审核信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-field label="审 核 人" :value="unionAudit.username" left-icon="contact" readonly></van-field>
|
|
<van-field label="审核时间" :value="moment(unionAudit.auditTime).format('YYYY-MM-DD')" left-icon="clock-o"
|
|
readonly></van-field>
|
|
<van-field label="审核意见" left-icon="chat-o" :value="unionAudit.auditOpinion" readonly></van-field>
|
|
</van-cell-group>
|
|
</template>
|
|
|
|
<template v-if="schoolAudit!=null">
|
|
<div class="van-cell-group__title mt20">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
校工会审核信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-field label="审 核 人" :value="schoolAudit.username" left-icon="contact" readonly></van-field>
|
|
<van-field label="审核时间" :value="moment(schoolAudit.auditTime).format('YYYY-MM-DD')" left-icon="clock-o"
|
|
readonly></van-field>
|
|
<van-field label="审核意见" left-icon="chat-o" :value="schoolAudit.auditOpinion" readonly></van-field>
|
|
</van-cell-group>
|
|
|
|
</template>
|
|
|
|
<template v-if="handle">
|
|
<slot name="handle"></slot>
|
|
</template>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data() {
|
|
return {
|
|
viewData: {},
|
|
unionAudit: {},
|
|
schoolAudit: {},
|
|
family: []
|
|
}
|
|
},
|
|
props: {
|
|
handle: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: '审核'
|
|
},
|
|
user_id: String,
|
|
record_id: String
|
|
},
|
|
methods: {
|
|
// getDetailInfo(user_id, record_id) {
|
|
// this.getUserInfo(user_id)
|
|
// this.getAuditInfo(record_id)
|
|
// },
|
|
async getAuditInfo(id) {
|
|
const {data} = await $.get('/platform/member/common/findApplyInfo', {id: id})
|
|
if (data !== null) {
|
|
const {unionAudit, schoolAudit} = data
|
|
this.unionAudit = unionAudit
|
|
this.schoolAudit = schoolAudit
|
|
} else {
|
|
this.unionAudit = null
|
|
this.schoolAudit = null
|
|
}
|
|
|
|
|
|
},
|
|
async getUserInfo(id) {
|
|
const {data} = await $.get('/platform/member/common/userInfo', {userId: id})
|
|
this.viewData = data
|
|
this.family = JSON.parse(data.family)
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style>
|
|
.card_title {
|
|
margin: 5px 0 5px 16px;
|
|
}
|
|
|
|
.van-cell-group__title {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.van-sidebar-item {
|
|
font-size: 16px !important;
|
|
text-indent: 4px !important;
|
|
}
|
|
|
|
.van-sidebar-item--select::before {
|
|
left: 5px !important;
|
|
}
|
|
</style> |