cmpt-huitu-cli 1.0.0

package/templates/default/src/styles/theme/README.md

@@ -0,0 +1,52 @@
+# 自定义主题样式
+
+此目录用于存放项目特定的样式文件。
+
+## 使用说明
+
+1. 在此目录下创建你的自定义样式文件，例如：
+   - `custom.scss` - 自定义样式
+   - `variables.scss` - 项目特定的 CSS 变量
+   - `components.scss` - 组件样式覆盖
+
+2. 在 `src/styles/index.scss` 中引入你的样式文件：
+   ```scss
+   @import './theme/custom.scss';
+   ```
+
+## 公共样式
+
+公共样式变量和 mixin 已通过 `@huitu/ui` 提供，在 `vite.config.js` 中已全局配置：
+- `variables.scss` - 公共变量（字体大小、颜色等）
+- `mixin.scss` - 公共 mixin（滚动条、统计数据样式等）
+- `reset.scss` - 样式重置（Element Plus 组件样式重置等）
+
+这些样式在项目中可以直接使用，无需手动引入。
+
+## 示例
+
+### 自定义主题变量
+
+```scss
+// src/styles/theme/variables.scss
+:root[data-theme="light"] {
+  --my-custom-color: #067dff;
+  --my-custom-bg: #ffffff;
+}
+
+:root[data-theme="dark"] {
+  --my-custom-color: #e3a000;
+  --my-custom-bg: #00192e;
+}
+```
+
+### 自定义组件样式
+
+```scss
+// src/styles/theme/components.scss
+.my-custom-component {
+  color: var(--my-custom-color);
+  background: var(--my-custom-bg);
+}
+```
+

package/templates/default/src/styles/theme/variables.scss

@@ -0,0 +1,62 @@
+/**
+ * @FileDescription: 项目主题变量定义
+ * @Author: template
+ * @Date: 2026-01-04
+ * @Description: 
+ * 定义项目特定的 CSS 变量
+ * reset.scss 中使用的变量需要在此定义
+ */
+
+/* 浅色主题 */
+:root[data-theme="light"] {
+  /* 基础颜色 */
+  --main-font-color: #333333;
+  --main-color: #067dff;
+  --stat-font-color: #067dff;
+
+  /* 表格相关 */
+  // --table-head-bg: linear-gradient(180deg, #b2d2ff 0%, #b9daff 100%);
+  --table-head-color: #333333;
+  // --table-body-bg-color: rgb(205, 235, 255);
+  // --table-body-bg: linear-gradient(180deg, rgba(205, 235, 255, 0.74) 0%, rgba(212, 232, 248, 0.73) 100%);
+  --table-body-color: #333333;
+  // --table-body-border: #b4d3ec;
+  --table-body-hover: rgb(30, 137, 255, 0.85);
+  // --table-index-bg: #b4d9f6;
+  // --table-index-shadow: inset 0px 0px 4px 0px transparent;
+
+  /* Element Plus 变量覆盖 */
+  // --el-table-row-hover-bg-color: var(--table-body-hover);
+
+  // 强制覆盖 .el-table 内部变量，确保优先级
+  .el-table {
+    --el-table-row-hover-bg-color: var(--table-body-hover);
+  }
+}
+
+/* 深色主题 */
+:root[data-theme="dark"] {
+  /* 基础颜色 */
+  --main-font-color: #ffffff;
+  --main-color: #e3a000;
+  --stat-font-color: #ffffff;
+
+  /* 表格相关 */
+  // --table-head-bg: linear-gradient(180deg, rgba(1, 49, 78, 1) 0%, rgba(0, 66, 104, 1) 100%);
+  --table-head-color: #dff4fc;
+  // --table-body-bg-color: rgba(4, 34, 53, 1);
+  --table-body-bg: rgba(4, 34, 53, 1);
+  --table-body-color: #ffffff;
+  // --table-body-border: #030a10;
+  --table-body-hover: rgba(0, 136, 221, 0.85);
+  // --table-index-bg: rgba(42, 167, 255, 0.74);
+  // --table-index-shadow: inset 0px 0px 4px 0px #57ceff;
+
+  /* Element Plus 变量覆盖 */
+  // --el-table-row-hover-bg-color: var(--table-body-hover);
+
+  // 强制覆盖 .el-table 内部变量，确保优先级
+  .el-table {
+    --el-table-row-hover-bg-color: var(--table-body-hover);
+  }
+}

