Files
UNION_NSI/target/classes/static/components/club/clubEvaluateInfo.vue
T
2026-09-08 19:49:21 +08:00

152 lines
4.7 KiB
Vue

<template>
<el-tabs tab-position="top" v-model="clubInfo" v-loading="loading">
<el-tab-pane label="基础信息" name="1">
<vi-title title="基础信息"></vi-title>
<el-descriptions :column="3" border class="table_fixed">
<el-descriptions-item :span="3" label="社团名称">
{{viewData.name}}
</el-descriptions-item>
<el-descriptions-item label="社团编码">
{{viewData.code}}
</el-descriptions-item>
<el-descriptions-item label="社团类型">
{{viewData.typeName}}
</el-descriptions-item>
<el-descriptions-item label="成立时间">
{{viewData.foundTime}}
</el-descriptions-item>
<el-descriptions-item label="申报年份">
{{moment(viewData.applyTime).format('YYYY')}}
</el-descriptions-item>
<el-descriptions-item label="申报时间">
{{viewData.applyTime}}
</el-descriptions-item>
<el-descriptions-item label="状态">
{{viewData.stateName}}
</el-descriptions-item>
<el-descriptions-item span="3">
<template slot="label">附件</template>
<file-upload v-if="viewData.files && viewData.files.length > 0"
:files="JSON.parse(viewData.files)"
:view="true"></file-upload>
</el-descriptions-item>
<el-descriptions-item span="3">
<template slot="label">两年获得的集体荣誉称号</template>
<div class="text-left" v-html="viewData.evaluateName"></div>
</el-descriptions-item>
<el-descriptions-item span="3">
<template slot="label">年度组织活动及完成情况</template>
<div class="text-left" v-html="viewData.yearActivity"></div>
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="秘书长审核信息" name="2" v-if="hasPane(2) && viewData.mszAuditId">
<vi-title title="审核信息"></vi-title>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="审核人员">
{{ viewData.mszAudit.username }}
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.mszAudit.auditTime }}
</el-descriptions-item>
<el-descriptions-item :span="2" label="审核意见">
{{ viewData.mszAudit.auditOpinion }}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="会长审核信息" name="3" v-if="hasPane(3) && viewData.hzAuditId">
<vi-title title="审核信息"></vi-title>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="审核人员">
{{ viewData.hzAudit.username }}
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.hzAudit.auditTime }}
</el-descriptions-item>
<el-descriptions-item :span="2" label="审核意见">
{{ viewData.hzAudit.auditOpinion }}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="校工会审核信息" name="4" v-if="hasPane(5) && viewData.xghAuditId">
<vi-title title="审核信息"></vi-title>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="审核人员">
{{ viewData.xghAudit.username }}
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.xghAudit.auditTime }}
</el-descriptions-item>
<el-descriptions-item :span="2" label="审核意见">
{{ viewData.xghAudit.auditOpinion }}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane v-if="handle" :label="label" name="999">
<slot name="handle"></slot>
</el-tab-pane>
</el-tabs>
</template>
<script>
module.exports = {
name: 'clubEvaluateInfo',
props: {
handle: {
type: Boolean,
default: false,
},
label: {
type: String,
default: '审核'
},
panes: {
type: Array,
default: () => {return []}
},
},
data() {
return {
clubInfo: "1",
viewData: {},
loading: true,
}
},
methods: {
hasPane(name) {
if (!this.handle) {
return true
}
return this.panes.includes(name)
},
async getInfo(id) {
this.loading = true
const {data, code, msg} = await $.get('/platform/sys/club/clubEvaluateMine/findOne', {id})
this.loading = false
if (data) {
this.clubInfo = this.handle ? "999" : "1"
this.viewData = data
}
}
}
}
</script>
<style scoped>
.el-descriptions-item__cell {
text-align: center !important;
}
</style>