Files
UNION_HUTB/target/classes/views/mobile/knbz/detail.html
T
2026-09-09 09:14:28 +08:00

262 lines
9.2 KiB
HTML

<!--#
layout("/mobile/platform.html"){
#-->
<style>
.van-cell {
font-size: 12px !important;
}
.text-overflow {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.van-field__label {
color: #39acff
}
#canvas {
position: relative;
}
.cell-card {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
width: 100%;
border-radius: 20px;
}
.clearBtn {
position: absolute;
top: 5px;
left: 5px;
color: red;
}
</style>
<div id="app" v-cloak>
<van-nav-bar
title="基层工会审核详情"
left-arrow
placeholder
fixed
@click-left="history.back()"
>
</van-nav-bar>
<van-row style="margin-top: 5px;background-color: white;min-height: calc(100vh - 100px)">
<div style="padding-top: 20px">
<van-collapse v-model="Basic_Information" accordion>
<van-collapse-item title="个人基本信息" name="1">
<van-cell title="姓&emsp;&emsp;名" :value="bfdata.sqrname"></van-cell>
<van-cell title="工&emsp;&emsp;号" :value="bfdata.sqrloginname"></van-cell>
<van-cell title="身份证号" :value="bfdata.idcard"></van-cell>
<van-cell title="民&emsp;&emsp;族" :value="bfdata.mz"></van-cell>
<van-cell title="政治面貌" :value="bfdata.zzmm"></van-cell>
<van-cell title="生&emsp;&emsp;日" :value="bfdata.birthday"></van-cell>
<van-cell title="性&emsp;&emsp;别" :value="bfdata.sex"></van-cell>
<van-cell title="职&emsp;&emsp;称" :value="bfdata.zc"></van-cell>
<van-cell title="职&emsp;&emsp;务" :value="bfdata.zw"></van-cell>
<van-cell title="人事编制" :value="bfdata.rsbz"></van-cell>
<van-cell title="参加工作时间" :value="bfdata.cjgzsj"></van-cell>
<van-cell title="医保状况" :value="bfdata.ybzk"></van-cell>
<van-cell title="所在单位" :value="bfdata.unitname"></van-cell>
<van-cell title="手机号码" :value="bfdata.lxfs"></van-cell>
<van-cell title="本人年收入" :value="bfdata.brnzsr"></van-cell>
<van-cell title="家庭年收入" :value="bfdata.jtnzsr"></van-cell>
<van-cell title="家庭人数" :value="bfdata.jtrs"></van-cell>
<van-cell title="现住房类型" :value="bfdata.xzflx"></van-cell>
<van-cell title="建筑面积" :value="bfdata.jzmj"></van-cell>
<van-cell title="目前住址" :value="bfdata.jtzz"></van-cell>
<van-cell title="婚姻状况" :value="bfdata.hyzt"></van-cell>
<van-cell title="发放补助银行" :value="bfdata.yhmc"></van-cell>
<van-cell title="银行卡号" :value="bfdata.yhkh"></van-cell>
</van-collapse-item>
<van-collapse-item title="家庭房产信息">
<van-collapse v-model="Source" border="false" accordion>
<van-collapse-item v-for="o in bfdata.jtfc" :title="o.fcly">
<van-cell title="地&emsp;&emsp;址" :value="o.dz"></van-cell>
<van-cell title="面&emsp;&emsp;积" :value="o.mj"></van-cell>
</van-collapse-item>
</van-collapse>
</van-collapse-item>
<van-collapse-item title="家庭车产信息">
<van-collapse v-model="Brand" accordion>
<van-collapse-item v-for="o in bfdata.jtcc" :title="o.pp">
<van-cell title="型&emsp;&emsp;号" :value="o.xh"></van-cell>
<van-cell title="价&emsp;&emsp;格" :value="o.jg"></van-cell>
</van-collapse-item>
</van-collapse>
</van-collapse-item>
<van-collapse-item title="主要家庭成员">
<van-collapse v-model="Name" border="false" accordion>
<van-collapse-item v-for="o in bfdata.jtcys" :title="o.xm">
<van-cell title="与本人关系" :value="o.gx"></van-cell>
<van-cell title="年&emsp;&emsp;龄" :value="o.nl"></van-cell>
<van-cell title="工作单位" :value="o.gzdw"></van-cell>
<van-cell title="年收入(元)" :value="o.nsr"></van-cell>
</van-collapse-item>
</van-collapse>
</van-collapse-item>
<van-collapse-item title="主要致困原因">
<div v-for="o in bfdata.zyzkyy">{{o}}</div>
</van-collapse-item>
<van-collapse-item title="备&emsp;&emsp;注">
<div>{{bfdata.zyzkyybz}}</div>
</van-collapse-item>
</van-collapse>
<van-form ref="addForm">
<van-field
readonly
value="${@shiro.getPrincipalProperty('username')}"
name="sqr"
label="审核人"
></van-field>
<van-field v-model="formData.time" label="审核时间"></van-field>
<van-field
type="textarea"
autosize
:rules="[{ required: true, message: '请填写意见' }]"
v-model="formData.fghshyj"
label="审核意见"
placeholder="请填写意见"
></van-field>
<van-button round native-type="button" type="primary" size="large" @click="openDialog"> 通过</van-button>
<van-dialog v-model="showSign" title="请签字确认" show-cancel-button @confirm="signFor"
@close="$refs.signature.reset()">
<mobile-sign ref="signature" :my_sign.sync="sign"></mobile-sign>
</van-dialog>
</van-form>
</div>
</van-row>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
Basic_Information: ['1'],
audit_opinion: [],
notes: [],
Source: [],
Brand: [],
Name: [],
bfdata: {},
formData: {},
showPicker: false,
minDate: new Date(),
fghshsj: new Date(),
showSign: false,
sign: "",
refreshing: false,
}
},
components: {
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
},
methods: {
signFor() {
this.$refs.signature.submitSign()
if (!this.sign) {
this.$toast('请签名再提交')
return
}
$.post("/mobile/knbf/sh/addDo", {
fghshyj: this.formData.fghshyj,
zt: this.bfdata.zt,
sign: this.sign,
id: GetQueryString('id')
}, (res) => {
if (res.code === 0) {
this.$toast.success('审核成功');
setTimeout(() => {
location.href = '/mobile/knbf/sh'
}, 1000)
} else {
this.$toast.fail('审核失败');
}
})
},
openDialog() {
this.$refs['addForm'].validate().then(() => {
this.showSign = true
this.$nextTick(() => {
this.$refs.signature.getMySign()
})
})
$('body').on('touchmove', '.slidebg', function () {
$(document.body).on('touchmove.prevUC', function (e) {
e.preventDefault();
});
});
$('body').on('touchend', '.slidebg', function () {
$(document.body).off('touchmove.prevUC');
});
},
},
async created() {
this.formData = {
time: moment().format('YYYY-MM-DD'),
}
$.post('/mobile/knbf/sh/findOne', {id: GetQueryString('id')}).then(res => {
if (this.refreshing) {
this.list = [];
this.refreshing = false;
}
if (res.code === 0) {
this.bfdata = res.data
this.bfdata.jtcc = JSON.parse(res.data.jtcc)
this.bfdata.jtfc = JSON.parse(res.data.jtfc)
this.bfdata.zyzkyy = JSON.parse(res.data.zyzkyy)
this.bfdata.zyzkyy = res.data.zyzkyy
}
})
}
})
</script>
<!--#
}
#-->