[update]-会议详情模态框显示样式的调整;标协会员系统会议的显示

This commit is contained in:
fengchenchen
2021-12-15 14:41:28 +08:00
parent a0aa7ad645
commit bf1238dc26
6 changed files with 695 additions and 403 deletions
File diff suppressed because it is too large Load Diff
+3 -4
View File
@@ -53,8 +53,8 @@ export default {
type: String,
required: false
},
/* 是否是会议资料 会议资料有下载的限制 */
isMeetingDataBool:{
/* 是否有下载的限制 */
hasLimitBool:{
type:Boolean,
required: false,
default:false
@@ -113,7 +113,7 @@ export default {
},
handleDownLoad(file) {
console.log(file)
if(this.isMeetingDataBool){
if(this.hasLimitBool){
// 会议资料更换了接口
downloadFile(`sys/common/userDownload/${file.id}`, file.name)
}else {
@@ -137,5 +137,4 @@ export default {
padding-left: 20px;
}
</style>
+189
View File
@@ -0,0 +1,189 @@
<!--显示报名的进度-->
<template>
<div class="sign-step">
<!-- wait error-->
<a-steps :current="currentShowInfo.currentStep" :status="currentShowInfo.status" size="small" labelPlacement="vertical">
<a-step v-for="item in currentShowInfo.stepArr" :description="item" :key="item"></a-step>
</a-steps>
</div>
</template>
<script>
/*进度条显示的条件*/
/*
* 1、判断当前会议是否需要缴费,通过会议详情中的 meetingCosts 字段判断,如果是‘0.00’则是不需要花钱的
* 2、报名详情中的 registerProcess 代表报名状态,类型是 1-15 对应需求文档中的不同状态
* */
// const
const stepStatusArr = [
{
stepArr: ['已报名', '报名成功', '上传凭证', '缴费成功', '已签到'],
currentStep: 0,
status: 'wait',
description: '需要缴费-未报名'
},
{
stepArr: ['已报名', '报名待审核', '上传凭证', '缴费成功', '已签到'],
currentStep: 1,
status: 'wait',
registerProcess: 1,
description: '需要缴费-非成员已报名审核'
},
{
stepArr: ['已报名', '不可参会', '上传凭证', '缴费成功', '已签到'],
currentStep: 1,
status: 'error',
registerProcess: 2,
description: '需要缴费-非成员被拒绝'
},
{
stepArr: ['已报名', '报名成功', '待上传凭证', '缴费成功', '已签到'],
currentStep: 2,
status: 'wait',
registerProcess: 3,
description: '需要缴费-付款方式为汇款现场缴费'
},
{
stepArr: ['已报名', '报名成功', '上传凭证', '凭证待审核', '已签到'],
currentStep: 3,
status: 'wait',
registerProcess: 4,
description: '需要缴费-上传完缴费凭证 待审核'
},
{
stepArr: ['已报名', '报名成功', '上传凭证', '凭证被拒绝', '已签到'],
currentStep: 3,
status: 'error',
registerProcess: 5,
description: '需要缴费-缴费凭证被拒绝'
},
{
stepArr: ['已报名', '报名成功', '上传凭证', '缴费成功', '待签到'],
currentStep: 4,
status: 'wait',
registerProcess: 6,
description: '需要缴费-凭证审核通过且未签到'
},
{
stepArr: ['已报名', '报名成功', '上传凭证', '缴费成功', '已签到'],
currentStep: 5,
status: 'finish',
registerProcess: 7,
description: '需要缴费-签到完成'
},
{
stepArr: ['已报名', '报名成功', '已签到', '待上传凭证', '缴费成功'],
currentStep: 3,
status: 'wait',
registerProcess: 8,
description: '需要缴费-付款方式为汇款 的先签到 但是没有上传凭证 报名状态为已签到'
},
{
stepArr: ['已报名', '报名成功', '已签到', '上传凭证', '凭证待审核'],
currentStep: 4,
status: 'wait',
registerProcess: 9,
description: '需要缴费-付款方式为汇款 的先签到 但是没有上传凭证 报名状态为已签到'
},
{
stepArr: ['已报名', '报名成功', '已签到', '上传凭证', '凭证被拒绝'],
currentStep: 4,
status: 'error',
registerProcess: 10,
description: '需要缴费-付款方式为汇款 的先签到 但是没有上传凭证 报名状态为已签到'
},
{
stepArr: ['已报名', '报名成功', '已签到', '上传凭证', '缴费成功'],
currentStep: 5,
status: 'finish',
registerProcess: 11,
description: '需要缴费-付款方式为汇款 的先签到 但是没有上传凭证 报名状态为已签到'
},
{
stepArr: ['已报名', '报名待审核', '已签到'],
currentStep: 1,
status: 'wait',
registerProcess: 12,
description: '不需要缴费-非成员已报名审核'
},
{
stepArr: ['已报名', '不可参会', '已签到'],
currentStep: 1,
status: 'error',
registerProcess: 13,
description: '不需要缴费-非成员被拒绝'
},
{
stepArr: ['已报名', '报名成功', '待签到'],
currentStep: 2,
status: 'wait',
registerProcess: 14,
description: '不需要缴费-待签到'
},
{
stepArr: ['已报名', '报名成功', '已签到'],
currentStep: 3,
status: 'finish',
registerProcess: 15,
description: '不需要缴费-已签到'
},
{
stepArr: ['已报名', '报名成功', '已签到'],
currentStep: 0,
status: 'wait',
registerProcess: 16,
description: '不需要缴费-未报名'
}
]
export default {
name: 'SignStep',
props: {
// 是否需要缴费
needCosts: {
type: Boolean,
required: false,
default: true
},
// 报名状态
registerProcess: {
type: Number,
required: false,
default: 0
}
},
computed: {
currentShowInfo() {
if(this.registerProcess) {
return stepStatusArr[this.registerProcess]
} else {
// 若会议需要缴费 则显示 第一条数据;若不需要缴费 显示第17条数据
if(this.needCosts) {
return stepStatusArr[0]
} else {
return stepStatusArr[16]
}
}
}
},
data() {
return {
currentStatus: 'wait'
}
}
}
</script>
<style scoped lang="less">
.ant-steps{
padding: 0 0 10px;
.ant-steps-item{
position: relative;
}
}
/deep/.ant-steps-item-description{
}
</style>
@@ -1,7 +1,7 @@
<!--信息交流会-->
<template>
<div class="main-box">
<meeting-list :standard-meeting-type="2"></meeting-list>
<meeting-list :standard-meeting-type="3"></meeting-list>
</div>
</template>
@@ -1,7 +1,7 @@
<!--培训会-->
<template>
<div class="main-box">
<meeting-list :standard-meeting-type="3"></meeting-list>
<meeting-list :standard-meeting-type="2"></meeting-list>
</div>
</template>
@@ -43,8 +43,10 @@
<a-col :xl="7" :lg="8" :md="8" :sm="24">
<a-form-item label="会议状态">
<j-dict-select-tag dict-code="meeting_status" placeholder="请选择会议状态"
v-model="queryParam.meetingStatus"></j-dict-select-tag>
<j-dict-select-tag
dict-code="meeting_status"
placeholder="请选择会议状态"
v-model="queryParam.meetingStatus"></j-dict-select-tag>
</a-form-item>
</a-col>