修复显示问题

src/assets/scss/people-info.scss

@@ -8,11 +8,20 @@
 
     .wrap {
         position: relative;
-        margin: 120px auto;
+        margin: 5vh auto;
-        padding: 20px;
+        height: 90vh;
-        width: 1000px;
+        width: 1040px;
         background-color: #fff;
 
+        .wrap2 {
+            box-sizing: border-box;
+            padding: 20px;
+            height: 90vh;
+            width: 1040px;
+            overflow-y: auto;
+            overflow-x: hidden;
+        }
+
         .title {
             padding: 10px;
             font-size: 22px;
@@ -33,6 +42,7 @@
 
         .btn-close {
             position: absolute;
+            z-index: 2;
             top: -30px;
             right: -30px;
             cursor: pointer;

src/views/modules/shequ/cpts/fangwu-info.vue

@@ -202,6 +202,8 @@ export default {
 }
 .form {
   margin-top: 30px;
+  height: 60vh;
+  overflow-y: auto;
 }
 </style>
 <style>

src/views/modules/shequ/cpts/people-more.vue

@@ -1,109 +1,142 @@
 <template>
   <div class="m-pop">
     <div class="wrap">
-      <div class="title">
-        <span>更多信息</span>
-      </div>
-
       <div class="btn-close" @click="handleClose">
         <img src="@/assets/img/shuju/people/close.png" />
       </div>
-
+      <div class="wrap2">
-      <div
+        <div class="title">
-        :key="'fieldSubList' + index"
+          <span>更多信息</span>
-        v-for="(fieldSubList, index) in fieldList"
-      >
-        <div class="list">
-          <div class="item" v-if="index == 0">
-            <span class="item-field">所属网格：</span>
-            <span>{{ gridName }}</span>
-          </div>
-          <div class="item" v-if="index == 0">
-            <span class="item-field">所属小区：</span>
-            <span>{{ xiaoquName }}</span>
-          </div>
-          <div class="item" v-if="index == 0">
-            <span class="item-field">所属楼宇：</span>
-            <span>{{ louName }}-{{ danyuanName }}</span>
-          </div>
-          <div class="item" v-if="index == 0">
-            <span class="item-field">所属家庭：</span>
-            <span>{{ homeName }}</span>
-          </div>
-          <div class="item" :key="field.itemId" v-for="field in fieldSubList">
-            <span class="item-field">{{ field.label }}：</span>
-
-            <span
-              v-if="
-                field.itemType == 'select' ||
-                field.itemType == 'radio' ||
-                field.itemType == 'checkbox' ||
-                field.itemType == 'cascader'
-              "
-              >{{
-                info[field.columnName] == null
-                  ? "--"
-                  : getOptionLabel(
-                      field.options,
-                      info[field.columnName],
-                      field.itemType
-                    )
-              }}</span
-            >
-
-            <span v-else>{{
-              info[field.columnName] == null ? "--" : info[field.columnName]
-            }}</span>
-          </div>
         </div>
 
-        <div class="line"></div>
-      </div>
-
-      <div class="tabs">
         <div
-          class="tab-btn"
+          :key="'fieldSubList' + index"
-          @click="subStartGroupIndex"
+          v-for="(fieldSubList, index) in fieldList"
-          v-if="groupList.length > 9"
         >
-          <img src="@/assets/img/shuju/people/arrow-double-left.png" />
+          <div class="list">
-        </div>
+            <div class="item" v-if="index == 0">
-        <div
+              <span class="item-field">所属网格：</span>
-          v-show="index >= startGroupIndex && index < startGroupIndex + 9"
+              <span>{{ gridName }}</span>
-          class="tab"
+            </div>
-          :class="groupIndex % groupList.length == index ? 'z-on' : ''"
+            <div class="item" v-if="index == 0">
-          :key="'tab' + index"
+              <span class="item-field">所属小区：</span>
-          @click="groupIndex = index"
+              <span>{{ xiaoquName }}</span>
-          v-for="(item, index) in groupList"
+            </div>
-        >
+            <div class="item" v-if="index == 0">
-          {{ item.label }}
+              <span class="item-field">所属楼宇：</span>
+              <span>{{ louName }}-{{ danyuanName }}</span>
+            </div>
+            <div class="item" v-if="index == 0">
+              <span class="item-field">所属家庭：</span>
+              <span>{{ homeName }}</span>
+            </div>
+            <div class="item" :key="field.itemId" v-for="field in fieldSubList">
+              <span class="item-field">{{ field.label }}：</span>
+
+              <span
+                v-if="
+                  field.itemType == 'select' ||
+                  field.itemType == 'radio' ||
+                  field.itemType == 'checkbox' ||
+                  field.itemType == 'cascader'
+                "
+                >{{
+                  info[field.columnName] == null
+                    ? "--"
+                    : getOptionLabel(
+                        field.options,
+                        info[field.columnName],
+                        field.itemType
+                      )
+                }}</span
+              >
+
+              <span v-else>{{
+                info[field.columnName] == null ? "--" : info[field.columnName]
+              }}</span>
+            </div>
+          </div>
+
+          <div class="line"></div>
         </div>
-        <div
+
-          class="tab-btn"
+        <div class="tabs">
-          @click="addStartGroupIndex"
+          <div
-          v-if="groupList.length > 9"
+            class="tab-btn"
-        >
+            @click="subStartGroupIndex"
-          <img src="@/assets/img/shuju/people/arrow-double-right.png" />
+            v-if="groupList.length > 9"
+          >
+            <img src="@/assets/img/shuju/people/arrow-double-left.png" />
+          </div>
+          <div
+            v-show="index >= startGroupIndex && index < startGroupIndex + 9"
+            class="tab"
+            :class="groupIndex % groupList.length == index ? 'z-on' : ''"
+            :key="'tab' + index"
+            @click="groupIndex = index"
+            v-for="(item, index) in groupList"
+          >
+            {{ item.label }}
+          </div>
+          <div
+            class="tab-btn"
+            @click="addStartGroupIndex"
+            v-if="groupList.length > 9"
+          >
+            <img src="@/assets/img/shuju/people/arrow-double-right.png" />
+          </div>
         </div>
-      </div>
 
-      <div
-        :key="'group' + index"
-        v-show="groupIndex % groupList.length == index"
-        v-for="(group, index) in groupList"
-      >
         <div
-          v-if="
+          :key="'group' + index"
-            group.tableName == 'ic_resi_demand' &&
+          v-show="groupIndex % groupList.length == index"
-            Array.isArray(allInfo.ic_resi_demand) &&
+          v-for="(group, index) in groupList"
-            allInfo.ic_resi_demand.length > 0
-          "
         >
           <div
-            class="list"
+            v-if="
-            :key="'ic_resi_demand' + infoIndex"
+              group.tableName == 'ic_resi_demand' &&
-            v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"
+              Array.isArray(allInfo.ic_resi_demand) &&
+              allInfo.ic_resi_demand.length > 0
+            "
           >
+            <div
+              class="list"
+              :key="'ic_resi_demand' + infoIndex"
+              v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"
+            >
+              <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'
+                  "
+                  >{{
+                    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"
@@ -118,52 +151,24 @@
                   field.itemType == 'cascader'
                 "
                 >{{
-                  infoItem[field.columnName] == null
+                  !allInfo[group.tableName] ||
+                  allInfo[group.tableName][0][field.columnName] == null
                     ? "--"
                     : getOptionLabel(
                         field.options,
-                        infoItem[field.columnName],
+                        allInfo[group.tableName][0][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(
+                  : 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>
       </div>
@@ -499,8 +504,4 @@ export default {
 };
 </script>
 
-<style
+<style lang="scss" src="@/assets/scss/people-info.scss" scoped></style>
-  lang="scss"
-  src="@/assets/scss/people-info.scss"
-  scoped
-></style>

src/views/modules/shequ/cpts/xuqiu-info.vue

@@ -219,6 +219,8 @@ export default {
 }
 .form {
   margin-top: 30px;
+  height: 60vh;
+  overflow-y: auto;
 }
 </style>
 <style>