【update】-会议增加查看凭证按钮

src/views/incomePayments/meetManage/Attendance.vue

@@ -440,6 +440,8 @@
             <!-- 只有缴费方式为汇款并且上传了汇款凭证的的才会有审核按钮 审核报名信息通过后才能审核凭证 审核通过后不显示 审核凭证按钮 -->
           <a @click="handleAudit(record)" v-if="(record.payMode === 1 || record.payMode === 2 ) && record.paymentRecord && record.checkResult !== 1"
              v-has:[authorCode.auditRecord]="'attendance:auditCredentials'">审核凭证</a>
+          <!--  v-has:[authorCode.lookVoucher]="'attendance:lookVoucher'"-->
+          <a @click="lookVoucher(record)" v-show="!!record.paymentStatus" v-has:[authorCode.lookVoucher]="'attendance:lookVoucher'">查看凭证</a>
             <!-- 只有工作组会议与分标委会议理事会会议、起草组会议、功能安全中心 才有审核报名信息-->
           <a @click="handleAuditSignUp(record)"
              v-show="(['1', '5', '6', '7', MeetingTypeEnums.safetyCenter.value].includes(currentMeetingInfo.meetingType)) && record.registerCheckResult === 0 "
@@ -465,7 +467,7 @@
       <batch-set-docker-modal ref="batchSetDockerModal" @ok="modalFormOk"></batch-set-docker-modal>
       <!--详情-->
       <project-detail-modal ref="projectDetailModal" :meeting-type="currentMeetingInfo.meetingType"></project-detail-modal>
-      <!--审核-->
+      <!--审核（审核凭证、审核报名信息）、查看凭证-->
       <audit-modal ref="auditModal" @ok="modalFormOk"></audit-modal>
       <!--设置资料状态--即嘉宾是否可以在企业端上传资料-->
       <set-guess-upload-flag-modal ref="setGuessUploadFlagModal" :meeting-id="meetingId" :meeting-type="meetingTypeValue" @ok="modalFormOk"></set-guess-upload-flag-modal>
@@ -758,7 +760,9 @@ export default {
         delete: 'otherMeetingSituation:delete',
         auditRecord: 'otherMeetingSituation:auditCredentials',
         auditSignUpInfo: 'otherMeetingSituation:auditSignUp',
-        guestsUploadFileFlag: 'otherMeetingSituation:guestsUploadFileFlag'
+        guestsUploadFileFlag: 'otherMeetingSituation:guestsUploadFileFlag',
+        lookVoucher: 'otherMeetingSituation:lookVoucher' // 查看凭证
+
       },
       // 分标委会议的参会情况权限编码
       committeeMeetingCode: {
@@ -770,7 +774,8 @@ export default {
         delete: 'committeeMeetingSituation:delete',
         auditRecord: 'committeeMeetingSituation:auditCredentials',
         auditSignUpInfo: 'committeeMeetingSituation:auditSignUp',
-        guestsUploadFileFlag: 'committeeMeetingSituation:guestsUploadFileFlag'
+        guestsUploadFileFlag: 'committeeMeetingSituation:guestsUploadFileFlag',
+        lookVoucher: 'committeeMeetingSituation:lookVoucher' // 查看凭证
       },
       // 工作组会议的参会情况的权限编码
       workGroupMeetingCode: {
@@ -783,7 +788,8 @@ export default {
         auditRecord: 'workGroupMeetingSituation:auditCredentials',
         auditSignUpInfo: 'workGroupMeetingSituation:auditSignUp',
         batchAuditSignUpInfo: 'workGroupMeetingSituation:batchAuditSignUp', // 批量审核报名信息
-        guestsUploadFileFlag: 'workGroupMeetingSituation:guestsUploadFileFlag'
+        guestsUploadFileFlag: 'workGroupMeetingSituation:guestsUploadFileFlag',
+        lookVoucher: 'workGroupMeetingSituation:lookVoucher' // 查看凭证
       },
       // 国际研讨会的参会情况的权限编码
       internalMeetingCode: {
@@ -795,7 +801,8 @@ export default {
         delete: 'internalMeetingSituation:delete',
         auditRecord: 'internalMeetingSituation:auditCredentials',
         auditSignUpInfo: 'internalMeetingSituation:auditSignUp',
-        guestsUploadFileFlag: 'internalMeetingSituation:guestsUploadFileFlag'
+        guestsUploadFileFlag: 'internalMeetingSituation:guestsUploadFileFlag',
+        lookVoucher: 'internalMeetingSituation:lookVoucher' // 查看凭证
       },
       // 标协会议的参会情况的权限编码
       standardsMeetingCode: {
@@ -807,7 +814,8 @@ export default {
         delete: 'standardsMeetingSituation:delete',
         auditRecord: 'standardsMeetingSituation:auditCredentials',
         auditSignUpInfo: 'standardsMeetingSituation:auditSignUp',
-        guestsUploadFileFlag: 'standardsMeetingSituation:guestsUploadFileFlag'
+        guestsUploadFileFlag: 'standardsMeetingSituation:guestsUploadFileFlag',
+        lookVoucher: 'standardsMeetingSituation:lookVoucher' // 查看凭证
       },
       // 理事会的参会情况的权限编码
       councilMeetingCode: {
@@ -819,7 +827,8 @@ export default {
         delete: 'councilMeetingSituation:delete',
         auditRecord: 'councilMeetingSituation:auditCredentials',
         auditSignUpInfo: 'councilMeetingSituation:auditSignUp',
-        guestsUploadFileFlag: 'councilMeetingSituation:guestsUploadFileFlag'
+        guestsUploadFileFlag: 'councilMeetingSituation:guestsUploadFileFlag',
+        lookVoucher: 'councilMeetingSituation:lookVoucher' // 查看凭证
       },
       // 起草组会议的参会情况的权限编码
       draftGroupMeetingCode: {
@@ -1436,7 +1445,12 @@ export default {
           that.$refs.auditModal.open({ batch: true, ids }, true)
         }
       })
-    }
+    },
+    // 查看凭证
+    lookVoucher(record) {
+      this.$refs.auditModal.title = '查看凭证'
+      this.$refs.auditModal.lookVoucher(record)
+    },
   }
 
 }

