设备维护统计对异常设备进行区分

src/views/component/device/maintenanceStaticAll.vue

@@ -74,6 +74,10 @@
                             <div class="red-circle" />
                             <span>全部未完成</span>
                         </div>
+                        <div class="item">
+                            <div class="red-bg" />
+                            <span>设备状况异常</span>
+                        </div>
                         <div class="item-time">
                             <span>统计时间：{{ curTime }}</span>
                         </div>
@@ -90,7 +94,7 @@
                     <div class="column">
                         <div v-for="(item,index) in formatData" :key="index" class="content-item">
                             <div class="item">{{ index+1 }}</div>
-                            <div v-for="(i,ind) in item" :key="ind" class="item">
+                            <div v-for="(i,ind) in item" :key="ind" class="item" :class="i.status?'':'unusual'">
                                 <el-tooltip v-show="i.count>0" class="item" effect="light" placement="top-start">
                                     <template slot="content">
                                         <div>
@@ -100,7 +104,7 @@
                                                 <el-divider />
                                                 <div class="detail-item">
                                                     <div class="item" style="margin:2px 0">处理人：{{ switchIdToUserName(ii.bian_zhi_ren_)|| '/' }}</div>
-                                                    <div class="item" style="margin:2px 0">设备状态：{{ ii.wei_hu_zhuang_tai|| '/' }}</div>
+                                                    <div class="item" style="margin:2px 0">设备状况：{{ ii.wei_hu_zhuang_tai|| '/' }}</div>
                                                     <div class="item" style="margin:2px 0">维护项目：{{ ii.wei_hu_xiang_mu_c|| '/' }}</div>
                                                     <div class="item" style="margin:2px 0">备注：{{ ii.bei_zhu_|| '/' }}</div>
                                                 </div>
@@ -280,13 +284,15 @@ export default {
                         data: [],
                         count: 0,
                         todo: 0,
-                        done: 0
+                        done: 0,
+                        status: true
                     }
                     const tempList = item.children.filter(k => k.ji_hua_shi_jian_ === fullDay)
                     obj.count = tempList.length
                     obj.todo = tempList.filter(k => k.shi_fou_guo_shen_ === '待处理').length
                     obj.done = tempList.filter(k => k.shi_fou_guo_shen_ === '已完成').length
                     obj.data = tempList.filter(k => k.shi_fou_guo_shen_ === '已完成')
+                    obj.status = !obj.data.some(item => item.wei_hu_zhuang_tai === '异常')
                     arr.push(obj)
                 })
                 answer[i] = arr
@@ -496,6 +502,12 @@ export default {
                         background-color: #E6A23C;
                         border-radius: 50%;
                     }
+                    .red-bg {
+                        width: 12px;
+                        height: 12px;
+                        background-color: #F56C6C;
+                        opacity: .7;
+                    }
                 }
             }
             .search{
@@ -557,6 +569,10 @@ export default {
                         }
                     }
                     .content-item{
+                        .unusual{
+                            background-color: #F56C6C;
+                            opacity: .7;
+                        }
                         >.item{
                             position: relative;
                             height: 46px;