149 lines
3.9 KiB
Vue
149 lines
3.9 KiB
Vue
<template>
|
|
<el-tabs v-model="activeName" tab-position="top">
|
|
<el-tab-pane label="基本信息" name="1">
|
|
<border-table>
|
|
<table>
|
|
<tr>
|
|
<th>填报人</th>
|
|
<td>{{ viewData.username }}</td>
|
|
|
|
<th>填报工号</th>
|
|
<td>{{ viewData.loginName }}</td>
|
|
|
|
<th>联系方式</th>
|
|
<td>{{ viewData.mobile }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>填报单位</th>
|
|
<td>{{ viewData.unionName }}</td>
|
|
<th>填报时间</th>
|
|
<td colspan="3">{{ moment(viewData.applyDate).format('YYYY年MM月DD日') }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>基本情况简介</th>
|
|
<td colspan="5">
|
|
<div class="text-left" v-html="viewData.basicInformation"></div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>建设方案</th>
|
|
<td colspan="5">
|
|
<div class="text-left" v-html="viewData.constructionPlan"></div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>党组织盖章文档</th>
|
|
<td colspan="5">
|
|
<file-upload v-if="viewData.files&&viewData.files.length"
|
|
:files="viewData.files"
|
|
:view="true"></file-upload>
|
|
<span v-else>暂无</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</border-table>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="基层党组织审核信息" v-if="organizationAudit" name="2">
|
|
<border-table>
|
|
<table>
|
|
<tr>
|
|
<th>审核人</th>
|
|
<td>{{ organizationAudit.username }}--{{ organizationAudit.loginname }}</td>
|
|
<th>审核时间</th>
|
|
<td>{{ organizationAudit.auditTime }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>审核意见</th>
|
|
<td colspan="3">{{ organizationAudit.auditOpinion }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>签字</th>
|
|
<td colspan="3">
|
|
<div>
|
|
<el-image :src="organizationAudit.auditSign" style="width: 200px;height:auto"
|
|
v-if="organizationAudit.auditSign"></el-image>
|
|
<span v-else>暂无</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</border-table>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="校工会审核信息" v-if="schoolAudit" name="3">
|
|
|
|
<border-table>
|
|
<table>
|
|
<tr>
|
|
<th>审核人</th>
|
|
<td>{{ schoolAudit.username }}--{{ schoolAudit.loginname }}</td>
|
|
<th>审核时间</th>
|
|
<td>{{ schoolAudit.auditTime }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>审核意见</th>
|
|
<td colspan="3">{{ schoolAudit.auditOpinion }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>签字</th>
|
|
<td colspan="3">
|
|
<div>
|
|
<el-image :src="schoolAudit.auditSign" style="width: 200px;height:auto"
|
|
v-if="schoolAudit.auditSign"></el-image>
|
|
<span v-else>暂无</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</border-table>
|
|
</el-tab-pane>
|
|
|
|
<slot name="handle"></slot>
|
|
</el-tabs>
|
|
</template>
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
activeName: {
|
|
type: String,
|
|
default: '1'
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: '1',
|
|
viewData: {},
|
|
organizationAudit: {},
|
|
schoolAudit: {},
|
|
}
|
|
},
|
|
methods: {
|
|
async openView(id) {
|
|
const resp = await $.get('/platform/wakeshome/declaration/apply/getInfoById', {id: id})
|
|
if (resp.code === 0) {
|
|
this.viewData = resp.data
|
|
this.organizationAudit = resp.data.organizationAudit
|
|
this.schoolAudit = resp.data.schoolAudit
|
|
} else {
|
|
this.viewData = {}
|
|
this.organizationAudit = {}
|
|
this.schoolAudit = {}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|