江西测试问题整改
This commit is contained in:
guanj
@@ -2330,7 +2330,7 @@
|
|||||||
} /*! jQuery UI - v1.12.1 - 2017-02-14
|
} /*! jQuery UI - v1.12.1 - 2017-02-14
|
||||||
* http://jqueryui.com
|
* http://jqueryui.com
|
||||||
* Includes: core.css, button.css, controlgroup.css, checkboxradio.css, menu.css, selectmenu.css, slider.css, spinner.css, theme.css
|
* Includes: core.css, button.css, controlgroup.css, checkboxradio.css, menu.css, selectmenu.css, slider.css, spinner.css, theme.css
|
||||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=A52a2a&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
|
||||||
* Copyright jQuery Foundation and other contributors; Licensed MIT */
|
* Copyright jQuery Foundation and other contributors; Licensed MIT */
|
||||||
.ui-helper-hidden {
|
.ui-helper-hidden {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -2907,7 +2907,7 @@ a.ui-button:active {
|
|||||||
}
|
}
|
||||||
.ui-state-error .ui-icon,
|
.ui-state-error .ui-icon,
|
||||||
.ui-state-error-text .ui-icon {
|
.ui-state-error-text .ui-icon {
|
||||||
background-image: url(images/ui-icons_cc0000_256x240.png);
|
background-image: url(images/ui-icons_A52a2a_256x240.png);
|
||||||
}
|
}
|
||||||
.ui-button .ui-icon {
|
.ui-button .ui-icon {
|
||||||
background-image: url(images/ui-icons_777777_256x240.png);
|
background-image: url(images/ui-icons_777777_256x240.png);
|
||||||
@@ -3662,7 +3662,7 @@ a.ui-button:active {
|
|||||||
}
|
}
|
||||||
.ui-state-error .ui-icon,
|
.ui-state-error .ui-icon,
|
||||||
.ui-state-error-text .ui-icon {
|
.ui-state-error-text .ui-icon {
|
||||||
background-image: url(images/ui-icons_cc0000_256x240.png);
|
background-image: url(images/ui-icons_A52a2a_256x240.png);
|
||||||
}
|
}
|
||||||
.ui-button .ui-icon {
|
.ui-button .ui-icon {
|
||||||
background-image: url(images/ui-icons_777777_256x240.png);
|
background-image: url(images/ui-icons_777777_256x240.png);
|
||||||
|
|||||||
@@ -385,7 +385,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'lttb',
|
sampling: 'lttb',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
},
|
},
|
||||||
data: adata
|
data: adata
|
||||||
},
|
},
|
||||||
@@ -396,7 +396,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'lttb',
|
sampling: 'lttb',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
},
|
},
|
||||||
data: bdata
|
data: bdata
|
||||||
},
|
},
|
||||||
@@ -407,7 +407,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'lttb',
|
sampling: 'lttb',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
data: cdata
|
data: cdata
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -10,5 +10,5 @@ export let color = [
|
|||||||
'#66FFCC',
|
'#66FFCC',
|
||||||
'#B3B'
|
'#B3B'
|
||||||
]
|
]
|
||||||
export const gradeColor3 = ['#339966', '#FFCC33', '#CC0000']
|
export const gradeColor3 = ['#339966', '#FFCC33', '#A52a2a']
|
||||||
export const gradeColor5 = ['#00CC00', '#99CC99', '#FF9900', '#996600', '#CC0000']
|
export const gradeColor5 = ['#00CC00', '#99CC99', '#FF9900', '#996600', '#A52a2a']
|
||||||
|
|||||||
@@ -772,7 +772,7 @@ export default {
|
|||||||
zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
|
zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
|
||||||
}
|
}
|
||||||
|
|
||||||
colors.push("#FFCC00");
|
colors.push("#DAA520");
|
||||||
colors.push("#fff");
|
colors.push("#fff");
|
||||||
colors.push("#fff");
|
colors.push("#fff");
|
||||||
break;
|
break;
|
||||||
@@ -810,8 +810,8 @@ export default {
|
|||||||
rmsvY = waveDatas[0].RMSSMinDetail.rmsvSecondY;
|
rmsvY = waveDatas[0].RMSSMinDetail.rmsvSecondY;
|
||||||
zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
|
zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
|
||||||
}
|
}
|
||||||
colors.push("#FFCC00");
|
colors.push("#DAA520");
|
||||||
colors.push("#009900");
|
colors.push("#2E8B57");
|
||||||
colors.push("#fff");
|
colors.push("#fff");
|
||||||
break;
|
break;
|
||||||
case 3:
|
case 3:
|
||||||
@@ -849,9 +849,9 @@ export default {
|
|||||||
rmsvY = waveDatas[0].RMSSMinDetail.rmsvSecondY;
|
rmsvY = waveDatas[0].RMSSMinDetail.rmsvSecondY;
|
||||||
zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
|
zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
|
||||||
}
|
}
|
||||||
colors.push("#FFCC00");
|
colors.push("#DAA520");
|
||||||
colors.push("#009900");
|
colors.push("#2E8B57");
|
||||||
colors.push("#CC0000");
|
colors.push("#A52a2a");
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
if (waveDatas[0].unit === "电压") {
|
if (waveDatas[0].unit === "电压") {
|
||||||
@@ -1121,7 +1121,7 @@ export default {
|
|||||||
symbol: "none",
|
symbol: "none",
|
||||||
sampling: "average",
|
sampling: "average",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#FFCC00",
|
color: "#DAA520",
|
||||||
},
|
},
|
||||||
data: radata,
|
data: radata,
|
||||||
},
|
},
|
||||||
@@ -1132,7 +1132,7 @@ export default {
|
|||||||
symbol: "none",
|
symbol: "none",
|
||||||
sampling: "average",
|
sampling: "average",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#009900",
|
color: "#2E8B57",
|
||||||
},
|
},
|
||||||
data: rbdata,
|
data: rbdata,
|
||||||
},
|
},
|
||||||
@@ -1143,7 +1143,7 @@ export default {
|
|||||||
symbol: "none",
|
symbol: "none",
|
||||||
sampling: "average",
|
sampling: "average",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#CC0000",
|
color: "#A52a2a",
|
||||||
},
|
},
|
||||||
data: rcdata,
|
data: rcdata,
|
||||||
},
|
},
|
||||||
@@ -1542,7 +1542,7 @@ export default {
|
|||||||
symbol: "none",
|
symbol: "none",
|
||||||
sampling: "average",
|
sampling: "average",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#FFCC00",
|
color: "#DAA520",
|
||||||
},
|
},
|
||||||
data: radata,
|
data: radata,
|
||||||
},
|
},
|
||||||
@@ -1553,7 +1553,7 @@ export default {
|
|||||||
symbol: "none",
|
symbol: "none",
|
||||||
sampling: "average",
|
sampling: "average",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#009900",
|
color: "#2E8B57",
|
||||||
},
|
},
|
||||||
data: rbdata,
|
data: rbdata,
|
||||||
},
|
},
|
||||||
@@ -1564,7 +1564,7 @@ export default {
|
|||||||
symbol: "none",
|
symbol: "none",
|
||||||
sampling: "average",
|
sampling: "average",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#CC0000",
|
color: "#A52a2a",
|
||||||
},
|
},
|
||||||
data: rcdata,
|
data: rcdata,
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -488,7 +488,7 @@ export default {
|
|||||||
adata = waveDatas[0].shunshiS.shunshiSA
|
adata = waveDatas[0].shunshiS.shunshiSA
|
||||||
}
|
}
|
||||||
|
|
||||||
colors.push('#FFCC00')
|
colors.push('#DAA520')
|
||||||
colors.push('#fff')
|
colors.push('#fff')
|
||||||
colors.push('#fff')
|
colors.push('#fff')
|
||||||
break
|
break
|
||||||
@@ -508,8 +508,8 @@ export default {
|
|||||||
adata = waveDatas[0].shunshiS.shunshiSA
|
adata = waveDatas[0].shunshiS.shunshiSA
|
||||||
bdata = waveDatas[0].shunshiS.shunshiSB
|
bdata = waveDatas[0].shunshiS.shunshiSB
|
||||||
}
|
}
|
||||||
colors.push('#FFCC00')
|
colors.push('#DAA520')
|
||||||
colors.push('#009900')
|
colors.push('#2E8B57')
|
||||||
colors.push('#fff')
|
colors.push('#fff')
|
||||||
break
|
break
|
||||||
case 3:
|
case 3:
|
||||||
@@ -532,9 +532,9 @@ export default {
|
|||||||
cdata = waveDatas[0].shunshiS.shunshiSC
|
cdata = waveDatas[0].shunshiS.shunshiSC
|
||||||
}
|
}
|
||||||
|
|
||||||
colors.push('#FFCC00')
|
colors.push('#DAA520')
|
||||||
colors.push('#009900')
|
colors.push('#2E8B57')
|
||||||
colors.push('#CC0000')
|
colors.push('#A52a2a')
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -788,7 +788,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'average',
|
sampling: 'average',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
},
|
},
|
||||||
data: adata
|
data: adata
|
||||||
},
|
},
|
||||||
@@ -801,7 +801,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'average',
|
sampling: 'average',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
},
|
},
|
||||||
data: bdata
|
data: bdata
|
||||||
},
|
},
|
||||||
@@ -814,7 +814,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'average',
|
sampling: 'average',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
data: cdata
|
data: cdata
|
||||||
},
|
},
|
||||||
@@ -867,24 +867,24 @@ export default {
|
|||||||
switch (this.iphasic) {
|
switch (this.iphasic) {
|
||||||
case 1:
|
case 1:
|
||||||
a = waveDataTemp.title.aTitle
|
a = waveDataTemp.title.aTitle
|
||||||
colors.push('#FFCC00')
|
colors.push('#DAA520')
|
||||||
colors.push('#fff')
|
colors.push('#fff')
|
||||||
colors.push('#fff')
|
colors.push('#fff')
|
||||||
break
|
break
|
||||||
case 2:
|
case 2:
|
||||||
a = waveDataTemp.title.aTitle
|
a = waveDataTemp.title.aTitle
|
||||||
b = waveDataTemp.title.bTitle
|
b = waveDataTemp.title.bTitle
|
||||||
colors.push('#FFCC00')
|
colors.push('#DAA520')
|
||||||
colors.push('#009900')
|
colors.push('#2E8B57')
|
||||||
colors.push('#fff')
|
colors.push('#fff')
|
||||||
break
|
break
|
||||||
case 3:
|
case 3:
|
||||||
a = waveDataTemp.title.aTitle
|
a = waveDataTemp.title.aTitle
|
||||||
b = waveDataTemp.title.bTitle
|
b = waveDataTemp.title.bTitle
|
||||||
c = waveDataTemp.title.cTitle
|
c = waveDataTemp.title.cTitle
|
||||||
colors.push('#FFCC00')
|
colors.push('#DAA520')
|
||||||
colors.push('#009900')
|
colors.push('#2E8B57')
|
||||||
colors.push('#CC0000')
|
colors.push('#A52a2a')
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1151,7 +1151,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'average',
|
sampling: 'average',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
},
|
},
|
||||||
data: adata
|
data: adata
|
||||||
},
|
},
|
||||||
@@ -1164,7 +1164,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'average',
|
sampling: 'average',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
},
|
},
|
||||||
data: bdata
|
data: bdata
|
||||||
},
|
},
|
||||||
@@ -1177,7 +1177,7 @@ export default {
|
|||||||
symbol: 'none',
|
symbol: 'none',
|
||||||
sampling: 'average',
|
sampling: 'average',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
data: cdata
|
data: cdata
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -151,7 +151,7 @@ const info = () => {
|
|||||||
// top: '30px',
|
// top: '30px',
|
||||||
// left: '30px'
|
// left: '30px'
|
||||||
// },
|
// },
|
||||||
// color: ['#FFCC00', '#009900', '#CC0000'],
|
// color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
// series: [
|
// series: [
|
||||||
// {
|
// {
|
||||||
// name: 'A相',
|
// name: 'A相',
|
||||||
|
|||||||
@@ -64,7 +64,7 @@ const itemStyle = {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -190,13 +190,13 @@ const tableStore = new TableStore({
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 60,
|
yAxis: 60,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -369,7 +369,7 @@ const setEChart = (val: any, data: any, text: string, name: string) => {
|
|||||||
top: '30px',
|
top: '30px',
|
||||||
left: '30px'
|
left: '30px'
|
||||||
},
|
},
|
||||||
color: ['#FFCC00', '#009900', '#CC0000'],
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: 'A相',
|
name: 'A相',
|
||||||
|
|||||||
@@ -80,14 +80,14 @@
|
|||||||
<el-tag v-if="row.runFlag === 1" style="color: #fff; background: #996600" size="small">
|
<el-tag v-if="row.runFlag === 1" style="color: #fff; background: #996600" size="small">
|
||||||
热备用
|
热备用
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="row.runFlag === 2" style="color: #fff; background: #cc0000" size="small">
|
<el-tag v-if="row.runFlag === 2" style="color: #fff; background: #A52a2a" size="small">
|
||||||
停运
|
停运
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="comFlag" title="通讯状态">
|
<vxe-column field="comFlag" title="通讯状态">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag v-if="row.comFlag === 0" style="color: #fff; background: #cc0000" size="small">
|
<el-tag v-if="row.comFlag === 0" style="color: #fff; background: #A52a2a" size="small">
|
||||||
中断
|
中断
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="row.comFlag === 1" style="color: #fff; background: #2e8b57" size="small">
|
<el-tag v-if="row.comFlag === 1" style="color: #fff; background: #2e8b57" size="small">
|
||||||
|
|||||||
@@ -140,7 +140,7 @@ const tableStore = new TableStore({
|
|||||||
top: '0px',
|
top: '0px',
|
||||||
right: '50px',
|
right: '50px',
|
||||||
inRange: {
|
inRange: {
|
||||||
color: ['#ccc', '#CC0000', "#339966"]
|
color: ['#ccc', '#A52a2a', "#339966"]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
|
|||||||
@@ -3,14 +3,14 @@
|
|||||||
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
|
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
|
||||||
v-if="!loading && tableStore.table.data.length != 0">
|
v-if="!loading && tableStore.table.data.length != 0">
|
||||||
<el-tag style="
|
<el-tag style="
|
||||||
background: #cc0000;
|
background: #A52a2a;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
border: 1px solid #cc0000;
|
border: 1px solid #A52a2a;
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
"></el-tag>
|
"></el-tag>
|
||||||
<span style="color: #cc0000; font-weight: 400; float: left">  在线率<60%   </span>
|
<span style="color: #A52a2a; font-weight: 400; float: left">  在线率<60%   </span>
|
||||||
<el-tag size="mini" style="
|
<el-tag size="mini" style="
|
||||||
background: #ffcc33;
|
background: #ffcc33;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
|||||||
@@ -3,14 +3,14 @@
|
|||||||
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
|
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
|
||||||
v-if="!loading && tableStore.table.data && tableStore.table.data.type && tableStore.table.data.type.length != 0">
|
v-if="!loading && tableStore.table.data && tableStore.table.data.type && tableStore.table.data.type.length != 0">
|
||||||
<el-tag style="
|
<el-tag style="
|
||||||
background: #cc0000;
|
background: #A52a2a;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
border: 1px solid #cc0000;
|
border: 1px solid #A52a2a;
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
"></el-tag>
|
"></el-tag>
|
||||||
<span style="color: #cc0000; font-weight: 400; float: left">  在线率<60%   </span>
|
<span style="color: #A52a2a; font-weight: 400; float: left">  在线率<60%   </span>
|
||||||
<el-tag size="mini" style="
|
<el-tag size="mini" style="
|
||||||
background: #ffcc33;
|
background: #ffcc33;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@@ -180,7 +180,7 @@ const tableStore = new TableStore({
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -239,13 +239,13 @@ const tableStore = new TableStore({
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 60,
|
yAxis: 60,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
//position: "middle",
|
//position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,8 +20,8 @@
|
|||||||
<span style="color: #ffcc33;" class="text">:合格--(3,4]</span>
|
<span style="color: #ffcc33;" class="text">:合格--(3,4]</span>
|
||||||
<el-tag style="background: #ff9900;" class="tag" size="small">2级</el-tag>
|
<el-tag style="background: #ff9900;" class="tag" size="small">2级</el-tag>
|
||||||
<span style="color: #ff9900;" class="text">:较差--(2,3]</span>
|
<span style="color: #ff9900;" class="text">:较差--(2,3]</span>
|
||||||
<el-tag style="background: #cc0000;" class="tag" size="small">1级</el-tag>
|
<el-tag style="background: #A52a2a;" class="tag" size="small">1级</el-tag>
|
||||||
<span style="color: #cc0000;" class="text">:极差--[1,2]</span>
|
<span style="color: #A52a2a;" class="text">:极差--[1,2]</span>
|
||||||
<div :style="{ height: layout.height }" style="overflow-y: auto" class="mt10">
|
<div :style="{ height: layout.height }" style="overflow-y: auto" class="mt10">
|
||||||
<div class=" cardBox">
|
<div class=" cardBox">
|
||||||
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
|
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
|
||||||
@@ -48,7 +48,7 @@
|
|||||||
4级
|
4级
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="1 <= item.data && item.data <= 2 && item.data !== 3.14159"
|
<el-tag v-if="1 <= item.data && item.data <= 2 && item.data !== 3.14159"
|
||||||
style="background: #cc0000; color: #fff" size="small">
|
style="background: #A52a2a; color: #fff" size="small">
|
||||||
1级
|
1级
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
@@ -80,7 +80,7 @@
|
|||||||
2级
|
2级
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="1 <= item1.data && item1.data <= 2 && item1.data !== 3.14159"
|
<el-tag v-if="1 <= item1.data && item1.data <= 2 && item1.data !== 3.14159"
|
||||||
style="background: #cc0000; color: #fff" size="small">
|
style="background: #A52a2a; color: #fff" size="small">
|
||||||
1级
|
1级
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span class="xdf">
|
<span class="xdf">
|
||||||
@@ -260,7 +260,7 @@ const histogram = (res: any) => {
|
|||||||
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}], false)
|
}], false)
|
||||||
} else if (params.value == 0.2) {
|
} else if (params.value == 0.2) {
|
||||||
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||||
@@ -290,13 +290,13 @@ const histogram = (res: any) => {
|
|||||||
name: "",
|
name: "",
|
||||||
yAxis: 1,
|
yAxis: 1,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000',
|
color: '#A52a2a',
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position:"middle",
|
// position:"middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000',
|
color: '#A52a2a',
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,15 +3,15 @@
|
|||||||
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold">
|
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold">
|
||||||
<el-tag
|
<el-tag
|
||||||
style="
|
style="
|
||||||
background: #cc0000;
|
background: #A52a2a;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
border: 1px solid #cc0000;
|
border: 1px solid #A52a2a;
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
"
|
"
|
||||||
></el-tag>
|
></el-tag>
|
||||||
<span style="color: #cc0000; font-weight: 400; float: left">  在线率<60%   </span>
|
<span style="color: #A52a2a; font-weight: 400; float: left">  在线率<60%   </span>
|
||||||
<el-tag
|
<el-tag
|
||||||
size="small"
|
size="small"
|
||||||
style="
|
style="
|
||||||
@@ -109,7 +109,7 @@ const itemStyle = {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -236,13 +236,13 @@ const tableStore = new TableStore({
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 60,
|
yAxis: 60,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,14 +4,14 @@
|
|||||||
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
|
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
|
||||||
v-if="!loading && tableStore.table.data.length != 0">
|
v-if="!loading && tableStore.table.data.length != 0">
|
||||||
<el-tag style="
|
<el-tag style="
|
||||||
background: #cc0000;
|
background: #A52a2a;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
border: 1px solid #cc0000;
|
border: 1px solid #A52a2a;
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
"></el-tag>
|
"></el-tag>
|
||||||
<span style="color: #cc0000; font-weight: 400; float: left">  在线率<60%   </span>
|
<span style="color: #A52a2a; font-weight: 400; float: left">  在线率<60%   </span>
|
||||||
<el-tag size="small" style="
|
<el-tag size="small" style="
|
||||||
background: #ffcc33;
|
background: #ffcc33;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
|||||||
@@ -88,7 +88,7 @@
|
|||||||
<span style="color: #ffcc33">检修状态</span>
|
<span style="color: #ffcc33">检修状态</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<p style="background: #cc0000">
|
<p style="background: #A52a2a">
|
||||||
<svg
|
<svg
|
||||||
t="1722910570852"
|
t="1722910570852"
|
||||||
class="icon"
|
class="icon"
|
||||||
@@ -106,7 +106,7 @@
|
|||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
</p>
|
</p>
|
||||||
<span style="color: #cc0000">停运状态</span>
|
<span style="color: #A52a2a">停运状态</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -250,7 +250,7 @@ const tableStore = new TableStore({
|
|||||||
: row.cellValue !== 0 && row.row.level !== 4
|
: row.cellValue !== 0 && row.row.level !== 4
|
||||||
? row.cellValue
|
? row.cellValue
|
||||||
: row.cellValue !== 0 && row.row.level == 4 && row.row.runFlag == 0 && row.row.reaFlag == 0
|
: row.cellValue !== 0 && row.row.level == 4 && row.row.runFlag == 0 && row.row.reaFlag == 0
|
||||||
? "<p class='table_icon' style='width: 18px;height: 18px;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #cc0000'><svg t='1722910570852' class='icon' viewBox='0 0 1336 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6243' width='16' height='16'><path d='M49.588224 883.816448M1139.531776 883.816448M86.939648 862.977024M538.459136 960.381952c109.876224-153.544704 223.55968-289.842176 308.03968-385.787904 49.87392-56.639488 96.715776-108.155904 141.549568-154.500096 40.576-41.945088 80.805888-80.405504 119.478272-116.59264 65.92-61.693952 142.984192-130.034688 191.446016-159.30368l-61.891584-82.050048c-89.732096 56.139776-176.10752 116.103168-242.799616 162.18112-38.863872 26.855424-74.928128 52.667392-108.915712 77.252608-33.668096 24.356864-68.429824 51.106816-105.081856 79.166464-63.633408 48.712704-145.388544 114.194432-224.555008 181.860352L357.07904 374.989824 123.885568 558.770176 538.459136 960.381952zM1335.92064 862.977024' fill='#ffffff' p-id='6244'></path></svg> </p>"
|
? "<p class='table_icon' style='width: 18px;height: 18px;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #A52a2a'><svg t='1722910570852' class='icon' viewBox='0 0 1336 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6243' width='16' height='16'><path d='M49.588224 883.816448M1139.531776 883.816448M86.939648 862.977024M538.459136 960.381952c109.876224-153.544704 223.55968-289.842176 308.03968-385.787904 49.87392-56.639488 96.715776-108.155904 141.549568-154.500096 40.576-41.945088 80.805888-80.405504 119.478272-116.59264 65.92-61.693952 142.984192-130.034688 191.446016-159.30368l-61.891584-82.050048c-89.732096 56.139776-176.10752 116.103168-242.799616 162.18112-38.863872 26.855424-74.928128 52.667392-108.915712 77.252608-33.668096 24.356864-68.429824 51.106816-105.081856 79.166464-63.633408 48.712704-145.388544 114.194432-224.555008 181.860352L357.07904 374.989824 123.885568 558.770176 538.459136 960.381952zM1335.92064 862.977024' fill='#ffffff' p-id='6244'></path></svg> </p>"
|
||||||
: '/'
|
: '/'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159"
|
v-if="2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159"
|
||||||
style="font-weight: bold; color: #cc0000"
|
style="font-weight: bold; color: #A52a2a"
|
||||||
>
|
>
|
||||||
重度污染
|
重度污染
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -106,7 +106,7 @@ const open = (row: any,) => {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -263,13 +263,13 @@ const open = (row: any,) => {
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 2,
|
yAxis: 2,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -35,8 +35,8 @@
|
|||||||
<span style="color: #ffcc33" class="text">:轻度污染(1.2,1.6]</span>
|
<span style="color: #ffcc33" class="text">:轻度污染(1.2,1.6]</span>
|
||||||
<el-tag style="background: #ff9900" class="tag" size="small">4级</el-tag>
|
<el-tag style="background: #ff9900" class="tag" size="small">4级</el-tag>
|
||||||
<span style="color: #ff9900" class="text">:中度污染(1.6,2]</span>
|
<span style="color: #ff9900" class="text">:中度污染(1.6,2]</span>
|
||||||
<el-tag style="background: #cc0000" class="tag" size="small">5级</el-tag>
|
<el-tag style="background: #A52a2a" class="tag" size="small">5级</el-tag>
|
||||||
<span style="color: #cc0000" class="text">:重度污染(2,+∞)</span>
|
<span style="color: #A52a2a" class="text">:重度污染(2,+∞)</span>
|
||||||
</div>
|
</div>
|
||||||
<el-tabs v-model="radio1" type="border-card" @tab-change="handleTabChange">
|
<el-tabs v-model="radio1" type="border-card" @tab-change="handleTabChange">
|
||||||
<el-tab-pane label="列表" :name="0">
|
<el-tab-pane label="列表" :name="0">
|
||||||
@@ -82,7 +82,7 @@
|
|||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
v-if="2 <= item.data && item.data && item.data !== 3.14159"
|
v-if="2 <= item.data && item.data && item.data !== 3.14159"
|
||||||
style="background: #cc0000; color: #fff"
|
style="background: #A52a2a; color: #fff"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
5级
|
5级
|
||||||
@@ -136,7 +136,7 @@
|
|||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
|
v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
|
||||||
style="background: #cc0000; color: #fff"
|
style="background: #A52a2a; color: #fff"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
5级
|
5级
|
||||||
@@ -215,7 +215,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159"
|
v-if="2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159"
|
||||||
style="font-weight: bold; color: #cc0000"
|
style="font-weight: bold; color: #A52a2a"
|
||||||
>
|
>
|
||||||
重度污染
|
重度污染
|
||||||
</span>
|
</span>
|
||||||
@@ -399,7 +399,7 @@ const histogram = (res: any) => {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -556,13 +556,13 @@ const histogram = (res: any) => {
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 2,
|
yAxis: 2,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -647,7 +647,7 @@ const map = (res: any) => {
|
|||||||
gt: 2,
|
gt: 2,
|
||||||
lt: 10000,
|
lt: 10000,
|
||||||
label: '重度污染',
|
label: '重度污染',
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
gte: 1.2,
|
gte: 1.2,
|
||||||
|
|||||||
@@ -25,8 +25,8 @@
|
|||||||
<span style="color: #339966">:优秀≤60%</span>
|
<span style="color: #339966">:优秀≤60%</span>
|
||||||
<el-tag style="background: #ffcc33; color: #fff" size="small">良</el-tag>
|
<el-tag style="background: #ffcc33; color: #fff" size="small">良</el-tag>
|
||||||
<span style="color: #ffcc33">:60%＜良好＜90% </span>
|
<span style="color: #ffcc33">:60%＜良好＜90% </span>
|
||||||
<el-tag style="background: #cc0000; color: #fff" size="small">差</el-tag>
|
<el-tag style="background: #A52a2a; color: #fff" size="small">差</el-tag>
|
||||||
<span style="color: #cc0000">:极差≥90%</span>
|
<span style="color: #A52a2a">:极差≥90%</span>
|
||||||
<div :style="{ height: layout.height }" style="overflow-y: auto" class="mt10">
|
<div :style="{ height: layout.height }" style="overflow-y: auto" class="mt10">
|
||||||
<div class=" cardBox">
|
<div class=" cardBox">
|
||||||
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
|
<el-card v-for="(item, index) in tableStore.table.data" :key="index">
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
良
|
良
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="90 <= item.data && item.data"
|
<el-tag v-if="90 <= item.data && item.data"
|
||||||
style="color: #fff; background: #cc0000" size="small">
|
style="color: #fff; background: #A52a2a" size="small">
|
||||||
差
|
差
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="item.data == 3.14159 "
|
<el-tag v-if="item.data == 3.14159 "
|
||||||
@@ -65,7 +65,7 @@
|
|||||||
良
|
良
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="90 <= item1.data && item1.data"
|
<el-tag v-if="90 <= item1.data && item1.data"
|
||||||
style="color: #fff; background: #cc0000" size="small">
|
style="color: #fff; background: #A52a2a" size="small">
|
||||||
差
|
差
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="item1.data == 3.14159 "
|
<el-tag v-if="item1.data == 3.14159 "
|
||||||
@@ -97,7 +97,7 @@
|
|||||||
4级
|
4级
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
|
<el-tag v-if="2 <= item1.data && item1.data && item1.data !== 3.14159"
|
||||||
style="background: #cc0000; color: #fff" size="small">
|
style="background: #A52a2a; color: #fff" size="small">
|
||||||
5级
|
5级
|
||||||
</el-tag> -->
|
</el-tag> -->
|
||||||
<span class="xdf">
|
<span class="xdf">
|
||||||
@@ -280,7 +280,7 @@ const histogram = (res: any) => {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -383,13 +383,13 @@ const histogram = (res: any) => {
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 100,
|
yAxis: 100,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -63,7 +63,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span v-if="
|
<span v-if="
|
||||||
2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159
|
2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159
|
||||||
" style=" font-weight: bold;color: #cc0000;">
|
" style=" font-weight: bold;color: #A52a2a;">
|
||||||
重度污染
|
重度污染
|
||||||
</span>
|
</span>
|
||||||
<span v-if="scope.row.data == 3.14159" style="color: #000;">
|
<span v-if="scope.row.data == 3.14159" style="color: #000;">
|
||||||
@@ -207,7 +207,7 @@ const map = (res: any) => {
|
|||||||
gt: 2,
|
gt: 2,
|
||||||
lt: 10000,
|
lt: 10000,
|
||||||
label: '重度污染',
|
label: '重度污染',
|
||||||
color: '#CC0000',
|
color: '#A52a2a',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
gte: 1.2,
|
gte: 1.2,
|
||||||
@@ -339,7 +339,7 @@ const histogram = (res: any) => {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -496,13 +496,13 @@ const histogram = (res: any) => {
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 2,
|
yAxis: 2,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -198,7 +198,7 @@ const tableStore = new TableStore({
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -257,13 +257,13 @@ const tableStore = new TableStore({
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 60,
|
yAxis: 60,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
//position: "middle",
|
//position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -198,7 +198,7 @@ const tableStore = new TableStore({
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -257,13 +257,13 @@ const tableStore = new TableStore({
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 60,
|
yAxis: 60,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
//position: "middle",
|
//position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -64,7 +64,7 @@
|
|||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
@click="showCharts(scope.row, 3, '最大值')"
|
@click="showCharts(scope.row, 3, '最大值')"
|
||||||
:style="{ color: scope.row.statisticalType === 3 ? '#cc0000' : '#07d75a' }"
|
:style="{ color: scope.row.statisticalType === 3 ? '#A52a2a' : '#07d75a' }"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
@@ -77,7 +77,7 @@
|
|||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
@click="showCharts(scope.row, 2, '最小值')"
|
@click="showCharts(scope.row, 2, '最小值')"
|
||||||
:style="{ color: scope.row.statisticalType === 2 ? '#cc0000' : '#07d75a' }"
|
:style="{ color: scope.row.statisticalType === 2 ? '#A52a2a' : '#07d75a' }"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
@@ -90,7 +90,7 @@
|
|||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
@click="showCharts(scope.row, 1, '平均值')"
|
@click="showCharts(scope.row, 1, '平均值')"
|
||||||
:style="{ color: scope.row.statisticalType === 1 ? '#cc0000' : '#07d75a' }"
|
:style="{ color: scope.row.statisticalType === 1 ? '#A52a2a' : '#07d75a' }"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
@@ -103,7 +103,7 @@
|
|||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
@click="showCharts(scope.row, 4, 'CP95值')"
|
@click="showCharts(scope.row, 4, 'CP95值')"
|
||||||
:style="{ color: scope.row.statisticalType === 4 ? '#cc0000' : '#07d75a' }"
|
:style="{ color: scope.row.statisticalType === 4 ? '#A52a2a' : '#07d75a' }"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -31,38 +31,38 @@
|
|||||||
<div>电压</div>
|
<div>电压</div>
|
||||||
<div>
|
<div>
|
||||||
A相:
|
A相:
|
||||||
<span style="color: #ffcc00">
|
<span style="color: #DAA520">
|
||||||
{{ echartsData1?.options?.series[1].data[0].value }}
|
{{ echartsData1?.options?.series[1].data[0].value }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
B相:
|
B相:
|
||||||
<span style="color: #009900">
|
<span style="color: #2E8B57">
|
||||||
{{ echartsData1?.options?.series[1].data[1].value }}
|
{{ echartsData1?.options?.series[1].data[1].value }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
C相:
|
C相:
|
||||||
<span style="color: #cc0000">
|
<span style="color: #A52a2a">
|
||||||
{{ echartsData1?.options?.series[1].data[2].value }}
|
{{ echartsData1?.options?.series[1].data[2].value }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top: 10px">电流</div>
|
<div style="margin-top: 10px">电流</div>
|
||||||
<div>
|
<div>
|
||||||
A相:
|
A相:
|
||||||
<span style="color: #ffcc00">
|
<span style="color: #DAA520">
|
||||||
{{ echartsData1?.options?.series[0].data[0].value }}
|
{{ echartsData1?.options?.series[0].data[0].value }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
B相:
|
B相:
|
||||||
<span style="color: #009900">
|
<span style="color: #2E8B57">
|
||||||
{{ echartsData1?.options?.series[0].data[1].value }}
|
{{ echartsData1?.options?.series[0].data[1].value }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
C相:
|
C相:
|
||||||
<span style="color: #cc0000">
|
<span style="color: #A52a2a">
|
||||||
{{ echartsData1?.options?.series[0].data[2].value }}
|
{{ echartsData1?.options?.series[0].data[2].value }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -493,21 +493,21 @@ const initRadioCharts = () => {
|
|||||||
value: 0,
|
value: 0,
|
||||||
name: 'A相',
|
name: 'A相',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 0,
|
value: 0,
|
||||||
name: 'B相',
|
name: 'B相',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 0,
|
value: 0,
|
||||||
name: 'C相',
|
name: 'C相',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -596,21 +596,21 @@ const initRadioCharts = () => {
|
|||||||
value: 0,
|
value: 0,
|
||||||
name: ptName.value == 'star' ? 'A相' : 'AB相', //'A相',
|
name: ptName.value == 'star' ? 'A相' : 'AB相', //'A相',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 0,
|
value: 0,
|
||||||
name: ptName.value == 'star' ? 'B相' : 'BC相', //'B相',
|
name: ptName.value == 'star' ? 'B相' : 'BC相', //'B相',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 0,
|
value: 0,
|
||||||
name: ptName.value == 'star' ? 'C相' : 'CA相', //'C相',
|
name: ptName.value == 'star' ? 'C相' : 'CA相', //'C相',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -744,13 +744,13 @@ const initEcharts = (color: string, key: number) => {
|
|||||||
}
|
}
|
||||||
//渲染echarts
|
//渲染echarts
|
||||||
const init = () => {
|
const init = () => {
|
||||||
echartsDataV1.value = initEcharts('#FFCC00', 0)
|
echartsDataV1.value = initEcharts('#DAA520', 0)
|
||||||
echartsDataV2.value = initEcharts('#009900', 0)
|
echartsDataV2.value = initEcharts('#2E8B57', 0)
|
||||||
echartsDataV3.value = initEcharts('#CC0000', 0)
|
echartsDataV3.value = initEcharts('#A52a2a', 0)
|
||||||
|
|
||||||
echartsDataA1.value = initEcharts('#FFCC00', 1)
|
echartsDataA1.value = initEcharts('#DAA520', 1)
|
||||||
echartsDataA2.value = initEcharts('#009900', 1)
|
echartsDataA2.value = initEcharts('#2E8B57', 1)
|
||||||
echartsDataA3.value = initEcharts('#CC0000', 1)
|
echartsDataA3.value = initEcharts('#A52a2a', 1)
|
||||||
|
|
||||||
if (!dataSocket.socketServe) {
|
if (!dataSocket.socketServe) {
|
||||||
console.error('WebSocket 客户端实例不存在')
|
console.error('WebSocket 客户端实例不存在')
|
||||||
|
|||||||
@@ -62,7 +62,7 @@ const indexOptions: any = ref([
|
|||||||
{ name: 'vRmsB', phase: props.ptName == 'star' ? 'B相' : 'BC相', data: [] },
|
{ name: 'vRmsB', phase: props.ptName == 'star' ? 'B相' : 'BC相', data: [] },
|
||||||
{ name: 'vRmsC', phase: props.ptName == 'star' ? 'C相' : 'CA相', data: [] }
|
{ name: 'vRmsC', phase: props.ptName == 'star' ? 'C相' : 'CA相', data: [] }
|
||||||
],
|
],
|
||||||
color: ['#FFCC00', '#009900', '#CC0000'],
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
unit: 'kV',
|
unit: 'kV',
|
||||||
data: []
|
data: []
|
||||||
},
|
},
|
||||||
@@ -74,7 +74,7 @@ const indexOptions: any = ref([
|
|||||||
{ name: 'iRmsB', phase: 'B相', data: [] },
|
{ name: 'iRmsB', phase: 'B相', data: [] },
|
||||||
{ name: 'iRmsC', phase: 'C相', data: [] }
|
{ name: 'iRmsC', phase: 'C相', data: [] }
|
||||||
],
|
],
|
||||||
color: ['#FFCC00', '#009900', '#CC0000'],
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
unit: 'A',
|
unit: 'A',
|
||||||
data: []
|
data: []
|
||||||
},
|
},
|
||||||
@@ -90,7 +90,7 @@ const indexOptions: any = ref([
|
|||||||
{ name: 'pTot', phase: '总', data: [] }
|
{ name: 'pTot', phase: '总', data: [] }
|
||||||
]
|
]
|
||||||
: [{ name: 'pTot', phase: '总', data: [] }],
|
: [{ name: 'pTot', phase: '总', data: [] }],
|
||||||
color: props.ptName == 'star' ? ['#FFCC00', '#009900', '#CC0000', '#000'] : ['#000'],
|
color: props.ptName == 'star' ? ['#DAA520', '#2E8B57', '#A52a2a', '#000'] : ['#000'],
|
||||||
unit: 'kW',
|
unit: 'kW',
|
||||||
data: []
|
data: []
|
||||||
},
|
},
|
||||||
@@ -106,7 +106,7 @@ const indexOptions: any = ref([
|
|||||||
{ name: 'qTot', phase: '总', data: [] }
|
{ name: 'qTot', phase: '总', data: [] }
|
||||||
]
|
]
|
||||||
: [{ name: 'qTot', phase: '总', data: [] }],
|
: [{ name: 'qTot', phase: '总', data: [] }],
|
||||||
color: props.ptName == 'star' ? ['#FFCC00', '#009900', '#CC0000', '#000'] : ['#000'],
|
color: props.ptName == 'star' ? ['#DAA520', '#2E8B57', '#A52a2a', '#000'] : ['#000'],
|
||||||
unit: 'kW',
|
unit: 'kW',
|
||||||
data: []
|
data: []
|
||||||
},
|
},
|
||||||
@@ -119,7 +119,7 @@ const indexOptions: any = ref([
|
|||||||
{ name: 'v1B', phase: props.ptName == 'star' ? 'B相' : 'BC相', data: [] },
|
{ name: 'v1B', phase: props.ptName == 'star' ? 'B相' : 'BC相', data: [] },
|
||||||
{ name: 'v1C', phase: props.ptName == 'star' ? 'C相' : 'CA相', data: [] }
|
{ name: 'v1C', phase: props.ptName == 'star' ? 'C相' : 'CA相', data: [] }
|
||||||
],
|
],
|
||||||
color: ['#FFCC00', '#009900', '#CC0000'],
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
unit: 'kV',
|
unit: 'kV',
|
||||||
data: []
|
data: []
|
||||||
},
|
},
|
||||||
@@ -131,7 +131,7 @@ const indexOptions: any = ref([
|
|||||||
{ name: 'i1B', phase: 'B相', data: [] },
|
{ name: 'i1B', phase: 'B相', data: [] },
|
||||||
{ name: 'i1C', phase: 'C相', data: [] }
|
{ name: 'i1C', phase: 'C相', data: [] }
|
||||||
],
|
],
|
||||||
color: ['#FFCC00', '#009900', '#CC0000'],
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
unit: 'A',
|
unit: 'A',
|
||||||
data: []
|
data: []
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1179,7 +1179,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1195,7 +1195,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1212,7 +1212,7 @@ const rendering = () => {
|
|||||||
barWidth: 22,
|
barWidth: 22,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data: item.cvalue
|
data: item.cvalue
|
||||||
@@ -1627,7 +1627,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1640,7 +1640,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1653,7 +1653,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1109,7 +1109,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1125,7 +1125,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#009900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1142,7 +1142,7 @@ const rendering = () => {
|
|||||||
barWidth: 22,
|
barWidth: 22,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data: item.cvalue
|
data: item.cvalue
|
||||||
@@ -1529,7 +1529,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1542,7 +1542,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#339900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1555,7 +1555,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -91,7 +91,7 @@ const itemStyle = ref({
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000',
|
color: '#A52a2a',
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
false
|
false
|
||||||
@@ -150,13 +150,13 @@ const markLine = ref({
|
|||||||
name: '',
|
name: '',
|
||||||
xAxis: 60,
|
xAxis: 60,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000',
|
color: '#A52a2a',
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000',
|
color: '#A52a2a',
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -587,7 +587,7 @@ const tableStore = new TableStore({
|
|||||||
gt: 0,
|
gt: 0,
|
||||||
lt: 60,
|
lt: 60,
|
||||||
label: '在线率<60%',
|
label: '在线率<60%',
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 3.14159,
|
value: 3.14159,
|
||||||
@@ -740,7 +740,7 @@ const tableStore = new TableStore({
|
|||||||
gt: 0,
|
gt: 0,
|
||||||
lt: 60,
|
lt: 60,
|
||||||
label: '完整性<60%',
|
label: '完整性<60%',
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
||||||
@@ -871,7 +871,7 @@ const tableStore = new TableStore({
|
|||||||
1,
|
1,
|
||||||
0,
|
0,
|
||||||
0,
|
0,
|
||||||
[{ offset: 1, color: '#CC0000' }],
|
[{ offset: 1, color: '#A52a2a' }],
|
||||||
false
|
false
|
||||||
)
|
)
|
||||||
} else if (params.value <= 2) {
|
} else if (params.value <= 2) {
|
||||||
@@ -946,7 +946,7 @@ const tableStore = new TableStore({
|
|||||||
gt: 2,
|
gt: 2,
|
||||||
lt: 100,
|
lt: 100,
|
||||||
label: '畸变率>2%',
|
label: '畸变率>2%',
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -139,7 +139,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{ item.title[2] }}:
|
{{ item.title[2] }}:
|
||||||
<span style="color: #cc0000" @click="LookMap([], item.lineListTwo, 1)">
|
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
||||||
{{ item.lineNumTwo || 0 }}
|
{{ item.lineNumTwo || 0 }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -201,7 +201,7 @@ const analysis = () => {
|
|||||||
// : params[i].value > 2
|
// : params[i].value > 2
|
||||||
// ? '#97017e'
|
// ? '#97017e'
|
||||||
// : params[i].value > 0
|
// : params[i].value > 0
|
||||||
// ? '#cc0000'
|
// ? '#A52a2a'
|
||||||
// : ''
|
// : ''
|
||||||
// }">
|
// }">
|
||||||
// ${
|
// ${
|
||||||
@@ -290,7 +290,7 @@ defineExpose({ open })
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.background3 {
|
.background3 {
|
||||||
background-color: #cc0000;
|
background-color: #A52a2a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
:deep(.el-select) {
|
:deep(.el-select) {
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
<br />
|
<br />
|
||||||
<span style="color: #ff9900">中度污染：(1.6 , 2]</span>
|
<span style="color: #ff9900">中度污染：(1.6 , 2]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #cc0000">重度污染：(2 , +∞)</span>
|
<span style="color: #A52a2a">重度污染：(2 , +∞)</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
@@ -161,7 +161,7 @@ const contaminateC = () => {
|
|||||||
name: `重度污染：${a5}座`
|
name: `重度污染：${a5}座`
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
const color = ['#00B07D', '#3399ff', '#ffcc33', '#ff9900', '#cc0000']
|
const color = ['#00B07D', '#3399ff', '#ffcc33', '#ff9900', '#A52a2a']
|
||||||
|
|
||||||
list.forEach((item, i) => {
|
list.forEach((item, i) => {
|
||||||
picEChart.value[i] = {
|
picEChart.value[i] = {
|
||||||
|
|||||||
@@ -1035,7 +1035,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1051,7 +1051,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#339900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1068,7 +1068,7 @@ const rendering = () => {
|
|||||||
barWidth: 22,
|
barWidth: 22,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data: item.cvalue
|
data: item.cvalue
|
||||||
@@ -1452,7 +1452,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1465,7 +1465,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#339900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -737,7 +737,7 @@ defineExpose({ open })
|
|||||||
}
|
}
|
||||||
|
|
||||||
.background3 {
|
.background3 {
|
||||||
background-color: #cc0000;
|
background-color: #A52a2a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -133,7 +133,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{ item.title[2] }}:
|
{{ item.title[2] }}:
|
||||||
<span style="color: #cc0000" @click="LookMap([], item.lineListTwo, 1)">
|
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
||||||
{{ item.lineNumTwo || 0 }}
|
{{ item.lineNumTwo || 0 }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
<br />
|
<br />
|
||||||
<span style="color: #97017e">较差：(2 , 3]</span>
|
<span style="color: #97017e">较差：(2 , 3]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #cc0000">极差：[1 , 2]</span>
|
<span style="color: #A52a2a">极差：[1 , 2]</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
@@ -48,7 +48,7 @@
|
|||||||
: assessList.score > 2
|
: assessList.score > 2
|
||||||
? '#97017e'
|
? '#97017e'
|
||||||
: assessList.score > 0
|
: assessList.score > 0
|
||||||
? '#cc0000'
|
? '#A52a2a'
|
||||||
: ''
|
: ''
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
@@ -77,7 +77,7 @@
|
|||||||
: item.score > 2
|
: item.score > 2
|
||||||
? '#97017e'
|
? '#97017e'
|
||||||
: item.score > 0
|
: item.score > 0
|
||||||
? '#cc0000'
|
? '#A52a2a'
|
||||||
: ''
|
: ''
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -119,7 +119,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{ item.title[2] }}:
|
{{ item.title[2] }}:
|
||||||
<span style="color: #cc0000" @click="LookMap([], item.lineListTwo, 1)">
|
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
||||||
{{ item.lineNumTwo || 0 }}
|
{{ item.lineNumTwo || 0 }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -201,7 +201,7 @@ const analysis = () => {
|
|||||||
// : params[i].value > 2
|
// : params[i].value > 2
|
||||||
// ? '#97017e'
|
// ? '#97017e'
|
||||||
// : params[i].value > 0
|
// : params[i].value > 0
|
||||||
// ? '#cc0000'
|
// ? '#A52a2a'
|
||||||
// : ''
|
// : ''
|
||||||
// }">
|
// }">
|
||||||
// ${
|
// ${
|
||||||
@@ -290,7 +290,7 @@ defineExpose({ open })
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.background3 {
|
.background3 {
|
||||||
background-color: #cc0000;
|
background-color: #A52a2a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
:deep(.el-select) {
|
:deep(.el-select) {
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
<br />
|
<br />
|
||||||
<span style="color: #ff9900">中度污染：(1.6 , 2]</span>
|
<span style="color: #ff9900">中度污染：(1.6 , 2]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #cc0000">重度污染：(2 , +∞)</span>
|
<span style="color: #A52a2a">重度污染：(2 , +∞)</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
@@ -169,7 +169,7 @@ const contaminateC = () => {
|
|||||||
name: `重度污染：${a5}座`
|
name: `重度污染：${a5}座`
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
const color = ['#00B07D', '#3399ff', '#ffcc33', '#ff9900', '#cc0000']
|
const color = ['#00B07D', '#3399ff', '#ffcc33', '#ff9900', '#A52a2a']
|
||||||
|
|
||||||
list.forEach((item, i) => {
|
list.forEach((item, i) => {
|
||||||
picEChart.value[i] = {
|
picEChart.value[i] = {
|
||||||
|
|||||||
@@ -1035,7 +1035,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1051,7 +1051,7 @@ const rendering = () => {
|
|||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#339900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1068,7 +1068,7 @@ const rendering = () => {
|
|||||||
barWidth: 22,
|
barWidth: 22,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data: item.cvalue
|
data: item.cvalue
|
||||||
@@ -1452,7 +1452,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#FFCC00'
|
color: '#DAA520'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1465,7 +1465,7 @@ const getEcharts = () => {
|
|||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
normal: {
|
normal: {
|
||||||
color: '#339900'
|
color: '#2E8B57'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -736,7 +736,7 @@ defineExpose({ open })
|
|||||||
}
|
}
|
||||||
|
|
||||||
.background3 {
|
.background3 {
|
||||||
background-color: #cc0000;
|
background-color: #A52a2a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -117,7 +117,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{ item.title[2] }}:
|
{{ item.title[2] }}:
|
||||||
<span style="color: #cc0000" @click="LookMap([], item.lineListTwo, 1)">
|
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
||||||
{{ item.lineNumTwo || 0 }}
|
{{ item.lineNumTwo || 0 }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
<br />
|
<br />
|
||||||
<span style="color: #97017e">较差：(2 , 3]</span>
|
<span style="color: #97017e">较差：(2 , 3]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #cc0000">极差：[1 , 2]</span>
|
<span style="color: #A52a2a">极差：[1 , 2]</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
@@ -48,7 +48,7 @@
|
|||||||
: assessList.score > 2
|
: assessList.score > 2
|
||||||
? '#97017e'
|
? '#97017e'
|
||||||
: assessList.score > 0
|
: assessList.score > 0
|
||||||
? '#cc0000'
|
? '#A52a2a'
|
||||||
: ''
|
: ''
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
@@ -77,7 +77,7 @@
|
|||||||
: item.score > 2
|
: item.score > 2
|
||||||
? '#97017e'
|
? '#97017e'
|
||||||
: item.score > 0
|
: item.score > 0
|
||||||
? '#cc0000'
|
? '#A52a2a'
|
||||||
: ''
|
: ''
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<TableHeader date-picker ref="TableHeaderRef">
|
<TableHeader date-picker area ref="TableHeaderRef">
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label="对象类型">
|
<el-form-item label="对象类型">
|
||||||
<el-select
|
<el-select
|
||||||
@@ -17,6 +17,23 @@
|
|||||||
></el-option>
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="终端厂家:">
|
||||||
|
<el-select
|
||||||
|
v-model="tableStore.table.params.manufacturer"
|
||||||
|
multiple
|
||||||
|
collapse-tags
|
||||||
|
clearable
|
||||||
|
value-key="id"
|
||||||
|
placeholder="请选择终端厂家"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in terminaloption"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-slot:operation></template>
|
<template v-slot:operation></template>
|
||||||
@@ -203,6 +220,7 @@ const TableHeaderRef = ref()
|
|||||||
const abnormal: any = ref([])
|
const abnormal: any = ref([])
|
||||||
const mapList: any = ref([])
|
const mapList: any = ref([])
|
||||||
const segmented = ref(1)
|
const segmented = ref(1)
|
||||||
|
const terminaloption = dictData.getBasicData('Dev_Manufacturers')
|
||||||
const time = ref(['', ''])
|
const time = ref(['', ''])
|
||||||
|
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
@@ -214,6 +232,7 @@ const tableStore = new TableStore({
|
|||||||
column: [],
|
column: [],
|
||||||
beforeSearchFun: () => {
|
beforeSearchFun: () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
tableStore.table.params.deptId = tableStore.table.params.deptIndex
|
||||||
time.value = [tableStore.table.params.startTime, tableStore.table.params.endTime]
|
time.value = [tableStore.table.params.startTime, tableStore.table.params.endTime]
|
||||||
},
|
},
|
||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
@@ -403,11 +422,11 @@ const echart = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
tableStore.table.params.deptId = dictData.state.area[0].id
|
// tableStore.table.params.deptId = dictData.state.area[0].id
|
||||||
tableStore.table.params.objType = ''
|
tableStore.table.params.objType = ''
|
||||||
tableStore.table.params.alarmDayLimit = 5
|
tableStore.table.params.alarmDayLimit = 5
|
||||||
tableStore.table.params.warnDayLimit = 1
|
tableStore.table.params.warnDayLimit = 1
|
||||||
|
tableStore.table.params.manufacturer = ''
|
||||||
const quantityClick = (e: any, num: number) => {
|
const quantityClick = (e: any, num: number) => {
|
||||||
if (num == 0 && e.ids?.length == 0) return
|
if (num == 0 && e.ids?.length == 0) return
|
||||||
alarmDetailsRef.value.open(e, time.value, num)
|
alarmDetailsRef.value.open(e, time.value, num)
|
||||||
@@ -442,11 +461,11 @@ const onExport = () => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
TableHeaderRef.value.setDatePicker([
|
// TableHeaderRef.value.setDatePicker([
|
||||||
{ label: '年份', value: 1 },
|
// { label: '年份', value: 1 },
|
||||||
{ label: '季度', value: 2 },
|
// { label: '季度', value: 2 },
|
||||||
{ label: '月份', value: 3 }
|
// { label: '月份', value: 3 }
|
||||||
])
|
// ])
|
||||||
queryFirstNode({ type: 0 }).then(res => {
|
queryFirstNode({ type: 0 }).then(res => {
|
||||||
objTypeList.value = res.data
|
objTypeList.value = res.data
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<TableHeader date-picker ref="TableHeaderRef">
|
<TableHeader date-picker area ref="TableHeaderRef">
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label="对象类型">
|
<el-form-item label="对象类型">
|
||||||
<el-select
|
<el-select
|
||||||
@@ -17,6 +17,23 @@
|
|||||||
></el-option>
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="终端厂家:">
|
||||||
|
<el-select
|
||||||
|
v-model="tableStore.table.params.manufacturer"
|
||||||
|
multiple
|
||||||
|
collapse-tags
|
||||||
|
clearable
|
||||||
|
value-key="id"
|
||||||
|
placeholder="请选择终端厂家"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in terminaloption"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-slot:operation></template>
|
<template v-slot:operation></template>
|
||||||
@@ -227,6 +244,7 @@ const abnormal: any = ref([])
|
|||||||
const mapList: any = ref([])
|
const mapList: any = ref([])
|
||||||
const segmented = ref('base')
|
const segmented = ref('base')
|
||||||
const time = ref(['', ''])
|
const time = ref(['', ''])
|
||||||
|
const terminaloption = dictData.getBasicData('Dev_Manufacturers')
|
||||||
const segmentedList = ref([
|
const segmentedList = ref([
|
||||||
{
|
{
|
||||||
label: '基础指标',
|
label: '基础指标',
|
||||||
@@ -253,6 +271,7 @@ const tableStore = new TableStore({
|
|||||||
column: [],
|
column: [],
|
||||||
beforeSearchFun: () => {
|
beforeSearchFun: () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
tableStore.table.params.deptId = tableStore.table.params.deptIndex
|
||||||
time.value = [tableStore.table.params.startTime, tableStore.table.params.endTime]
|
time.value = [tableStore.table.params.startTime, tableStore.table.params.endTime]
|
||||||
},
|
},
|
||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
@@ -449,10 +468,11 @@ const echart = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
tableStore.table.params.deptId = dictData.state.area[0].id
|
|
||||||
tableStore.table.params.objType = ''
|
tableStore.table.params.objType = ''
|
||||||
tableStore.table.params.alarmDayLimit = 5
|
tableStore.table.params.alarmDayLimit = 5
|
||||||
tableStore.table.params.warnDayLimit = 1
|
tableStore.table.params.warnDayLimit = 1
|
||||||
|
tableStore.table.params.manufacturer = ''
|
||||||
|
|
||||||
const quantityClick = (e: any, num: number) => {
|
const quantityClick = (e: any, num: number) => {
|
||||||
if (num == 0 && e.ids?.length == 0) return
|
if (num == 0 && e.ids?.length == 0) return
|
||||||
@@ -488,11 +508,11 @@ const onExport = () => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
TableHeaderRef.value.setDatePicker([
|
// TableHeaderRef.value.setDatePicker([
|
||||||
{ label: '年份', value: 1 },
|
// { label: '年份', value: 1 },
|
||||||
{ label: '季度', value: 2 },
|
// { label: '季度', value: 2 },
|
||||||
{ label: '月份', value: 3 }
|
// { label: '月份', value: 3 }
|
||||||
])
|
// ])
|
||||||
queryFirstNode({ type: 0 }).then(res => {
|
queryFirstNode({ type: 0 }).then(res => {
|
||||||
objTypeList.value = res.data
|
objTypeList.value = res.data
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -112,12 +112,12 @@ const info = () => {
|
|||||||
// name: '',
|
// name: '',
|
||||||
// yAxis: 100,
|
// yAxis: 100,
|
||||||
// lineStyle: {
|
// lineStyle: {
|
||||||
// color: '#009900'
|
// color: '#2E8B57'
|
||||||
// },
|
// },
|
||||||
// label: {
|
// label: {
|
||||||
// show: true,
|
// show: true,
|
||||||
// formatter: '优质',
|
// formatter: '优质',
|
||||||
// color: '#009900'
|
// color: '#2E8B57'
|
||||||
// }
|
// }
|
||||||
// },
|
// },
|
||||||
// {
|
// {
|
||||||
@@ -136,11 +136,11 @@ const info = () => {
|
|||||||
// name: '',
|
// name: '',
|
||||||
// yAxis: 60,
|
// yAxis: 60,
|
||||||
// lineStyle: {
|
// lineStyle: {
|
||||||
// color: '#FFCC00'
|
// color: '#DAA520'
|
||||||
// },
|
// },
|
||||||
// label: {
|
// label: {
|
||||||
// show: true,
|
// show: true,
|
||||||
// color: '#FFCC00',
|
// color: '#DAA520',
|
||||||
// formatter: '合格'
|
// formatter: '合格'
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
|
|||||||
@@ -96,12 +96,12 @@ onMounted(() => {
|
|||||||
top: 100%;
|
top: 100%;
|
||||||
}
|
}
|
||||||
.hexagon1 {
|
.hexagon1 {
|
||||||
background-color: #339900;
|
background-color: #2E8B57;
|
||||||
&::before {
|
&::before {
|
||||||
border-bottom: 27.5px solid #339900;
|
border-bottom: 27.5px solid #2E8B57;
|
||||||
}
|
}
|
||||||
&::after {
|
&::after {
|
||||||
border-top: 27.5px solid #339900;
|
border-top: 27.5px solid #2E8B57;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.hexagon2 {
|
.hexagon2 {
|
||||||
@@ -114,12 +114,12 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.hexagon3 {
|
.hexagon3 {
|
||||||
background-color: #cc0000;
|
background-color: #A52a2a;
|
||||||
&::before {
|
&::before {
|
||||||
border-bottom: 27.5px solid #cc0000;
|
border-bottom: 27.5px solid #A52a2a;
|
||||||
}
|
}
|
||||||
&::after {
|
&::after {
|
||||||
border-top: 27.5px solid #cc0000;
|
border-top: 27.5px solid #A52a2a;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<el-checkbox-group
|
<el-checkbox-group
|
||||||
v-model="checkedVoltage"
|
v-model="checkedVoltage"
|
||||||
@change="handleCheckedVoltageChange"
|
@change="handleCheckedVoltageChange"
|
||||||
style="height: 72px; overflow-y: auto;flex: 1"
|
style="height: 72px; overflow-y: auto; flex: 1"
|
||||||
>
|
>
|
||||||
<el-checkbox v-for="(item, index) in grade" :label="item" :key="index">{{ item.name }}</el-checkbox>
|
<el-checkbox v-for="(item, index) in grade" :label="item" :key="index">{{ item.name }}</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
<el-checkbox-group
|
<el-checkbox-group
|
||||||
v-model="checkedSource"
|
v-model="checkedSource"
|
||||||
@change="handleCheckedSourceChange"
|
@change="handleCheckedSourceChange"
|
||||||
style="height: 72px; overflow-y: auto;flex: 1"
|
style="height: 72px; overflow-y: auto; flex: 1"
|
||||||
>
|
>
|
||||||
<el-checkbox v-for="(item, index) in type" :label="item" :key="index">{{ item.name }}</el-checkbox>
|
<el-checkbox v-for="(item, index) in type" :label="item" :key="index">{{ item.name }}</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
@@ -142,7 +142,8 @@ const info = async (list: any) => {
|
|||||||
legend: {
|
legend: {
|
||||||
data: ['上限', '下限', '可容忍事件', '不可容忍事件'],
|
data: ['上限', '下限', '可容忍事件', '不可容忍事件'],
|
||||||
// selectedMode: false,
|
// selectedMode: false,
|
||||||
left: '10px'
|
left: '80px',
|
||||||
|
top: '18px'
|
||||||
},
|
},
|
||||||
color: ['#FF8C00', '#00BFFF', 'green', 'red'],
|
color: ['#FF8C00', '#00BFFF', 'green', 'red'],
|
||||||
xAxis: {
|
xAxis: {
|
||||||
@@ -242,7 +243,8 @@ const info = async (list: any) => {
|
|||||||
legend: {
|
legend: {
|
||||||
data: ['分割线', '可容忍事件', '不可容忍事件'],
|
data: ['分割线', '可容忍事件', '不可容忍事件'],
|
||||||
// selectedMode: false,
|
// selectedMode: false,
|
||||||
left: '10px'
|
left: '80px',
|
||||||
|
top: '18px'
|
||||||
},
|
},
|
||||||
color: ['yellow', 'green', 'red'],
|
color: ['yellow', 'green', 'red'],
|
||||||
xAxis: {
|
xAxis: {
|
||||||
@@ -479,4 +481,8 @@ const layout = mainHeight(390) as any
|
|||||||
top: 210px;
|
top: 210px;
|
||||||
right: 70px;
|
right: 70px;
|
||||||
}
|
}
|
||||||
|
:deep(.vxe-table--body-wrapper) {
|
||||||
|
min-height: 30px !important;
|
||||||
|
height: 40px !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<TableHeader date-picker area>
|
<TableHeader date-picker area>
|
||||||
<template v-slot:select></template>
|
<template v-slot:select></template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" v-loading="tableStore.table.loading">
|
<el-tabs v-model="activeName" type="border-card" @tab-change="handleClick" v-loading="tableStore.table.loading">
|
||||||
<el-tab-pane label="暂降原因及类型统计" name="1">
|
<el-tab-pane label="暂降原因及类型统计" name="1">
|
||||||
<TypeStatistics ref="Statistics" />
|
<TypeStatistics ref="Statistics" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
@@ -43,6 +43,15 @@ const tableStore = new TableStore({
|
|||||||
url: '/event-boot/areaAnalysis/getEventReason',
|
url: '/event-boot/areaAnalysis/getEventReason',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [],
|
column: [],
|
||||||
|
beforeSearchFun: () => {
|
||||||
|
if (activeName.value == '1') {
|
||||||
|
tableStore.table.params.scale = null
|
||||||
|
tableStore.table.params.loadType = null
|
||||||
|
} else {
|
||||||
|
tableStore.table.params.scale = compatibility.value.checkedVoltage
|
||||||
|
tableStore.table.params.loadType = compatibility.value.checkedSource
|
||||||
|
}
|
||||||
|
},
|
||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
if (activeName.value == '1') {
|
if (activeName.value == '1') {
|
||||||
Statistics.value.info(tableStore.table.data)
|
Statistics.value.info(tableStore.table.data)
|
||||||
@@ -61,13 +70,13 @@ onMounted(() => {
|
|||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
const handleClick = async (e: any) => {
|
const handleClick = async (e: any) => {
|
||||||
if (e.paneName == '1') {
|
if (e == '1') {
|
||||||
tableStore.table.params.scale = null
|
// tableStore.table.params.scale = null
|
||||||
tableStore.table.params.loadType = null
|
// tableStore.table.params.loadType = null
|
||||||
tableStore.url = '/event-boot/areaAnalysis/getEventReason'
|
tableStore.url = '/event-boot/areaAnalysis/getEventReason'
|
||||||
} else {
|
} else {
|
||||||
tableStore.table.params.scale = compatibility.value.checkedVoltage
|
// tableStore.table.params.scale = compatibility.value.checkedVoltage
|
||||||
tableStore.table.params.loadType = compatibility.value.checkedSource
|
// tableStore.table.params.loadType = compatibility.value.checkedSource
|
||||||
tableStore.url = '/event-boot/areaAnalysis/getVoltageToleranceCurve'
|
tableStore.url = '/event-boot/areaAnalysis/getVoltageToleranceCurve'
|
||||||
}
|
}
|
||||||
await tableStore.onTableAction('search', {})
|
await tableStore.onTableAction('search', {})
|
||||||
|
|||||||
@@ -177,7 +177,7 @@ const map = (res: any) => {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
inRange: {
|
inRange: {
|
||||||
color: ['#ccc', '#CC0000', '#FF9900', '#3399CC', '#339966']
|
color: ['#ccc', '#A52a2a', '#FF9900', '#3399CC', '#339966']
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -298,9 +298,9 @@ const histogram = (res: any) => {
|
|||||||
} else if (0.4 < params.value && params.value <= 0.8 && params.value !== 0.05) {
|
} else if (0.4 < params.value && params.value <= 0.8 && params.value !== 0.05) {
|
||||||
return '#FF9900'
|
return '#FF9900'
|
||||||
} else if (0 < params.value && params.value <= 0.4 && params.value !== 0.05) {
|
} else if (0 < params.value && params.value <= 0.4 && params.value !== 0.05) {
|
||||||
return '#CC0000'
|
return '#A52a2a'
|
||||||
} else if (params.value == 0.05) {
|
} else if (params.value == 0.05) {
|
||||||
return '#CC0000'
|
return '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -322,13 +322,13 @@ const histogram = (res: any) => {
|
|||||||
name: '',
|
name: '',
|
||||||
yAxis: 0.4,
|
yAxis: 0.4,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
// position: "middle",
|
// position: "middle",
|
||||||
formatter: '{b}',
|
formatter: '{b}',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -237,10 +237,8 @@ const initSecond = () => {
|
|||||||
},
|
},
|
||||||
backgroundColor: 'rgba(0,0,0,0.55)',
|
backgroundColor: 'rgba(0,0,0,0.55)',
|
||||||
formatter: function (params: any) {
|
formatter: function (params: any) {
|
||||||
console.log('🚀 ~ initSecond ~ params:', params)
|
|
||||||
let res = ''
|
let res = ''
|
||||||
res += `${params[0].value[0]}：${params[0].value[1] == '0' ? '中断' : '正常'}` //params[0].value[0] + '：' //+ params[0].value[1] == '0' ? '中断' : '正常'
|
res += `${params[0].value[0]}：${params[0].value[1] == '0' ? '中断' : '正常'}` //params[0].value[0] + '：' //+ params[0].value[1] == '0' ? '中断' : '正常'
|
||||||
console.log('🚀 ~ initSecond ~ res:', res)
|
|
||||||
|
|
||||||
return res
|
return res
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,8 +18,8 @@
|
|||||||
<span class="smallBlock" style="background: #996600"></span>
|
<span class="smallBlock" style="background: #996600"></span>
|
||||||
热备用
|
热备用
|
||||||
</span>
|
</span>
|
||||||
<span style="color: #cc0000">
|
<span style="color: #A52a2a">
|
||||||
<span class="smallBlock" style="background: #cc0000"></span>
|
<span class="smallBlock" style="background: #A52a2a"></span>
|
||||||
停运
|
停运
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
@@ -34,8 +34,8 @@
|
|||||||
<span class="smallBlock" style="background: #daa520"></span>
|
<span class="smallBlock" style="background: #daa520"></span>
|
||||||
{{ '60 %≤在线率 < 90 %' }}
|
{{ '60 %≤在线率 < 90 %' }}
|
||||||
</span>
|
</span>
|
||||||
<span style="color: #cc0000">
|
<span style="color: #A52a2a">
|
||||||
<span class="smallBlock" style="background: #cc0000"></span>
|
<span class="smallBlock" style="background: #A52a2a"></span>
|
||||||
{{ '在线率 < 60 %' }}
|
{{ '在线率 < 60 %' }}
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
@@ -184,7 +184,7 @@ const tableStore = new TableStore({
|
|||||||
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#cc0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
} else if ((params.value = 3.14159)) {
|
} else if ((params.value = 3.14159)) {
|
||||||
@@ -226,7 +226,7 @@ const tableStore = new TableStore({
|
|||||||
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
} else if ((params.value = 3.14159)) {
|
} else if ((params.value = 3.14159)) {
|
||||||
@@ -319,7 +319,7 @@ const tableStore = new TableStore({
|
|||||||
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#cc0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
} else if ((params.value = 3.14159)) {
|
} else if ((params.value = 3.14159)) {
|
||||||
@@ -361,7 +361,7 @@ const tableStore = new TableStore({
|
|||||||
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||||
{
|
{
|
||||||
offset: 1,
|
offset: 1,
|
||||||
color: '#CC0000'
|
color: '#A52a2a'
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
} else if ((params.value = 3.14159)) {
|
} else if ((params.value = 3.14159)) {
|
||||||
|
|||||||
@@ -1005,7 +1005,7 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.yellowFont {
|
.yellowFont {
|
||||||
color: #ffcc00;
|
color: #DAA520;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user