zant-admin 2.0.2 → 2.0.4

package/src/api/methods/sysUser.js

@@ -1,25 +1,25 @@
-import { post, get } from '@/api/request'
-
-const sysUser = {
-  //根据id获取信息
-  get(params) {
-    return get('sysUser/get', params)
-  },
-  //新增
-  add(params) {
-    return post('sysUser/add', params)
-  },
-  //保存
-  save(params) {
-    return post('sysUser/save', params)
-  },
-  //修改是否启用
-  updateIsEnabled(params) {
-    return get('sysUser/updateIsEnabled', params)
-  },
-  //发送短信
-  sendCode(params) {
-    return get('sysUser/sendCode', params)
-  },
-}
-export default sysUser
+import { post, get } from '@/api/request'
+
+const sysUser = {
+  //根据id获取信息
+  get(params) {
+    return get('sysUser/get', params)
+  },
+  //新增
+  add(params) {
+    return post('sysUser/add', params)
+  },
+  //保存
+  save(params) {
+    return post('sysUser/save', params)
+  },
+  //修改是否启用
+  updateIsEnabled(params) {
+    return get('sysUser/updateIsEnabled', params)
+  },
+  //发送短信
+  sendCode(params) {
+    return get('sysUser/sendCode', params)
+  },
+}
+export default sysUser

package/src/api/methods/system.js

@@ -1,15 +1,15 @@
-import { get } from '@/api/request'
-const system = {
-  /// 获取系统描述
-
-  getSystemDescription() {
-    return get('server/getSystemDescription')
-  },
-
-  /// 获取系统更新记录
-
-  projectUpdateRecord() {
-    return get('server/projectUpdateRecord')
-  },
-}
-export default system
+import { get } from '@/api/request'
+const system = {
+  /// 获取系统描述
+
+  getSystemDescription() {
+    return get('server/getSystemDescription')
+  },
+
+  /// 获取系统更新记录
+
+  projectUpdateRecord() {
+    return get('server/projectUpdateRecord')
+  },
+}
+export default system

package/src/api/request.js

