tj

src/pages/components/tableList.vue

@@ -2,13 +2,12 @@
   <div class="en-table">
     <el-table
       stripe
-      border
       :data="tableData"
       style="width: 100%"
       :row-class-name="differentStateColor"
       :header-cell-style="{
         background: 'rgba(0, 151, 255, 0.08)',
-        color: '#333333',
+        color: '#333333'
       }"
     >
       <el-table-column align="center" label="序号" width="100">
@@ -26,7 +25,6 @@
           :align="item.align"
           header-align="center"
           align="center"
-
         >
           <template slot-scope="scope">
             <slot :name="item.prop" :scope="scope.row"></slot>
@@ -39,14 +37,19 @@
           :label="item.label"
           :width="item.width"
           :align="item.align"
-           header-align="center"
+          header-align="center"
           align="center"
-
         >
         </el-table-column>
       </template>
 
-      <el-table-column v-if='showOpr' align="center" label="操作" fixed="right" :width="opNum * 80">
+      <el-table-column
+        v-if="showOpr"
+        align="center"
+        label="操作"
+        fixed="right"
+        :width="opNum * 80"
+      >
         <template slot-scope="scope">
           <slot name="operation" :scope="scope.row"></slot>
         </template>
@@ -55,7 +58,7 @@
   </div>
 </template>
 
-<script >
+<script>
 export default {
   name: 'table-list',
   props: {
@@ -76,7 +79,7 @@ export default {
     // 展示每行状态颜色
     showStateColor: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // 人工模式
     currentMode: {
@@ -87,28 +90,28 @@ export default {
   data() {
     return {}
   },
-  methods:{
+  methods: {
     // 不同状态颜色
-    differentStateColor({row, rowIndex}) {
-      if (this.showStateColor == false) return;
+    differentStateColor({ row, rowIndex }) {
+      if (this.showStateColor == false) return
       if (row.modeTypes === null || this.currentMode === null) {
         // 原有
-        return "";
-      } else if (row.modeTypes.includes(1) && this.currentMode == "1" ) {
+        return ''
+      } else if (row.modeTypes.includes(1) && this.currentMode == '1') {
         // 供暖模式
-        return "table-row-mode";
-      } else if (row.modeTypes.includes(2) && this.currentMode == "2") {
+        return 'table-row-mode'
+      } else if (row.modeTypes.includes(2) && this.currentMode == '2') {
         // 机械通风
-        return "table-row-mechanical";
-      } else if (row.modeTypes.includes(3) && this.currentMode == "3") {
+        return 'table-row-mechanical'
+      } else if (row.modeTypes.includes(3) && this.currentMode == '3') {
         // 自然通风
-        return "table-row-natural";
+        return 'table-row-natural'
       }
-    },
+    }
   }
 }
 </script>
-<style  lang="scss">
+<style lang="scss">
 .record-color {
   color: #0097ff;
 }