页面中的状态 颜色变红

src/views/AIStation/ExtinguisherPage/ExtinguisherHistoryPage.vue

@@ -207,7 +207,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>

src/views/AIStation/ExtinguisherPage/ExtinguisherNewDataPage.vue

@@ -214,7 +214,7 @@ defineExpose({
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>
@@ -274,7 +274,7 @@ defineExpose({
               <el-col :span="12">
                 <el-form-item label="告警状态：" prop="alarmStatus">
                   <span v-if="singleDetails.alarmStatus=== '0'">正常</span>
-                  <span v-else-if="singleDetails.alarmStatus=== '1'">异常</span>
+                  <span v-else-if="singleDetails.alarmStatus=== '1'" >异常</span>
                   <span v-else>-</span>
                 </el-form-item>
               </el-col>

src/views/AIStation/MoveMonitorPage/MoveMonitorHistoryPage.vue

@@ -221,7 +221,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>

src/views/AIStation/MoveMonitorPage/MoveMonitorNewDataPage.vue

@@ -224,7 +224,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>

src/views/AIStation/PipelineTempPage/PipelineTempHistoryPage.vue

@@ -189,7 +189,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>

src/views/AIStation/PipelineTempPage/PipelineTempNewDataPage.vue

@@ -198,7 +198,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>

src/views/AIStation/TransTempPage/TransTempHistoryPage.vue

@@ -203,7 +203,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>

src/views/AIStation/TransTempPage/TransTempNewDataPage.vue

@@ -210,7 +210,7 @@ const handleSortChange = (data) => {
           <el-table-column prop="alarmStatus" align="center" label="告警状态">
             <template #default="scope">
               <span v-if="scope.row.alarmStatus=== '0'">正常</span>
-              <span v-else-if="scope.row.alarmStatus=== '1'">异常</span>
+              <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
               <span v-else>-</span>
             </template>
           </el-table-column>