From 3ca71791b839d7c9731643a8653c0b6fe1c6233a Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期三, 10 四月 2024 17:08:19 +0800
Subject: [PATCH] 1

---
 src/views/console/system/component-classification.vue |   38 +++++++++++++++++++++++++++++++-------
 1 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/src/views/console/system/component-classification.vue b/src/views/console/system/component-classification.vue
index 9d12ab6..ef11bb9 100644
--- a/src/views/console/system/component-classification.vue
+++ b/src/views/console/system/component-classification.vue
@@ -1,18 +1,18 @@
 <!--
  * @Date: 2024-04-09 22:18:47
- * @LastEditors: Sneed
- * @LastEditTime: 2024-04-09 22:57:11
+ * @LastEditors: lzhe lzhe@example.com
+ * @LastEditTime: 2024-04-10 17:07:52
  * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/system/component-classification.vue
  * 鍒嗙被缁存姢
 -->
 <template>
     <el-container>
         <el-header style="justify-content: flex-start;">
-            <el-button type="primary">鏂板</el-button>
-            <el-button type="danger">鍒犻櫎</el-button>
+            <el-button type="primary" plain @click="add">鏂板</el-button>
+            <el-button @click="del" plain type="danger" :disabled="selection.length == 0">鍒犻櫎</el-button>
         </el-header>
         <el-main>
-            <el-table stripe :data="tableData" border style="width: 100%; margin-bottom: 20px" class="multipleTableRef" @selection-change="handleSelectionChange" row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+            <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all>
                 <el-table-column type="selection" width="55" />
                 <el-table-column prop="name" label="鍒嗙被鍚嶇О" />
                 <el-table-column prop="icon" label="鍒嗙被鍥炬爣">
@@ -54,10 +54,34 @@
         this.queryList()
     },
     methods: {
+        removeHasChildren(arr) {  
+            return arr.map(item => {  
+                // 鍒涘缓涓�涓笉鍖呭惈hasChildren鐨勬柊瀵硅薄  
+                const newItem = { ...item };  
+                delete newItem.hasChildren; // 鍒犻櫎hasChildren瀛楁  
+                // 濡傛灉children瀛楁瀛樺湪涓旀槸鏁扮粍锛屽垯閫掑綊澶勭悊children  
+                if (Array.isArray(newItem.children)) {  
+                newItem.children = this.removeHasChildren(newItem.children);  
+                }  
+            
+                return newItem;  
+            });  
+        },
+        add () {
+            alert(2)
+        },
+        del () {
+            alert(1)
+        },
         queryList () {
             this.$API.setting.getList.get().then(res => {
-                this.tableData = res.data
+                this.tableData = this.removeHasChildren(res.data);
             })
+            // this.$HTTP.get("/api/blade-system/menu/lazy-list",this.searchData).then(res=> {
+			// 		if(res.code == 200) {
+			// 			this.tableData = res.data;
+			// 		}
+			// 	})
         },
         table_edit() {
 
@@ -65,7 +89,7 @@
         table_del() {
 
         },
-        handleSelectionChange () {
+        handleSelectionChange (selection) {
             this.selection = selection;
         }
     },

--
Gitblit v1.9.3