Files
UNION_HUTB/target/classes/static/components/club/clubRegisterInfo.vue
T
2026-09-09 09:14:28 +08:00

217 lines
8.8 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 label="社团名称">
{{ viewData.register.clubName }}
</el-descriptions-item>
<el-descriptions-item label="成立时间">
{{ viewData.register.foundTime }}
</el-descriptions-item>
<el-descriptions-item label="会费标准">
{{ viewData.register.dues_standard }}
</el-descriptions-item>
<el-descriptions-item :span="3">
<template slot="label">年度活动情况</template>
<file-upload v-if="viewData.register.yearActivity && viewData.register.yearActivity.length > 0"
:files="viewData.register.yearActivity"
:view="true"></file-upload>
</el-descriptions-item>
<el-descriptions-item span="3">
<template slot="label">工作计划</template>
<file-upload v-if="viewData.register.planFiles && viewData.register.planFiles.length > 0"
:files="viewData.register.planFiles"
:view="true"></file-upload>
</el-descriptions-item>
<el-descriptions-item span="3">
<template slot="label">工作总结</template>
<file-upload
v-if="viewData.register.summaryFiles && viewData.register.summaryFiles.length > 0"
:files="viewData.register.summaryFiles"
:view="true"></file-upload>
</el-descriptions-item>
</el-descriptions>
<vi-title title="社团成员变化情况" class="mt20"></vi-title>
<el-table :data="viewData.changeUserNum" max-height="300">
<el-table-column label="序号" type="index"
width="50"></el-table-column>
<el-table-column label="人员类型" prop="userState"></el-table-column>
<el-table-column label="年初人员" prop="yearFirstNum"></el-table-column>
<el-table-column label="年度增加" prop="yearAddNum"></el-table-column>
<el-table-column label="年度减少" prop="yearEditNum"></el-table-column>
<el-table-column label="年末人数" prop="thisYearNum"></el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="财务收支情况" name="2">
<vi-title title="明细" class="mt20"></vi-title>
<el-table :data="viewData.detaileds" max-height="300">
<el-table-column label="序号" type="index" width="50"></el-table-column>
<el-table-column label="日期" prop="date"></el-table-column>
<el-table-column label="项目内容" prop="nr"></el-table-column>
<el-table-column label="收入类型" prop="incomeType"></el-table-column>
<el-table-column label="年初余额" prop="qcMoney"></el-table-column>
<el-table-column label="收入" prop="income"></el-table-column>
<el-table-column label="支出" prop="expend"></el-table-column>
<el-table-column label="年度结余" prop="qmMoney"></el-table-column>
<el-table-column label="备注" prop="notes"></el-table-column>
</el-table>
<div class="mt20">
<vi-title title="统计"></vi-title>
<el-table :data="viewData.register.incomeCensus" max-height="300">
<el-table-column label="去年年度结余" prop="lasYearSurplus"></el-table-column>
<el-table-column label="会费收入" prop="income"></el-table-column>
<el-table-column label="校工会拨款" prop="allocate"></el-table-column>
<el-table-column label="社会赞助" prop="support"></el-table-column>
<el-table-column label="年度总支出" prop="totalExpend"></el-table-column>
<el-table-column label="年度结余" prop="surplus">
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="年末理事机构人员" name="3">
<vi-title title="年末理事机构人员"></vi-title>
<el-table :data="viewData.jgUser" max-height="300">
<el-table-column label="序号" type="index" width="50"></el-table-column>
<el-table-column label="职务" prop="roleName"></el-table-column>
<el-table-column label="姓名" prop="username"></el-table-column>
<el-table-column label="工号" prop="loginname"></el-table-column>
<el-table-column label="所属部门" prop="unitname"></el-table-column>
<el-table-column label="联系电话" prop="mobile"></el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="秘书长审核信息" name="4" v-if="viewData.stAudit">
<vi-title title="秘书长审核信息"></vi-title>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="审核人员">
{{ viewData.stAudit.username }}({{ viewData.stAudit.loginname }})
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.stAudit.auditTime }}
</el-descriptions-item>
<el-descriptions-item label="审核意见" :span="2">
{{ viewData.stAudit.auditOpinion }}
</el-descriptions-item>
<el-descriptions-item label="签&emsp;&emsp;字" :span="2">
<el-image v-if="viewData.stAudit.auditSign"
style="width: 300px; height: 100px"
:src="viewData.stAudit.auditSign"
fit="contain"></el-image>
<span v-else>暂无</span>
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="会长审核信息" name="5" v-if="viewData.hzAudit">
<vi-title title="会长审核信息"></vi-title>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="审核人员">
{{ viewData.hzAudit.username }}({{ viewData.hzAudit.loginname }})
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.hzAudit.auditTime }}
</el-descriptions-item>
<el-descriptions-item label="审核意见" :span="2">
{{ viewData.hzAudit.auditOpinion }}
</el-descriptions-item>
<el-descriptions-item label="签&emsp;&emsp;字" :span="2">
<el-image v-if="viewData.hzAudit.auditSign"
style="width: 300px; height: 100px"
:src="viewData.hzAudit.auditSign"
fit="contain"></el-image>
<span v-else>暂无</span>
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="校工会审核信息" name="6" v-if="viewData.xghAudit">
<vi-title title="校工会审核信息"></vi-title>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="审核人员">
{{ viewData.xghAudit.username }}({{ viewData.xghAudit.loginname }})
</el-descriptions-item>
<el-descriptions-item label="审核时间">
{{ viewData.xghAudit.auditTime }}
</el-descriptions-item>
<el-descriptions-item label="审核意见" :span="2">
{{ viewData.xghAudit.auditOpinion }}
</el-descriptions-item>
<el-descriptions-item label="签&emsp;&emsp;字" :span="2">
<el-image v-if="viewData.xghAudit.auditSign"
style="width: 300px; height: 100px"
:src="viewData.xghAudit.auditSign"
fit="contain"></el-image>
<span v-else>暂无</span>
</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 = {
props: {
handle: {
type: Boolean,
default: false,
},
label: {
type: String,
default: '审核'
},
panes: {
type: Array,
default: []
},
},
data() {
return {
clubInfo: "1",
viewData: {register: {}},
loading: true,
}
},
methods: {
hasPane(name) {
if (!this.handle) {
return true
}
return this.panes.includes(name)
},
async getInfo(id) {
this.loading = true
const {data} = await $.post("/platform/sys/club/examine/register/findOne", {id: id})
this.loading = false
if (data) {
this.viewData = data
const resp = await $.post("/platform/sys/club/examine/register/getClubUserNum", {
clubId: data.register.clubId
})
this.$set(this.viewData, "changeUserNum", resp.data)
const respUser = await $.post("/platform/sys/club/examine/register/getJgUser", {
clubId: data.register.clubId
})
this.$set(this.viewData, "jgUser", respUser.data)
this.clubInfo = this.handle ? "999" : "1"
}
}
}
}
</script>