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

670控制中心小调整

Browse Source
This commit is contained in:
liub
2025-10-09 11:50:07 +08:00
parent 75a7da4a19
commit 6d6d395bff
14 changed files with 125 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/controlCenter/670/index.vue
View File

@ -19,8 +19,8 @@
<el-row :gutter="20" class="content-row" :class="deviceDetail.sta_ShakeBit == 1 || deviceDetail.staSOSGrade == 1 ? '' : 'displayNone'">
<el-col :lg="24" :xs="24">
<div class="staticRwo" :class="deviceDetail.sta_ShakeBit == 1 ? '' : 'displayNone'">设备静止报警中!</div>
<div class="staticRwo" :class="deviceDetail.staSOSGrade == 1 ? '' : 'displayNone'" @click="showClose()">
设备强制报警中,<span v-show="Status.timeOut>0">{{ Status.timeOut }}S</span>!
<div class="staticRwo" :class="(deviceDetail.staSOSGrade == 1 && Status.timeOut>0) ? '' : 'displayNone'" @click="showClose()">
设备强制报警中<span v-show="Status.timeOut>0">,{{ Status.timeOut }}S</span>!
</div>
</el-col>
</el-row>
@ -102,7 +102,7 @@
<el-input v-if="deviceDetail" placeholder="请输入职位" v-model="deviceDetail.personnelInfo.name" />
</div>
<div class="form-item">
<span class="form-label">姓名</span>
<span class="form-label">姓名:</span>
<el-input v-if="deviceDetail" placeholder="请输入姓名" v-model="deviceDetail.personnelInfo.position" />
</div>
<div class="form-item">
@ -206,11 +206,24 @@ const router = useRouter();
// 导入图片资源（确保路径正确）
import strongLightDefault from '@/assets/images/strong-light.png';
import strongLightActive from '@/assets/images/strong-light_HL.png';
import weakLightDefault from '@/assets/images/weak-light.png';
import weakLightActive from '@/assets/images/weak-light_HL.png';
import floodLightDefault from '@/assets/images/flood-light.png';
import floodLightActive from '@/assets/images/flood-light_HL.png';
import di from '@/assets/images/di.png';
import diAc from '@/assets/images/diAc.png';
import high from '@/assets/images/high.png';
import highAc from '@/assets/images/highAc.png';
import rb from '@/assets/images/rb.png';
import rbAc from '@/assets/images/rbAc.png';
import sg from '@/assets/images/sg.png';
import sgAc from '@/assets/images/sgAc.png';
import zhong from '@/assets/images/zhong.png';
import zhongAc from '@/assets/images/zhongAc.png';
import closeDefault from '@/assets/images/close.png';
import closeActive from '@/assets/images/close_HL.png';
import { hi } from 'element-plus/es/locale/index.mjs';
const fullscreenLoading = ref(false);
var timer = null;
const sendTextLoading = ref(false);
@ -248,8 +261,8 @@ const lightModes = ref<any[]>([
{
id: '2',
name: '弱光',
icon: weakLightDefault,
activeIcon: weakLightActive,
icon: floodLightDefault,
activeIcon: floodLightActive,
active: false
},
{
@ -265,24 +278,24 @@ const sosModes = ref<any[]>([
{
id: '1',
name: '声光报警',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: sg, // 直接使用导入的变量
activeIcon: sgAc,
active: false
},
{
id: '2',
name: '红蓝模式',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: rb, // 直接使用导入的变量
activeIcon: rbAc,
active: false
},
{
id: '0',
name: '关闭',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: closeDefault, // 直接使用导入的变量
activeIcon: closeActive,
active: false
}
@ -292,32 +305,32 @@ const staticModes = ref<any[]>([
{
id: '3',
name: '高档',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: high, // 直接使用导入的变量
activeIcon: highAc,
active: false
},
{
id: '2',
name: '中档',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: zhong, // 直接使用导入的变量
activeIcon:zhongAc,
active: false
},
{
id: '1',
name: '低档',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: di, // 直接使用导入的变量
activeIcon: diAc,
active: false
},
{
id: '0',
name: '关闭',
icon: strongLightDefault, // 直接使用导入的变量
activeIcon: strongLightActive,
icon: closeDefault, // 直接使用导入的变量
activeIcon: closeActive,
active: false
}