From 6b467188a7175e0f5bdb4bb25da5a8ee064d2b4c Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期四, 10 十月 2024 12:44:33 +0800
Subject: [PATCH] 1
---
src/views/template/list/tree.vue | 147 ++++++++++++++++++++++++------------------------
1 files changed, 74 insertions(+), 73 deletions(-)
diff --git a/src/views/template/list/tree.vue b/src/views/template/list/tree.vue
index 3f39642..3c24fa7 100644
--- a/src/views/template/list/tree.vue
+++ b/src/views/template/list/tree.vue
@@ -6,7 +6,9 @@
<el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="groupFilterText" clearable></el-input>
</el-header>
<el-main class="nopadding">
- <el-tree ref="group" class="menu" node-key="id" :data="groupData" :current-node-key="''" :highlight-current="true" :expand-on-click-node="false" :filter-node-method="groupFilterNode" @node-click="groupClick"></el-tree>
+ <el-tree ref="group" class="menu" node-key="id" :data="groupData" :current-node-key="''"
+ :highlight-current="true" :expand-on-click-node="false" :filter-node-method="groupFilterNode"
+ @node-click="groupClick"></el-tree>
</el-main>
</el-container>
</el-aside>
@@ -47,82 +49,81 @@
</template>
<script>
- export default {
- name: 'listTree',
- data() {
- return {
- groupFilterText: "",
- groupData: [
- {
- id: "",
- label: "鎵�鏈�"
- },
- {
- id: "1",
- label: "鍗庝笢鎬婚儴",
- children: [
- {
- id: "11",
- label: "鍞墠瀹㈡湇閮�"
- },
- {
- id: "12",
- label: "鎶�鏈爺鍙戦儴"
- },
- {
- id: "13",
- label: "琛屾斂浜轰簨閮�"
- }
- ]
- },
- {
- id: "2",
- label: "鍗庨毦鎬婚儴",
- children: [
- {
- id: "21",
- label: "鍞墠瀹㈡湇閮�"
- },
- {
- id: "22",
- label: "鎶�鏈爺鍙戦儴"
- }
- ]
- }
- ],
- list: {
- apiObj: this.$API.demo.list
+export default {
+ name: 'listTree',
+ data() {
+ return {
+ groupFilterText: "",
+ groupData: [
+ {
+ id: "",
+ label: "鎵�鏈�"
},
- search: {
- keyword: ""
+ {
+ id: "1",
+ label: "鍗庝笢鎬婚儴",
+ children: [
+ {
+ id: "11",
+ label: "鍞墠瀹㈡湇閮�"
+ },
+ {
+ id: "12",
+ label: "鎶�鏈爺鍙戦儴"
+ },
+ {
+ id: "13",
+ label: "琛屾斂浜轰簨閮�"
+ }
+ ]
+ },
+ {
+ id: "2",
+ label: "鍗庨毦鎬婚儴",
+ children: [
+ {
+ id: "21",
+ label: "鍞墠瀹㈡湇閮�"
+ },
+ {
+ id: "22",
+ label: "鎶�鏈爺鍙戦儴"
+ }
+ ]
}
+ ],
+ list: {
+ apiObj: this.$API.demo.list
+ },
+ search: {
+ keyword: ""
}
- },
- watch: {
- groupFilterText(val) {
- this.$refs.group.filter(val);
- }
- },
- methods: {
- //鏍戣繃婊�
- groupFilterNode(value, data){
- if (!value) return true;
- return data.label.indexOf(value) !== -1;
- },
- //鏍戠偣鍑讳簨浠�
- groupClick(data){
- var params = {
- groupId: data.id
- }
- this.$refs.table.reload(params)
- },
- //鎼滅储
- upsearch(){
- this.$refs.table.upData(this.search)
- },
}
+ },
+ watch: {
+ groupFilterText(val) {
+ this.$refs.group.filter(val);
+ }
+ },
+ methods: {
+ //鏍戣繃婊�
+ groupFilterNode(value, data) {
+ if (!value) return true;
+ return data.label.indexOf(value) !== -1;
+ },
+ //鏍戠偣鍑讳簨浠�
+ groupClick(data) {
+ var params = {
+ groupId: data.id
+ }
+ this.$refs.table.reload(params)
+ },
+ //鎼滅储
+ upsearch() {
+ this.$refs.table.upData(this.search)
+ },
}
+}
</script>
-<style>
-</style>
+<style></style>
--
Gitblit v1.9.3