}
+ */
+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..1b037da
--- /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.str.slice(2);
+ } 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..a8e90f2
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,119 @@
+import axios from "axios";
+import {
+ baseURL,
+ contentType,
+ invalidCode,
+ messageDuration,
+ noPermissionCode,
+ requestTimeout,
+ successCode,
+ tokenName,
+ debounce,
+} from "@/config/settings";
+import { Loading, Message } from "element-ui";
+import store from "@/store";
+import qs from "qs";
+import router from "@/router";
+import _ from "lodash";
+
+const service = axios.create({
+ baseURL,
+ timeout: requestTimeout,
+ headers: {
+ "Content-Type": contentType,
+ },
+});
+let loadingInstance;
+service.interceptors.request.use(
+ (config) => {
+ if (store.getters["user/accessToken"]) {
+ config.headers[tokenName] = store.getters["user/accessToken"];
+ }
+ if (config.data) {
+ config.data = _.pickBy(config.data, _.identity);
+ }
+ if (process.env.NODE_ENV !== "test") {
+ if (contentType === "application/x-www-form-urlencoded;charset=UTF-8") {
+ if (config.data && !config.data.param) {
+ config.data = qs.stringify(config.data);
+ }
+ }
+ }
+ const needLoading = () => {
+ let status = false;
+ debounce.forEach((item) => {
+ if (_.includes(config.url, item)) {
+ status = true;
+ }
+ });
+ return status;
+ };
+ if (needLoading()) {
+ loadingInstance = Loading.service();
+ }
+
+ return config;
+ },
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+const errorMsg = (message) => {
+ return Message({
+ message: message,
+ type: "error",
+ duration: messageDuration,
+ });
+};
+
+service.interceptors.response.use(
+ (response) => {
+ if (loadingInstance) {
+ loadingInstance.close();
+ }
+ const { status, data, config } = response;
+ const { code, msg } = data;
+ if (code !== successCode) {
+ switch (code) {
+ case invalidCode:
+ errorMsg(msg || `后端接口${code}异常`);
+ store.dispatch("user/resetAccessToken");
+ break;
+ case noPermissionCode:
+ router.push({
+ path: "/401",
+ });
+ break;
+ default:
+ errorMsg(msg || `后端接口${code}异常`);
+ break;
+ }
+ return Promise.reject(
+ "vue-admin-beautiful请求异常拦截:" +
+ JSON.stringify({ url: config.url, code, msg }) || "Error"
+ );
+ } else {
+ return data;
+ }
+ },
+ (error) => {
+ if (loadingInstance) {
+ loadingInstance.close();
+ }
+ /*网络连接过程异常处理*/
+ let { message } = error;
+ if (message == "Network Error") {
+ message = "后端接口连接异常";
+ }
+ if (message.includes("timeout")) {
+ message = "后端接口请求超时";
+ }
+ if (message.includes("Request failed with status code")) {
+ message = "后端接口" + message.substr(message.length - 3) + "异常";
+ }
+ errorMsg(message || "后端接口未知异常");
+ return Promise.reject(error);
+ }
+);
+export default service;
diff --git a/src/utils/vab.js b/src/utils/vab.js
new file mode 100644
index 0000000..3b82a87
--- /dev/null
+++ b/src/utils/vab.js
@@ -0,0 +1,192 @@
+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, callback) => {
+ 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)",
+ });
+ }
+ if (callback) {
+ callback(loading);
+ } else {
+ setTimeout(() => {
+ loading.close();
+ }, messageDuration);
+ }
+ };
+ /* 全局多彩加载层 */
+ Vue.prototype.$baseColorfullLoading = (index, text, callback) => {
+ 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)",
+ });
+ }
+ if (callback) {
+ callback(loading);
+ } else {
+ setTimeout(() => {
+ loading.close();
+ }, messageDuration);
+ }
+ };
+ /* 全局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/vendor/ExportExcel.js b/src/vendor/ExportExcel.js
new file mode 100644
index 0000000..ca927b7
--- /dev/null
+++ b/src/vendor/ExportExcel.js
@@ -0,0 +1,216 @@
+import { saveAs } from "file-saver";
+import XLSX from "xlsx";
+
+function generateArray(table) {
+ let out = [];
+ let rows = table.querySelectorAll("tr");
+ let ranges = [];
+ for (let R = 0; R < rows.length; ++R) {
+ let outRow = [];
+ let row = rows[R];
+ let columns = row.querySelectorAll("td");
+ for (let C = 0; C < columns.length; ++C) {
+ let cell = columns[C];
+ let colspan = cell.getAttribute("colspan");
+ let rowspan = cell.getAttribute("rowspan");
+ let cellValue = cell.innerText;
+ if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+ ranges.forEach(function (range) {
+ if (
+ R >= range.s.r &&
+ R <= range.e.r &&
+ outRow.length >= range.s.c &&
+ outRow.length <= range.e.c
+ ) {
+ for (let i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+ }
+ });
+
+ if (rowspan || colspan) {
+ rowspan = rowspan || 1;
+ colspan = colspan || 1;
+ ranges.push({
+ s: {
+ r: R,
+ c: outRow.length,
+ },
+ e: {
+ r: R + rowspan - 1,
+ c: outRow.length + colspan - 1,
+ },
+ });
+ }
+
+ outRow.push(cellValue !== "" ? cellValue : null);
+
+ if (colspan) for (let k = 0; k < colspan - 1; ++k) outRow.push(null);
+ }
+ out.push(outRow);
+ }
+ return [out, ranges];
+}
+
+function datenum(v, date1904) {
+ if (date1904) v += 1462;
+ let epoch = Date.parse(v);
+ return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+function sheet_from_array_of_arrays(data, opts) {
+ let ws = {};
+ let range = {
+ s: {
+ c: 10000000,
+ r: 10000000,
+ },
+ e: {
+ c: 0,
+ r: 0,
+ },
+ };
+ for (let R = 0; R != data.length; ++R) {
+ for (let C = 0; C != data[R].length; ++C) {
+ if (range.s.r > R) range.s.r = R;
+ if (range.s.c > C) range.s.c = C;
+ if (range.e.r < R) range.e.r = R;
+ if (range.e.c < C) range.e.c = C;
+ let cell = {
+ v: data[R][C],
+ };
+ if (cell.v == null) continue;
+ let cell_ref = XLSX.utils.encode_cell({
+ c: C,
+ r: R,
+ });
+
+ if (typeof cell.v === "number") cell.t = "n";
+ else if (typeof cell.v === "boolean") cell.t = "b";
+ else if (cell.v instanceof Date) {
+ cell.t = "n";
+ cell.z = XLSX.SSF._table[14];
+ cell.v = datenum(cell.v);
+ } else cell.t = "s";
+
+ ws[cell_ref] = cell;
+ }
+ }
+ if (range.s.c < 10000000) ws["!ref"] = XLSX.utils.encode_range(range);
+ return ws;
+}
+
+function Workbook() {
+ if (!(this instanceof Workbook)) return new Workbook();
+ this.SheetNames = [];
+ this.Sheets = {};
+}
+
+function s2ab(s) {
+ let buf = new ArrayBuffer(s.length);
+ let view = new Uint8Array(buf);
+ for (let i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xff;
+ return buf;
+}
+
+export function export_table_to_excel(id) {
+ let theTable = document.getElementById(id);
+ let oo = generateArray(theTable);
+ let ranges = oo[1];
+
+ let data = oo[0];
+ let ws_name = "SheetJS";
+
+ let wb = new Workbook(),
+ ws = sheet_from_array_of_arrays(data);
+
+ ws["!merges"] = ranges;
+
+ wb.SheetNames.push(ws_name);
+ wb.Sheets[ws_name] = ws;
+
+ let wbout = XLSX.write(wb, {
+ bookType: "xlsx",
+ bookSST: false,
+ type: "binary",
+ });
+
+ saveAs(
+ new Blob([s2ab(wbout)], {
+ type: "application/octet-stream",
+ }),
+ "test.xlsx"
+ );
+}
+
+export function export_json_to_excel({
+ multiHeader = [],
+ header,
+ data,
+ filename,
+ merges = [],
+ autoWidth = true,
+ bookType = "xlsx",
+} = {}) {
+ filename = filename || "excel-list";
+ data = [...data];
+ data.unshift(header);
+
+ for (let i = multiHeader.length - 1; i > -1; i--) {
+ data.unshift(multiHeader[i]);
+ }
+
+ let ws_name = "SheetJS";
+ let wb = new Workbook(),
+ ws = sheet_from_array_of_arrays(data);
+
+ if (merges.length > 0) {
+ if (!ws["!merges"]) ws["!merges"] = [];
+ merges.forEach((item) => {
+ ws["!merges"].push(XLSX.utils.decode_range(item));
+ });
+ }
+
+ if (autoWidth) {
+ const colWidth = data.map((row) =>
+ row.map((val) => {
+ if (val == null) {
+ return {
+ wch: 10,
+ };
+ } else if (val.toString().charCodeAt(0) > 255) {
+ return {
+ wch: val.toString().length * 2,
+ };
+ } else {
+ return {
+ wch: val.toString().length,
+ };
+ }
+ })
+ );
+ let result = colWidth[0];
+ for (let i = 1; i < colWidth.length; i++) {
+ for (let j = 0; j < colWidth[i].length; j++) {
+ if (result[j]["wch"] < colWidth[i][j]["wch"]) {
+ result[j]["wch"] = colWidth[i][j]["wch"];
+ }
+ }
+ }
+ ws["!cols"] = result;
+ }
+
+ wb.SheetNames.push(ws_name);
+ wb.Sheets[ws_name] = ws;
+
+ let wbout = XLSX.write(wb, {
+ bookType: bookType,
+ bookSST: false,
+ type: "binary",
+ });
+ saveAs(
+ new Blob([s2ab(wbout)], {
+ type: "application/octet-stream",
+ }),
+ `${filename}.${bookType}`
+ );
+}
diff --git a/src/views/401.vue b/src/views/401.vue
new file mode 100644
index 0000000..67d074c
--- /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..35feb77
--- /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..8891e81
--- /dev/null
+++ b/src/views/index/index.vue
@@ -0,0 +1,819 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 访问量
+
+
+ 日均访问量:
+
+
+
+
+
+
+
+
+ 授权数
+
+
+ 总授权数:
+
+
+
+
+
+
+
+ 词云
+
+
+ 词云数量:
+
+
+
+
+
+
+ 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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..628b939
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,319 @@
+
+
+
+
+
+
+ 占位符
+
+
+
+
+ hello !
+
+ 欢迎来到{{ title }}！
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+ 注册
+
+
+
+
+
+
+
+
+
diff --git a/src/views/mall/goodsDetail/index.vue b/src/views/mall/goodsDetail/index.vue
new file mode 100644
index 0000000..6966480
--- /dev/null
+++ b/src/views/mall/goodsDetail/index.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
diff --git a/src/views/mall/goodsList/index.vue b/src/views/mall/goodsList/index.vue
new file mode 100644
index 0000000..bb39f0f
--- /dev/null
+++ b/src/views/mall/goodsList/index.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+
+ 推荐
+ 缺货
+
+
+
+
+
{{ item.title }}
+
{{ item.description }}
+
+ ¥ {{ item.price }} 元
+
+
+
+
+
+
+
+
+
diff --git a/src/views/mall/pay/components/Step1.vue b/src/views/mall/pay/components/Step1.vue
new file mode 100644
index 0000000..01e70aa
--- /dev/null
+++ b/src/views/mall/pay/components/Step1.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+ 请务必仔细填写并核对
+
+
+
+
+
+
+
+
+
+
+
+
+ 下一步
+
+
+
+
diff --git a/src/views/mall/pay/components/Step2.vue b/src/views/mall/pay/components/Step2.vue
new file mode 100644
index 0000000..b716ccf
--- /dev/null
+++ b/src/views/mall/pay/components/Step2.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+ 确认转账后，资金将直接打入对方账户，无法退回。
+
+
+
+ {{ infoData.payAccount }}
+
+
+ {{ infoData.gatheringAccount }}
+
+
+ {{ infoData.gatheringName }}
+
+
+
+ {{ infoData.price }}
+
+
+
+
+
+
+ 提交
+ 上一步
+
+
+
+
diff --git a/src/views/mall/pay/components/Step3.vue b/src/views/mall/pay/components/Step3.vue
new file mode 100644
index 0000000..e0d4366
--- /dev/null
+++ b/src/views/mall/pay/components/Step3.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+ {{ infoData.payAccount }}
+
+
+ {{ infoData.gatheringAccount }}
+
+
+ {{ infoData.gatheringName }}
+
+
+
+ {{ infoData.price }}
+
+
+
+
+ 再转一笔
+
+
+
+
diff --git a/src/views/mall/pay/index.vue b/src/views/mall/pay/index.vue
new file mode 100644
index 0000000..f322e12
--- /dev/null
+++ b/src/views/mall/pay/index.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personalCenter/index.vue b/src/views/personalCenter/index.vue
new file mode 100644
index 0000000..09a512c
--- /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..e4344ee
--- /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..5632237
--- /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..d74e569
--- /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..725ff80
--- /dev/null
+++ b/src/views/personnelManagement/roleManagement/index.vue
@@ -0,0 +1,160 @@
+
+
+
+ 演示环境仅做基础功能展示，若想实现不同角色的真实菜单配置，需将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..8afa766
--- /dev/null
+++ b/src/views/personnelManagement/userManagement/components/UserManagementEdit.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/personnelManagement/userManagement/index.vue b/src/views/personnelManagement/userManagement/index.vue
new file mode 100644
index 0000000..8dd6a54
--- /dev/null
+++ b/src/views/personnelManagement/userManagement/index.vue
@@ -0,0 +1,176 @@
+
+
+
+
+ 添加
+ 批量删除
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+ {{
+ item
+ }}
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
new file mode 100644
index 0000000..cfc1994
--- /dev/null
+++ b/src/views/register/index.vue
@@ -0,0 +1,368 @@
+
+
+
+
+
+
+ 占位符
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ phoneCode }}
+
+
+
+
+
+ 注册
+
+
+ 登录
+
+
+
+
+
+
+
+
diff --git a/src/views/test/index.vue b/src/views/test/index.vue
new file mode 100644
index 0000000..7faca44
--- /dev/null
+++ b/src/views/test/index.vue
@@ -0,0 +1,16 @@
+
+
+ 你可以在这里写demo
+
+
+
diff --git a/src/views/vab/backToTop/index.vue b/src/views/vab/backToTop/index.vue
new file mode 100644
index 0000000..ea5cf04
--- /dev/null
+++ b/src/views/vab/backToTop/index.vue
@@ -0,0 +1,22 @@
+
+
+
+ 测试滚轮显示返回顶部-{{ index }}
+
+
+
+
+
+
diff --git a/src/views/vab/betterScroll/index.vue b/src/views/vab/betterScroll/index.vue
new file mode 100644
index 0000000..2031001
--- /dev/null
+++ b/src/views/vab/betterScroll/index.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
diff --git a/src/views/vab/card/index.vue b/src/views/vab/card/index.vue
new file mode 100644
index 0000000..9885417
--- /dev/null
+++ b/src/views/vab/card/index.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/TableEditor.vue b/src/views/vab/codeGenerator/components/TableEditor.vue
new file mode 100644
index 0000000..5e0f5b3
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableEditor.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/TableExhibition.vue b/src/views/vab/codeGenerator/components/TableExhibition.vue
new file mode 100644
index 0000000..c2ae1b8
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableExhibition.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/TableExhibitionBody.vue b/src/views/vab/codeGenerator/components/TableExhibitionBody.vue
new file mode 100644
index 0000000..39083c0
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableExhibitionBody.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ {{ 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..3fbf137
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableExhibitionHeader.vue
@@ -0,0 +1,116 @@
+
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/TableExhibitionQuery.vue b/src/views/vab/codeGenerator/components/TableExhibitionQuery.vue
new file mode 100644
index 0000000..0fa1f06
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/TableExhibitionQuery.vue
@@ -0,0 +1,79 @@
+
+
+
+ 查看代码
+ 复制代码
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/codeGenerator/components/snippetTable.js b/src/views/vab/codeGenerator/components/snippetTable.js
new file mode 100644
index 0000000..0ce4ba5
--- /dev/null
+++ b/src/views/vab/codeGenerator/components/snippetTable.js
@@ -0,0 +1,154 @@
+import { genTableColumnSnippet } from "./snippetTableColumn";
+
+export const genTableSnippet = (headers = "getList") => {
+ return `
+
+
+
+ 添加
+ 修改
+ 批量删除
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+`;
+};
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 `
+
+ {{ ${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..b8cb9ea
--- /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..fe3a36e
--- /dev/null
+++ b/src/views/vab/echarts/index.vue
@@ -0,0 +1,655 @@
+
+
+
+
+
+ 柱状图
+
+
+
+
+
+
+ 环形图
+
+
+
+
+
+
+ 关系图
+
+
+
+
+
+
+
+ 中国地图
+
+
+
+
+
+
+ 世界地图
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/editor/index.vue b/src/views/vab/editor/index.vue
new file mode 100644
index 0000000..fe261e2
--- /dev/null
+++ b/src/views/vab/editor/index.vue
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 预览效果
+ 保存
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/element/index.vue b/src/views/vab/element/index.vue
new file mode 100644
index 0000000..f873b0a
--- /dev/null
+++ b/src/views/vab/element/index.vue
@@ -0,0 +1,253 @@
+
+
+
+
+ element全部文档点这里
+
+
+
+
+ Tag 标签
+
+ 文档
+
+
+ 标签一
+ 标签二
+ 标签三
+ 标签四
+ 标签五
+ 标签一
+ 标签二
+ 标签三
+ 标签四
+ 标签五
+
+ 进度条
+
+ 文档
+
+
+ 按钮
+
+ 文档
+
+
+ 默认按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+ 朴素按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+ 圆角按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+ 默认按钮
+ 主要按钮
+ 成功按钮
+ 信息按钮
+ 警告按钮
+ 危险按钮
+ 搜索
+ 上传
+ 加载中
+
+ 文字链接
+
+ 文档
+
+
+ 默认链接
+
+ 主要链接
+ 成功链接
+ 警告链接
+ 危险链接
+ 信息链接
+ 默认链接
+ 主要链接
+ 成功链接
+ 警告链接
+ 危险链接
+ 信息链接
+ 无下划线
+ 有下划线
+ 头像
+
+ 文档
+
+
+ 页头
+
+ 文档
+
+
+ 面包屑
+
+ 文档
+
+
+
+ 首页
+ 活动管理 活动列表
+ 活动详情
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/errorLog/components/ErrorTest.vue b/src/views/vab/errorLog/components/ErrorTest.vue
new file mode 100644
index 0000000..1d04809
--- /dev/null
+++ b/src/views/vab/errorLog/components/ErrorTest.vue
@@ -0,0 +1,13 @@
+
+
+ {{ chuzhixinjiayou.chuzhixinjiayou }}
+
+
+
diff --git a/src/views/vab/errorLog/index.vue b/src/views/vab/errorLog/index.vue
new file mode 100644
index 0000000..fb50328
--- /dev/null
+++ b/src/views/vab/errorLog/index.vue
@@ -0,0 +1,28 @@
+
+
+ 这里会在顶部navbar上模拟一个控制台错误日志
+
+ 点击模拟一个chuzhixinjiayou的错误
+
+
+
+
+
diff --git a/src/views/vab/excel/exportExcel.vue b/src/views/vab/excel/exportExcel.vue
new file mode 100644
index 0000000..22047b2
--- /dev/null
+++ b/src/views/vab/excel/exportExcel.vue
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是
+
+
+ 否
+
+
+
+
+
+
+ 导出 Excel
+
+
+
+
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageViews }}
+
+
+
+
+ {{ scope.row.datetime }}
+
+
+
+
+
+
+
diff --git a/src/views/vab/excel/exportMergeHeaderExcel.vue b/src/views/vab/excel/exportMergeHeaderExcel.vue
new file mode 100644
index 0000000..a10a0ca
--- /dev/null
+++ b/src/views/vab/excel/exportMergeHeaderExcel.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
diff --git a/src/views/vab/excel/exportSelectExcel.vue b/src/views/vab/excel/exportSelectExcel.vue
new file mode 100644
index 0000000..689163a
--- /dev/null
+++ b/src/views/vab/excel/exportSelectExcel.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+
+
+ 导出选中行
+
+
+
+
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageViews }}
+
+
+
+
+ {{ scope.row.datetime }}
+
+
+
+
+
+
+
diff --git a/src/views/vab/excel/uploadExcel.vue b/src/views/vab/excel/uploadExcel.vue
new file mode 100644
index 0000000..752990a
--- /dev/null
+++ b/src/views/vab/excel/uploadExcel.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/form/index.vue b/src/views/vab/form/index.vue
new file mode 100644
index 0000000..fd39c68
--- /dev/null
+++ b/src/views/vab/form/index.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 立即创建
+
+ 重置
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/icon/colorfulIcon.vue b/src/views/vab/icon/colorfulIcon.vue
new file mode 100644
index 0000000..ab6306a
--- /dev/null
+++ b/src/views/vab/icon/colorfulIcon.vue
@@ -0,0 +1,155 @@
+
+
+
+
+ 多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/icon/index.vue b/src/views/vab/icon/index.vue
new file mode 100644
index 0000000..5b3af6a
--- /dev/null
+++ b/src/views/vab/icon/index.vue
@@ -0,0 +1,141 @@
+
+
+
+
+ 点击图标即可复制源码
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/icon/remixIcon.vue b/src/views/vab/icon/remixIcon.vue
new file mode 100644
index 0000000..e15fd52
--- /dev/null
+++ b/src/views/vab/icon/remixIcon.vue
@@ -0,0 +1,153 @@
+
+
+
+
+ 小清新图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码，点击图标即可复制源码
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/imgComparison/index.vue b/src/views/vab/imgComparison/index.vue
new file mode 100644
index 0000000..1670116
--- /dev/null
+++ b/src/views/vab/imgComparison/index.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/loading/index.vue b/src/views/vab/loading/index.vue
new file mode 100644
index 0000000..277bbba
--- /dev/null
+++ b/src/views/vab/loading/index.vue
@@ -0,0 +1,69 @@
+
+
+ 传统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..04885c3
--- /dev/null
+++ b/src/views/vab/lodash/index.vue
@@ -0,0 +1,210 @@
+
+
+
+
+
+ lodashjs官网
+
+
+
+
+
+
+
+ 去除数组array中的最后一个元素
+
+
+ this.$baseLodash.initial([1, 2, 3])
+
+
+
+
+
+
+
+ 返回数组 array的第一个元素
+
+
+ this.$baseLodash.head([1, 2, 3])
+
+
+
+
+
+
+ 合并数组
+
+ this.$baseLodash.concat([1],[2])
+
+
+
+
+
+
+ 左切片
+
+ this.$baseLodash.drop([1, 2, 3],2切除的数量)
+
+
+
+
+
+
+ 右切片
+
+ this.$baseLodash.dropRight([1, 2, 3],2切除的数量)
+
+
+
+
+
+
+ 修改拼接
+
+ this.$baseLodash.join(['a', 'b', 'c'], '~');
+
+
+
+
+
+
+ 获取数组最后一个元素
+
+ this.$baseLodash.last(['a', 'b', 'c']);
+
+
+
+
+
+
+ 数组去重
+
+ this.$baseLodash.uniq(['a', 'b', 'a']);
+
+
+
+
+
+
+ 获取数组的最大值
+
+ this.$baseLodash.max([4, 2, 8, 6])
+
+
+
+
+
+
+ 获取数组的最小值
+
+ this.$baseLodash.min([4, 2, 8, 6])
+
+
+
+
+
+
+
+ 四舍五入(保留任意位小数)
+
+
+ this.$baseLodash.round(4.006,2保持几位小数)
+
+
+
+
+
+
+ 数组内数据相加
+
+ this.$baseLodash.sum([4, 2, 8, 6])
+
+
+
+
+
+
+ 返回随机数
+
+ this.$baseLodash.random(0, 5)
+
+
+
+
+
+
+ 返回数组内的随机数
+
+ this.$baseLodash.sample([1, 2, 3, 4])
+
+
+
+
+
+
+ 事件防抖动
+
+ this.$baseLodash.debounce(@click的事件,延迟的毫秒数)
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/magnifier/index.vue b/src/views/vab/magnifier/index.vue
new file mode 100644
index 0000000..e53063f
--- /dev/null
+++ b/src/views/vab/magnifier/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+ 放大镜1
+
+
+
+
+ 放大镜2
+
+
+
+
+
+
diff --git a/src/views/vab/map/amap.vue b/src/views/vab/map/amap.vue
new file mode 100644
index 0000000..c3fd275
--- /dev/null
+++ b/src/views/vab/map/amap.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
diff --git a/src/views/vab/map/index.vue b/src/views/vab/map/index.vue
new file mode 100644
index 0000000..32f6a51
--- /dev/null
+++ b/src/views/vab/map/index.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
diff --git a/src/views/vab/markdown/index.vue b/src/views/vab/markdown/index.vue
new file mode 100644
index 0000000..c68671a
--- /dev/null
+++ b/src/views/vab/markdown/index.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
diff --git a/src/views/vab/markdown/js/markdown.js b/src/views/vab/markdown/js/markdown.js
new file mode 100644
index 0000000..4d467a8
--- /dev/null
+++ b/src/views/vab/markdown/js/markdown.js
@@ -0,0 +1,387 @@
+const md = `---
+id: options
+title: Options
+---
+
+Prettier ships with a handful of customizable format options, usable in both the CLI and API.
+
+## Print Width
+
+Specify the line length that the printer will wrap on.
+
+> **For readability we recommend against using more than 80 characters:**
+>
+> In code styleguides, maximum line length rules are often set to 100 or 120. However, when humans write code, they don't strive to reach the maximum number of columns on every line. Developers often use whitespace to break up long lines for readability. In practice, the average line length often ends up well below the maximum.
+>
+> Prettier, on the other hand, strives to fit the most code into every line. With the print width set to 120, prettier may produce overly compact, or otherwise undesirable code.
+>
+> See the [print width rationale](rationale.md#print-width) for more information.
+
+| Default | CLI Override | API Override |
+| ------- | --------------------- | ------------------- |
+| \`80\` | \`--print-width \` | \`printWidth: \` |
+
+(If you don't want line wrapping when formatting Markdown, you can set the [Prose Wrap](#prose-wrap) option to disable it.)
+
+## Tab Width
+
+Specify the number of spaces per indentation-level.
+
+| Default | CLI Override | API Override |
+| ------- | ------------------- | ----------------- |
+| \`2\` | \`--tab-width \` | \`tabWidth: \` |
+
+## Tabs
+
+Indent lines with tabs instead of spaces.
+
+| Default | CLI Override | API Override |
+| ------- | ------------ | ----------------- |
+| \`false\` | \`--use-tabs\` | \`useTabs: \` |
+
+(Tabs will be used for _indentation_ but Prettier uses spaces to _align_ things, such as in ternaries.)
+
+## Semicolons
+
+Print semicolons at the ends of statements.
+
+Valid options:
+
+- \`true\` - Add a semicolon at the end of every statement.
+- \`false\` - Only add semicolons at the beginning of lines that [may introduce ASI failures](rationale.md#semicolons).
+
+| Default | CLI Override | API Override |
+| ------- | ------------ | -------------- |
+| \`true\` | \`--no-semi\` | \`semi: \` |
+
+## Quotes
+
+Use single quotes instead of double quotes.
+
+Notes:
+
+- JSX quotes ignore this option – see [jsx-single-quote](#jsx-quotes).
+- If the number of quotes outweighs the other quote, the quote which is less used will be used to format the string - Example: \`"I'm double quoted"\` results in \`"I'm double quoted"\` and \`"This \\"example\\" is single quoted"\` results in \`'This "example" is single quoted'\`.
+
+See the [strings rationale](rationale.md#strings) for more information.
+
+| Default | CLI Override | API Override |
+| ------- | ---------------- | --------------------- |
+| \`false\` | \`--single-quote\` | \`singleQuote: \` |
+
+## Quote Props
+
+Change when properties in objects are quoted.
+
+Valid options:
+
+- \`"as-needed"\` - Only add quotes around object properties where required.
+- \`"consistent"\` - If at least one property in an object requires quotes, quote all properties.
+- \`"preserve"\` - Respect the input use of quotes in object properties.
+
+| Default | CLI Override | API Override |
+| ------------- | -------------------------------------------------------------------- | -------------------------------------------------------------------- |
+| \`"as-needed"\` | --quote-props | quoteProps: "" |
+
+## JSX Quotes
+
+Use single quotes instead of double quotes in JSX.
+
+| Default | CLI Override | API Override |
+| ------- | -------------------- | ------------------------ |
+| \`false\` | \`--jsx-single-quote\` | \`jsxSingleQuote: \` |
+
+## Trailing Commas
+
+_Default value changed from \`none\` to \`es5\` in v2.0.0_
+
+Print trailing commas wherever possible when multi-line. (A single-line array, for example, never gets trailing commas.)
+
+Valid options:
+
+- \`"es5"\` - Trailing commas where valid in ES5 (objects, arrays, etc.)
+- \`"none"\` - No trailing commas.
+- \`"all"\` - Trailing commas wherever possible (including function arguments). This requires node 8 or a [transform](https://babeljs.io/docs/plugins/syntax-trailing-function-commas/).
+
+| Default | CLI Override | API Override |
+| ------- | ------------------------------------------------------ | ------------------------------------------------------ |
+| \`"es5"\` | --trailing-comma | trailingComma: "" |
+
+## Bracket Spacing
+
+Print spaces between brackets in object literals.
+
+Valid options:
+
+- \`true\` - Example: \`{ foo: bar }\`.
+- \`false\` - Example: \`{foo: bar}\`.
+
+| Default | CLI Override | API Override |
+| ------- | ---------------------- | ------------------------ |
+| \`true\` | \`--no-bracket-spacing\` | \`bracketSpacing: \` |
+
+## JSX Brackets
+
+Put the \`>\` of a multi-line JSX element at the end of the last line instead of being alone on the next line (does not apply to self closing elements).
+
+Valid options:
+
+- \`true\` - Example:
+
+
+\`\`\`jsx
+
+ Click Here
+
+\`\`\`
+
+- \`false\` - Example:
+
+
+\`\`\`jsx
+
+ Click Here
+
+\`\`\`
+
+| Default | CLI Override | API Override |
+| ------- | ------------------------- | ---------------------------- |
+| \`false\` | \`--jsx-bracket-same-line\` | \`jsxBracketSameLine: \` |
+
+## Arrow Function Parentheses
+
+_First available in v1.9.0, default value changed from \`avoid\` to \`always\` in v2.0.0_
+
+Include parentheses around a sole arrow function parameter.
+
+Valid options:
+
+- \`"always"\` - Always include parens. Example: \`(x) => x\`
+- \`"avoid"\` - Omit parens when possible. Example: \`x => x\`
+
+| Default | CLI Override | API Override |
+| ---------- | ----------------------------------------------- | ----------------------------------------------- |
+| \`"always"\` | --arrow-parens | arrowParens: "" |
+
+At first glance, avoiding parentheses may look like a better choice because of less visual noise.
+However, when Prettier removes parentheses, it becomes harder to add type annotations, extra arguments or default values as well as making other changes.
+Consistent use of parentheses provides a better developer experience when editing real codebases, which justifies the default value for the option.
+
+## Range
+
+Format only a segment of a file.
+
+These two options can be used to format code starting and ending at a given character offset (inclusive and exclusive, respectively). The range will extend:
+
+- Backwards to the start of the first line containing the selected statement.
+- Forwards to the end of the selected statement.
+
+These options cannot be used with \`cursorOffset\`.
+
+| Default | CLI Override | API Override |
+| ---------- | --------------------- | ------------------- |
+| \`0\` | \`--range-start \` | \`rangeStart: \` |
+| \`Infinity\` | \`--range-end \` | \`rangeEnd: \` |
+
+## Parser
+
+Specify which parser to use.
+
+Prettier automatically infers the parser from the input file path, so you shouldn't have to change this setting.
+
+Both the \`babel\` and \`flow\` parsers support the same set of JavaScript features (including Flow type annotations). They might differ in some edge cases, so if you run into one of those you can try \`flow\` instead of \`babel\`. Almost the same applies to \`typescript\` and \`babel-ts\`. \`babel-ts\` might support JavaScript features (proposals) not yet supported by TypeScript, but it's less permissive when it comes to invalid code and less battle-tested than the \`typescript\` parser.
+
+Valid options:
+
+- \`"babel"\` (via [@babel/parser](https://github.com/babel/babel/tree/master/packages/babel-parser)) _Named \`"babylon"\` until v1.16.0_
+- \`"babel-flow"\` (same as \`"babel"\` but enables Flow parsing explicitly to avoid ambiguity) _First available in v1.16.0_
+- \`"babel-ts"\` (similar to \`"typescript"\` but uses Babel and its TypeScript plugin) _First available in v2.0.0_
+- \`"flow"\` (via [flow-parser](https://github.com/facebook/flow/tree/master/src/parser))
+- \`"typescript"\` (via [@typescript-eslint/typescript-estree](https://github.com/typescript-eslint/typescript-eslint)) _First available in v1.4.0_
+- \`"css"\` (via [postcss-scss](https://github.com/postcss/postcss-scss) and [postcss-less](https://github.com/shellscape/postcss-less), autodetects which to use) _First available in v1.7.1_
+- \`"scss"\` (same parsers as \`"css"\`, prefers postcss-scss) _First available in v1.7.1_
+- \`"less"\` (same parsers as \`"css"\`, prefers postcss-less) _First available in v1.7.1_
+- \`"json"\` (via [@babel/parser parseExpression](https://babeljs.io/docs/en/next/babel-parser.html#babelparserparseexpressioncode-options)) _First available in v1.5.0_
+- \`"json5"\` (same parser as \`"json"\`, but outputs as [json5](https://json5.org/)) _First available in v1.13.0_
+- \`"json-stringify"\` (same parser as \`"json"\`, but outputs like \`JSON.stringify\`) _First available in v1.13.0_
+- \`"graphql"\` (via [graphql/language](https://github.com/graphql/graphql-js/tree/master/src/language)) _First available in v1.5.0_
+- \`"markdown"\` (via [remark-parse](https://github.com/wooorm/remark/tree/master/packages/remark-parse)) _First available in v1.8.0_
+- \`"mdx"\` (via [remark-parse](https://github.com/wooorm/remark/tree/master/packages/remark-parse) and [@mdx-js/mdx](https://github.com/mdx-js/mdx/tree/master/packages/mdx)) _First available in v1.15.0_
+- \`"html"\` (via [angular-html-parser](https://github.com/ikatyang/angular-html-parser/tree/master/packages/angular-html-parser)) _First available in 1.15.0_
+- \`"vue"\` (same parser as \`"html"\`, but also formats vue-specific syntax) _First available in 1.10.0_
+- \`"angular"\` (same parser as \`"html"\`, but also formats angular-specific syntax via [angular-estree-parser](https://github.com/ikatyang/angular-estree-parser)) _First available in 1.15.0_
+- \`"lwc"\` (same parser as \`"html"\`, but also formats LWC-specific syntax for unquoted template attributes) _First available in 1.17.0_
+- \`"yaml"\` (via [yaml](https://github.com/eemeli/yaml) and [yaml-unist-parser](https://github.com/ikatyang/yaml-unist-parser)) _First available in 1.14.0_
+
+[Custom parsers](api.md#custom-parser-api) are also supported. _First available in v1.5.0_
+
+| Default | CLI Override | API Override |
+| ------- | ----------------------------------------------- | ---------------------------------------------------------- |
+| None | \`--parser \`"\`\` | \`filepath: ""\` |
+
+## Require pragma
+
+_First available in v1.7.0_
+
+Prettier can restrict itself to only format files that contain a special comment, called a pragma, at the top of the file. This is very useful when gradually transitioning large, unformatted codebases to prettier.
+
+For example, a file with the following as its first comment will be formatted when \`--require-pragma\` is supplied:
+
+\`\`\`js
+/**
+ * @prettier
+ */
+\`\`\`
+
+or
+
+\`\`\`js
+/**
+ * @format
+ */
+\`\`\`
+
+| Default | CLI Override | API Override |
+| ------- | ------------------ | ----------------------- |
+| \`false\` | \`--require-pragma\` | \`requirePragma: \` |
+
+## Insert Pragma
+
+_First available in v1.8.0_
+
+Prettier can insert a special @format marker at the top of files specifying that the file has been formatted with prettier. This works well when used in tandem with the \`--require-pragma\` option. If there is already a docblock at the top of the file then this option will add a newline to it with the @format marker.
+
+| Default | CLI Override | API Override |
+| ------- | ----------------- | ---------------------- |
+| \`false\` | \`--insert-pragma\` | \`insertPragma: \` |
+
+## Prose Wrap
+
+_First available in v1.8.2_
+
+By default, Prettier will wrap markdown text as-is since some services use a linebreak-sensitive renderer, e.g. GitHub comment and BitBucket. In some cases you may want to rely on editor/viewer soft wrapping instead, so this option allows you to opt out with \`"never"\`.
+
+Valid options:
+
+- \`"always"\` - Wrap prose if it exceeds the print width.
+- \`"never"\` - Do not wrap prose.
+- \`"preserve"\` - Wrap prose as-is. _First available in v1.9.0_
+
+| Default | CLI Override | API Override |
+| ------------ | ----------------------------------------------------------- | ----------------------------------------------------------- |
+| \`"preserve"\` | --prose-wrap | proseWrap: "" |
+
+## HTML Whitespace Sensitivity
+
+_First available in v1.15.0_
+
+Specify the global whitespace sensitivity for HTML files, see [whitespace-sensitive formatting] for more info.
+
+[whitespace-sensitive formatting]: https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting
+
+Valid options:
+
+- \`"css"\` - Respect the default value of CSS \`display\` property.
+- \`"strict"\` - Whitespaces are considered sensitive.
+- \`"ignore"\` - Whitespaces are considered insensitive.
+
+| Default | CLI Override | API Override |
+| ------- | ------------------------------------------------------------------------ | ----------------------------------------------------------------------- |
+| \`"css"\` | --html-whitespace-sensitivity | htmlWhitespaceSensitivity: "" |
+
+## Vue files script and style tags indentation
+
+_First available in v1.19.0_
+
+Whether or not to indent the code inside \`
diff --git a/src/views/vab/more/index.vue b/src/views/vab/more/index.vue
new file mode 100644
index 0000000..a5e7149
--- /dev/null
+++ b/src/views/vab/more/index.vue
@@ -0,0 +1,115 @@
+
+
+
+ 看到这里，你心动了吗？如果你心动了那就加入我们的qq群吧（972435319），谢谢你愿意尊重作者的心血，希望我们每个人都变得优秀，如果你愿意跟随作者一起学习技术，作者QQ（1204505056白嫖党勿扰）
+
+
+
+
+
+ 开源版本
+ 永久免费 个人/商业使用
+
+
+
+
+ 永久开源免费
+ 保留控制台以及代码中的作者信息可免费商用
+
+ 开源地址
+ 支持白嫖，也请给个star
+
+
+ 提供讨论群专属文档，QQ群 972435319
+
+
+
+
+
+
+
+
+ VIP群
+ ￥100
+
+
+
+ 支持以上所有特权
+
+ 提供vip群专属文档及视频教程，可快速入手框架，包含打包优化，公共布局zx-layouts
+ npm包本地化教程等
+
+ QQ咨询 1204505056
+
+
+
+
+
+
+ 商业用途 完全自定义版权
+ ￥299
+
+
+
+ 支持以上所有特权
+
+ 可随意变更版权，但仅限自己团队使用，一旦发现恶意传播，二次售卖，不再提供更新支持
+
+ 永久更新
+ 优先问题解答
+ 提供低价外包合作机会
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/nested/menu1/index.vue b/src/views/vab/nested/menu1/index.vue
new file mode 100644
index 0000000..43702fc
--- /dev/null
+++ b/src/views/vab/nested/menu1/index.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/views/vab/nested/menu1/menu1-1/index.vue b/src/views/vab/nested/menu1/menu1-1/index.vue
new file mode 100644
index 0000000..35c8eef
--- /dev/null
+++ b/src/views/vab/nested/menu1/menu1-1/index.vue
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/views/vab/nested/menu1/menu1-1/menu1-1-1/index.vue b/src/views/vab/nested/menu1/menu1-1/menu1-1-1/index.vue
new file mode 100644
index 0000000..e35d3f3
--- /dev/null
+++ b/src/views/vab/nested/menu1/menu1-1/menu1-1-1/index.vue
@@ -0,0 +1,15 @@
+
+
+
+
diff --git a/src/views/vab/permissions/index.vue b/src/views/vab/permissions/index.vue
new file mode 100644
index 0000000..d0d7379
--- /dev/null
+++ b/src/views/vab/permissions/index.vue
@@ -0,0 +1,165 @@
+
+
+
+ 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 }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/player/index.vue b/src/views/vab/player/index.vue
new file mode 100644
index 0000000..ab2f81c
--- /dev/null
+++ b/src/views/vab/player/index.vue
@@ -0,0 +1,73 @@
+
+
+
视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
+
+
+
+
+ 播放传统MP4
+
+
+
+
+ 播放m3u8，且不暴露视频地址
+
+
+
+
+
+
+
diff --git a/src/views/vab/qrCode/index.vue b/src/views/vab/qrCode/index.vue
new file mode 100644
index 0000000..0c3593e
--- /dev/null
+++ b/src/views/vab/qrCode/index.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+ 二维码示例
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/smallComponents/index.vue b/src/views/vab/smallComponents/index.vue
new file mode 100644
index 0000000..f3a013b
--- /dev/null
+++ b/src/views/vab/smallComponents/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+ 小组件
+
+
+
+
+ snow
+
+
+
+
+
+
+ profile
+ 重载
+
+
+
+
+
+
+
+ charge
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/sticky/index.vue b/src/views/vab/sticky/index.vue
new file mode 100644
index 0000000..589b557
--- /dev/null
+++ b/src/views/vab/sticky/index.vue
@@ -0,0 +1,314 @@
+
+
+
+
+
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
+
+
+
+
diff --git a/src/views/vab/table/components/TableEdit.vue b/src/views/vab/table/components/TableEdit.vue
new file mode 100644
index 0000000..a3b5243
--- /dev/null
+++ b/src/views/vab/table/components/TableEdit.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/table/index.vue b/src/views/vab/table/index.vue
new file mode 100644
index 0000000..051c0a1
--- /dev/null
+++ b/src/views/vab/table/index.vue
@@ -0,0 +1,265 @@
+
+
+
+
+ 添加
+
+ 删除
+
+ baseMessage
+ baseAlert
+ baseConfirm
+ baseNotify
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+
+
+
+
+
+ {{ scope.row.status }}
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/table/inlineEditTable.vue b/src/views/vab/table/inlineEditTable.vue
new file mode 100644
index 0000000..e6aa360
--- /dev/null
+++ b/src/views/vab/table/inlineEditTable.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+ {{ 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..ea78822
--- /dev/null
+++ b/src/views/vab/tree/index.vue
@@ -0,0 +1,471 @@
+
+
+
+
+ 常规树
+
+
+
+
+
+
+
+
+
+
+ 懒加载树
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 单选树
+
+
+
+
+ {{ node.label }}
+
+
+
+
+
+
+ 多选树
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/vab/upload/index.vue b/src/views/vab/upload/index.vue
new file mode 100644
index 0000000..5d1c78e
--- /dev/null
+++ b/src/views/vab/upload/index.vue
@@ -0,0 +1,34 @@
+
+
+ 演示环境可能无法模拟上传
+ 模拟上传
+
+
+
+
+
diff --git a/src/views/vab/verify/index.vue b/src/views/vab/verify/index.vue
new file mode 100644
index 0000000..43432c8
--- /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..e0650b0
--- /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..0561889
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,208 @@
+const path = require("path");
+const {
+ publicPath,
+ assetsDir,
+ outputDir,
+ lintOnSave,
+ transpileDependencies,
+ title,
+ abbreviation,
+ devPort,
+ providePlugin,
+ build7z,
+} = require("./src/config/settings");
+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 = new dayjs().format("YYYY_M_D");
+const time = new 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";
+process.env.VUE_APP_UPDATE_TIME = time;
+process.env.VUE_APP_VERSION = version;
+function resolve(dir) {
+ return path.join(__dirname, dir);
+}
+
+function mockServer() {
+ if (process.env.NODE_ENV === "development") {
+ const mockServer = require("./mock/mockServer.js");
+ return mockServer;
+ } 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"),
+ "^": resolve("src/components"),
+ },
+ },
+ plugins: [
+ new Webpack.ProvidePlugin(providePlugin),
+ new WebpackBar({
+ name: `\u0076\u0075\u0065\u002d\u0061\u0064\u006d\u0069\u006e\u002d\u0062\u0065\u0061\u0075\u0074\u0069\u0066\u0075\u006c`,
+ }),
+ ],
+ };
+ },
+ 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("cheap-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, [
+ ` \u57fa\u4e8e\u0076\u0075\u0065\u002d\u0061\u0064\u006d\u0069\u006e\u002d\u0062\u0065\u0061\u0075\u0074\u0069\u0066\u0075\u006c\u6784\u5efa \n \u0063\u006f\u0070\u0079\u0072\u0069\u0067\u0068\u0074\u003a\u0020\u0063\u0068\u0075\u007a\u0068\u0069\u0078\u0069\u006e\u0020\u0031\u0032\u0030\u0034\u0035\u0030\u0035\u0030\u0035\u0036\u0040\u0071\u0071\u002e\u0063\u006f\u006d \n \u0074\u0069\u006d\u0065\u003a ${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;
+ },
+ },
+ },
+ },
+};
+ 
+ 
+ 
+ 
+ 
+
+ 
+