From 693c63dd4ea80db16f97c569df851a0f6fcf7906 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 03 十二月 2022 17:37:50 +0800
Subject: [PATCH] bug修改
---
src/components/MapView/mapMenuPop.vue | 148 +++++++++++++++++++++++++++++++++----------------
1 files changed, 100 insertions(+), 48 deletions(-)
diff --git a/src/components/MapView/mapMenuPop.vue b/src/components/MapView/mapMenuPop.vue
index 4bfd496..7aa4cdd 100644
--- a/src/components/MapView/mapMenuPop.vue
+++ b/src/components/MapView/mapMenuPop.vue
@@ -14,32 +14,39 @@
<div class="rightBox">
<div class="rightTitle">
<span>绠￠亾</span>
- <el-link :underline="false" class="boxClose"
+ <el-link @click="closeMenuBox" :underline="false" class="boxClose"
><i class="el-icon-close"></i>
</el-link>
</div>
- <el-table :data="tableData" height="220">
- <el-table-column align="center" type="index" label="搴忓彿" width="50" />
- <el-table-column label="瀹氫綅" width="100" align="center">
- <template slot-scope="scope">
- <el-button
- icon="el-icon-map-location"
- size="mini"
- @click="spaceLocation(scope.$index, scope.row)"
- ></el-button>
- </template>
- </el-table-column>
- <el-table-column
- v-for="(item, index) in attributeData"
- :key="index"
- :label="item.alias"
- :prop="item.field"
- show-overflow-tooltip
- align="center"
- ></el-table-column>
- </el-table>
- <div class="rightPage">
- <!-- <el-pagination
+ <div class="tableBox">
+ <el-table :data="tableData" style="height: 100%; width: 100%">
+ <el-table-column
+ align="center"
+ type="index"
+ label="搴忓彿"
+ width="50"
+ />
+ <el-table-column label="瀹氫綅" width="100" align="center">
+ <template slot-scope="scope">
+ <el-button
+ icon="el-icon-map-location"
+ size="mini"
+ @click="spaceLocation(scope.$index, scope.row)"
+ ></el-button>
+ </template>
+ </el-table-column>
+ <el-table-column
+ v-for="(item, index) in attributeData"
+ :key="index"
+ :label="item.alias"
+ :prop="item.field"
+ show-overflow-tooltip
+ align="center"
+ ></el-table-column>
+ </el-table>
+ </div>
+ <!-- <div class="rightPage"> -->
+ <!-- <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listPage.pageIndex"
@@ -49,7 +56,7 @@
:total="listPage.pageCount"
>
</el-pagination> -->
- </div>
+ <!-- </div> -->
</div>
</div>
</template>
@@ -201,6 +208,15 @@
}
this.tableData = data.result;
},
+ closeMenuBox() {
+ if (this.imagePoint != null) {
+ sgworld.Creator.DeleteObject(this.imagePoint);
+ this.imagePoint = null;
+ }
+ sgworld.Creator.SimpleGraphic.clear();
+ this.$store.state.mapPopBoolean = false;
+ this.$store.state.mapPopBoxFlag = null;
+ },
},
created() {
this.setTableAll();
@@ -252,6 +268,9 @@
color: white;
width: 100%;
}
+ .tableBox {
+ height: 327px;
+ }
.rightPage {
position: absolute;
bottom: 10px;
@@ -264,31 +283,64 @@
color: white;
}
}
-}
-</style>
-<style lang="less">
-/deep/ .el-table,
-.el-table__expanded-cell {
- background-color: transparent !important;
-}
+ /deep/ .el-table {
+ background-color: transparent;
-/* 琛ㄦ牸鍐呰儗鏅鑹� */
-/deep/ .el-table th,
-.el-table tr,
-.el-table td {
- background-color: transparent !important;
- color: white;
-}
-/*鏈�澶栧眰閫忔槑*/
-/deep/ .el-table,
-/deep/ .el-table__expanded-cell {
- background-color: transparent;
-}
-/* 琛ㄦ牸鍐呰儗鏅鑹� */
-/deep/ .el-table th,
-/deep/ .el-table tr,
-/deep/ .el-table td {
- background-color: transparent;
+ th,
+ td {
+ background-color: transparent;
+ }
+ .el-table__expanded-cell {
+ background-color: transparent !important;
+ }
+
+ // 琛ㄥご鑳屾櫙鑹�
+ th.el-table__cell {
+ background-color: #303030;
+ color: #fff;
+ }
+ tr > td {
+ background-color: #303030;
+ color: #fff;
+ }
+
+ // hover鏁堟灉
+ tr:hover > td {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ }
+
+ tbody tr:hover {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ // text-align: center;
+ }
+
+ // 婊氬姩鏉″楂�
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+ }
+
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 5px;
+ /*婊氬姩鏉″搴�*/
+ height: 5px;
+ /*婊氬姩鏉￠珮搴�*/
+ }
+ /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
+ .el-table__body-wrapper::-webkit-scrollbar-track {
+ box-shadow: 0px 1px 3px #216fe6 inset;
+ /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
+ border-radius: 10px;
+ }
+
+ /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
+ .el-table__body-wrapper::-webkit-scrollbar-thumb {
+ box-shadow: 0px 1px 3px #216fe6 inset;
+ border-radius: 6px;
+ background-color: #216fe6;
+ }
+ }
}
</style>
+<style lang="less"></style>
<style scoped lang="less"></style>
--
Gitblit v1.9.3