框架完善

.env.development

@@ -1,5 +1,5 @@
 # 若依管理系统/开发环境
-VUE_APP_BASE_URL = 'http://172.16.6.124:9098'
+VUE_APP_BASE_URL = 'http://172.16.6.217:9999'
 
 # 页面标题
 VUE_APP_TITLE = "应急物资系统"

.env.production

@@ -1,5 +1,5 @@
 # 应急物资系统/生产环境
-VUE_APP_BASE_URL = '/api'
+VUE_APP_BASE_URL = ''
 
 # 页面标题
 VUE_APP_TITLE = 应急物资系统

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+/dist.zip
 
 
 # local env files

src/api/admin/index.ts

@@ -1,5 +1,15 @@
 import request from "@/api";
 
+// 获取系统菜单
+export function getMenu(id: string) {
+  return request({
+    url: "/admin/menu",
+    params: { parentId: id },
+    method: "get"
+  });
+}
+
+// 权限管理 —— 菜单管理 —— 获取列表
 export function fetchMenuTree(params: { menuName?: string }) {
   return request({
     url: "/admin/menu/tree",
@@ -8,11 +18,10 @@ export function fetchMenuTree(params: { menuName?: string }) {
   });
 }
 
-// 获取系统菜单
-export function getMenu(id: string) {
+// 权限管理 —— 菜单管理 —— 获取菜单详情
+export function getObj(id: string) {
   return request({
-    url: "/admin/menu",
-    params: { parentId: id },
+    url: "/admin/menu/" + id,
     method: "get"
   });
 }

src/api/dataStatistics/index.ts

@@ -1,6 +1,5 @@
 import request from "@/api";
 
-/** 中央抗旱物资数量价值表 **/
 // 获取表头数据
 export function getDroughtResistantHeader(data: any) {
   return request({

src/api/index.ts

@@ -28,11 +28,12 @@
 //   }
 // });
 
+import qs from "qs";
 import axios from "axios";
 import cache from "@/utils/cache";
 import errorCode from "@/utils/errorCode";
-import { getToken } from "@/utils/auth";
-import { tansParams } from "@/utils/util";
+import store from "@/store";
+import { serialize } from "@/utils/util";
 import { ElNotification, ElMessageBox, ElMessage } from "element-plus";
 
 // 是否显示重新登录
@@ -41,12 +42,9 @@ export const isRelogin = { show: false };
 // 创建axios实例
 const request = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: process.env.VUE_APP_BASE_URL,
+  // baseURL: process.env.VUE_APP_BASE_URL,
   // 超时
-  timeout: 10000,
-  headers: {
-    "Content-Type": "application/json;charset=utf-8"
-  }
+  timeout: 10000
 });
 
 // request拦截器
@@ -56,15 +54,19 @@ request.interceptors.request.use(
     const isToken = (config.headers || {}).isToken === false;
     // 是否需要防止数据重复提交
     const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
-    if (getToken() && !isToken && config.headers) {
-      config.headers["Authorization"] = "Bearer " + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
+    const token = store.getters.access_token;
+    if (token && !isToken && config.headers) {
+      config.headers["Authorization"] = "Bearer " + token; // token
+    }
+    if (config.method === "get") {
+      config.paramsSerializer = function (params) {
+        return qs.stringify(params, { arrayFormat: "repeat" });
+      };
     }
-    // get请求映射params参数
-    if (config.method === "get" && config.params) {
-      let url = config.url + "?" + tansParams(config.params);
-      url = url.slice(0, -1);
-      config.params = {};
-      config.url = url;
+    // headers中配置serialize为true开启序列化
+    if (config.method === "post" && config.headers.serialize) {
+      config.data = serialize(config.data);
+      delete config.data.serialize;
     }
     if (!isRepeatSubmit && (config.method === "post" || config.method === "put")) {
       const requestObj = {

src/api/login/index.ts

@@ -6,12 +6,14 @@ import website from "@/const/website";
 
 const scope = "server";
 // 根据用户名密码登录
-// export const loginByUsername = ({ username, password, code, randomStr }: ILogin) => {
-export const loginByUsername = ({ username, password, randomStr }: ILogin) => {
+export const loginByUsername = ({ username, password, code, randomStr }: ILogin) => {
+  // export const loginByUsername = ({ username, password, randomStr }: ILogin) => {
   const grant_type = "password";
   const dataObj = qs.stringify({ username: username, password: password });
+  // const dataObj = new FormData();
+  // dataObj.append("username", username);
+  // dataObj.append("password", password);
   const basicAuth = "Basic " + window.btoa(website.formLoginClient);
-
   // 保存当前选中的 basic 认证信息
   cache.local.set("basicAuth", basicAuth);
   return request({
@@ -22,8 +24,8 @@ export const loginByUsername = ({ username, password, randomStr }: ILogin) => {
       Authorization: basicAuth
     },
     method: "post",
-    // params: { randomStr, code, grant_type, scope },
-    params: { randomStr, grant_type, scope },
+    params: { randomStr, code, grant_type, scope },
+    // params: { randomStr, grant_type, scope },
     data: dataObj
   });
 };

src/const/interface_type.ts

@@ -2,7 +2,7 @@
 export interface ILogin {
   username: string;
   password: string;
-  // code: string;
+  code: string;
   randomStr: string;
 }
 

src/const/website.ts

@@ -17,8 +17,8 @@ export default {
   whiteList: ["/login", "/404", "/401", "/lock"], // 配置无权限可以访问的页面
   whiteTagList: ["/login", "/404", "/401", "/lock"], // 配置不添加tags页面 （'/advanced-router/mutative-detail/*'——*为通配符）
   fistPage: {
-    label: "首页",
-    value: "/wel/index",
+    label: "出库信息填报",
+    value: "/InformationFilling/outWarehouseInfo",
     params: {},
     query: {},
     group: [],

src/layout/components/sidebar/sidebar.vue

@@ -26,53 +26,63 @@
 import { reactive } from "vue";
 import { useRouter } from "vue-router";
 const menuList = reactive([
+  // {
+  //   path: "InformationFilling",
+  //   name: "信息填报",
+  //   children: [
+  //     {
+  //       path: "outWarehouseInfo",
+  //       name: "出库信息填报"
+  //     },
+  //     {
+  //       path: "enterWarehouseInfo",
+  //       name: "入库信息填报"
+  //     }
+  //   ]
+  // },
+  // {
+  //   path: "InformationAudit",
+  //   name: "信息审核",
+  //   children: [
+  //     {
+  //       path: "outWarehouseAudit",
+  //       name: "出库信息审核"
+  //     },
+  //     {
+  //       path: "enterWarehouseAudit",
+  //       name: "入库信息审核"
+  //     }
+  //   ]
+  // },
+  // {
+  //   path: "dataStatistics",
+  //   name: "数据统计",
+  //   children: [
+  //     {
+  //       path: "reliefMaterial",
+  //       name: "救灾物资数量价值表"
+  //     },
+  //     {
+  //       path: "floodPrevention",
+  //       name: "防汛物资储备价值表"
+  //     },
+  //     {
+  //       path: "droughtResistant",
+  //       name: "抗旱物资储备价值表"
+  //     },
+  //     {
+  //       path: "emergencySupplies",
+  //       name: "应急物资分类表"
+  //     }
+  //   ]
+  // }
   {
-    path: "InformationFilling",
-    name: "信息填报",
+    path: "admin",
+    name: "权限管理",
     children: [
       {
-        path: "outWarehouseInfo",
-        name: "出库信息填报"
-      },
-      {
-        path: "enterWarehouseInfo",
-        name: "入库信息填报"
-      }
-    ]
-  },
-  {
-    path: "InformationAudit",
-    name: "信息审核",
-    children: [
-      {
-        path: "outWarehouseAudit",
-        name: "出库信息审核"
-      },
-      {
-        path: "enterWarehouseAudit",
-        name: "入库信息审核"
-      }
-    ]
-  },
-  {
-    path: "dataStatistics",
-    name: "数据统计",
-    children: [
-      {
-        path: "reliefMaterial",
-        name: "救灾物资数量价值表"
-      },
-      {
-        path: "floodPrevention",
-        name: "防汛物资储备价值表"
-      },
-      {
-        path: "droughtResistant",
-        name: "抗旱物资储备价值表"
-      },
-      {
-        path: "emergencySupplies",
-        name: "应急物资分类表"
+        path: "menu",
+        name: "菜单管理"
       }
     ]
   }

src/layout/components/topBar.vue

@@ -3,20 +3,17 @@
     <div class="topbar_title">
       <img src="~@/assets/img/top_title.png" />
     </div>
-    <div class="topbar_search">
-      <el-input placeholder="查询" v-model="topSearch" :suffix-icon="Search" clearable />
-    </div>
-    <div class="topbar_help">
+    <!-- <div class="topbar_help">
       <el-icon color="#767DEA"><QuestionFilled /></el-icon>
       帮助
-    </div>
+    </div> -->
     <div class="topbar_user">
       <el-dropdown @command="handleCommand" trigger="hover">
         <div class="avatar-wrapper">
           <div class="user_avatar">
             <el-icon><UserFilled /></el-icon>
           </div>
-          <span>{{ userId }}</span>
+          <span>{{ userInfo }}</span>
           <el-icon><ArrowDown /></el-icon>
         </div>
         <template #dropdown>
@@ -33,15 +30,19 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
+import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import { ElMessageBox, ElMessage } from "element-plus";
-import { Search, QuestionFilled, UserFilled, ArrowDown } from "@element-plus/icons-vue";
-
-import cache from "@/utils/cache";
+import { QuestionFilled, UserFilled, ArrowDown } from "@element-plus/icons-vue";
 
-const userId = cache.session.get("userId");
-const topSearch = ref("");
 const router = useRouter();
+const store = useStore();
+const userInfo = ref("");
+
+store.dispatch("GetUserInfo").then((res: any) => {
+  userInfo.value = res;
+});
+
 const handleCommand = () => {
   ElMessageBox.confirm("即将退出登录，是否确定？", "提示", {
     confirmButtonText: "确定",

src/main.ts

@@ -9,6 +9,8 @@ import ElementPlus from "element-plus";
 import "element-plus/dist/index.css";
 import zhCn from "element-plus/es/locale/lang/zh-cn";
 
+import "./permission";
+
 import basicContainer from "./components/basic-container/main.vue";
 import Pagination from "./components/Pagination/index.vue";
 

src/permission.ts

@@ -2,21 +2,22 @@
 import router from "./router";
 import store from "./store";
 import { validatenull } from "@/utils/validate";
+import { ElMessage } from "element-plus";
 import NProgress from "nprogress"; // progress bar
 import "nprogress/nprogress.css"; // progress bar style
 
 NProgress.configure({ showSpinner: false });
 
-router.beforeEach((to, from) => {
+router.beforeEach((to, from, next) => {
   NProgress.start();
-  const meta = to.meta || {};
   if (store.getters.access_token) {
+    const meta = to.meta || {};
     if (to.path === "/login") {
-      return "/";
+      console.log(store.getters.tagWel.value);
+      next({ path: "/" });
     } else {
       const value = to.query.src || to.fullPath;
       const label = to.query.name || to.name;
-
       if (meta.isTab !== false && !validatenull(value) && !validatenull(label)) {
         store.commit("ADD_TAG", {
           label: label,
@@ -25,9 +26,18 @@ router.beforeEach((to, from) => {
           query: to.query
         });
       }
+      next();
     }
   } else {
-    return "/login";
+    if (to.path === "/login") {
+      next();
+    } else {
+      if (to.path !== "/") {
+        ElMessage.warning("请先登录后再访问其他页面!");
+      }
+      next(`/login`); // 否则全部重定向到登录页
+    }
+    NProgress.done();
   }
 });
 

src/router/index.ts

@@ -4,98 +4,99 @@ const layout = () => import("@/layout/index.vue");
 const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
-    redirect: "/login"
+    name: "主页",
+    redirect: "/admin"
   },
   {
     path: "/login",
-    name: "login",
+    name: "登录",
     component: () => import("@/views/login/index.vue")
   },
-  {
-    path: "/InformationFilling",
-    name: "InformationFilling",
-    redirect: "/InformationFilling/outWarehouseInfo",
-    component: layout,
-    children: [
-      {
-        path: "outWarehouseInfo",
-        name: "outWarehouseInfo",
-        component: () => import("@/views/InformationFilling/outWarehouseInfo/index.vue")
-      },
-      {
-        path: "enterWarehouseInfo",
-        name: "enterWarehouseInfo",
-        component: () => import("@/views/InformationFilling/enterWarehouseInfo/index.vue")
-      },
-      {
-        path: "enterWarehouseInfoDetail",
-        name: "enterWarehouseInfoDetail",
-        component: () => import("@/views/InformationFilling/enterWarehouseInfo/detail.vue")
-      }
-    ]
-  },
-  {
-    path: "/InformationAudit",
-    name: "InformationAudit",
-    component: layout,
-    children: [
-      {
-        path: "outWarehouseAudit",
-        name: "outWarehouseAudit",
-        component: () => import("@/views/InformationAudit/outWarehouseAudit/index.vue")
-      },
-      {
-        path: "outWarehouseAuditDetail",
-        name: "outWarehouseAuditDetail",
-        component: () => import("@/views/InformationAudit/outWarehouseAudit/detail.vue")
-      },
-      {
-        path: "enterWarehouseAudit",
-        name: "enterWarehouseAudit",
-        component: () => import("@/views/InformationAudit/enterWarehouseAudit/index.vue")
-      },
-      {
-        path: "enterWarehouseAuditDetail",
-        name: "enterWarehouseAuditDetail",
-        component: () => import("@/views/InformationAudit/enterWarehouseAudit/detail.vue")
-      },
-    ]
-  },
-  {
-    path: "/dataStatistics",
-    name: "dataStatistics",
-    component: layout,
-    children: [
-      {
-        path: "reliefMaterial",
-        name: "reliefMaterial",
-        component: () => import("@/views/dataStatistics/reliefMaterial/index.vue")
-      },
-      {
-        path: "floodPrevention",
-        name: "floodPrevention",
-        component: () => import("@/views/dataStatistics/floodPrevention/index.vue")
-      },
-      {
-        path: "droughtResistant",
-        name: "droughtResistant",
-        component: () => import("@/views/dataStatistics/droughtResistant/index.vue")
-      },
-      {
-        path: "emergencySupplies",
-        name: "emergencySupplies",
-        component: () => import("@/views/dataStatistics/emergencySupplies/index.vue")
-      }
-    ]
-  },
+  // {
+  //   path: "/InformationFilling",
+  //   name: "InformationFilling",
+  //   redirect: "/InformationFilling/outWarehouseInfo",
+  //   component: layout,
+  //   children: [
+  //     {
+  //       path: "outWarehouseInfo",
+  //       name: "outWarehouseInfo",
+  //       component: () => import("@/views/InformationFilling/outWarehouseInfo/index.vue")
+  //     },
+  //     {
+  //       path: "enterWarehouseInfo",
+  //       name: "enterWarehouseInfo",
+  //       component: () => import("@/views/InformationFilling/enterWarehouseInfo/index.vue")
+  //     },
+  //     {
+  //       path: "enterWarehouseInfoDetail",
+  //       name: "enterWarehouseInfoDetail",
+  //       component: () => import("@/views/InformationFilling/enterWarehouseInfo/detail.vue")
+  //     }
+  //   ]
+  // },
+  // {
+  //   path: "/InformationAudit",
+  //   name: "InformationAudit",
+  //   component: layout,
+  //   children: [
+  //     {
+  //       path: "outWarehouseAudit",
+  //       name: "outWarehouseAudit",
+  //       component: () => import("@/views/InformationAudit/outWarehouseAudit/index.vue")
+  //     },
+  //     {
+  //       path: "outWarehouseAuditDetail",
+  //       name: "outWarehouseAuditDetail",
+  //       component: () => import("@/views/InformationAudit/outWarehouseAudit/detail.vue")
+  //     },
+  //     {
+  //       path: "enterWarehouseAudit",
+  //       name: "enterWarehouseAudit",
+  //       component: () => import("@/views/InformationAudit/enterWarehouseAudit/index.vue")
+  //     },
+  //     {
+  //       path: "enterWarehouseAuditDetail",
+  //       name: "enterWarehouseAuditDetail",
+  //       component: () => import("@/views/InformationAudit/enterWarehouseAudit/detail.vue")
+  //     }
+  //   ]
+  // },
+  // {
+  //   path: "/dataStatistics",
+  //   name: "dataStatistics",
+  //   component: layout,
+  //   children: [
+  //     {
+  //       path: "reliefMaterial",
+  //       name: "reliefMaterial",
+  //       component: () => import("@/views/dataStatistics/reliefMaterial/index.vue")
+  //     },
+  //     {
+  //       path: "floodPrevention",
+  //       name: "floodPrevention",
+  //       component: () => import("@/views/dataStatistics/floodPrevention/index.vue")
+  //     },
+  //     {
+  //       path: "droughtResistant",
+  //       name: "droughtResistant",
+  //       component: () => import("@/views/dataStatistics/droughtResistant/index.vue")
+  //     },
+  //     {
+  //       path: "emergencySupplies",
+  //       name: "emergencySupplies",
+  //       component: () => import("@/views/dataStatistics/emergencySupplies/index.vue")
+  //     }
+  //   ]
+  // },
   {
     path: "/admin",
-    name: "admin",
+    name: "权限管理",
     component: layout,
     children: [
       {
         path: "menu",
-        name: "menu",
+        name: "菜单管理",
         component: () => import("@/views/admin/menu/index.vue")
       }
     ]

src/store/getters.ts

@@ -1,4 +1,5 @@
 export default {
   access_token: (state: any) => state.user.access_token,
-  refresh_token: (state: any) => state.user.refresh_token
+  refresh_token: (state: any) => state.user.refresh_token,
+  tagWel: (state: any) => state.tag.tagWel
 };

src/store/modules/tag.ts

@@ -30,18 +30,18 @@ function setFistTag(list: ITagType[]) {
 }
 export default {
   state: () => ({
-    tagList: cache.session.get("tagList") || [],
-    tag: cache.session.get("tag") || tagObj,
+    tagList: cache.session.getJSON("tagList") || [],
+    tag: cache.session.getJSON("tag") || tagObj,
     tagWel: tagWel
   }),
   mutations: {
     ADD_TAG: (state: any, action: ITagType) => {
       state.tag = action;
-      cache.session.set("tag", state.tag);
+      cache.session.setJSON("tag", state.tag);
       if (state.tagList.some((ele: any) => diff(ele, action))) return;
       state.tagList.push(action);
       setFistTag(state.tagList);
-      cache.session.set("tagList", state.tagList);
+      cache.session.setJSON("tagList", state.tagList);
     },
     DEL_TAG: (state: any, action: ITagType) => {
       state.tagList = state.tagList.filter((item: ITagType) => {

src/store/modules/user.ts

@@ -40,10 +40,10 @@ export default {
   } => ({
     access_token: cache.session.get("access_token") || "",
     refresh_token: cache.session.get("refresh_token") || "",
-    userInfo: cache.session.get("userInfo") || {},
+    userInfo: cache.session.getJSON("userInfo") || {},
     roles: [],
 
-    permissions: cache.session.get("permissions") || {}
+    permissions: cache.session.getJSON("permissions") || {}
   }),
   mutations: {
     SET_ACCESS_TOKEN: (state: any, access_token: string) => {
@@ -57,7 +57,7 @@ export default {
     },
     SET_USER_INFO: (state: any, userInfo: any) => {
       state.userInfo = userInfo;
-      cache.session.set("userInfo", state.userInfo);
+      cache.session.setJSON("userInfo", state.userInfo);
     },
     SET_ROLES: (state: any, roles: string[]) => {
       state.roles = roles;
@@ -68,7 +68,7 @@ export default {
         list[permissions[i]] = true;
       }
       state.permissions = list;
-      cache.session.set("permissions", state.permissions);
+      cache.session.setJSON("permissions", state.permissions);
     }
   },
   actions: {
@@ -87,10 +87,9 @@ export default {
       return new Promise((resolve, reject) => {
         if (!user.value) return;
         loginByUsername(user.value)
-          .then((response) => {
-            const data = response.data;
-            commit("SET_ACCESS_TOKEN", data.access_token);
-            commit("SET_REFRESH_TOKEN", data.refresh_token);
+          .then((response: any) => {
+            commit("SET_ACCESS_TOKEN", response.access_token);
+            commit("SET_REFRESH_TOKEN", response.refresh_token);
             // commit("CLEAR_LOCK");
             resolve(response);
           })
@@ -124,7 +123,7 @@ export default {
             commit("SET_USER_INFO", data.sysUser);
             commit("SET_ROLES", data.roles || []);
             commit("SET_PERMISSIONS", data.permissions || []);
-            resolve(data);
+            resolve(data.sysUser);
           })
           .catch(() => {
             reject();

src/styles/common.scss

@@ -1,12 +1,11 @@
-
 // 工具类函数
-@import './mixin.scss';
+@import "./mixin.scss";
 //适配
-@import './media.scss';
+@import "./media.scss";
 //通用配置
-@import './normalize.scss';
+@import "./normalize.scss";
 // 自定义class
-@import './diyClass.scss';
+@import "./diyClass.scss";
 
 a {
   text-decoration: none;
@@ -27,7 +26,8 @@ a {
   -moz-osx-font-smoothing: grayscale;
 }
 
-.avue-input-icon__item i, .avue-crud__icon--small {
+.avue-input-icon__item i,
+.avue-crud__icon--small {
   font-family: "iconfont" !important;
   /* 以下内容参照第三方图标库本身的规则 */
   font-size: 24px !important;
@@ -36,7 +36,7 @@ a {
   -moz-osx-font-smoothing: grayscale;
 }
 
-.el-menu-item [class^=icon-] {
+.el-menu-item [class^="icon-"] {
   margin-right: 5px;
   width: 24px;
   text-align: center;
@@ -44,7 +44,7 @@ a {
   vertical-align: middle;
 }
 
-.el-submenu [class^=icon-] {
+.el-submenu [class^="icon-"] {
   vertical-align: middle;
   margin-right: 5px;
   width: 24px;

src/styles/diyClass.scss

@@ -19,4 +19,3 @@
   justify-content: center;
   margin-bottom: 20px;
 }
-

src/styles/media.css

@@ -2,16 +2,15 @@
 .avue-header,
 .avue-top,
 .avue-logo,
-.avue-layout
-.login-logo,
+.avue-layout .login-logo,
 .avue-main {
-  transition: all .3s;
+  transition: all 0.3s;
 }
 
 .avue-contail {
   width: 100%;
   height: 100%;
-  background: #EDF4FE;
+  background: #edf4fe;
   background-size: 100%;
   background-repeat: no-repeat;
 }
@@ -66,7 +65,7 @@
 .mainContent {
   overflow-x: hidden;
   overflow-y: auto;
-  background: #FFF;
+  background: #fff;
 }
 
 .avue-footer {

src/styles/media.scss

@@ -2,170 +2,167 @@
 .avue-header,
 .avue-top,
 .avue-logo,
-.avue-layout
-.login-logo,
+.avue-layout .login-logo,
 .avue-main {
-    transition: all .3s;
+  transition: all 0.3s;
 }
 .avue-contail {
-    width: 100%;
-    height: 100%;
-    background: #EDF4FE;
-    background-size: 100%;
-    background-repeat: no-repeat;
+  width: 100%;
+  height: 100%;
+  background: #edf4fe;
+  background-size: 100%;
+  background-repeat: no-repeat;
 }
 
-
 .avue-left {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 208px;
-    height: calc(100% + 17px);
-    z-index: 1025;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 208px;
+  height: calc(100% + 17px);
+  z-index: 1025;
 }
 
 .avue--collapse {
-    .avue-left,
-    .avue-logo {
-        width: 60px;
-    }
-    .avue-header {
-        padding-left: 60px;
-    }
-    .avue-main {
-        width: calc(100% - 60px);
-        left: 60px;
-    }
+  .avue-left,
+  .avue-logo {
+    width: 60px;
+  }
+  .avue-header {
+    padding-left: 60px;
+  }
+  .avue-main {
+    width: calc(100% - 60px);
+    left: 60px;
+  }
 }
 
 .avue-header {
-    padding-left: 208px;
-    width: 100%;
-    background-color: #fff;
-    box-sizing: border-box;
+  padding-left: 208px;
+  width: 100%;
+  background-color: #fff;
+  box-sizing: border-box;
 }
 
 .avue-main {
-    position: absolute;
-    left: 208px;
-    padding: 0;
-    padding-bottom: 20px;
-    width: calc(100% - 208px);
-    height: calc(100% - 120px);
-    box-sizing: border-box;
-    overflow: hidden;
+  position: absolute;
+  left: 208px;
+  padding: 0;
+  padding-bottom: 20px;
+  width: calc(100% - 208px);
+  height: calc(100% - 120px);
+  box-sizing: border-box;
+  overflow: hidden;
 }
 
 .avue-view {
-    padding-bottom: 22px;
-    width: 100%;
-    box-sizing: border-box;
+  padding-bottom: 22px;
+  width: 100%;
+  box-sizing: border-box;
 }
 .mainContent {
   overflow-x: hidden;
   overflow-y: auto;
-  background: #FFF;
+  background: #fff;
 }
 
-
 .avue-footer {
-    margin: 0 auto;
-    padding: 0 22px;
-    width: 1300px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .logo {
-        margin-left: -50px;
-    }
-    .copyright {
-        color: #666;
-        line-height: 1.5;
-        font-size: 12px;
-    }
+  margin: 0 auto;
+  padding: 0 22px;
+  width: 1300px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .logo {
+    margin-left: -50px;
+  }
+  .copyright {
+    color: #666;
+    line-height: 1.5;
+    font-size: 12px;
+  }
 }
 
 .avue-shade {
-    position: fixed;
-    display: none;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: rgba(0, 0, 0, .3);
-    z-index: 1024;
-    &--show {
-        display: block;
-    }
+  position: fixed;
+  display: none;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  z-index: 1024;
+  &--show {
+    display: block;
+  }
 }
 
 @media screen and (max-width: 992px) {
-    $width: 240px;
-    // ele的自适应
-    .el-dialog,
-    .el-message-box {
-        width: 98% !important;
-    }
-    //登录页面
-    .login-left {
-        display: none !important;
-    }
-    .login-logo {
-        padding-top: 30px !important;
-        margin-left: -30px;
-    }
-    .login-weaper{
-        margin: 0 auto;
-        width: 96% !important;
-    }
-    .login-border {
-        border-radius: 5px;
-        padding: 40px;
-        margin: 0 auto;
-        float: none !important;
-        width: 100% !important;
-    }
-    .login-main {
-        width: 100% !important;
-    }
-    //主框架
-    .avue-tags {
-        display: none;
-    }
+  $width: 240px;
+  // ele的自适应
+  .el-dialog,
+  .el-message-box {
+    width: 98% !important;
+  }
+  //登录页面
+  .login-left {
+    display: none !important;
+  }
+  .login-logo {
+    padding-top: 30px !important;
+    margin-left: -30px;
+  }
+  .login-weaper {
+    margin: 0 auto;
+    width: 96% !important;
+  }
+  .login-border {
+    border-radius: 5px;
+    padding: 40px;
+    margin: 0 auto;
+    float: none !important;
+    width: 100% !important;
+  }
+  .login-main {
+    width: 100% !important;
+  }
+  //主框架
+  .avue-tags {
+    display: none;
+  }
+  .avue-left,
+  .avue-logo {
+    left: -$width;
+  }
+  .avue-main {
+    left: 0;
+    width: 100%;
+  }
+  .avue-header {
+    margin-bottom: 15px;
+    padding-left: 15px;
+  }
+  .top-bar__item {
+    display: none;
+  }
+  .avue--collapse {
     .avue-left,
     .avue-logo {
-        left: -$width;
+      width: $width;
+      left: 0;
     }
     .avue-main {
-        left: 0;
-        width: 100%;
+      left: $width;
+      width: 100%;
     }
     .avue-header {
-        margin-bottom: 15px;
-        padding-left: 15px;
-    }
-    .top-bar__item {
-        display: none;
+      padding: 0;
+      transform: translate3d(230px, 0, 0);
     }
-    .avue--collapse {
-        .avue-left,
-        .avue-logo {
-            width: $width;
-            left: 0;
-        }
-        .avue-main {
-            left: $width;
-            width: 100%;
-        }
-        .avue-header {
-            padding: 0;
-            transform: translate3d(230px, 0, 0);
-        }
-        .avue-shade {
-            display: block;
-        }
+    .avue-shade {
+      display: block;
     }
+  }
 }

src/styles/mixin.scss

@@ -1,73 +1,70 @@
 @mixin clearfix {
-    &:after {
-        content: "";
-        display: table;
-        clear: both;
-    }
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
 }
 
 @mixin scrollBar {
-     ::-webkit-scrollbar-track-piece {
-        background-color: transparent;
-    }
-     ::-webkit-scrollbar {
-        width: 7px;
-        height: 7px;
-        background-color: transparent;
-    }
-     ::-webkit-scrollbar-thumb {
-        border-radius: 5px;
-        background-color: hsla(220, 4%, 58%, .3);
-    }
+  ::-webkit-scrollbar-track-piece {
+    background-color: transparent;
+  }
+  ::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+    background-color: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background-color: hsla(220, 4%, 58%, 0.3);
+  }
 }
 
 @mixin radius($width, $size, $color) {
-    width: $width;
-    height: $width;
-    line-height: $width;
-    border-radius: $width;
-    text-align: center;
-    border-width: $size;
-    border-style: solid;
-    border-color: $color;
+  width: $width;
+  height: $width;
+  line-height: $width;
+  border-radius: $width;
+  text-align: center;
+  border-width: $size;
+  border-style: solid;
+  border-color: $color;
 }
 
 @mixin relative {
-    position: relative;
-    width: 100%;
-    height: 100%;
+  position: relative;
+  width: 100%;
+  height: 100%;
 }
 
 @mixin pct($pct) {
-    width: #{$pct};
-    position: relative;
-    margin: 0 auto;
+  width: #{$pct};
+  position: relative;
+  margin: 0 auto;
 }
 
 @mixin triangle($width, $height, $color, $direction) {
-    $width: $width/2;
-    $color-border-style: $height solid $color;
-    $transparent-border-style: $width solid transparent;
-    height: 0;
-    width: 0;
-    @if $direction==up {
-        border-bottom: $color-border-style;
-        border-left: $transparent-border-style;
-        border-right: $transparent-border-style;
-    }
-    @else if $direction==right {
-        border-left: $color-border-style;
-        border-top: $transparent-border-style;
-        border-bottom: $transparent-border-style;
-    }
-    @else if $direction==down {
-        border-top: $color-border-style;
-        border-left: $transparent-border-style;
-        border-right: $transparent-border-style;
-    }
-    @else if $direction==left {
-        border-right: $color-border-style;
-        border-top: $transparent-border-style;
-        border-bottom: $transparent-border-style;
-    }
-}
+  $width: $width/2;
+  $color-border-style: $height solid $color;
+  $transparent-border-style: $width solid transparent;
+  height: 0;
+  width: 0;
+  @if $direction==up {
+    border-bottom: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==right {
+    border-left: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  } @else if $direction==down {
+    border-top: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==left {
+    border-right: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
+}

src/styles/normalize.scss

@@ -15,63 +15,63 @@
  * 修正IE 8/9 中未定义的块级元素。
  */
 
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- nav,
- section,
- summary {
-     display: block;
- }
- 
- /**
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
   * Correct `inline-block` display not defined in IE 8/9.
   *
   * 修正在 IE 8/9 中未定义的 'inline-block' 元素。
   */
- 
- audio,
- canvas,
- video {
-     display: inline-block;
- }
- 
- /**
+
+audio,
+canvas,
+video {
+  display: inline-block;
+}
+
+/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   *
   * 阻止现在浏览器显示未定义 control 播放控件的 'audio' 声音元素。
   * 删除 IOS 5 设备中显示的多余的高度。
   */
- 
- audio:not([controls]) {
-     display: none;
-     height: 0;
- }
- 
- /**
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
   * Address styling not present in IE 8/9.
   *
   * 处理 IE 8/9 中不存在的样式。
   */
- 
- [hidden] {
-     display: none;
- }
- 
- /* ==========================================================================
+
+[hidden] {
+  display: none;
+}
+
+/* ==========================================================================
     Base
  
     基本设置
     ========================================================================== */
- 
- /**
+
+/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS text size adjust after orientation change, without disabling
   *    user zoom.
@@ -79,250 +79,250 @@
   * 1. 设置默认字体类型为 sans-serif.
   * 2. 当用户放大或缩小页面时不改变字体大小。
   */
- 
- html {
-     font-family: sans-serif; /* 1 */
-     -ms-text-size-adjust: 100%; /* 2 */
-     -webkit-text-size-adjust: 100%; /* 2 */
- }
- 
- /**
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
   * Remove default margin.
   *
   * 删除默认边距。
   */
- 
- body {
-     margin: 0;
- }
- 
- /* ==========================================================================
+
+body {
+  margin: 0;
+}
+
+/* ==========================================================================
     Links
  
     链接
     ========================================================================== */
- 
- /**
+
+/**
   * Address `outline` inconsistency between Chrome and other browsers.
   *
   * 处理 Chrome 与其它浏览器中关于 'outline' 的不一致性。
   */
- 
- a:focus {
-     outline: thin dotted;
- }
- 
- /**
+
+a:focus {
+  outline: thin dotted;
+}
+
+/**
   * Improve readability when focused and also mouse hovered in all browsers.
   *
   * 为所有浏览器改善当激活或悬停在元素上时元素内容的可读性。
   */
- 
- a:active,
- a:hover {
-     outline: 0;
- }
- 
- /* ==========================================================================
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* ==========================================================================
     Typography
  
     排版
     ========================================================================== */
- 
- /**
+
+/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari 5, and Chrome.
   *
   * 处理多变的 'h1' 字体大小及其在 Firefox 4+, Safari 5, 及 Chrome时浏览器中的 
   * 'section' 与　'article' 元素中的边距。
   */
- 
- h1 {
-     font-size: 2em;
-     margin: 0.67em 0;
- }
- 
- /**
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
   * Address styling not present in IE 8/9, Safari 5, and Chrome.
   *
   * 处理在 IE 8/9, Safari 5, 及 Chrome 没有的样式。
   */
- 
- abbr[title] {
-     border-bottom: 1px dotted;
- }
- 
- /**
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
   * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
   *
   * 处理 Firefox 4+, Safari 5, 及 Chrome 中默认的 'bolder' 样式为　'bold'.
   */
- 
- b,
- strong {
-     font-weight: bold;
- }
- 
- /**
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
   * Address styling not present in Safari 5 and Chrome.
   *
   * 处理在 Safari 5 和 Chrome 没有的样式。
   */
- 
- dfn {
-     font-style: italic;
- }
- 
- /**
+
+dfn {
+  font-style: italic;
+}
+
+/**
   * Address differences between Firefox and other browsers.
   *
   * 处理　Firefox　与其它浏览器的差异。
   */
- 
- hr {
-     -moz-box-sizing: content-box;
-     box-sizing: content-box;
-     height: 0;
- }
- 
- /**
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
   * Address styling not present in IE 8/9.
   *
   * 处理在 IE 8/9 中没有的样式。
   */
- 
- mark {
-     background: #ff0;
-     color: #000;
- }
- 
- /**
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
   * Correct font family set oddly in Safari 5 and Chrome.
   *
   * 修正确 Safari 5 和 Chrome 中古怪的默认字体。
   */
- 
- code,
- kbd,
- pre,
- samp {
-     font-family: monospace, serif;
-     font-size: 1em;
- }
- 
- /**
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, serif;
+  font-size: 1em;
+}
+
+/**
   * Improve readability of pre-formatted text in all browsers.
   *
   * 为所有浏览器改善预格式化文本的可读性。
   */
- 
- pre {
-     white-space: pre-wrap;
- }
- 
- /**
+
+pre {
+  white-space: pre-wrap;
+}
+
+/**
   * Set consistent quote types.
   *
   * 设置一致的引用格式。
   */
- 
- q {
-     quotes: "\201C" "\201D" "\2018" "\2019";
- }
- 
- /**
+
+q {
+  quotes: "\201C""\201D""\2018""\2019";
+}
+
+/**
   * Address inconsistent and variable font size in all browsers.
   *
   * 处理所有浏览器中字体大小的不一致性[译者注：原文直译为：处理所有
   * 浏览器中的不一致和多变的字体大小]。
   */
- 
- small {
-     font-size: 80%;
- }
- 
- /**
+
+small {
+  font-size: 80%;
+}
+
+/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   *
   * 阻止所有浏览器中 'sub' 和 'sup' 元素影响 'line-height'. 
   * [译者注：就是不让上标与下标影响行高。]
   */
- 
- sub,
- sup {
-     font-size: 75%;
-     line-height: 0;
-     position: relative;
-     vertical-align: baseline;
- }
- 
- sup {
-     top: -0.5em;
- }
- 
- sub {
-     bottom: -0.25em;
- }
- 
- /* ==========================================================================
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* ==========================================================================
     Embedded content
  
     嵌入的内容
     ========================================================================== */
- 
- /**
+
+/**
   * Remove border when inside `a` element in IE 8/9.
   *
   * 删除 IE 8/9 中当内容位于 'a' 中出现的边框。
   */
- 
- img {
-     border: 0;
- }
- 
- /**
+
+img {
+  border: 0;
+}
+
+/**
   * Correct overflow displayed oddly in IE 9.
   *
   * 修正 IE 9 中显示古怪的溢出内容。
   */
- 
- svg:not(:root) {
-     overflow: hidden;
- }
- 
- /* ==========================================================================
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* ==========================================================================
     Figures
  
     Figure 图像/图表/代码等
     ========================================================================== */
- 
- /**
+
+/**
   * Address margin not present in IE 8/9 and Safari 5.
   *
   * 处理在 IE 8/9 和 Safari 5 没有的边距。
   */
- 
- figure {
-     margin: 0;
- }
- 
- /* ==========================================================================
+
+figure {
+  margin: 0;
+}
+
+/* ==========================================================================
     Forms
     ========================================================================== */
- 
- /**
+
+/**
   * Define consistent border, margin, and padding.
   *
   * 定义一致的边框、外边距及内边距。
   */
- 
- fieldset {
-     border: 1px solid #c0c0c0;
-     margin: 0 2px;
-     padding: 0.35em 0.625em 0.75em;
- }
- 
- /**
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
   * 1. Correct `color` not being inherited in IE 8/9.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   * 1. 修正在　IE 8/9 中没有继承的 'color'. 
@@ -330,13 +330,13 @@
   *    [译者注：说是修正颜色嘛，可下面没有关于颜色的呀，这也行？求大神解释！]
   * 2. 去掉内边距，避免当用户清空表单组时认为出错了。
   */
- 
- legend {
-     border: 0; /* 1 */
-     padding: 0; /* 2 */
- }
- 
- /**
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
   * 1. Correct font family not being inherited in all browsers.
   * 2. Correct font size not being inherited in all browsers.
   * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
@@ -345,29 +345,29 @@
   * 2. 修正所有浏览器中未被继承的字体大小。
   * 3. 处理 Firefox 4+, Safari 5, 及 Chrome 中默认设置不同的外边距。
   */
- 
- button,
- input,
- select,
- textarea {
-     font-family: inherit; /* 1 */
-     font-size: 100%; /* 2 */
-     margin: 0; /* 3 */
- }
- 
- /**
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   *
   * 处理 Firefox 4+ 中的客户端样式表里使用 '!important' 设置的 'line-height'.
   */
- 
- button,
- input {
-     line-height: normal;
- }
- 
- /**
+
+button,
+input {
+  line-height: normal;
+}
+
+/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
@@ -378,13 +378,13 @@
   * 修正 Chrome, Safari 5+, 及 IE 8+ 中 'button' 的继承样式。
   * 修正 Firefox 4+ 和 Opera 中 'select' 的继承样式。
   */
- 
- button,
- select {
-     text-transform: none;
- }
- 
- /**
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
@@ -395,41 +395,41 @@
   * 2. 修正 iOS 中不可点击的 'input' 样式。
   * 3. 改善图片类型的 'input' 等光标样式的可用性与一致性。
   */
- 
- button,
+
+button,
  html input[type="button"], /* 1 */
  input[type="reset"],
  input[type="submit"] {
-     -webkit-appearance: button; /* 2 */
-     cursor: pointer; /* 3 */
- }
- 
- /**
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
   * Re-set default cursor for disabled elements.
   * 
   * 重置不可用元素的默认光标样式。
   */
- 
- button[disabled],
- html input[disabled] {
-     cursor: default;
- }
- 
- /**
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
   * 1. Address box sizing set to `content-box` in IE 8/9.
   * 2. Remove excess padding in IE 8/9.
   *
   * 1. 处理 IE 8/9 中设置为 'content-box' 的盒子模型。
   * 2. 删除 IE 8/9 中多余的内边距。
   */
- 
- input[type="checkbox"],
- input[type="radio"] {
-     box-sizing: border-box; /* 1 */
-     padding: 0; /* 2 */
- }
- 
- /**
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
   * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
   *    (include `-moz` to future-proof).
@@ -438,65 +438,64 @@
   * 2. 处理 Safari 5 和 Chrome 中默认设置为 'box-sizing' 的 'border-box'
   *    (包括不会过时的 '-moz').
   */
- 
- input[type="search"] {
-     -webkit-appearance: textfield; /* 1 */
-     -moz-box-sizing: content-box;
-     -webkit-box-sizing: content-box; /* 2 */
-     box-sizing: content-box;
- }
- 
- /**
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
   * Remove inner padding and search cancel button in Safari 5 and Chrome
   * on OS X.
   *
   * 删除 Safari 5 和 OS X 上的 Chrome 中的输入框上的内边距和搜索取消按钮。
   */
- 
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-decoration {
-     -webkit-appearance: none;
- }
- 
- /**
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
   * Remove inner padding and border in Firefox 4+.
   *
   * 删除 Firefox 4+ button 与 input 上的内边距。
   */
- 
- button::-moz-focus-inner,
- input::-moz-focus-inner {
-     border: 0;
-     padding: 0;
- }
- 
- /**
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
   * 1. Remove default vertical scrollbar in IE 8/9.
   * 2. Improve readability and alignment in all browsers.
   *
   * 1. 删除 IE8/9 中默认的垂直滚动条。
   * 2. 改善所有浏览器中的可读性并使文本垂直对齐。
   */
- 
- textarea {
-     overflow: auto; /* 1 */
-     vertical-align: top; /* 2 */
- }
- 
- /* ==========================================================================
+
+textarea {
+  overflow: auto; /* 1 */
+  vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
     Tables
  
     表格
     ========================================================================== */
- 
- /**
+
+/**
   * Remove most spacing between table cells.
   *
   * 删除表格里单元格间的间距。
   */
- 
- table {
-     border-collapse: collapse;
-     border-spacing: 0;
- }
- 
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

src/utils/util.ts

@@ -1,30 +1,5 @@
 import { ref } from "vue";
 import CryptoJS from "crypto-js";
-/**
- * 参数处理
- * @param {*} params  参数
- */
-export function tansParams(params: any) {
-  let result = "";
-  for (const propName of Object.keys(params)) {
-    const value = params[propName];
-    const part = encodeURIComponent(propName) + "=";
-    if (value !== null && value !== "" && typeof value !== "undefined") {
-      if (typeof value === "object") {
-        for (const key of Object.keys(value)) {
-          if (value[key] !== null && value[key] !== "" && typeof value[key] !== "undefined") {
-            const params = propName + "[" + key + "]";
-            const subPart = encodeURIComponent(params) + "=";
-            result += subPart + encodeURIComponent(value[key]) + "&";
-          }
-        }
-      } else {
-        result += part + encodeURIComponent(value) + "&";
-      }
-    }
-  }
-  return result;
-}
 
 // 构造树型结构数据
 export function handleTree(arr: any, id: string) {
@@ -165,3 +140,12 @@ export const getObjType = (obj: any) => {
   }
   return map[toString.call(obj)];
 };
+
+// 表单序列化
+export const serialize = (data: any) => {
+  const list: string[] = [];
+  Object.keys(data).forEach((ele) => {
+    list.push(`${ele}=${data[ele]}`);
+  });
+  return list.join("&");
+};

src/views/InformationAudit/enterWarehouseAudit/detail.vue

@@ -47,7 +47,7 @@
               :limit="3"
               :on-exceed="handleExceed"
             >
-              <el-button style="margin-top:10px" type="primary">选择文件</el-button>
+              <el-button style="margin-top: 10px" type="primary">选择文件</el-button>
             </el-upload>
           </el-form-item></el-col
         >
@@ -65,9 +65,9 @@ import { reactive, toRefs } from "vue";
 import { getSuppliesType } from "@/api/dataStatistics/index";
 import { Search } from "@element-plus/icons-vue";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { useRouter } from "vue-router"
+import { useRouter } from "vue-router";
 
-const router = useRouter()
+const router = useRouter();
 const data = reactive({
   tableData: []
 });
@@ -101,11 +101,11 @@ const getList = () => {
 };
 // 通过
 const handleAgree = () => {
-  router.push('enterWarehouseAudit')
+  router.push("enterWarehouseAudit");
 };
 // 退回
 const handleReturn = () => {
-  router.push('enterWarehouseAudit')
+  router.push("enterWarehouseAudit");
 };
 
 // 附件相关
@@ -147,7 +147,7 @@ getList();
 .bottom-btn + .bottom-btn {
   margin-left: 20px;
 }
-.el-form-item{
+.el-form-item {
   align-items: center;
 }
 </style>

src/views/InformationAudit/enterWarehouseAudit/index.vue

@@ -47,10 +47,20 @@
       <el-table-column prop="moduleNum" label="当前审批节点" header-align="center" align="center" />
       <el-table-column label="操作" header-align="center" align="center" width="160">
         <template #default="scope">
-          <el-button size="" type="warning" style="backgroundColor: #dbc262" @click="handleProcess(scope.$index, scope.row)"
+          <el-button
+            size=""
+            type="warning"
+            style="backgroundcolor: #dbc262"
+            @click="handleProcess(scope.$index, scope.row)"
             >审核</el-button
           >
-          <el-button size="" type="primary" style="backgroundColor: #949aef" @click="handleShow(scope.$index, scope.row)">查看</el-button>
+          <el-button
+            size=""
+            type="primary"
+            style="backgroundcolor: #949aef"
+            @click="handleShow(scope.$index, scope.row)"
+            >查看</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -69,13 +79,13 @@
 import { reactive, toRefs } from "vue";
 import { getSuppliesType } from "@/api/dataStatistics/index";
 import { Search } from "@element-plus/icons-vue";
-import { useRouter } from "vue-router"
+import { useRouter } from "vue-router";
 
-const router = useRouter()
+const router = useRouter();
 const data = reactive({
   tableData: [],
   cklxOptions: [],
-  spjdOptions: [],
+  spjdOptions: []
 });
 let page = reactive({
   currentPage: 1,
@@ -127,11 +137,11 @@ const handleReSearch = () => {
 };
 // 审核
 const handleProcess = () => {
-  router.push('enterWarehouseAuditDetail')
+  router.push("enterWarehouseAuditDetail");
 };
 // 查看
 const handleShow = () => {
-  router.push('enterWarehouseAuditDetail')
+  router.push("enterWarehouseAuditDetail");
 };
 
 getList();

src/views/InformationAudit/outWarehouseAudit/detail.vue

@@ -47,7 +47,7 @@
               :limit="3"
               :on-exceed="handleExceed"
             >
-              <el-button style="margin-top:10px" type="primary">选择文件</el-button>
+              <el-button style="margin-top: 10px" type="primary">选择文件</el-button>
             </el-upload>
           </el-form-item></el-col
         >
@@ -65,9 +65,9 @@ import { reactive, toRefs } from "vue";
 import { getSuppliesType } from "@/api/dataStatistics/index";
 import { Search } from "@element-plus/icons-vue";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { useRouter } from "vue-router"
+import { useRouter } from "vue-router";
 
-const router = useRouter()
+const router = useRouter();
 const data = reactive({
   tableData: []
 });
@@ -101,11 +101,11 @@ const getList = () => {
 };
 // 通过
 const handleAgree = () => {
-  router.push('enterWarehouseAuditDetail')
+  router.push("enterWarehouseAuditDetail");
 };
 // 退回
 const handleReturn = () => {
-  router.push('enterWarehouseAuditDetail')
+  router.push("enterWarehouseAuditDetail");
 };
 
 // 附件相关
@@ -147,7 +147,7 @@ getList();
 .bottom-btn + .bottom-btn {
   margin-left: 20px;
 }
-.el-form-item{
+.el-form-item {
   align-items: center;
 }
 </style>

src/views/InformationAudit/outWarehouseAudit/index.vue

@@ -49,10 +49,20 @@
       <el-table-column prop="moduleNum" label="当前审批节点" header-align="center" align="center" />
       <el-table-column label="操作" header-align="center" align="center" width="160">
         <template #default="scope">
-          <el-button size="" type="warning" style="backgroundColor: #dbc262" @click="handleProcess(scope.$index, scope.row)"
+          <el-button
+            size=""
+            type="warning"
+            style="backgroundcolor: #dbc262"
+            @click="handleProcess(scope.$index, scope.row)"
             >审核</el-button
           >
-          <el-button size="" type="primary" style="backgroundColor: #949aef" @click="handleShow(scope.$index, scope.row)">查看</el-button>
+          <el-button
+            size=""
+            type="primary"
+            style="backgroundcolor: #949aef"
+            @click="handleShow(scope.$index, scope.row)"
+            >查看</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -71,14 +81,14 @@
 import { reactive, toRefs } from "vue";
 import { getSuppliesType } from "@/api/dataStatistics/index";
 import { Search } from "@element-plus/icons-vue";
-import { useRouter } from "vue-router"
+import { useRouter } from "vue-router";
 
-const router = useRouter()
+const router = useRouter();
 const data = reactive({
   tableData: [],
   cklxOptions: [],
   dqspjdOptions: [],
-  spjdOptions: [],
+  spjdOptions: []
 });
 let page = reactive({
   currentPage: 1,
@@ -130,11 +140,11 @@ const handleReSearch = () => {
 };
 // 审核
 const handleProcess = () => {
-  router.push('outWarehouseAuditDetail')
+  router.push("outWarehouseAuditDetail");
 };
 // 查看
 const handleShow = () => {
-  router.push('outWarehouseAuditDetail')
+  router.push("outWarehouseAuditDetail");
 };
 
 getList();

src/views/InformationFilling/enterWarehouseInfo/detail.vue

@@ -4,15 +4,15 @@
     <el-table :data="tableData" border>
       <el-table-column prop="type" label="物资名称" align="center" width="120">
         <template #default="scope">
-          <el-select v-model="scope.row.type" style="width:90px" size="small" clearable>
-            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value"/>
+          <el-select v-model="scope.row.type" style="width: 90px" size="small" clearable>
+            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </template>
       </el-table-column>
       <el-table-column prop="type" label="单位" align="center" width="120">
         <template #default="scope">
-          <el-select v-model="scope.row.type" style="width:90px" size="small" clearable>
-            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value"/>
+          <el-select v-model="scope.row.type" style="width: 90px" size="small" clearable>
+            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </template>
       </el-table-column>
@@ -43,8 +43,8 @@
       </el-table-column>
       <el-table-column prop="type" label="是否可用" align="center" width="120">
         <template #default="scope">
-          <el-select v-model="scope.row.type" style="width:90px" size="small" clearable>
-            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value"/>
+          <el-select v-model="scope.row.type" style="width: 90px" size="small" clearable>
+            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </template>
       </el-table-column>
@@ -74,56 +74,58 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
-import { Delete, Plus } from '@element-plus/icons-vue'
-import { ElMessage } from 'element-plus'
-import router from '@/router';
+import { ref } from "vue";
+import { Delete, Plus } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+import router from "@/router";
 const transType = [
-  {value: 1, label: '1'},
-  {value: 2, label: '2'},
-  {value: 3, label: '3'},
-  {value: 4, label: '4'}
-]
+  { value: 1, label: "1" },
+  { value: 2, label: "2" },
+  { value: 3, label: "3" },
+  { value: 4, label: "4" }
+];
 const tableData = ref([
   {
     type: 1,
-    days: '11',
-    amount: '111'
+    days: "11",
+    amount: "111"
   }
-])
+]);
 // 新增一行
-const addTableData = (rowIndex)=>{
+const addTableData = (rowIndex) => {
   const newRow = [
     {
       type: 3,
-      days: '22',
-      amount: '222'
+      days: "22",
+      amount: "222"
     }
-  ]
-  tableData.value.splice(rowIndex+1, 0, newRow);
-}
+  ];
+  tableData.value.splice(rowIndex + 1, 0, newRow);
+};
 // 删除
-const deleteTableData = (rowIndex) =>{
-  if(tableData.value.length > 1){
+const deleteTableData = (rowIndex) => {
+  if (tableData.value.length > 1) {
     tableData.value.splice(rowIndex, 1);
-  }else{
+  } else {
     ElMessage({
-      message: '最后一条不可删除！',
-      type: 'warning',
-    })
+      message: "最后一条不可删除！",
+      type: "warning"
+    });
   }
-}
+};
 
 /** 返回 */
 const returnPage = (row: any) => {
-    router.push({
-        path: '/InformationFilling/enterWarehouseInfo',
-        query: row
-    })
-}
+  router.push({
+    path: "/InformationFilling/enterWarehouseInfo",
+    query: row
+  });
+};
 </script>
 
-<style lang='scss' scoped>
-.operationbox{ text-align: center; margin-top: 30px;}
+<style lang="scss" scoped>
+.operationbox {
+  text-align: center;
+  margin-top: 30px;
+}
 </style>
-

src/views/InformationFilling/enterWarehouseInfo/index.vue

@@ -33,9 +33,7 @@
       <el-table-column prop="dmUpname3" label="提交时间" align="center" />
       <el-table-column fixed="right" label="操作" width="150" align="center">
         <template #default>
-          <el-button link type="success" size="small" @click="handleClick"
-            >查看</el-button
-          >
+          <el-button link type="success" size="small" @click="handleClick">查看</el-button>
           <el-button link type="primary" size="small">编辑</el-button>
           <el-button link type="danger" size="small">删除</el-button>
         </template>
@@ -52,10 +50,10 @@
 </template>
 
 <script setup lang="ts">
-import { Plus } from '@element-plus/icons-vue'
+import { Plus } from "@element-plus/icons-vue";
 import { ref, reactive } from "vue";
 import { getSuppliesType } from "@/api/dataStatistics/index";
-import router from '@/router';
+import router from "@/router";
 
 const tableData: any = ref([]);
 const page = reactive({
@@ -64,15 +62,15 @@ const page = reactive({
   total: 0
 });
 const handleClick = () => {
-  console.log('click')
-}
+  console.log("click");
+};
 /** 添加/修改操作 */
 const openDetail = (row: any) => {
-    router.push({
-        path: '/InformationFilling/enterWarehouseInfoDetail',
-        query: row
-    })
-}
+  router.push({
+    path: "/InformationFilling/enterWarehouseInfoDetail",
+    query: row
+  });
+};
 const getList = () => {
   const data = reactive({
     size: page.pageSize,

src/views/admin/menu/index.vue

@@ -51,6 +51,26 @@
         </template>
       </el-table-column>
     </el-table>
+
+    <el-dialog v-model="dialogVisible" :title="title" width="500" :before-close="handleClose">
+      <el-form :model="menuItem">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="菜单类型">
+              <el-checkbox-group v-model="menuItem.menuType" size="large">
+                <el-checkbox-button label="左菜单" />
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitMenu">确 定</el-button>
+          <el-button @click="dialogVisible = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
   </basic-container>
 </template>
 
@@ -66,6 +86,10 @@ const queryParams = ref<Params>({ menuName: "" }); // 搜索参数
 const menuList = ref([{}]); // 表格数据
 const loading = ref<boolean>(false); // 表格loading
 
+const dialogVisible = ref<boolean>(false); // 弹窗是否展开
+const title = ref<string>(""); // 弹窗标题
+const menuItem = ref<any>({}); // 菜单详情
+
 // 获取列表
 const getList = () => {
   loading.value = true;
@@ -74,15 +98,24 @@ const getList = () => {
   });
 };
 
-// 添加/修改菜单
+// 打开添加/修改菜单弹窗
 const addOrUpdateHandle = (isEdit: boolean, id?: string) => {
-  //
+  title.value = isEdit ? "修改" : "新增";
 };
 
 // 删除菜单
 const handleDelete = (row: any) => {
   //
 };
+
+// 提交新增/修改菜单
+const submitMenu = () => {
+  //
+};
+// 新增/修改弹窗关闭前
+const handleClose = (done: () => void) => {
+  done();
+};
 </script>
 
 <style lang="scss" scoped>

src/views/login/index.vue

@@ -72,16 +72,18 @@
 </template>
 <script setup lang="ts">
 import { ref } from "vue";
+import { useStore } from "vuex";
+import { useRouter } from "vue-router";
 import { randomLenNum } from "@/utils/util";
+import { ElMessage } from "element-plus";
 import type { FormInstance, FormRules } from "element-plus";
 import { ILogin, IVerificationCode } from "@/const/interface_type";
 import { UserFilled, Lock, Picture } from "@element-plus/icons-vue";
-import { useStore } from "vuex";
 
 const loginForm = ref<ILogin>({
   username: "",
   password: "",
-  // code: "",
+  code: "1890",
   randomStr: ""
 });
 const form = ref<FormInstance>();
@@ -97,6 +99,7 @@ const verificationCode = ref<IVerificationCode>({
 });
 
 const store = useStore();
+const router = useRouter();
 
 const refreshCode = () => {
   loginForm.value.randomStr = randomLenNum(verificationCode.value.lenth, true);
@@ -109,7 +112,15 @@ const loginSubmit = (formRef?: FormInstance) => {
   if (!formRef) return;
   formRef.validate((valid: boolean) => {
     if (valid) {
-      store.dispatch("LoginByUsername", loginForm.value);
+      store
+        .dispatch("LoginByUsername", loginForm.value)
+        .then(() => {
+          router.push(store.getters.tagWel.value);
+        })
+        .catch((err) => {
+          console.log(err);
+          ElMessage.warning("请检查用户名/密码后再次尝试");
+        });
     }
   });
 };

tsconfig.json

@@ -18,12 +18,6 @@
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "tests/**/*.ts",
-    "tests/**/*.tsx"
-  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"],
   "exclude": ["node_modules"]
 }