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