}
+ */
+export function decryptedData(data) {
+ const decrypt = new JSEncrypt();
+ decrypt.setPrivateKey(
+ `-----BEGIN RSA PRIVATE KEY-----${privateKey}-----END RSA PRIVATE KEY-----`
+ );
+ data = decrypt.decrypt(JSON.stringify(data));
+ return data;
+}
diff --git a/src/utils/errorLog.js b/src/utils/errorLog.js
new file mode 100644
index 0000000..a36746c
--- /dev/null
+++ b/src/utils/errorLog.js
@@ -0,0 +1,25 @@
+import Vue from "vue";
+import store from "@/store";
+import { isArray, isString } from "@/utils/validate";
+import { errorLog } from "@/config/settings";
+
+const needErrorLog = errorLog;
+const checkNeed = () => {
+ const env = process.env.NODE_ENV;
+ if (isString(needErrorLog)) {
+ return env === needErrorLog;
+ }
+ if (isArray(needErrorLog)) {
+ return needErrorLog.includes(env);
+ }
+ return false;
+};
+if (checkNeed()) {
+ Vue.config.errorHandler = (err, vm, info) => {
+ console.error("vue-admin-beautiful错误拦截:", err, vm, info);
+ const url = window.location.href;
+ Vue.nextTick(() => {
+ store.dispatch("errorLog/addErrorLog", { err, vm, info, url });
+ });
+ };
+}
diff --git a/src/utils/handleRoutes.js b/src/utils/handleRoutes.js
new file mode 100644
index 0000000..e62c807
--- /dev/null
+++ b/src/utils/handleRoutes.js
@@ -0,0 +1,76 @@
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description all模式渲染后端返回路由
+ * @param constantRoutes
+ * @returns {*}
+ */
+export function filterAllRoutes(constantRoutes) {
+ return constantRoutes.filter((route) => {
+ if (route.component) {
+ if (route.component === "Layout") {
+ route.component = (resolve) => require(["@/layouts"], resolve);
+ } else if (route.component === "EmptyLayout") {
+ route.component = (resolve) =>
+ require(["@/layouts/EmptyLayout"], resolve);
+ } else {
+ let path = "views/" + route.component;
+ if (
+ new RegExp("^/views/.*$").test(route.component) ||
+ new RegExp("^views/.*$").test(route.component)
+ ) {
+ path = route.component;
+ } else if (new RegExp("^/.*$").test(route.component)) {
+ path = "views" + route.component;
+ } else if (new RegExp("^@views/.*$").test(route.component)) {
+ path = route.component.slice(1);
+ } else {
+ path = "views/" + route.component;
+ }
+ route.component = (resolve) => require([`@/${path}`], resolve);
+ }
+ }
+ if (route.children && route.children.length) {
+ route.children = filterAllRoutes(route.children);
+ }
+ if (route.children && route.children.length === 0) {
+ delete route.children;
+ }
+ return true;
+ });
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断当前路由是否包含权限
+ * @param permissions
+ * @param route
+ * @returns {boolean|*}
+ */
+function hasPermission(permissions, route) {
+ if (route.meta && route.meta.permissions) {
+ return permissions.some((role) => route.meta.permissions.includes(role));
+ } else {
+ return true;
+ }
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description intelligence模式根据permissions数组拦截路由
+ * @param routes
+ * @param permissions
+ * @returns {[]}
+ */
+export function filterAsyncRoutes(routes, permissions) {
+ const finallyRoutes = [];
+ routes.forEach((route) => {
+ const item = { ...route };
+ if (hasPermission(permissions, item)) {
+ if (item.children) {
+ item.children = filterAsyncRoutes(item.children, permissions);
+ }
+ finallyRoutes.push(item);
+ }
+ });
+ return finallyRoutes;
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..749754d
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,266 @@
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 格式化时间
+ * @param time
+ * @param cFormat
+ * @returns {string|null}
+ */
+export function parseTime(time, cFormat) {
+ if (arguments.length === 0) {
+ return null;
+ }
+ const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
+ let date;
+ if (typeof time === "object") {
+ date = time;
+ } else {
+ if (typeof time === "string" && /^[0-9]+$/.test(time)) {
+ time = parseInt(time);
+ }
+ if (typeof time === "number" && time.toString().length === 10) {
+ time = time * 1000;
+ }
+ date = new Date(time);
+ }
+ const formatObj = {
+ y: date.getFullYear(),
+ m: date.getMonth() + 1,
+ d: date.getDate(),
+ h: date.getHours(),
+ i: date.getMinutes(),
+ s: date.getSeconds(),
+ a: date.getDay(),
+ };
+ const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+ let value = formatObj[key];
+ if (key === "a") {
+ return ["日", "一", "二", "三", "四", "五", "六"][value];
+ }
+ if (result.length > 0 && value < 10) {
+ value = "0" + value;
+ }
+ return value || 0;
+ });
+ return time_str;
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 格式化时间
+ * @param time
+ * @param option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+ if (("" + time).length === 10) {
+ time = parseInt(time) * 1000;
+ } else {
+ time = +time;
+ }
+ const d = new Date(time);
+ const now = Date.now();
+
+ const diff = (now - d) / 1000;
+
+ if (diff < 30) {
+ return "刚刚";
+ } else if (diff < 3600) {
+ // less 1 hour
+ return Math.ceil(diff / 60) + "分钟前";
+ } else if (diff < 3600 * 24) {
+ return Math.ceil(diff / 3600) + "小时前";
+ } else if (diff < 3600 * 24 * 2) {
+ return "1天前";
+ }
+ if (option) {
+ return parseTime(time, option);
+ } else {
+ return (
+ d.getMonth() +
+ 1 +
+ "月" +
+ d.getDate() +
+ "日" +
+ d.getHours() +
+ "时" +
+ d.getMinutes() +
+ "分"
+ );
+ }
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 将url请求参数转为json格式
+ * @param url
+ * @returns {{}|any}
+ */
+export function paramObj(url) {
+ const search = url.split("?")[1];
+ if (!search) {
+ return {};
+ }
+ return JSON.parse(
+ '{"' +
+ decodeURIComponent(search)
+ .replace(/"/g, '\\"')
+ .replace(/&/g, '","')
+ .replace(/=/g, '":"')
+ .replace(/\+/g, " ") +
+ '"}'
+ );
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 父子关系的数组转换成树形结构数据
+ * @param data
+ * @returns {*}
+ */
+export function translateDataToTree(data) {
+ const parent = data.filter(
+ (value) => value.parentId === "undefined" || value.parentId == null
+ );
+ const children = data.filter(
+ (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));
+ temp.splice(index, 1);
+ translator([current], temp);
+ typeof parent.children !== "undefined"
+ ? parent.children.push(current)
+ : (parent.children = [current]);
+ }
+ });
+ });
+ };
+ translator(parent, children);
+ return parent;
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 树形结构数据转换成父子关系的数组
+ * @param data
+ * @returns {[]}
+ */
+export function translateTreeToData(data) {
+ const result = [];
+ data.forEach((item) => {
+ const loop = (data) => {
+ result.push({
+ id: data.id,
+ name: data.name,
+ parentId: data.parentId,
+ });
+ const child = data.children;
+ if (child) {
+ for (let i = 0; i < child.length; i++) {
+ loop(child[i]);
+ }
+ }
+ };
+ loop(item);
+ });
+ return result;
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 10位时间戳转换
+ * @param time
+ * @returns {string}
+ */
+export function tenBitTimestamp(time) {
+ const date = new Date(time * 1000);
+ const y = date.getFullYear();
+ let m = date.getMonth() + 1;
+ m = m < 10 ? "" + m : m;
+ let d = date.getDate();
+ d = d < 10 ? "" + d : d;
+ let h = date.getHours();
+ h = h < 10 ? "0" + h : h;
+ let minute = date.getMinutes();
+ let second = date.getSeconds();
+ minute = minute < 10 ? "0" + minute : minute;
+ second = second < 10 ? "0" + second : second;
+ return y + "年" + m + "月" + d + "日 " + h + ":" + minute + ":" + second; //组合
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 13位时间戳转换
+ * @param time
+ * @returns {string}
+ */
+export function thirteenBitTimestamp(time) {
+ const date = new Date(time / 1);
+ const y = date.getFullYear();
+ let m = date.getMonth() + 1;
+ m = m < 10 ? "" + m : m;
+ let d = date.getDate();
+ d = d < 10 ? "" + d : d;
+ let h = date.getHours();
+ h = h < 10 ? "0" + h : h;
+ let minute = date.getMinutes();
+ let second = date.getSeconds();
+ minute = minute < 10 ? "0" + minute : minute;
+ second = second < 10 ? "0" + second : second;
+ return y + "年" + m + "月" + d + "日 " + h + ":" + minute + ":" + second; //组合
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 获取随机id
+ * @param length
+ * @returns {string}
+ */
+export function uuid(length = 32) {
+ const num = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
+ let str = "";
+ for (let i = 0; i < length; i++) {
+ str += num.charAt(Math.floor(Math.random() * num.length));
+ }
+ return str;
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description m到n的随机数
+ * @param m
+ * @param n
+ * @returns {number}
+ */
+export function random(m, n) {
+ return Math.floor(Math.random() * (m - n) + n);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description addEventListener
+ * @type {function(...[*]=)}
+ */
+export const on = (function () {
+ return function (element, event, handler, useCapture = false) {
+ if (element && event && handler) {
+ element.addEventListener(event, handler, useCapture);
+ }
+ };
+})();
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description removeEventListener
+ * @type {function(...[*]=)}
+ */
+export const off = (function () {
+ return function (element, event, handler, useCapture = false) {
+ if (element && event) {
+ element.removeEventListener(event, handler, useCapture);
+ }
+ };
+})();
diff --git a/src/utils/pageTitle.js b/src/utils/pageTitle.js
new file mode 100644
index 0000000..3f3c164
--- /dev/null
+++ b/src/utils/pageTitle.js
@@ -0,0 +1,14 @@
+import { title } from "@/config/settings";
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 设置标题
+ * @param pageTitle
+ * @returns {string}
+ */
+export default function getPageTitle(pageTitle) {
+ if (pageTitle) {
+ return `${pageTitle}-${title}`;
+ }
+ return `${title}`;
+}
diff --git a/src/utils/permission.js b/src/utils/permission.js
new file mode 100644
index 0000000..fa1c8f1
--- /dev/null
+++ b/src/utils/permission.js
@@ -0,0 +1,20 @@
+import store from "@/store";
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 检查权限
+ * @param value
+ * @returns {boolean}
+ */
+export default function checkPermission(value) {
+ if (value && value instanceof Array && value.length > 0) {
+ const permissions = store.getters["user/permissions"];
+ const permissionPermissions = value;
+
+ return permissions.some((role) => {
+ return permissionPermissions.includes(role);
+ });
+ } else {
+ return false;
+ }
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..b865a44
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,144 @@
+import Vue from "vue";
+import axios from "axios";
+import {
+ baseURL,
+ contentType,
+ debounce,
+ invalidCode,
+ noPermissionCode,
+ requestTimeout,
+ successCode,
+ tokenName,
+ loginInterception,
+} from "@/config/settings";
+import store from "@/store";
+import qs from "qs";
+import router from "@/router";
+import { isArray } from "@/utils/validate";
+
+let loadingInstance;
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断当前url是否需要加loading
+ * @param {*} config
+ * @returns
+ */
+const needLoading = (config) => {
+ let status = false;
+ debounce.forEach((item) => {
+ if (Vue.prototype.$baseLodash.includes(config.url, item)) {
+ status = true;
+ }
+ });
+ return status;
+};
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 处理code异常
+ * @param {*} code
+ * @param {*} msg
+ */
+const handleCode = (code, msg) => {
+ switch (code) {
+ case invalidCode:
+ Vue.prototype.$baseMessage(msg || `后端接口${code}异常`, "error");
+ store.dispatch("user/resetAccessToken").catch(() => {});
+ if (loginInterception) {
+ location.reload();
+ }
+ break;
+ case noPermissionCode:
+ router.push({ path: "/401" }).catch(() => {});
+ break;
+ default:
+ Vue.prototype.$baseMessage(msg || `后端接口${code}异常`, "error");
+ break;
+ }
+};
+
+const instance = axios.create({
+ baseURL,
+ timeout: requestTimeout,
+ headers: {
+ "Content-Type": contentType,
+ },
+});
+
+instance.interceptors.request.use(
+ (config) => {
+ if (store.getters["user/accessToken"]) {
+ config.headers[tokenName] = store.getters["user/accessToken"];
+ }
+ //这里会过滤所有为空、0、false的key，如果不需要请自行注释
+ if (config.data)
+ config.data = Vue.prototype.$baseLodash.pickBy(
+ config.data,
+ Vue.prototype.$baseLodash.identity
+ );
+
+ if (
+ contentType === "application/x-www-form-urlencoded;charset=UTF-8" &&
+ config.data
+ ) {
+ config.data = qs.stringify(config.data);
+ }
+
+ if (needLoading(config)) {
+ loadingInstance = Vue.prototype.$baseLoading();
+ }
+ return config;
+ },
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+instance.interceptors.response.use(
+ (response) => {
+ if (loadingInstance) loadingInstance.close();
+
+ const { status, data, config } = response;
+ const { code, msg } = data;
+ // 操作正常Code数组
+ const codeVerificationArray = isArray(successCode)
+ ? [...successCode]
+ : [...[successCode]];
+ // 是否操作正常
+ if (codeVerificationArray.includes(code)) {
+ return data;
+ } else {
+ handleCode(code, msg);
+ return Promise.reject(
+ "vue-admin-beautiful请求异常拦截:" +
+ JSON.stringify({ url: config.url, code, msg }) || "Error"
+ );
+ }
+ },
+ (error) => {
+ if (loadingInstance) loadingInstance.close();
+ const { response, message } = error;
+ if (error.response && error.response.data) {
+ const { status, data } = response;
+ handleCode(status, data.msg || message);
+ return Promise.reject(error);
+ } else {
+ let { message } = error;
+ if (message === "Network Error") {
+ message = "后端接口连接异常";
+ }
+ if (message.includes("timeout")) {
+ message = "后端接口请求超时";
+ }
+ if (message.includes("Request failed with status code")) {
+ const code = message.substr(message.length - 3);
+ message = "后端接口" + code + "异常";
+ }
+ Vue.prototype.$baseMessage(message || `后端接口未知异常`, "error");
+ return Promise.reject(error);
+ }
+ }
+);
+
+export default instance;
diff --git a/src/utils/vab.js b/src/utils/vab.js
new file mode 100644
index 0000000..91854cd
--- /dev/null
+++ b/src/utils/vab.js
@@ -0,0 +1,180 @@
+import { loadingText, messageDuration, title } from "@/config/settings";
+import * as lodash from "lodash";
+import { Loading, Message, MessageBox, Notification } from "element-ui";
+import store from "@/store";
+import { getAccessToken } from "@/utils/accessToken";
+
+const accessToken = store.getters["user/accessToken"];
+const layout = store.getters["settings/layout"];
+
+const install = (Vue, opts = {}) => {
+ /* 全局accessToken */
+ Vue.prototype.$baseAccessToken = () => {
+ return accessToken || getAccessToken();
+ };
+ /* 全局标题 */
+ Vue.prototype.$baseTitle = (() => {
+ return title;
+ })();
+ /* 全局加载层 */
+ Vue.prototype.$baseLoading = (index, text) => {
+ let loading;
+ if (!index) {
+ loading = Loading.service({
+ lock: true,
+ text: text || loadingText,
+ background: "hsla(0,0%,100%,.8)",
+ });
+ } else {
+ loading = Loading.service({
+ lock: true,
+ text: text || loadingText,
+ spinner: "vab-loading-type" + index,
+ background: "hsla(0,0%,100%,.8)",
+ });
+ }
+ return loading;
+ };
+ /* 全局多彩加载层 */
+ Vue.prototype.$baseColorfullLoading = (index, text) => {
+ let loading;
+ if (!index) {
+ loading = Loading.service({
+ lock: true,
+ text: text || loadingText,
+ spinner: "dots-loader",
+ background: "hsla(0,0%,100%,.8)",
+ });
+ } else {
+ switch (index) {
+ case 1:
+ index = "dots";
+ break;
+ case 2:
+ index = "gauge";
+ break;
+ case 3:
+ index = "inner-circles";
+ break;
+ case 4:
+ index = "plus";
+ break;
+ }
+ loading = Loading.service({
+ lock: true,
+ text: text || loadingText,
+ spinner: index + "-loader",
+ background: "hsla(0,0%,100%,.8)",
+ });
+ }
+ return loading;
+ };
+ /* 全局Message */
+ Vue.prototype.$baseMessage = (message, type) => {
+ Message({
+ offset: 60,
+ showClose: true,
+ message: message,
+ type: type,
+ dangerouslyUseHTMLString: true,
+ duration: messageDuration,
+ });
+ };
+
+ /* 全局Alert */
+ Vue.prototype.$baseAlert = (content, title, callback) => {
+ MessageBox.alert(content, title || "温馨提示", {
+ confirmButtonText: "确定",
+ dangerouslyUseHTMLString: true,
+ callback: (action) => {
+ if (callback) {
+ callback();
+ }
+ },
+ });
+ };
+
+ /* 全局Confirm */
+ Vue.prototype.$baseConfirm = (content, title, callback1, callback2) => {
+ MessageBox.confirm(content, title || "温馨提示", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ closeOnClickModal: false,
+ type: "warning",
+ })
+ .then(() => {
+ if (callback1) {
+ callback1();
+ }
+ })
+ .catch(() => {
+ if (callback2) {
+ callback2();
+ }
+ });
+ };
+
+ /* 全局Notification */
+ Vue.prototype.$baseNotify = (message, title, type, position) => {
+ Notification({
+ title: title,
+ message: message,
+ position: position || "top-right",
+ type: type || "success",
+ duration: messageDuration,
+ });
+ };
+
+ /* 全局TableHeight */
+ Vue.prototype.$baseTableHeight = (formType) => {
+ let height = window.innerHeight;
+ let paddingHeight = 400;
+ const formHeight = 50;
+
+ if (layout === "vertical") {
+ paddingHeight = 340;
+ }
+
+ if ("number" == typeof formType) {
+ height = height - paddingHeight - formHeight * formType;
+ } else {
+ height = height - paddingHeight;
+ }
+ return height;
+ };
+
+ /* 全局map图层 */
+ Vue.prototype.$baseMap = () => {
+ return new maptalks.Map("map", {
+ center: [116.41348403785, 39.910843952376],
+ zoom: 12,
+ minZoom: 1,
+ maxZoom: 19,
+ spatialReference: {
+ projection: "baidu",
+ },
+ attribution: {
+ content: "© vue-admin-beautiful",
+ },
+ baseLayer: new maptalks.TileLayer("base", {
+ cssFilter: "sepia(100%) invert(90%)",
+ urlTemplate:
+ "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1",
+ subdomains: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+ attribution:
+ '© Baidu',
+ }),
+ });
+ };
+
+ /* 全局lodash */
+ Vue.prototype.$baseLodash = lodash;
+ /* 全局事件总线 */
+ Vue.prototype.$baseEventBus = new Vue();
+};
+
+if (typeof window !== "undefined" && window.Vue) {
+ install(window.Vue);
+}
+
+export default install;
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000..45b1639
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,247 @@
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判读是否为外链
+ * @param path
+ * @returns {boolean}
+ */
+export function isExternal(path) {
+ return /^(https?:|mailto:|tel:)/.test(path);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 校验密码是否小于6位
+ * @param str
+ * @returns {boolean}
+ */
+export function isPassword(str) {
+ return str.length >= 6;
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否为数字
+ * @param value
+ * @returns {boolean}
+ */
+export function isNumber(value) {
+ const reg = /^[0-9]*$/;
+ return reg.test(value);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是名称
+ * @param value
+ * @returns {boolean}
+ */
+export function isName(value) {
+ const reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/;
+ return reg.test(value);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否为IP
+ * @param ip
+ * @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])$/;
+ return reg.test(ip);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是传统网站
+ * @param url
+ * @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.,?'\\+&%$#=~_-]+))*$/;
+ return reg.test(url);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是小写字母
+ * @param str
+ * @returns {boolean}
+ */
+export function isLowerCase(str) {
+ const reg = /^[a-z]+$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是大写字母
+ * @param str
+ * @returns {boolean}
+ */
+export function isUpperCase(str) {
+ const reg = /^[A-Z]+$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是大写字母开头
+ * @param str
+ * @returns {boolean}
+ */
+export function isAlphabets(str) {
+ const reg = /^[A-Za-z]+$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是字符串
+ * @param str
+ * @returns {boolean}
+ */
+export function isString(str) {
+ return typeof str === "string" || str instanceof String;
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是数组
+ * @param arg
+ * @returns {arg is any[]|boolean}
+ */
+export function isArray(arg) {
+ if (typeof Array.isArray === "undefined") {
+ return Object.prototype.toString.call(arg) === "[object Array]";
+ }
+ return Array.isArray(arg);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是端口号
+ * @param str
+ * @returns {boolean}
+ */
+export function isPort(str) {
+ 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(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是手机号
+ * @param str
+ * @returns {boolean}
+ */
+export function isPhone(str) {
+ const reg = /^1\d{10}$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是身份证号(第二代)
+ * @param str
+ * @returns {boolean}
+ */
+export function isIdCard(str) {
+ 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(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否是邮箱
+ * @param str
+ * @returns {boolean}
+ */
+export function isEmail(str) {
+ const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否中文
+ * @param str
+ * @returns {boolean}
+ */
+export function isChina(str) {
+ const reg = /^[\u4E00-\u9FA5]{2,4}$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否为空
+ * @param str
+ * @returns {boolean}
+ */
+export function isBlank(str) {
+ return (
+ str == null ||
+ false ||
+ str === "" ||
+ str.trim() === "" ||
+ str.toLocaleLowerCase().trim() === "null"
+ );
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否为固话
+ * @param str
+ * @returns {boolean}
+ */
+export function isTel(str) {
+ 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(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断是否为数字且最多两位小数
+ * @param str
+ * @returns {boolean}
+ */
+export function isNum(str) {
+ const reg = /^\d+(\.\d{1,2})?$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断经度 -180.0～+180.0（整数部分为0～180，必须输入1到5位小数）
+ * @param str
+ * @returns {boolean}
+ */
+export function isLongitude(str) {
+ const reg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description 判断纬度 -90.0～+90.0（整数部分为0～90，必须输入1到5位小数）
+ * @param str
+ * @returns {boolean}
+ */
+export function isLatitude(str) {
+ const reg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/;
+ return reg.test(str);
+}
+
+/**
+ * @copyright chuzhixin 1204505056@qq.com
+ * @description rtsp校验，只要有rtsp://
+ * @param str
+ * @returns {boolean}
+ */
+export function isRTSP(str) {
+ 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 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(str) || reg1.test(str) || reg2.test(str);
+}
diff --git a/src/views/401.vue b/src/views/401.vue
new file mode 100644
index 0000000..e9c9970
--- /dev/null
+++ b/src/views/401.vue
@@ -0,0 +1,296 @@
+
+
+
+
+
+
+
diff --git a/src/views/404.vue b/src/views/404.vue
new file mode 100644
index 0000000..eb714ac
--- /dev/null
+++ b/src/views/404.vue
@@ -0,0 +1,296 @@
+
+
+
+
+
+
+
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
new file mode 100644
index 0000000..ec7783b
--- /dev/null
+++ b/src/views/index/index.vue
@@ -0,0 +1,850 @@
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+
+
+ 访问量
+
+
+
+
+ 日均访问量:
+
+
+
+
+
+
+
+
+
+ 授权数
+
+
+
+
+ 总授权数:
+
+
+
+
+
+
+
+
+ 词云
+
+
+
+
+ 词云数量:
+
+
+
+
+
+
+
+
+ GDP分布图
+
+
+
+
+
+
+
+
更新日志
+
部署时间:{{ updateTime }}
+
+
+ | @vue/cli版本 |
+ {{ devDependencies["@vue/cli-service"] }} |
+ vue版本 |
+ {{ dependencies["vue"] }} |
+
+
+ | vuex版本 |
+ {{ dependencies["vuex"] }} |
+ vue-router版本 |
+ {{ dependencies["vue-router"] }} |
+
+
+ | element-ui版本 |
+ {{ dependencies["element-ui"] }} |
+ axios版本 |
+ {{ dependencies["axios"] }} |
+
+
+ | eslint版本 |
+ {{ devDependencies["eslint"] }} |
+ prettier版本 |
+ {{ devDependencies["prettier"] }} |
+
+
+ | sass版本 |
+ {{ devDependencies["sass"] }} |
+ mockjs版本 |
+ {{ devDependencies["mockjs"] }} |
+
+
+ | zx-layouts版本 |
+ {{ dependencies["zx-layouts"] }} |
+ lodash版本 |
+ {{ dependencies["lodash"] }} |
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ 更新日志
+
+
+
+ {{ activity.content }}
+
+
+
+
+
+
+
+ 其他信息
+
+
+
+
vue-admin-beautiful
+
+
+
+
+
+
+
+
+
+
+ 关于开发者
+
+ 
+
+
+
+
+
+
+
+ 占位符
+
+
+
+ hello !
+ 欢迎来到{{ title }}！
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+ 注册
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+ 推荐
+ 缺货
+
+
+
![]()
+
+
{{ item.title }}
+
{{ item.description }}
+
+ ¥ {{ item.price }} 元
+
+
+
+
+
+
+ 请务必仔细填写并核对
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 下一步
+
+
+
+
+
+ 确认转账后，资金将直接打入对方账户，无法退回。
+
+
+
+ {{ infoData.payAccount }}
+
+
+ {{ infoData.gatheringAccount }}
+
+
+ {{ infoData.gatheringName }}
+
+
+
+ {{ infoData.price }}
+
+
+
+
+
+
+
+
+ 提交
+
+ 上一步
+
+
+
+
+
+ {{ infoData.payAccount }}
+
+
+ {{ infoData.gatheringAccount }}
+
+
+ {{ infoData.gatheringName }}
+
+
+
+ {{ infoData.price }}
+
+
+
+
+ 再转一笔
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personalCenter/index.vue b/src/views/personalCenter/index.vue
new file mode 100644
index 0000000..2f5ea64
--- /dev/null
+++ b/src/views/personalCenter/index.vue
@@ -0,0 +1,23 @@
+
+
+
+ 个人简介
+ 基本设置
+ 安全设置
+ 安全设置
+
+
+
+
+
diff --git a/src/views/personnelManagement/menuManagement/components/MenuManagementEdit.vue b/src/views/personnelManagement/menuManagement/components/MenuManagementEdit.vue
new file mode 100644
index 0000000..e2d5b47
--- /dev/null
+++ b/src/views/personnelManagement/menuManagement/components/MenuManagementEdit.vue
@@ -0,0 +1,71 @@
+
+
+
+ 这里就不具体写了，请自行完善
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personnelManagement/menuManagement/index.vue b/src/views/personnelManagement/menuManagement/index.vue
new file mode 100644
index 0000000..1a2a55a
--- /dev/null
+++ b/src/views/personnelManagement/menuManagement/index.vue
@@ -0,0 +1,182 @@
+
+
+
+
+
diff --git a/src/views/personnelManagement/roleManagement/components/RoleManagementEdit.vue b/src/views/personnelManagement/roleManagement/components/RoleManagementEdit.vue
new file mode 100644
index 0000000..80cfa62
--- /dev/null
+++ b/src/views/personnelManagement/roleManagement/components/RoleManagementEdit.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personnelManagement/roleManagement/index.vue b/src/views/personnelManagement/roleManagement/index.vue
new file mode 100644
index 0000000..434471e
--- /dev/null
+++ b/src/views/personnelManagement/roleManagement/index.vue
@@ -0,0 +1,157 @@
+
+
+
+ 演示环境仅做基础功能展示，若想实现不同角色的真实菜单配置，需将settings.js路由加载模式改为all模式，由后端全面接管路由渲染与权限控制
+
+
+
+
+ 添加
+
+
+ 批量删除
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personnelManagement/userManagement/components/UserManagementEdit.vue b/src/views/personnelManagement/userManagement/components/UserManagementEdit.vue
new file mode 100644
index 0000000..ad364b4
--- /dev/null
+++ b/src/views/personnelManagement/userManagement/components/UserManagementEdit.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personnelManagement/userManagement/index.vue b/src/views/personnelManagement/userManagement/index.vue
new file mode 100644
index 0000000..28e2f5c
--- /dev/null
+++ b/src/views/personnelManagement/userManagement/index.vue
@@ -0,0 +1,173 @@
+
+
+
+
+
+ 添加
+
+
+ 批量删除
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
new file mode 100644
index 0000000..54627fb
--- /dev/null
+++ b/src/views/register/index.vue
@@ -0,0 +1,372 @@
+
+
+
+
+
+ 占位符
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ phoneCode }}
+
+
+
+
+
+
+
+
+
+ 注册
+
+
+ 登录
+
+
+
+
+
+
+ 你可以在这里写demo
+
+
+
diff --git a/src/views/vab/backToTop/index.vue b/src/views/vab/backToTop/index.vue
new file mode 100644
index 0000000..b12bd5f
--- /dev/null
+++ b/src/views/vab/backToTop/index.vue
@@ -0,0 +1,22 @@
+
+
+
+ 测试滚轮显示返回顶部-{{ index }}
+
+
+
+
+ vue-admin-beautiful禁止以下人员使用
+
+
+ 这世界嘲笑你的人有很多，你又不是圣人，干嘛对每个人都仁慈，面对无端的辱骂和攻击，你只能选择将他记在这里，时刻提醒自己。
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/card/index.vue b/src/views/vab/card/index.vue
new file mode 100644
index 0000000..d017153
--- /dev/null
+++ b/src/views/vab/card/index.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[header.key] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/TableExhibitionHeader.vue b/src/views/vab/codeGenerator/components/TableExhibitionHeader.vue
new file mode 100644
index 0000000..c755807
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableExhibitionHeader.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/TableExhibitionQuery.vue b/src/views/vab/codeGenerator/components/TableExhibitionQuery.vue
new file mode 100644
index 0000000..73cb7eb
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableExhibitionQuery.vue
@@ -0,0 +1,82 @@
+
+
+
+ 查看代码
+
+ 复制代码
+
+
+
+
+
+
+
+
+
+
+ 添加
+ 修改
+ 批量删除
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+ ${genTableColumnSnippet(headers)}
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+`;
+};
diff --git a/src/views/vab/codeGenerator/components/snippetTableColumn.js b/src/views/vab/codeGenerator/components/snippetTableColumn.js
new file mode 100644
index 0000000..6b39700
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/snippetTableColumn.js
@@ -0,0 +1,40 @@
+const timeFieldNeedHandle = {
+ created_at: true,
+ create_time: true,
+ updated_at: true,
+ update_time: true,
+ start_time: true,
+ end_time: true,
+};
+const genTableColumnSnippetSimple = (key, label) => {
+ return ``;
+};
+
+const genTabeleColumnSinppetTemplate = (key, label) => {
+ let val = "";
+ if (timeFieldNeedHandle[key]) {
+ val = `parseTime(row.${key})`;
+ } else {
+ val = `row.${key}`;
+ }
+ return `
+
+ {{ ${val} }}
+
+ `;
+};
+
+export const genTableColumnSnippet = (headers) => {
+ return headers
+ .filter((header) => {
+ return header.show;
+ })
+ .map((header) => {
+ if (timeFieldNeedHandle[header.key] || header.opt === "template") {
+ return genTabeleColumnSinppetTemplate(header.key, header.label);
+ } else {
+ return genTableColumnSnippetSimple(header.key, header.label);
+ }
+ })
+ .join("\n ");
+};
diff --git a/src/views/vab/codeGenerator/index.vue b/src/views/vab/codeGenerator/index.vue
new file mode 100644
index 0000000..3af1ebe
--- /dev/null
+++ b/src/views/vab/codeGenerator/index.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
diff --git a/src/views/vab/echarts/index.vue b/src/views/vab/echarts/index.vue
new file mode 100644
index 0000000..9c03214
--- /dev/null
+++ b/src/views/vab/echarts/index.vue
@@ -0,0 +1,652 @@
+
+
+
+
+
+ 柱状图
+
+
+
+
+
+
+
+ 环形图
+
+
+
+
+
+
+
+ 关系图
+
+
+
+
+
+
+
+
+ 中国地图
+
+
+
+
+
+
+
+ 世界地图
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 预览效果
+ 保存
+
+
+
+
+
+
+
+
+
+ element全部文档点这里
+
+
+
+
+
+ Tag 标签
+
+ 文档
+
+
+ 标签一
+ 标签二
+ 标签三
+ 标签四
+ 标签五
+ 标签一
+ 标签二
+ 标签三
+ 标签四
+ 标签五
+
+
+ 进度条
+
+ 文档
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 按钮
+
+ 文档
+
+
+ 默认按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+ 朴素按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+ 圆角按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+
+
+
+
+
+
+ 默认按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+
+
+
+ 搜索
+
+ 上传
+
+
+ 加载中
+
+
+ 文字链接
+
+ 文档
+
+
+
+ 默认链接
+
+ 主要链接
+ 成功链接
+ 警告链接
+ 危险链接
+ 信息链接
+ 默认链接
+ 主要链接
+ 成功链接
+ 警告链接
+ 危险链接
+ 信息链接
+ 无下划线
+ 有下划线
+
+ 头像
+
+ 文档
+
+
+
+
+ 页头
+
+ 文档
+
+
+
+
+ 面包屑
+
+ 文档
+
+
+
+ 首页
+ 活动管理
+ 活动列表
+ 活动详情
+
+
+
+
{{ chuzhixinjiayou.chuzhixinjiayou }}
+
+
+
diff --git a/src/views/vab/errorLog/index.vue b/src/views/vab/errorLog/index.vue
new file mode 100644
index 0000000..67cf725
--- /dev/null
+++ b/src/views/vab/errorLog/index.vue
@@ -0,0 +1,28 @@
+
+
+
+ 这里会在顶部navbar上模拟一个控制台错误日志
+
+
+ 点击模拟一个chuzhixinjiayou的错误
+
+
+
+
+
+
diff --git a/src/views/vab/form/index.vue b/src/views/vab/form/index.vue
new file mode 100644
index 0000000..3b5bdb2
--- /dev/null
+++ b/src/views/vab/form/index.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 立即创建
+
+ 重置
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/icon/colorfulIcon.vue b/src/views/vab/icon/colorfulIcon.vue
new file mode 100644
index 0000000..f199989
--- /dev/null
+++ b/src/views/vab/icon/colorfulIcon.vue
@@ -0,0 +1,155 @@
+
+
+
+
+
+ 多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
+
+
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+ 点击图标即可复制源码
+
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+ 小清新图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码，点击图标即可复制源码
+
+
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/loading/index.vue b/src/views/vab/loading/index.vue
new file mode 100644
index 0000000..509edee
--- /dev/null
+++ b/src/views/vab/loading/index.vue
@@ -0,0 +1,71 @@
+
+
+ 传统loading
+ 默认效果
+ 效果1
+ 效果2
+ 效果3
+ 效果4
+ 效果5
+ 效果6
+ 效果7
+ 效果8
+ 效果9
+
+
+
+ 多彩loading
+
+ 效果1
+
+
+ 效果2
+
+
+ 效果3
+
+
+ 效果4
+
+
+
+
+
+
+
diff --git a/src/views/vab/lodash/index.vue b/src/views/vab/lodash/index.vue
new file mode 100644
index 0000000..9e0676e
--- /dev/null
+++ b/src/views/vab/lodash/index.vue
@@ -0,0 +1,211 @@
+
+
+
+
+
+
+ lodashjs官网
+
+
+
+
+
+
+
+ 去除数组array中的最后一个元素
+
+
+ this.$baseLodash.initial([1, 2, 3])
+
+ // => [1, 2]
+
+
+
+
+
+
+
+ 返回数组 array的第一个元素
+
+
+ this.$baseLodash.head([1, 2, 3])
+
+ // => 1
+
+
+
+
+
+
+ 合并数组
+
+ this.$baseLodash.concat([1],[2])
+
+ // => [1,2]
+
+
+
+
+
+
+ 左切片
+
+ this.$baseLodash.drop([1, 2, 3],2切除的数量)
+
+ // => [3]
+
+
+
+
+
+
+ 右切片
+
+ this.$baseLodash.dropRight([1, 2, 3],2切除的数量)
+
+ // => [1]
+
+
+
+
+
+
+ 修改拼接
+
+ this.$baseLodash.join(['a', 'b', 'c'], '~');
+
+ // => 'a~b~c'
+
+
+
+
+
+
+ 获取数组最后一个元素
+
+ this.$baseLodash.last(['a', 'b', 'c']);
+
+ // => 'c'
+
+
+
+
+
+
+ 数组去重
+
+ this.$baseLodash.uniq(['a', 'b', 'a']);
+
+ // => ['a','b']
+
+
+
+
+
+
+ 获取数组的最大值
+
+ this.$baseLodash.max([4, 2, 8, 6])
+
+ // => 8
+
+
+
+
+
+
+ 获取数组的最小值
+
+ this.$baseLodash.min([4, 2, 8, 6])
+
+ // => 2
+
+
+
+
+
+
+
+ 四舍五入(保留任意位小数)
+
+
+ this.$baseLodash.round(4.006,2保持几位小数)
+
+ // => 4.01
+
+
+
+
+
+
+ 数组内数据相加
+
+ this.$baseLodash.sum([4, 2, 8, 6])
+
+ // => 20
+
+
+
+
+
+
+ 返回随机数
+
+ this.$baseLodash.random(0, 5)
+
+ // => 0到5任意数
+
+
+
+
+
+
+ 返回数组内的随机数
+
+ this.$baseLodash.sample([1, 2, 3, 4])
+
+ // => 数组1到4任意数
+
+
+
+
+
+
+ 事件防抖动
+
+ this.$baseLodash.debounce(@click的事件,延迟的毫秒数)
+
+ // => 点击后多久不可以点击
+
+
+
+
+
+
+
+
+ 放大镜1
+
+
+
+
+
+ 放大镜2
+
+
+
+
+
+
+
+
+ 增加文本
+ 增加图片
+
+
+
+
+ markdown转换html实时演示区域
+
+
+
+
+
+
+
+ 看到这里，你心动了吗？如果你心动了那就加入我们的qq群吧（972435319），谢谢你愿意尊重作者的心血，希望我们每个人都变得优秀，如果你愿意跟随作者一起学习技术，作者QQ（1204505056白嫖党勿扰）
+
+
+
+
+
+ 开源版本
+
+ 永久免费 个人/商业使用
+
+
+
+
+ - 永久开源免费，支持横纵布局切换
+ - 保留控制台以及代码中的作者信息可免费商用
+ -
+ 开源地址
+
+ 支持白嫖，也请给个star
+
+
+ - 提供讨论群专属文档，QQ群 972435319
+
+
+ VIP群
+
+ ￥100
+
+
+
+
+ - 支持以上所有特权
+ - 支持四种主题
+ -
+ vip群提供终身技术支持、专属文档及视频教程，可快速入手框架，包含打包优化，公共外框布局layout本地化及自定义教程等
+
+ - QQ咨询 1204505056
+
+
+ 开源版授权 商业用途 完全自定义版权
+
+ ￥299
+
+
+
+
+ - 支持以上所有特权，不包含VIP群
+ -
+ 可随意变更版权，但仅限自己团队使用，禁止恶意传播，禁止二次售卖
+
+ - 包含开源基础版授权与开源集成版授权
+ - 永久更新
+ - 提供低价外包合作机会
+
+
+ PRO版
+
+ ￥599
+
+
+
+
+ -
+ 演示地址：
+
+ 点我
+
+
+ - PRO独立版本与开源版本不同
+ - 无开源版限制，无版权限制，无需额外配置，拿来即用
+ - 免费加入vue-admin-beautifl github团队
+ - 提供16种布局主题搭配
+ - 图标使用方式大为简化
+ - 支持国际化语言包、中英文无缝切换（此后将支持13国语言）
+
+
+
+
+ intelligence模式,前端根据permissions拦截路由(演示环境,默认使用此方案)
+
+
+
+
+
+ admin
+ editor
+ test
+
+
+
+
+
+ 切换权限
+
+
+
+ {{ JSON.stringify(permissions) }}
+
+
+
按钮级权限演示
+
+ 我是拥有["admin"]权限的按钮
+
+
+ 我是拥有["editor"]权限的按钮
+
+
+ 我是拥有["test"]权限的按钮
+
+
+
+
+ all模式,路由以及view文件引入全部交给后端(权限复杂,且随时变更,建议使用此方案)
+
+
+ settings.js配置authentication为all即可完全交由后端控制,mock中有后端接口示例,权限繁琐,有几十种权限的项目直接用这种,
+ 由于演示环境是mock数据模拟,可能无法展现此功能的配置,只做如下展示,便于您的理解
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.meta.affix }}
+
+
+
+
+
+
+ {{ scope.row.meta.noKeepAlive }}
+
+
+
+
+
+
+ {{ scope.row.meta.badge }}
+
+
+
+
+
+
+
+
+
+
+
+ 视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
+
+
+
+
+ 播放传统MP4
+
+
+
+
+
+ 播放m3u8，且不暴露视频地址
+
+
+
+
+
+
+
+
+
+ 二维码示例
+
+
+
+
+
+
+
+
+
+ 小组件
+
+
+
+
+ snow
+
+
+
+
+
+
+
+ profile
+
+ 重载
+
+
+
+
+
+
+
+
+ charge
+
+
+
+
+
+
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
sticky
+
+
+
+
+ 添加
+
+
+ 删除
+
+ baseMessage
+ baseAlert
+ baseConfirm
+ baseNotify
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.status }}
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+
+
+
+ 取消
+
+
+ {{ row.title }}
+
+
+
+
+
+
+ 保存
+
+
+ 编辑
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/tree/index.vue b/src/views/vab/tree/index.vue
new file mode 100644
index 0000000..67b4757
--- /dev/null
+++ b/src/views/vab/tree/index.vue
@@ -0,0 +1,478 @@
+
+
+
+
+ 常规树
+
+
+
+
+
+ {{ node.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 懒加载树
+
+
+
+
+
+
+ {{ node.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ node.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 演示环境可能无法模拟上传
+
+
+ 模拟上传
+
+
+
+
+
diff --git a/src/views/vab/verify/index.vue b/src/views/vab/verify/index.vue
new file mode 100644
index 0000000..52fce2d
--- /dev/null
+++ b/src/views/vab/verify/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
diff --git a/src/views/vab/webSocket/index.vue b/src/views/vab/webSocket/index.vue
new file mode 100644
index 0000000..b2b30cc
--- /dev/null
+++ b/src/views/vab/webSocket/index.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+ webSocket连接{{ status }}！
+
+
+
+
+
+
+
+
+
+
+ 发送消息
+
+
+ {{ data }}
+
+
+
+
+
+
+
+
diff --git a/svgo.yml b/svgo.yml
new file mode 100644
index 0000000..31ca449
--- /dev/null
+++ b/svgo.yml
@@ -0,0 +1,4 @@
+plugins:
+ - removeAttrs:
+ attrs:
+ - "fill-rule"
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..da25fbb
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,216 @@
+const path = require("path");
+const {
+ publicPath,
+ assetsDir,
+ outputDir,
+ lintOnSave,
+ transpileDependencies,
+ title,
+ abbreviation,
+ devPort,
+ providePlugin,
+ build7z,
+ donation,
+} = require("./src/config/settings");
+const {
+ webpackBarName,
+ webpackBanner,
+ donationConsole,
+} = require("zx-layouts");
+
+if (donation) donationConsole();
+const { version, author } = require("./package.json");
+const Webpack = require("webpack");
+const WebpackBar = require("webpackbar");
+const FileManagerPlugin = require("filemanager-webpack-plugin");
+const dayjs = require("dayjs");
+const date = dayjs().format("YYYY_M_D");
+const time = dayjs().format("YYYY-M-D HH:mm:ss");
+const CompressionWebpackPlugin = require("compression-webpack-plugin");
+const productionGzipExtensions = ["html", "js", "css", "svg"];
+process.env.VUE_APP_TITLE = title || "vue-admin-beautiful";
+process.env.VUE_APP_AUTHOR = author || "chuzhixin 1204505056@qq.com";
+process.env.VUE_APP_UPDATE_TIME = time;
+process.env.VUE_APP_VERSION = version;
+
+const resolve = (dir) => {
+ return path.join(__dirname, dir);
+};
+
+const mockServer = () => {
+ if (process.env.NODE_ENV === "development") {
+ return require("./mock/mockServer.js");
+ } else {
+ return "";
+ }
+};
+
+module.exports = {
+ publicPath,
+ assetsDir,
+ outputDir,
+ lintOnSave,
+ transpileDependencies,
+ devServer: {
+ hot: true,
+ port: devPort,
+ open: true,
+ noInfo: false,
+ overlay: {
+ warnings: true,
+ errors: true,
+ },
+ after: mockServer(),
+ },
+ configureWebpack() {
+ return {
+ resolve: {
+ alias: {
+ "@": resolve("src"),
+ },
+ },
+ plugins: [
+ new Webpack.ProvidePlugin(providePlugin),
+ new WebpackBar({
+ name: webpackBarName,
+ }),
+ ],
+ };
+ },
+ chainWebpack(config) {
+ /* config.plugins.delete("preload");
+ config.plugins.delete("prefetch"); */
+ config.module
+ .rule("svg")
+ .exclude.add(resolve("src/remixIcon"))
+ .add(resolve("src/colorfulIcon"))
+ .end();
+
+ config.module
+ .rule("remixIcon")
+ .test(/\.svg$/)
+ .include.add(resolve("src/remixIcon"))
+ .end()
+ .use("svg-sprite-loader")
+ .loader("svg-sprite-loader")
+ .options({ symbolId: "remix-icon-[name]" })
+ .end();
+
+ config.module
+ .rule("colorfulIcon")
+ .test(/\.svg$/)
+ .include.add(resolve("src/colorfulIcon"))
+ .end()
+ .use("svg-sprite-loader")
+ .loader("svg-sprite-loader")
+ .options({ symbolId: "colorful-icon-[name]" })
+ .end();
+
+ config.when(process.env.NODE_ENV === "development", (config) => {
+ config.devtool("source-map");
+ });
+ config.when(process.env.NODE_ENV !== "development", (config) => {
+ config.performance.set("hints", false);
+ config.devtool("none");
+ config.optimization.splitChunks({
+ chunks: "all",
+ cacheGroups: {
+ libs: {
+ name: "chunk-libs",
+ test: /[\\/]node_modules[\\/]/,
+ priority: 10,
+ chunks: "initial",
+ },
+ elementUI: {
+ name: "chunk-elementUI",
+ priority: 20,
+ test: /[\\/]node_modules[\\/]_?element-ui(.*)/,
+ },
+ fortawesome: {
+ name: "chunk-fortawesome",
+ priority: 20,
+ test: /[\\/]node_modules[\\/]_?@fortawesome(.*)/,
+ },
+ commons: {
+ name: "chunk-commons",
+ test: resolve("src/components"),
+ minChunks: 3,
+ priority: 5,
+ reuseExistingChunk: true,
+ },
+ },
+ });
+ config
+ .plugin("banner")
+ .use(Webpack.BannerPlugin, [`${webpackBanner}${time}`])
+ .end();
+ config
+ .plugin("compression")
+ .use(CompressionWebpackPlugin, [
+ {
+ filename: "[path].gz[query]",
+ algorithm: "gzip",
+ test: new RegExp(
+ "\\.(" + productionGzipExtensions.join("|") + ")$"
+ ),
+ threshold: 8192,
+ minRatio: 0.8,
+ },
+ ])
+ .end();
+ config.module
+ .rule("images")
+ .use("image-webpack-loader")
+ .loader("image-webpack-loader")
+ .options({
+ bypassOnDebug: true,
+ })
+ .end();
+ });
+
+ if (build7z) {
+ config.when(process.env.NODE_ENV === "production", (config) => {
+ config
+ .plugin("fileManager")
+ .use(FileManagerPlugin, [
+ {
+ onEnd: {
+ delete: [`./${outputDir}/video`, `./${outputDir}/data`],
+ archive: [
+ {
+ source: `./${outputDir}`,
+ destination: `./${outputDir}/${abbreviation}_${outputDir}_${date}.7z`,
+ },
+ ],
+ },
+ },
+ ])
+ .end();
+ });
+ }
+ },
+ runtimeCompiler: true,
+ productionSourceMap: false,
+ css: {
+ requireModuleExtension: true,
+ sourceMap: true,
+ loaderOptions: {
+ scss: {
+ /*sass-loader 8.0语法 */
+ //prependData: '@import "~@/styles/variables.scss";',
+
+ /*sass-loader 9.0写法，感谢github用户 shaonialife*/
+ additionalData(content, loaderContext) {
+ const { resourcePath, rootContext } = loaderContext;
+ const relativePath = path.relative(rootContext, resourcePath);
+ if (
+ relativePath.replace(/\\/g, "/") !== "src/styles/variables.scss"
+ ) {
+ return '@import "~@/styles/variables.scss";' + content;
+ }
+ return content;
+ },
+ },
+ },
+ },
+};
diff --git a/webstorm.config.js b/webstorm.config.js
new file mode 100644
index 0000000..6ec934d
--- /dev/null
+++ b/webstorm.config.js
@@ -0,0 +1,3 @@
+"use strict";
+const webpackConfig = require("@vue/cli-service/webpack.config.js");
+module.exports = webpackConfig;
+
+ 
+ 
+