汇款的缴费未付款添加标识

src/views/incomePayments/meetManage/Attendance.vue

@@ -79,11 +79,12 @@
         </a-col>
         <a-col :xxl="8" :xl="12" :sm="24">
           <label>签到二维码：</label><img class="qr-code" :src="signInQRCode" alt="签到二维码"/>
-<!--          <i class="copy primary-color"  @click="copy(signUpHerfUrl)">复制</i>-->
+          <!--          <i class="copy primary-color"  @click="copy(signUpHerfUrl)">复制</i>-->
         </a-col>
         <a-col :xxl="8" :xl="12" :sm="24" style="display:flex;">
           <label>收款二维码：</label>
-          <j-image-upload :return-id="true" v-if="currentMeetingInfo.paymentQrCode" v-model="currentMeetingInfo.paymentQrCode" disabled></j-image-upload>
+          <j-image-upload :return-id="true" v-if="currentMeetingInfo.paymentQrCode"
+                          v-model="currentMeetingInfo.paymentQrCode" disabled></j-image-upload>
         </a-col>
       </a-row>
       <a-row v-show="currentMeetingInfo.meetingType === '2' ">
@@ -206,7 +207,12 @@
           </template>
 
           <template slot="person" slot-scope="text,record">
-            <div class="primary-color" @click="toSignUpDetail(record)">{{ text }}</div>
+            <!--缴费方式为付款 可以先签到后付款 需要添加标识-->
+            <div
+              v-if="record.payMode === 1 && record.checkIn === 1 && (record.paymentMethod !== '' || record.paymentMethod !== null)"
+              class="primary-color" @click="toSignUpDetail(record)">{{ text }}<span style="color: red">(参会未付款)</span>
+            </div>
+            <div v-else class="primary-color" @click="toSignUpDetail(record)">{{ text }}</div>
           </template>
 
           <template slot="text" slot-scope="text">
@@ -252,9 +258,9 @@
 </template>
 
 <script>
-import { JeroListMixin } from '@/mixins/JeroListMixin'
+import {JeroListMixin} from '@/mixins/JeroListMixin'
-import { mixinDevice } from '@/utils/mixin'
+import {mixinDevice} from '@/utils/mixin'
-import { getMeetInfoById, createQcCode } from '@api/incomeMeetingApi'
+import {getMeetInfoById, createQcCode} from '@api/incomeMeetingApi'
 import JYearDate from '@comp/jero/JYearDate'
 import JDictSelectTag from '@comp/dict/JDictSelectTag'
 import ImportParticipantModal from '@views/incomePayments/meetManage/modules/ImportParticipantModal'
@@ -302,14 +308,14 @@ export default {
           title: '参会单位',
           align: 'center',
           dataIndex: 'companyName',
-          scopedSlots: { customRender: 'htmlSlot' },
+          scopedSlots: {customRender: 'htmlSlot'},
           width: 180
         },
         {
           title: '参会人员',
           align: 'center',
           dataIndex: 'companyContactName',
-          width: 100,
+          width: 160,
           scopedSlots: {customRender: 'person'},
         },
         {
@@ -341,35 +347,35 @@ export default {
           align: 'center',
           dataIndex: 'pack',
           width: 100,
-          scopedSlots: { customRender: 'status-pack' }
+          scopedSlots: {customRender: 'status-pack'}
         },
         {
           title: '需要发票',
           align: 'center',
           dataIndex: 'needInvoice',
           width: 100,
-          scopedSlots: { customRender: 'status-pack' }
+          scopedSlots: {customRender: 'status-pack'}
         },
         {
           title: '到账',
           align: 'center',
           width: 100,
           dataIndex: 'inAccount',
-          scopedSlots: { customRender: 'status' }
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '开票',
           align: 'center',
           width: 100,
           dataIndex: 'makeInvoice',
-          scopedSlots: { customRender: 'status' }
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '邮寄',
           align: 'center',
           width: 100,
           dataIndex: 'mail',
-          scopedSlots: { customRender: 'status' }
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '对接人',
@@ -381,7 +387,7 @@ export default {
           align: 'center',
           fixed: 'right',
           width: 300,
-          scopedSlots: { customRender: 'action' }
+          scopedSlots: {customRender: 'action'}
         }
       ],
       disableMixinCreated: true,
@@ -417,9 +423,9 @@ export default {
         // 转化会议类型
         this.meetingType = this.generateMeetingType(this.currentMeetingInfo.meetingType)
         // 列表表头只有国际研讨会有对接人字段
-        if(this.currentMeetingInfo.meetingType !== '3'){
+        if (this.currentMeetingInfo.meetingType !== '3') {
-          let index = this.columns.findIndex(item => item.dataIndex === 'dockName' )
+          let index = this.columns.findIndex(item => item.dataIndex === 'dockName')
-          this.columns.splice(index,1)
+          this.columns.splice(index, 1)
         }
         // 计算会议费用 会议费用为0 添加参会人不显示邮寄信息与缴费信息   标协会议
         if (this.currentMeetingInfo.meetingType === '2' && this.currentMeetingInfo.meetingCostsVip) {
@@ -481,14 +487,14 @@ export default {
     *  审核
     * */
     handleAudit(record) {
-      this.$refs.auditModal.open(record,false)
+      this.$refs.auditModal.open(record, false)
     },
     /*
     * 审核报名信息
     * */
-    handleAuditSignUp(record){
+    handleAuditSignUp(record) {
-      this.$refs.auditModal.title='审核报名信息'
+      this.$refs.auditModal.title = '审核报名信息'
-      this.$refs.auditModal.open(record,true)
+      this.$refs.auditModal.open(record, true)
     },
     /*
     * 导入参会人
@@ -506,7 +512,7 @@ export default {
         query: {
           meetingType: this.currentMeetingInfo.meetingType,
           meetingId: this.$route.query.id,
-          costBool:this.meetingCostBool
+          costBool: this.meetingCostBool
         }
       })
     },
@@ -520,7 +526,7 @@ export default {
           id: record.id,
           meetingId: this.$route.query.id,
           meetingType: this.currentMeetingInfo.meetingType,
-          costBool:this.meetingCostBool
+          costBool: this.meetingCostBool
         }
       })
     },
@@ -623,10 +629,10 @@ export default {
     /*
     * 去报名详情
     * */
-    toSignUpDetail(record){
+    toSignUpDetail(record) {
       this.$router.push({
-        path:'/incomePayments/meetManage/SignUpInfoDetail',
+        path: '/incomePayments/meetManage/SignUpInfoDetail',
-        query:{id:record.id, meetingType: this.currentMeetingInfo.meetingType,}
+        query: {id: record.id, meetingType: this.currentMeetingInfo.meetingType,}
       })
     },
     /*