70 lines
2.1 KiB
Vue
70 lines
2.1 KiB
Vue
<template>
|
|
<div>
|
|
<van-cell class="cell-card">
|
|
<van-field readonly :value="viewData.manager_name" label="经办人" input-align="right"></van-field>
|
|
|
|
<van-field readonly :value="viewData.apply_time" label="申请时间" input-align="right"></van-field>
|
|
|
|
<van-field readonly :value="viewData.be_username" label="被慰问人"
|
|
input-align="right"></van-field>
|
|
|
|
<van-field readonly :value="viewData.bank_card" label="银行卡号" input-align="right"></van-field>
|
|
|
|
<van-field readonly name="type" :value="condolence.type[viewData.type]" label="慰问类型"
|
|
input-align="right"></van-field>
|
|
|
|
<van-field readonly name="way" :value="condolence.way[viewData.way]" label="慰问方式" input-align="right"></van-field>
|
|
|
|
<van-field readonly :value="viewData.money" type="number" label="慰问金额" input-align="right"></van-field>
|
|
|
|
<van-field readonly :value="viewData.personnel" label="参加慰问人员" input-align="right"></van-field>
|
|
|
|
<van-field readonly :value="viewData.remark" label="备  注" input-align="right"
|
|
rows="2" maxlength="200" type="textarea" show-word-limit autosize></van-field>
|
|
|
|
<!-- <van-field label="附  件">-->
|
|
<!-- <template #input>-->
|
|
<!-- <van-uploader disabled v-model="viewData.files"></van-uploader>-->
|
|
<!-- </template>-->
|
|
<!-- </van-field>-->
|
|
|
|
<van-field name="sign" label="签字">
|
|
<template #input>
|
|
<van-image width="200" height="100" :src="viewData.manager_sign" />
|
|
</template>
|
|
</van-field>
|
|
|
|
</van-cell>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
id: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
viewData: {},
|
|
}
|
|
},
|
|
methods: {
|
|
async getInfo(id) {
|
|
const {data, code, msg} = await $.get("/platform/fw/condolence/findOne", {id})
|
|
if (data) {
|
|
condolence.toFormData(data)
|
|
this.viewData = data
|
|
} else {
|
|
this.viewData = {}
|
|
this.$toast.fail('获取信息失败');
|
|
}
|
|
},
|
|
},
|
|
async created() {
|
|
await this.getInfo(this.id)
|
|
}
|
|
}
|
|
</script> |