From 2c18342e86f74dbd54c9ed72f5320be15c9ae3b1 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期一, 18 七月 2022 17:55:09 +0800
Subject: [PATCH] css
---
src/views/system/menu/index.vue | 65 ++++++++++++++++++++++++--------
1 files changed, 48 insertions(+), 17 deletions(-)
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 89a5f8f..652beff 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -56,7 +56,7 @@
<template #default="scope">
<el-button size="small" text type="primary" @click="onOpenMenuDialog('新增')">新增</el-button>
<el-button size="small" text type="primary" @click="onOpenMenuDialog('修改',scope.row)">修改</el-button>
- <!-- <el-button size="small" text type="primary" @click="onTabelRowDel(scope.row)">删除</el-button>-->
+ <el-button size="small" text type="primary" @click="deleteMenu(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -72,31 +72,35 @@
import { storeToRefs } from 'pinia';
import { useRoutesList } from '/@/stores/routesList';
import menuDialog from '/@/views/system/menu/component/menuDialog.vue';
- import {useMenuApi} from "/@/api/menu";
+ import {useMenuApi} from "/@/api/system/menu";
import {Session} from "/@/utils/storage";
import pinia from "/@/stores";
import {dynamicRoutes} from "/@/router/route";
import {useUserInfo} from "/@/stores/userInfo";
+ import {initBackEndControlRoutes} from "/@/router/backEnd";
export default defineComponent({
name: 'systemMenu',
components: { menuDialog },
setup() {
const menuDialog = ref();
+ const storesRoutesList = useRoutesList();
const state = reactive({
projectId:'1',
menuData:[],
menuTableData:[],
projectList:[
- {id:'1',name:'基础数据权限管理系统',key:0},
- {id:'2',name:'双重预防系统',key:1},
- {id:'3',name:'系统2',key:2},
- {id:'4',name:'系统3',key:3},
- {id:'5',name:'系统4',key:4},
- {id:'6',name:'应急管理系统',key:5},
- {id:'7',name:'目标责任管理系统',key:6},
- {id:'8',name:'事故管理系统',key:7},
- {id:'9',name:'设备综合管控系统',key:8},
+ { id: '1', name: '基础数据权限管理系统', key: 0 },
+ { id: '2', name: '双重预防系统', key: 1 },
+ { id: '3', name: '特殊作业系统', key: 2 },
+ { id: '4', name: '智能巡检系统', key: 3 },
+ { id: '5', name: '安全风险综合预警预报平台', key: 4 },
+ { id: '6', name: '应急管理系统', key: 5 },
+ { id: '7', name: '目标责任管理系统', key: 6 },
+ { id: '8', name: '事故管理系统', key: 7 },
+ { id: '9', name: '设备综合管控系统', key: 8 },
+ { id: '10', name: '安全知识图谱系统', key: 9 },
+ { id: '11', name: '危险化学品全生命周期安全', key: 10 }
],
});
// // 获取 vuex 中的路由
@@ -109,21 +113,34 @@
};
// 打开编辑菜单弹窗
// 删除当前行
- const onTabelRowDel = (row: RouteRecordRaw) => {
+ const deleteMenu = (row: any) => {
ElMessageBox.confirm(`此操作将永久删除路由：${row.path}, 是否继续?`, '提示', {
confirmButtonText: '删除',
cancelButtonText: '取消',
type: 'warning',
- }).then(() => {
- ElMessage.success('删除成功');
+ }).then(async () => {
+ let res = await useMenuApi().deleteMenu({id:row.id})
+ if(res.data.code ==='200'){
+ ElMessage({
+ type:'success',
+ duration:2000,
+ message:'删除成功'
+ })
+ await getMenuList()
+ if(Session.get('projectId') == state.projectId) await initBackEndControlRoutes()
+ }else{
+ ElMessage({
+ type:'warning',
+ message:res.data.msg
+ })
+ }
}).catch(() => {});
};
const getMenuList = async () => {
let res = await useMenuApi().getMenuAdmin(state.projectId)
if(res.data.code === '200'){
state.menuTableData = res.data.data
- // const storesRoutesList = useRoutesList(pinia);
- // storesRoutesList.setRoutesList(res.data.data);
+ if(Session.get('projectId') == state.projectId) await initBackEndControlRoutes()
}else{
ElMessage({
type:'warning',
@@ -131,6 +148,20 @@
})
}
};
+
+ const getProjectList = async () => {
+ let res = await useMenuApi().getProjectList()
+ if(res.data.code === '200'){
+ state.menuTableData = res.data.data
+ if(Session.get('projectId') == state.projectId) await initBackEndControlRoutes()
+ }else{
+ ElMessage({
+ type:'warning',
+ message:res.data.msg
+ })
+ }
+ };
+
onMounted( () => {
getMenuList()
});
@@ -138,7 +169,7 @@
getMenuList,
menuDialog,
onOpenMenuDialog,
- onTabelRowDel,
+ deleteMenu,
...toRefs(state),
};
},
--
Gitblit v1.9.2