shaun-sheep 5 tahun lalu
induk
melakukan
f0f7e8e2b2
1 mengubah file dengan 171 tambahan dan 111 penghapusan
  1. 171 111
      src/views/model/report/index.vue

+ 171 - 111
src/views/model/report/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="report-index">
     <div class="statistics">
       <div class="building">
         <p>建筑模型文件夹:<b>{{ModelFileCount}}</b></p>
@@ -64,81 +64,121 @@
             </el-table-column>
             <el-table-column prop="ElementRangeCheck" label='构件范围检查' width="200">
               <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<=0"></i>
-<!--                <i class="msg-icon el-icon-success success-color" style="font-size:20px;" v-if="scope.row.ElementRangeCheck>0"></i>-->
+                <!--                <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-color1" style="font-size:20px;"
+                   v-if="scope.row.ElementRangeCheck<=0"></i>
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.ElementRangeCheck"></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<=0"></i>
+                <!--                <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-color1" style="font-size:20px;"
+                   v-if="scope.row.FamilyNameCheck<=0"></i>
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.FamilyNameCheck"></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<=0"></i>
+                <!--                <el-badge :value="scope.row.EquipPartLocationCheck" class="item" type='danger' v-if="scope.row.EquipPartLocationCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.EquipPartLocationCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.ColumnCheck" class="item" type='danger' v-if="scope.row.ColumnCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.ColumnCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.ConnectorCheck" class="item" type='danger' v-if="scope.row.ConnectorCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.ConnectorCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.SystemNameCheck" class="item" type='danger' v-if="scope.row.SystemNameCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.SystemNameCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.EquipInSpaceCheck" class="item" type='danger' v-if="scope.row.EquipInSpaceCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.EquipInSpaceCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.PipeCheck" class="item" type='danger' v-if="scope.row.PipeCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;" v-if="scope.row.PipeCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" style="font-size:20px;"
+                   v-if="scope.row.PipeCheck<=0"></i>
               </template>
             </el-table-column>
             <el-table-column prop="SystemReferEquipCheck" label='管网及相关设备检查' width="200">
               <template slot-scope="scope">
-                <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<=0"></i>
+                <!--                <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 error-color1" style="font-size:20px;"
+                   v-if="scope.row.SystemReferEquipCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.ParameterIntegrityCheck" class="item" type='danger' v-if="scope.row.ParameterIntegrityCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.ParameterIntegrityCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" 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<=0"></i>
+                <!--                <el-badge :value="scope.row.XyzOverlapCheck" class="item" type='danger' v-if="scope.row.XyzOverlapCheck">-->
+                <!--                </el-badge>-->
+                <i class="msg-icon el-icon-success error-color1" style="font-size:20px;"
+                   v-if="scope.row.XyzOverlapCheck"></i>
+
+                <i class="msg-icon el-icon-success success-color1" style="font-size:20px;"
+                   v-if="scope.row.XyzOverlapCheck<=0"></i>
               </template>
             </el-table-column>
             <template slot="empty">
@@ -175,25 +215,25 @@
         modelFloorCount: null,// 包含楼层模型文件数量
         problemCount: 0,// 检查出问题的楼层模型文件数量
         tableList: [], // tab数据
-      tableData: [],// 列表数据
-      activeTab: '', // tab当前选中项
-      headerStyle: { // 列表样式
-        backgroundColor: '#e1e4e5',
-        color: '#2b2b2b',
-        lineHeight: '30px'
-      },
-      page: {
-        pageSize: 50,
-        pageSizes: [10, 20, 50, 100],
-        pageNumber: 1,
-        total: 0
-      },
-      loading: false,
-      load: false,
-      floorIconType: null,
-      toBeSuppCount: 0,
-      toBeDelCount: 0
-    }
+        tableData: [],// 列表数据
+        activeTab: '', // tab当前选中项
+        headerStyle: { // 列表样式
+          backgroundColor: '#e1e4e5',
+          color: '#2b2b2b',
+          lineHeight: '30px'
+        },
+        page: {
+          pageSize: 50,
+          pageSizes: [10, 20, 50, 100],
+          pageNumber: 1,
+          total: 0
+        },
+        loading: false,
+        load: false,
+        floorIconType: null,
+        toBeSuppCount: 0,
+        toBeDelCount: 0
+      }
   },
   mounted() { },
   created() {
@@ -212,7 +252,6 @@
       if (column.label !== '模型楼层' && column.label !== '待删除设备数量' && column.label !== '待补充设备数量' && column.label !== '有问题的检查项') {
         return {
           background: '#f3f3f3',
-          opacity:0.6,
           lineHeight: '30px'
         }
       }
@@ -453,63 +492,84 @@
 </script>
 
 <style lang="less" scoped>
-.statistics {
-  display: flex;
-  width: 100%;
-  padding: 20px 0;
-  background: white;
-  margin-bottom: 10px;
-  div {
-    flex: 1;
-    text-align: center;
-    p {
-      b {
-        font-size: 20px;
-        margin-left: 20px;
+  .report-index {
+    .statistics {
+      display: flex;
+      width: 100%;
+      padding: 20px 0;
+      background: white;
+      margin-bottom: 10px;
+
+      div {
+        flex: 1;
+        text-align: center;
+
+        p {
+          b {
+            font-size: 20px;
+            margin-left: 20px;
+          }
+        }
       }
     }
-  }
-}
-.main-content {
-  width: 100%;
-  height: calc(100% - 90px);
-  background: white;
-  .content-box {
-    height: calc(100% - 105px);
-    .table {
-      margin-top: 15px;
+
+    .main-content {
+      width: 100%;
+      height: calc(100% - 90px);
+      background: white;
+
+      .content-box {
+        height: calc(100% - 105px);
+
+        .table {
+          margin-top: 15px;
+        }
+      }
     }
+
+    .button {
+      padding-left: 10px;
+
+      button {
+        border: 1px solid #dcdfe6;
+        color: #606266;
+        background: white;
+      }
+    }
+
+    .success-color {
+      color: #67c23a;
+    }
+
+    .error-color {
+      color: #f56c6c;
+    }
+
+    .success-color1 {
+      color: #67c23a60;
+    }
+
+    .error-color1 {
+      color: #f56c6c60;
+    }
+
+    /deep/ .el-table_1_column_4 {
+      border-right: 1px solid #e2e2e2 !important;
+    }
+
+    /deep/ .el-table {
+      .el-table__fixed {
+        height: auto !important;
+        bottom: 17px;
+      }
+    }
+
+    /deep/ .el-table__row.warning-row {
+      td {
+        background: #f9f9f9 !important;
+      }
+    }
+
   }
-}
-.button {
-  padding-left: 10px;
-  button {
-    border: 1px solid #dcdfe6;
-    color: #606266;
-    background: white;
-  }
-}
-.success-color {
-  /*color: #67c23a;*/
-}
-.error-color {
-  /*color: #f56c6c;*/
-}
-/deep/ .el-table_1_column_4 {
-  border-right: 1px solid #e2e2e2 !important;
-}
-/deep/ .el-table {
-  .el-table__fixed {
-    height: auto !important;
-    bottom: 17px;
-  }
-}
-/deep/ .el-table__row.warning-row {
-  td {
-    background: #f9f9f9 !important;
-  }
-}
-  /deep/ .el-badge__content--danger{
-    background: gray;
-  }
+
 </style>