309 lines
11 KiB
HTML
309 lines
11 KiB
HTML
<!--#
|
||
layout("/mobile/platform.html"){
|
||
#-->
|
||
|
||
<!--会计审核页面-->
|
||
<style>
|
||
.van-field__control {
|
||
color: #8b8f95;
|
||
}
|
||
|
||
.van-field__label {
|
||
color: #39acff
|
||
}
|
||
|
||
.clearqmbtn {
|
||
position: absolute;
|
||
bottom: 5px;
|
||
right: 5px;
|
||
}
|
||
|
||
.van-nav-bar {
|
||
background-color: white;
|
||
border: none !important;
|
||
}
|
||
|
||
html, body {
|
||
background-color: rgb(250, 250, 250);
|
||
}
|
||
|
||
.van-card__title {
|
||
font-size: 16px;
|
||
}
|
||
|
||
|
||
.van-cell::after {
|
||
border: none;
|
||
}
|
||
|
||
.van-grid-item__content {
|
||
padding: 0;
|
||
}
|
||
|
||
.center {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
margin: auto;
|
||
}
|
||
|
||
.white_icon {
|
||
color: white !important;
|
||
}
|
||
|
||
|
||
.van-collapse-item__wrapper .van-cell__title {
|
||
color: #39acff
|
||
}
|
||
|
||
</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;padding-top: 20px;min-height: calc(100vh - 100px)">
|
||
<van-collapse v-model="activeNames" accordion>
|
||
<van-collapse-item title="个人基本信息" name="1">
|
||
<van-cell title="工  号" :value="zjdata.loginname"></van-cell>
|
||
|
||
<van-cell title="姓  名" :value="zjdata.user_name"></van-cell>
|
||
|
||
<van-cell title="性  别" :value="zjdata.sex"></van-cell>
|
||
|
||
<van-cell title="年龄（岁）" :value="zjdata.user_age"></van-cell>
|
||
|
||
<van-cell title="部  门" :value="zjdata.unit_name"></van-cell>
|
||
|
||
<van-cell title="在职状态" :value="zjdata.zzzt"></van-cell>
|
||
|
||
<van-cell title="申请时间" :value="zjdata.apply_time"></van-cell>
|
||
|
||
<van-cell title="联系电话" :value="zjdata.mobile"></van-cell>
|
||
|
||
<van-cell title="疾病诊断" :value="zjdata.disease_diagnosis"></van-cell>
|
||
|
||
<van-cell title="住院医疗总费用(元)" :value="zjdata.already_total_medical_expenses"></van-cell>
|
||
|
||
<van-cell title="统筹基金支付数(元)" :value="zjdata.already_overall_fund_payment"></van-cell>
|
||
|
||
<van-cell title="学校医疗补助已补助金额(元)" :value="zjdata.already_subsidized"></van-cell>
|
||
|
||
<van-cell title="发票号码" :value="zjdata.invoice_num"></van-cell>
|
||
|
||
</van-collapse-item>
|
||
|
||
<van-collapse-item title="附件" name="2">
|
||
<van-field name="uploader" label="发 票">
|
||
<template #input>
|
||
<van-image @click="getImg(zjdata.files_invoice)" v-for="item in zjdata.files_invoice"
|
||
width="100" height="100"
|
||
:src="FILE_DOMAIN+item.filepath">
|
||
<van-image-preview v-model="showImagePreview"
|
||
:images="ImagePreview"></van-image-preview>
|
||
</van-image>
|
||
</template>
|
||
</van-field>
|
||
|
||
<van-field name="uploader" label="诊断书">
|
||
<template #input>
|
||
<van-image @click="getImg(zjdata.files_medical_certificate)"
|
||
v-for="item in zjdata.files_medical_certificate" width="100" height="100"
|
||
:src="FILE_DOMAIN+item.filepath">
|
||
<van-image-preview v-model="showImagePreview"
|
||
:images="ImagePreview"></van-image-preview>
|
||
</van-image>
|
||
</template>
|
||
</van-field>
|
||
|
||
<van-field name="uploader" label="医保结算单">
|
||
<template #input>
|
||
<van-image @click="getImg(zjdata.files_medicare_settlement)"
|
||
v-for="item in zjdata.files_medicare_settlement" width="100" height="100"
|
||
:src="FILE_DOMAIN+item.filepath">
|
||
<van-image-preview v-model="showImagePreview"
|
||
:images="ImagePreview"></van-image-preview>
|
||
</van-image>
|
||
</template>
|
||
</van-field>
|
||
|
||
<van-field name="uploader" label="出院小结">
|
||
<template #input>
|
||
<van-image @click="getImg(zjdata.files_summary_discharge)"
|
||
v-for="item in zjdata.files_summary_discharge" width="100" height="100"
|
||
:src="FILE_DOMAIN+item.filepath">
|
||
<van-image-preview v-model="showImagePreview"
|
||
:images="ImagePreview"></van-image-preview>
|
||
</van-image>
|
||
</template>
|
||
</van-field>
|
||
|
||
</van-collapse-item>
|
||
|
||
<van-collapse-item title="审核" name="3">
|
||
|
||
<van-form ref="addForm">
|
||
|
||
<van-field readonly value="${@shiro.getPrincipalProperty('username')}" name="sqr"
|
||
label="审核人" input-align="right"></van-field>
|
||
|
||
<van-field v-model="formData.time" label="审核时间" input-align="right"></van-field>
|
||
|
||
<van-field v-model="formData.total_grant" type="number" label="补助金额"
|
||
input-align="right" placeholder="请输入补助金额"></van-field>
|
||
|
||
<van-field v-model="formData.idea" rows="2" autosize label="审核意见"
|
||
type="textarea" placeholder="请输入审核意见" input-align="right"></van-field>
|
||
|
||
<van-row gutter="20" style="margin-top: 30px;padding: 0 25px">
|
||
<van-col span="12">
|
||
<van-button round plain size="large" @click="RefuseDialog">拒 绝
|
||
</van-button>
|
||
</van-col>
|
||
|
||
<van-col span="12">
|
||
<van-button round type="info" size="large" @click="openDialog">通 过
|
||
</van-button>
|
||
</van-col>
|
||
</van-row>
|
||
|
||
<van-dialog v-model="showSign" title="请签字确认" show-cancel-button @confirm="onSubmit"
|
||
@close="$refs.signature.reset()">
|
||
<mobile-sign ref="signature" :my_sign.sync="sign"></mobile-sign>
|
||
</van-dialog>
|
||
|
||
<van-dialog v-model="fChairmanSign" title="请签字确认" show-cancel-button @confirm="kjSign"
|
||
@close="$refs.signature.reset()">
|
||
<mobile-sign ref="signature" :my_sign.sync="sign"></mobile-sign>
|
||
</van-dialog>
|
||
|
||
</van-form>
|
||
</van-collapse-item>
|
||
</van-collapse>
|
||
</van-row>
|
||
</div>
|
||
|
||
<script>
|
||
new Vue({
|
||
el: '#app',
|
||
data() {
|
||
return {
|
||
activeNames: '3',
|
||
showSign: false,
|
||
fChairmanSign: false,
|
||
sign: "",
|
||
zjdata: {},
|
||
formData: {},
|
||
ImagePreview: [],
|
||
showImagePreview: false,
|
||
}
|
||
|
||
},
|
||
components: {
|
||
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
|
||
},
|
||
methods: {
|
||
getImg(images) {
|
||
this.showImagePreview = true
|
||
images = images.map(v => {
|
||
return FILE_DOMAIN + v.filepath
|
||
})
|
||
this.ImagePreview = images
|
||
},
|
||
openDialog() {
|
||
this.$refs['addForm'].validate().then(() => {
|
||
this.showSign = true
|
||
this.$nextTick(() => {
|
||
this.$refs.signature.getMySign()
|
||
})
|
||
})
|
||
},
|
||
RefuseDialog() {
|
||
this.$refs['addForm'].validate().then(() => {
|
||
this.fChairmanSign = true
|
||
this.$nextTick(() => {
|
||
this.$refs.signature.getMySign()
|
||
})
|
||
})
|
||
},
|
||
|
||
kjSign() {
|
||
this.$refs.signature.submitSign()
|
||
if (!this.sign) {
|
||
this.$toast('请签名再提交')
|
||
return
|
||
}
|
||
$.post("/mobile/medicalAid/serious/Refuse", {
|
||
time: this.formData.time,
|
||
total_grant: this.formData.total_grant,
|
||
idea: this.formData.idea,
|
||
sign: this.sign,
|
||
state: this.zjdata.state_id,
|
||
id: GetQueryString('id')
|
||
}, (res) => {
|
||
if (res.code === 0) {
|
||
this.$toast.success('审核成功');
|
||
setTimeout(() => {
|
||
location.href = '/mobile/medicalAid/serious'
|
||
}, 1000)
|
||
|
||
} else {
|
||
this.$toast.fail('审核失败');
|
||
}
|
||
})
|
||
},
|
||
onSubmit() {
|
||
this.$refs.signature.submitSign()
|
||
if (!this.sign) {
|
||
this.$toast('请签名再提交')
|
||
return
|
||
}
|
||
$.post("/mobile/medicalAid/serious/addDo", {
|
||
time: this.formData.time,
|
||
total_grant: this.formData.total_grant,
|
||
idea: this.formData.idea,
|
||
state: this.zjdata.state_id,
|
||
sign: this.sign,
|
||
id: GetQueryString('id')
|
||
}, (res) => {
|
||
if (res.code === 0) {
|
||
this.$toast.success('审核成功');
|
||
setTimeout(() => {
|
||
location.href = '/mobile/medicalAid/serious'
|
||
}, 1000)
|
||
|
||
} else {
|
||
this.$toast.fail('审核失败');
|
||
}
|
||
})
|
||
},
|
||
async getData() {
|
||
const id = GetQueryString('id')
|
||
const {data} = await $.get("/platform/fw/medicalAid/acc/review/getTotalGrant", {id})
|
||
|
||
this.formData = {
|
||
time: moment().format('YYYY-MM-DD'),
|
||
idea: '按照学校《教职工病伤医疗互助基金实施办法》规定，本次共补助金额为：\n' + capitalAmount(data.toFixed(0)) + '（' + data.toFixed(2) + '）。',
|
||
total_grant: data.toFixed(2)
|
||
}
|
||
$.post("/platform/fw/medicalAid/common/findOne", {id: id}).then(res => {
|
||
const {code, data} = res
|
||
if (code === 0) {
|
||
medicalAid.toFormData(data)
|
||
this.zjdata = res.data
|
||
}
|
||
})
|
||
}
|
||
},
|
||
async created() {
|
||
this.getData();
|
||
}
|
||
|
||
})
|
||
</script>
|
||
|
||
<!--#
|
||
}
|
||
#--> |