报名状态

2021-11-29 16:44:04 +08:00
parent d24017d9bf
commit 5950e60ab0
3 changed files with 59 additions and 22 deletions
@@ -73,13 +73,13 @@
        </a-row>
        <a-row :gutter="24" v-if="model.paymentRecord" class="info-textarea flex-col">
          <!--          驳回才显示驳回原因-->
-          <a-col :span="24" v-if="model.checkResult === 2 " >
+          <a-col :span="24" v-if="model.checkResult === 2 ">
            <label>驳回原因：</label>
-            <span>{{model.checkRemark}}</span>
+            <span>{{ model.checkRemark }}</span>
          </a-col>
        </a-row>
        <a-form :form="form">
-          <!-- 审核通过后 禁止上传 -->
+          <!-- 审核通过后 或者 报名状态为凭证审核中的  禁止上传 -->
          <a-row :gutter="24" style="transform: translateX(-12px)">
            <a-col :xl="12" :sm="24">
              <a-form-item label="付款凭证" :labelCol="labelCol" :wrapperCol="wrapperCol">
@@ -146,7 +146,7 @@ export default {
          validateTrigger: 'change'
        },
        orderCode: {
-          rules: [{required: true, validator:this.validateOrderCode}],
+          rules: [{required: true, validator: this.validateOrderCode}],
          validateTrigger: 'blur'
        },
      },
