ss

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

@@ -90,38 +90,81 @@
         </div>
 
         <div
-          class="list"
           :key="'group' + index"
           v-show="groupIndex % groupList.length == index"
           v-for="(group, index) in groupList"
         >
-          <div class="item" :key="field.itemId" v-for="field in group.itemList">
+          <div v-if="group.tableName == 'ic_resi_demand' && Array.isArray(allInfo.ic_resi_demand) && allInfo.ic_resi_demand.length>0">
-            <span class="item-field">{{ field.label }}：</span>
+            <div
-            <span
+              class="list"
-              v-if="
+              :key="'ic_resi_demand' + infoIndex"
-                field.itemType == 'select' ||
+              v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"
-                field.itemType == 'radio' ||
+            >
-                field.itemType == 'checkbox' ||
+              <div
-                field.itemType == 'cascader'
+                class="item"
-              "
+                :key="field.itemId"
-              >{{
+                v-for="field in group.itemList"
+              >
+                <span class="item-field">{{ field.label }}：</span>
+                <span
+                  v-if="
+                    field.itemType == 'select' ||
+                    field.itemType == 'radio' ||
+                    field.itemType == 'checkbox' ||
+                    field.itemType == 'cascader'
+                  "
+                  >{{
+                    infoItem[field.columnName] == null
+                      ? "--"
+                      : getOptionLabel(
+                          field.options,
+                          infoItem[field.columnName],
+                          field.itemType
+                        )
+                  }}</span
+                >
+
+                <span v-else>{{
+                  infoItem[field.columnName] == null
+                    ? "--"
+                    : infoItem[field.columnName]
+                }}</span>
+              </div>
+            </div>
+          </div>
+          <div class="list" v-else>
+            <div
+              class="item"
+              :key="field.itemId"
+              v-for="field in group.itemList"
+            >
+              <span class="item-field">{{ field.label }}：</span>
+              <span
+                v-if="
+                  field.itemType == 'select' ||
+                  field.itemType == 'radio' ||
+                  field.itemType == 'checkbox' ||
+                  field.itemType == 'cascader'
+                "
+                >{{
+                  !allInfo[group.tableName] ||
+                  allInfo[group.tableName][0][field.columnName] == null
+                    ? "--"
+                    : getOptionLabel(
+                        field.options,
+                        allInfo[group.tableName][0][field.columnName],
+                        field.itemType
+                      )
+                }}</span
+              >
+
+              <span v-else>{{
                 !allInfo[group.tableName] ||
                 allInfo[group.tableName][0][field.columnName] == null
                   ? "--"
-                  : getOptionLabel(
+                  : allInfo[group.tableName][0][field.columnName]
-                      field.options,
+              }}</span>
-                      allInfo[group.tableName][0][field.columnName],
+            </div>
-                      field.itemType
-                    )
-              }}</span
-            >
-
-            <span v-else>{{
-              !allInfo[group.tableName] ||
-              allInfo[group.tableName][0][field.columnName] == null
-                ? "--"
-                : allInfo[group.tableName][0][field.columnName]
-            }}</span>
           </div>
         </div>
       </cpt-card>
@@ -277,32 +320,33 @@ export default {
     getOptionLabel(options, value, type = "") {
       if (Array.isArray(options)) {
         let valueArr = value.split(",");
-        return valueArr
+        if (type == "cascader") {
-          .map((val) => {
+          if (valueArr.length > 0) {
-            if (type != "cascader") {
+            let level1 = options.find((item) => item.value == valueArr[0]);
+            console.log("----------------------- cascader", options);
+            if (level1) {
+              if (valueArr.length > 1 && level1.children) {
+                let level2 = level1.children.find(
+                  (item) => item.value == valueArr[1]
+                );
+                if (level2) {
+                  return level1.label + "-" + level2.label;
+                }
+              }
+              return level1.label;
+            }
+          }
+        } else {
+          return valueArr
+            .map((val) => {
               let item = options.find((item) => item.value == val);
               if (item && item.label) {
                 return item.label;
               }
-            } else {
+              return "--";
-              let idx, subIdx;
+            })
-              options.forEach((item, index) => {
+            .join("、");
-                if (item.children) {
+        }
-                  item.children.forEach((subitem, subIndex) => {
-                    if (subitem.value == val) {
-                      idx = index;
-                      subIdx = subIndex;
-                    }
-                  });
-                }
-              });
-              if (idx && subIdx) {
-                return options[idx].children[subIdx].label;
-              }
-            }
-            return "--";
-          })
-          .join("、");
       }
       return "--";
     },
@@ -377,9 +421,8 @@ 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(
+              this.groupList[index].itemList[subIndex].options =
-                item.optionSourceValue
+                await this.getOptions(item.optionSourceValue);
-              );
             }
           });
         });