first commit
This commit is contained in:
@@ -0,0 +1,149 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user