@@ -1,225 +1,225 @@
-import { createAlova } from 'alova'
-import VueHook from 'alova/vue'
-import adapterFetch from 'alova/fetch'
-import { message } from 'ant-design-vue'
-import { useUserStore } from '@/stores/user'
-import router from '../router'
-/**
- * 创建 alova 实例
- * 用于处理 HTTP 请求，包含请求拦截、响应拦截等配置
- */
-const serviceAlova = createAlova({
-  // 基础URL，从环境变量中获取
-  baseURL: import.meta.env.VITE_BASE_API,
-  // 请求超时时间（毫秒）
-  timeout: 20000,
-  // 缓存时间设置为0，即不缓存
-  cacheFor: 0,
-  // 使用 Vue Hook 管理状态
-  statesHook: VueHook,
-  // 请求前拦截器
-  beforeRequest(method) {
-    const userStore = useUserStore()
-    // 如果存在 token，则添加到请求头中
-    if (userStore.token) {
-      method.config.headers.authorization = 'Bearer ' + userStore.token
-    } else {
-      // 如果没有 token 且当前不在登录页，则跳转到登录页
-      if (router.currentRoute.value.path !== '/login') {
-        router.push('/login')
-      }
-    }
-  },
-  // 使用 fetch 作为请求适配器
-  requestAdapter: adapterFetch(),
-  // 响应拦截器配置
-  responded: {
-    /**
-     * 请求成功拦截器
-     * @param {Response} response - 原始响应对象
-     * @param {Method} method - 当前请求的 method 实例
-     * @returns {Promise} 处理后的结果
-     */
-    onSuccess: async (response, method) => {
-      message.destroy() // 请求成功后销毁加载提示
-      // 检查是否为文件流响应
-      const contentType = response.headers.get('content-type')
-      const isFileResponse =
-        contentType &&
-        (contentType.includes('application/octet-stream') ||
-          contentType.includes('text/plain') ||
-          contentType.includes('application/pdf') ||
-          contentType.includes(
-            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-          )) // 添加其他需要的文件类型
-
-      if (isFileResponse) {
-        // 处理文件流响应
-        const blob = await response.blob()
-
-        // 尝试获取文件名
-        let fileName = ''
-
-        // 1. 尝试从 Content-Disposition 获取
-        const contentDisposition = response.headers.get('content-disposition')
-
-        if (contentDisposition) {
-          // 匹配标准格式: attachment; filename="encodedFileName"
-          const match = contentDisposition.match(
-            /filename\*?=['"]?(?:UTF-\d['"]*)?([^;]+)/i,
-          )
-          if (match && match[1]) {
-            // 解码 URL 编码的文件名
-            fileName = decodeURIComponent(match[1].trim())
-          }
-        }
-
-        return { blob, fileName }
-      }
-
-      if (response.status == 200) {
-        const json = await response.json()
-        switch (json.code) {
-          case 200:
-            return Promise.resolve(json)
-          case 201:
-            message.error(json.msg)
-            return Promise.reject(json)
-          case 202:
-            message.error(json.errors)
-            return Promise.reject(json)
-          case 401:
-            const userStore = useUserStore()
-            userStore.token = '' // 清空 token
-            message.error({
-              content: json.errors + '，请重新登录',
-              duration: 1,
-              onClose: () => {
-                router.push('/login')
-              },
-            })
-            return Promise.reject(json)
-          case 500:
-            message.error(json.errors)
-            return Promise.reject(json)
-        }
-        // 解析的响应数据将传给method实例的transformData钩子函数，这些函数将在后续讲解
-        return Promise.reject(json)
-      } else {
-        message.error(response.status + '：请求地址无效')
-        return Promise.reject(response.status)
-      }
-    },
-    /**
-     * 请求失败拦截器
-     * @param {Error} error - 错误对象
-     * @param {Method} method - 当前请求的 method 实例
-     * @returns {Promise} 处理后的结果
-     */
-    onError: (error, method) => {
-      message.destroy() // 请求完成后销毁加载提示
-      message.error(error.message)
-      return Promise.reject(error.message)
-    },
-    /**
-     * 请求完成拦截器（无论成功或失败都会执行）
-     * 用于处理请求完成后的统一逻辑
-     */
-    onComplete: () => {
-      // 处理请求完成逻辑
-    },
-  },
-})
-
-/**
- * 封装 GET 请求
- * @param {string} url - 请求地址
- * @param {Object} params - 请求参数
- * @returns {Promise} 请求结果的 Promise
- */
-export const get = (url, params) => {
-  return new Promise((resolve, reject) => {
-    serviceAlova
-      .Get(url, { params })
-      .then(result => {
-        resolve(result)
-      }) // 请求成功，解析数据
-      .catch(error => {
-        reject(error) // 请求失败，抛出错误
-      })
-  })
-}
-
-/**
- * 封装 POST 请求
- * @param {string} url - 请求地址
- * @param {Object} data - 请求数据
- * @returns {Promise} 请求结果的 Promise
- */
-export const post = (url, data = {}) => {
-  return new Promise((resolve, reject) => {
-    serviceAlova
-      .Post(url, data)
-      .then(result => {
-        resolve(result)
-      }) // 请求成功，解析数据
-      .catch(error => {
-        reject(error) // 请求失败，抛出错误
-      })
-  })
-}
-
-/**
- * 封装 GET 方式的文件下载方法
- * @param {string} url - 下载地址
- * @param {Object} params - 请求参数
- * @returns {Promise} 包含文件数据的 Promise
- */
-export const downloadFileGet = (url, params = {}) => {
-  return new Promise((resolve, reject) => {
-    serviceAlova
-      .Get(url, {
-        params,
-        config: {
-          responseType: 'blob', // 关键：指定响应类型为 blob
-          headers: {
-            Accept: 'application/octet-stream', // 明确表示接受文件流
-          },
-        },
-      })
-      .then(result => {
-        // 这里会收到拦截器返回的 { blob, fileName }
-        resolve(result)
-      })
-      .catch(error => {
-        reject(error)
-      })
-  })
-}
-
-/**
- * 封装 POST 方式的文件下载方法
- * @param {string} url - 下载地址
- * @param {Object} data - 请求数据
- * @returns {Promise} 包含文件数据的 Promise
- */
-export const downloadFilePost = (url, data = {}) => {
-  return new Promise((resolve, reject) => {
-    serviceAlova
-      .Post(url, data, {
-        config: {
-          responseType: 'blob', // 关键：指定响应类型为 blob
-          headers: {
-            Accept: 'application/octet-stream', // 明确表示接受文件流
-          },
-        },
-      })
-      .then(result => {
-        // 这里会收到拦截器返回的 { blob, fileName }
-        resolve(result)
-      })
-      .catch(error => {
-        reject(error)
-      })
-  })
-}
+import { createAlova } from 'alova'
+import VueHook from 'alova/vue'
+import adapterFetch from 'alova/fetch'
+import { message } from 'ant-design-vue'
+import { useUserStore } from '@/stores/user'
+import router from '../router'
+/**
+ * 创建 alova 实例
+ * 用于处理 HTTP 请求，包含请求拦截、响应拦截等配置
+ */
+const serviceAlova = createAlova({
+  // 基础URL，从环境变量中获取
+  baseURL: import.meta.env.VITE_BASE_API,
+  // 请求超时时间（毫秒）
+  timeout: 20000,
+  // 缓存时间设置为0，即不缓存
+  cacheFor: 0,
+  // 使用 Vue Hook 管理状态
+  statesHook: VueHook,
+  // 请求前拦截器
+  beforeRequest(method) {
+    const userStore = useUserStore()
+    // 如果存在 token，则添加到请求头中
+    if (userStore.token) {
+      method.config.headers.authorization = 'Bearer ' + userStore.token
+    } else {
+      // 如果没有 token 且当前不在登录页，则跳转到登录页
+      if (router.currentRoute.value.path !== '/login') {
+        router.push('/login')
+      }
+    }
+  },
+  // 使用 fetch 作为请求适配器
+  requestAdapter: adapterFetch(),
+  // 响应拦截器配置
+  responded: {
+    /**
+     * 请求成功拦截器
+     * @param {Response} response - 原始响应对象
+     * @param {Method} method - 当前请求的 method 实例
+     * @returns {Promise} 处理后的结果
+     */
+    onSuccess: async (response, method) => {
+      message.destroy() // 请求成功后销毁加载提示
+      // 检查是否为文件流响应
+      const contentType = response.headers.get('content-type')
+      const isFileResponse =
+        contentType &&
+        (contentType.includes('application/octet-stream') ||
+          contentType.includes('text/plain') ||
+          contentType.includes('application/pdf') ||
+          contentType.includes(
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+          )) // 添加其他需要的文件类型
+
+      if (isFileResponse) {
+        // 处理文件流响应
+        const blob = await response.blob()
+
+        // 尝试获取文件名
+        let fileName = ''
+
+        // 1. 尝试从 Content-Disposition 获取
+        const contentDisposition = response.headers.get('content-disposition')
+
+        if (contentDisposition) {
+          // 匹配标准格式: attachment; filename="encodedFileName"
+          const match = contentDisposition.match(
+            /filename\*?=['"]?(?:UTF-\d['"]*)?([^;]+)/i,
+          )
+          if (match && match[1]) {
+            // 解码 URL 编码的文件名
+            fileName = decodeURIComponent(match[1].trim())
+          }
+        }
+
+        return { blob, fileName }
+      }
+
+      if (response.status == 200) {
+        const json = await response.json()
+        switch (json.code) {
+          case 200:
+            return Promise.resolve(json)
+          case 201:
+            message.error(json.msg)
+            return Promise.reject(json)
+          case 202:
+            message.error(json.errors)
+            return Promise.reject(json)
+          case 401:
+            const userStore = useUserStore()
+            userStore.token = '' // 清空 token
+            message.error({
+              content: json.errors + '，请重新登录',
+              duration: 1,
+              onClose: () => {
+                router.push('/login')
+              },
+            })
+            return Promise.reject(json)
+          case 500:
+            message.error(json.errors)
+            return Promise.reject(json)
+        }
+        // 解析的响应数据将传给method实例的transformData钩子函数，这些函数将在后续讲解
+        return Promise.reject(json)
+      } else {
+        message.error(response.status + '：请求地址无效')
+        return Promise.reject(response.status)
+      }
+    },
+    /**
+     * 请求失败拦截器
+     * @param {Error} error - 错误对象
+     * @param {Method} method - 当前请求的 method 实例
+     * @returns {Promise} 处理后的结果
+     */
+    onError: (error, method) => {
+      message.destroy() // 请求完成后销毁加载提示
+      message.error(error.message)
+      return Promise.reject(error.message)
+    },
+    /**
+     * 请求完成拦截器（无论成功或失败都会执行）
+     * 用于处理请求完成后的统一逻辑
+     */
+    onComplete: () => {
+      // 处理请求完成逻辑
+    },
+  },
+})
+
+/**
+ * 封装 GET 请求
+ * @param {string} url - 请求地址
+ * @param {Object} params - 请求参数
+ * @returns {Promise} 请求结果的 Promise
+ */
+export const get = (url, params) => {
+  return new Promise((resolve, reject) => {
+    serviceAlova
+      .Get(url, { params })
+      .then(result => {
+        resolve(result)
+      }) // 请求成功，解析数据
+      .catch(error => {
+        reject(error) // 请求失败，抛出错误
+      })
+  })
+}
+
+/**
+ * 封装 POST 请求
+ * @param {string} url - 请求地址
+ * @param {Object} data - 请求数据
+ * @returns {Promise} 请求结果的 Promise
+ */
+export const post = (url, data = {}) => {
+  return new Promise((resolve, reject) => {
+    serviceAlova
+      .Post(url, data)
+      .then(result => {
+        resolve(result)
+      }) // 请求成功，解析数据
+      .catch(error => {
+        reject(error) // 请求失败，抛出错误
+      })
+  })
+}
+
+/**
+ * 封装 GET 方式的文件下载方法
+ * @param {string} url - 下载地址
+ * @param {Object} params - 请求参数
+ * @returns {Promise} 包含文件数据的 Promise
+ */
+export const downloadFileGet = (url, params = {}) => {
+  return new Promise((resolve, reject) => {
+    serviceAlova
+      .Get(url, {
+        params,
+        config: {
+          responseType: 'blob', // 关键：指定响应类型为 blob
+          headers: {
+            Accept: 'application/octet-stream', // 明确表示接受文件流
+          },
+        },
+      })
+      .then(result => {
+        // 这里会收到拦截器返回的 { blob, fileName }
+        resolve(result)
+      })
+      .catch(error => {
+        reject(error)
+      })
+  })
+}
+
+/**
+ * 封装 POST 方式的文件下载方法
+ * @param {string} url - 下载地址
+ * @param {Object} data - 请求数据
+ * @returns {Promise} 包含文件数据的 Promise
+ */
+export const downloadFilePost = (url, data = {}) => {
+  return new Promise((resolve, reject) => {
+    serviceAlova
+      .Post(url, data, {
+        config: {
+          responseType: 'blob', // 关键：指定响应类型为 blob
+          headers: {
+            Accept: 'application/octet-stream', // 明确表示接受文件流
+          },
+        },
+      })
+      .then(result => {
+        // 这里会收到拦截器返回的 { blob, fileName }
+        resolve(result)
+      })
+      .catch(error => {
+        reject(error)
+      })
+  })
+}