设备月度维护统计增加未使用状态展示

src/views/component/device/maintenanceStaticAll.vue

@@ -74,9 +74,13 @@
                             <div class="red-circle" />
                             <span>全部未完成</span>
                         </div>
+                        <div class="item">
+                            <div class="grey-bg" />
+                            <span>设备未使用</span>
+                        </div>
                         <div class="item">
                             <div class="red-bg" />
-                            <span>设备状况异常</span>
+                            <span>设备异常</span>
                         </div>
                         <div class="item-time">
                             <span>统计时间：{{ curTime }}</span>
@@ -94,7 +98,15 @@
                     <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" :class="i.status?'':'unusual'">
+                            <div
+                                v-for="(i,ind) in item"
+                                :key="ind"
+                                class="item"
+                                :class="{
+                                    unusual: i.status === false, // 异常
+                                    unused: i.isUsed === false // 未使用
+                                }"
+                            >
                                 <el-tooltip v-show="i.count>0" class="item" effect="light" placement="top-start">
                                     <template slot="content">
                                         <div>
@@ -285,7 +297,8 @@ export default {
                         count: 0,
                         todo: 0,
                         done: 0,
-                        status: true
+                        status: true,
+                        isUsed: true
                     }
                     const tempList = item.children.filter(k => k.ji_hua_shi_jian_ === fullDay)
                     obj.count = tempList.length
@@ -293,6 +306,7 @@ export default {
                     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 === '异常')
+                    obj.isUsed = !obj.data.some(item => item.wei_hu_zhuang_tai === '未使用')
                     arr.push(obj)
                 })
                 answer[i] = arr
@@ -508,6 +522,12 @@ export default {
                         background-color: #F56C6C;
                         opacity: .7;
                     }
+                    .grey-bg{
+                        width: 12px;
+                        height: 12px;
+                        background-color: #778899;
+                        opacity: .7;
+                    }
                 }
             }
             .search{
@@ -570,8 +590,12 @@ export default {
                     }
                     .content-item{
                         .unusual{
-                            background-color: #F56C6C;
-                            opacity: .7;
+                            background-color: #F56C6C !important;
+                            opacity: .7 !important;
+                        }
+                        .unused{
+                             background-color: #778899;
+                             opacity: .7;
                         }
                         >.item{
                             position: relative;