From 440ae0f9c401a7828cd063ecdc201cc38788407f Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期三, 30 十一月 2022 14:58:55 +0800
Subject: [PATCH] fix: 消息管理分页
---
src/views/operate/fivepack/threepack/components/aside/index.vue | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/src/views/operate/fivepack/threepack/components/aside/index.vue b/src/views/operate/fivepack/threepack/components/aside/index.vue
index bb4d5a6..57ee434 100644
--- a/src/views/operate/fivepack/threepack/components/aside/index.vue
+++ b/src/views/operate/fivepack/threepack/components/aside/index.vue
@@ -5,7 +5,7 @@
<el-input placeholder="杈撳叆缁勭粐鏈烘瀯鍚嶇О, 鎸変笅enter閿悳绱�" v-model="searchArea" @change="filterTreeNode"></el-input>
</div>
<div class="menu">
- <el-tree ref="department" :filter-node-method="filterNode" :data="areaData" :props="defaultProps"></el-tree>
+ <el-tree ref="department" :filter-node-method="filterNode" :data="areaData" :props="defaultProps" @node-click="nodeClick"></el-tree>
</div>
</div>
</template>
@@ -26,11 +26,16 @@
},
created() {
- department.getDepartmentList()
- .then(res => {
- this.areaData = res;
- })
- .catch(err => this.$message.error(err))
+ if (sessionStorage.getItem('area')) {
+ this.areaData = JSON.parse(sessionStorage.getItem('area'));
+ } else {
+ department.getDepartmentList()
+ .then(res => {
+ this.areaData = res;
+ sessionStorage.setItem('area', JSON.stringify(this.areaData));
+ })
+ .catch(err => this.$message.error(err))
+ }
},
methods: {
@@ -41,6 +46,11 @@
filterNode(value, data) {
if (!value) return true;
return data.regionName.indexOf(value) !== -1;
+ },
+ nodeClick(data, node, props) {
+ if (node.level > 1) {
+ this.$emit('selectedDepartment', data);
+ }
}
}
};
--
Gitblit v1.8.0