176 lines
6.2 KiB
Vue
176 lines
6.2 KiB
Vue
/**
|
|
*Desc:
|
|
*Create by: jug
|
|
*Create time:2023/7/27/14:46
|
|
*/
|
|
<template>
|
|
<div>
|
|
<el-tabs v-model="tabActive">
|
|
<el-tab-pane label="申请信息" name="1">
|
|
<el-descriptions border class="descriptions-form">
|
|
<el-descriptions-item label="姓名">
|
|
{{ applyData.userName }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="性别">
|
|
{{ applyData.sex }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="年龄">
|
|
{{ applyData.age }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="所在部门">
|
|
{{ applyData.unitName }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="工号" :span="2">
|
|
{{ applyData.loginName }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="联系电话">
|
|
{{ applyData.mobile }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="家庭住址" :span="2">
|
|
{{ applyData.homeAddress }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="申请补助类别" :span="3"
|
|
v-if="projectInfo && projectInfo.length>0 && applyData.subsidyType!=null">
|
|
<el-checkbox-group v-model="applyData.subsidyType" class="disabled-group">
|
|
<el-checkbox v-for="item in projectInfo" :label="item.id" :key="item.id">
|
|
{{ item.projectName }}
|
|
</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="住院记录" :span="3">
|
|
<el-table :data="applyData.hospitalRecords" border>
|
|
<el-table-column label="就诊医院" prop="hospitalName"></el-table-column>
|
|
<el-table-column label="入院时间" prop="startDate"></el-table-column>
|
|
<el-table-column label="出院时间" prop="endDate"></el-table-column>
|
|
<el-table-column label="自费金额" prop="selfFundedAmount"></el-table-column>
|
|
|
|
<el-table-column label="住院事由" prop="subsidyType">
|
|
<template scope="{row,$index}">
|
|
{{ projectInfo.filter(v => row.subsidyType.includes(v.id)).map(v => v.projectName).join('、') }}
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="疾病详情" prop="diseaseDetail">
|
|
<template scope="{row,$index}">
|
|
<el-tooltip placement="top">
|
|
<div slot="content">
|
|
<div
|
|
v-for="(item,idx) in projectInfo.flatMap(v => v.diseaseTypeList).filter(v=>row.diseaseDetail.includes(v.id)).map(v => v.diseaseName)"
|
|
class="mb10">
|
|
{{ idx + 1 + '.' + item }}
|
|
</div>
|
|
</div>
|
|
<span style="white-space: nowrap">{{
|
|
projectInfo.flatMap(v => v.diseaseTypeList).filter(v => row.diseaseDetail.includes(v.id)).map(v => v.diseaseName).join('、')
|
|
}}</span>
|
|
</el-tooltip>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="备注" prop="notes"></el-table-column>
|
|
</el-table>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="申请补助原因" :span="3">
|
|
{{ applyData.reason }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="证明材料" :span="3">
|
|
<file-upload :files.sync="applyData.files" view></file-upload>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
|
|
</el-tab-pane>
|
|
<el-tab-pane label="分工会审核信息" name="2" v-if="applyData.branchUnionAudit">
|
|
<el-descriptions border class="descriptions-form" :column="2">
|
|
<el-descriptions-item label="审核人">
|
|
{{ applyData.branchUnionAudit.username }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="审核时间">
|
|
{{ applyData.branchUnionAudit.auditTime }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="审核结果">
|
|
<dict-tag :options="dict.type.auditType" :value="applyData.branchUnionAudit.auditType"></dict-tag>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="审核意见">
|
|
{{ applyData.branchUnionAudit.auditOpinion }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
</el-tab-pane>
|
|
<el-tab-pane label="校工会审核信息" name="3" v-if="applyData.schoolAudit">
|
|
<el-descriptions border class="descriptions-form" :column="2">
|
|
<el-descriptions-item label="审核人">
|
|
{{ applyData.schoolAudit.username }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="审核时间">
|
|
{{ applyData.schoolAudit.auditTime }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="审核结果">
|
|
<dict-tag :options="dict.type.auditType" :value="applyData.schoolAudit.auditType"></dict-tag>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="审核意见">
|
|
{{ applyData.schoolAudit.auditOpinion }}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="补助金额（元）">
|
|
{{ applyData.subsidyAmount }}
|
|
</el-descriptions-item>
|
|
|
|
</el-descriptions>
|
|
</el-tab-pane>
|
|
<slot></slot>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
name: "processInfo",
|
|
dicts: ['auditType'],
|
|
data() {
|
|
return {
|
|
tabActive: '1',
|
|
applyData: {},
|
|
projectInfo: []
|
|
}
|
|
},
|
|
methods: {
|
|
async getApplyInfo(id) {
|
|
if (id) {
|
|
const resp = await $.post('/platform/difficultSubsidy/common/findOne', {id})
|
|
this.applyData = resp.data
|
|
}
|
|
},
|
|
//补助类别
|
|
async getProjectInfo() {
|
|
const resp = await $.post('/platform/difficultSubsidy/common/projectInfo')
|
|
if (resp.code === 0) {
|
|
this.projectInfo = resp.data
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
this.getProjectInfo()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.disabled-group .el-checkbox {
|
|
pointer-events: none;
|
|
}
|
|
</style> |