|
|
|
@ -6,14 +6,12 @@ |
|
|
|
<div class="topTabs" > |
|
|
|
<div class="item" v-for=" item in equipments" > |
|
|
|
<div class="title-tool" > |
|
|
|
<span class="text" >设备数</span> |
|
|
|
<div class="num" >{{ item.num }}</div> |
|
|
|
<span class="unit">套</span> |
|
|
|
<span class="text" >{{ item.text }}</span> |
|
|
|
</div> |
|
|
|
<div class="item-body" > |
|
|
|
<div class="left-body" > |
|
|
|
<img src="./assets/shexiangtou.png" /> |
|
|
|
<span>{{ item.text }}</span> |
|
|
|
<span class="num" >{{ item.num }} <span class="unit">套</span></span> |
|
|
|
</div> |
|
|
|
<div class="line" ></div> |
|
|
|
<div class="right-list" > |
|
|
|
@ -23,8 +21,7 @@ |
|
|
|
{{ item.sucessRate }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="list-text" > |
|
|
|
<span>离线：</span> |
|
|
|
<div class="list-text" ><span>离线：</span> |
|
|
|
<div class="show-text2" > |
|
|
|
{{ item.failRate }} |
|
|
|
</div> |
|
|
|
@ -173,6 +170,7 @@ import * as echarts from "echarts"; |
|
|
|
import Pagination from '@screen/components/Pagination.vue'; |
|
|
|
import InputSearch from '@screen/components/InputSearch/index.vue'; |
|
|
|
import { searchFormList } from "./data"; |
|
|
|
import { Loading } from 'element-ui'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'publicService', |
|
|
|
@ -455,28 +453,25 @@ import * as echarts from "echarts"; |
|
|
|
}, |
|
|
|
//导出 |
|
|
|
SystemStatusExport(){ |
|
|
|
download( |
|
|
|
"/fault/list/exportFaultReport", |
|
|
|
{ faultId: row.id }, |
|
|
|
"file.xlsx"); |
|
|
|
// getSystemStatusExport({ |
|
|
|
// startTime:this.startTime, |
|
|
|
// time:this.time, |
|
|
|
// type:this.typeQuery, |
|
|
|
// }).then((res)=>{ |
|
|
|
// console.log(res); |
|
|
|
// const url = window.URL.createObjectURL(new Blob([res])) |
|
|
|
// let link = document.createElement('a') |
|
|
|
// link.style.display = 'none' |
|
|
|
// link.href = url |
|
|
|
// link.setAttribute('download', '学生信息列表.xlsx') |
|
|
|
// document.body.appendChild(link) |
|
|
|
// link.click() |
|
|
|
// URL.revokeObjectURL(link.href) // 释放URL 对象 |
|
|
|
// document.body.removeChild(link) |
|
|
|
// link = null |
|
|
|
|
|
|
|
// }) |
|
|
|
let loadingInstance = Loading.service({fullscreen:true,background:"#00000052",text:"文件正在下载..."}); |
|
|
|
getSystemStatusExport({ |
|
|
|
startTime:this.startTime, |
|
|
|
time:this.time, |
|
|
|
type:this.typeQuery, |
|
|
|
}).then((res)=>{ |
|
|
|
console.log(res); |
|
|
|
const url = window.URL.createObjectURL(new Blob([res])) |
|
|
|
let link = document.createElement('a') |
|
|
|
link.style.display = 'none' |
|
|
|
link.href = url |
|
|
|
link.setAttribute('download', '设备统计信息.xlsx') |
|
|
|
document.body.appendChild(link) |
|
|
|
link.click() |
|
|
|
URL.revokeObjectURL(link.href) // 释放URL 对象 |
|
|
|
document.body.removeChild(link) |
|
|
|
link = null |
|
|
|
loadingInstance.close(); |
|
|
|
}) |
|
|
|
}, |
|
|
|
queryChartList(){ |
|
|
|
|
|
|
|
@ -525,6 +520,9 @@ import * as echarts from "echarts"; |
|
|
|
} |
|
|
|
console.log(it,i); |
|
|
|
i+= 1; |
|
|
|
if ( it == "全部设备" ) { |
|
|
|
allList.splice(0,0,item); |
|
|
|
} else |
|
|
|
allList.push(item); |
|
|
|
} |
|
|
|
console.log(allList); |
|
|
|
@ -570,6 +568,7 @@ import * as echarts from "echarts"; |
|
|
|
|
|
|
|
<style lang='scss' scoped> |
|
|
|
|
|
|
|
|
|
|
|
.bottomTabs { |
|
|
|
position: relative; |
|
|
|
display: inline-flex; |
|
|
|
@ -589,6 +588,8 @@ import * as echarts from "echarts"; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.topTabs { |
|
|
|
display: inline-flex; |
|
|
|
width: 100%; |
|
|
|
@ -635,13 +636,25 @@ import * as echarts from "echarts"; |
|
|
|
align-items: center; |
|
|
|
margin:0 10px; |
|
|
|
|
|
|
|
> span { |
|
|
|
.num { |
|
|
|
display: inline-flex; |
|
|
|
margin-top:10px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-size: 19px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFFcc; |
|
|
|
color: #00D1FF; |
|
|
|
margin:0 10px; |
|
|
|
margin-top:20px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.unit { |
|
|
|
font-size: 12px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFFF0; |
|
|
|
position: relative; |
|
|
|
top:5px; |
|
|
|
left:5px; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
@ -669,30 +682,38 @@ import * as echarts from "echarts"; |
|
|
|
position: relative; |
|
|
|
width:100%; |
|
|
|
height:40px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 12px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFF; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
> span:first-child { |
|
|
|
display: inline-flex; |
|
|
|
width:40px; |
|
|
|
} |
|
|
|
|
|
|
|
.show-text1 { |
|
|
|
width:100px; |
|
|
|
color:#00EBC1ee; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
|
|
|
|
|
.show-text2 { |
|
|
|
width:100px; |
|
|
|
color:#FFFFFFee; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
|
|
|
|
|
.show-text3 { |
|
|
|
width:100px; |
|
|
|
color:#FFD15Cee; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
|
@ -720,20 +741,9 @@ import * as echarts from "echarts"; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
|
|
|
|
.num { |
|
|
|
font-size: 19px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 400; |
|
|
|
color: #00D1FF; |
|
|
|
margin:0 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.unit { |
|
|
|
font-size: 11px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF50; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
hui
1 year ago