✨代码规范强制使用单引号并取消行末分号

.eslintrc.js

@@ -3,12 +3,12 @@ module.exports = {
   env: {
     node: true,
   },
-  extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
+  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/prettier'],
   parserOptions: {
-    parser: "babel-eslint",
+    parser: 'babel-eslint',
   },
   rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
   },
-};
+}

.stylelintrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ["stylelint-config-recess-order", "stylelint-config-prettier"],
+  extends: ['stylelint-config-recess-order', 'stylelint-config-prettier'],
-};
+}

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
+  presets: ['@vue/cli-plugin-babel/preset'],
-};
+}

mock/controller/router.js

@@ -22,38 +22,38 @@
  */
 const data = [
   {
-    path: "/",
+    path: '/',
-    component: "Layout",
+    component: 'Layout',
-    redirect: "/index",
+    redirect: '/index',
     meta: {
-      title: "首页",
+      title: '首页',
-      icon: "home-4-line",
+      icon: 'home-4-line',
       affix: true,
     },
     children: [
       {
-        path: "index",
+        path: 'index',
-        name: "Index",
+        name: 'Index',
-        component: "@/views/index",
+        component: '@/views/index',
         meta: {
-          title: "首页",
+          title: '首页',
-          icon: "home-4-line",
+          icon: 'home-4-line',
           affix: true,
         },
       },
     ],
   },
-];
+]
 module.exports = [
   {
-    url: "/menu/navigate",
+    url: '/menu/navigate',
-    type: "get",
+    type: 'get',
     response() {
       return {
         code: 200,
-        msg: "success",
+        msg: 'success',
         data,
-      };
+      }
     },
   },
-];
+]

mock/controller/table.js

@@ -1,65 +1,65 @@
-const { mock } = require("mockjs");
+const { mock } = require('mockjs')
-const { handleRandomImage } = require("../utils");
+const { handleRandomImage } = require('../utils')
-const List = [];
+const List = []
-const count = 50;
+const count = 50
 for (let i = 0; i < count; i++) {
   List.push(
     mock({
-      uuid: "@uuid",
+      uuid: '@uuid',
-      id: "@id",
+      id: '@id',
-      title: "@title(1, 2)",
+      title: '@title(1, 2)',
-      description: "@csentence",
+      description: '@csentence',
-      "status|1": ["published", "draft", "deleted"],
+      'status|1': ['published', 'draft', 'deleted'],
-      author: "@cname",
+      author: '@cname',
-      datetime: "@datetime",
+      datetime: '@datetime',
-      pageViews: "@integer(300, 5000)",
+      pageViews: '@integer(300, 5000)',
       img: handleRandomImage(228, 228),
-      switch: "@boolean",
+      switch: '@boolean',
-      percent: "@integer(80,99)",
+      percent: '@integer(80,99)',
-      "rate|1": [1, 2, 3, 4, 5],
+      'rate|1': [1, 2, 3, 4, 5],
     })
-  );
+  )
 }
 
 module.exports = [
   {
-    url: "/table/getList",
+    url: '/table/getList',
-    type: "get",
+    type: 'get',
     response(config) {
-      const { title, current = 1, pageSize = 10 } = config.query;
+      const { title, current = 1, pageSize = 10 } = config.query
       let mockList = List.filter((item) => {
-        return !(title && item.title.indexOf(title) < 0);
+        return !(title && item.title.indexOf(title) < 0)
-      });
+      })
       const pageList = mockList.filter(
         (item, index) =>
           index < pageSize * current && index >= pageSize * (current - 1)
-      );
+      )
       return {
         code: 200,
-        msg: "success",
+        msg: 'success',
         total: mockList.length,
         data: pageList,
-      };
+      }
     },
   },
   {
-    url: "/table/doEdit",
+    url: '/table/doEdit',
-    type: "post",
+    type: 'post',
     response() {
       return {
         code: 200,
-        msg: "模拟保存成功",
+        msg: '模拟保存成功',
-      };
+      }
     },
   },
   {
-    url: "/table/doDelete",
+    url: '/table/doDelete',
-    type: "post",
+    type: 'post',
     response() {
       return {
         code: 200,
-        msg: "模拟删除成功",
+        msg: '模拟删除成功',
-      };
+      }
     },
   },
-];
+]

mock/controller/user.js

@@ -1,103 +1,103 @@
 const accessTokens = {
-  admin: "admin-accessToken",
+  admin: 'admin-accessToken',
-  editor: "editor-accessToken",
+  editor: 'editor-accessToken',
-  test: "test-accessToken",
+  test: 'test-accessToken',
-};
+}
 
 module.exports = [
   {
-    url: "/login",
+    url: '/login',
-    type: "post",
+    type: 'post',
     response(config) {
-      const { username } = config.body;
+      const { username } = config.body
-      const accessToken = accessTokens[username];
+      const accessToken = accessTokens[username]
       if (!accessToken) {
         return {
           code: 500,
-          msg: "帐户或密码不正确。",
+          msg: '帐户或密码不正确。',
-        };
+        }
       }
       return {
         code: 200,
-        msg: "success",
+        msg: 'success',
         data: { accessToken },
-      };
+      }
     },
   },
   {
-    url: "/socialLogin",
+    url: '/socialLogin',
-    type: "post",
+    type: 'post',
     response(config) {
-      const { code } = config.body;
+      const { code } = config.body
       if (!code) {
         return {
           code: 500,
-          msg: "未成功获取Token。",
+          msg: '未成功获取Token。',
-        };
+        }
       }
       return {
         code: 200,
-        msg: "success",
+        msg: 'success',
-        data: { accessToken: accessTokens["admin"] },
+        data: { accessToken: accessTokens['admin'] },
-      };
+      }
     },
   },
   {
-    url: "/register",
+    url: '/register',
-    type: "post",
+    type: 'post',
     response() {
       return {
         code: 200,
-        msg: "模拟注册成功",
+        msg: '模拟注册成功',
-      };
+      }
     },
   },
   {
-    url: "/userInfo",
+    url: '/userInfo',
-    type: "post",
+    type: 'post',
     response(config) {
-      const { accessToken } = config.body;
+      const { accessToken } = config.body
-      let roles = ["admin"];
+      let roles = ['admin']
-      let ability = ["READ"];
+      let ability = ['READ']
-      let username = "admin";
+      let username = 'admin'
-      if ("admin-accessToken" === accessToken) {
+      if ('admin-accessToken' === accessToken) {
-        roles = ["admin"];
+        roles = ['admin']
-        ability = ["READ", "WRITE", "DELETE"];
+        ability = ['READ', 'WRITE', 'DELETE']
-        username = "admin";
+        username = 'admin'
       }
-      if ("editor-accessToken" === accessToken) {
+      if ('editor-accessToken' === accessToken) {
-        roles = ["editor"];
+        roles = ['editor']
-        ability = ["READ", "WRITE"];
+        ability = ['READ', 'WRITE']
-        username = "editor";
+        username = 'editor'
       }
-      if ("test-accessToken" === accessToken) {
+      if ('test-accessToken' === accessToken) {
-        roles = ["admin", "editor"];
+        roles = ['admin', 'editor']
-        ability = ["READ"];
+        ability = ['READ']
-        username = "test";
+        username = 'test'
       }
       return {
         code: 200,
-        msg: "success",
+        msg: 'success',
         data: {
           roles,
           ability,
           username,
-          "avatar|1": [
+          'avatar|1': [
-            "https://i.gtimg.cn/club/item/face/img/2/15922_100.gif",
+            'https://i.gtimg.cn/club/item/face/img/2/15922_100.gif',
-            "https://i.gtimg.cn/club/item/face/img/8/15918_100.gif",
+            'https://i.gtimg.cn/club/item/face/img/8/15918_100.gif',
           ],
         },
-      };
+      }
     },
   },
   {
-    url: "/logout",
+    url: '/logout',
-    type: "post",
+    type: 'post',
     response() {
       return {
         code: 200,
-        msg: "success",
+        msg: 'success',
-      };
+      }
     },
   },
-];
+]

mock/index.js

@@ -3,14 +3,14 @@
  * @description 导入所有 controller 模块，npm run serve时在node环境中自动输出controller文件夹下Mock接口，请勿修改。
  */
 
-const { handleMockArray } = require("./utils");
+const { handleMockArray } = require('./utils')
 
-const mocks = [];
+const mocks = []
-const mockArray = handleMockArray();
+const mockArray = handleMockArray()
 mockArray.forEach((item) => {
-  const obj = require(item);
+  const obj = require(item)
-  mocks.push(...obj);
+  mocks.push(...obj)
-});
+})
 module.exports = {
   mocks,
-};
+}

mock/mockServer.js

@@ -1,10 +1,10 @@
-const chokidar = require("chokidar");
+const chokidar = require('chokidar')
-const bodyParser = require("body-parser");
+const bodyParser = require('body-parser')
-const chalk = require("chalk");
+const chalk = require('chalk')
-const path = require("path");
+const path = require('path')
-const Mock = require("mockjs");
+const Mock = require('mockjs')
-const { baseURL } = require("../src/config");
+const { baseURL } = require('../src/config')
-const mockDir = path.join(process.cwd(), "mock");
+const mockDir = path.join(process.cwd(), 'mock')
 
 /**
  *
@@ -12,21 +12,21 @@ const mockDir = path.join(process.cwd(), "mock");
  * @returns {{mockStartIndex: number, mockRoutesLength: number}}
  */
 const registerRoutes = (app) => {
-  let mockLastIndex;
+  let mockLastIndex
-  const { mocks } = require("./index.js");
+  const { mocks } = require('./index.js')
   const mocksForServer = mocks.map((route) => {
-    return responseFake(route.url, route.type, route.response);
+    return responseFake(route.url, route.type, route.response)
-  });
+  })
   for (const mock of mocksForServer) {
-    app[mock.type](mock.url, mock.response);
+    app[mock.type](mock.url, mock.response)
-    mockLastIndex = app._router.stack.length;
+    mockLastIndex = app._router.stack.length
   }
-  const mockRoutesLength = Object.keys(mocksForServer).length;
+  const mockRoutesLength = Object.keys(mocksForServer).length
   return {
     mockRoutesLength: mockRoutesLength,
     mockStartIndex: mockLastIndex - mockRoutesLength,
-  };
+  }
-};
+}
 
 /**
  *
@@ -38,57 +38,57 @@ const registerRoutes = (app) => {
 const responseFake = (url, type, respond) => {
   return {
     url: new RegExp(`${baseURL}${url}`),
-    type: type || "get",
+    type: type || 'get',
     response(req, res) {
-      res.status(200);
+      res.status(200)
-      if (JSON.stringify(req.body) !== "{}") {
+      if (JSON.stringify(req.body) !== '{}') {
-        console.log(chalk.green(`> 请求地址：${req.path}`));
+        console.log(chalk.green(`> 请求地址：${req.path}`))
-        console.log(chalk.green(`> 请求参数：${JSON.stringify(req.body)}\n`));
+        console.log(chalk.green(`> 请求参数：${JSON.stringify(req.body)}\n`))
       } else {
-        console.log(chalk.green(`> 请求地址：${req.path}\n`));
+        console.log(chalk.green(`> 请求地址：${req.path}\n`))
       }
       res.json(
         Mock.mock(respond instanceof Function ? respond(req, res) : respond)
-      );
+      )
     },
-  };
+  }
-};
+}
 /**
  *
  * @param app
  */
 module.exports = (app) => {
-  app.use(bodyParser.json());
+  app.use(bodyParser.json())
   app.use(
     bodyParser.urlencoded({
       extended: true,
     })
-  );
+  )
 
-  const mockRoutes = registerRoutes(app);
+  const mockRoutes = registerRoutes(app)
-  let mockRoutesLength = mockRoutes.mockRoutesLength;
+  let mockRoutesLength = mockRoutes.mockRoutesLength
-  let mockStartIndex = mockRoutes.mockStartIndex;
+  let mockStartIndex = mockRoutes.mockStartIndex
   chokidar
     .watch(mockDir, {
       ignored: /mock-server/,
       ignoreInitial: true,
     })
-    .on("all", (event) => {
+    .on('all', (event) => {
-      if (event === "change" || event === "add") {
+      if (event === 'change' || event === 'add') {
         try {
-          app._router.stack.splice(mockStartIndex, mockRoutesLength);
+          app._router.stack.splice(mockStartIndex, mockRoutesLength)
 
           Object.keys(require.cache).forEach((item) => {
             if (item.includes(mockDir)) {
-              delete require.cache[require.resolve(item)];
+              delete require.cache[require.resolve(item)]
             }
-          });
+          })
-          const mockRoutes = registerRoutes(app);
+          const mockRoutes = registerRoutes(app)
-          mockRoutesLength = mockRoutes.mockRoutesLength;
+          mockRoutesLength = mockRoutes.mockRoutesLength
-          mockStartIndex = mockRoutes.mockStartIndex;
+          mockStartIndex = mockRoutes.mockStartIndex
         } catch (error) {
-          console.log(chalk.red(error));
+          console.log(chalk.red(error))
         }
       }
-    });
+    })
-};
+}

mock/utils/index.js

@@ -1,6 +1,6 @@
-const { Random } = require("mockjs");
+const { Random } = require('mockjs')
-const { join } = require("path");
+const { join } = require('path')
-const fs = require("fs");
+const fs = require('fs')
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -10,7 +10,7 @@ const fs = require("fs");
  * @returns {string}
  */
 function handleRandomImage(width = 50, height = 50) {
-  return `https://picsum.photos/${width}/${height}?random=${Random.guid()}`;
+  return `https://picsum.photos/${width}/${height}?random=${Random.guid()}`
 }
 
 /**
@@ -19,25 +19,25 @@ function handleRandomImage(width = 50, height = 50) {
  * @returns {[]}
  */
 function handleMockArray() {
-  const mockArray = [];
+  const mockArray = []
   const getFiles = (jsonPath) => {
-    const jsonFiles = [];
+    const jsonFiles = []
     const findJsonFile = (path) => {
-      const files = fs.readdirSync(path);
+      const files = fs.readdirSync(path)
       files.forEach((item) => {
-        const fPath = join(path, item);
+        const fPath = join(path, item)
-        const stat = fs.statSync(fPath);
+        const stat = fs.statSync(fPath)
-        if (stat.isDirectory() === true) findJsonFile(item);
+        if (stat.isDirectory() === true) findJsonFile(item)
-        if (stat.isFile() === true) jsonFiles.push(item);
+        if (stat.isFile() === true) jsonFiles.push(item)
-      });
+      })
-    };
+    }
-    findJsonFile(jsonPath);
+    findJsonFile(jsonPath)
-    jsonFiles.forEach((item) => mockArray.push(`./controller/${item}`));
+    jsonFiles.forEach((item) => mockArray.push(`./controller/${item}`))
-  };
+  }
-  getFiles("mock/controller");
+  getFiles('mock/controller')
-  return mockArray;
+  return mockArray
 }
 module.exports = {
   handleRandomImage,
   handleMockArray,
-};
+}

prettier.config.js

