113 lines
3.0 KiB
Vue
113 lines
3.0 KiB
Vue
<template>
|
|
<div>
|
|
<el-form style="padding: 20px 0" label-width="200px">
|
|
|
|
<el-form-item label="基础信息 " class="view-header"></el-form-item>
|
|
|
|
<el-row gutter="20">
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="撰写人：">
|
|
{{ viewData.createUserName }}
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="撰写时间：">
|
|
{{ viewData.applyTime }}
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="所属工会：">
|
|
{{ viewData.createUserUnionName }}
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="建议类型：">
|
|
{{ viewData.typeName }}
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
<el-form-item label="工作建议内容：">
|
|
<div v-html="viewData.suggestionContent" class="h5-content"
|
|
:style="{'max-height':viewData.state===2?'200px':'unset'}"></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24" v-if="viewData.taxx">
|
|
<el-form-item label="被引入提案：">
|
|
建议被{{ viewData.tarusername }}写的“{{ viewData.taxx }}”提案采纳
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24" v-if="viewData.levelTwoJdhUser">
|
|
<el-form-item label="二级教代会代表补充内容：">
|
|
<div class="bold">代表：【{{
|
|
viewData.twoLevelUserName }}-{{ viewData.twoLevelLoginName }}】
|
|
{{ viewData.twoLevelUserUnionName }}
|
|
</div>
|
|
<div v-html="viewData.levelTwoJdhUserContent" class="h5-content" style="max-height: 200px"></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24" v-if="viewData.depResult === '自行处理' && viewData.handleDescript">
|
|
<el-form-item label="二级教代会代表补充内容：">
|
|
<div v-html="viewData.handleDescript" class="h5-content" style="max-height: 200px"></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24" v-if="viewData.levelJdhUser">
|
|
<el-form-item label="一级教代会代表：">
|
|
<div class="bold ">代表：【{{ viewData.oneLevelUserName }}-{{viewData.oneLevelLoginName}}】{{ viewData.oneLevelUserUnionName }}</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data() {
|
|
return {
|
|
viewData: {}
|
|
}
|
|
},
|
|
methods: {
|
|
async getData(id) {
|
|
const {data} = await $.get("/platform/suggestions/apply/getSuggestionInfoById", {id})
|
|
if (data) {
|
|
this.viewData = data
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.table-bordered {
|
|
border-top: none !important;
|
|
}
|
|
|
|
.su-title {
|
|
font-weight: bold;
|
|
font-size: 18px
|
|
}
|
|
|
|
.h5-content {
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
</style> |