liubiao/dyf-vue-ui
1
0
Fork 0
forked from dyf/dyf-vue-ui
Code Pull Requests Activity

提交

Browse Source
This commit is contained in:
fengerli
2026-03-20 14:58:40 +08:00
parent 09539ecfb8
commit cce863c590
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/controlCenter/100J/index.vue
View File

@ -38,7 +38,7 @@
<el-col :lg="9" :xs="24"> <el-col :lg="9" :xs="24">
<div class="content-card1"> <div class="content-card1">
<h4 class="section-title">警示灯爆闪</h4> <h4 class="section-title">警示灯爆闪</h4>
<div class="light-mode"> <div class="light-mode1">
<!-- 使用v-for循环渲染灯光模式卡片 --> <!-- 使用v-for循环渲染灯光模式卡片 -->
<div class="mode-card" @click.stop="handleModeClick(mode.id)" v-for="mode in lightModes" <div class="mode-card" @click.stop="handleModeClick(mode.id)" v-for="mode in lightModes"
:key="mode.id"> :key="mode.id">
@ -115,7 +115,6 @@
Number(deviceDetail.latitude).toFixed(4) Number(deviceDetail.latitude).toFixed(4)
: '0.00' }} </div> : '0.00' }} </div>
</div> </div>
</div> </div>
<div class="location-item1"> <div class="location-item1">
<div> <img src="@/assets/images/dw.png" alt="">&nbsp;&nbsp;地址</div> <div> <img src="@/assets/images/dw.png" alt="">&nbsp;&nbsp;地址</div>
@ -686,14 +685,15 @@ const sta_VoiceType = ref([
{ id: '4', name: '市政', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false }, { id: '4', name: '市政', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
{ id: '5', name: '铁路', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false }, { id: '5', name: '铁路', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
{ id: '6', name: '医疗', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false }, { id: '6', name: '医疗', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
{ id: '7', name: '部队', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false }, // { id: '7', name: '部队', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
{ id: '8', name: '水利', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false }, // { id: '8', name: '水利', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
]); ]);
const lightModes = ref<LightMode[]>([ const lightModes = ref<LightMode[]>([
{ id: 'redBlueAlternate', name: '红蓝交替', icon: rb, activeIcon: rbAc, switchStatus: true, instructValue: '6', active: true }, { id: 'redBlueAlternate', name: '红蓝交替', icon: rb, activeIcon: rbAc, switchStatus: true, instructValue: '6', active: true },
{ id: 'redFlash', name: '红色', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '0', active: false }, { id: 'redFlash', name: '红闪', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '0', active: false },
{ id: 'yellowFlash', name: '黄色', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '2', active: false }, { id: 'yellowFlash', name: '黄闪', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '2', active: false },
{ id: 'blueFlash', name: '蓝闪', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '1', active: false },
{ id: 'redClockwise', name: '红色顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '3', active: false }, { id: 'redClockwise', name: '红色顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '3', active: false },
{ id: 'yellowClockwise', name: '黄色顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '4', active: false }, { id: 'yellowClockwise', name: '黄色顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '4', active: false },
{ id: 'redBlueClockwise', name: '红蓝顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '5', active: false }, { id: 'redBlueClockwise', name: '红蓝顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '5', active: false },
@ -1076,6 +1076,12 @@ onUnmounted(() => {
gap: 15px; gap: 15px;
} }
.light-mode1 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.lacatin_gps { .lacatin_gps {
height: 70px; height: 70px;
background: #F7F8FC; background: #F7F8FC;