|  | @ -125,7 +125,7 @@ import { | 
			
		
	
		
		
			
				
					|  |  |   getSystemStatusTabList, |  |  |   getSystemStatusTabList, | 
			
		
	
		
		
			
				
					|  |  |   getSystemStatusType, |  |  |   getSystemStatusType, | 
			
		
	
		
		
			
				
					|  |  |   getSystemStatusExport, |  |  |   getSystemStatusExport, | 
			
		
	
		
		
			
				
					
					|  |  | } from "../../../../../api/MonthlyEquipment"; |  |  | } from "@/api/MonthlyEquipment"; | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  | // import { download } from "../../../../../utils/request.js"; |  |  | // import { download } from "../../../../../utils/request.js"; | 
			
		
	
		
		
			
				
					|  |  | import Pagination from "@screen/components/Pagination.vue"; |  |  | import Pagination from "@screen/components/Pagination.vue"; | 
			
		
	
		
		
			
				
					|  |  | import InputSearch from "@screen/components/InputSearch/index.vue"; |  |  | import InputSearch from "@screen/components/InputSearch/index.vue"; | 
			
		
	
	
		
		
			
				
					|  | @ -180,6 +180,11 @@ export default { | 
			
		
	
		
		
			
				
					|  |  |       interval: null, |  |  |       interval: null, | 
			
		
	
		
		
			
				
					|  |  |     }; |  |  |     }; | 
			
		
	
		
		
			
				
					|  |  |   }, |  |  |   }, | 
			
		
	
		
		
			
				
					|  |  |  |  |  |   provide() { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |     return { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |       initDataList: this.initDevice, | 
			
		
	
		
		
			
				
					|  |  |  |  |  |     }; | 
			
		
	
		
		
			
				
					|  |  |  |  |  |   }, | 
			
		
	
		
		
			
				
					|  |  |   destroyed() { |  |  |   destroyed() { | 
			
		
	
		
		
			
				
					|  |  |     clearInterval(this.interval); |  |  |     clearInterval(this.interval); | 
			
		
	
		
		
			
				
					|  |  |   }, |  |  |   }, | 
			
		
	
	
		
		
			
				
					|  | @ -295,12 +300,14 @@ export default { | 
			
		
	
		
		
			
				
					|  |  |               pctOnl: Math.floor(100 * Math.random()) + "%", |  |  |               pctOnl: Math.floor(100 * Math.random()) + "%", | 
			
		
	
		
		
			
				
					|  |  |               pctOffl: "25%", |  |  |               pctOffl: "25%", | 
			
		
	
		
		
			
				
					|  |  |               pctLose: "15%", |  |  |               pctLose: "15%", | 
			
		
	
		
		
			
				
					
					|  |  |               sumUseState: "90%" |  |  |               sumUseState: "90%", | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |             }); |  |  |             }); | 
			
		
	
		
		
			
				
					|  |  |           }); |  |  |           }); | 
			
		
	
		
		
			
				
					|  |  |           return; |  |  |           return; | 
			
		
	
		
		
			
				
					|  |  |         } |  |  |         } | 
			
		
	
		
		
			
				
					|  |  |         let allList = []; |  |  |         let allList = []; | 
			
		
	
		
		
			
				
					|  |  |  |  |  |         let sort = res.data["排序规则"].rule.split(","); | 
			
		
	
		
		
			
				
					|  |  |  |  |  |         sort.forEach((i) => { | 
			
		
	
		
		
			
				
					|  |  |           for (let key in res.data) { |  |  |           for (let key in res.data) { | 
			
		
	
		
		
			
				
					|  |  |             let val = res.data[key]; |  |  |             let val = res.data[key]; | 
			
		
	
		
		
			
				
					|  |  |             let item = { |  |  |             let item = { | 
			
		
	
	
		
		
			
				
					|  | @ -309,14 +316,19 @@ export default { | 
			
		
	
		
		
			
				
					|  |  |               pctOnl: val.sucessRate, |  |  |               pctOnl: val.sucessRate, | 
			
		
	
		
		
			
				
					|  |  |               pctOffl: val.failRate, |  |  |               pctOffl: val.failRate, | 
			
		
	
		
		
			
				
					|  |  |               pctLose: val.lostRate, |  |  |               pctLose: val.lostRate, | 
			
		
	
		
		
			
				
					
					|  |  |             sumUseState: val.sumUseState |  |  |               sumUseState: val.sumUseState, | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |             }; |  |  |             }; | 
			
		
	
		
		
			
				
					
					|  |  |           if (key.includes("全部设备")) { |  |  |             if (i === key) { | 
			
				
				
			
		
	
		
		
			
				
					|  |  |             allList.unshift(item); |  |  |  | 
			
		
	
		
		
			
				
					|  |  |           } else { |  |  |  | 
			
		
	
		
		
	
		
		
			
				
					|  |  |               allList.push(item); |  |  |               allList.push(item); | 
			
		
	
		
		
			
				
					|  |  |             } |  |  |             } | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             // if (key.includes("全部设备")) { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             //   allList.unshift(item); | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             // } else { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             // allList.push(item); | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             // } | 
			
		
	
		
		
			
				
					|  |  |           } |  |  |           } | 
			
		
	
		
		
			
				
					|  |  |  |  |  |         }); | 
			
		
	
		
		
			
				
					|  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					|  |  |         this.equipments = allList; |  |  |         this.equipments = allList; | 
			
		
	
		
		
			
				
					|  |  |       }); |  |  |       }); | 
			
		
	
		
		
			
				
					|  |  |     }, |  |  |     }, | 
			
		
	
	
		
		
			
				
					|  | @ -431,7 +443,8 @@ export default { | 
			
		
	
		
		
			
				
					|  |  |   display: inline-flex; |  |  |   display: inline-flex; | 
			
		
	
		
		
			
				
					|  |  |   width: 100%; |  |  |   width: 100%; | 
			
		
	
		
		
			
				
					|  |  |   flex-direction: row; |  |  |   flex-direction: row; | 
			
		
	
		
		
			
				
					
					|  |  |   flex:1; height: 0; |  |  |   flex: 1; | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |   height: 0; | 
			
		
	
		
		
			
				
					|  |  | 
 |  |  | 
 | 
			
		
	
		
		
			
				
					|  |  |   .tabs-lo { |  |  |   .tabs-lo { | 
			
		
	
		
		
			
				
					|  |  |     display: inline-flex; |  |  |     display: inline-flex; | 
			
		
	
	
		
		
			
				
					|  | @ -537,16 +550,24 @@ export default { | 
			
		
	
		
		
			
				
					|  |  | .full_tab { |  |  | .full_tab { | 
			
		
	
		
		
			
				
					|  |  |   width: 100%; |  |  |   width: 100%; | 
			
		
	
		
		
			
				
					|  |  |   height: 100%; |  |  |   height: 100%; | 
			
		
	
		
		
			
				
					
					|  |  |   display: flex; flex-direction: column; flex: 1; |  |  |   display: flex; | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |   ::v-deep .el-tabs__header{} |  |  |   flex-direction: column; | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |   ::v-deep .el-tabs__content{ flex: 1; |  |  |   flex: 1; | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |     .el-tab-pane{ width: 100%; height: 100%;} |  |  |   ::v-deep .el-tabs__header { | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |   } | 
			
		
	
		
		
			
				
					|  |  |  |  |  |   ::v-deep .el-tabs__content { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |     flex: 1; | 
			
		
	
		
		
			
				
					|  |  |  |  |  |     .el-tab-pane { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |       width: 100%; | 
			
		
	
		
		
			
				
					|  |  |  |  |  |       height: 100%; | 
			
		
	
		
		
			
				
					|  |  |  |  |  |     } | 
			
		
	
		
		
			
				
					|  |  |   } |  |  |   } | 
			
		
	
		
		
			
				
					|  |  | } |  |  | } | 
			
		
	
		
		
			
				
					|  |  | 
 |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  | .tab_con{ display: flex; flex-direction: column;} |  |  | .tab_con { | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  | 
 |  |  |   display: flex; | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  | 
 |  |  |   flex-direction: column; | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  | } | 
			
		
	
		
		
			
				
					|  |  | 
 |  |  | 
 | 
			
		
	
		
		
			
				
					|  |  | .topdiv { |  |  | .topdiv { | 
			
		
	
		
		
			
				
					|  |  |   display: inline-flex; |  |  |   display: inline-flex; | 
			
		
	
	
		
		
			
				
					|  | 
 |