package/templates/default/src/utils/RequestCache.js

@@ -0,0 +1,198 @@
+import { ElMessage } from 'element-plus'
+import { axiosInstance } from '@utils/requestAxios.js'
+
+/**
+ * @FileDescription:Ajax请求缓存类
+ *   1、统一处理同一个接口同样的参数、固定时间内（如：60s内）发生多次请求问题；
+ *   2、统一请求异常处理问题；
+ *   3、统一返回结果处理问题；
+ * @Author: yans
+ * @Date: 2025-12-26
+ * @LastEditors: yans
+ * @LastEditTime: 2025-12-30
+ * @param {Object} options - 缓存配置
+ */
+class RequestCache {
+  // 构造函数
+  constructor(options = {}) {
+    if (!options.ajax) {
+      throw new Error('请求实例未定义!')
+    }
+    // debugger
+    // 缓存配置
+    this.cache = new Map()
+    this.pendingRequests = new Map() // 临时存放正在进行的ajax请求
+    this.ajax = options.ajax // 请求实例
+    this.timeOut = options.timeOut || 1000 * 60 * 2 // 默认2分钟缓存
+
+    // 定时清理过期缓存, 默认3分钟执行一次
+    setInterval(() => this.cleanup(), 1000 * 60 * 3)
+  }
+
+  // 获取缓存或发起请求:  config: { method:'post', url:'/api/base/getUser', params:{}, data:{} }，注意：config.notUseCache这个参数，默认不传递走缓存，如果不用缓存传 notUseCache:true
+  async request(config) {
+    // 默认都使用缓存，不使用缓存处理
+    const useCache = !config.notUseCache
+    if (useCache === false) {
+      const requestPromise = this.createRequest(config)
+      const result = await requestPromise
+      return { data: result, fromCache: '新请求' }
+    }
+
+    // 使用缓存逻辑处理
+    const key = this.createKey(config)
+    const now = Date.now()
+
+    // 1. 检查是否有缓存且未过期
+    if (this.cache.has(key)) {
+      const { data, timestamp, timeOut } = this.cache.get(key)
+      if (now - timestamp < (timeOut || this.timeOut)) {
+        console.log('1、直接返回缓存数据')
+        return { data, fromCache: '是' }
+      }
+      this.cache.delete(key)
+    }
+
+    // 2. 检查是否有相同的请求正在进行
+    if (this.pendingRequests.has(key)) {
+      console.log('2、旧请求正在进行，请等待结果...')
+      try {
+        // 等待正在进行的请求完成
+        const result = await this.pendingRequests.get(key)
+
+        // 针对ajax异常返回的标识数据进行重新处理
+        return { data: result === -999.909 ? null : result, fromCache: 'Pending请求' }
+      } catch (error) {
+        // 如果正在进行请求失败，继续发起新请求
+        console.log('2、旧请求失败，错误信息：', error)
+
+        // 错误信息统一在此提示处理
+        const { message } = error
+        ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+      }
+    }
+
+    // 3. 创建新的请求
+    const requestPromise = this.createRequest(config, key)
+    this.pendingRequests.set(key, requestPromise)
+    console.log('3、新请求正在进行，请等待结果...')
+    try {
+      const result = await requestPromise
+
+      // 缓存结果,备注：当result === -999.909的时候有是ajax请求异常，此时不缓存
+      if (result !== -999.909)
+        this.cache.set(key, {
+          data: result,
+          timestamp: now,
+          timeOut: config.timeOut || this.timeOut,
+        })
+
+      // 针对ajax异常返回的标识数据进行重新处理
+      return { data: result === -999.909 ? null : result, fromCache: '新请求' }
+    } catch (error) {
+      console.log('3、新请求失败，错误信息：', error)
+
+      // 错误信息统一在此提示处理
+      const { message } = error
+      ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+    } finally {
+      // 清理进行中的请求
+      this.pendingRequests.delete(key)
+    }
+  }
+
+  // 生成请求的唯一键
+  createKey(config) {
+    const { method, url, params, data } = config
+
+    // 规范化参数
+    const normalize = (obj) => {
+      if (!obj) return ''
+      if (typeof obj === 'string') return obj
+      return JSON.stringify(obj, Object.keys(obj || {}).sort())
+    }
+
+    return `${method?.toLowerCase()}_${url?.toLowerCase()}_${normalize(params)}_${normalize(data)}`
+  }
+
+  // 实际发起请求,注意：config.signal这个参数，如果要在vue页面中取消ajax请求，就需要传递该参数
+  async createRequest(config, key) {
+    if (key) {
+      // 先判断有没自带取消请求信号,有就使用自带的，没有就使用系统的
+      let signalNew = null
+      let timeoutId = null
+      if (config.signal) {
+        signalNew = config.signal
+      } else {
+        const controller = new AbortController()
+        const timeout = config.timeOut || this.timeOut
+
+        // 设置超时
+        timeoutId = setTimeout(() => {
+          controller.abort('请求超时取消')
+        }, timeout)
+        signalNew = controller.signal
+      }
+
+      // 使用系统配置的axios,直接请求且可以取消请求
+      try {
+        const result = await this.ajax({
+          ...config,
+          signal: signalNew,
+        })
+
+        // 像geojson文件请求或者wfs请求都返回结果是没有data的，所以这里要判断一下
+        return result?.data ?? result
+      } catch (error) {
+        console.log('请求失败，错误信息：', error)
+
+        // 错误信息统一在此提示处理
+        const { message } = error
+        ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+      } finally {
+        if (timeoutId) clearTimeout(timeoutId)
+      }
+    } else {
+      // 使用用户自己配置的axios,直接请求
+      try {
+        const result = await this.ajax(config)
+
+        // 像geojson文件请求或者wfs请求都返回结果是没有data的，所以这里要判断一下
+        return result?.data ?? result
+      } catch (error) {
+        console.log('请求失败，错误信息：', error)
+
+        // 错误信息统一在此提示处理
+        const { message } = error
+        ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+      }
+    }
+
+    // 请求报错，返回特殊值进行标识
+    return -999.909
+  }
+
+  // 自动清理过期缓存
+  cleanup() {
+    const now = Date.now()
+    for (const [key, value] of this.cache.entries()) {
+      if (now - value.timestamp > (value.timeOut || this.timeOut)) {
+        this.cache.delete(key)
+      }
+    }
+  }
+
+  // 手动清除缓存
+  clearCache(key) {
+    if (key) {
+      this.cache.delete(key)
+      this.pendingRequests.delete(key)
+    } else {
+      this.cache.clear()
+      this.pendingRequests.clear()
+    }
+  }
+}
+
+// ***********创建ajax缓存请求实例, 默认缓存1.5分钟*********** //
+export const cache = new RequestCache({ ajax: axiosInstance, timeOut: 1000 * 60 * 1.5 })

