Browse Source

模型质量报告

yangjunjing 5 years ago
parent
commit
61f9210aca
2 changed files with 32 additions and 13 deletions
  1. 1 1
      src/views/ledger/report/index.vue
  2. 31 12
      src/views/model/report/index.vue

+ 1 - 1
src/views/ledger/report/index.vue

@@ -56,7 +56,7 @@
       </div>
       <div class="data business-space" v-if="zoneSpaceCount">
         <span class="contain-title">业务空间<i>{{`(${zoneSpaceCount?zoneSpaceCount:'0'})`}}</i></span>
-        <div class="data-show" v-if="business&&business.length">
+        <div class="data-show" v-if="business.length">
           <div v-for="(item,index) in business" :key="index" class="show-content">
             <datafan :id="'datafan' + index" :renderData="item"></datafan>
           </div>

+ 31 - 12
src/views/model/report/index.vue

@@ -32,7 +32,8 @@
           </el-button>
         </div>
         <div class="table" :style="tableList&&tableList.length?'width: 100%;height: calc(100% - 47px)':'width: 100%;height: calc(100% - 10px)'">
-          <el-table ref="multipleTable" :data="tableData" stripe height="100%" :header-cell-style="headerStyle" v-loading='loading'>
+          <el-table ref="multipleTable" :data="tableData" stripe height="100%" :header-cell-style="headerStyle" v-loading='loading'
+            :row-class-name="tableRowClassName">
             <el-table-column prop="FloorName" label="模型楼层" fixed width="150"></el-table-column>
             <el-table-column prop="functionNo" label="待删除设备数量" fixed width="150">
               <template slot-scope="scope">
@@ -56,56 +57,56 @@
               <template slot-scope="scope">
                 <el-badge :value="scope.row.ElementRangeCheck" class="item" type='danger' v-if="scope.row.ElementRangeCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.ElementRangeCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.ElementRangeCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="FamilyNameCheck" label='设备族编码检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.FamilyNameCheck" class="item" type='danger' v-if="scope.row.FamilyNameCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.FamilyNameCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.FamilyNameCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="EquipPartLocationCheck" label='部件所在位置检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.EquipPartLocationCheck" class="item" type='danger' v-if="scope.row.EquipPartLocationCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.EquipPartLocationCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.EquipPartLocationCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="ColumnCheck" label='柱边界检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.ColumnCheck" class="item" type='danger' v-if="scope.row.ColumnCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.ColumnCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.ColumnCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="ConnectorCheck" label='连接件检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.ConnectorCheck" class="item" type='danger' v-if="scope.row.ConnectorCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.ConnectorCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.ConnectorCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="SystemNameCheck" label='系统类型名称检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.SystemNameCheck" class="item" type='danger' v-if="scope.row.SystemNameCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.SystemNameCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.SystemNameCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="EquipInSpaceCheck" label='未在空间中的设备' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.EquipInSpaceCheck" class="item" type='danger' v-if="scope.row.EquipInSpaceCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.EquipInSpaceCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.EquipInSpaceCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="PipeCheck" label='管段检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.PipeCheck" class="item" type='danger' v-if="scope.row.PipeCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.PipeCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.PipeCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="SystemReferEquipCheck" label='管网及相关设备检查' width="200">
@@ -113,21 +114,21 @@
                 <el-badge :value="scope.row.SystemReferEquipCheck" class="item" :type='scope.row.SystemReferEquipCheck?"danger":"success"'
                   v-if="scope.row.SystemReferEquipCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.SystemReferEquipCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.SystemReferEquipCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="ParameterIntegrityCheck" label='Revit族参数完整性检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.ParameterIntegrityCheck" class="item" type='danger' v-if="scope.row.ParameterIntegrityCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.ParameterIntegrityCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.ParameterIntegrityCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="XyzOverlapCheck" label='xyz坐标重叠检查' width="200">
               <template slot-scope="scope">
                 <el-badge :value="scope.row.XyzOverlapCheck" class="item" type='danger' v-if="scope.row.XyzOverlapCheck">
                 </el-badge>
-                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="!scope.row.XyzOverlapCheck"></i>
+                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.XyzOverlapCheck<=0"></i>
               </template>
             </el-table-column>
             <template slot="empty">
@@ -280,12 +281,17 @@ export default {
     },
     getToBeCount() {// 根据模型ID获取待删除数量和待补充数量
       let equipComDelList = [];
+      // this.LostFloorName.push({
+      //   FloorName: 'B1',
+      //   Note: '缺失'
+      // })
       this.LostFloorName.forEach(item => {
         if (item.CurrentModelId) {
           equipComDelList.push({
             ModelId: item.CurrentModelId
           });
         } else {
+          item.flag = 'lost';
           item.FloorName = `${item.Note + item.FloorName}`
         }
       })
@@ -334,6 +340,7 @@ export default {
         } else {
           this.tableData = [];
         }
+        this.page.total = this.tableData.length;
         this.loading = false;
       })
     },
@@ -393,6 +400,11 @@ export default {
         }
       })
     },
+    tableRowClassName({ row, rowIndex }) {// 设置缺失楼层所在行的背景色
+      if (row.flag && row.flag === 'lost') {
+        return 'warning-row';
+      }
+    },
     handleSizeChange(val) {// 切换每页显示数量
       this.page.pageSize = val;
       this.getModelFloor();
@@ -461,4 +473,11 @@ export default {
 .error-color {
   color: #f56c6c;
 }
+</style>
+<style lang="less">
+.el-table__row.warning-row {
+  td {
+    background: #e9e9e9 !important;
+  }
+}
 </style>