src/views/incomePayments/meetManage/modules/AuditModal.vue

@@ -63,46 +63,49 @@
           <label class="color-999">订单后四位：</label>
           <span class="color-black">{{ model.orderCode }}</span></a-col>
       </a-row>
+      <!--非查看状态 显示审核数据-->
+      <template v-if="!lookVoucherBool">
 
-      <h3>审核</h3>
+        <h3>审核</h3>
 
-      <a-form :form="form">
-        <a-row :gutter="24">
-          <a-col :xl="12" :sm="24">
-            <a-form-item label="审核" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-radio-group v-decorator="['checkResult',validatorRules.checkResult]" placeholder="请选择审核结果"
-                             @change="changeCheck">
-                <a-radio value="1">
-                  通过
-                </a-radio>
-                <a-radio value='2'>
-                  驳回
-                </a-radio>
-              </a-radio-group>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="24" :sm="24" v-if="checkBool">
-            <a-form-item label="审核说明" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
-              <a-textarea
-                placeholder="请输入审核说明"
-                :auto-size="{ minRows: 3, maxRows: 6 }"
-                :maxLength='200'
-                v-decorator="['checkRemark',validatorRules.checkRemark]"
-                @change="e => {e.target.value = (e.target.value + '').trim()}"/>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="24" :sm="24" v-if="!checkBool">
-            <a-form-item label="审核说明" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
-              <a-textarea
-                placeholder="请输入审核说明"
-                :auto-size="{ minRows: 3, maxRows: 6 }"
-                :maxLength='200'
-                v-decorator="['checkRemark']"
-                @change="e => {e.target.value = (e.target.value + '').trim()}"/>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
+        <a-form :form="form">
+          <a-row :gutter="24">
+            <a-col :xl="12" :sm="24">
+              <a-form-item label="审核" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-radio-group v-decorator="['checkResult',validatorRules.checkResult]" placeholder="请选择审核结果"
+                               @change="changeCheck">
+                  <a-radio value="1">
+                    通过
+                  </a-radio>
+                  <a-radio value='2'>
+                    驳回
+                  </a-radio>
+                </a-radio-group>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="24" :sm="24" v-if="checkBool">
+              <a-form-item label="审核说明" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
+                <a-textarea
+                  placeholder="请输入审核说明"
+                  :auto-size="{ minRows: 3, maxRows: 6 }"
+                  :maxLength='200'
+                  v-decorator="['checkRemark',validatorRules.checkRemark]"
+                  @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="24" :sm="24" v-if="!checkBool">
+              <a-form-item label="审核说明" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
+                <a-textarea
+                  placeholder="请输入审核说明"
+                  :auto-size="{ minRows: 3, maxRows: 6 }"
+                  :maxLength='200'
+                  v-decorator="['checkRemark']"
+                  @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+      </template>
     </a-spin>
     <template slot="footer">
       <a-button @click="handleCancel">关闭</a-button>
@@ -242,6 +245,8 @@ export default {
       batchCheckSignUp: false,
       // 参会人id
       signUpPersonId: '',
+      // 是否为查看凭证
+      lookVoucherBool: false
     }
   },
   watch:{
@@ -281,11 +286,19 @@ export default {
       this.url = Object.assign({}, this.createUrlByMeetingType(meetingType))
       this.visible = true
     },
+    /* 查看凭证
+    * record- 审核参数
+    * */
+    lookVoucher(record) {
+      this.lookVoucherBool = true
+      this.open(record, false)
+    },
     close() {
       this.$emit('close')
       this.visible = false
       this.model = {}
       this.signUpPersonId = ''
+      this.lookVoucherBool = false
     },
     handleOk() {
       const that = this