@@ -2,15 +2,15 @@ module.exports = {
   printWidth: 80,
   tabWidth: 2,
   useTabs: false,
-  semi: true,
+  semi: false,
-  singleQuote: false,
+  singleQuote: true,
-  quoteProps: "as-needed",
+  quoteProps: 'as-needed',
   jsxSingleQuote: false,
-  trailingComma: "es5",
+  trailingComma: 'es5',
   bracketSpacing: true,
   jsxBracketSameLine: false,
-  arrowParens: "always",
+  arrowParens: 'always',
-  htmlWhitespaceSensitivity: "ignore",
+  htmlWhitespaceSensitivity: 'ignore',
   vueIndentScriptAndStyle: true,
-  endOfLine: "lf",
+  endOfLine: 'lf',
-};
+}

src/App.vue

@@ -2,5 +2,5 @@
   <router-view />
 </template>
 <style lang="less">
-  @import "~@/vab/styles/vab.less";
+  @import '~@/vab/styles/vab.less';
 </style>

src/api/router.js

@@ -1,9 +1,9 @@
-import request from "@/utils/request";
+import request from '@/utils/request'
 
 export function getRouterList(params) {
   return request({
-    url: "/menu/navigate",
+    url: '/menu/navigate',
-    method: "get",
+    method: 'get',
     params,
-  });
+  })
 }

src/api/table.js

@@ -1,25 +1,25 @@
-import request from "@/utils/request";
+import request from '@/utils/request'
 
 export function getList(params) {
   return request({
-    url: "/table/getList",
+    url: '/table/getList',
-    method: "get",
+    method: 'get',
     params,
-  });
+  })
 }
 
 export function doEdit(data) {
   return request({
-    url: "/table/doEdit",
+    url: '/table/doEdit',
-    method: "post",
+    method: 'post',
     data,
-  });
+  })
 }
 
 export function doDelete(data) {
   return request({
-    url: "/table/doDelete",
+    url: '/table/doDelete',
-    method: "post",
+    method: 'post',
     data,
-  });
+  })
 }

src/api/user.js

@@ -1,43 +1,43 @@
-import request from "@/utils/request";
+import request from '@/utils/request'
-import { tokenName } from "@/config";
+import { tokenName } from '@/config'
 
 export async function login(data) {
   return request({
-    url: "/login",
+    url: '/login',
-    method: "post",
+    method: 'post',
     data,
-  });
+  })
 }
 
 export async function socialLogin(data) {
   return request({
-    url: "/socialLogin",
+    url: '/socialLogin',
-    method: "post",
+    method: 'post',
     data,
-  });
+  })
 }
 
 export function getUserInfo(accessToken) {
   //此处为了兼容mock.js使用data传递accessToken，如果使用mock可以走headers
   return request({
-    url: "/userInfo",
+    url: '/userInfo',
-    method: "post",
+    method: 'post',
     data: {
       [tokenName]: accessToken,
     },
-  });
+  })
 }
 
 export function logout() {
   return request({
-    url: "/logout",
+    url: '/logout',
-    method: "post",
+    method: 'post',
-  });
+  })
 }
 
 export function register() {
   return request({
-    url: "/register",
+    url: '/register',
-    method: "post",
+    method: 'post',
-  });
+  })
 }

src/config/config.js

@@ -2,8 +2,8 @@
  * @description 导出自定义配置
  **/
 const config = {
-  layout: "vertical",
+  layout: 'vertical',
   donation: true,
-  templateFolder: "project",
+  templateFolder: 'project',
-};
+}
-module.exports = config;
+module.exports = config

src/config/default/index.js

@@ -1,8 +1,8 @@
 /**
  * @description 导出默认配置(通用配置|主题配置|网络配置)
  **/
-const setting = require("./setting.config");
+const setting = require('./setting.config')
-const theme = require("./theme.config");
+const theme = require('./theme.config')
-const network = require("./net.config");
+const network = require('./net.config')
 
-module.exports = { setting, theme, network };
+module.exports = { setting, theme, network }

src/config/default/net.config.js

@@ -3,12 +3,12 @@
  **/
 const network = {
   //配后端数据的接收方式application/json;charset=UTF-8 或 application/x-www-form-urlencoded;charset=UTF-8
-  contentType: "application/json;charset=UTF-8",
+  contentType: 'application/json;charset=UTF-8',
   //消息框消失时间
   messageDuration: 3000,
   //最长请求时间
   requestTimeout: 10000,
   //操作正常code，支持String、Array、int多种类型
   successCode: [200, 0],
-};
+}
-module.exports = network;
+module.exports = network

src/config/default/setting.config.js

@@ -3,77 +3,77 @@
  */
 const setting = {
   //开发以及部署时的URL，hash模式时在不确定二级目录名称的情况下建议使用""代表相对路径或者"/二级目录/"，history模式默认使用"/"或者"/二级目录/"
-  publicPath: "",
+  publicPath: '',
   //生产环境构建文件的目录名
-  outputDir: "dist",
+  outputDir: 'dist',
   //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
-  assetsDir: "static",
+  assetsDir: 'static',
   //开发环境每次保存时是否输出为eslint编译警告
   lintOnSave: true,
   //进行编译的依赖
-  transpileDependencies: ["vue-echarts", "resize-detector"],
+  transpileDependencies: ['vue-echarts', 'resize-detector'],
   //默认的接口地址 如果是开发环境和生产环境走vab-mock-server，当然你也可以选择自己配置成需要的接口地址
   baseURL:
-    process.env.NODE_ENV === "development" ? "mock-server" : "mock-server",
+    process.env.NODE_ENV === 'development' ? 'mock-server' : 'mock-server',
   //标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
-  title: "vue-admin-beautiful-antdv",
+  title: 'vue-admin-beautiful-antdv',
   //标题分隔符
-  titleSeparator: " - ",
+  titleSeparator: ' - ',
   //标题是否反转 如果为false:"page - title"，如果为ture:"title - page"
   titleReverse: false,
   //简写
-  abbreviation: "vab-pro",
+  abbreviation: 'vab-pro',
   //开发环境端口号
-  devPort: "9999",
+  devPort: '9999',
   //版本号
   version: process.env.VUE_APP_VERSION,
   //pro版本copyright可随意修改
-  copyright: "chuzhixin 1204505056@qq.com",
+  copyright: 'chuzhixin 1204505056@qq.com',
   //缓存路由的最大数量
   keepAliveMaxNum: 99,
   //路由模式，可选值为 history 或 hash
-  routerMode: "hash",
+  routerMode: 'hash',
   //不经过token校验的路由
-  routesWhiteList: ["/login", "/register", "/callback", "/404", "/403"],
+  routesWhiteList: ['/login', '/register', '/callback', '/404', '/403'],
   //加载时显示文字
-  loadingText: "正在加载中...",
+  loadingText: '正在加载中...',
   //token名称
-  tokenName: "accessToken",
+  tokenName: 'accessToken',
   //token在localStorage、sessionStorage、cookie存储的key的名称
-  tokenTableName: "accessToken",
+  tokenTableName: 'accessToken',
   //token存储位置localStorage sessionStorage cookie
-  storage: "localStorage",
+  storage: 'localStorage',
   //token失效回退到登录页时是否记录本次的路由
   recordRoute: true,
   //是否显示logo，不显示时设置false，显示时请填写remixIcon图标名称，暂时只支持设置remixIcon
-  logo: "vuejs-fill",
+  logo: 'vuejs-fill',
   //语言类型zh、en
-  i18n: "zh",
+  i18n: 'zh',
   //在哪些环境下显示高亮错误
-  errorLog: ["development", "production"],
+  errorLog: ['development', 'production'],
   //是否开启登录拦截
   loginInterception: true,
   //是否开启登录RSA加密
   loginRSA: false,
   //intelligence（前端导出路由）和all（后端导出路由）两种方式
-  authentication: "intelligence",
+  authentication: 'intelligence',
   //是否开启roles字段进行角色权限控制（如果是all模式后端完全处理角色并进行json组装，可设置false不处理路由中的roles字段）
   rolesControl: true,
   //vertical gallery comprehensive common布局时是否只保持一个子菜单的展开
   uniqueOpened: false,
   //vertical布局时默认展开的菜单path，使用逗号隔开建议只展开一个
-  defaultOpeneds: ["/vab"],
+  defaultOpeneds: ['/vab'],
   //需要加loading层的请求，防止重复提交
-  debounce: ["doEdit"],
+  debounce: ['doEdit'],
   //需要自动注入并加载的模块
   providePlugin: {},
   //npm run build时是否自动生成7z压缩包
   build7z: false,
   //代码生成机生成在view下的文件夹名称
-  templateFolder: "project",
+  templateFolder: 'project',
   //是否显示终端donation打印
   donation: false,
   //画廊布局和综合布局时，是否点击一级菜单默认开启第一个二级菜单
   openFirstMenu: true,
-};
+}
-module.exports = setting;
+module.exports = setting

src/config/default/theme.config.js

@@ -3,9 +3,9 @@
  */
 const theme = {
   //布局种类 horizontal vertical gallery comprehensive common
-  layout: "horizontal",
+  layout: 'horizontal',
   //主题名称 default ocean green glory white
-  themeName: "default",
+  themeName: 'default',
   //是否固定头部
   fixedHeader: true,
   //是否显示顶部进度条
@@ -24,5 +24,5 @@ const theme = {
   showNotice: true,
   //是否显示全屏组件
   showFullScreen: true,
-};
+}
-module.exports = theme;
+module.exports = theme

src/config/index.js

@@ -2,8 +2,8 @@
  * @description 3个子配置，通用配置|主题配置|网络配置，建议在当前目录下修改config.js修改配置，会覆盖默认配置，也可以直接修改默认配置
  */
 //默认配置
-const { setting, theme, network } = require("./default");
+const { setting, theme, network } = require('./default')
 //自定义配置
-const config = require("./config");
+const config = require('./config')
 //导出配置（以自定义配置为主）
-module.exports = Object.assign({}, setting, theme, network, config);
+module.exports = Object.assign({}, setting, theme, network, config)

src/layout/index.vue

@@ -48,13 +48,13 @@
   </a-layout>
 </template>
 <script>
-  import VabLogo from "./vab-logo";
+  import VabLogo from './vab-logo'
-  import VabAvatar from "./vab-avatar";
+  import VabAvatar from './vab-avatar'
-  import VabMenu from "./vab-menu";
+  import VabMenu from './vab-menu'
-  import VabTabs from "./vab-tabs";
+  import VabTabs from './vab-tabs'
-  import VabContent from "./vab-content";
+  import VabContent from './vab-content'
-  import { mapActions, mapGetters } from "vuex";
+  import { mapActions, mapGetters } from 'vuex'
-  import { MenuUnfoldOutlined, MenuFoldOutlined } from "@ant-design/icons-vue";
+  import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue'
 
   export default {
     components: {
@@ -68,58 +68,58 @@
     },
     data() {
       return {
-        selectedKeys: ["/index"],
+        selectedKeys: ['/index'],
-      };
+      }
     },
     computed: {
       ...mapGetters({
-        collapse: "settings/collapse",
+        collapse: 'settings/collapse',
-        routes: "routes/routes",
+        routes: 'routes/routes',
-        device: "settings/device",
+        device: 'settings/device',
       }),
       classObj() {
         return {
-          "vab-mobile": this.device === "mobile",
+          'vab-mobile': this.device === 'mobile',
-          "vab-collapse": this.collapse,
+          'vab-collapse': this.collapse,
-        };
+        }
       },
     },
     watch: {
       $route: {
         handler({ fullPath }) {
           //暂未研究清楚此处，待改进
-          if (fullPath === "/index") fullPath = "/";
+          if (fullPath === '/index') fullPath = '/'
-          if (fullPath === "/test/test") fullPath = "/test";
+          if (fullPath === '/test/test') fullPath = '/test'
-          this.selectedKeys = [fullPath];
+          this.selectedKeys = [fullPath]
         },
         immediate: true,
       },
     },
     beforeMount() {
-      window.addEventListener("resize", this.handleLayouts);
+      window.addEventListener('resize', this.handleLayouts)
     },
     beforeUnmount() {
-      window.removeEventListener("resize", this.handleLayouts);
+      window.removeEventListener('resize', this.handleLayouts)
     },
     mounted() {
-      this.handleLayouts();
+      this.handleLayouts()
     },
     methods: {
       ...mapActions({
-        toggleDevice: "settings/toggleDevice",
+        toggleDevice: 'settings/toggleDevice',
-        handleFoldSideBar: "settings/foldSideBar",
+        handleFoldSideBar: 'settings/foldSideBar',
-        toggleCollapse: "settings/toggleCollapse",
+        toggleCollapse: 'settings/toggleCollapse',
       }),
       handleLayouts() {
-        const width = document.body.getBoundingClientRect().width;
+        const width = document.body.getBoundingClientRect().width
         if (this.width !== width) {
-          const isMobile = width - 1 < 992;
+          const isMobile = width - 1 < 992
-          this.toggleDevice(isMobile ? "mobile" : "desktop");
+          this.toggleDevice(isMobile ? 'mobile' : 'desktop')
-          this.width = width;
+          this.width = width
         }
       },
     },
-  };
+  }
 </script>
 <style lang="less">
   .ant-layout-content {

src/layout/vab-avatar/index.vue

@@ -16,31 +16,31 @@
 </template>
 
 <script>
-  import { recordRoute } from "@/config";
+  import { recordRoute } from '@/config'
-  import { DownOutlined } from "@ant-design/icons-vue";
+  import { DownOutlined } from '@ant-design/icons-vue'
 
-  import { mapGetters } from "vuex";
+  import { mapGetters } from 'vuex'
   export default {
-    name: "VabAvatar",
+    name: 'VabAvatar',
     components: { DownOutlined },
     computed: {
       ...mapGetters({
-        avatar: "user/avatar",
+        avatar: 'user/avatar',
-        username: "user/username",
+        username: 'user/username',
       }),
     },
     methods: {
       async logout() {
-        await this.$store.dispatch("user/logout");
+        await this.$store.dispatch('user/logout')
         if (recordRoute) {
-          const fullPath = this.$route.fullPath;
+          const fullPath = this.$route.fullPath
-          this.$router.push(`/login?redirect=${fullPath}`);
+          this.$router.push(`/login?redirect=${fullPath}`)
         } else {
-          this.$router.push("/login");
+          this.$router.push('/login')
         }
       },
     },
-  };
+  }
 </script>
 <style lang="less">
   .vab-avatar {

src/layout/vab-content/index.vue

@@ -10,18 +10,18 @@
 
 <script>
   export default {
-    name: "VabContent",
+    name: 'VabContent',
     watch: {
       $route: {
         handler() {
-          if ("mobile" === this.device) {
+          if ('mobile' === this.device) {
-            this.$store.dispatch("settings/foldSideBar");
+            this.$store.dispatch('settings/foldSideBar')
           }
         },
         immediate: true,
       },
     },
-  };
+  }
 </script>
 
 <style lang="less">

src/layout/vab-icon/index.vue

@@ -3,21 +3,21 @@
 </template>
 
 <script>
-  import "remixicon/fonts/remixicon.css";
+  import 'remixicon/fonts/remixicon.css'
 
   export default {
-    name: "VabIcon",
+    name: 'VabIcon',
     props: {
       icon: {
         type: String,
         required: true,
       },
     },
-  };
+  }
 </script>
 
 <style lang="less" scoped>
