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