提交代码

src/views/reportForms/components/projectDetail.vue

@@ -151,9 +151,12 @@
           <span class="card_title">单元/楼栋号:{{ item.buildName }}</span>
         </el-col>
         <el-divider />
-        <div v-for="(roomItem, roomIndex) in item.roomList" :key="roomIndex">
-          <div :class="grtProjectStatusStr(roomItem.projectStatusStr)">{{ roomItem.roomNo }}</div>
-        </div>
+          <div class="buildList" v-loading="loading">
+              <div class="buildList-row" v-for="(roomItem, roomIndex) in item.roomList" :key="roomIndex">
+                  <div :class="grtProjectStatusStr(roomItem.projectStatusStr)">{{ roomItem.roomNo }}</div>
+              </div>
+          </div>
+
       </el-row>
 
     </div>
@@ -178,6 +181,7 @@ export default {
     },
     data() {
         return {
+            loading:false,
             dc_key: ['DECORATION_SITUATION', 'GROUP_NATURE', 'MAPPING_STATUS', 'SALE_STATUS'],
             groupForm: {},
             discForm: {},
@@ -250,11 +254,14 @@ export default {
             const postData = {
                 discId: this.discId
             }
+            this.loading=true
             this.baseRoomRequest('projectHouseVoList', postData).then(res => {
                 if (res.data) {
                     this.houseData = res.data
+                    this.loading=false
                 }
             })
+
         },
         getItemJson: function(item) {
             return item
@@ -283,6 +290,14 @@ export default {
     border: 2px solid black;
     background-color: #ffff80;
 }
+.buildList{
+    display: flex;
+    flex-wrap: nowrap;
+    .buildList-row{
+        margin-right: 20px;
+    }
+
+}
 .status_box{
     height: 40px;
     line-height: 40px;