149 lines
6.2 KiB
Vue
149 lines
6.2 KiB
Vue
<template>
|
|
<div>
|
|
<transition name="el-zoom-in-center">
|
|
<div style="padding: 10px" v-show="smm.status==='detail'">
|
|
<el-button icon="el-icon-back" type="text" @click="changeStatus" style="font-size: 18px">返回</el-button>
|
|
<el-tabs v-model="smm.activeName">
|
|
<el-tab-pane label="申请信息" name="1">
|
|
<el-card>
|
|
<table class="table table-bordered">
|
|
<tr>
|
|
<td width="20%">申请人</td>
|
|
<td>{{viewData.sqrusername}}</td>
|
|
<td width="20%">慰问对象</td>
|
|
<td>{{viewData.wwrusername}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>慰问部门</td>
|
|
<td>{{viewData.wwbm}}</td>
|
|
<td>职称</td>
|
|
<td>{{viewData.wwuserzc}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>拟慰问时间</td>
|
|
<td>{{viewData.planwwsj}}</td>
|
|
<td>申请金额</td>
|
|
<td>{{viewData.wwsqje}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>申请事由</td>
|
|
<td colspan="3">
|
|
<div class="text-left">
|
|
{{viewData.wwsqsy}}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>申请人签字</td>
|
|
<td colspan="3">
|
|
<div>
|
|
<el-image style="width: 200px;height:auto" :src="viewData.sqrqz"/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</el-card>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="基层工会审核" name="2" v-if="viewData.status>1">
|
|
<el-card>
|
|
<el-form label-position="right" label-width="100px">
|
|
<el-form-item label="审核人">
|
|
<div>{{viewData.fghshrname}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="审核时间">
|
|
<div>{{viewData.fghshsj}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="审核结果">
|
|
<div>{{[2,3,5].includes(viewData.status)?'通过':'不通过'}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="审核意见">
|
|
<div style="word-wrap: break-word!important">{{viewData.fghshyj}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="签字">
|
|
<el-image style="width: 200px;height:auto" :src="viewData.fghqz"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-card>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="校工会审核" name="3" v-if="viewData.status>3">
|
|
<el-card>
|
|
<el-form label-position="right" label-width="100px">
|
|
<el-form-item label="审核人">
|
|
<div>{{viewData.xghshrname}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="审核时间">
|
|
<div>{{viewData.xghshsj}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="审核结果">
|
|
<div>{{[2,3,5].includes(viewData.status)?'通过':'不通过'}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="审核意见">
|
|
<div style="word-wrap: break-word!important">{{viewData.xghshyj}}</div>
|
|
</el-form-item>
|
|
<el-form-item label="签字">
|
|
<el-image style="width: 200px;height:auto" :src="viewData.xghqz"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-card>
|
|
</el-tab-pane>
|
|
<slot name="handle">
|
|
|
|
</slot>
|
|
</el-tabs>
|
|
</div>
|
|
</transition>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
smm: {
|
|
type: 'Object',
|
|
default: () => {
|
|
return {
|
|
status: 'table',
|
|
id: '',
|
|
data: {},
|
|
activeName: '',
|
|
}
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
viewData: {
|
|
sqrusername:""
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
changeStatus() {
|
|
this.smm = {status: 'table', id: ''}
|
|
this.$emit('update:smm', this.smm)
|
|
},
|
|
},
|
|
watch: {
|
|
smm(o) {
|
|
if(o.status==='detail'){
|
|
this.viewData = o.data
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.el-card{
|
|
margin: 10px;
|
|
}
|
|
.el-tab-pane {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
td{
|
|
text-align: center!important;
|
|
vertical-align: middle!important;
|
|
}
|
|
</style> |