c-hongqw1/zhgh_hhu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

jug

Browse Source
This commit is contained in:
zhaoxinyu
2024-09-20 16:56:20 +08:00
parent 541ee6193a
commit 9d64e0d2a5
16 changed files with 672 additions and 503 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/components/activityBx/ActivityBxInfo.vue
+53 -133
View File
@@ -2,134 +2,40 @@
<div class="activity-bx-info">
<el-tabs tab-position="top" v-model="activeName" v-loading="loading">
<el-tab-pane label="申请信息" name="1">
<el-form label-suffix="：" label-position="left" style="padding: 20px 0">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="申请人姓名">
{{ viewData.user_name }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请时间">
{{ viewData.apply_time }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系方式">
{{ viewData.mobile }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动主体类型">
{{
viewData.activity_type === 40002 ? "分工会活动" : viewData.activity_type === 40003 ?
"协会(社团)活动" :
"校工会活动"
}}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动名称">
{{ viewData.activity_name }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动项目类型">
{{ viewData.absName }}({{ viewData.projectTypeCode }})
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报(承办)单位">
{{ viewData.fundsUnitName }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动计划时间">
{{ viewData.startPlannedDate }}-{{ viewData.endPlannedDate }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动地址">
{{ viewData.venue }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动人数">
{{ viewData.activity_number }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申报金额">
{{ viewData.funds_money }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="活动方案">
<div style="word-break: break-all" v-html="viewData.activity_content"></div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="活动安排">
<div style="word-break: break-all" v-html="viewData.activity_arrange"></div>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item label="购置物品及价格"></el-form-item>
</el-col>
<el-table :data="viewData.goods" border size="mini" style="width: 100%">
<el-table-column sortable type="index" width="100" label="序号"
align="center" header-align="center">
</el-table-column>
<el-table-column prop="name" label="物品名称" align="center"
header-align="center">
</el-table-column>
<el-table-column prop="price" label="预算费用" align="center"
header-align="center"></el-table-column>
<!-- <el-table-column prop="actualPrice" label="实际费用" align="center"
header-align="center"></el-table-column>-->
</el-table>
<el-row gutter="20">
<el-col :span="24">
<el-form-item label="成果附件">
<file-upload v-if="viewData.resultsFiles&&viewData.resultsFiles.length"
:files="viewData.resultsFiles"
:view="true" style="height: 300px"></file-upload>
<span v-else>暂无</span>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row gutter="20">
<el-col :span="24">
<el-form-item label="附&emsp;&emsp;件">
<file-upload v-if="viewData.files&&viewData.files.length"
:files="viewData.files"
:view="true"></file-upload>
<span v-else>暂无</span>
</el-form-item>
</el-col>
</el-row>-->
</el-form>
<el-descriptions :column="2" border>
<el-descriptions-item label="申请人姓名">{{ viewData.user_name }}</el-descriptions-item>
<el-descriptions-item label="申请时间">{{ viewData.apply_time }}</el-descriptions-item>
<el-descriptions-item label="联系方式">{{ viewData.mobile }}</el-descriptions-item>
<el-descriptions-item label="活动主体类型">{{ viewData.activityTypeName }}</el-descriptions-item>
<el-descriptions-item label="活动项目类型" :span="2">{{ viewData.projectTypeName }}</el-descriptions-item>
<el-descriptions-item label="活动名称" :span="2">{{viewData.activity_name}}</el-descriptions-item>
<el-descriptions-item label="项目编号" :span="2">{{viewData.projectCode}}</el-descriptions-item>
<el-descriptions-item label="申报(承办)单位" :span="2">{{viewData.fundsUnitName}}</el-descriptions-item>
<el-descriptions-item label="活动计划时间" :span="2">
{{viewData.startPlannedDate}}至{{viewData.endPlannedDate}}
</el-descriptions-item>
<el-descriptions-item label="活动地址">{{viewData.venue}}</el-descriptions-item>
<el-descriptions-item label="活动人数">{{viewData.activity_number}}</el-descriptions-item>
<el-descriptions-item label="活动方案" :span="2">
<div v-html="viewData.activity_content"></div>
</el-descriptions-item>
<el-descriptions-item label="活动安排" :span="2">
<div v-html="viewData.activity_arrange"></div>
</el-descriptions-item>
<el-descriptions-item label="购置物品及价格" :span="3">
<el-table :data="viewData.budgets" border size="mini" style="width: 100%">
<el-table-column type="index" width="100" label="序号"></el-table-column>
<el-table-column prop="name" label="费用项目名称"></el-table-column>
<el-table-column prop="unitPrice" label="单价(元)"></el-table-column>
<el-table-column prop="num" label="数量"></el-table-column>
<el-table-column prop="total" label="合计(元)">
<template slot-scope="{row}">
{{ (row.unitPrice * row.num).toFixed(2) }}
</template>
</el-table-column>
</el-table>
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<!-- <el-tab-pane label="附件" name="100">
<el-form label-position="top">
@@ -379,11 +285,22 @@ module.exports = {
this.loading = false
if (data) {
this.activeName = this.handle ? "999" : "1"
if(data.files){
data.files = JSON.parse(data.files)
}else{
data.files = []
}
if(data.resultsFiles){
data.resultsFiles = JSON.parse(data.resultsFiles)
}else{
data.resultsFiles = []
}
if (data.budgets) {
data.budgets = JSON.parse(data.budgets)
}else{
data.budgets = []
}
this.viewData = data
this.viewData.files = JSON.parse(data.files)
this.viewData.resultsFiles = JSON.parse(data.resultsFiles)
this.viewData.goods = data.goods
} else {
this.viewData = {}
this.$message({
@@ -396,7 +313,7 @@ module.exports = {
}
</script>
<style>
<style scoped>
.activity-bx-info .el-timeline {
padding-left: 0;
}
@@ -405,5 +322,8 @@ module.exports = {
max-width: 300px;
max-height: 100px;
}
.el-descriptions table {
table-layout: fixed;
}
</style>