package/templates/default/src/utils/auth.js

@@ -0,0 +1,51 @@
+/**
+ * @FileDescription: 系统登录信息工具类
+ */
+
+import { cache } from '@huitu/utils'
+const { session } = cache
+// Token 管理（使用通用前缀）
+export function getToken() {
+  return session.get('app_token')
+}
+
+export function setToken(token) {
+  return session.set('app_token', token)
+}
+
+export function removeToken() {
+  return session.remove('app_token')
+}
+
+// Refresh Token 管理
+export function getRefreshToken() {
+  return session.get('app_refresh_token')
+}
+
+export function setRefreshToken(token) {
+  return session.set('app_refresh_token', token)
+}
+
+export function removeRefreshToken() {
+  return session.remove('app_refresh_token')
+}
+
+// 用户信息管理（使用通用前缀，避免业务冲突）
+export function getUserInfo() {
+  return session.getJSON('app_userInfo')
+}
+
+export function setUserInfo(userInfo) {
+  return session.setJSON('app_userInfo', userInfo)
+}
+
+export function removeUserInfo() {
+  return session.remove('app_userInfo')
+}
+
+// 清除所有登录信息
+export function clearAuth() {
+  removeToken()
+  removeRefreshToken()
+  removeUserInfo()
+}

package/templates/default/src/utils/errorCode.js

@@ -0,0 +1,16 @@
+/**
+ * @FileDescription: HTTP请求错误码
+ * @Author: yans
+ * @Date: 2025-10-19
+ * @LastEditors: 最后更新作者
+ * @LastEditTime: 最后-新时间
+ */
+
+export default {
+  401: '认证失败，无法访问系统资源',
+  403: '当前操作没有权限',
+  404: '访问资源不存在',
+  500: '服务器异常',
+  501: '获取数据失败',
+  default: '系统未知错误，请反馈给管理员',
+}