fix : 修复pointTag组件报错

This commit is contained in:
2024-10-11 15:40:28 +08:00
parent 41fd5bef4d
commit e7e1f33985

View File

@@ -1,7 +1,7 @@
<template>
<div style="display: flex;justify-content: center">
<span class="stateIcon" :style="{backgroundColor: filterDictClass(cacheStore.getDict(dictType), value)}"></span>
<span>{{tag.label}}</span>
<span>{{tagConfig.label}}</span>
<span> {{ filterDict(cacheStore.getDict(dictType), value) }}</span>
</div>
</template>
@@ -21,37 +21,43 @@ const props = defineProps({
default: null
}
});
const tag = reactive({
const tagConfig = reactive({
listClass: "green",
isType: true,
label: ""
});
// const dictList = cacheStore.getDict(props.dictType);
// const dictFormat = () => {
// if(dictList===undefined) return;
// for (let i = 0; i < dictList.length; i++) {
// if(dictList[i].value=== props.value){
// tag.label = dictList[i].label;
// tag.listClass=changeParams(dictList[i].listClass)
// tag.isType = dictList[i].isType;
// }
// }
// };
const filterDictClass = (data, value) => {
if(!data) return
if(data instanceof Array) {
tag.value = data.find(item => item.value == value)
const filterDictClass = (data, value) => {
if (!data|| value == null) return 'gray'
if (data instanceof Array) {
tagConfig.value = data.find(item => item.value == value)
if (!tagConfig.value) {
return '#409EFF'
} else {
if (tagConfig.value?.isType) {
return changeParams(tagConfig.value.listClass)
} else {
return tagConfig.value.listClass
}
}
}
return changeParams(tag.value.listClass)
}
const filterDict = (data, value) => {
if(!data) return
if(data instanceof Array) {
tag.value = data.find(item => item.value == value)
if (!data || value == null) return '未知'
if (data instanceof Array) {
if (value == true || value == false) {
tagConfig.value = data.find(item => item.value == value.toString())
} else if (typeof value === "object") {
if (value !== null) {
tagConfig.value = data.find(item => item.value == value[0])
} else {
tagConfig.value = {}
}
} else {
tagConfig.value = data.find(item => item.value == value)
}
}
return tag.value.label
return tagConfig.value?.label || '未知'
}
/**
* 根据接口返回的listClass切换成对应的颜色