haiwei-module-admin 1.0.2 → 1.0.5

package/package.json

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

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

@@ -0,0 +1,221 @@
+<template>
+  <el-tag v-if="showTag" :type="computedTagType" :effect="tagEffect" :size="tagSize">
+    {{ displayText }}
+  </el-tag>
+  <span v-else>{{ displayText }}</span>
+</template>
+
+<script>
+export default {
+  props: {
+    /** 枚举值 */
+    value: {
+      type: [Number, String],
+      default: null
+    },
+    /** 模块编码 */
+    moduleCode: {
+      type: String,
+      required: true
+    },
+    /** 枚举名称 */
+    enumName: {
+      type: String,
+      required: true
+    },
+    /** 所在库 */
+    libName: {
+      type: String,
+      default: ''
+    },
+    /** 空值显示文本 */
+    emptyText: {
+      type: String,
+      default: ''
+    },
+    /** 是否使用tag标签显示 */
+    useTag: {
+      type: Boolean,
+      default: true
+    },
+    /** tag类型：primary/success/info/warning/danger */
+    tagType: {
+      type: String,
+      default: ''
+    },
+    /** tag效果：dark/light/plain */
+    tagEffect: {
+      type: String,
+      default: 'light'
+    },
+    /** tag尺寸：medium/small/mini */
+    tagSize: {
+      type: String,
+      default: 'small'
+    },
+    /** 颜色映射配置 */
+    colorMap: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      enumList: [],
+      loading: false
+    }
+  },
+  computed: {
+    displayText() {
+      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
+    },
+    
+    showTag() {
+      return this.useTag && this.value !== null && this.value !== undefined && this.value !== ''
+    },
+    
+    // 根据枚举值自动计算tag类型
+    computedTagType() {
+      if (this.tagType) {
+        return this.tagType
+      }
+      
+      // 如果没有指定tagType，根据枚举值自动计算
+      if (this.value === null || this.value === undefined || this.value === '') {
+        return 'info'
+      }
+      
+      // 将枚举值转换为数字
+      const numValue = Number(this.value)
+      
+      // 合并默认颜色映射和用户自定义颜色映射
+      const defaultColorMap = {
+        // 状态类枚举
+        0: 'primary',   // 默认/初始/待处理
+        1: 'success',   // 成功/完成/已确认
+        2: 'warning',   // 警告/进行中
+        3: 'danger',    // 失败/错误/已取消
+        4: 'info',      // 信息/其他
+        
+        // 布尔类枚举
+        true: 'success',
+        false: 'danger',
+        
+        // 字符串值映射
+        'active': 'success',
+        'inactive': 'info',
+        'pending': 'warning',
+        'rejected': 'danger',
+        'approved': 'success',
+        'draft': 'info'
+      }
+      
+      // 合并颜色映射，用户自定义的优先级更高
+      const mergedColorMap = { ...defaultColorMap, ...this.colorMap }
+      
+      // 首先检查用户自定义的精确匹配
+      if (mergedColorMap[this.value] !== undefined) {
+        return mergedColorMap[this.value]
+      }
+      
+      // 检查数字映射
+      if (mergedColorMap[numValue] !== undefined) {
+        return mergedColorMap[numValue]
+      }
+      
+      // 根据枚举文本内容智能判断
+      const enumItem = this.enumList.find(item => item.value == this.value)
+      if (enumItem && enumItem.label) {
+        const label = enumItem.label.toLowerCase()
+        
+        // 根据标签文本判断颜色
+        if (label.includes('成功') || label.includes('完成') || label.includes('通过') || label.includes('确认') || label.includes('出仓')) {
+          return 'success'
+        }
+        if (label.includes('失败') || label.includes('错误') || label.includes('拒绝') || label.includes('取消') || label.includes('入仓')) {
+          return 'danger'
+        }
+        if (label.includes('警告') || label.includes('注意') || label.includes('进行中') || label.includes('处理中')) {
+          return 'warning'
+        }
+        if (label.includes('默认') || label.includes('初始') || label.includes('待处理') || label.includes('未开始')) {
+          return 'primary'
+        }
+      }
+      
+      // 其他值使用哈希算法生成稳定颜色
+      const colors = ['primary', 'success', 'warning', 'danger', 'info']
+      let hash = 0
+      const strValue = String(this.value)
+      for (let i = 0; i < strValue.length; i++) {
+        hash = strValue.charCodeAt(i) + ((hash << 5) - hash)
+      }
+      hash = Math.abs(hash)
+      return colors[hash % colors.length] || 'info'
+    }
+  },
+  watch: {
+    moduleCode: {
+      immediate: true,
+      handler() {
+        this.loadEnumList()
+      }
+    },
+    enumName: {
+      immediate: true,
+      handler() {
+        this.loadEnumList()
+      }
+    },
+    libName: {
+      immediate: true,
+      handler() {
+        this.loadEnumList()
+      }
+    }
+  },
+  methods: {
+    async loadEnumList() {
+      if (!this.moduleCode || !this.enumName) {
+        this.enumList = []
+        return
+      }
+
+      try {
+        this.loading = true
+        const { moduleCode, enumName, libName } = this
+        const result = await $api.admin.tool.enumSelect({ moduleCode, enumName, libName })
+        
+        if (result && result.data) {
+          this.enumList = result.data
+        } else {
+          this.enumList = []
+        }
+      } catch (error) {
+        console.error('加载枚举列表失败:', error)
+        this.enumList = []
+      } finally {
+        this.loading = false
+      }
+    }
+  },
+  mounted() {
+    this.loadEnumList()
+  }
+}
+</script>
+
+<style scoped>
+.el-tag {
+  margin: 2px;
+}
+span {
+  display: inline-block;
+}
+</style>