commit
e2895bafa5
|
@ -33,12 +33,15 @@ export default defineComponent({
|
||||||
if (!props.type) {
|
if (!props.type) {
|
||||||
return null
|
return null
|
||||||
}
|
}
|
||||||
if (!props.value) {
|
// 解决自定义字典标签值为零时标签不渲染的问题
|
||||||
|
if (!props.value && props.value !== 0) {
|
||||||
return null
|
return null
|
||||||
}
|
}
|
||||||
getDictObj(props.type, props.value.toString())
|
getDictObj(props.type, props.value.toString())
|
||||||
|
// 添加标签的文字颜色为白色,解决自定义背景颜色时标签文字看不清的问题
|
||||||
return (
|
return (
|
||||||
<ElTag
|
<ElTag
|
||||||
|
style={dictData.value?.cssClass ? 'color: #fff' : ''}
|
||||||
type={dictData.value?.colorType}
|
type={dictData.value?.colorType}
|
||||||
color={
|
color={
|
||||||
dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)
|
dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)
|
||||||
|
|
|
@ -30,7 +30,7 @@ const removeStyles = () => {
|
||||||
//移除引入的文件名
|
//移除引入的文件名
|
||||||
const targetelement = 'style'
|
const targetelement = 'style'
|
||||||
const targetattr = 'id'
|
const targetattr = 'id'
|
||||||
let allsuspects = document.getElementsByTagName(targetelement)
|
const allsuspects = document.getElementsByTagName(targetelement)
|
||||||
for (let i = allsuspects.length; i >= 0; i--) {
|
for (let i = allsuspects.length; i >= 0; i--) {
|
||||||
if (
|
if (
|
||||||
allsuspects[i] &&
|
allsuspects[i] &&
|
||||||
|
@ -43,8 +43,8 @@ const removeStyles = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const reImport = () => {
|
const reImport = () => {
|
||||||
let head = document.getElementsByTagName('head')[0]
|
const head = document.getElementsByTagName('head')[0]
|
||||||
let style = document.createElement('style')
|
const style = document.createElement('style')
|
||||||
style.innerText = styleCss
|
style.innerText = styleCss
|
||||||
style.id = 'cssTheme'
|
style.id = 'cssTheme'
|
||||||
head.appendChild(style)
|
head.appendChild(style)
|
||||||
|
@ -52,10 +52,10 @@ const reImport = () => {
|
||||||
watch(
|
watch(
|
||||||
() => appStore.getIsDark,
|
() => appStore.getIsDark,
|
||||||
() => {
|
() => {
|
||||||
if (appStore.getIsDark == true) {
|
if (appStore.getIsDark) {
|
||||||
reImport()
|
reImport()
|
||||||
}
|
}
|
||||||
if (appStore.getIsDark == false) {
|
if (!appStore.getIsDark) {
|
||||||
removeStyles()
|
removeStyles()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
@ -11,10 +11,10 @@
|
||||||
>
|
>
|
||||||
<el-select v-model="bindMessageId" @change="updateTaskMessage">
|
<el-select v-model="bindMessageId" @change="updateTaskMessage">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in Object.keys(messageMap)"
|
v-for="key in Object.keys(messageMap)"
|
||||||
:value="item"
|
:value="key"
|
||||||
:label="messageMap[item]"
|
:label="messageMap[key]"
|
||||||
:key="item"
|
:key="key"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
<XButton
|
<XButton
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
export {}
|
||||||
declare global {
|
declare global {
|
||||||
declare interface Fn<T = any> {
|
declare interface Fn<T = any> {
|
||||||
(...arg: T[]): T
|
(...arg: T[]): T
|
||||||
|
|
Loading…
Reference in New Issue