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

src/views/MessagePage/modules/FileTable.vue

@@ -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>

src/views/MessagePage/modules/SignStep.vue

@@ -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>