-  [class*="ri"] {
+  [class*='ri'] {
     font-size: 16px;
     vertical-align: -1px;
   }

src/layout/vab-logo/index.vue

@@ -7,18 +7,18 @@
 </template>
 
 <script>
-  import VabIcon from "@/layout/vab-icon";
+  import VabIcon from '@/layout/vab-icon'
-  import { mapGetters } from "vuex";
+  import { mapGetters } from 'vuex'
   export default {
-    name: "VabLogo",
+    name: 'VabLogo',
     components: { VabIcon },
     computed: {
       ...mapGetters({
-        logo: "settings/logo",
+        logo: 'settings/logo',
-        title: "settings/title",
+        title: 'settings/title',
       }),
     },
-  };
+  }
 </script>
 <style lang="less" scoped>
   .vab-logo {

src/layout/vab-menu/components/MenuItem.vue

@@ -8,16 +8,16 @@
 </template>
 
 <script>
-  import { isExternal } from "@/utils/validate";
+  import { isExternal } from '@/utils/validate'
-  import VabIcon from "@/layout/vab-icon";
+  import VabIcon from '@/layout/vab-icon'
   export default {
-    name: "MenuItem",
+    name: 'MenuItem',
     components: { VabIcon },
     props: {
       item: {
         type: Object,
         default() {
-          return null;
+          return null
         },
       },
       routeChildren: {
@@ -27,16 +27,16 @@
     },
     methods: {
       handleLink() {
-        const routePath = this.routeChildren.fullPath;
+        const routePath = this.routeChildren.fullPath
-        const target = this.routeChildren.meta.target;
+        const target = this.routeChildren.meta.target
-        if (target === "_blank") {
+        if (target === '_blank') {
-          if (isExternal(routePath)) window.open(routePath);
+          if (isExternal(routePath)) window.open(routePath)
-          else if (this.$route.path !== routePath) window.open(routePath.href);
+          else if (this.$route.path !== routePath) window.open(routePath.href)
         } else {
-          if (isExternal(routePath)) window.location.href = routePath;
+          if (isExternal(routePath)) window.location.href = routePath
-          else if (this.$route.path !== routePath) this.$router.push(routePath);
+          else if (this.$route.path !== routePath) this.$router.push(routePath)
         }
       },
     },
-  };
+  }
 </script>

src/layout/vab-menu/components/Submenu.vue

@@ -11,24 +11,24 @@
 </template>
 
 <script>
-  import VabIcon from "@/layout/vab-icon";
+  import VabIcon from '@/layout/vab-icon'
   export default {
-    name: "Submenu",
+    name: 'Submenu',
     components: { VabIcon },
     props: {
       item: {
         type: Object,
         default() {
-          return null;
+          return null
         },
       },
       routeChildren: {
         type: Object,
         default() {
-          return null;
+          return null
         },
       },
     },
     methods: {},
-  };
+  }
 </script>

src/layout/vab-menu/index.vue

@@ -16,10 +16,10 @@
 </template>
 
 <script>
-  import MenuItem from "./components/MenuItem";
+  import MenuItem from './components/MenuItem'
-  import Submenu from "./components/Submenu";
+  import Submenu from './components/Submenu'
   export default {
-    name: "VabMenu",
+    name: 'VabMenu',
     components: { MenuItem, Submenu },
     props: {
       item: {
@@ -30,28 +30,28 @@
     data() {
       return {
         routeChildren: {},
-        menuComponent: "",
+        menuComponent: '',
-      };
+      }
     },
     created() {
-      const showChildren = this.handleChildren(this.item.children);
+      const showChildren = this.handleChildren(this.item.children)
       if (showChildren.length === 0) {
-        this.menuComponent = "MenuItem";
+        this.menuComponent = 'MenuItem'
-        this.routeChildren = this.item;
+        this.routeChildren = this.item
       } else if (showChildren.length === 1 && this.item.alwaysShow !== true) {
-        this.menuComponent = "MenuItem";
+        this.menuComponent = 'MenuItem'
-        this.routeChildren = showChildren[0];
+        this.routeChildren = showChildren[0]
       } else {
-        this.menuComponent = "Submenu";
+        this.menuComponent = 'Submenu'
       }
     },
     methods: {
       handleChildren(children = []) {
-        if (children === null) return [];
+        if (children === null) return []
-        return children.filter((item) => item.hidden !== true);
+        return children.filter((item) => item.hidden !== true)
       },
     },
-  };
+  }
 </script>
 <style lang="less">
   .anticon {

src/layout/vab-tabs/index.vue

@@ -44,10 +44,10 @@
 </template>
 
 <script>
-  import { DownOutlined } from "@ant-design/icons-vue";
+  import { DownOutlined } from '@ant-design/icons-vue'
-  import { mapActions, mapGetters } from "vuex";
+  import { mapActions, mapGetters } from 'vuex'
   export default {
-    name: "VabTabs",
+    name: 'VabTabs',
     components: {
       DownOutlined,
     },
@@ -56,44 +56,44 @@
         affixTabs: [],
         tabActive: null,
         created: false,
-      };
+      }
     },
     computed: {
       ...mapGetters({
-        visitedRoutes: "tagsBar/visitedRoutes",
+        visitedRoutes: 'tagsBar/visitedRoutes',
-        routes: "routes/routes",
+        routes: 'routes/routes',
       }),
     },
     watch: {
       $route: {
         handler(route) {
-          this.addTabs(route);
+          this.addTabs(route)
         },
       },
     },
     created() {
-      this.initAffixTabs(this.routes);
+      this.initAffixTabs(this.routes)
-      this.addTabs(this.$route);
+      this.addTabs(this.$route)
     },
     methods: {
       ...mapActions({
-        addVisitedRoute: "tagsBar/addVisitedRoute",
+        addVisitedRoute: 'tagsBar/addVisitedRoute',
-        delVisitedRoute: "tagsBar/delVisitedRoute",
+        delVisitedRoute: 'tagsBar/delVisitedRoute',
-        delOthersVisitedRoutes: "tagsBar/delOthersVisitedRoutes",
+        delOthersVisitedRoutes: 'tagsBar/delOthersVisitedRoutes',
-        delLeftVisitedRoutes: "tagsBar/delLeftVisitedRoutes",
+        delLeftVisitedRoutes: 'tagsBar/delLeftVisitedRoutes',
-        delRightVisitedRoutes: "tagsBar/delRightVisitedRoutes",
+        delRightVisitedRoutes: 'tagsBar/delRightVisitedRoutes',
-        delAllVisitedRoutes: "tagsBar/delAllVisitedRoutes",
+        delAllVisitedRoutes: 'tagsBar/delAllVisitedRoutes',
       }),
       initAffixTabs(routes) {
         routes.forEach((route) => {
-          if (route.meta && route.meta.affix) this.addTabs(route);
+          if (route.meta && route.meta.affix) this.addTabs(route)
-          if (route.children) this.initAffixTabs(route.children);
+          if (route.children) this.initAffixTabs(route.children)
-        });
+        })
       },
       async addTabs(tag) {
         if (tag.name && tag.meta && tag.meta.tagHidden !== true) {
-          let matched = [tag.name];
+          let matched = [tag.name]
-          if (tag.matched) matched = tag.matched.map((item) => item.name);
+          if (tag.matched) matched = tag.matched.map((item) => item.name)
           await this.addVisitedRoute({
             path: tag.path,
             fullPath: tag.fullPath,
@@ -101,78 +101,78 @@
             name: tag.name,
             matched: matched,
             meta: { ...tag.meta },
-          });
+          })
-          this.tabActive = tag.fullPath;
+          this.tabActive = tag.fullPath
         }
       },
       isActive(route) {
-        return route.path === this.$route.path;
+        return route.path === this.$route.path
       },
       isAffix(tag) {
-        return tag.meta && tag.meta.affix;
+        return tag.meta && tag.meta.affix
       },
       handleTabClick(tab) {
-        const route = this.visitedRoutes.filter((item) => item.path === tab)[0];
+        const route = this.visitedRoutes.filter((item) => item.path === tab)[0]
-        if (this.$route.fullPath !== route.fullPath) this.$router.push(route);
+        if (this.$route.fullPath !== route.fullPath) this.$router.push(route)
       },
       async handleTabRemove(fullPath) {
         const view = this.visitedRoutes.find((item) => {
-          return fullPath === item.fullPath;
+          return fullPath === item.fullPath
-        });
+        })
-        await this.delVisitedRoute(view);
+        await this.delVisitedRoute(view)
-        if (this.isActive(view)) this.toLastTag();
+        if (this.isActive(view)) this.toLastTag()
       },
       handleClick({ key }) {
         switch (key) {
-          case "closeOthersTabs":
+          case 'closeOthersTabs':
-            this.closeOthersTabs();
+            this.closeOthersTabs()
-            break;
+            break
-          case "closeLeftTabs":
+          case 'closeLeftTabs':
-            this.closeLeftTabs();
+            this.closeLeftTabs()
-            break;
+            break
-          case "closeRightTabs":
+          case 'closeRightTabs':
-            this.closeRightTabs();
+            this.closeRightTabs()
-            break;
+            break
-          case "closeAllTabs":
+          case 'closeAllTabs':
-            this.closeAllTabs();
+            this.closeAllTabs()
-            break;
+            break
         }
       },
       async closeSelectedTag(view) {
-        await this.delVisitedRoute(view);
+        await this.delVisitedRoute(view)
         if (this.isActive(view)) {
-          this.toLastTag();
+          this.toLastTag()
         }
       },
       async closeOthersTabs() {
-        await this.delOthersVisitedRoutes(this.toThisTag());
+        await this.delOthersVisitedRoutes(this.toThisTag())
       },
       async closeLeftTabs() {
-        await this.delLeftVisitedRoutes(this.toThisTag());
+        await this.delLeftVisitedRoutes(this.toThisTag())
       },
       async closeRightTabs() {
-        await this.delRightVisitedRoutes(this.toThisTag());
+        await this.delRightVisitedRoutes(this.toThisTag())
       },
       async closeAllTabs() {
-        await this.delAllVisitedRoutes();
+        await this.delAllVisitedRoutes()
         if (this.affixTabs.some((tag) => tag.path === this.toThisTag().path))
-          return;
+          return
-        this.toLastTag();
+        this.toLastTag()
       },
       toLastTag() {
-        const latestView = this.visitedRoutes.slice(-1)[0];
+        const latestView = this.visitedRoutes.slice(-1)[0]
-        if (latestView) this.$router.push(latestView);
+        if (latestView) this.$router.push(latestView)
-        else this.$router.push("/");
+        else this.$router.push('/')
       },
       toThisTag() {
         const view = this.visitedRoutes.find(
           (item) => item.fullPath === this.$route.fullPath
-        );
+        )
-        if (this.$route.path !== view.path) this.$router.push(view);
+        if (this.$route.path !== view.path) this.$router.push(view)
-        return view;
+        return view
       },
     },
-  };
+  }
 </script>
 <style lang="less">
   .vab-tabs {

src/main.js

@@ -1,17 +1,17 @@
-import { createApp } from "vue";
+import { createApp } from 'vue'
-import Antd from "ant-design-vue";
+import Antd from 'ant-design-vue'
-import App from "./App";
+import App from './App'
-import router from "./router";
+import router from './router'
-import store from "./store";
+import store from './store'
-import "ant-design-vue/dist/antd.css";
+import 'ant-design-vue/dist/antd.css'
-import "@/vab";
+import '@/vab'
 /**
  * @author chuzhixin 1204505056@qq.com
  * @description 正式环境默认使用mock，正式项目记得注释后再打包
  */
-if (process.env.NODE_ENV === "production") {
+if (process.env.NODE_ENV === 'production') {
-  const { mockXHR } = require("@/utils/static");
+  const { mockXHR } = require('@/utils/static')
-  mockXHR();
+  mockXHR()
 }
 
-createApp(App).use(store).use(router).use(Antd).mount("#app");
+createApp(App).use(store).use(router).use(Antd).mount('#app')

src/router/index.js

@@ -1,128 +1,128 @@
-import { createRouter, createWebHashHistory } from "vue-router";
+import { createRouter, createWebHashHistory } from 'vue-router'
-import Layout from "@/layout";
+import Layout from '@/layout'
 
 export const constantRoutes = [
   {
-    path: "/login",
+    path: '/login',
-    component: () => import("@/views/login"),
+    component: () => import('@/views/login'),
     hidden: true,
   },
   {
-    path: "/403",
+    path: '/403',
-    name: "403",
+    name: '403',
-    component: () => import("@/views/403"),
+    component: () => import('@/views/403'),
     hidden: true,
   },
   {
-    path: "/404",
+    path: '/404',
-    name: "404",
+    name: '404',
-    component: () => import("@/views/404"),
+    component: () => import('@/views/404'),
     hidden: true,
   },
-];
+]
 export const asyncRoutes = [
   {
-    path: "/",
+    path: '/',
     component: Layout,
-    redirect: "/index",
+    redirect: '/index',
     meta: {
-      title: "首页",
+      title: '首页',
-      icon: "home-4-line",
+      icon: 'home-4-line',
       affix: true,
     },
     children: [
       {
-        path: "index",
+        path: 'index',
-        name: "Index",
+        name: 'Index',
-        component: () => import("@/views/index"),
+        component: () => import('@/views/index'),
         meta: {
-          title: "首页",
+          title: '首页',
-          icon: "home-4-line",
+          icon: 'home-4-line',
           affix: true,
         },
       },
     ],
   },
   {
-    path: "/vab",
+    path: '/vab',
     component: Layout,
-    redirect: "/vab/table",
+    redirect: '/vab/table',
     alwaysShow: true,
     meta: {
-      title: "组件",
+      title: '组件',
-      icon: "apps-line",
+      icon: 'apps-line',
     },
     children: [
       {
-        path: "table",
+        path: 'table',
-        name: "Table",
+        name: 'Table',
-        component: () => import("@/views/vab/table"),
+        component: () => import('@/views/vab/table'),
         meta: {
-          title: "表格",
+          title: '表格',
-          icon: "table-2",
+          icon: 'table-2',
         },
       },
     ],
   },
   {
-    path: "/test",
+    path: '/test',
     component: Layout,
-    redirect: "/test/test",
+    redirect: '/test/test',
     meta: {
-      title: "动态路由测试",
+      title: '动态路由测试',
-      icon: "test-tube-line",
+      icon: 'test-tube-line',
     },
     children: [
       {
-        path: "test",
+        path: 'test',
-        name: "Test",
+        name: 'Test',
-        component: () => import("@/views/test"),
+        component: () => import('@/views/test'),
         meta: {
-          title: "动态路由测试",
+          title: '动态路由测试',
-          icon: "test-tube-line",
+          icon: 'test-tube-line',
         },
       },
     ],
   },
   {
-    path: "/error",
+    path: '/error',
-    name: "Error",
+    name: 'Error',
     component: Layout,
-    redirect: "/error/403",
+    redirect: '/error/403',
     meta: {
-      title: "错误页",
+      title: '错误页',
-      icon: "error-warning-line",
+      icon: 'error-warning-line',
     },
     children: [
       {
-        path: "403",
+        path: '403',
-        name: "Error403",
+        name: 'Error403',
-        component: () => import("@/views/403"),
+        component: () => import('@/views/403'),
         meta: {
-          title: "403",
+          title: '403',
-          icon: "error-warning-line",
+          icon: 'error-warning-line',
         },
       },
       {
-        path: "404",
+        path: '404',
-        name: "Error404",
+        name: 'Error404',
-        component: () => import("@/views/404"),
+        component: () => import('@/views/404'),
         meta: {
-          title: "404",
+          title: '404',
-          icon: "error-warning-line",
+          icon: 'error-warning-line',
         },
       },
     ],
   },
   {
-    path: "/*",
+    path: '/*',
-    redirect: "/404",
+    redirect: '/404',
     hidden: true,
   },
-];
+]
 const router = createRouter({
   history: createWebHashHistory(),
   routes: constantRoutes,
-});
+})
 
