From cd80929f0ae8882a98cfe3936b2a96bded1c12d8 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期三, 07 四月 2021 18:59:47 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop

---
 src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue |   97 ++++++++++++++++++++++++++++--------------------
 1 files changed, 56 insertions(+), 41 deletions(-)

diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
index 2a6d685..fed1e41 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
@@ -6,21 +6,13 @@
     <div class="border_corner border_corner_left_bottom"></div>
     <div class="border_corner border_corner_right_bottom"></div>
     <div class="main">
-      <el-col class="main-video">
-        <el-table
-            border
-            tooltip-effect="dark"
-            :data="data"
-        >
-          <el-table-column prop="name" label="搴忓彿"></el-table-column>
-          <el-table-column prop="name" label="绫诲埆"></el-table-column>
-          <el-table-column prop="date" label="鍥哄簾鍚嶇О"></el-table-column>
-          <el-table-column prop="address" label="浠g爜"></el-table-column>
-          <el-table-column prop="address" label="浜х敓閲�"></el-table-column>
-          <el-table-column prop="name" label="鍌ㄥ瓨閲�"></el-table-column>
-          <el-table-column prop="date" label="浜х敓瑁呯疆"></el-table-column>
+      <div class="main-table">
+        <el-table :data="listData" style="width: 100%" stripe='stripe'
+                  tooltip-effect="dark" :row-class-name="tableRowClassName">
+          <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"
+                           :label="item.label"></el-table-column>
         </el-table>
-      </el-col>
+      </div>
     </div>
   </div>
 </template>
@@ -28,54 +20,77 @@
 <script>
 export default {
   name: 'PublicTable',
-  props: ['requestSolidWasteData'],
+  props: ['displayContentTable'],
   data () {
     return {
-      data: [{
-        date: '2016-05-03',
-        name: '鐜嬪皬铏�',
-        address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�'
-      }, {
-        date: '2016-05-02',
-        name: '鐜嬪皬铏�',
-        address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�'
-      }]
+      listData: [],
+      listLabel: [
+        {
+          label: '搴忓彿',
+          prop: 'StoragePlaceId'
+        },
+        {
+          label: '绫诲埆',
+          prop: 'StoragePlaceTypeName'
+        },
+        {
+          label: '鍥哄簾鍚嶇О',
+          prop: 'StoragePlaceName'
+        },
+        {
+          label: '浠g爜',
+          prop: 'StorageZDMJ'
+        },
+        {
+          label: '浜х敓閲�(t)',
+          prop: 'StorageZCL'
+        },
+        {
+          label: '璐瓨閲�(t)',
+          prop: 'StorageZCNL'
+        },
+        {
+          label: '浜х敓瑁呯疆',
+          prop: 'StorageType'
+        }
+      ]
     }
   },
   mounted () {
     this.$nextTick(() => {
-      this.getSolidWasteData()
+      this.displayContentTable.forEach(item => {
+        this.listData = item
+      })
     })
   },
   methods: {
-    getSolidWasteData () {
-      // const data = requestSolidWasteData
-      // console.log(data)
+    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);
+  //width: 6rem;
+  height: 1.5rem;
 }
 
 .main {
-  width: 100%;
-  height: 100%;
-
-  .main-video {
-    //border: 1px solid #396d83;
+  .main-table {
     width: 100%;
-    height: 100%;
-
-    video {
-      width: 100%;
-      height: 100%;
-      outline: none;
-    }
   }
 }
 
@@ -85,7 +100,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