perf: 优化示例代码

src/api/system.ts

@@ -1,17 +1,17 @@
 import { http } from "../utils/http";
 
-interface postType extends Promise<any> {
+interface ResponseType extends Promise<any> {
   data?: object;
   code?: number;
   msg?: string;
 }
 
-// 获取岗位管理列表
-export const getPostList = (data?: object): postType => {
-  return http.request("post", "/system", { data });
+// 获取角色管理列表
+export const getRoleList = (data?: object): ResponseType => {
+  return http.request("post", "/role", { data });
 };
 
 // 获取部门管理列表
-export const getDeptList = (data?: object): postType => {
+export const getDeptList = (data?: object): ResponseType => {
   return http.request("post", "/dept", { data });
 };

src/components/ReIcon/src/iconifyIconOffline.ts

@@ -101,6 +101,12 @@ addIcon("import", Import);
 addIcon("export", Export);
 addIcon("density", ArrowsShrinkV);
 
+// fluent
+import Peoples from "@iconify-icons/fluent/people-swap-28-filled";
+import FlUser from "@iconify-icons/fluent/person-12-filled";
+addIcon("peoples", Peoples);
+addIcon("flUser", FlUser);
+
 // Iconify Icon在Vue里离线使用（用于内网环境）https://docs.iconify.design/icon-components/vue/offline.html
 export default defineComponent({
   name: "IconifyIcon",

src/layout/components/sidebar/sidebarItem.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { ref, PropType, nextTick, computed, CSSProperties } from "vue";
 import path from "path";
 import { useNav } from "../../hooks/nav";
 import { childrenType } from "../../types";
 import { transformI18n } from "/@/plugins/i18n";
 import { useAppStoreHook } from "/@/store/modules/app";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { ref, PropType, nextTick, computed, CSSProperties } from "vue";
 
 const { pureApp } = useNav();
 const menuMode = ["vertical", "mix"].includes(pureApp.layout);

src/layout/hooks/nav.ts

@@ -9,6 +9,8 @@ import { storageSession } from "/@/utils/storage";
 import { useAppStoreHook } from "/@/store/modules/app";
 import { useEpThemeStoreHook } from "/@/store/modules/epTheme";
 
+const errorInfo = "当前路由配置不正确，请检查配置";
+
 export function useNav() {
   const pureApp = useAppStoreHook();
   // 用户名
@@ -59,6 +61,7 @@ export function useNav() {
   }
 
   function resolvePath(route) {
+    if (!route.children) return console.error(errorInfo);
     const httpReg = /^http(s?):\/\//;
     const routeChildPath = route.children[0]?.path;
     if (httpReg.test(routeChildPath)) {
@@ -77,6 +80,7 @@ export function useNav() {
     }
     // 找到当前路由的信息
     function findCurrentRoute(indexPath: string, routes) {
+      if (!routes) return console.error(errorInfo);
       return routes.map(item => {
         if (item.path === indexPath) {
           if (item.redirect) {

src/router/modules/nested.ts

@@ -9,7 +9,7 @@ const nestedRouter = {
     title: $t("menus.hsmenus"),
     icon: "histogram",
     i18n: true,
-    rank: 11
+    rank: 6
   },
   children: [
     {

src/views/system/role/index.vue

@@ -1,16 +1,16 @@
 <script lang="ts">
 export default {
-  name: "post"
+  name: "role"
 };
 </script>
 
 <script setup lang="ts">
 import dayjs from "dayjs";
 import { loadingSvg } from "../load";
-import { getPostList } from "/@/api/system";
+import { getRoleList } from "/@/api/system";
 import { FormInstance } from "element-plus";
-import { Switch } from "@pureadmin/components";
-import { successMessage } from "/@/utils/message";
+import { ElMessageBox } from "element-plus";
+import { Switch, message } from "@pureadmin/components";
 import { reactive, ref, onMounted, computed } from "vue";
 import { useEpThemeStoreHook } from "/@/store/modules/epTheme";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
@@ -22,7 +22,7 @@ const form = reactive({
 });
 const buttonRef = ref();
 const tooltipRef = ref();
-let postList = ref([]);
+let roleList = ref([]);
 let pageSize = ref(10);
 let totalPage = ref(0);
 let checkList = ref([]);
@@ -67,25 +67,45 @@ function handleSelectionChange(val) {
 }
 
 function onChange(checked, { $index, row }) {
-  switchLoadMap.value[$index] = Object.assign({}, switchLoadMap.value[$index], {
-    loading: true
-  });
-  setTimeout(() => {
-    switchLoadMap.value[$index] = Object.assign(
-      {},
-      switchLoadMap.value[$index],
-      {
-        loading: false
-      }
-    );
-    successMessage("已成功修改岗位状态");
-  }, 300);
+  ElMessageBox.confirm(
+    `确认要<strong>停用</strong><strong style='color:var(--el-color-primary)'>${row.name}</strong>角色吗?`,
+    "系统提示",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+      dangerouslyUseHTMLString: true,
+      draggable: true
+    }
+  )
+    .then(() => {
+      switchLoadMap.value[$index] = Object.assign(
+        {},
+        switchLoadMap.value[$index],
+        {
+          loading: true
+        }
+      );
+      setTimeout(() => {
+        switchLoadMap.value[$index] = Object.assign(
+          {},
+          switchLoadMap.value[$index],
+          {
+            loading: false
+          }
+        );
+        message.success("已成功修改角色状态");
+      }, 300);
+    })
+    .catch(() => {
+      row.status === 0 ? (row.status = 1) : (row.status = 0);
+    });
 }
 
 async function onSearch() {
   loading.value = true;
-  let { data } = await getPostList();
-  postList.value = data.list;
+  let { data } = await getRoleList();
+  roleList.value = data.list;
   totalPage.value = data.total;
   setTimeout(() => {
     loading.value = false;
@@ -111,10 +131,10 @@ onMounted(() => {
       :model="form"
       class="bg-white w-99/100 pl-8 pt-4"
     >
-      <el-form-item label="岗位编码：" prop="code">
+      <el-form-item label="角色编码：" prop="code">
         <el-input v-model="form.code" placeholder="请输入" clearable />
       </el-form-item>
-      <el-form-item label="岗位名称：" prop="user">
+      <el-form-item label="角色名称：" prop="user">
         <el-input v-model="form.user" placeholder="请输入" clearable />
       </el-form-item>
       <el-form-item label="状态：" prop="status">
@@ -145,10 +165,10 @@ onMounted(() => {
       element-loading-svg-view-box="-10, -10, 50, 50"
     >
       <div class="flex justify-between w-full h-60px p-4">
-        <p class="font-bold">岗位列表</p>
+        <p class="font-bold">角色列表</p>
         <div class="w-220px flex items-center justify-around">
           <el-button type="primary" :icon="useRenderIcon('add')"
-            >新增岗位</el-button
+            >新增角色</el-button
           >
           <!-- <el-button type="success" :icon="useRenderIcon('import')"
             >导入</el-button
@@ -245,7 +265,7 @@ onMounted(() => {
         border
         table-layout="auto"
         :size="size"
-        :data="postList"
+        :data="roleList"
         :header-cell-style="{ background: '#fafafa', color: '#606266' }"
         @selection-change="handleSelectionChange"
       >
@@ -262,10 +282,10 @@ onMounted(() => {
           align="center"
           width="60"
         />
-        <el-table-column label="岗位编号" align="center" prop="id" />
-        <el-table-column label="岗位编码" align="center" prop="code" />
-        <el-table-column label="岗位名称" align="center" prop="name" />
-        <el-table-column label="岗位排序" align="center" prop="sort" />
+        <el-table-column label="角色编号" align="center" prop="id" />
+        <el-table-column label="角色编码" align="center" prop="code" />
+        <el-table-column label="角色名称" align="center" prop="name" />
+        <el-table-column label="角色排序" align="center" prop="sort" />
         <el-table-column label="状态" align="center" prop="status">
           <template #default="scope">
             <Switch