|
|
@ -4,10 +4,7 @@
|
|
|
|
<BoardTopNav nowMenu="1"></BoardTopNav>
|
|
|
|
<BoardTopNav nowMenu="1"></BoardTopNav>
|
|
|
|
<Chart ref="chart1" class="chart1"></Chart>
|
|
|
|
<Chart ref="chart1" class="chart1"></Chart>
|
|
|
|
<div class="chart1Right">
|
|
|
|
<div class="chart1Right">
|
|
|
|
<p style="color: #2ff;">电流互感器</p>
|
|
|
|
<p v-for="(i,k) in chart1Data.slice(0,4)" :key="k" :style="'color:'+ chart1Color[k]">{{ i.name }}</p>
|
|
|
|
<p style="color: #f22;">电压互感器</p>
|
|
|
|
|
|
|
|
<p style="color: #f2f;">变压器</p>
|
|
|
|
|
|
|
|
<p style="color: #1f1;">电容电抗器</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="chart1Table">
|
|
|
|
<div class="chart1Table">
|
|
|
|
<div style="background-color: #094170">
|
|
|
|
<div style="background-color: #094170">
|
|
|
@ -128,7 +125,8 @@
|
|
|
|
{{ item.location }}
|
|
|
|
{{ item.location }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="scrollTable" style="width: 25%">
|
|
|
|
<div class="scrollTable" style="width: 25%">
|
|
|
|
<el-button size="mini" type="primary">操作</el-button>
|
|
|
|
<el-button v-if="item.status === '0'" size="mini" type="primary" @click="dispose">处理</el-button>
|
|
|
|
|
|
|
|
<span v-else>已处理</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -301,12 +299,12 @@ export default {
|
|
|
|
series: [
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
type: "bar",
|
|
|
|
type: "bar",
|
|
|
|
data: data.map((e, i) => {
|
|
|
|
data: data.slice(0, 4).map((e, i) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
value: parseFloat(e.percentage),
|
|
|
|
value: parseFloat(e.percentage),
|
|
|
|
name: e.sceneName,
|
|
|
|
name: e.sceneName,
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
color: this.chart1Color[this.chart1Color.length % i]
|
|
|
|
color: this.chart1Color[i]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}),
|
|
|
|
}),
|
|
|
@ -335,7 +333,7 @@ export default {
|
|
|
|
dataset: {
|
|
|
|
dataset: {
|
|
|
|
source: [
|
|
|
|
source: [
|
|
|
|
["group", "占比"],
|
|
|
|
["group", "占比"],
|
|
|
|
...data.map(e => [e.deviceModeName, parseFloat(e.percentage)])
|
|
|
|
...data.slice(0, 7).map(e => [e.deviceModeName, parseFloat(e.percentage)])
|
|
|
|
],
|
|
|
|
],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -352,25 +350,25 @@ export default {
|
|
|
|
const data = await allNums()
|
|
|
|
const data = await allNums()
|
|
|
|
this.centerNum = data
|
|
|
|
this.centerNum = data
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async setTable3(){
|
|
|
|
async setTable3() {
|
|
|
|
const {rows:data} = await getAlarmInfos()
|
|
|
|
const {rows: data} = await getAlarmInfos()
|
|
|
|
this.table1Data = data.map((e,i) => {
|
|
|
|
this.table1Data = data.map((e, i) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
no: i,
|
|
|
|
no: i+1,
|
|
|
|
type: '高温警告',
|
|
|
|
type: '高温警告',
|
|
|
|
location: e.monitorUnitName,
|
|
|
|
location: e.monitorUnitName,
|
|
|
|
|
|
|
|
status:e.handleStatus
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async setDeviceOperations(){
|
|
|
|
async setDeviceOperations() {
|
|
|
|
const {data:data} = await getDeviceOperations()
|
|
|
|
const {data: data} = await getDeviceOperations()
|
|
|
|
console.log(data)
|
|
|
|
console.log(data)
|
|
|
|
let x = Object.keys(data)
|
|
|
|
let x = Object.keys(data)
|
|
|
|
let y = Object.values(data)
|
|
|
|
let y = Object.values(data)
|
|
|
|
this.inTransitNum = y.reduce((a,b)=> {
|
|
|
|
this.inTransitNum = y.reduce((a, b) => {
|
|
|
|
return a + b
|
|
|
|
return a + b
|
|
|
|
},0)
|
|
|
|
}, 0)
|
|
|
|
|
|
|
|
|
|
|
|
let option3 = {
|
|
|
|
let option3 = {
|
|
|
|
...this.chart3Option,
|
|
|
|
...this.chart3Option,
|
|
|
@ -426,6 +424,23 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.$refs.chart3.setData(option3)
|
|
|
|
this.$refs.chart3.setData(option3)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
dispose() {
|
|
|
|
|
|
|
|
this.$confirm('该问题已处理?', '提示', {
|
|
|
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
|
|
|
type: 'warning'
|
|
|
|
|
|
|
|
}).then(() => {
|
|
|
|
|
|
|
|
this.$message({
|
|
|
|
|
|
|
|
type: 'success',
|
|
|
|
|
|
|
|
message: '已处理!'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
|
|
|
this.$message({
|
|
|
|
|
|
|
|
type: 'info',
|
|
|
|
|
|
|
|
message: '已取消'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
;
|
|
|
|
;
|
|
|
|