From bdce5b978229a100b7d7a01acbdeefbd9e2b0902 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期二, 27 四月 2021 09:27:06 +0800 Subject: [PATCH] 图层控制面板加宽。 --- src/components/BaseNav/WasteSolid/PublicTable.vue | 47 +++++++++++++++++++++++++++-------------------- 1 files changed, 27 insertions(+), 20 deletions(-) diff --git a/src/components/BaseNav/WasteSolid/PublicTable.vue b/src/components/BaseNav/WasteSolid/PublicTable.vue index ca2ccf9..4df793c 100644 --- a/src/components/BaseNav/WasteSolid/PublicTable.vue +++ b/src/components/BaseNav/WasteSolid/PublicTable.vue @@ -5,7 +5,7 @@ <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> @@ -14,6 +14,8 @@ </template> <script> +import mapApi from '@/api/mapApi' + export default { name: 'PublicTable', props: ['displayContentTable'], @@ -54,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, @@ -75,12 +84,13 @@ </script> <style lang="less" scoped> -.main-table { - border: 1px #02a6b5 solid; -} /deep/ .el-table td { border-bottom: none !important; +} + +/deep/ .el-table .has-gutter tr th { + border: none; } /deep/ .el-table th.is-leaf { @@ -88,8 +98,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 { @@ -99,16 +109,22 @@ .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; } @@ -116,9 +132,6 @@ position: absolute; right: -1px; top: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; border-width: 1px 1px 0 0; } @@ -126,9 +139,6 @@ position: absolute; right: -1px; bottom: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; border-width: 0 1px 1px 0; } @@ -136,9 +146,6 @@ position: absolute; left: -1px; bottom: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; border-width: 0 0 1px 1px; } -- Gitblit v1.8.0