152 lines
4.1 KiB
Vue
152 lines
4.1 KiB
Vue
<template>
|
|
<el-tabs v-model="activeName" tab-position="top">
|
|
<el-tab-pane label="基本信息" name="1">
|
|
|
|
<border-table>
|
|
<vi-title title="职工之家申请信息"></vi-title>
|
|
<table>
|
|
<tr>
|
|
<th>填报人</th>
|
|
<td>{{ viewData.username }}</td>
|
|
|
|
<th>联系方式</th>
|
|
<td>{{ viewData.mobile }}</td>
|
|
|
|
<th>填报人</th>
|
|
<td>{{ viewData.applyTime }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>填报单位</th>
|
|
<td colspan="5">{{ viewData.unionName }}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<vi-title style="margin-top: 25px" title="职工之家详细信息"></vi-title>
|
|
<table>
|
|
<tr>
|
|
<th>单位位置</th>
|
|
<td>{{ viewData.position }}</td>
|
|
|
|
<th>单位面积</th>
|
|
<td>{{ viewData.area }}</td>
|
|
|
|
<th>创办时间</th>
|
|
<td>{{ viewData.foundTime }}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>单位信息</th>
|
|
<td colspan="5">{{ viewData.details }}</td>
|
|
</tr>
|
|
</table>
|
|
</border-table>
|
|
|
|
<vi-title style="margin-top: 25px" title="职工之家荣誉信息"></vi-title>
|
|
<el-table :data="viewData.awardInfo" style="width: 100%">
|
|
<el-table-column prop="awardTime" label="获奖日期"></el-table-column>
|
|
<el-table-column prop="awardUnit" label="获奖单位"></el-table-column>
|
|
<el-table-column prop="awardName" label="奖项名称"></el-table-column>
|
|
<el-table-column prop="awardPic" label="获奖图片">
|
|
<template scope="{row,$index}">
|
|
<div v-if="row.awardPic != null && row.awardPic !== ''">
|
|
<image-upload :view="true" :limit="1" v-model="row.awardPic"></image-upload>
|
|
</div>
|
|
<div v-else>暂无</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<vi-title style="margin-top: 25px" title="职工之家材料上传"></vi-title>
|
|
|
|
<border-table>
|
|
<table>
|
|
<tr>
|
|
<th>图片</th>
|
|
<td colspan="6">
|
|
<file-upload v-if="viewData.picFiles && viewData.picFiles.length > 0"
|
|
:files="viewData.picFiles"
|
|
:view="true"></file-upload>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>附件</th>
|
|
<td colspan="6">
|
|
<file-upload v-if="viewData.files && viewData.files.length > 0"
|
|
:files="viewData.files"
|
|
:view="true"></file-upload>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</border-table>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="校工会审核信息" v-if="schoolAudit" name="2">
|
|
|
|
<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: {},
|
|
schoolAudit: {},
|
|
}
|
|
},
|
|
methods: {
|
|
async openView(id) {
|
|
console.log(id)
|
|
const resp = await $.get('/platform/wakeshome/mine/getInfoById', {id: id})
|
|
if (resp.code === 0) {
|
|
this.viewData = resp.data
|
|
this.schoolAudit = resp.data.schoolAudit
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.el-upload__tip {
|
|
display: none;
|
|
text-align: left;
|
|
}
|
|
|
|
</style>
|