Browse Source

fix bug 增加ElCheckboxGroup中showIcon属性

wangqin
qingzhengli 1 year ago
parent
commit
9f858ab693
  1. 12
      ruoyi-ui/src/views/JiHeExpressway/components/FormConfig/components/ElCheckboxGroup.vue
  2. 4
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue

12
ruoyi-ui/src/views/JiHeExpressway/components/FormConfig/components/ElCheckboxGroup.vue

@ -5,9 +5,11 @@
<slot :name="item[id] || item[label]" :data="item">{{
item[label]
}} </slot>
<img v-if="item.deviceState == '0' || item.deviceState == null" src="@/assets/jihe/images/offline.svg"
class="state">
<img v-else src="@/assets/jihe/images/online.svg" class="state">
<div v-if="showIcon">
<img v-if="item.deviceState == '0' || item.deviceState == null" src="@/assets/jihe/images/offline.svg"
class="state">
<img v-else src="@/assets/jihe/images/online.svg" class="state">
</div>
</ElCheckbox>
</ElCheckboxGroup>
</template>
@ -37,6 +39,10 @@ export default {
gap: {
default: "24px",
},
showIcon: {
type: Boolean,
default: false,
},
},
};
</script>

4
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue

@ -4,8 +4,8 @@
<div class="body">
<div class="left">
<div class="title">路测广播列表</div>
<CheckboxGroup class="checkbox-group" gap="9px" v-model="checkList" :options="musicList" id="otherConfig"
label="deviceName">
<CheckboxGroup class="checkbox-group" gap="9px" :showIcon="true" v-model="checkList" :options="musicList"
id="otherConfig" label="deviceName">
<template #[otherConfig]="{ data }">
<span style="color: #6EE5FE;">
{{ data.deviceName }}(当前设备)

Loading…
Cancel
Save