Skip to content

N
Nei_Meng_An_Jian_4
Commit f8c51df7 authored by liuyuping's avatar liuyuping
Browse files
Options

'2021-12-20'

parent 1f655da3
Show whitespace changes
Inline Side-by-side
Showing with 1000 additions and 1101 deletions
src/api/operatePortrait.js
View file @ f8c51df7
......@@ -42,8 +42,15 @@ export function analyzeHDNum(deptId) {
}
export function sensorAlarmNum(deptId) {
// return request5({
// url: '/api/sensor/analyzeAlarmNum',
// method: 'get',
// params: {
// deptId
// }
// })
return request5({
url: '/api/sensor/analyzeAlarmNum',
url: '/api/sensor/monitor',
method: 'get',
params: {
deptId
......
src/components/bigdata/bigdataLeft.vue
View file @ f8c51df7
......@@ -8,7 +8,7 @@
<div class="big-data-chart1">
<div class="alarm-sum-wrapper">
<div>设备总数量</div>
<div>{{sensorSum}}</div>
<div>{{ sensorSum }}</div>
</div>
<div class="big-data-chart1-alarm1"></div>
</div>
......@@ -33,16 +33,8 @@
<div class="big-data-title-dec"></div>
</div>
<div class="to-right-top-select">
<el-select
v-model="curChosenIndus"
size="mini"
>
<el-option
v-for="item in curIndus"
:key="item.label"
:value="item.label"
:label="item.label"
></el-option>
<el-select v-model="curChosenIndus" size="mini">
<el-option v-for="item in curIndus" :key="item.label" :value="item.label" :label="item.label"></el-option>
</el-select>
</div>
<div class="big-data-chart7"></div>
......@@ -58,7 +50,7 @@ export default {
return {
curIndus: [],
curChosenIndus: '煤矿',
sensorSum: 0
sensorSum: 0,
}
},
async mounted() {
......@@ -66,9 +58,9 @@ export default {
page: 0,
size: 999,
sort: 'id,desc',
dictName: '所属行业'
dictName: '所属行业',
}).then(res => {
this.curIndus = res.content.filter(item => item.createBy==='admin')
this.curIndus = res.content.filter(item => item.createBy === 'admin')
console.log(this.curIndus, 'this.curIndus _________ this.curIndus')
})
this.init1()
......@@ -81,8 +73,9 @@ export default {
let alarmNum = 0
let normalNum = 0
await sensorAlarmNum(this.$store.state.compony_info.id).then(res => {
alarmNum = res.alarmNum
normalNum = res.normalNum
console.log(res, 'sensorAlarmNum sensorAlarmNUm')
alarmNum = res.offlineNum
normalNum = res.onlineNum
this.sensorSum = res.totalNum
})
const targetDom = document.querySelector('.big-data-chart1-alarm1')
......@@ -97,43 +90,43 @@ export default {
center: ['50%', '50%'],
roseType: 'area',
itemStyle: {
borderRadius: 8
borderRadius: 8,
},
label: {
align: "left",
align: 'left',
normal: {
formatter(v) {
return `${v.name}\n${v.value}`;
return `${v.name}\n${v.value}`
},
textStyle: {
fontSize: 16
}
}
fontSize: 16,
},
},
},
labelLine: {
length: 3,
length2: 10
length2: 10,
},
data: [
{
value: normalNum,
name: '在线设备'
name: '在线设备',
},
{
value: alarmNum,
name: '离线设备'
}
]
}
]
name: '离线设备',
},
],
},
],
}
mychart.setOption(option)
},
async init3() {
await analyzeOutputTrend().then(res => {
let myRenderTime = []
let curMaxSize = 0;
let curIndex = 0;
let curMaxSize = 0
let curIndex = 0
res.forEach((item, index) => {
if (item.monthOutputDtos.length > curMaxSize) {
curMaxSize = item.monthOutputDtos.length
......@@ -141,48 +134,48 @@ export default {
}
})
myRenderTime = res[curIndex].monthOutputDtos.map(item => item.ym)
const targetDom = document.querySelector('.big-data-chart3');
const targetDom = document.querySelector('.big-data-chart3')
const mychart = echarts.init(targetDom)
const option = {
color: ["#E74C3C", "#F39C12", "#ECF0F1", "#9B59B6", "#2ECC71"],
color: ['#E74C3C', '#F39C12', '#ECF0F1', '#9B59B6', '#2ECC71'],
tooltip: {
trigger: "axis"
trigger: 'axis',
},
grid: {
left: '10%',
top: '15%',
bottom: '10%',
right: '10%'
right: '10%',
},
xAxis: {
type: "category",
type: 'category',
name: '时间',
nameTextStyle: {
color: '#ffffff'
color: '#ffffff',
},
axisLabel: {
color: "#FFF"
color: '#FFF',
},
data: myRenderTime
data: myRenderTime,
},
yAxis: {
type: "value",
type: 'value',
name: '产量',
axisLine: {
show: false
show: false,
},
nameTextStyle: {
color: '#ffffff'
color: '#ffffff',
},
splitLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1)"
}
color: 'rgba(255,255,255,.1)',
},
},
axisLabel: {
color: "#fff"
}
color: '#fff',
},
},
series: res.map(item => {
return {
......@@ -190,9 +183,9 @@ export default {
name: item.industry,
smooth: true,
symbol: 'none',
data: item.monthOutputDtos.map(item => item.output)
data: item.monthOutputDtos.map(item => item.output),
}
})
}),
}
mychart.setOption(option)
})
......@@ -204,67 +197,66 @@ export default {
const mychart = echarts.init(targetDom)
const option = {
title: {
text: "总数量",
subtext: "" + res.totalNum,
left: "center",
top: "40%",
text: '总数量',
subtext: '' + res.totalNum,
left: 'center',
top: '40%',
textStyle: {
color: "#F88F12",
fontSize: "20"
color: '#F88F12',
fontSize: '20',
},
subtextStyle: {
color: "#F88F12",
fontSize: "20"
}
color: '#F88F12',
fontSize: '20',
},
},
tooltip: {
trigger: "item"
trigger: 'item',
},
legend: {
show: false
show: false,
},
series: [
{
type: "pie",
radius: ["40%", "78%"],
type: 'pie',
radius: ['40%', '78%'],
avoidLabelOverLap: true,
data: [
{
value: res.seriousNotRectifiedNum,
name: "重大隐患未闭环",
name: '重大隐患未闭环',
itemStyle: {
color: "#E74C3C"
}
color: '#E74C3C',
},
},
{
value: res.seriousRectifiedNum,
name: "重大隐患已闭环",
name: '重大隐患已闭环',
itemStyle: {
color: "#FDFA02"
}
color: '#FDFA02',
},
},
],
label: {
align: "left",
align: 'left',
normal: {
formatter(v) {
return `${v.name}\n${v.value}`;
return `${v.name}\n${v.value}`
},
textStyle: {
fontSize: 16
}
}
fontSize: 16,
},
},
},
labelLine: {
length: 3,
length2: 10
}
}
]
length2: 10,
},
},
],
}
mychart.setOption(option)
})
},
async init7() {
await analyzeIndusRiskNum(this.curIndus.filter(item => item.label === this.curChosenIndus)[0].id).then(res => {
......@@ -278,102 +270,101 @@ export default {
mychart.clear()
const option = {
title: {
text: "总数量",
subtext: "" + totalNum,
left: "center",
top: "40%",
text: '总数量',
subtext: '' + totalNum,
left: 'center',
top: '40%',
textStyle: {
color: "#F88F12",
fontSize: "20"
color: '#F88F12',
fontSize: '20',
},
subtextStyle: {
color: "#F88F12",
fontSize: "20"
}
color: '#F88F12',
fontSize: '20',
},
},
tooltip: {
trigger: "item"
trigger: 'item',
},
legend: {
show: false
show: false,
},
series: [
{
type: "pie",
radius: ["40%", "78%"],
type: 'pie',
radius: ['40%', '78%'],
avoidLabelOverLap: true,
data: [
{
value: lowNum,
name: "低风险",
name: '低风险',
itemStyle: {
color: "#057AFD"
}
color: '#057AFD',
},
},
{
value: generalNum,
name: "一般风险",
name: '一般风险',
itemStyle: {
color: "#FEFA03"
}
color: '#FEFA03',
},
},
{
value: greaterNum,
name: "较大风险",
name: '较大风险',
itemStyle: {
color: "#F88F12"
}
color: '#F88F12',
},
},
{
value: majorNum,
name: "重大风险",
name: '重大风险',
itemStyle: {
color: "#FF414B"
}
color: '#FF414B',
},
},
],
label: {
align: "left",
align: 'left',
normal: {
formatter(v) {
return `${v.name}\n${v.value}`;
return `${v.name}\n${v.value}`
},
textStyle: {
fontSize: 16
}
}
fontSize: 16,
},
},
},
labelLine: {
length: 3,
length2: 10
}
}
]
length2: 10,
},
},
],
}
mychart.setOption(option)
})
}
},
},
watch: {
curChosenIndus(newVal, oldVal) {
if (newVal !== oldVal) {
this.init7()
}
}
}
},
},
}
</script>
<style lang="scss">
.to-right-top-select {
.to-right-top-select {
position: absolute;
right: 0;
top: 0;
width:118px;
width: 118px;
height: 56px;
}
.big-data-left-wrapper {
}
.big-data-left-wrapper {
position: absolute;
left: 0;
top: 0;
......@@ -381,16 +372,16 @@ export default {
height: 90vh;
display: flex;
flex-direction: column;
color: #05D6EC;
color: #05d6ec;
z-index: 1000;
background: #040624;
> div {
flex-basis: 25%;
}
}
.big-data-title-wrapper {
}
.big-data-title-wrapper {
position: relative;
font-family: "SourceHanSansCN-Medium";
font-family: 'SourceHanSansCN-Medium';
color: aqua;
font-size: 16px;
font-weight: bold;
......@@ -410,8 +401,8 @@ export default {
background-image: url('../../assets/images/dec4.png');
transform: scale(0.75);
}
}
.big-data {
}
.big-data {
display: flex;
flex-direction: column;
.big-data-chart1 {
......@@ -421,7 +412,7 @@ export default {
.alarm-sum-wrapper {
display: flex;
justify-content: space-around;
border: 1px solid #3FFFEA;
border: 1px solid #3fffea;
box-shadow: inset 0 8px 19px -7px #3fffea;
padding: 5px;
margin: 3px 10px;
......@@ -436,7 +427,7 @@ export default {
display: flex;
flex-direction: row;
justify-content: space-around;
border: 1px solid #3FFFEA;
border: 1px solid #3fffea;
box-shadow: inset 0 8px 19px -7px #3fffea;
padding: 5px;
margin: 3px 10px;
......@@ -447,11 +438,11 @@ export default {
align-items: center;
span {
&:first-child {
color: #7BB8C2;
color: #7bb8c2;
font-size: 14px;
}
&:last-child {
color: #00FCFF;
color: #00fcff;
font-size: 18px;
margin-left: 20px;
}
......@@ -465,7 +456,7 @@ export default {
text-align: center;
.big-data-chart2-table-title {
display: flex;
color: #019AEF;
color: #019aef;
.big-data-chart2-table-title1 {
flex-basis: 42%;
}
......@@ -485,7 +476,7 @@ export default {
.big-data-chart2-table-content-item {
display: flex;
color: white;
background-color: rgba(32, 47, 88, .8);
background-color: rgba(32, 47, 88, 0.8);
padding: 2px;
margin: 2px 10px;
span {
......
src/components/potrait/potrait.vue
View file @ f8c51df7
......@@ -31,19 +31,19 @@
<div class="chart monitor-data-wrapper">
<div class="monitor-data">
<div class="monitor-data-title">监测点数量</div>
<div class="monitor-data-degree">{{monitorSum}}个</div>
<div class="monitor-data-degree">{{ monitorSum }}个</div>
</div>
<div class="monitor-data">
<div class="monitor-data-title">监测点数据</div>
<div class="monitor-data-degree">{{monitorData}}条</div>
<div class="monitor-data-degree">{{ monitorData }}条</div>
</div>
<div class="monitor-data">
<div class="monitor-data-title">报警数据</div>
<div class="monitor-data-degree">{{alarmSum}}条</div>
<div class="monitor-data-degree">{{ alarmSum }}条</div>
</div>
<div class="monitor-data">
<div class="monitor-data-title">监测时长</div>
<div class="monitor-data-degree">{{timeSum}}天</div>
<div class="monitor-data-degree">{{ timeSum }}天</div>
</div>
</div>
</div>
......@@ -94,7 +94,7 @@ export default {
// 重大风险未闭环
noCloseLoop: '',
// 重大风险已闭环
closeLoop: ''
closeLoop: '',
}
},
async mounted() {
......@@ -105,15 +105,15 @@ export default {
this.deviceSum = res.totalNum + ''
})
await monitorData(this.$store.state.compony_info.companycode).then(res => {
this.monitorSum = (res.monitorStationNum? res.monitorStationNum: '0') + ''
this.monitorData = (res.monitorDataNum? res.monitorDataNum : '0') + ''
this.alarmSum = (res.alarmNum? res.alarmNum : '0') + ''
this.timeSum = (res.monitorDays? res.monitorDays : '0') + ''
this.monitorSum = (res.monitorStationNum ? res.monitorStationNum : '0') + ''
this.monitorData = (res.monitorDataNum ? res.monitorDataNum : '0') + ''
this.alarmSum = (res.alarmNum ? res.alarmNum : '0') + ''
this.timeSum = (res.monitorDays ? res.monitorDays : '0') + ''
})
await analyzeAlarmNum(this.$store.state.compony_info.companycode).then(res => {
this.lowRisk = (res.yellowNum? res.yellowNum : '0') + ''
this.generalRisk = (res.orangeNum? res.orangeNum : '0') + ''
this.greaterRisk = (res.redNum? res.redNum : '0') + ''
this.lowRisk = (res.yellowNum ? res.yellowNum : '0') + ''
this.generalRisk = (res.orangeNum ? res.orangeNum : '0') + ''
this.greaterRisk = (res.redNum ? res.redNum : '0') + ''
})
await analyzeHDNum(this.$store.state.compony_info.id).then(res => {
console.log(res, 'analyzeHDNum analyzeHDNum')
......@@ -124,243 +124,144 @@ export default {
this.area = this.$store.state.compony_info.area
this.yields = this.$store.state.compony_info.capacity
this.minerals = this.$store.state.compony_info.mineral
switch(this.$store.state.compony_info.name) {
case '宝力格':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 14
this.offline = this.offline? this.offline : 12
this.monitorSum = this.monitorSum? this.monitorSum : 23
this.monitorData = this.monitorData? this.monitorData : 11
this.alarmSum = this.alarmSum? this.alarmSum : 37
this.timeSum = this.timeSum? this.timeSum : 131
this.lowRisk = this.lowRisk? this.lowRisk : 8
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
switch (this.$store.state.compony_info.name) {
case '雅斯作业区':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 26
this.offline = this.offline? this.offline : 10
this.monitorSum = this.monitorSum? this.monitorSum : 27
this.monitorData = this.monitorData? this.monitorData : 9
this.alarmSum = this.alarmSum? this.alarmSum : 46
this.timeSum = this.timeSum? this.timeSum : 230
this.lowRisk = this.lowRisk? this.lowRisk : 6
this.generalRisk = this.generalRisk? this.generalRisk : 2
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 26
this.offline = this.offline ? this.offline : 10
this.monitorSum = this.monitorSum ? this.monitorSum : 27
this.monitorData = this.monitorData ? this.monitorData : 9
this.alarmSum = this.alarmSum ? this.alarmSum : 46
this.timeSum = this.timeSum ? this.timeSum : 230
this.lowRisk = this.lowRisk ? this.lowRisk : 6
this.generalRisk = this.generalRisk ? this.generalRisk : 2
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '阿尔作业区':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 31
this.offline = this.offline? this.offline : 8
this.monitorSum = this.monitorSum? this.monitorSum : 36
this.monitorData = this.monitorData? this.monitorData : 8
this.alarmSum = this.alarmSum? this.alarmSum : 48
this.timeSum = this.timeSum? this.timeSum : 246
this.lowRisk = this.lowRisk? this.lowRisk : 5
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 31
this.offline = this.offline ? this.offline : 8
this.monitorSum = this.monitorSum ? this.monitorSum : 36
this.monitorData = this.monitorData ? this.monitorData : 8
this.alarmSum = this.alarmSum ? this.alarmSum : 48
this.timeSum = this.timeSum ? this.timeSum : 246
this.lowRisk = this.lowRisk ? this.lowRisk : 5
this.generalRisk = this.generalRisk ? this.generalRisk : 1
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '山金白音呼布':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 36
this.offline = this.offline? this.offline : 4
this.monitorSum = this.monitorSum? this.monitorSum : 42
this.monitorData = this.monitorData? this.monitorData : 3
this.alarmSum = this.alarmSum? this.alarmSum : 52
this.timeSum = this.timeSum? this.timeSum : 341
this.lowRisk = this.lowRisk? this.lowRisk : 9
this.generalRisk = this.generalRisk? this.generalRisk : 2
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 36
this.offline = this.offline ? this.offline : 4
this.monitorSum = this.monitorSum ? this.monitorSum : 42
this.monitorData = this.monitorData ? this.monitorData : 3
this.alarmSum = this.alarmSum ? this.alarmSum : 52
this.timeSum = this.timeSum ? this.timeSum : 341
this.lowRisk = this.lowRisk ? this.lowRisk : 9
this.generalRisk = this.generalRisk ? this.generalRisk : 2
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '融冠矿业':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 21
this.offline = this.offline? this.offline : 1
this.monitorSum = this.monitorSum? this.monitorSum : 45
this.monitorData = this.monitorData? this.monitorData : 76
this.alarmSum = this.alarmSum? this.alarmSum : 11
this.timeSum = this.timeSum? this.timeSum : 148
this.lowRisk = this.lowRisk? this.lowRisk : 6
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 21
this.offline = this.offline ? this.offline : 1
this.monitorSum = this.monitorSum ? this.monitorSum : 45
this.monitorData = this.monitorData ? this.monitorData : 76
this.alarmSum = this.alarmSum ? this.alarmSum : 11
this.timeSum = this.timeSum ? this.timeSum : 148
this.lowRisk = this.lowRisk ? this.lowRisk : 6
this.generalRisk = this.generalRisk ? this.generalRisk : 1
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '山金阿尔哈达':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 17
this.offline = this.offline? this.offline : 5
this.monitorSum = this.monitorSum? this.monitorSum : 67
this.monitorData = this.monitorData? this.monitorData : 45
this.alarmSum = this.alarmSum? this.alarmSum : 15
this.timeSum = this.timeSum? this.timeSum : 153
this.lowRisk = this.lowRisk? this.lowRisk : 5
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 17
this.offline = this.offline ? this.offline : 5
this.monitorSum = this.monitorSum ? this.monitorSum : 67
this.monitorData = this.monitorData ? this.monitorData : 45
this.alarmSum = this.alarmSum ? this.alarmSum : 15
this.timeSum = this.timeSum ? this.timeSum : 153
this.lowRisk = this.lowRisk ? this.lowRisk : 5
this.generalRisk = this.generalRisk ? this.generalRisk : 1
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '锡林矿业':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 21
this.offline = this.offline? this.offline : 4
this.monitorSum = this.monitorSum? this.monitorSum : 26
this.monitorData = this.monitorData? this.monitorData : 11
this.alarmSum = this.alarmSum? this.alarmSum : 8
this.timeSum = this.timeSum? this.timeSum : 278
this.lowRisk = this.lowRisk? this.lowRisk : 3
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 21
this.offline = this.offline ? this.offline : 4
this.monitorSum = this.monitorSum ? this.monitorSum : 26
this.monitorData = this.monitorData ? this.monitorData : 11
this.alarmSum = this.alarmSum ? this.alarmSum : 8
this.timeSum = this.timeSum ? this.timeSum : 278
this.lowRisk = this.lowRisk ? this.lowRisk : 3
this.generalRisk = this.generalRisk ? this.generalRisk : 1
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '钨矿':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 24
this.offline = this.offline? this.offline : 3
this.monitorSum = this.monitorSum? this.monitorSum : 31
this.monitorData = this.monitorData? this.monitorData : 8
this.alarmSum = this.alarmSum? this.alarmSum : 2
this.timeSum = this.timeSum? this.timeSum : 238
this.lowRisk = this.lowRisk? this.lowRisk : 2
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
case '沈铁物流':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 27
this.offline = this.offline? this.offline : 4
this.monitorSum = this.monitorSum? this.monitorSum : 56
this.monitorData = this.monitorData? this.monitorData : 32
this.alarmSum = this.alarmSum? this.alarmSum : 4
this.timeSum = this.timeSum? this.timeSum : 286
this.lowRisk = this.lowRisk? this.lowRisk : 1
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online ? this.online : 24
this.offline = this.offline ? this.offline : 3
this.monitorSum = this.monitorSum ? this.monitorSum : 31
this.monitorData = this.monitorData ? this.monitorData : 8
this.alarmSum = this.alarmSum ? this.alarmSum : 2
this.timeSum = this.timeSum ? this.timeSum : 238
this.lowRisk = this.lowRisk ? this.lowRisk : 2
this.generalRisk = this.generalRisk ? this.generalRisk : 1
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
case '延长宏博':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 17
this.offline = this.offline? this.offline : 6
this.monitorSum = this.monitorSum? this.monitorSum : 25
this.monitorData = this.monitorData? this.monitorData : 75
this.alarmSum = this.alarmSum? this.alarmSum : 8
this.timeSum = this.timeSum? this.timeSum : 131
this.lowRisk = this.lowRisk? this.lowRisk : 3
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
case '中康石油':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 21
this.offline = this.offline? this.offline : 7
this.monitorSum = this.monitorSum? this.monitorSum : 66
this.monitorData = this.monitorData? this.monitorData : 11
this.alarmSum = this.alarmSum? this.alarmSum : 9
this.timeSum = this.timeSum? this.timeSum : 198
this.lowRisk = this.lowRisk? this.lowRisk : 6
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
case '天地煤矿':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.mineMethod = this.mineMethod ? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area ? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.minerals = this.minerals ? this.minerals : '暂未填写'
this.online = this.online? this.online : 24
this.offline = this.offline? this.offline : 9
this.monitorSum = this.monitorSum? this.monitorSum : 32
this.monitorData = this.monitorData? this.monitorData : 23
this.alarmSum = this.alarmSum? this.alarmSum : 6
this.timeSum = this.timeSum? this.timeSum : 237
this.lowRisk = this.lowRisk? this.lowRisk : 8
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
case '乌尼特煤矿':
this.mineMethod = this.mineMethod? this.mineMethod : '地下开采, 竖井开拓'
this.area = this.area? this.area : '14.332'
this.yields = this.yields ? this.yields : '25万吨/年'
this.minerals = this.minerals? this.minerals : '暂未填写'
this.online = this.online? this.online : 24
this.offline = this.offline? this.offline : 2
this.monitorSum = this.monitorSum? this.monitorSum : 54
this.monitorData = this.monitorData? this.monitorData : 45
this.alarmSum = this.alarmSum? this.alarmSum : 7
this.timeSum = this.timeSum? this.timeSum : 467
this.lowRisk = this.lowRisk? this.lowRisk : 4
this.generalRisk = this.generalRisk? this.generalRisk : 1
this.greaterRisk = this.greaterRisk? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop? this.noCloseLoop : 0
this.closeLoop = this.closeLoop? this.closeLoop : 0
break;
this.online = this.online ? this.online : 17
this.offline = this.offline ? this.offline : 6
this.monitorSum = this.monitorSum ? this.monitorSum : 25
this.monitorData = this.monitorData ? this.monitorData : 75
this.alarmSum = this.alarmSum ? this.alarmSum : 8
this.timeSum = this.timeSum ? this.timeSum : 131
this.lowRisk = this.lowRisk ? this.lowRisk : 3
this.generalRisk = this.generalRisk ? this.generalRisk : 1
this.greaterRisk = this.greaterRisk ? this.greaterRisk : 0
this.noCloseLoop = this.noCloseLoop ? this.noCloseLoop : 0
this.closeLoop = this.closeLoop ? this.closeLoop : 0
break
}
this.init1()
this.init3()
......@@ -375,30 +276,30 @@ export default {
const option = {
tooltip: {
trigger: 'item',
formatter: '{b}: {c} ({d}%)'
formatter: '{b}: {c} ({d}%)',
},
series: [
{
name: '企业监测设备',
type: 'pie',
radius: [20,80],
radius: [20, 80],
center: ['50%', '50%'],
roseType: 'radius',
itemStyle: {
borderRadius: 5
borderRadius: 5,
},
data: [
{
value: this.online,
name: '设备在线'
name: '设备在线',
},
{
value: this.offline,
name: '设备离线'
}
]
}
]
name: '设备离线',
},
],
},
],
}
mychart.setOption(option)
},
......@@ -406,7 +307,7 @@ export default {
const mychart = echarts.init(this.$refs.mychart3)
const option = {
tooltip: {
trigger: 'item'
trigger: 'item',
},
series: [
{
......@@ -416,43 +317,43 @@ export default {
data: [
{
value: this.lowRisk,
name: "风险等级一",
name: '风险等级一',
itemStyle: {
color: "#057AFD"
}
color: '#057AFD',
},
},
{
value: this.generalRisk,
name: "风险等级二",
name: '风险等级二',
itemStyle: {
color: "#F88F12"
}
color: '#F88F12',
},
},
{
value: this.greaterRisk,
name: "风险等级三",
name: '风险等级三',
itemStyle: {
color: "#FF414B"
}
}
color: '#FF414B',
},
},
],
label: {
align: "left",
align: 'left',
normal: {
formatter(v) {
return `${v.name}\n${v.value}`;
return `${v.name}\n${v.value}`
},
textStyle: {
fontSize: 16
}
}
fontSize: 16,
},
},
},
labelLine: {
length: 3,
length2: 10
}
}
]
length2: 10,
},
},
],
}
mychart.setOption(option)
},
......@@ -460,7 +361,7 @@ export default {
const mychart = echarts.init(this.$refs.mychart4)
const option = {
tooltip: {
trigger: 'item'
trigger: 'item',
},
series: [
{
......@@ -470,50 +371,50 @@ export default {
data: [
{
value: this.noCloseLoop,
name: "重大安全隐患未闭环",
name: '重大安全隐患未闭环',
itemStyle: {
color: "#FEFA03"
}
color: '#FEFA03',
},
},
{
value: this.closeLoop,
name: "重大安全隐患已闭环",
name: '重大安全隐患已闭环',
itemStyle: {
color: "#FF9D13"
}
}
color: '#FF9D13',
},
},
],
label: {
align: "left",
align: 'left',
normal: {
formatter(v) {
return `${v.name}\n${v.value}`;
return `${v.name}\n${v.value}`
},
textStyle: {
fontSize: 12
}
}
fontSize: 12,
},
},
},
labelLine: {
length: 3,
length2: 10
}
}
]
length2: 10,
},
},
],
}
mychart.setOption(option)
}
}
},
},
}
</script>
<style lang="scss" scoped>
.potrait-wrapper {
.potrait-wrapper {
position: absolute;
left: 50%;
top: 50%;
width: 22vw;
background: #020C39;
background: #020c39;
border-radius: 5px;
padding: 10px;
transform: translate(-50%, -50%);
......@@ -594,5 +495,5 @@ export default {
}
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment