Files
zhgh_hmc/src/main/resources/static/components/offerAdvice/OfferAdviceInfo.vue
T
2024-11-29 09:03:59 +08:00

113 lines
3.7 KiB
Vue

<template>
<div>
<el-tabs v-model="activeName" tab-position="top">
<el-tab-pane label="基础信息" name="1">
<el-descriptions border column="3">
<el-descriptions-item label="主题" span="3">
<div style="font-weight:bold;">
{{ viewData.subjectName }}
</div>
</el-descriptions-item>
<el-descriptions-item label="姓名">{{
viewData.createUserName + '-' + viewData.createLoginName
}}
</el-descriptions-item>
<el-descriptions-item label="时间">{{ viewData.createTime }}</el-descriptions-item>
<el-descriptions-item label="类型">{{ viewData.type.typeName }}</el-descriptions-item>
<el-descriptions-item label="内容" span="3">
<div class="text-left" v-html="viewData.brief"></div>
</el-descriptions-item>
<el-descriptions-item label="建议措施" span="3">
<div class="text-left" v-html="viewData.measures"></div>
</el-descriptions-item>
</el-descriptions>
<file-upload v-if="viewData.files && viewData.files.length"
:files="viewData.files"
:view="true" class="mt10"></file-upload>
</el-tab-pane>
<el-tab-pane v-if="!jQuery.isEmptyObject(viewData.schoolUnionAuditInfo)" label="校工会审核信息" name="2">
<el-descriptions border column="2">
<el-descriptions-item label="审核人">
{{ viewData.schoolUnionAuditInfo.username }}
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.schoolUnionAuditInfo.auditTime }}
</el-descriptions-item>
<el-descriptions-item :span="2" label="审核意见">
{{ viewData.schoolUnionAuditInfo.auditOpinion }}
</el-descriptions-item>
<el-descriptions-item label="承办单位">
{{ viewData.underTakeInfo.unitName }}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane v-if="!jQuery.isEmptyObject(viewData.leaderAuditInfo)" label="分管校领导审核信息" name="3">
<el-descriptions border column="2">
<el-descriptions-item label="审核人">
{{ viewData.leaderAuditInfo.username }}
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.leaderAuditInfo.auditTime }}
</el-descriptions-item>
<el-descriptions-item :span="2" label="审核意见">
{{ viewData.leaderAuditInfo.auditOpinion }}
</el-descriptions-item>
<el-descriptions-item label="是否公示">
<template v-if="viewData.publicity!=null">
<span :class="viewData.publicity?'text-success':'text-danger'">{{ viewData.publicity ? '是' : '否' }}</span>
</template>
<span v-else></span>
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<slot name="handle"></slot>
</el-tabs>
</div>
</template>
<script>
module.exports = {
name: "OfferAdviceInfo",
data() {
return {
activeName: "1",
viewData: {
type: {}
}
}
},
methods: {
openView(id) {
this.findOne(id)
},
openAudit(id, activeName) {
this.findOne(id)
this.activeName = activeName
},
async findOne(id) {
const resp = await $.get('/platform/offerAdviceWrite/findOne/' + id)
if (resp.code === 0) {
this.viewData = resp.data
}
},
}
}
</script>
<style scoped>
.el-descriptions__table {
table-layout: fixed !important;
}
.el-descriptions-item__cell {
text-align: center !important;
}
</style>