统计

src/views/statistics/House.vue

@@ -29,6 +29,11 @@
         <el-table :data="emptyRoomsData" style="width: 100%;" class="stats-table">
           <el-table-column type="index" label="序号" width="60"></el-table-column>
           <el-table-column prop="apartmentName" label="公寓名称" min-width="150"></el-table-column>
+          <el-table-column label="数量" width="80">
+            <template slot-scope="scope">
+              {{ scope.row.emptyRooms ? scope.row.emptyRooms.length : 0 }}
+            </template>
+          </el-table-column>
           <el-table-column label="空房信息" min-width="300">
             <template slot-scope="scope">
               <div v-if="scope.row.emptyRooms && scope.row.emptyRooms.length > 0">
@@ -46,6 +51,11 @@
         <el-table :data="rentedRoomsData" style="width: 100%;" class="stats-table">
           <el-table-column type="index" label="序号" width="60"></el-table-column>
           <el-table-column prop="apartmentName" label="公寓名称" min-width="150"></el-table-column>
+          <el-table-column label="数量" width="80">
+            <template slot-scope="scope">
+              {{ scope.row.rentedRooms ? scope.row.rentedRooms.length : 0 }}
+            </template>
+          </el-table-column>
           <el-table-column label="在租信息" min-width="300">
             <template slot-scope="scope">
               <div v-if="scope.row.rentedRooms && scope.row.rentedRooms.length > 0">
@@ -63,6 +73,11 @@
         <el-table :data="soonExpireRoomsData" style="width: 100%;" class="stats-table">
           <el-table-column type="index" label="序号" width="60"></el-table-column>
           <el-table-column prop="apartmentName" label="公寓名称" min-width="150"></el-table-column>
+          <el-table-column label="数量" width="80">
+            <template slot-scope="scope">
+              {{ scope.row.soonExpireRooms ? scope.row.soonExpireRooms.length : 0 }}
+            </template>
+          </el-table-column>
           <el-table-column label="即将到期信息" min-width="300">
             <template slot-scope="scope">
               <div v-if="scope.row.soonExpireRooms && scope.row.soonExpireRooms.length > 0">
@@ -80,6 +95,11 @@
         <el-table :data="expiredRoomsData" style="width: 100%;" class="stats-table">
           <el-table-column type="index" label="序号" width="60"></el-table-column>
           <el-table-column prop="apartmentName" label="公寓名称" min-width="150"></el-table-column>
+          <el-table-column label="数量" width="80">
+            <template slot-scope="scope">
+              {{ scope.row.expiredRooms ? scope.row.expiredRooms.length : 0 }}
+            </template>
+          </el-table-column>
           <el-table-column label="已到期信息" min-width="300">
             <template slot-scope="scope">
               <div v-if="scope.row.expiredRooms && scope.row.expiredRooms.length > 0">
@@ -99,7 +119,7 @@
             <template slot-scope="scope">
               <div class="expand-content">
                 <div v-for="apartment in scope.row.apartments" :key="apartment.apartmentId" class="apartment-item">
-                  <strong>{{ apartment.apartmentName }}：</strong>
+                  <strong>{{ apartment.apartmentName }}（{{ apartment.rooms ? apartment.rooms.length : 0 }}）：</strong>
                   <span v-if="apartment.rooms && apartment.rooms.length > 0">
                     {{ apartment.rooms.map(room => room.roomNumber).join('，') }}
                   </span>