From 5e3dad0ae62f237e515d0619cef479e05d836bc8 Mon Sep 17 00:00:00 2001
From: zhangshuaibao <15731629597@163.com>
Date: 星期三, 07 四月 2021 11:01:20 +0800
Subject: [PATCH] 修改废水点信息

---
 src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue |   66 ++++++++++++++++++---------------
 1 files changed, 36 insertions(+), 30 deletions(-)

diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
index f2c0f64..4e750c7 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
@@ -6,20 +6,22 @@
     <div class="border_corner border_corner_left_bottom"></div>
     <div class="border_corner border_corner_right_bottom"></div>
     <div class="main">
-      <div class="main-video">
-<!--        <el-table-->
-<!--            tooltip-effect="dark"-->
-<!--            :data="displayContentTable2"-->
-<!--        >-->
-<!--          <el-table-column prop="StoragePlaceId" label="搴忓彿"></el-table-column>-->
-<!--          <el-table-column prop="StoragePlaceTypeName" label="绫诲埆"></el-table-column>-->
-<!--          <el-table-column prop="StoragePlaceName" label="鍥哄簾鍚嶇О"></el-table-column>-->
-<!--          <el-table-column prop="StorageZDMJ" label="浠g爜"></el-table-column>-->
-<!--          <el-table-column prop="StorageZCNL" label="浜х敓閲�"></el-table-column>-->
-<!--          <el-table-column prop="StorageZCL" label="鍌ㄥ瓨閲�"></el-table-column>-->
-<!--          <el-table-column prop="StorageType" label="浜х敓瑁呯疆"></el-table-column>-->
-<!--        </el-table>-->
-        <span>{{ displayContentTable3.StoragePlaceTypeName }}</span>
+      <div class="main-table">
+        <el-table
+            stripe='stripe'
+            :height="300"
+            tooltip-effect="dark"
+            :data="displayContentTableData"
+            :row-class-name="tableRowClassName"
+        >
+          <el-table-column prop="StoragePlaceId" label="搴忓彿"></el-table-column>
+          <el-table-column prop="StoragePlaceTypeName" label="绫诲埆"></el-table-column>
+          <el-table-column prop="StoragePlaceName" label="鍥哄簾鍚嶇О"></el-table-column>
+          <el-table-column prop="StorageZDMJ" label="浠g爜"></el-table-column>
+          <el-table-column prop="StorageZCNL" label="浜х敓閲�(t)"></el-table-column>
+          <el-table-column prop="StorageZCL" label="鍌ㄥ瓨閲�(t)"></el-table-column>
+          <el-table-column prop="StorageType" label="浜х敓瑁呯疆"></el-table-column>
+        </el-table>
       </div>
     </div>
   </div>
@@ -31,44 +33,48 @@
   props: ['displayContentTable'],
   data () {
     return {
-      displayContentTable2: [
-        {
-          CompanyName: '涓煩鐭冲寲',
-          StoragePlaceId: 3,
-          StoragePlaceName: '鐏版福鍦�',
-          StoragePlaceTypeName: '涓�鑸浐搴熷~鍩嬪満',
-          StorageType: '绮夌叅鐏般�佺伆娓�',
-          StorageZCL: '38',
-          StorageZCNL: '40.7',
-          StorageZDMJ: '10.60798'
-        }
-      ],
-      displayContentTable3: []
+      displayContentTableData: []
     }
   },
   mounted () {
     this.$nextTick(() => {
       this.displayContentTable.forEach(item => {
-        this.displayContentTable3 = item
+        this.displayContentTableData = item
       })
     })
+  },
+  methods: {
+    tableRowClassName ({
+      row,
+      rowIndex
+    }) {
+      if (rowIndex % 2 === 0) {
+        return 'warning-row'
+      } else if (rowIndex % 2 === 1) {
+        return 'success-row'
+      }
+      return ''
+    }
   }
 }
 </script>
 
 <style lang="less" scoped>
+
 .win {
   position: relative;
   background-color: rgba(33, 41, 69, 0.9);
+  min-height: 300px;
 }
 
 .main {
   width: 100%;
   height: 100%;
 
-  .main-video {
+  .main-table {
     width: 100%;
     min-height: 195px;
+    //border: 1px @color solid;
 
     video {
       width: 100%;
@@ -84,7 +90,7 @@
   width: 14px;
   height: 14px;
   background: rgba(0, 0, 0, 0);
-  border: 1.5px solid #47d5ea;
+  border: 1px solid #47d5ea;
 }
 
 .border_corner_left_top {

--
Gitblit v1.8.0