css

shj

2022-07-18 2c18342e86f74dbd54c9ed72f5320be15c9ae3b1

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