-export default router;
+export default router

src/store/index.js

@@ -2,16 +2,16 @@
  * @author chuzhixin 1204505056@qq.com
  * @description 导入所有 vuex 模块，自动加入namespaced:true，用于解决vuex命名冲突，请勿修改。
  */
-import { createStore } from "vuex";
+import { createStore } from 'vuex'
 
-const files = require.context("./modules", false, /\.js$/);
+const files = require.context('./modules', false, /\.js$/)
-const modules = {};
+const modules = {}
 files.keys().forEach((key) => {
-  modules[key.replace(/(\.\/|\.js)/g, "")] = files(key).default;
+  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
-});
+})
 Object.keys(modules).forEach((key) => {
-  modules[key]["namespaced"] = true;
+  modules[key]['namespaced'] = true
-});
+})
 export default createStore({
   modules,
-});
+})

src/store/modules/acl.js

@@ -2,32 +2,32 @@ const state = {
   admin: false,
   role: [],
   ability: [],
-};
+}
 const getters = {
   admin: (state) => state.admin,
   role: (state) => state.role,
   ability: (state) => state.ability,
-};
+}
 const mutations = {
   setFull(state, admin) {
-    state.admin = admin;
+    state.admin = admin
   },
   setRole(state, role) {
-    state.role = role;
+    state.role = role
   },
   setAbility(state, ability) {
-    state.ability = ability;
+    state.ability = ability
   },
-};
+}
 const actions = {
   setFull({ commit }, admin) {
-    commit("setFull", admin);
+    commit('setFull', admin)
   },
   setRole({ commit }, role) {
-    commit("setRole", role);
+    commit('setRole', role)
   },
   setAbility({ commit }, ability) {
-    commit("setAbility", ability);
+    commit('setAbility', ability)
   },
-};
+}
-export default { state, getters, mutations, actions };
+export default { state, getters, mutations, actions }

src/store/modules/routes.js

@@ -2,23 +2,23 @@
  * @author chuzhixin 1204505056@qq.com
  * @description 路由拦截状态管理，目前两种模式：all模式与intelligence模式，其中partialRoutes是菜单暂未使用
  */
-import { asyncRoutes, constantRoutes } from "@/router";
+import { asyncRoutes, constantRoutes } from '@/router'
-import { getRouterList } from "@/api/router";
+import { getRouterList } from '@/api/router'
-import { convertRouter, filterRoutes } from "@/utils/routes";
+import { convertRouter, filterRoutes } from '@/utils/routes'
 
-const state = { routes: [], partialRoutes: [] };
+const state = { routes: [], partialRoutes: [] }
 const getters = {
   routes: (state) => state.routes,
   partialRoutes: (state) => state.partialRoutes,
-};
+}
 const mutations = {
   setRoutes(state, routes) {
-    state.routes = routes;
+    state.routes = routes
   },
   setPartialRoutes(state, routes) {
-    state.partialRoutes = routes;
+    state.partialRoutes = routes
   },
-};
+}
 const actions = {
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -27,9 +27,9 @@ const actions = {
    * @returns
    */
   async setRoutes({ commit }) {
-    const finallyRoutes = filterRoutes([...constantRoutes, ...asyncRoutes]);
+    const finallyRoutes = filterRoutes([...constantRoutes, ...asyncRoutes])
-    commit("setRoutes", finallyRoutes);
+    commit('setRoutes', finallyRoutes)
-    return [...asyncRoutes];
+    return [...asyncRoutes]
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -38,13 +38,13 @@ const actions = {
    * @returns
    */
   async setAllRoutes({ commit }) {
-    let { data } = await getRouterList();
+    let { data } = await getRouterList()
-    if (data[data.length - 1].path !== "*")
+    if (data[data.length - 1].path !== '*')
-      data.push({ path: "*", redirect: "/404", hidden: true });
+      data.push({ path: '*', redirect: '/404', hidden: true })
-    const asyncRoutes = convertRouter(data);
+    const asyncRoutes = convertRouter(data)
-    const finallyRoutes = filterRoutes([...constantRoutes, ...asyncRoutes]);
+    const finallyRoutes = filterRoutes([...constantRoutes, ...asyncRoutes])
-    commit("setRoutes", finallyRoutes);
+    commit('setRoutes', finallyRoutes)
-    return [...asyncRoutes];
+    return [...asyncRoutes]
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -53,7 +53,7 @@ const actions = {
    * @param accessedRoutes 画廊布局、综合布局设置路由
    */
   setPartialRoutes({ commit }, accessedRoutes) {
-    commit("setPartialRoutes", accessedRoutes);
+    commit('setPartialRoutes', accessedRoutes)
   },
-};
+}
-export default { state, getters, mutations, actions };
+export default { state, getters, mutations, actions }

src/store/modules/settings.js

@@ -2,8 +2,8 @@
  * @author chuzhixin 1204505056@qq.com
  * @description 所有全局配置的状态管理，如无必要请勿修改
  */
-import defaultSettings from "@/config";
+import defaultSettings from '@/config'
-import { isJson } from "@/utils/validate";
+import { isJson } from '@/utils/validate'
 
 const {
   logo,
@@ -20,23 +20,23 @@ const {
   showTagsBar,
   showNotice,
   showFullScreen,
-} = defaultSettings;
+} = defaultSettings
 
 const getLocalStorage = (key) => {
-  const value = localStorage.getItem(key);
+  const value = localStorage.getItem(key)
   if (isJson(value)) {
-    return JSON.parse(value);
+    return JSON.parse(value)
   } else {
-    return false;
+    return false
   }
-};
+}
 
-const theme = getLocalStorage("vue-admin-beautiful-pro-theme");
+const theme = getLocalStorage('vue-admin-beautiful-pro-theme')
-const { collapse } = getLocalStorage("vue-admin-beautiful-pro-collapse");
+const { collapse } = getLocalStorage('vue-admin-beautiful-pro-collapse')
-const { language } = getLocalStorage("vue-admin-beautiful-pro-language");
+const { language } = getLocalStorage('vue-admin-beautiful-pro-language')
 const toggleBoolean = (key) => {
-  return typeof theme[key] !== "undefined" ? theme[key] : key;
+  return typeof theme[key] !== 'undefined' ? theme[key] : key
-};
+}
 
 const state = {
   logo,
@@ -45,7 +45,7 @@ const state = {
   themeName: theme.themeName || themeName,
   layout: theme.layout || layout,
   header: theme.header || header,
-  device: "desktop",
+  device: 'desktop',
   language: language || i18n,
   showLanguage: toggleBoolean(showLanguage),
   showProgressBar: toggleBoolean(showProgressBar),
@@ -55,7 +55,7 @@ const state = {
   showTagsBar: toggleBoolean(showTagsBar),
   showNotice: toggleBoolean(showNotice),
   showFullScreen: toggleBoolean(showFullScreen),
-};
+}
 const getters = {
   collapse: (state) => state.collapse,
   device: (state) => state.device,
@@ -73,107 +73,107 @@ const getters = {
   showNotice: (state) => state.showNotice,
   showFullScreen: (state) => state.showFullScreen,
   themeName: (state) => state.themeName,
-};
+}
 const mutations = {
   toggleCollapse(state) {
-    state.collapse = !state.collapse;
+    state.collapse = !state.collapse
     localStorage.setItem(
-      "vue-admin-beautiful-pro-collapse",
+      'vue-admin-beautiful-pro-collapse',
       `{"collapse":${state.collapse}}`
-    );
+    )
   },
   toggleDevice(state, device) {
-    state.device = device;
+    state.device = device
   },
   changeHeader(state, header) {
-    state.header = header;
+    state.header = header
   },
   changeLayout(state, layout) {
-    state.layout = layout;
+    state.layout = layout
   },
   handleShowLanguage(state, showLanguage) {
-    state.showLanguage = showLanguage;
+    state.showLanguage = showLanguage
   },
   handleShowProgressBar(state, showProgressBar) {
-    state.showProgressBar = showProgressBar;
+    state.showProgressBar = showProgressBar
   },
   handleShowRefresh(state, showRefresh) {
-    state.showRefresh = showRefresh;
+    state.showRefresh = showRefresh
   },
   handleShowSearch(state, showSearch) {
-    state.showSearch = showSearch;
+    state.showSearch = showSearch
   },
   handleShowTheme(state, showTheme) {
-    state.showTheme = showTheme;
+    state.showTheme = showTheme
   },
   handleShowTagsBar(state, showTagsBar) {
-    state.showTagsBar = showTagsBar;
+    state.showTagsBar = showTagsBar
   },
   handleShowNotice(state, showNotice) {
-    state.showNotice = showNotice;
+    state.showNotice = showNotice
   },
   handleShowFullScreen(state, showFullScreen) {
-    state.showFullScreen = showFullScreen;
+    state.showFullScreen = showFullScreen
   },
   openSideBar(state) {
-    state.collapse = false;
+    state.collapse = false
   },
   foldSideBar(state) {
-    state.collapse = true;
+    state.collapse = true
   },
   changeLanguage(state, language) {
     localStorage.setItem(
-      "vue-admin-beautiful-pro-language",
+      'vue-admin-beautiful-pro-language',
       `{"language":"${language}"}`
-    );
+    )
-    state.language = language;
+    state.language = language
   },
-};
+}
 const actions = {
   toggleCollapse({ commit }) {
-    commit("toggleCollapse");
+    commit('toggleCollapse')
   },
   toggleDevice({ commit }, device) {
-    commit("toggleDevice", device);
+    commit('toggleDevice', device)
   },
   changeHeader({ commit }, header) {
-    commit("changeHeader", header);
+    commit('changeHeader', header)
   },
   changeLayout({ commit }, layout) {
-    commit("changeLayout", layout);
+    commit('changeLayout', layout)
   },
   handleShowLanguage: ({ commit }, showLanguage) => {
-    commit("handleShowLanguage", showLanguage);
+    commit('handleShowLanguage', showLanguage)
   },
   handleShowProgressBar: ({ commit }, showProgressBar) => {
-    commit("handleShowProgressBar", showProgressBar);
+    commit('handleShowProgressBar', showProgressBar)
   },
   handleShowRefresh: ({ commit }, showRefresh) => {
-    commit("handleShowRefresh", showRefresh);
+    commit('handleShowRefresh', showRefresh)
   },
   handleShowSearch: ({ commit }, showSearch) => {
-    commit("handleShowSearch", showSearch);
+    commit('handleShowSearch', showSearch)
   },
   handleShowTheme: ({ commit }, showTheme) => {
-    commit("handleShowTheme", showTheme);
+    commit('handleShowTheme', showTheme)
   },
   handleShowTagsBar({ commit }, showTagsBar) {
-    commit("handleShowTagsBar", showTagsBar);
+    commit('handleShowTagsBar', showTagsBar)
   },
   handleShowNotice: ({ commit }, showNotice) => {
-    commit("handleShowNotice", showNotice);
+    commit('handleShowNotice', showNotice)
   },
   handleShowFullScreen: ({ commit }, showFullScreen) => {
-    commit("handleShowFullScreen", showFullScreen);
+    commit('handleShowFullScreen', showFullScreen)
   },
   openSideBar({ commit }) {
-    commit("openSideBar");
+    commit('openSideBar')
   },
   foldSideBar({ commit }) {
-    commit("foldSideBar");
+    commit('foldSideBar')
   },
   changeLanguage: ({ commit }, language) => {
-    commit("changeLanguage", language);
+    commit('changeLanguage', language)
   },
-};
+}
-export default { state, getters, mutations, actions };
+export default { state, getters, mutations, actions }

src/store/modules/tagsBar.js

@@ -5,10 +5,10 @@
 
 const state = {
   visitedRoutes: [],
-};
+}
 const getters = {
   visitedRoutes: (state) => state.visitedRoutes,
-};
+}
 const mutations = {
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -18,12 +18,12 @@ const mutations = {
    * @returns
    */
   addVisitedRoute(state, route) {
-    let target = state.visitedRoutes.find((item) => item.path === route.path);
+    let target = state.visitedRoutes.find((item) => item.path === route.path)
     if (target) {
-      if (route.fullPath !== target.fullPath) Object.assign(target, route);
+      if (route.fullPath !== target.fullPath) Object.assign(target, route)
-      return;
+      return
     }
-    state.visitedRoutes.push(Object.assign({}, route));
+    state.visitedRoutes.push(Object.assign({}, route))
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -34,8 +34,8 @@ const mutations = {
    */
   delVisitedRoute(state, route) {
     state.visitedRoutes.forEach((item, index) => {
-      if (item.path === route.path) state.visitedRoutes.splice(index, 1);
+      if (item.path === route.path) state.visitedRoutes.splice(index, 1)
-    });
+    })
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -47,7 +47,7 @@ const mutations = {
   delOthersVisitedRoutes(state, route) {
     state.visitedRoutes = state.visitedRoutes.filter(
       (item) => item.meta.affix || item.path === route.path
-    );
+    )
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -57,11 +57,11 @@ const mutations = {
    * @returns
    */
   delLeftVisitedRoutes(state, route) {
-    let index = state.visitedRoutes.length;
+    let index = state.visitedRoutes.length
     state.visitedRoutes = state.visitedRoutes.filter((item) => {
-      if (item.name === route.name) index = state.visitedRoutes.indexOf(item);
+      if (item.name === route.name) index = state.visitedRoutes.indexOf(item)
-      return item.meta.affix || index <= state.visitedRoutes.indexOf(item);
+      return item.meta.affix || index <= state.visitedRoutes.indexOf(item)
-    });
+    })
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -71,11 +71,11 @@ const mutations = {
    * @returns
    */
   delRightVisitedRoutes(state, route) {
-    let index = state.visitedRoutes.length;
+    let index = state.visitedRoutes.length
     state.visitedRoutes = state.visitedRoutes.filter((item) => {
-      if (item.name === route.name) index = state.visitedRoutes.indexOf(item);
+      if (item.name === route.name) index = state.visitedRoutes.indexOf(item)
-      return item.meta.affix || index >= state.visitedRoutes.indexOf(item);
+      return item.meta.affix || index >= state.visitedRoutes.indexOf(item)
-    });
+    })
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -85,9 +85,9 @@ const mutations = {
    * @returns
    */
   delAllVisitedRoutes(state) {
-    state.visitedRoutes = state.visitedRoutes.filter((item) => item.meta.affix);
+    state.visitedRoutes = state.visitedRoutes.filter((item) => item.meta.affix)
   },
-};
+}
 const actions = {
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -96,7 +96,7 @@ const actions = {
    * @param {*} route
    */
   addVisitedRoute({ commit }, route) {
-    commit("addVisitedRoute", route);
+    commit('addVisitedRoute', route)
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -105,7 +105,7 @@ const actions = {
    * @param {*} route
    */
   delVisitedRoute({ commit }, route) {
-    commit("delVisitedRoute", route);
+    commit('delVisitedRoute', route)
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -114,7 +114,7 @@ const actions = {
    * @param {*} route
    */
   delOthersVisitedRoutes({ commit }, route) {
-    commit("delOthersVisitedRoutes", route);
+    commit('delOthersVisitedRoutes', route)
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -123,7 +123,7 @@ const actions = {
    * @param {*} route
    */
   delLeftVisitedRoutes({ commit }, route) {
-    commit("delLeftVisitedRoutes", route);
+    commit('delLeftVisitedRoutes', route)
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -132,7 +132,7 @@ const actions = {
    * @param {*} route
    */
   delRightVisitedRoutes({ commit }, route) {
-    commit("delRightVisitedRoutes", route);
+    commit('delRightVisitedRoutes', route)
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -140,7 +140,7 @@ const actions = {
    * @param {*} { commit }
    */
   delAllVisitedRoutes({ commit }) {
-    commit("delAllVisitedRoutes");
+    commit('delAllVisitedRoutes')
   },
-};
+}
-export default { state, getters, mutations, actions };
+export default { state, getters, mutations, actions }

src/store/modules/user.js

@@ -2,25 +2,25 @@
  * @author chuzhixin 1204505056@qq.com
  * @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改
  */
-import { getUserInfo, login, logout } from "@/api/user";
+import { getUserInfo, login, logout } from '@/api/user'
 import {
   getAccessToken,
   removeAccessToken,
   setAccessToken,
-} from "@/utils/accessToken";
+} from '@/utils/accessToken'
-import { title, tokenName } from "@/config";
+import { title, tokenName } from '@/config'
-import { message, notification } from "ant-design-vue";
+import { message, notification } from 'ant-design-vue'
 
 const state = {
   accessToken: getAccessToken(),
-  username: "",
+  username: '',
-  avatar: "",
+  avatar: '',
-};
+}
 const getters = {
   accessToken: (state) => state.accessToken,
   username: (state) => state.username,
   avatar: (state) => state.avatar,
-};
+}
 const mutations = {
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -29,8 +29,8 @@ const mutations = {
    * @param {*} accessToken
    */
   setAccessToken(state, accessToken) {
-    state.accessToken = accessToken;
+    state.accessToken = accessToken
-    setAccessToken(accessToken);
+    setAccessToken(accessToken)
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -39,7 +39,7 @@ const mutations = {
    * @param {*} username
    */
   setUsername(state, username) {
-    state.username = username;
+    state.username = username
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -48,9 +48,9 @@ const mutations = {
    * @param {*} avatar
    */
   setAvatar(state, avatar) {
-    state.avatar = avatar;
+    state.avatar = avatar
   },
-};
+}
 const actions = {
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -58,12 +58,9 @@ const actions = {
    * @param {*} { commit, dispatch }
    */
   setVirtualRoles({ commit, dispatch }) {
-    dispatch("acl/setFull", true, { root: true });
+    dispatch('acl/setFull', true, { root: true })
-    commit(
+    commit('setAvatar', 'https://i.gtimg.cn/club/item/face/img/2/15922_100.gif')
-      "setAvatar",
+    commit('setUsername', 'admin(未开启登录拦截)')
-      "https://i.gtimg.cn/club/item/face/img/2/15922_100.gif"
-    );
-    commit("setUsername", "admin(未开启登录拦截)");
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -72,27 +69,27 @@ const actions = {
    * @param {*} userInfo
    */
   async login({ commit }, userInfo) {
-    const { data } = await login(userInfo);
+    const { data } = await login(userInfo)
-    const accessToken = data[tokenName];
+    const accessToken = data[tokenName]
     if (accessToken) {
-      commit("setAccessToken", accessToken);
+      commit('setAccessToken', accessToken)
-      const hour = new Date().getHours();
+      const hour = new Date().getHours()
       const thisTime =
         hour < 8
-          ? "早上好"
+          ? '早上好'
           : hour <= 11
-          ? "上午好"
+          ? '上午好'
           : hour <= 13
-          ? "中午好"
+          ? '中午好'
           : hour < 18
-          ? "下午好"
+          ? '下午好'
-          : "晚上好";
+          : '晚上好'
       notification.open({
         message: `欢迎登录${title}`,
         description: `${thisTime}！`,
-      });
+      })
     } else {
-      message.error(`登录接口异常，未正确返回${tokenName}...`);
+      message.error(`登录接口异常，未正确返回${tokenName}...`)
     }
   },
   /**
@@ -102,20 +99,20 @@ const actions = {
    * @returns
    */
   async getUserInfo({ commit, dispatch, state }) {
-    const { data } = await getUserInfo(state.accessToken);
+    const { data } = await getUserInfo(state.accessToken)
     if (!data) {
-      message.error(`验证失败，请重新登录...`);
+      message.error(`验证失败，请重新登录...`)
-      return false;
+      return false
     }
-    let { username, avatar, roles, ability } = data;
+    let { username, avatar, roles, ability } = data
     if (username && roles && Array.isArray(roles)) {
-      dispatch("acl/setRole", roles, { root: true });
+      dispatch('acl/setRole', roles, { root: true })
       if (ability && ability.length > 0)
-        dispatch("acl/setAbility", ability, { root: true });
+        dispatch('acl/setAbility', ability, { root: true })
-      commit("setUsername", username);
+      commit('setUsername', username)
-      commit("setAvatar", avatar);
+      commit('setAvatar', avatar)
     } else {
-      message.error("用户信息接口异常");
+      message.error('用户信息接口异常')
     }
   },
 
@@ -125,8 +122,8 @@ const actions = {
    * @param {*} { dispatch }
    */
   async logout({ dispatch }) {
-    await logout(state.accessToken);
+    await logout(state.accessToken)
-    await dispatch("resetAll");
+    await dispatch('resetAll')
   },
   /**
    * @author chuzhixin 1204505056@qq.com
@@ -134,18 +131,18 @@ const actions = {
    * @param {*} { commit, dispatch }
    */
   async resetAll({ dispatch }) {
-    await dispatch("setAccessToken", "");
+    await dispatch('setAccessToken', '')
-    await dispatch("acl/setFull", false, { root: true });
+    await dispatch('acl/setFull', false, { root: true })
-    await dispatch("acl/setRole", [], { root: true });
+    await dispatch('acl/setRole', [], { root: true })
-    await dispatch("acl/setAbility", [], { root: true });
+    await dispatch('acl/setAbility', [], { root: true })
-    removeAccessToken();
+    removeAccessToken()
   },
   /**
    * @author chuzhixin 1204505056@qq.com
    * @description 设置token
    */
   setAccessToken({ commit }, accessToken) {
-    commit("setAccessToken", accessToken);
+    commit('setAccessToken', accessToken)
   },
-};
+}
-export default { state, getters, mutations, actions };
+export default { state, getters, mutations, actions }

src/utils/accessToken.js

@@ -1,5 +1,5 @@
-import { storage, tokenTableName } from "@/config";
+import { storage, tokenTableName } from '@/config'
-import cookie from "js-cookie";
+import cookie from 'js-cookie'
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -8,17 +8,17 @@ import cookie from "js-cookie";
  */
 export function getAccessToken() {
   if (storage) {
-    if ("localStorage" === storage) {
+    if ('localStorage' === storage) {
-      return localStorage.getItem(tokenTableName);
+      return localStorage.getItem(tokenTableName)
-    } else if ("sessionStorage" === storage) {
+    } else if ('sessionStorage' === storage) {
-      return sessionStorage.getItem(tokenTableName);
+      return sessionStorage.getItem(tokenTableName)
-    } else if ("cookie" === storage) {
+    } else if ('cookie' === storage) {
-      return cookie.get(tokenTableName);
+      return cookie.get(tokenTableName)
     } else {
-      return localStorage.getItem(tokenTableName);
+      return localStorage.getItem(tokenTableName)
     }
   } else {
-    return localStorage.getItem(tokenTableName);
+    return localStorage.getItem(tokenTableName)
   }
 }
 
@@ -30,17 +30,17 @@ export function getAccessToken() {
  */
 export function setAccessToken(accessToken) {
   if (storage) {
-    if ("localStorage" === storage) {
+    if ('localStorage' === storage) {
-      return localStorage.setItem(tokenTableName, accessToken);
+      return localStorage.setItem(tokenTableName, accessToken)
-    } else if ("sessionStorage" === storage) {
+    } else if ('sessionStorage' === storage) {
-      return sessionStorage.setItem(tokenTableName, accessToken);
+      return sessionStorage.setItem(tokenTableName, accessToken)
-    } else if ("cookie" === storage) {
+    } else if ('cookie' === storage) {
-      return cookie.set(tokenTableName, accessToken);
+      return cookie.set(tokenTableName, accessToken)
     } else {
-      return localStorage.setItem(tokenTableName, accessToken);
+      return localStorage.setItem(tokenTableName, accessToken)
     }
   } else {
-    return localStorage.setItem(tokenTableName, accessToken);
+    return localStorage.setItem(tokenTableName, accessToken)
   }
 }
 
@@ -51,16 +51,16 @@ export function setAccessToken(accessToken) {
  */
 export function removeAccessToken() {
   if (storage) {
-    if ("localStorage" === storage) {
+    if ('localStorage' === storage) {
-      return localStorage.removeItem(tokenTableName);
+      return localStorage.removeItem(tokenTableName)
-    } else if ("sessionStorage" === storage) {
+    } else if ('sessionStorage' === storage) {
-      return sessionStorage.clear();
+      return sessionStorage.clear()
-    } else if ("cookie" === storage) {
+    } else if ('cookie' === storage) {
-      return cookie.remove(tokenTableName);
+      return cookie.remove(tokenTableName)
     } else {
-      return localStorage.removeItem(tokenTableName);
+      return localStorage.removeItem(tokenTableName)
     }
   } else {
-    return localStorage.removeItem(tokenTableName);
+    return localStorage.removeItem(tokenTableName)
   }
 }

src/utils/hasRole.js

@@ -1,51 +1,51 @@
-import store from "@/store";
+import store from '@/store'
 
 export function hasRole(value) {
-  if (store.getters["acl/admin"]) return true;
+  if (store.getters['acl/admin']) return true
   if (value instanceof Array && value.length > 0)
-    return can(store.getters["acl/role"], {
+    return can(store.getters['acl/role'], {
       role: value,
-      mode: "oneOf",
+      mode: 'oneOf',
-    });
+    })
-  let mode = "oneOf";
+  let mode = 'oneOf'
-  if (Object.prototype.hasOwnProperty.call(value, "mode")) mode = value["mode"];
+  if (Object.prototype.hasOwnProperty.call(value, 'mode')) mode = value['mode']
-  let result = true;
+  let result = true
-  if (Object.prototype.hasOwnProperty.call(value, "role"))
+  if (Object.prototype.hasOwnProperty.call(value, 'role'))
     result =
-      result && can(store.getters["acl/role"], { role: value["role"], mode });
+      result && can(store.getters['acl/role'], { role: value['role'], mode })
-  if (result && Object.prototype.hasOwnProperty.call(value, "ability"))
+  if (result && Object.prototype.hasOwnProperty.call(value, 'ability'))
     result =
       result &&
-      can(store.getters["acl/ability"], {
+      can(store.getters['acl/ability'], {
-        role: value["ability"],
+        role: value['ability'],
         mode,
-      });
+      })
-  return result;
+  return result
 }
 
 export function can(roleOrAbility, value) {
-  let hasRole = false;
+  let hasRole = false
   if (
     value instanceof Object &&
-    Object.prototype.hasOwnProperty.call(value, "role") &&
+    Object.prototype.hasOwnProperty.call(value, 'role') &&
-    Object.prototype.hasOwnProperty.call(value, "mode")
+    Object.prototype.hasOwnProperty.call(value, 'mode')
   ) {
-    const { role, mode } = value;
+    const { role, mode } = value
-    if (mode === "allOf") {
+    if (mode === 'allOf') {
       hasRole = role.every((item) => {
-        return roleOrAbility.includes(item);
+        return roleOrAbility.includes(item)
-      });
+      })
     }
-    if (mode === "oneOf") {
+    if (mode === 'oneOf') {
       hasRole = role.some((item) => {
-        return roleOrAbility.includes(item);
+        return roleOrAbility.includes(item)
-      });
+      })
     }
-    if (mode === "except") {
+    if (mode === 'except') {
       hasRole = !role.some((item) => {
-        return roleOrAbility.includes(item);
+        return roleOrAbility.includes(item)
-      });
+      })
     }
   }
-  return hasRole;
+  return hasRole
 }

src/utils/index.js

@@ -1,5 +1,5 @@
-import { devDependencies } from "../../package.json";
+import { devDependencies } from '../../package.json'
-if (!devDependencies["vab-config"]) document.body.innerHTML = "";
+if (!devDependencies['vab-config']) document.body.innerHTML = ''
 /**
  * @author chuzhixin 1204505056@qq.com
  * @description 格式化时间
@@ -9,20 +9,20 @@ if (!devDependencies["vab-config"]) document.body.innerHTML = "";
  */
 export function parseTime(time, cFormat) {
   if (arguments.length === 0) {
-    return null;
+    return null
   }
-  const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
-  let date;
+  let date
-  if (typeof time === "object") {
+  if (typeof time === 'object') {
-    date = time;
+    date = time
   } else {
-    if (typeof time === "string" && /^[0-9]+$/.test(time)) {
+    if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
-      time = parseInt(time);
+      time = parseInt(time)
     }
-    if (typeof time === "number" && time.toString().length === 10) {
+    if (typeof time === 'number' && time.toString().length === 10) {
-      time = time * 1000;
+      time = time * 1000
     }
-    date = new Date(time);
+    date = new Date(time)
   }
   const formatObj = {
     y: date.getFullYear(),
@@ -32,17 +32,17 @@ export function parseTime(time, cFormat) {
     i: date.getMinutes(),
     s: date.getSeconds(),
     a: date.getDay(),
-  };
+  }
   return format.replace(/{([ymdhisa])+}/g, (result, key) => {
-    let value = formatObj[key];
+    let value = formatObj[key]
-    if (key === "a") {
+    if (key === 'a') {
-      return ["日", "一", "二", "三", "四", "五", "六"][value];
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
     }
     if (result.length > 0 && value < 10) {
-      value = "0" + value;
+      value = '0' + value
     }
-    return value || 0;
+    return value || 0
-  });
+  })
 }
 
 /**
@@ -53,40 +53,40 @@ export function parseTime(time, cFormat) {
  * @returns {string}
  */
 export function formatTime(time, option) {
-  if (("" + time).length === 10) {
+  if (('' + time).length === 10) {
-    time = parseInt(time) * 1000;
+    time = parseInt(time) * 1000
   } else {
-    time = +time;
+    time = +time
   }
-  const d = new Date(time);
+  const d = new Date(time)
-  const now = Date.now();
+  const now = Date.now()
 
-  const diff = (now - d) / 1000;
+  const diff = (now - d) / 1000
 
   if (diff < 30) {
-    return "刚刚";
+    return '刚刚'
   } else if (diff < 3600) {
     // less 1 hour
-    return Math.ceil(diff / 60) + "分钟前";
+    return Math.ceil(diff / 60) + '分钟前'
   } else if (diff < 3600 * 24) {
-    return Math.ceil(diff / 3600) + "小时前";
+    return Math.ceil(diff / 3600) + '小时前'
   } else if (diff < 3600 * 24 * 2) {
-    return "1天前";
+    return '1天前'
   }
   if (option) {
-    return parseTime(time, option);
+    return parseTime(time, option)
   } else {
     return (
       d.getMonth() +
       1 +
-      "月" +
+      '月' +
       d.getDate() +
-      "日" +
+      '日' +
       d.getHours() +
-      "时" +
+      '时' +
       d.getMinutes() +
-      "分"
+      '分'
-    );
+    )
   }
 }
 
@@ -97,9 +97,9 @@ export function formatTime(time, option) {
  * @returns {{}|any}
  */
 export function paramObj(url) {
-  const search = url.split("?")[1];
+  const search = url.split('?')[1]
   if (!search) {
-    return {};
+    return {}
   }
   return JSON.parse(
     '{"' +
@@ -107,9 +107,9 @@ export function paramObj(url) {
         .replace(/"/g, '\\"')
         .replace(/&/g, '","')
         .replace(/=/g, '":"')
-        .replace(/\+/g, " ") +
+        .replace(/\+/g, ' ') +
       '"}'
-  );
+  )
 }
 
 /**
@@ -120,27 +120,27 @@ export function paramObj(url) {
  */
 export function translateDataToTree(data) {
   const parent = data.filter(
-    (value) => value.parentId === "undefined" || value.parentId == null
+    (value) => value.parentId === 'undefined' || value.parentId == null
-  );
+  )
   const children = data.filter(
-    (value) => value.parentId !== "undefined" && value.parentId != null
+    (value) => value.parentId !== 'undefined' && value.parentId != null
-  );
+  )
   const translator = (parent, children) => {
     parent.forEach((parent) => {
       children.forEach((current, index) => {
         if (current.parentId === parent.id) {
-          const temp = JSON.parse(JSON.stringify(children));
+          const temp = JSON.parse(JSON.stringify(children))
-          temp.splice(index, 1);
+          temp.splice(index, 1)
-          translator([current], temp);
+          translator([current], temp)
-          typeof parent.children !== "undefined"
+          typeof parent.children !== 'undefined'
             ? parent.children.push(current)
-            : (parent.children = [current]);
+            : (parent.children = [current])
         }
-      });
+      })
-    });
+    })
-  };
+  }
-  translator(parent, children);
+  translator(parent, children)
-  return parent;
+  return parent
 }
 
 /**
@@ -150,24 +150,24 @@ export function translateDataToTree(data) {
  * @returns {[]}
  */
 export function translateTreeToData(data) {
-  const result = [];
+  const result = []
   data.forEach((item) => {
     const loop = (data) => {
       result.push({
         id: data.id,
         name: data.name,
         parentId: data.parentId,
-      });
+      })
-      const child = data.children;
+      const child = data.children
       if (child) {
         for (let i = 0; i < child.length; i++) {
-          loop(child[i]);
+          loop(child[i])
         }
       }
-    };
+    }
-    loop(item);
+    loop(item)
-  });
+  })
-  return result;
+  return result
 }
 
 /**
@@ -177,19 +177,19 @@ export function translateTreeToData(data) {
  * @returns {string}
  */
 export function tenBitTimestamp(time) {
-  const date = new Date(time * 1000);
+  const date = new Date(time * 1000)
-  const y = date.getFullYear();
+  const y = date.getFullYear()
-  let m = date.getMonth() + 1;
+  let m = date.getMonth() + 1
-  m = m < 10 ? "" + m : m;
+  m = m < 10 ? '' + m : m
-  let d = date.getDate();
+  let d = date.getDate()
-  d = d < 10 ? "" + d : d;
+  d = d < 10 ? '' + d : d
-  let h = date.getHours();
+  let h = date.getHours()
-  h = h < 10 ? "0" + h : h;
+  h = h < 10 ? '0' + h : h
-  let minute = date.getMinutes();
+  let minute = date.getMinutes()
-  let second = date.getSeconds();
+  let second = date.getSeconds()
-  minute = minute < 10 ? "0" + minute : minute;
+  minute = minute < 10 ? '0' + minute : minute
-  second = second < 10 ? "0" + second : second;
+  second = second < 10 ? '0' + second : second
-  return y + "年" + m + "月" + d + "日 " + h + ":" + minute + ":" + second; //组合
+  return y + '年' + m + '月' + d + '日 ' + h + ':' + minute + ':' + second //组合
 }
 
 /**
@@ -199,19 +199,19 @@ export function tenBitTimestamp(time) {
  * @returns {string}
  */
 export function thirteenBitTimestamp(time) {
-  const date = new Date(time / 1);
+  const date = new Date(time / 1)
-  const y = date.getFullYear();
+  const y = date.getFullYear()
-  let m = date.getMonth() + 1;
+  let m = date.getMonth() + 1
-  m = m < 10 ? "" + m : m;
+  m = m < 10 ? '' + m : m
-  let d = date.getDate();
+  let d = date.getDate()
-  d = d < 10 ? "" + d : d;
+  d = d < 10 ? '' + d : d
-  let h = date.getHours();
+  let h = date.getHours()
-  h = h < 10 ? "0" + h : h;
+  h = h < 10 ? '0' + h : h
-  let minute = date.getMinutes();
+  let minute = date.getMinutes()
-  let second = date.getSeconds();
+  let second = date.getSeconds()
-  minute = minute < 10 ? "0" + minute : minute;
+  minute = minute < 10 ? '0' + minute : minute
-  second = second < 10 ? "0" + second : second;
+  second = second < 10 ? '0' + second : second
-  return y + "年" + m + "月" + d + "日 " + h + ":" + minute + ":" + second; //组合
+  return y + '年' + m + '月' + d + '日 ' + h + ':' + minute + ':' + second //组合
 }
 
 /**
@@ -221,12 +221,12 @@ export function thirteenBitTimestamp(time) {
  * @returns {string}
  */
 export function uuid(length = 32) {
-  const num = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
+  const num = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'
-  let str = "";
+  let str = ''
   for (let i = 0; i < length; i++) {
-    str += num.charAt(Math.floor(Math.random() * num.length));
+    str += num.charAt(Math.floor(Math.random() * num.length))
   }
-  return str;
+  return str
 }
 
 /**
@@ -237,7 +237,7 @@ export function uuid(length = 32) {
  * @returns {number}
  */
 export function random(m, n) {
-  return Math.floor(Math.random() * (m - n) + n);
+  return Math.floor(Math.random() * (m - n) + n)
 }
 
 /**
@@ -248,10 +248,10 @@ export function random(m, n) {
 export const on = (function () {
   return function (element, event, handler, useCapture = false) {
     if (element && event && handler) {
-      element.addEventListener(event, handler, useCapture);
+      element.addEventListener(event, handler, useCapture)
     }
-  };
+  }
-})();
+})()
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -261,7 +261,7 @@ export const on = (function () {
 export const off = (function () {
   return function (element, event, handler, useCapture = false) {
     if (element && event) {
-      element.removeEventListener(event, handler, useCapture);
+      element.removeEventListener(event, handler, useCapture)
     }
-  };
+  }
-})();
+})()

src/utils/pageTitle.js

@@ -1,4 +1,4 @@
-import { title, titleReverse, titleSeparator } from "@/config";
+import { title, titleReverse, titleSeparator } from '@/config'
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -7,9 +7,9 @@ import { title, titleReverse, titleSeparator } from "@/config";
  * @returns {string}
  */
 export default function getPageTitle(pageTitle) {
-  let newTitles = [];
+  let newTitles = []
-  if (pageTitle) newTitles.push(pageTitle);
+  if (pageTitle) newTitles.push(pageTitle)
-  if (title) newTitles.push(title);
+  if (title) newTitles.push(title)
-  if (titleReverse) newTitles = newTitles.reverse();
+  if (titleReverse) newTitles = newTitles.reverse()
-  return newTitles.join(titleSeparator);
+  return newTitles.join(titleSeparator)
 }

src/utils/request.js

@@ -1,4 +1,4 @@
-import axios from "axios";
+import axios from 'axios'
 import {
   baseURL,
   contentType,
@@ -6,14 +6,14 @@ import {
   requestTimeout,
   successCode,
   tokenName,
-} from "@/config";
+} from '@/config'
-import store from "@/store";
+import store from '@/store'
-import qs from "qs";
+import qs from 'qs'
-import router from "@/router";
+import router from '@/router'
-import { isArray } from "@/utils/validate";
+import { isArray } from '@/utils/validate'
-import { message } from "ant-design-vue";
+import { message } from 'ant-design-vue'
 
-let loadingInstance;
+let loadingInstance
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -24,17 +24,17 @@ let loadingInstance;
 const handleCode = (code, msg) => {
   switch (code) {
     case 401:
-      message.error(msg || "登录失效");
+      message.error(msg || '登录失效')
-      store.dispatch("user/resetAll").catch(() => {});
+      store.dispatch('user/resetAll').catch(() => {})
-      break;
+      break
     case 403:
-      router.push({ path: "/401" }).catch(() => {});
+      router.push({ path: '/401' }).catch(() => {})
-      break;
+      break
     default:
-      message.error(msg || `后端接口${code}异常`);
+      message.error(msg || `后端接口${code}异常`)
-      break;
+      break
   }
-};
+}
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -44,9 +44,9 @@ const instance = axios.create({
   baseURL,
   timeout: requestTimeout,
   headers: {
-    "Content-Type": contentType,
+    'Content-Type': contentType,
   },
-});
+})
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -54,23 +54,23 @@ const instance = axios.create({
  */
 instance.interceptors.request.use(
   (config) => {
-    if (store.getters["user/accessToken"])
+    if (store.getters['user/accessToken'])
-      config.headers[tokenName] = store.getters["user/accessToken"];
+      config.headers[tokenName] = store.getters['user/accessToken']
     if (
       config.data &&
-      config.headers["Content-Type"] ===
+      config.headers['Content-Type'] ===
-        "application/x-www-form-urlencoded;charset=UTF-8"
+        'application/x-www-form-urlencoded;charset=UTF-8'
     )
-      config.data = qs.stringify(config.data);
+      config.data = qs.stringify(config.data)
     if (debounce.some((item) => config.url.includes(item))) {
       //这里写加载动画
     }
-    return config;
+    return config
   },
   (error) => {
-    return Promise.reject(error);
+    return Promise.reject(error)
   }
-);
+)
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -78,48 +78,48 @@ instance.interceptors.request.use(
  */
 instance.interceptors.response.use(
   (response) => {
-    if (loadingInstance) loadingInstance.close();
+    if (loadingInstance) loadingInstance.close()
 
-    const { data, config } = response;
+    const { data, config } = response
-    const { code, msg } = data;
+    const { code, msg } = data
     // 操作正常Code数组
     const codeVerificationArray = isArray(successCode)
       ? [...successCode]
-      : [...[successCode]];
+      : [...[successCode]]
     // 是否操作正常
     if (codeVerificationArray.includes(code)) {
-      return data;
+      return data
     } else {
-      handleCode(code, msg);
+      handleCode(code, msg)
       return Promise.reject(
-        "vue-admin-beautiful请求异常拦截:" +
+        'vue-admin-beautiful请求异常拦截:' +
-          JSON.stringify({ url: config.url, code, msg }) || "Error"
+          JSON.stringify({ url: config.url, code, msg }) || 'Error'
-      );
+      )
     }
   },
   (error) => {
-    if (loadingInstance) loadingInstance.close();
+    if (loadingInstance) loadingInstance.close()
-    const { response, message } = error;
+    const { response, message } = error
     if (error.response && error.response.data) {
-      const { status, data } = response;
+      const { status, data } = response
-      handleCode(status, data.msg || message);
+      handleCode(status, data.msg || message)
-      return Promise.reject(error);
+      return Promise.reject(error)
     } else {
-      let { message } = error;
+      let { message } = error
-      if (message === "Network Error") {
+      if (message === 'Network Error') {
-        message = "后端接口连接异常";
+        message = '后端接口连接异常'
       }
-      if (message.includes("timeout")) {
+      if (message.includes('timeout')) {
-        message = "后端接口请求超时";
+        message = '后端接口请求超时'
       }
-      if (message.includes("Request failed with status code")) {
+      if (message.includes('Request failed with status code')) {
-        const code = message.substr(message.length - 3);
+        const code = message.substr(message.length - 3)
-        message = "后端接口" + code + "异常";
+        message = '后端接口' + code + '异常'
       }
-      message.error(message || `后端接口未知异常`);
+      message.error(message || `后端接口未知异常`)
-      return Promise.reject(error);
+      return Promise.reject(error)
     }
   }
-);
+)
 
-export default instance;
+export default instance

src/utils/routes.js

@@ -1,8 +1,8 @@
-import router from "@/router";
+import router from '@/router'
-import path from "path";
+import path from 'path'
-import { rolesControl } from "@/config";
+import { rolesControl } from '@/config'
-import { isExternal } from "@/utils/validate";
+import { isExternal } from '@/utils/validate'
-import { hasRole } from "@/utils/hasRole";
+import { hasRole } from '@/utils/hasRole'
 
 /**
  * @author chuzhixin 1204505056@qq.com
@@ -13,33 +13,33 @@ import { hasRole } from "@/utils/hasRole";
 export function convertRouter(constantRoutes) {
   return constantRoutes.map((route) => {
     if (route.component) {
-      if (route.component === "Layout") {
+      if (route.component === 'Layout') {
-        const path = "layouts";
+        const path = 'layouts'
-        route.component = (resolve) => require([`@/${path}`], resolve);
+        route.component = (resolve) => require([`@/${path}`], resolve)
       } else {
-        let path = "views/" + route.component;
+        let path = 'views/' + route.component
         if (
-          new RegExp("^/views/.*$").test(route.component) ||
+          new RegExp('^/views/.*$').test(route.component) ||
-          new RegExp("^views/.*$").test(route.component)
+          new RegExp('^views/.*$').test(route.component)
         ) {
-          path = route.component;
+          path = route.component
-        } else if (new RegExp("^/.*$").test(route.component)) {
+        } else if (new RegExp('^/.*$').test(route.component)) {
-          path = "views" + route.component;
+          path = 'views' + route.component
-        } else if (new RegExp("^@views/.*$").test(route.component)) {
+        } else if (new RegExp('^@views/.*$').test(route.component)) {
-          path = route.component.slice(1);
+          path = route.component.slice(1)
         } else {
-          path = "views/" + route.component;
+          path = 'views/' + route.component
         }
-        route.component = (resolve) => require([`@/${path}`], resolve);
+        route.component = (resolve) => require([`@/${path}`], resolve)
       }
     }
     if (route.children && route.children.length)
-      route.children = convertRouter(route.children);
+      route.children = convertRouter(route.children)
 
-    if (route.children && route.children.length === 0) delete route.children;
+    if (route.children && route.children.length === 0) delete route.children
 
-    return route;
+    return route
-  });
+  })
 }
 
 /**
@@ -49,21 +49,21 @@ export function convertRouter(constantRoutes) {
  * @param baseUrl
  * @returns {[]}
  */
-export function filterRoutes(routes, baseUrl = "/") {
+export function filterRoutes(routes, baseUrl = '/') {
   return routes
     .filter((route) => {
       if (route.meta && route.meta.roles)
-        return !rolesControl || hasRole(route.meta.roles);
+        return !rolesControl || hasRole(route.meta.roles)
-      else return true;
+      else return true
     })
     .map((route) => {
-      if (route.path !== "*" && !isExternal(route.path))
+      if (route.path !== '*' && !isExternal(route.path))
-        route.path = path.resolve(baseUrl, route.path);
+        route.path = path.resolve(baseUrl, route.path)
-      route.fullPath = route.path;
+      route.fullPath = route.path
       if (route.children)
-        route.children = filterRoutes(route.children, route.fullPath);
+        route.children = filterRoutes(route.children, route.fullPath)
-      return route;
+      return route
-    });
+    })
 }
 
 /**
@@ -71,7 +71,7 @@ export function filterRoutes(routes, baseUrl = "/") {
  * @returns {string}
  */
 export function handleFirstMenu() {
-  const firstMenu = router.currentRoute.matched[0].path;
+  const firstMenu = router.currentRoute.matched[0].path
-  if (firstMenu === "") return "/";
+  if (firstMenu === '') return '/'
-  return firstMenu;
+  return firstMenu
 }

src/utils/static.js

@@ -2,51 +2,51 @@
  * @author chuzhixin 1204505056@qq.com
  * @description 导入所有 controller 模块，浏览器环境中自动输出controller文件夹下Mock接口，请勿修改。
  */
-import Mock from "mockjs";
+import Mock from 'mockjs'
-import { paramObj } from "@/utils/index";
+import { paramObj } from '@/utils/index'
 
-const mocks = [];
+const mocks = []
-const files = require.context("../../mock/controller", false, /\.js$/);
+const files = require.context('../../mock/controller', false, /\.js$/)
 
 files.keys().forEach((key) => {
-  mocks.push(...files(key));
+  mocks.push(...files(key))
-});
+})
 
 export function mockXHR() {
-  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send;
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
   Mock.XHR.prototype.send = function () {
     if (this.custom.xhr) {
-      this.custom.xhr.withCredentials = this.withCredentials || false;
+      this.custom.xhr.withCredentials = this.withCredentials || false
 
       if (this.responseType) {
-        this.custom.xhr.responseType = this.responseType;
+        this.custom.xhr.responseType = this.responseType
       }
     }
-    this.proxy_send(...arguments);
+    this.proxy_send(...arguments)
-  };
+  }
 
   function XHRHttpRequst(respond) {
     return function (options) {
-      let result;
+      let result
       if (respond instanceof Function) {
-        const { body, type, url } = options;
+        const { body, type, url } = options
         result = respond({
           method: type,
           body: JSON.parse(body),
           query: paramObj(url),
-        });
+        })
       } else {
-        result = respond;
+        result = respond
+      }
+      return Mock.mock(result)
     }
-      return Mock.mock(result);
-    };
   }
 
   mocks.forEach((item) => {
     Mock.mock(
       new RegExp(item.url),
-      item.type || "get",
+      item.type || 'get',
       XHRHttpRequst(item.response)
-    );
+    )
-  });
+  })
 }

src/utils/validate.js

@@ -5,7 +5,7 @@
  * @returns {boolean}
  */
 export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path);
+  return /^(https?:|mailto:|tel:)/.test(path)
 }
 
 /**
@@ -15,7 +15,7 @@ export function isExternal(path) {
  * @returns {boolean}
  */
 export function isPassword(value) {
-  return value.length >= 6;
+  return value.length >= 6
 }
 
 /**
@@ -25,8 +25,8 @@ export function isPassword(value) {
  * @returns {boolean}
  */
 export function isNumber(value) {
-  const reg = /^[0-9]*$/;
+  const reg = /^[0-9]*$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -36,8 +36,8 @@ export function isNumber(value) {
  * @returns {boolean}
  */
 export function isName(value) {
-  const reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/;
+  const reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -47,8 +47,8 @@ export function isName(value) {
  * @returns {boolean}
  */
 export function isIP(ip) {
-  const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
+  const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
-  return reg.test(ip);
+  return reg.test(ip)
 }
 
 /**
@@ -58,8 +58,8 @@ export function isIP(ip) {
  * @returns {boolean}
  */
 export function isUrl(url) {
-  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
-  return reg.test(url);
+  return reg.test(url)
 }
 
 /**
@@ -69,8 +69,8 @@ export function isUrl(url) {
  * @returns {boolean}
  */
 export function isLowerCase(value) {
-  const reg = /^[a-z]+$/;
+  const reg = /^[a-z]+$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -80,8 +80,8 @@ export function isLowerCase(value) {
  * @returns {boolean}
  */
 export function isUpperCase(value) {
-  const reg = /^[A-Z]+$/;
+  const reg = /^[A-Z]+$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -91,8 +91,8 @@ export function isUpperCase(value) {
  * @returns {boolean}
  */
 export function isAlphabets(value) {
-  const reg = /^[A-Za-z]+$/;
+  const reg = /^[A-Za-z]+$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -102,7 +102,7 @@ export function isAlphabets(value) {
  * @returns {boolean}
  */
 export function isString(value) {
-  return typeof value === "string" || value instanceof String;
+  return typeof value === 'string' || value instanceof String
 }
 
 /**
@@ -112,10 +112,10 @@ export function isString(value) {
  * @returns {arg is any[]|boolean}
  */
 export function isArray(arg) {
-  if (typeof Array.isArray === "undefined") {
+  if (typeof Array.isArray === 'undefined') {
-    return Object.prototype.toString.call(arg) === "[object Array]";
+    return Object.prototype.toString.call(arg) === '[object Array]'
   }
-  return Array.isArray(arg);
+  return Array.isArray(arg)
 }
 
 /**
@@ -125,8 +125,8 @@ export function isArray(arg) {
  * @returns {boolean}
  */
 export function isPort(value) {
-  const reg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
+  const reg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -136,8 +136,8 @@ export function isPort(value) {
  * @returns {boolean}
  */
 export function isPhone(value) {
-  const reg = /^1\d{10}$/;
+  const reg = /^1\d{10}$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -147,8 +147,8 @@ export function isPhone(value) {
  * @returns {boolean}
  */
 export function isIdCard(value) {
-  const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+  const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -158,8 +158,8 @@ export function isIdCard(value) {
  * @returns {boolean}
  */
 export function isEmail(value) {
-  const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+  const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -169,8 +169,8 @@ export function isEmail(value) {
  * @returns {boolean}
  */
 export function isChina(value) {
-  const reg = /^[\u4E00-\u9FA5]{2,4}$/;
+  const reg = /^[\u4E00-\u9FA5]{2,4}$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -183,10 +183,10 @@ export function isBlank(value) {
   return (
     value == null ||
     false ||
-    value === "" ||
+    value === '' ||
-    value.trim() === "" ||
+    value.trim() === '' ||
-    value.toLocaleLowerCase().trim() === "null"
+    value.toLocaleLowerCase().trim() === 'null'
-  );
+  )
 }
 
 /**
@@ -196,8 +196,8 @@ export function isBlank(value) {
  * @returns {boolean}
  */
 export function isTel(value) {
-  const reg = /^(400|800)([0-9\\-]{7,10})|(([0-9]{4}|[0-9]{3})([- ])?)?([0-9]{7,8})(([- 转])*([0-9]{1,4}))?$/;
+  const reg = /^(400|800)([0-9\\-]{7,10})|(([0-9]{4}|[0-9]{3})([- ])?)?([0-9]{7,8})(([- 转])*([0-9]{1,4}))?$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -207,8 +207,8 @@ export function isTel(value) {
  * @returns {boolean}
  */
 export function isNum(value) {
-  const reg = /^\d+(\.\d{1,2})?$/;
+  const reg = /^\d+(\.\d{1,2})?$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -218,8 +218,8 @@ export function isNum(value) {
  * @returns {boolean}
  */
 export function isLongitude(value) {
-  const reg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/;
+  const reg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -229,8 +229,8 @@ export function isLongitude(value) {
  * @returns {boolean}
  */
 export function isLatitude(value) {
-  const reg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/;
+  const reg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/
-  return reg.test(value);
+  return reg.test(value)
 }
 
 /**
@@ -240,10 +240,10 @@ export function isLatitude(value) {
  * @returns {boolean}
  */
 export function isRTSP(value) {
-  const reg = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
+  const reg = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
-  const reg1 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]):[0-9]{1,5}/;
+  const reg1 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]):[0-9]{1,5}/
-  const reg2 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\//;
+  const reg2 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\//
-  return reg.test(value) || reg1.test(value) || reg2.test(value);
+  return reg.test(value) || reg1.test(value) || reg2.test(value)
 }
 
 /**
@@ -253,16 +253,16 @@ export function isRTSP(value) {
  * @returns {boolean}
  */
 export function isJson(value) {
-  if (typeof value == "string") {
+  if (typeof value == 'string') {
     try {
-      var obj = JSON.parse(value);
+      var obj = JSON.parse(value)
-      if (typeof obj == "object" && obj) {
+      if (typeof obj == 'object' && obj) {
-        return true;
+        return true
       } else {
-        return false;
+        return false
       }
     } catch (e) {
-      return false;
+      return false
     }
   }
 }

src/vab/index.js

@@ -1,5 +1,5 @@
 // 加载插件
-const requirePlugin = require.context("./plugins", true, /\.js$/);
+const requirePlugin = require.context('./plugins', true, /\.js$/)
 requirePlugin.keys().forEach((fileName) => {
-  requirePlugin(fileName);
+  requirePlugin(fileName)
-});
+})

src/vab/plugins/permissions.js

@@ -2,73 +2,73 @@
  * @author chuzhixin 1204505056@qq.com
  * @description 路由守卫，目前两种模式：all模式与intelligence模式
  */
-import router from "@/router";
+import router from '@/router'
-import store from "@/store";
+import store from '@/store'
-import getPageTitle from "@/utils/pageTitle";
+import getPageTitle from '@/utils/pageTitle'
 import {
   authentication,
   loginInterception,
   recordRoute,
   routesWhiteList,
-} from "@/config";
+} from '@/config'
 
 router.beforeEach(async (to, from, next) => {
-  let hasToken = store.getters["user/accessToken"];
+  let hasToken = store.getters['user/accessToken']
 
-  if (!loginInterception) hasToken = true;
+  if (!loginInterception) hasToken = true
 
   if (hasToken) {
-    if (to.path === "/login") {
+    if (to.path === '/login') {
-      next({ path: "/" });
+      next({ path: '/' })
     } else {
       const hasRoles =
-        store.getters["acl/admin"] ||
+        store.getters['acl/admin'] ||
-        store.getters["acl/role"].length > 0 ||
+        store.getters['acl/role'].length > 0 ||
-        store.getters["acl/ability"].length > 0;
+        store.getters['acl/ability'].length > 0
       if (hasRoles) {
-        next();
+        next()
       } else {
         try {
           if (loginInterception) {
-            await store.dispatch("user/getUserInfo");
+            await store.dispatch('user/getUserInfo')
           } else {
             //loginInterception为false（关闭登录拦截时）时，创建虚拟角色
-            await store.dispatch("user/setVirtualRoles");
+            await store.dispatch('user/setVirtualRoles')
           }
 
-          let accessRoutes = [];
+          let accessRoutes = []
-          if (authentication === "intelligence") {
+          if (authentication === 'intelligence') {
-            accessRoutes = await store.dispatch("routes/setRoutes");
+            accessRoutes = await store.dispatch('routes/setRoutes')
-          } else if (authentication === "all") {
+          } else if (authentication === 'all') {
-            accessRoutes = await store.dispatch("routes/setAllRoutes");
+            accessRoutes = await store.dispatch('routes/setAllRoutes')
           }
           accessRoutes.forEach((item) => {
-            router.addRoute(item);
+            router.addRoute(item)
-          });
+          })
 
-          next({ ...to, replace: true });
+          next({ ...to, replace: true })
         } catch {
-          await store.dispatch("user/resetAll");
+          await store.dispatch('user/resetAll')
           if (recordRoute)
             next({
-              path: "/login",
+              path: '/login',
               query: { redirect: to.path },
               replace: true,
-            });
+            })
-          else next({ path: "/login", replace: true });
+          else next({ path: '/login', replace: true })
         }
       }
     }
   } else {
     if (routesWhiteList.indexOf(to.path) !== -1) {
-      next();
+      next()
     } else {
       if (recordRoute)
-        next({ path: "/login", query: { redirect: to.path }, replace: true });
+        next({ path: '/login', query: { redirect: to.path }, replace: true })
-      else next({ path: "/login", replace: true });
+      else next({ path: '/login', replace: true })
     }
   }
-});
+})
 router.afterEach((to) => {
-  document.title = getPageTitle(to.meta.title);
+  document.title = getPageTitle(to.meta.title)
-});
+})

src/views/403.vue

@@ -28,44 +28,44 @@
 </template>
 
 <script>
-  import { mapActions } from "vuex";
+  import { mapActions } from 'vuex'
 
   export default {
-    name: "Page403",
+    name: 'Page403',
     data() {
       return {
         jumpTime: 5,
-        oops: "抱歉!",
+        oops: '抱歉!',
-        headline: "您没有操作角色...",
+        headline: '您没有操作角色...',
-        info: "当前帐号没有操作角色,请联系管理员。",
+        info: '当前帐号没有操作角色,请联系管理员。',
-        btn: "返回首页",
+        btn: '返回首页',
         timer: 0,
-      };
+      }
     },
     mounted() {
-      this.timeChange();
+      this.timeChange()
     },
     beforeUnmount() {
-      clearInterval(this.timer);
+      clearInterval(this.timer)
     },
     methods: {
       ...mapActions({
-        delVisitedRoute: "tagsBar/delVisitedRoute",
+        delVisitedRoute: 'tagsBar/delVisitedRoute',
-        delOthersVisitedRoutes: "tagsBar/delOthersVisitedRoutes",
+        delOthersVisitedRoutes: 'tagsBar/delOthersVisitedRoutes',
       }),
       timeChange() {
         this.timer = setInterval(() => {
           if (this.jumpTime) {
-            this.jumpTime--;
+            this.jumpTime--
           } else {
-            this.$router.push({ path: "/" });
+            this.$router.push({ path: '/' })
-            this.delOthersVisitedRoutes({ path: "/" });
+            this.delOthersVisitedRoutes({ path: '/' })
-            clearInterval(this.timer);
+            clearInterval(this.timer)
           }
-        }, 1000);
+        }, 1000)
       },
     },
-  };
+  }
 </script>
 
 <style lang="less" scoped>

src/views/404.vue

@@ -28,43 +28,43 @@
 </template>
 
 <script>
-  import { mapActions } from "vuex";
+  import { mapActions } from 'vuex'
 
   export default {
-    name: "Page404",
+    name: 'Page404',
     data() {
       return {
         jumpTime: 5,
-        oops: "抱歉!",
+        oops: '抱歉!',
-        headline: "当前页面不存在...",
+        headline: '当前页面不存在...',
-        info: "请检查您输入的网址是否正确，或点击下面的按钮返回首页。",
+        info: '请检查您输入的网址是否正确，或点击下面的按钮返回首页。',
-        btn: "返回首页",
+        btn: '返回首页',
         timer: 0,
-      };
+      }
     },
     mounted() {
-      this.timeChange();
+      this.timeChange()
     },
     beforeUnmount() {
-      clearInterval(this.timer);
+      clearInterval(this.timer)
     },
     methods: {
       ...mapActions({
-        delOthersVisitedRoutes: "tagsBar/delOthersVisitedRoutes",
+        delOthersVisitedRoutes: 'tagsBar/delOthersVisitedRoutes',
       }),
       timeChange() {
         this.timer = setInterval(() => {
           if (this.jumpTime) {
-            this.jumpTime--;
+            this.jumpTime--
           } else {
-            this.$router.push({ path: "/" });
+            this.$router.push({ path: '/' })
-            this.delOthersVisitedRoutes({ path: "/" });
+            this.delOthersVisitedRoutes({ path: '/' })
-            clearInterval(this.timer);
+            clearInterval(this.timer)
           }
-        }, 1000);
+        }, 1000)
       },
     },
-  };
+  }
 </script>
 
 <style lang="less" scoped>

src/views/index/components/VersionInformation.vue

@@ -36,27 +36,27 @@
         </tr>
         <tr>
           <td>vue</td>
-          <td>{{ dependencies["vue"] }}</td>
+          <td>{{ dependencies['vue'] }}</td>
           <td>@vue/cli</td>
-          <td>{{ devDependencies["@vue/cli-service"] }}</td>
+          <td>{{ devDependencies['@vue/cli-service'] }}</td>
         </tr>
         <tr>
           <td>vuex</td>
-          <td>{{ dependencies["vuex"] }}</td>
+          <td>{{ dependencies['vuex'] }}</td>
           <td>vue-router</td>
-          <td>{{ dependencies["vue-router"] }}</td>
+          <td>{{ dependencies['vue-router'] }}</td>
         </tr>
         <tr>
           <td>eslint-plugin-vue</td>
-          <td>{{ devDependencies["eslint-plugin-vue"] }}</td>
+          <td>{{ devDependencies['eslint-plugin-vue'] }}</td>
           <td>axios</td>
-          <td>{{ dependencies["axios"] }}</td>
+          <td>{{ dependencies['axios'] }}</td>
         </tr>
         <tr>
           <td>babel-eslint</td>
-          <td>{{ devDependencies["babel-eslint"] }}</td>
+          <td>{{ devDependencies['babel-eslint'] }}</td>
           <td>ant-design-vue</td>
-          <td>{{ dependencies["ant-design-vue"] }}</td>
+          <td>{{ dependencies['ant-design-vue'] }}</td>
         </tr>
         <tr>
           <td>v2.x版演示地址（MIT协议，商用免费）</td>
@@ -113,7 +113,7 @@
   </a-card>
 </template>
 <script>
-  import { dependencies, devDependencies } from "*/package.json";
+  import { dependencies, devDependencies } from '*/package.json'
 
   export default {
     data() {
@@ -121,9 +121,9 @@
         updateTime: process.env.VUE_APP_UPDATE_TIME,
         dependencies: dependencies,
         devDependencies: devDependencies,
-      };
+      }
     },
-  };
+  }
 </script>
 <style lang="less" scoped>
   .version-information {

src/views/index/index.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-  import VersionInformation from "./components/VersionInformation";
+  import VersionInformation from './components/VersionInformation'
   export default {
-    name: "Index",
+    name: 'Index',
     components: { VersionInformation },
-  };
+  }
 </script>

src/views/login/index.vue

@@ -35,9 +35,9 @@
                 登录
               </a-button>
               <div class="login-container-tips">
-                基于vue{{ dependencies["vue"] }}
+                基于vue{{ dependencies['vue'] }}
                 + ant-design-vue
-                {{ dependencies["ant-design-vue"] }}开发
+                {{ dependencies['ant-design-vue'] }}开发
               </div>
             </a-form-item>
           </a-form>
@@ -48,12 +48,12 @@
   </div>
 </template>
 <script>
-  import { dependencies, devDependencies } from "*/package.json";
+  import { dependencies, devDependencies } from '*/package.json'
-  import { mapActions, mapGetters } from "vuex";
+  import { mapActions, mapGetters } from 'vuex'
-  import { UserOutlined, LockOutlined } from "@ant-design/icons-vue";
+  import { UserOutlined, LockOutlined } from '@ant-design/icons-vue'
 
   export default {
-    name: "Login",
+    name: 'Login',
     components: {
       UserOutlined,
       LockOutlined,
@@ -61,55 +61,55 @@
     data() {
       return {
         form: {
-          username: "",
+          username: '',
-          password: "",
+          password: '',
         },
         redirect: undefined,
         dependencies: dependencies,
         devDependencies: devDependencies,
-      };
+      }
     },
     computed: {
       ...mapGetters({
-        logo: "settings/logo",
+        logo: 'settings/logo',
-        title: "settings/title",
+        title: 'settings/title',
       }),
     },
     watch: {
       $route: {
         handler(route) {
-          this.redirect = (route.query && route.query.redirect) || "/";
+          this.redirect = (route.query && route.query.redirect) || '/'
         },
         immediate: true,
       },
     },
     mounted() {
-      this.form.username = "admin";
+      this.form.username = 'admin'
-      this.form.password = "123456";
+      this.form.password = '123456'
       setTimeout(() => {
-        this.handleSubmit();
+        this.handleSubmit()
-      }, 500000);
+      }, 500000)
     },
     methods: {
       ...mapActions({
-        login: "user/login",
+        login: 'user/login',
       }),
       handleRoute() {
-        return this.redirect === "/404" || this.redirect === "/403"
+        return this.redirect === '/404' || this.redirect === '/403'
-          ? "/"
+          ? '/'
-          : this.redirect;
+          : this.redirect
       },
       async handleSubmit() {
-        await this.login(this.form);
+        await this.login(this.form)
-        await this.$router.push(this.handleRoute());
+        await this.$router.push(this.handleRoute())
       },
     },
-  };
+  }
 </script>
 <style lang="less">
   .login-container {
     height: 100vh;
-    background: url("~@/assets/login_images/login_background.png");
+    background: url('~@/assets/login_images/login_background.png');
     background-size: cover;
     &-form {
       width: calc(100% - 40px);
@@ -118,7 +118,7 @@
       margin-top: calc((100vh - 380px) / 2);
       margin-right: 20px;
       margin-left: 20px;
-      background: url("~@/assets/login_images/login_form.png");
+      background: url('~@/assets/login_images/login_form.png');
       background-size: 100% 100%;
       border-radius: 10px;
       box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);

src/views/test/index.vue

@@ -6,6 +6,6 @@
 
 <script>
   export default {
-    name: "Test",
+    name: 'Test',
-  };
+  }
 </script>

