style:权利信息

@@ -18,11 +18,7 @@
           </tr>
           <!-- 第一行表头 -->
           <tr class="one" id="">
-            <th
-              v-for="(item, index) in ths"
-              :key="index"
-              :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']"
-            >
+            <th v-for="(item, index) in ths" :key="index" :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']">
               <div class="icon" v-if="item.type == '临时'">{{ item.type }}</div>
               {{ item.type }}
             </th>
@@ -39,14 +35,10 @@
             <td>
               {{ item.label }}
             </td>
-            <td
-              v-for="(item1, index1) in showTableData"
-              :key="index1"
-              :class="[
-                item1.qszt == '2' ? 'lishi' : '',
-                item1.qszt == '0' ? 'linshi' : '',
-              ]"
-            >
+            <td v-for="(item1, index1) in showTableData" :key="index1" :class="[
+              item1.qszt == '2' ? 'lishi' : '',
+              item1.qszt == '0' ? 'linshi' : '',
+            ]">
               {{ item1[item.prop] }}
             </td>
           </tr>
@@ -65,7 +57,7 @@ export default {
   props: {
     showType: "",
   },
-  data() {
+  data () {
     return {
       checkList: ["临时", "现势", "历史"],
       tableWidth: 810,
@@ -83,7 +75,7 @@ export default {
   },
   watch: {
     showType: {
-      handler(newVlue) {
+      handler (newVlue) {
         // 清空值
         this.tableData = [];
         this.ths = [];
@@ -98,7 +90,6 @@ export default {
             qllx: "A03",
             qszt: ["1"]
           }).then((res) => {
-            
             if (res.code === 200) {
               detail = res.result;
             }
@@ -143,7 +134,7 @@ export default {
     },
   },
   methods: {
-    checkChange() {
+    checkChange () {
       var checkKey = [];
       this.ths = [];
       this.tableWidth = 810;
@@ -220,6 +211,7 @@ export default {
       line-height: 62px;
       position: relative;
       margin: 1px 0;
+
       .checkbox {
         position: absolute;
         right: 20px;
@@ -236,24 +228,28 @@ export default {
     // .xxTable > tr th:not(:first-child) {
     //   width: 223px;
     // }
-    .xxTable > tr:first-child th {
+    .xxTable>tr:first-child th {
       width: 140px;
     }
 
     .xxTable {
       border-spacing: 1px;
-      tr > th {
+
+      tr>th {
         background: #464c5b;
         color: #fff;
         font-size: 16px;
       }
+
       th.linshi,
       th.xianshi {
         background: #464c5b;
       }
+
       th.lishi {
         background: rgba(70, 76, 91, 0.8);
       }
+
       .one th {
         height: 25px;
         font-size: 14px;
@@ -262,6 +258,7 @@ export default {
       th.linshi {
         color: #fe9400;
       }
+
       .two th {
         height: 45px;
 
@@ -269,9 +266,11 @@ export default {
           font-size: 14px;
         }
       }
+
       .linshiIcon {
         position: relative;
       }
+
       .linshiIcon::after {
         content: "";
         display: block;
@@ -285,6 +284,7 @@ export default {
         right: 3px;
         transform: rotate(-90deg);
       }
+
       .icon {
         position: absolute;
         top: 8px;
@@ -301,16 +301,20 @@ export default {
         padding: 4px;
         font-size: 13px;
       }
-      > tr:nth-child(odd) td {
+
+      >tr:nth-child(odd) td {
         background: #f2f2f2;
       }
-      > tr:nth-child(even) td {
+
+      >tr:nth-child(even) td {
         background: #f9f9f9;
       }
+
       td.linshi {
         color: #fe9400;
       }
-      tr > td.lishi {
+
+      tr>td.lishi {
         color: #7f7f7f;
       }
     }