添加设备停机状态分析功能

src/pages/components/In02.vue

@@ -49,7 +49,7 @@
                 <div style="margin: 0 5%; width:1px;border-left:1px solid #168895 ;"></div>
                 <div style="width:11%;height: 100%;">
                     <div class="littleFont">设备<span style="color:#27e6ff">（开机）</span></div>
-                    <div class="label">{{ alarmjsondata.device.online||'-' }}<span  class="unitname">台</span></div>
+                    <div class="label" @click="openStopView" title="查看设备停机状态分析" style="cursor: pointer;text-decoration: underline;">{{ alarmjsondata.device.online||'-' }}<span  class="unitname">台</span></div>
                     <div class="littleFont" style="margin-top: calc(30px*var(--hRate));">设备<span style="color:#27e6ff">（总数）</span></div>
                     <div class="label">{{ alarmjsondata.device.total||'-' }}<span  class="unitname">台</span></div>
                 </div>
@@ -1636,6 +1636,10 @@ export default {
             let name="C_" + devno;
             emit('OpenIframeWin',{class:'newwin deviceInfoWin',src:'/in02-device-info#'+name,title:name+'基本信息'})
         }
+
+        function openStopView(){
+           emit('OpenIframeWin',{class:'newwin bpbWin',src:'/imp-00',title:'停机状态分析'}) 
+        }
         function LoadPan(data) {
             //盘头数据处理
             window.Pan = {};//先存储，设备详情时需要使用到
@@ -1838,6 +1842,7 @@ export default {
             ShowInfo,
             HideWindow,
             clickalarmtr,
+            openStopView,
             indexjsondata,
             alarmjsondata,
             scxljsondata,

src/pages/imp/imp00.vue

@@ -2,11 +2,11 @@
     <div style="padding:10px">
         <div class="" style="text-align: center;top:2%;width: 100%;letter-spacing: 5px;color: #cdd2fb;font-size: 18px;">
             <span style="position: relative;">
-                <el-button style="margin-left:10px" @click="impquery">刷新</el-button>
+                <el-button style="margin-left: 10px;background: rgba(237, 237, 237, 0.23);color: #Fff;" @click="impquery">刷新</el-button>
             </span>
         </div>
-        <div style="height: 650px;width: 100%;background-color: rgb(237 237 237 / 23%);margin-top: 10px;display: flex;flex-direction: column;">
-            <div style="height: 650px;width: 98%;margin-left: 1%;">
+        <div style="height: 660px;width: 100%;background-color: rgb(237 237 237 / 23%);margin-top: 10px;display: flex;flex-direction: column;">
+            <div style="width: 98%;margin-left: 1%;">
                 <div class="table_caption" style="height: 30px;line-height: 30px;">停机汇总统计</div>
                 <table class="titletable" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
                     <thead>
@@ -20,21 +20,21 @@
                         <tr><td style="width: 60px">落布米数到达停机</td><td style="width: 40px;cursor: pointer;color: #cdd2fb;text-decoration: underline;" @click="impdata(datalist.d5||0)">{{ datalist.n5||'' }}</td><td style="width: 250px;">{{ datalist.d5||'' }}</td><td>停机状态=6，主轴运行转速(转/分钟)=0</td></tr>
                         <tr><td style="width: 60px">叫料停机</td><td style="width: 40px;cursor: pointer;color: #cdd2fb;text-decoration: underline;" @click="impdata(datalist.d6||0)">{{ datalist.n6||'' }}</td><td style="width: 250px;">{{ datalist.d6||'' }}</td><td>停机状态=7，主轴运行转速(转/分钟)=0</td></tr>
                         <tr><td style="width: 60px">其他停机</td><td style="width: 40px;cursor: pointer;color: #cdd2fb;text-decoration: underline;" @click="impdata(datalist.d7||0)">{{ datalist.n7||'' }}</td><td style="width: 250px;">{{ datalist.d7||'' }}</td><td>3-二停机、4-断电信机，5-设备故障停机，主轴运行转速(转/分钟)=0</td></tr>
-                        <tr><td colspan="2" style="width: 100px">未开机</td><td style="cursor: pointer;color: #cdd2fb;text-decoration: underline;" @click="impdata(datalist.d8||0)">{{ datalist.n8||'' }}</td><td style="width: 250px;">{{ datalist.d8||'' }}</td><td>IoT平台未查询到数据</td></tr>
+                        <tr><td colspan="2" style="width: 100px;border-bottom: 1px solid #7DA2CD">未开机</td><td style="cursor: pointer;color: #cdd2fb;text-decoration: underline;border-bottom: 1px solid #7DA2CD" @click="impdata(datalist.d8||0)">{{ datalist.n8||'' }}</td><td style="width: 250px;border-bottom: 1px solid #7DA2CD">{{ datalist.d8||'' }}</td><td style="border-bottom: 1px solid #7DA2CD">IoT平台未查询到数据</td></tr>
                     </tbody>
                 </table>
             </div>
-            <div id="scrollar1" tag="div" style="height: 642px;width: 98%;margin-left: 1%;">
+            <div id="scrollar1" tag="div" style="width: 98%;margin-left: 1%;">
                 <div class="table_caption" style="height: 30px;line-height: 30px;">设备停机情况明细</div>
                 <table class="titletable" cellspacing="0" cellpadding="0" style="width: 100%;">
                     <thead>
                         <tr><td style="width: 25%" >设备号</td><td style="width: 25%">主轴运行转速(转/分钟)</td><td style="width: 25%">停机状态</td><td style="width: 25%">状态说明</td></tr>
                     </thead>
                 </table>
-                <el-scrollbar id="scrollar2" style="height: 124px;width: 100%;">
+                <el-scrollbar id="scrollar2" style="height: 245px;width: 100%;overflow-y: hidden;">
                     <table class="datatable" cellspacing="0" cellpadding="0"  style="width: 100%;">
                             <tbody>
-                                <tr v-for="item in detailDataList" v-show="item.isshow">
+                                <tr v-for="item in detailDataList2" v-show="item.isshow">
                                     <td style="width: 25%">{{ item.device }}</td><td style="width: 25%">{{ item.speed }}</td><td style="width: 25%">{{ item.status }}</td><td style="width: 25%">{{ item.remark }}</td>
                                 </tr>
                             </tbody>
@@ -67,6 +67,7 @@
     }
     .datatable td{
         border-right: 1px solid #7DA2CD;
+        border-bottom: 1px solid #7DA2CD !important;
         font-size: 12px !important;
         width: 40px;
         text-overflow: ellipsis;
@@ -100,8 +101,9 @@
         setup(props,{emit}){
             let datalist=ref({});
             let detailDataList=ref([]);
+            let detailDataList2 = ref([]);
             function impquery(){
-                detailDataList.value={};
+                detailDataList2.value=[];
                 datalist.value=[];
                 const msg = ElMessage({
                         message:"正在加载数据",
@@ -109,7 +111,6 @@
                         duration:0, //一直显示
                 });
                 api.Get00Data().then((res)=>{
-                    console.log(res)
                     msg.close();
                     if(res.code!=0){
                         return;
@@ -121,6 +122,7 @@
                         lst.push(element);
                     });
                     detailDataList.value = lst;
+                    detailDataList2.value = lst;
                 }).catch(res=>{
                     ElMessage({
                         message:"数据获取失败！",
@@ -138,17 +140,16 @@
                         element['isshow'] = true;
                         tmplst.push(element);
                     });
-                    detailDataList.value = tmplst;
+                    detailDataList2.value = tmplst;
                     return;
                 }
                 lst = ","+lst+",";
                 detailDataList.value.forEach(element => {
                     var id = ","+element.device+",";
                     element['isshow'] =lst.indexOf(id)>-1 ? true :false;
-                    tmplst.push(element);
+                    if(element['isshow'])tmplst.push(element);
                 });
-                console.log(lst)
-                detailDataList.value = tmplst;
+                detailDataList2.value = tmplst;
             }
 
             onMounted(()=>{
@@ -157,7 +158,7 @@
 
             return{
                 datalist,
-                detailDataList,
+                detailDataList2,                
                 impdata,
                 impquery,
             }