From 4e725a04dbe02d7c631a82da0526c5ef5defa15c Mon Sep 17 00:00:00 2001
From: ChenZeping <chenzeping123>
Date: 星期二, 27 四月 2021 11:19:49 +0800
Subject: [PATCH] 弹框废水固废问题修改
---
src/components/BaseNav/WasteSolid/PublicTable.vue | 93 ++++++++++++++++++++++------------------------
1 files changed, 44 insertions(+), 49 deletions(-)
diff --git a/src/components/BaseNav/WasteSolid/PublicTable.vue b/src/components/BaseNav/WasteSolid/PublicTable.vue
index f1c70fb..a293589 100644
--- a/src/components/BaseNav/WasteSolid/PublicTable.vue
+++ b/src/components/BaseNav/WasteSolid/PublicTable.vue
@@ -1,19 +1,11 @@
<template>
- <!-- <div class="react">-->
- <!-- <div class="main-table">-->
- <!-- <el-table :data="listData" style="width: 100%" height="255px" :row-class-name="tableRowClassName">-->
- <!-- <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"-->
- <!-- :label="item.label" :show-overflow-tooltip="true"></el-table-column>-->
- <!-- </el-table>-->
- <!-- </div>-->
- <!-- </div>-->
<div class="slotChildTable">
<span></span>
<span></span>
<span></span>
<span></span>
<div class="main-table">
- <el-table :data="listData" style="width: 100%" height="325px" :row-class-name="tableRowClassName">
+ <el-table :data="listData" style="width: 100%" height="200px" :row-class-name="tableRowClassName">
<el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"
:label="item.label" :show-overflow-tooltip="true"></el-table-column>
</el-table>
@@ -22,6 +14,8 @@
</template>
<script>
+import mapApi from '@/api/mapApi'
+
export default {
name: 'PublicTable',
props: ['displayContentTable'],
@@ -60,12 +54,21 @@
]
}
},
- mounted () {
- this.$nextTick(() => {
- this.listData.push(this.displayContentTable[0], {}, {}, {}, {}, {}, {})
- })
- },
+ // mounted () {
+ // this.$nextTick(() => {
+ //
+ // })
+ // },
methods: {
+ async refsDataTable (data) {
+ const StoragePlaceId = {
+ StoragePlaceId: data
+ }
+ const result = await mapApi.getSolidWasteDetail(StoragePlaceId)
+ this.listData = result.Result.DataInfo[0]
+ this.listData.push({}, {}, {}, {}, {})
+ // console.log(this.listData)
+ },
// 闅旇棰滆壊璁剧疆
tableRowClassName ({
row,
@@ -83,25 +86,20 @@
</script>
<style lang="less" scoped>
-//.react {
-// position: relative;
-// background: rgba(33, 41, 69, 0.9);
-// background: linear-gradient(to left, #02a6b5, #02a6b5) left top no-repeat,
-// linear-gradient(to bottom, #02a6b5, #02a6b5) left top no-repeat,
-// linear-gradient(to left, #02a6b5, #02a6b5) right top no-repeat,
-// linear-gradient(to bottom, #02a6b5, #02a6b5) right top no-repeat,
-// linear-gradient(to left, #02a6b5, #02a6b5) left bottom no-repeat,
-// linear-gradient(to bottom, #02a6b5, #02a6b5) left bottom no-repeat,
-// linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat,
-// linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat;
-// background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
-//
-// .main-table {
-// //border: 1px red solid;
-// }
-//}
+
+/deep/ .el-table thead tr {
+ color: #02a6b5 !important;
+ //.el-table .has-gutter tr th .cell {
+ // //color: #fff; 435
+ //}
+}
+
/deep/ .el-table td {
border-bottom: none !important;
+}
+
+/deep/ .el-table .has-gutter tr th {
+ border: none;
}
/deep/ .el-table th.is-leaf {
@@ -109,8 +107,8 @@
}
/deep/ .el-table td {
- height: 45px !important;
- line-height: 45px !important;
+ height: 30px !important;
+ line-height: 30px !important;
}
/deep/ .el-table tbody tr:hover > td {
@@ -120,46 +118,43 @@
.slotChildTable {
position: relative;
background: rgba(33, 41, 69, 0.9);
- //border: 1px solid red;
+
+ .main-table {
+ border: 1px #396d83 solid;
+ }
+}
+
+.slotChildTable span {
+ padding: 6px;
+ border-style: solid;
+ border-color: #02a6b5;
}
.slotChildTable span:nth-child(1) {
position: absolute;
left: -1px;
top: -1px;
- padding: 10px;
- border-style: solid;
- border-color: #02a6b5;
border-width: 1px 0 0 1px;
}
-.main span:nth-child(2) {
+.slotChildTable span:nth-child(2) {
position: absolute;
right: -1px;
top: -1px;
- padding: 10px;
- border-style: solid;
- border-color: #02a6b5;
border-width: 1px 1px 0 0;
}
-.main span:nth-child(3) {
+.slotChildTable span:nth-child(3) {
position: absolute;
right: -1px;
bottom: -1px;
- padding: 10px;
- border-style: solid;
- border-color: #02a6b5;
border-width: 0 1px 1px 0;
}
-.main span:nth-child(4) {
+.slotChildTable span:nth-child(4) {
position: absolute;
left: -1px;
bottom: -1px;
- padding: 10px;
- border-style: solid;
- border-color: #02a6b5;
border-width: 0 0 1px 1px;
}
--
Gitblit v1.8.0