1

lzhe

2024-04-10 3ca71791b839d7c9731643a8653c0b6fe1c6233a

 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;
        }
    },