admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

升降机系统(报警信息):报警状态更改样式

Browse Source
This commit is contained in:
骆乐 2022-08-26 18:17:39 +08:00
parent 5b70ba4a74
commit 212c59d51d
2 changed files with 52 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/store/index.js
View File

@ -45,8 +45,8 @@ export default new Vuex.Store({
// UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试 // UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
// FILEURL:'http://10.0.1.43:6023/image/',//测试 // FILEURL:'http://10.0.1.43:6023/image/',//测试
BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', // BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
// UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', // UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
// FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口 FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
/* 2022-05-16 */ /* 2022-05-16 */
// tag: 部署河南项目时，需要打开这两行代码 // tag: 部署河南项目时，需要打开这两行代码
// UPLOADURL: 'http://124.71.178.44:100/upload/image', // UPLOADURL: 'http://124.71.178.44:100/upload/image',
@ -56,8 +56,8 @@ export default new Vuex.Store({
// UPLOADURL: 'http://192.168.34.125:6023/upload/image', // UPLOADURL: 'http://192.168.34.125:6023/upload/image',
// FILEURL: 'http://192.168.34.125:6023/image/', // FILEURL: 'http://192.168.34.125:6023/image/',
// 邱平毅的 // 邱平毅的
UPLOADURL: 'http://192.168.34.216:6023/upload/image', // UPLOADURL: 'http://192.168.34.216:6023/upload/image',
FILEURL: 'http://192.168.34.216:6023/image/', // FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式 // UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式 // FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式

61
src/views/projectFront/lifter/alarmInfo.vue
View File

@ -98,14 +98,20 @@
<el-table-column prop="bottomAlarm" :label="$t('message.lifter.lowerLimitAlarm')"> <el-table-column prop="bottomAlarm" :label="$t('message.lifter.lowerLimitAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- normal 正常 alarm 报警 earlyWarning 预警 --> <!-- normal 正常 alarm 报警 earlyWarning 预警 -->
{{ scope.row.bottomAlarm == 0? $t('message.lifter.normal') : scope.row.bottomAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.bottomAlarm == 1 }" >
{{ scope.row.bottomAlarm == 0? $t('message.lifter.normal') : scope.row.bottomAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 防坠器报警 --> <!-- 防坠器报警 -->
<el-table-column prop="fallAlarm" :label="$t('message.lifter.fallArresterAlarm')"> <el-table-column prop="fallAlarm" :label="$t('message.lifter.fallArresterAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="{ 'alarm_statu2' : scope.row.fallAlarm == 1 }" >
{{ scope.row.fallAlarm == 0? $t('message.lifter.normal') : scope.row.fallAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
<!-- normal 正常 alarm 报警 earlyWarning 预警 --> <!-- normal 正常 alarm 报警 earlyWarning 预警 -->
{{ scope.row.fallAlarm == 0? $t('message.lifter.normal') : scope.row.fallAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="name2" label="力矩"> </el-table-column> <!-- <el-table-column prop="name2" label="力矩"> </el-table-column>
@ -114,26 +120,35 @@
<!-- 高度报警 --> <!-- 高度报警 -->
<el-table-column prop="heightAlarm" :label="$t('message.lifter.altitudeAlarm')"> <el-table-column prop="heightAlarm" :label="$t('message.lifter.altitudeAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.heightAlarm == 0? $t('message.lifter.normal') : scope.row.heightAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.heightAlarm == 1 }" >
{{ scope.row.heightAlarm == 0? $t('message.lifter.normal') : scope.row.heightAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 1号电机报警 --> <!-- 1号电机报警 -->
<el-table-column prop="motor1Alarm" :label="$t('message.lifter.firstAlarm')"> <el-table-column prop="motor1Alarm" :label="$t('message.lifter.firstAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- normal 正常 alarm 报警 earlyWarning 预警 --> <!-- normal 正常 alarm 报警 earlyWarning 预警 -->
{{ scope.row.motor1Alarm == 0? $t('message.lifter.normal') : scope.row.motor1Alarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.motor1Alarm == 1 }" >
{{ scope.row.motor1Alarm == 0? $t('message.lifter.normal') : scope.row.motor1Alarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 2号电机报警 --> <!-- 2号电机报警 -->
<el-table-column prop="motor2Alarm" :label="$t('message.lifter.secondAlarm')"> <el-table-column prop="motor2Alarm" :label="$t('message.lifter.secondAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.motor2Alarm == 0? $t('message.lifter.normal') : scope.row.motor2Alarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.motor2Alarm == 1 }" >
{{ scope.row.motor2Alarm == 0? $t('message.lifter.normal') : scope.row.motor2Alarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 3号电机报警 --> <!-- 3号电机报警 -->
<el-table-column prop="motor3Alarm" :label="$t('message.lifter.thirdAlarm')"> <el-table-column prop="motor3Alarm" :label="$t('message.lifter.thirdAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.motor3Alarm == 0? $t('message.lifter.normal') : scope.row.motor3Alarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.motor3Alarm == 1 }" >
{{ scope.row.motor3Alarm == 0? $t('message.lifter.normal') : scope.row.motor3Alarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="speed" label="运行时刻"> </el-table-column> --> <!-- <el-table-column prop="speed" label="运行时刻"> </el-table-column> -->
@ -141,46 +156,63 @@
<!-- 倾角X报警 --> <!-- 倾角X报警 -->
<el-table-column prop="obliguityXAlarm" :label="$t('message.lifter.inclinationXAlarm')"> <el-table-column prop="obliguityXAlarm" :label="$t('message.lifter.inclinationXAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.obliguityXAlarm == 0? $t('message.lifter.normal') : scope.row.obliguityXAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.obliguityXAlarm == 1 }" >
{{ scope.row.obliguityXAlarm == 0? $t('message.lifter.normal') : scope.row.obliguityXAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 倾角Y报警 --> <!-- 倾角Y报警 -->
<el-table-column prop="obliguityYAlarm" :label="$t('message.lifter.inclinationYAlarm')"> <el-table-column prop="obliguityYAlarm" :label="$t('message.lifter.inclinationYAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.obliguityYAlarm == 0? $t('message.lifter.normal') : scope.row.obliguityYAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.obliguityYAlarm == 1 }" >
{{ scope.row.obliguityYAlarm == 0? $t('message.lifter.normal') : scope.row.obliguityYAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 人数报警 --> <!-- 人数报警 -->
<el-table-column prop="peopleCntAlarm" :label="$t('message.lifter.numberAlarm')"> <el-table-column prop="peopleCntAlarm" :label="$t('message.lifter.numberAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- normal 正常 alarm 报警 earlyWarning 预警 --> <!-- normal 正常 alarm 报警 earlyWarning 预警 -->
{{ scope.row.peopleCntAlarm == 0? $t('message.lifter.normal') : scope.row.peopleCntAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.peopleCntAlarm == 1 }" >
{{ scope.row.peopleCntAlarm == 0? $t('message.lifter.normal') : scope.row.peopleCntAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 速度报警 --> <!-- 速度报警 -->
<el-table-column prop="speedAlarm" :label="$t('message.lifter.speedAlarm')"> <el-table-column prop="speedAlarm" :label="$t('message.lifter.speedAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- normal 正常 alarm 报警 earlyWarning 预警 --> <span :class="{ 'alarm_statu2' : scope.row.speedAlarm == 1 }" >
{{ scope.row.speedAlarm == 0? $t('message.lifter.normal') : scope.row.speedAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} {{ scope.row.speedAlarm == 0? $t('message.lifter.normal') : scope.row.speedAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
<!-- normal 正常 alarm 报警 earlyWarning 预警 -->
</template> </template>
</el-table-column> </el-table-column>
<!-- 防冲顶报警 --> <!-- 防冲顶报警 -->
<el-table-column prop="topAlarm" :label="$t('message.lifter.antiImpactRoofAlarm')"> <el-table-column prop="topAlarm" :label="$t('message.lifter.antiImpactRoofAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.topAlarm == 0? $t('message.lifter.normal') : scope.row.topAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.topAlarm == 1 }" >
{{ scope.row.topAlarm == 0? $t('message.lifter.normal') : scope.row.topAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 载重报警 --> <!-- 载重报警 -->
<el-table-column prop="weightAlarm" :label="$t('message.lifter.loadAlarm')"> <el-table-column prop="weightAlarm" :label="$t('message.lifter.loadAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.weightAlarm == 0? $t('message.lifter.normal') : scope.row.weightAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}} <span :class="{ 'alarm_statu2' : scope.row.weightAlarm == 1 }" >
{{ scope.row.weightAlarm == 0? $t('message.lifter.normal') : scope.row.weightAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 风速报警 --> <!-- 风速报警 -->
<el-table-column prop="windSpeedAlarm" :label="$t('message.lifter.windSpeedAlarm')"> <el-table-column prop="windSpeedAlarm" :label="$t('message.lifter.windSpeedAlarm')">
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="{ 'alarm_statu2' : scope.row.windSpeedAlarm == 1 }" >
{{ scope.row.windSpeedAlarm == 0? $t('message.lifter.normal') : scope.row.windSpeedAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</span>
<!-- normal 正常 alarm 报警 earlyWarning 预警 --> <!-- normal 正常 alarm 报警 earlyWarning 预警 -->
{{ scope.row.windSpeedAlarm == 0? $t('message.lifter.normal') : scope.row.windSpeedAlarm == 1? $t('message.lifter.alarm') : $t('message.lifter.earlyWarning')}}
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="name2" label="正常工作预警状态"> </el-table-column> <!-- <el-table-column prop="name2" label="正常工作预警状态"> </el-table-column>
@ -389,5 +421,8 @@ export default {
height: 720px; height: 720px;
background-color: #ffffff; background-color: #ffffff;
} }
.alarm_statu2{
color: #f76462;
}
} }
</style> </style>