会议信息增加收费二维码

src/views/MessagePage/MeetingDetailModal.vue

@@ -49,6 +49,14 @@
           <span style="width: 100%;"><preview-file style="width: 80%" :file-id="model.meetingFiles"></preview-file></span>
         </a-col>
       </a-row>
+      <a-row :gutter="24" class="flex-col" v-if="model.paymentQrCode">
+        <a-col :span="24">
+          <label>收费二维码：</label>
+          <span>
+            <img :src="paymentQrCodeSrc" alt="nothing show" class="payment-qrcode-img" />
+          </span>
+        </a-col>
+      </a-row>
       <a-row :gutter="24" class="flex-col">
         <a-col :span="24">
           <label>会议内容：</label>
@@ -568,6 +576,10 @@ export default {
       } else if (this.$store.getters.userInfo.gender === 2) {
         return '女'
       }
+    },
+    // 收费二维码 src
+    paymentQrCodeSrc() {
+      return `${window._CONFIG['domianURL']}/sys/common/download/${this.model.paymentQrCode}`
     }
 
   },
@@ -817,4 +829,8 @@ h3.title::before {
     border-bottom: 1px solid #ccc;
   }
 }
+.payment-qrcode-img {
+  width: 100px;
+  height: 100px
+}
 </style>