haiwei-module-admin 1.1.6 → 1.1.8

package/package.json

@@ -2,7 +2,7 @@
   "id": 0,
   "name": "haiwei-module-admin",
   "code": "admin",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "haiwei前端Admin模块组件",
   "author": "Eric",
   "license": "ISC",  
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "haiwei-skins-classics": "^1.0.7",
-    "haiwei-ui": "^1.2.4"
+    "haiwei-ui": "^1.4.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.4.4",

package/src/api/components/file.js

@@ -3,9 +3,7 @@ import module from '../../module'
 export default name => {
   const root = `${module.code}/${name}/`
   const crud = $http.crud(root)
-
   console.log('crud', crud)
-
   const urls = {
     upload: root + 'Upload',
     hardDelete: root + 'HardDelete'
@@ -15,6 +13,71 @@ export default name => {
     return `${$http.axios.defaults.baseURL}${urls.upload}`
   }
 
+  /**
+   * 简单文件上传接口
+   * @param {File} file - 要上传的文件对象
+   * @param {string} moduleCode - 模块编码，标识文件所属的模块
+   * @param {string} group - 文件分组，用于对文件进行分类管理
+   * @param {number} [accessMode=0] - 文件访问方式：0-私有，1-公开，2-授权，默认为0（私有）
+   * @param {string} [accounts=''] - 授权模式下关联的账户ID，多个账户使用英文逗号分隔，仅在accessMode=2时有效
+   * @returns {Promise} 返回Promise对象，成功时返回包含文件信息的响应数据
+   * @example
+   * // 基本使用示例
+   * const fileInput = document.getElementById('fileInput')
+   * const file = fileInput.files[0]
+   *
+   * $api.admin.file.upload(
+   *   file,
+   *   'user-module',
+   *   'avatar',
+   *   1, // 公开访问
+   *   ''
+   * ).then(response => {
+   *   if (response.code === 1) {
+   *     console.log('上传成功:', response.data)
+   *     // response.data 包含 { fullPath: '文件完整路径', url: '文件访问URL' }
+   *   } else {
+   *     console.error('上传失败:', response.msg)
+   *   }
+   * }).catch(error => {
+   *   console.error('请求错误:', error)
+   * })
+   *
+   * @description
+   * 此方法封装了文件上传的核心逻辑，使用FormData格式发送multipart/form-data请求。
+   * 文件字段名为'formFile'，与后端接口保持一致。
+   * 上传成功后的响应格式为：{ code: 1, data: { fullPath: '...', url: '...' }, msg: '...' }
+   * 上传失败的响应格式为：{ code: 0, msg: '错误信息' }
+   */
+  const upload = (file, moduleCode, group, accessMode = 0, accounts = '') => {
+    // 创建FormData对象，用于构建multipart/form-data格式的请求体
+    const formData = new FormData()
+
+    // 添加文件字段，字段名必须为'formFile'以匹配后端接口
+    formData.append('formFile', file)
+
+    // 添加模块编码参数，标识文件所属的业务模块
+    formData.append('moduleCode', moduleCode)
+
+    // 添加文件分组参数，用于对上传的文件进行分类管理
+    formData.append('group', group)
+
+    // 添加访问方式参数：0-私有，1-公开，2-授权
+    formData.append('accessMode', accessMode)
+
+    // 如果提供了账户ID参数，则添加到请求中（仅在授权模式下需要）
+    if (accounts) {
+      formData.append('accounts', accounts)
+    } 
+    // 发送POST请求到文件上传接口
+    // 使用multipart/form-data内容类型，适合文件上传
+    return $http.post(urls.upload, formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    })
+  }
+
   const hardDelete = id => {
     return $http.delete(urls.hardDelete, { id })
   }
@@ -36,6 +99,7 @@ export default name => {
   return {
     ...crud,
     getUploadUrl,
+    upload,
     hardDelete,
     getByFullPath,
     preview,

package/src/components/enum-text/index.vue

@@ -6,10 +6,10 @@
 </template>
 
 <script>
-// 全局缓存，避免重复请求相同的枚举
-const enumCache = new Map()
+import { mixins } from 'haiwei-ui'
 
 export default {
+  mixins: [mixins.text],
   props: {
     /** 枚举值 */
     value: {
@@ -54,24 +54,18 @@ export default {
       default: 'small'
     }
   },
-  data() {
-    return {
-      enumList: [],
-      loading: false
-    }
-  },
   computed: {
     displayText() {
-      if (this.value === null || this.value === undefined || this.value === '') {
+      if (this.value_ === null || this.value_ === undefined || this.value_ === '') {
         return this.emptyText
       }
 
-      const enumItem = this.enumList.find(item => item.value == this.value)
-      return enumItem ? enumItem.label : this.value
+      const enumItem = this.options.find(item => item.value == this.value_)
+      return enumItem ? enumItem.label : this.value_
     },
 
     showTag() {
-      return this.useTag && this.value !== null && this.value !== undefined && this.value !== ''
+      return this.useTag && this.value_ !== null && this.value_ !== undefined && this.value_ !== ''
     },
 
     // 计算tag颜色类型
@@ -86,12 +80,12 @@ export default {
         // 如果是对象，根据枚举值查找对应的颜色
         if (typeof this.tagType === 'object' && this.tagType !== null) {
           // 首先尝试精确匹配
-          if (this.tagType[this.value] !== undefined) {
-            return this.tagType[this.value]
+          if (this.tagType[this.value_] !== undefined) {
+            return this.tagType[this.value_]
           }
 
           // 尝试数字匹配
-          const numValue = Number(this.value)
+          const numValue = Number(this.value_)
           if (this.tagType[numValue] !== undefined) {
             return this.tagType[numValue]
           }
@@ -99,12 +93,12 @@ export default {
       }
 
       // 如果没有指定或未找到匹配，根据枚举值自动计算
-      if (this.value === null || this.value === undefined || this.value === '') {
+      if (this.value_ === null || this.value_ === undefined || this.value_ === '') {
         return 'info'
       }
 
       // 将值转换为数字
-      const numValue = Number(this.value)
+      const numValue = Number(this.value_)
 
       // 简单的颜色映射
       if (numValue === 0) return 'primary' // 默认/初始状态
@@ -120,62 +114,19 @@ export default {
   watch: {
     moduleCode: {
       immediate: true,
-      handler: 'loadEnumList'
+      handler: 'refresh'
     },
     enumName: {
       immediate: true,
-      handler: 'loadEnumList'
+      handler: 'refresh'
     },
     libName: {
       immediate: true,
-      handler: 'loadEnumList'
-    }
-  },
-  methods: {
-    async loadEnumList() {
-      if (!this.moduleCode || !this.enumName) {
-        this.enumList = []
-        return
-      }
-
-      // 生成缓存键
-      const cacheKey = `${this.moduleCode}_${this.enumName}_${this.libName || ''}`
-
-      // 检查缓存
-      if (enumCache.has(cacheKey)) {
-        this.enumList = enumCache.get(cacheKey)
-        return
-      }
-
-      // 防止重复请求
-      if (this.loading) {
-        return
-      }
-
-      this.loading = true
-
-      try {
-        const { moduleCode, enumName, libName } = this
-        const result = await $api.admin.tool.enumSelect({ moduleCode, enumName, libName })
-
-        // API返回的是数组格式：[{label: '出仓', value: 0}, {label: '入仓', value: 1}]
-        if (result && Array.isArray(result)) {
-          this.enumList = result
-          // 缓存结果
-          enumCache.set(cacheKey, result)
-        } else {
-          this.enumList = []
-        }
-      } catch (error) {
-        console.error('加载枚举列表失败:', error)
-        this.enumList = []
-      } finally {
-        this.loading = false
-      }
+      handler: 'refresh'
+    },
+    value(val) {
+      if (val !== this.value_) this.value_ = val
     }
-  },
-  mounted() {
-    // 移除mounted中的调用，由watch的immediate处理
   }
 }
 </script>