vue3-admin-gpt 1.0.0

package/src/utils/index.js

@@ -0,0 +1,231 @@
+/**
+ * @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
+}
+
+/**
+ * @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()}分`
+  }
+}
+
+/**
+ * @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, ' ')}"}`)
+}
+
+/**
+ * @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
+}
+
+/**
+ * @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
+}
+
+/**
+ * @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}` //组合
+}
+
+/**
+ * @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}` //组合
+}
+
+/**
+ * @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
+}
+
+/**
+ * @description m到n的随机数
+ * @param m
+ * @param n
+ * @returns {number}
+ */
+export function random(m, n) {
+  return Math.floor(Math.random() * (m - n) + n)
+}
+
+/**
+ * @description addEventListener
+ * @type {function(...[*]=)}
+ */
+export const on = (function () {
+  return function (element, event, handler, useCapture = false) {
+    if (element && event && handler) {
+      element.addEventListener(event, handler, useCapture)
+    }
+  }
+})()
+
+/**
+ * @description removeEventListener
+ * @type {function(...[*]=)}
+ */
+export const off = (function () {
+  return function (element, event, handler, useCapture = false) {
+    if (element && event) {
+      element.removeEventListener(event, handler, useCapture)
+    }
+  }
+})()

package/src/utils/message.js

@@ -0,0 +1,67 @@
+/**
+ * @description 消息提示工具函数
+ * 提供统一的消息提示方法，兼容Vue 3
+ */
+import { ElMessage, ElNotification, ElMessageBox } from "element-plus";
+import { messageDuration } from "@/config";
+
+/**
+ * 消息提示
+ * @param {string} message 提示信息
+ * @param {string} type 消息类型
+ * @param {object} options 配置项
+ */
+export function baseMessage(message, type = "info", options = {}) {
+  if (message) {
+    const defaultOptions = {
+      message,
+      type,
+      duration: messageDuration,
+    };
+    return ElMessage({ ...defaultOptions, ...options });
+  }
+}
+
+/**
+ * 通知提示
+ * @param {string} title 标题
+ * @param {string} message 提示信息
+ * @param {object} options 配置项
+ */
+export function baseNotify(title, message, options = {}) {
+  ElNotification({
+    title,
+    message,
+    type: "success",
+    ...options,
+  });
+}
+
+/**
+ * 确认提示
+ * @param {string} content 内容
+ * @param {object} options 配置项
+ */
+export function baseConfirm(content, options = {}) {
+  const defaultOptions = {
+    closeOnClickModal: false,
+    closeOnPressEscape: false,
+    ...options,
+  };
+  return ElMessageBox.confirm(content, "温馨提示", defaultOptions);
+}
+
+/**
+ * 警告提示
+ * @param {string} content 内容
+ * @param {object} options 配置项
+ */
+export function baseAlert(content, options = {}) {
+  const defaultOptions = {
+    closeOnClickModal: false,
+    closeOnPressEscape: false,
+    showClose: true,
+    ...options,
+  };
+  return ElMessageBox.alert(content, "温馨提示", defaultOptions);
+}

package/src/utils/pageTitle.js

@@ -0,0 +1,11 @@
+import { title } from '@/config'
+
+/**
+ * @description 设置标题
+ * @param pageTitle
+ * @returns {string}
+ */
+export default function getPageTitle(pageTitle) {
+  if (pageTitle) return `${pageTitle}-${title}`
+  return `${title}`
+}

package/src/utils/password.js

