ss

src/views/modules/visual/basicinfo/cpts/people-more.vue

@@ -54,11 +54,15 @@
         </div>
 
         <div class="tabs">
-          <div class="tab-btn" @click="subStartGroupIndex" v-if="groupList.length>9">
+          <div
+            class="tab-btn"
+            @click="subStartGroupIndex"
+            v-if="groupList.length > 9"
+          >
             <img src="@/assets/img/shuju/people/arrow-double-left.png" />
           </div>
           <div
-            v-show="index >= startGroupIndex && index < startGroupIndex+9"
+            v-show="index >= startGroupIndex && index < startGroupIndex + 9"
             class="tab"
             :class="groupIndex % groupList.length == index ? 'z-on' : ''"
             :key="'tab' + index"
@@ -67,7 +71,11 @@
           >
             {{ item.label }}
           </div>
-          <div class="tab-btn" @click="addStartGroupIndex" v-if="groupList.length>9">
+          <div
+            class="tab-btn"
+            @click="addStartGroupIndex"
+            v-if="groupList.length > 9"
+          >
             <img src="@/assets/img/shuju/people/arrow-double-right.png" />
           </div>
         </div>
@@ -83,14 +91,14 @@
             <span
               v-if="field.itemType == 'select' || field.itemType == 'radio'"
               >{{
-                info[field.columnName] == null
+                !allInfo[group.tableName] || allInfo[group.tableName][0][field.columnName] == null
                   ? "--"
-                  : getOptionLabel(field.options, info[field.columnName])
+                  : getOptionLabel(field.options, allInfo[group.tableName][0][field.columnName])
               }}</span
             >
 
             <span v-else>{{
-              info[field.columnName] == null ? "--" : info[field.columnName]
+              !allInfo[group.tableName] || allInfo[group.tableName][0][field.columnName] == null ? "--" : allInfo[group.tableName][0][field.columnName]
             }}</span>
           </div>
         </div>
@@ -127,6 +135,7 @@ export default {
       groupIndex: 0,
       startGroupIndex: 0,
       info: {},
+      allInfo: {},
 
       xiaoquList: [],
       louList: [],
@@ -235,7 +244,7 @@ export default {
     },
 
     async getApiData() {
-      this.getField();
+      await this.getField();
       await this.getInfo();
       this.getXiaoquList();
       this.getLouList();
@@ -288,16 +297,6 @@ export default {
             }
           });
         });
-
-        this.groupList.forEach((subList, index) => {
-          subList.itemList.forEach(async (item, subIndex) => {
-            if (item.optionSourceType == "remote" && item.optionSourceValue) {
-              this.groupList[index].itemList.options = await this.getOptions(
-                item.optionSourceValue
-              );
-            }
-          });
-        });
       } else {
         this.$message.error(msg);
       }
@@ -314,6 +313,31 @@ export default {
 
       if (code === 0) {
         this.info = data.ic_resi_user[0];
+        this.allInfo = data;
+
+        this.fieldList.forEach((subList, index) => {
+          subList.forEach((item, subIndex) => {
+            if (
+              item.itemType == "radio" &&
+              item.childGroup &&
+              this.allInfo[item.tableName] &&
+              this.allInfo[item.tableName][0][item.columnName] == "1"
+            ) {
+              this.groupList = [...this.groupList, item.childGroup];
+            }
+          });
+        });
+              console.log('1111111111111111111111111',this.groupList);
+
+        this.groupList.forEach((subList, index) => {
+          subList.itemList.forEach(async (item, subIndex) => {
+            if (item.optionSourceType == "remote" && item.optionSourceValue) {
+              this.groupList[index].itemList.options = await this.getOptions(
+                item.optionSourceValue
+              );
+            }
+          });
+        });
       } else {
         this.$message.error(msg);
       }