syy

src/views/forest.vue

@@ -83,22 +83,17 @@
         <div class="forthis">
           <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)"   style="padding-bottom: 1rem;">
             <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
-            <div class="i-list-con h-27" style="padding-left: 1rem;">
-              <el-collapse accordion>
-                <el-collapse-item v-for="(item,index) in forestFarm" :key="index">
-                  <!-- deptId -->
-                  <template slot="title">
-                    <div class="d-l-con sj-collapse" :class="{on:listCurrentIndex1==item.deptId}"
-                         v-on:click="selectCameraByDeptId(item.deptId)">
-                      <div class="d-l-l-text">
-                        <h4 class="collapse-title">{{ item.deptName }}</h4>
-                      </div>
-                      <div class="d-l-l-count">{{ item.eventCount }}</div>
-                    </div>
-                  </template>
-                </el-collapse-item>
-              </el-collapse>
+            <div class="i-list-con h-27">
+              <div class="d-l-con "  v-for="(item,index) in forestFarm" :key="index" :class="{on:listCurrentIndex1==item.deptId}"
+                   v-on:click="selectCameraByDeptId(item.deptId)">
+                <div class="d-l-l-text">
+                  <i class="i-small"></i>
+                  <h4 >{{ item.deptName }}</h4>
+                </div>
+                <div class="d-l-l-count">{{ item.eventCount }}</div>
+              </div>
             </div>
+
           </dv-border-box-13>
         </div>
       </div>
@@ -1325,3 +1320,96 @@
     }
   }
 </style>
+<style lang="scss">
+  @import '@/assets/styles/base.scss';
+
+  .bottomRight{
+    .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
+      background-color: $searchBG;
+
+    }
+    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
+      border-bottom: 1px $tableBorder;
+    }
+    .el-table--border, .el-table--border::after {
+      border: 1px $tableBorder;
+      background-color: $searchBG
+    }
+
+    .el-table--border {
+      .el-table--group {
+        border: 1px $tableBorder;
+      }
+
+      .el-table__cell {
+        border-right: 1px $tableBorder;;
+      }
+
+    }
+
+    .el-table::before {
+      background: $searchBG;
+    }
+
+    .el-table {
+      background: $searchBG;
+      color: $inBlue;
+
+      thead {
+      }
+
+      tr {
+        background: $searchBG;
+      }
+
+      td {
+        text-align: center;
+      }
+
+      .el-table__header-wrapper {
+        th {
+          color: $inBlue;
+          font-size: .8rem;
+        }
+      }
+
+      thead.is-group {
+        .el-table__cell {
+          text-align: center;
+          background: $searchBG;
+          border-bottom: 1px $tableBorder;
+          border-right: 1px $tableBorder;
+          padding: 0;
+          font-weight: normal;
+        }
+      }
+    }
+
+    .el-table__empty-block {
+      min-height: auto;
+    }
+
+    .el-table__empty-text {
+      line-height: 30px;
+    }
+
+    .el-table__header {
+      width: auto !important
+    }
+
+    .el-table__empty-block {
+      width: auto !important
+    }
+
+    .el-table__body-wrapper {
+      .el-table__body {
+        width: auto !important
+      }
+    }
+
+    .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+      background-color: #0f3655;
+    }
+  }
+
+</style>