分类维护

gaoshp

2024-04-09 1eda841829c3e5ffdab59efa21c938c4d7653ab4

分类维护

 src/api/model/setting.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
/*
 * @Date: 2024-04-07 21:49:32
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-09 22:29:57
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/api/model/setting.js
 */
import config from "@/config"
import http from "@/utils/request"

export default {
    getList: {
        url: `${config.API_URL}/blade-visual/visual-comp-type/list`,
        name: "获取休息日列表",
        get: async function(){
            return await http.get(this.url);
        }
    },
    
}

 src/views/console/system/component-classification.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,75 @@
<!--
 * @Date: 2024-04-09 22:18:47
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-09 22:52:11
 * @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-header>
        <el-main>
            <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange" row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
                <el-table-column type="selection" width="55" />
                <el-table-column prop="name" label="分类名称" />
                <el-table-column prop="icon" label="分类图标">
                </el-table-column>
                <el-table-column prop="type" label="分类编号" />
                <el-table-column prop="orderNum" label="排列顺序" />
                <el-table-column prop="status" label="状态">
                    <template #default="scope">
                        <span>{{scope.row.status === 1 ? '启用' : '停用'}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="操作" fixed="right" align="left" width="160">
                    <template #default="scope">
                        <el-button-group>
                            <el-button text type="primary" size="small"
                                @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                            <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index, '0')">
                                <template #reference>
                                    <el-button text type="primary" size="small">删除</el-button>
                                </template>
                            </el-popconfirm>
                        </el-button-group>
                    </template>
                </el-table-column>
            </el-table>
        </el-main>
    </el-container>
</template>

<script>
export default {
    data() {
        return {
            tableData: []
        }
    },
    created () {
        this.queryList()
    },
    methods: {
        queryList () {
            this.$API.setting.getList.get().then(res => {
                console.log(res)
                this.tableData = res.data
            })
        },
        table_edit() {

        },
        table_del() {

        },
        handleSelectionChange () {
            
        }
    },
}
</script>

<style lang="scss" scoped></style>

 src/views/console/system/interfaceConfig.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
<!--
 * @Date: 2024-04-09 22:18:47
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-09 22:20:03
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/system/interfaceConfig.vue
-->
<template>
    <div>
        çœ‹æ¿æŽ¥å£
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>

</style>

 src/views/console/system/vision-component-modify copy.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
<!--
 * @Date: 2024-04-09 22:18:47
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-09 22:19:02
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/system/vision-component-modify.vue
-->
<template>
    <div>
        ç»„件维护
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>

</style>