@@ -0,0 +1,43 @@
+import JSEncrypt from "jsencrypt";
+
+export function formatTest(pass) {
+  if (pass.length < 8 || pass.length > 16) {
+    return {err:true,msg:'密码长度为8~16位'};
+  }
+
+  var patternNum = /\d+/; //数字
+  var patternLetterUp = /[a-zA-Z]+/; // 字母
+  var patternLetterLow = /[a-z]+/; // 字母
+  var patternFuhao = /[!@%^*、‘+=-\\.]+/; // 特殊符号
+  var patternhanzi = /[\u4e00-\u9fa5]+/; // 汉字
+  var patternFuhaoNo = /[';<>$&#()\\s]+/; // 不含字符
+  var patternFour = /([\s\S])(\1){3,}/; //不可连续四位相同
+  if (
+    !patternNum.test(pass) ||
+    !patternLetterUp.test(pass)
+    // !patternLetterLow.test(pass) ||
+    // !patternFuhao.test(pass)
+  ) {
+    return { err: true, msg: "密码需包含数字、字母" };
+  }
+  // if (patternFour.test(pass)) {
+  //   return { err: true, msg: "密码含有过多连续字符" };
+  // }
+  // if (patternFuhaoNo.test(pass)) {
+  //   return { err: true, msg: "密码含有非法字符" };
+  // }
+  if (patternhanzi.test(pass)) {
+    return { err: true, msg: "密码不可使用汉字" };
+  }
+
+  return { err: false, msg: "" };
+}
+const config={
+    RsaPublicKey:'-----BEGIN PUBLIC KEY-----MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAoY8e9XE+wLDEA0ps24us2TZ3o/MTQ1WgcsADkNWYd8YucX6VW3ykol9gTMfV3WC3Ol6kH49Kq6naY7syxqBkHsjyQp8V25w5kiJrno3NlIfkwdd/xFJ2AxRQBz/BYHpIPtkBGvL/oV949Fed/k4in3iGgiWcshK4SWJ/Q8dm2C6H2PI8piF0kLLXPCM7h3wePuMUHb6A2hzuENhp+Kf5qmbrMz8q8PO3BvCsxKVX2273vFYX1+vFPS1r6rTMMayt6N3j+1tUSobAZ49Saew7rWjzYEy/s36hmCWqDAb++tLQtcgF1R+k0ZB+BdYMg5BLdXuF1Eyqcd5hiOH904uAZQIDAQAB-----END PUBLIC KEY-----'
+};
+
+export function RSA(pass) {
+  var encrypt = new JSEncrypt();
+  encrypt.setPublicKey(config.RsaPublicKey);
+  return encrypt.encrypt(pass);
+}

package/src/utils/permission.js

@@ -0,0 +1,19 @@
+import store from '@/store'
+
+/**
+ * @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
+  }
+}

package/src/utils/request.js

@@ -0,0 +1,187 @@
+import axios from "axios";
+import {
+  baseURL,
+  contentType,
+  debounce,
+  invalidCode,
+  loginInterception,
+  noPermissionCode,
+  requestTimeout,
+  successCode,
+  tokenName,
+} from "@/config";
+import store from "@/store";
+import qs from "qs";
+import router from "@/router";
+import { isArray } from "@/utils/validate";
+import { ElLoading, ElMessage } from "element-plus";
+import { pickBy, identity } from "lodash-es";
+import { mock } from "mockjs";
+
+
+let loadingInstance;
+
+/**
+ * @description 处理code异常
+ * @param {*} code
+ * @param {*} msg
+ */
+const handleCode = (code, msg) => {
+  switch (code) {
+    case invalidCode:
+      ElMessage.error(msg || `后端接口${code}异常`);
+      store.dispatch("user/resetAccessToken");
+      if (loginInterception) {
+        location.reload();
+      }
+      break;
+    case noPermissionCode:
+      router.push({ path: "/401" }).catch(() => {});
+      break;
+    default:
+      ElMessage.error(msg || `后端接口${code}异常`);
+      break;
+  }
+};
+
+// 请求重试配置
+const retryConfig = {
+  retry: 3, // 重试次数
+  retryDelay: 1000, // 重试间隔时间
+};
+
+// 创建axios实例
+const instance = axios.create({
+  baseURL,
+  timeout: requestTimeout,
+  headers: {
+    "Content-Type": contentType,
+  },
+});
+
+// 请求重试方法
+instance.defaults.retry = retryConfig.retry;
+instance.defaults.retryDelay = retryConfig.retryDelay;
+
+// 请求拦截器
+instance.interceptors.request.use(
+  (config) => {
+    if (store.state.user.accessToken) {
+      config.headers[tokenName] = store.state.user.accessToken;
+    }
+
+    //这里会过滤所有为空、0、false的key，如果不需要请自行注释
+    if (config.data) config.data = pickBy(config.data, identity);
+    if (
+      config.data &&
+      config.headers["Content-Type"] ===
+        "application/x-www-form-urlencoded;charset=UTF-8"
+    )
+      config.data = qs.stringify(config.data);
+    if (debounce.some((item) => config.url.includes(item)))
+      loadingInstance = ElLoading.service();
+
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+instance.interceptors.response.use(
+  (response) => {
+    if (loadingInstance) loadingInstance.close();
+
+    const { data, config } = response;
+
+    // 判断data是否为undefined或null
+    if (data === undefined || data === null) {
+      ElMessage.error("后端接口返回数据为空");
+      return Promise.reject("后端接口返回数据为空");
+    }
+
+    // 安全地解构code和msg，避免undefined异常
+    const code = data.code !== undefined ? data.code : null;
+    const msg = data.msg !== undefined ? data.msg : "未知错误";
+
+    // 操作正常Code数组
+    const codeVerificationArray = isArray(successCode)
+      ? [...successCode]
+      : [...[successCode]];
+
+    // 是否操作正常
+    if (code !== null && codeVerificationArray.includes(code)) {
+      return data;
+    } else {
+      handleCode(code, msg);
+      return Promise.reject(
+        `请求异常拦截:${JSON.stringify({
+          url: config.url,
+          code,
+          msg,
+        })}` || "Error"
+      );
+    }
+  },
+  (error) => {
+    if (loadingInstance) loadingInstance.close();
+
+    // 处理请求重试
+    const { config } = error;
+    if (config && config.retry) {
+      // 设置当前重试次数
+      config.__retryCount = config.__retryCount || 0;
+
+      // 检查是否可以重试
+      if (config.__retryCount < config.retry) {
+        // 增加重试次数
+        config.__retryCount += 1;
+
+        // 创建新的Promise进行重试
+        const backoff = new Promise((resolve) => {
+          setTimeout(() => {
+            console.log(
+              `重试请求: ${config.url}, 尝试次数: ${config.__retryCount}`
+            );
+            resolve();
+          }, config.retryDelay || 1000);
+        });
+
+        // 重新发起请求
+        return backoff.then(() => instance(config));
+      }
+    }
+
+    // 处理undefined或无法解析的错误情况
+    if (!error) {
+      ElMessage.error("发生未知错误");
+      return Promise.reject("发生未知错误");
+    }
+
+    const { response, message } = error;
+    if (response && response.data) {
+      const { status, data } = response;
+      handleCode(status, data.msg || message || "未知错误");
+      return Promise.reject(error);
+    } else {
+      let errorMsg = "后端接口未知异常";
+
+      if (message) {
+        if (message === "Network Error") {
+          errorMsg = "后端接口连接异常";
+        } else if (message.includes("timeout")) {
+          errorMsg = "后端接口请求超时";
+        } else if (message.includes("Request failed with status code")) {
+          const code = message.substr(message.length - 3);
+          errorMsg = `后端接口${code}异常`;
+        }
+      }
+
+      ElMessage.error(errorMsg);
+      return Promise.reject(error);
+    }
+  }
+);
+
+export default instance;

package/src/utils/static.js

@@ -0,0 +1,81 @@
+/**
+ * @author https://vuejs-core.cn
+ * @description 导入所有 controller 模块，浏览器环境中自动输出controller文件夹下Mock接口，请勿修改。
+ */
+import Mock from 'mockjs'
+import { paramObj } from '@/utils'
+
+const mocks = []
+// 使用兼容 rspack 的方式导入 mock 控制器
+const files = require.context('../../mock/controller', false, /\.js$/)
+
+files.keys().forEach((key) => {
+  mocks.push(...files(key))
+})
+
+export function mockXHR() {
+  // 设置Mock响应延迟
+  Mock.setup({
+    timeout: '200-600',
+  })
+
+  // 保存原始的XHR send方法
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function () {
+    if (this.custom.xhr) {
+      this.custom.xhr.withCredentials = this.withCredentials || false
+
+      if (this.responseType) {
+        this.custom.xhr.responseType = this.responseType
+      }
+    }
+    this.proxy_send(...arguments)
+  }
+
+  function XHRHttpRequst(respond) {
+    return function (options) {
+      let result
+      try {
+        if (respond instanceof Function) {
+          const { body, type, url } = options
+          // 安全解析body
+          let parsedBody = {}
+          if (body) {
+            try {
+              parsedBody = JSON.parse(body)
+            } catch (e) {
+              console.warn('无法解析请求体:', e)
+            }
+          }
+
+          result = respond({
+            method: type,
+            body: parsedBody,
+            query: paramObj(url),
+          })
+        } else {
+          result = respond
+        }
+      } catch (error) {
+        console.error('Mock处理请求时发生错误:', error)
+        // 返回默认错误响应
+        result = {
+          code: 500,
+          message: '服务器内部错误',
+        }
+      }
+      return Mock.mock(result)
+    }
+  }
+
+  // 注册所有的mock服务
+  mocks.forEach((item) => {
+    Mock.mock(new RegExp(item.url), item.type || 'get', XHRHttpRequst(item.response))
+  })
+
+  // 记录mock设置完成
+  console.info(`[Mock] 成功设置 ${mocks.length} 个模拟接口`)
+}
+
+// 导出mocks列表，便于调试
+export const mockList = mocks