From f4c324b44aadc4d8a44d4c67c588d2f76261ccaa Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期三, 30 十一月 2022 16:07:39 +0800
Subject: [PATCH] fix：消息分页 视频查询 图片查询
---
src/views/operate/fivepack/threepack/components/aside/index.vue | 84 +++++++++++++++++++----------------------
1 files changed, 39 insertions(+), 45 deletions(-)
diff --git a/src/views/operate/fivepack/threepack/components/aside/index.vue b/src/views/operate/fivepack/threepack/components/aside/index.vue
index 0231898..57ee434 100644
--- a/src/views/operate/fivepack/threepack/components/aside/index.vue
+++ b/src/views/operate/fivepack/threepack/components/aside/index.vue
@@ -2,63 +2,57 @@
<div class="aside">
<div class="title">缁勭粐鏈烘瀯</div>
<div class="input">
- <el-input placeholder="杈撳叆缁勭粐鏈烘瀯鍚嶇О"></el-input>
+ <el-input placeholder="杈撳叆缁勭粐鏈烘瀯鍚嶇О, 鎸変笅enter閿悳绱�" v-model="searchArea" @change="filterTreeNode"></el-input>
</div>
<div class="menu">
- <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+ <el-tree ref="department" :filter-node-method="filterNode" :data="areaData" :props="defaultProps" @node-click="nodeClick"></el-tree>
</div>
</div>
</template>
<script>
+import department from "@/api/system/department";
+
export default {
+ name: 'departmentAside',
data() {
return {
- data: [{
- label: '濡欓珮琛楅亾',
- children: [{
- label: '涓滆',
- children: [{
- label: '铻鸿洺鍨�'
- }]
- }]
- }, {
- label: '浜戝嘲琛楅亾',
- children: [{
- label: '涓滀涵',
- children: [{
- label: '闅旀邯'
- }]
- }, {
- label: '椹ご',
- children: [{
- label: '榫欏彛'
- }]
- }]
- }, {
- label: '鏂拌矾婀鹃晣',
- children: [{
- label: '鏂拌矾婀鹃晣',
- children: [{
- label: '鏂拌矾婀鹃晣'
- }]
- }, {
- label: '鏂拌矾婀鹃晣',
- children: [{
- label: '鏂拌矾婀鹃晣'
- }]
- }]
- }],
- defaultProps: {
- children: 'children',
- label: 'label'
- }
+ searchArea: null,
+ areaData: [],
+ defaultProps: {
+ children: 'children',
+ label: 'regionName'
+ }
};
},
- methods: {
- handleNodeClick(data) {
- console.log(data);
- }
+
+ created() {
+ 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: {
+ filterTreeNode() {
+ this.$refs.department.filter(this.searchArea);
+ },
+
+ 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);
+ }
}
+ }
};
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0