+
{{ scope.row[key] }}
-
diff --git a/data-room-ui/packages/MapDataManagement/src/index.vue b/data-room-ui/packages/MapDataManagement/src/index.vue
index d7e4a567..e742a8dc 100644
--- a/data-room-ui/packages/MapDataManagement/src/index.vue
+++ b/data-room-ui/packages/MapDataManagement/src/index.vue
@@ -272,19 +272,24 @@ export default {
},
getDataList() {
this.lazyResolveMap.clear()
- this.searchLoading = true
- this.loadingText = '正在加载地图数据...'
- mapList(this.searchForm).then(res => {
- this.mapList = res
- this.searchLoading = false
- }).catch(err => {
- this.searchLoading = false
+ this.$nextTick(() => {
+ this.mapList = []
+ })
+ this.$nextTick(() => {
+ this.searchLoading = true
+ this.loadingText = '正在加载地图数据...'
+ mapList(this.searchForm).then(res => {
+ this.mapList = res
+ this.searchLoading = false
+ }).catch(err => {
+ this.searchLoading = false
+ })
+ // 清除展开状态
+ for (let i = 0; i < this.lazyResolveIds.length; i++) {
+ this.$refs.table.store.states.treeData[this.lazyResolveIds[i]].loaded = false;
+ this.$refs.table.store.states.treeData[this.lazyResolveIds[i]].expanded = false
+ }
})
- // 清除展开状态
- for (let i = 0; i < this.lazyResolveIds.length; i++) {
- this.$refs.table.store.states.treeData[this.lazyResolveIds[i]].loaded = false;
- this.$refs.table.store.states.treeData[this.lazyResolveIds[i]].expanded = false
- }
},
/**
* 新增、删除、修改等操作成功后刷新数据,不改变展开状态
@@ -295,7 +300,6 @@ export default {
if (this.lazyResolveMap.get(parentId)) {
// 刷新父节点
const { data, treeNode, resolve } = this.lazyResolveMap.get(parentId)
- // debugger
this.$set(this.$refs.table.store.states.lazyTreeNodeMap, parentId, [])
this.load(data, treeNode, resolve)
return
@@ -312,6 +316,8 @@ export default {
const { data, treeNode, resolve } = this.lazyResolveMap.get(parentId)
this.$set(this.$refs.table.store.states.lazyTreeNodeMap, parentId, [])
this.load(data, treeNode, resolve)
+ // 展开该父节点
+ this.$refs.table.toggleRowExpansion(parentId, true);
} else {
// 刷新根节点
this.getDataList()
@@ -330,8 +336,20 @@ export default {
this.lazyResolveIds.push(data.id)
mapList({
parentId: data.id
- }).then(res => {
- resolve(res)
+ }).then(childList => {
+ // 解决同一页中同一条数据同时出现,如果懒加载中存在,那么将之前查询出来的数据删除
+ let deleteIdList = []
+ childList.forEach((child) => {
+ this.mapList.forEach((mapInfo) => {
+ if (mapInfo.id === child.id) {
+ deleteIdList.push(mapInfo.id)
+ }
+ })
+ })
+ this.mapList = this.mapList.filter((map) => {
+ return deleteIdList.indexOf(map.id) === -1
+ })
+ resolve(childList)
}).catch(err => {
resolve([])
})
diff --git a/data-room-ui/packages/assets/style/common/index.scss b/data-room-ui/packages/assets/style/common/index.scss
index 51f5cae1..cfdc478b 100644
--- a/data-room-ui/packages/assets/style/common/index.scss
+++ b/data-room-ui/packages/assets/style/common/index.scss
@@ -148,12 +148,12 @@ $--font-path: "~element-ui/lib/theme-chalk/fonts";
/* 滚动条样式设置*/
.el-table__body-wrapper::-webkit-scrollbar {
- width: 12px !important;
- height: 12px !important;
- }
+ width: 6px !important;
+ height: 6px !important;
+ }
.el-table__body-wrapper::-webkit-scrollbar-corner {
- background: transparent !important;
+ background: #444851 !important;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
@@ -163,9 +163,9 @@ $--font-path: "~element-ui/lib/theme-chalk/fonts";
.el-table__body-wrapper::-webkit-scrollbar-thumb {
min-height: 20px !important;
background-clip: content-box !important;
- border: 2px solid transparent !important;
- border-radius: 10px !important;
- // background-color: #ddd;
+ border: 1px solid #444851 !important;
+ border-radius: 6px !important;
+ background: #444851 !important;
}
.el-table__fixed::before,
diff --git a/data-room-ui/packages/assets/style/settingWrap.scss b/data-room-ui/packages/assets/style/settingWrap.scss
index c68de7b5..b4ef3dce 100644
--- a/data-room-ui/packages/assets/style/settingWrap.scss
+++ b/data-room-ui/packages/assets/style/settingWrap.scss
@@ -242,15 +242,28 @@
margin-right: 10px;
}
+// 表格边框
+
::v-deep .el-table {
background: var(--bs-el-background-1);
- border-bottom: 1px solid var(--bs-el-title);
+ // 底部
+ border-bottom: 0 solid var(--bs-el-border);
}
::v-deep .el-table__cell {
background: var(--bs-el-background-1) !important;
color: var(--bs-el-title) !important;
- border-color: var(--bs-el-text) !important;
+ // 中间边框
+ border-width: 2px;
+ border-color: var(--bs-background-2) !important;
+}
+.el-table--group::after, .el-table--border::after, .el-table::before {
+ // 右侧、底部边框
+ background-color: var(--bs-el-border);
+}
+
+.el-table--group, .el-table--border {
+ border: var(--bs-el-border);
}
::v-deep .el-select {