From d35bd1a0d9190438f31c8e6639b435070dae7364 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期日, 18 四月 2021 22:49:18 +0800
Subject: [PATCH] 弹框内容修改
---
src/components/BaseNav/WasteSolid/PublicTable.vue | 72 +++++++++++++----------------------
1 files changed, 27 insertions(+), 45 deletions(-)
diff --git a/src/components/BaseNav/WasteSolid/PublicTable.vue b/src/components/BaseNav/WasteSolid/PublicTable.vue
index f1c70fb..51b8427 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'],
@@ -62,10 +56,17 @@
},
mounted () {
this.$nextTick(() => {
- this.listData.push(this.displayContentTable[0], {}, {}, {}, {}, {}, {})
+ // this.listData.push(this.listData2, {}, {}, {}, {}, {})
})
},
methods: {
+ async refsDataTable (data) {
+ const StoragePlaceId = {
+ StoragePlaceId: data
+ }
+ const result = await mapApi.getSolidWasteDetail(StoragePlaceId)
+ this.listData = result.Result.DataInfo[0]
+ },
// 闅旇棰滆壊璁剧疆
tableRowClassName ({
row,
@@ -83,23 +84,7 @@
</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 td {
border-bottom: none !important;
}
@@ -109,8 +94,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 +105,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