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