@@ -179,7 +179,7 @@ export default {
  methods: {
    open(param) {
      // 判断是否是 消息进来的
-      this.singUpPerosnId = param.situationId ?param.situationId : param.id
+      this.singUpPerosnId = param.situationId ? param.situationId : param.id
      this.form.resetFields()
      this.visible = true
      this.meetingName = param.meetingName
@@ -189,7 +189,7 @@ export default {
          this.model = {}
          this.model = res
          // 是否是线上缴费
-          this.payModeOnlineBool =   this.model.payMode === 2 || false
+          this.payModeOnlineBool = this.model.payMode === 2 || false
          // 如果缴费方式为汇款的并且上传了缴费凭证 回显缴费凭证
          if (this.model.paymentRecord && this.model.payMode === 1) {
            this.form.setFieldsValue({'paymentRecord': this.model.paymentRecord})
@@ -261,11 +261,11 @@ export default {
    /*
    * 校验后四位
    * */
-    validateOrderCode(rule, value, callback){
+    validateOrderCode(rule, value, callback) {
      if (value === undefined || value === '' || value === null) {
        callback('请输入缴费订单后四位')
      }
-      if (value && value.length === 4 ) {
+      if (value && value.length === 4) {
        callback()
      } else {
        callback('请输入四位缴费订单后四位')
@@ -51,6 +51,13 @@
              </a-form-item>
            </a-col>

+            <a-col :xl="7" :lg="8" :md="8" :sm="24">
+              <a-form-item label="报名状态">
+                <j-dict-select-tag dict-code="sign_up_status" placeholder="请选择报名状态"
+                                   v-model="queryParam.signUpStatus"></j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+
            <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
@@ -66,7 +73,8 @@
        <div class="list" v-if="tableData.length > 0">
          <div class="item-meeting" v-for="(item,index) of tableData" :key="index">
            <p class="item-meeting-meetingName">
-              <j-ellipsis class="primary-color" @click="openMeetingDetail(item)" :value="item.meetingName" :length="20"></j-ellipsis>
+              <j-ellipsis class="primary-color" @click="openMeetingDetail(item)" :value="item.meetingName"
+                          :length="20"></j-ellipsis>
            </p>
            <!--这里需要修改  会议费用分人显示不同的会议费用  2021-09-29 跟需求沟通说是不显示-->
            <!--            <p class="item-meeting-meetingCost"><span>￥</span>{{ item.meetingCosts }}</p>-->
@@ -82,17 +90,28 @@
            <p class="item-meeting-img item-meeting-meetingTime">
              <img src="../../assets/meetingImgs/meeting-time.png"/>
              召开时间：{{ item.startTime }}~{{ item.endTime }}
-<!--              <j-ellipsis :value="item.startTime + '~' + item.endTime" :length="30"></j-ellipsis>-->
+              <!--              <j-ellipsis :value="item.startTime + '~' + item.endTime" :length="30"></j-ellipsis>-->
+            </p>
+            <!-- 报名状态 -->
+            <p class="item-meeting-img item-meeting-meetingTime" v-show="item.signUpStatus !== null">
+              <img src="../../assets/meetingImgs/meeting-audit.png" class="audit-img"/>报名状态：{{ item.signUpStatus_dictText }}
            </p>
            <p class="item-meeting-img item-meeting-meetingPaymode">
              <img src="../../assets/meetingImgs/meeting_paymode.png"/>
              缴费方式：{{ item.payMode_dictText }}
              <!--  缴费方式为线上缴费或者汇款的， 审核通过才显示 只有在会议召开时间期间才显示”上传凭证“按钮  "-->
-              <a-button v-show="(item.payMode === 2 || item.payMode === 1)&& (item.meetingStatus == 2 || item.meetingStatus === 3) && item.registerCheckResult === 1 && item.meetingStatus === 3 "  type="primary" @click="uploadPaymentRecord(item)">上传凭证</a-button>
+              <!--  报名状态为 凭证审核中  显示查看凭证 -->
+              <a-button
+                v-show="(item.payMode === 2 || item.payMode === 1)&& (item.meetingStatus == 2 || item.meetingStatus === 3) && item.registerCheckResult === 1 && item.meetingStatus === 3 "
+                type="primary" @click="uploadPaymentRecord(item)">
+                上传凭证
+              </a-button>
            </p>
-            <img v-if="item.meetingStatus === 2 " class="meeting-img-status" src="../../assets/meetingImgs/no-start.png"/>
-            <img v-if="item.meetingStatus === 3 " class="meeting-img-status" src="../../assets/meetingImgs/ing.png" />
-            <img v-if="item.meetingStatus === 4 " class="meeting-img-status" src="../../assets/meetingImgs/end.png" />
+
+            <img v-if="item.meetingStatus === 2 " class="meeting-img-status"
+                 src="../../assets/meetingImgs/no-start.png"/>
+            <img v-if="item.meetingStatus === 3 " class="meeting-img-status" src="../../assets/meetingImgs/ing.png"/>
+            <img v-if="item.meetingStatus === 4 " class="meeting-img-status" src="../../assets/meetingImgs/end.png"/>
          </div>
          <i></i>
          <i></i>
@@ -123,7 +142,7 @@
    </div>
    <!--上传凭证-->
    <upload-meeting-certificate-modal ref="upload"></upload-meeting-certificate-modal>
-<!--    会议详情-->
+    <!--    会议详情-->
    <meeting-detail-modal ref="meetingDetail" :is-meeting-bool="true"></meeting-detail-modal>
  </div>
 </template>
@@ -187,12 +206,24 @@ export default {
      // 加载状态
      loading: false,
      // 会议类型
-      meetingType:''
+      meetingType: ''
+    }
+  },
+  computed: {
+    // 会议报名 审核状态
+    auditStatus() {
+      // 报名信息审核中  工作组会议或者分标委会议 非成员报名 需要审核报名信息
+      // 凭证审核中      上传了汇款凭证待审核的
+      // 不可参会       非成员单位报名信息审核被拒绝的
+      // 待上传凭证     来款方式为线上或者汇款
+      // 凭证被拒绝     上传审核凭证被拒绝的
+      // 报名成功       审核凭证通过或者不需要审核的
+      return '报名成功'
    }
  },
  created() {
    // 会议类型
-    if(this.$route.query.meetingType){
+    if (this.$route.query.meetingType) {
      this.meetingType = this.$route.query.meetingType
      this.filter.meetingType = this.$route.query.meetingType
    }
@@ -289,13 +320,13 @@ export default {
    /*
    *  打开会议详情
    * */
-    openMeetingDetail(item){
+    openMeetingDetail(item) {

      // 可报名的点击应该是去报名
-      if(item.meetingSignUpType === 1){
-        let url =  `${ window._CONFIG['singUpQRCodeURL'] }?id=${ item.id }`
-        window.open(url,'_blank')
-      }else {
+      if (item.meetingSignUpType === 1) {
+        let url = `${window._CONFIG['singUpQRCodeURL']}?id=${item.id}`
+        window.open(url, '_blank')
+      } else {
        // 打开会议详情
        this.$refs.meetingDetail.open(item)
      }
@@ -417,6 +448,12 @@ export default {
  top: 0;
 }

+.audit-img {
+  transform: translate(-3px);
+  width: 20px;
+  height: 20px;
+}
+
 /*内容end*/

 .fenye {