src/views/vab/table/index.vue

@@ -9,25 +9,25 @@
   ></a-table>
 </template>
 <script>
-  import { getList } from "@/api/table";
+  import { getList } from '@/api/table'
   const columns = [
     {
-      title: "title",
+      title: 'title',
-      dataIndex: "title",
+      dataIndex: 'title',
     },
     {
-      title: "description",
+      title: 'description',
-      dataIndex: "description",
+      dataIndex: 'description',
     },
     {
-      title: "author",
+      title: 'author',
-      dataIndex: "author",
+      dataIndex: 'author',
     },
     {
-      title: "datetime",
+      title: 'datetime',
-      dataIndex: "datetime",
+      dataIndex: 'datetime',
     },
-  ];
+  ]
 
   export default {
     data() {
@@ -41,31 +41,31 @@
         query: {},
         loading: false,
         columns,
-      };
+      }
     },
     mounted() {
-      this.fetch();
+      this.fetch()
     },
     methods: {
       handleTableChange(pagination) {
-        const pager = { ...this.pagination };
+        const pager = { ...this.pagination }
-        pager.current = pagination.current;
+        pager.current = pagination.current
-        this.pagination = pager;
+        this.pagination = pager
-        this.fetch();
+        this.fetch()
       },
       fetch() {
-        this.loading = true;
+        this.loading = true
         getList({
           pageSize: this.pagination.pageSize,
           current: this.pagination.current,
         }).then(({ data, total }) => {
-          const pagination = { ...this.pagination };
+          const pagination = { ...this.pagination }
-          pagination.total = total;
+          pagination.total = total
-          this.loading = false;
+          this.loading = false
-          this.data = data;
+          this.data = data
-          this.pagination = pagination;
+          this.pagination = pagination
-        });
+        })
       },
     },
