【update】报名页面-关联会议的调整

src/views/signUp/SignUpEntrance.vue

@@ -99,9 +99,12 @@
           <a-row :gutter="24" v-if="isWasic">
             <a-col :span="24" class="flex-col">
               <label style="flex-shrink: 0">关联会议：</label>
-              <span>
-                <span class="word-beak block-span" v-for="item in currentMeetingInfo.linkTopics_dictText.split(',')" :key="item">{{item}}</span>
-              </span>
+              <div>
+                <div class="word-beak block-span" v-for="item in wasicLinkTopics" :key="item.name">
+                  <div class="topic-title">{{ item.name }}</div>
+                  <div v-for="innerItem in item.children" :key="'a_checked_'+ innerItem.value">{{ innerItem.text }}</div>
+                </div>
+              </div>
             </a-col>
           </a-row>
           <a-row :gutter="24">
@@ -137,6 +140,7 @@
 import PreviewFile from '@comp/jero/PreviewFile'
 import {createQcCode} from '@api/incomePaymentsApi'
 import {getMeetInfoById} from '@api/incomePaymentsApi'
+import WasicTopicData from "../MessagePage/modules/wasicStaticData";
 
 export default {
   name: 'SignUpEntrance',
@@ -163,7 +167,9 @@ export default {
       // url是否有id参数
       urlHaveIdBool:false,
       // 是否为国际研讨会 WASIC会议
-      isWasic: false
+      isWasic: false,
+      // 关联会议展示的字段
+      wasicLinkTopics: [],
     }
   },
   created() {
@@ -187,6 +193,40 @@ export default {
     },
   },
   methods: {
+    // 处理国际研讨会-WASIC-已经选择的数据如何展示
+    handleWasicLinkTopics(currentMeetingInfo) {
+      if(currentMeetingInfo.linkTopics && currentMeetingInfo.linkTopics_dictText) {
+        let topicArr = currentMeetingInfo.linkTopics.split(',')
+        let topicTextArr = currentMeetingInfo.linkTopics_dictText.split(',')
+        let opeArr = JSON.parse(JSON.stringify(WasicTopicData))
+        let resultArr = []
+        opeArr.map(tt => {
+          // 先查询子集中
+          tt.allChildren = [...tt.children, ...(tt.radioChildren || [])]
+          let ele = tt.allChildren.find(item => topicArr.includes(item.value))
+          if(ele) {
+            let dateItem = {
+              name: tt.name,
+              date: tt.date,
+              children: []
+            }
+
+            tt.allChildren.map(innerItem => {
+              let index = topicArr.findIndex(a => a === innerItem.value)
+              if(index > -1) {
+                dateItem.children.push({
+                  'value': innerItem.value,
+                  'text': topicTextArr[index],
+                  'title': topicTextArr[index]
+                })
+              }
+            })
+            resultArr.push(dateItem)
+          }
+        })
+        return resultArr
+      }
+    },
     /*
      * 生成二维码
      * */
@@ -239,6 +279,9 @@ export default {
             // 国际研讨会 且为WASIC 会议
             this.meetingMoney = `114/22焦点论坛+国际发展论坛+ 2个及以上专题研讨(${this.currentMeetingInfo.meetingCostsThreeTopic}/人)；
             114/22焦点论坛+国际发展论坛+ 1个及以下专题研讨(${this.currentMeetingInfo.meetingCostsTwoTopic}/人)`
+            //  处理WASIC关联会议字段的展示信息
+            this.wasicLinkTopics = this.handleWasicLinkTopics(this.currentMeetingInfo)
+
           } else {
             this.meetingMoney = ` ${this.currentMeetingInfo.meetingCosts}/人`
           }