-  };
+  }
 </script>

vue.config.js

@@ -2,7 +2,7 @@
  * @author chuzhixin 1204505056@qq.com
  * @description vue.config.js全局配置
  */
-const path = require("path");
+const path = require('path')
 const {
   /* baseURL, */
   publicPath,
@@ -16,39 +16,35 @@ const {
   providePlugin,
   build7z,
   donation,
-} = require("./src/config");
+} = require('./src/config')
-const {
+const { webpackBarName, webpackBanner, donationConsole } = require('vab-config')
-  webpackBarName,
-  webpackBanner,
-  donationConsole,
-} = require("vab-config");
 
-if (donation) donationConsole();
+if (donation) donationConsole()
-const { version, author } = require("./package.json");
+const { version, author } = require('./package.json')
-const Webpack = require("webpack");
+const Webpack = require('webpack')
-const WebpackBar = require("webpackbar");
+const WebpackBar = require('webpackbar')
-const FileManagerPlugin = require("filemanager-webpack-plugin");
+const FileManagerPlugin = require('filemanager-webpack-plugin')
-const dayjs = require("dayjs");
+const dayjs = require('dayjs')
-const date = dayjs().format("YYYY_M_D");
+const date = dayjs().format('YYYY_M_D')
-const time = dayjs().format("YYYY-M-D HH:mm:ss");
+const time = dayjs().format('YYYY-M-D HH:mm:ss')
-const CompressionWebpackPlugin = require("compression-webpack-plugin");
+const CompressionWebpackPlugin = require('compression-webpack-plugin')
-const productionGzipExtensions = ["html", "js", "css", "svg"];
+const productionGzipExtensions = ['html', 'js', 'css', 'svg']
-process.env.VUE_APP_TITLE = title || "vue-admin-beautiful";
+process.env.VUE_APP_TITLE = title || 'vue-admin-beautiful'
-process.env.VUE_APP_AUTHOR = author || "chuzhixin";
+process.env.VUE_APP_AUTHOR = author || 'chuzhixin'
-process.env.VUE_APP_UPDATE_TIME = time;
+process.env.VUE_APP_UPDATE_TIME = time
-process.env.VUE_APP_VERSION = version;
+process.env.VUE_APP_VERSION = version
 
 const resolve = (dir) => {
-  return path.join(__dirname, dir);
+  return path.join(__dirname, dir)
-};
+}
 
 const mockServer = () => {
-  if (process.env.NODE_ENV === "development") {
+  if (process.env.NODE_ENV === 'development') {
-    return require("./mock/mockServer.js");
+    return require('./mock/mockServer.js')
   } else {
-    return "";
+    return ''
   }
-};
+}
 
 module.exports = {
   publicPath,
@@ -82,8 +78,8 @@ module.exports = {
     return {
       resolve: {
         alias: {
-          "@": resolve("src"),
+          '@': resolve('src'),
-          "*": resolve(""),
+          '*': resolve(''),
         },
       },
       plugins: [
@@ -92,64 +88,64 @@ module.exports = {
           name: webpackBarName,
         }),
       ],
-    };
+    }
   },
   chainWebpack(config) {
-    config.resolve.symlinks(true);
+    config.resolve.symlinks(true)
-    config.module.rule("svg").exclude.add(resolve("src/icon/remixIcon")).end();
+    config.module.rule('svg').exclude.add(resolve('src/icon/remixIcon')).end()
 
     config.module
-      .rule("remixIcon")
+      .rule('remixIcon')
       .test(/\.svg$/)
-      .include.add(resolve("src/icon/remixIcon"))
+      .include.add(resolve('src/icon/remixIcon'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({ symbolId: 'remix-icon-[name]' })
       .end()
-      .use("svg-sprite-loader")
-      .loader("svg-sprite-loader")
-      .options({ symbolId: "remix-icon-[name]" })
-      .end();
 
-    config.when(process.env.NODE_ENV === "development", (config) => {
+    config.when(process.env.NODE_ENV === 'development', (config) => {
-      config.devtool("source-map");
+      config.devtool('source-map')
-    });
+    })
 
-    config.when(process.env.NODE_ENV !== "development", (config) => {
+    config.when(process.env.NODE_ENV !== 'development', (config) => {
-      config.performance.set("hints", false);
+      config.performance.set('hints', false)
-      config.devtool("none");
+      config.devtool('none')
       config.optimization.splitChunks({
-        chunks: "all",
+        chunks: 'all',
         cacheGroups: {
           libs: {
-            name: "vue-admin-beautiful-libs",
+            name: 'vue-admin-beautiful-libs',
             test: /[\\/]node_modules[\\/]/,
             priority: 10,
-            chunks: "initial",
+            chunks: 'initial',
           },
         },
-      });
+      })
       config
-        .plugin("banner")
+        .plugin('banner')
         .use(Webpack.BannerPlugin, [`${webpackBanner}${time}`])
-        .end();
+        .end()
       config
-        .plugin("compression")
+        .plugin('compression')
         .use(CompressionWebpackPlugin, [
           {
-            filename: "[path].gz[query]",
+            filename: '[path].gz[query]',
-            algorithm: "gzip",
+            algorithm: 'gzip',
             test: new RegExp(
-              "\\.(" + productionGzipExtensions.join("|") + ")$"
+              '\\.(' + productionGzipExtensions.join('|') + ')$'
             ),
             threshold: 8192,
             minRatio: 0.8,
           },
         ])
-        .end();
+        .end()
-    });
+    })
 
     if (build7z) {
-      config.when(process.env.NODE_ENV === "production", (config) => {
+      config.when(process.env.NODE_ENV === 'production', (config) => {
         config
-          .plugin("fileManager")
+          .plugin('fileManager')
           .use(FileManagerPlugin, [
             {
               onEnd: {
@@ -163,8 +159,8 @@ module.exports = {
               },
             },
           ])
-          .end();
+          .end()
-      });
+      })
     }
   },
   runtimeCompiler: true,
@@ -177,13 +173,13 @@ module.exports = {
         lessOptions: {
           javascriptEnabled: true,
           modifyVars: {
-            "vab-color-blue": "#1890ff",
+            'vab-color-blue': '#1890ff',
-            "vab-margin": "20px",
+            'vab-margin': '20px',
-            "vab-padding": "20px",
+            'vab-padding': '20px',
-            "vab-header-height": "65px",
+            'vab-header-height': '65px',
           },
         },
       },
     },
   },
-};
+}