优化大屏加载速度和打包大小
This commit is contained in:
parent
4c86d844df
commit
1aa82addac
|
|
@ -113,3 +113,20 @@ export function login(data) {
|
||||||
data:obj
|
data:obj
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 运维日志
|
||||||
|
// maintainTime 运维时间
|
||||||
|
// maintainNote 备注
|
||||||
|
// maintainPerson 运维人员
|
||||||
|
// maintainData1 运维内容
|
||||||
|
// maintainData2 联系方式
|
||||||
|
// maintainData3 站点位置
|
||||||
|
//?startTime=2025-11-22&endTime=2025-11-22
|
||||||
|
export function getMaintainLog(params) {
|
||||||
|
return requests({
|
||||||
|
url: '/appmana/bigScreen/stationMaintainPage',
|
||||||
|
method: 'get',
|
||||||
|
headers: {},
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -574,7 +574,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
.dataTypeEchart2{
|
.dataTypeEchart2{
|
||||||
width: 66px;
|
width: 90px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
@ -592,7 +592,7 @@
|
||||||
left: 13px;
|
left: 13px;
|
||||||
top: 30px;
|
top: 30px;
|
||||||
.el-input__inner{
|
.el-input__inner{
|
||||||
height:30px;
|
height: 34px;
|
||||||
background: #0e2e4f;
|
background: #0e2e4f;
|
||||||
}
|
}
|
||||||
.el-input__icon{
|
.el-input__icon{
|
||||||
|
|
@ -883,3 +883,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.el-timeline-item__tail {
|
||||||
|
border-left-color: rgb(71 105 172) !important;
|
||||||
|
}
|
||||||
|
.el-timeline-item__node--normal {
|
||||||
|
left: 0px;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
|
|
@ -152,9 +152,11 @@
|
||||||
<img src="@/assets/image/sanguang.png" class="sanguangbt2" alt="">
|
<img src="@/assets/image/sanguang.png" class="sanguangbt2" alt="">
|
||||||
<div>
|
<div>
|
||||||
<span class="zywr_titshow">重要污染物治理效果</span>
|
<span class="zywr_titshow">重要污染物治理效果</span>
|
||||||
<span class="dataTypeEchart" @click="switchEchartType">
|
<el-tooltip class="item" effect="dark" :content="dataTypeEchart?'监测值为正常历史监测数据。':'对比值为下游监测站数据减去上游监测站数据。'" placement="top-start">
|
||||||
{{dataTypeEchart?'监测值':'对比值'}}
|
<span class="dataTypeEchart" @click="switchEchartType">
|
||||||
</span>
|
{{dataTypeEchart?'监测值':'对比值'}}
|
||||||
|
</span>
|
||||||
|
</el-tooltip>
|
||||||
<el-select class="dataTypeEchart2" v-model="dateType" placeholder="请选择" @change="changeDateType">
|
<el-select class="dataTypeEchart2" v-model="dateType" placeholder="请选择" @change="changeDateType">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in dateTypeOptions"
|
v-for="item in dateTypeOptions"
|
||||||
|
|
@ -265,7 +267,7 @@
|
||||||
<img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt="">
|
<img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div style="height:15vw;overflow: hidden">
|
<div style="height:15vw;overflow: hidden">
|
||||||
<vue-seamless-scroll :data="listData" class="wp-1 hp-1" :class-option="classOption">
|
<vue-seamless-scroll :data="listData" class="wp-1 hp-1" :class-option="classOption" :step="1">
|
||||||
<div class="jcsssj" v-for="(item, index) in listData" :key="index" >
|
<div class="jcsssj" v-for="(item, index) in listData" :key="index" >
|
||||||
<img src="@/assets/image/xian.png" class="jcsssj_xian" alt="">
|
<img src="@/assets/image/xian.png" class="jcsssj_xian" alt="">
|
||||||
<div class="jcsssj_rt" @click="tczxtc(item.stationCode,item.survItem)">
|
<div class="jcsssj_rt" @click="tczxtc(item.stationCode,item.survItem)">
|
||||||
|
|
@ -620,13 +622,13 @@ export default {
|
||||||
dateType: 'monthDays',
|
dateType: 'monthDays',
|
||||||
dateTypeOptions: [ {
|
dateTypeOptions: [ {
|
||||||
value: 'dayhours',
|
value: 'dayhours',
|
||||||
label: '日'
|
label: '24小时'
|
||||||
}, {
|
}, {
|
||||||
value: 'monthDays',
|
value: 'monthDays',
|
||||||
label: '月'
|
label: '30天'
|
||||||
}, {
|
}, {
|
||||||
value: 'yearMonth',
|
value: 'yearMonth',
|
||||||
label: '年'
|
label: '12个月'
|
||||||
}]
|
}]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
@ -1222,7 +1224,7 @@ export default {
|
||||||
if(data1[key] instanceof Array) {
|
if(data1[key] instanceof Array) {
|
||||||
data3[key] = []
|
data3[key] = []
|
||||||
data1[key].map((itemSub,index) => {
|
data1[key].map((itemSub,index) => {
|
||||||
data3[key].push(data2[key][index] - data1[key][index])
|
data3[key].push((data2[key][index] - data1[key][index]).toFixed(2))
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
@ -1262,7 +1264,11 @@ export default {
|
||||||
console.log('开始初始化echart:')
|
console.log('开始初始化echart:')
|
||||||
let dataObj = [];
|
let dataObj = [];
|
||||||
let i = 0;
|
let i = 0;
|
||||||
let colors = ['#2295ee', '#5cdd67', '#c0ca41', '#6115d1', '#ee6922'];
|
let colors = ['#f6dd11',
|
||||||
|
'#02fa16',
|
||||||
|
'#f41c52',
|
||||||
|
'#19ffba',
|
||||||
|
'#ee6922'];
|
||||||
for(let key in data['datas']){
|
for(let key in data['datas']){
|
||||||
if(data['datas'][key] instanceof Array) {
|
if(data['datas'][key] instanceof Array) {
|
||||||
dataObj[i++] = {
|
dataObj[i++] = {
|
||||||
|
|
@ -1309,12 +1315,8 @@ export default {
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value',
|
type: 'value',
|
||||||
/*min:0,
|
|
||||||
max:60,
|
|
||||||
splitNumber:6*/
|
|
||||||
splitLine: {
|
splitLine: {
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
// 设置背景横线
|
|
||||||
color: '#2295ee'
|
color: '#2295ee'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -1329,8 +1331,9 @@ export default {
|
||||||
return {
|
return {
|
||||||
name: item.name,
|
name: item.name,
|
||||||
type:'line',
|
type:'line',
|
||||||
stack: '总量1',
|
stack: '',
|
||||||
data: item.value,
|
data: item.value,
|
||||||
|
// areaStyle: { color: item.color },
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: item.color // 设置线的颜色为红色
|
color: item.color // 设置线的颜色为红色
|
||||||
},
|
},
|
||||||
|
|
@ -1366,7 +1369,6 @@ export default {
|
||||||
},
|
},
|
||||||
// 跳转页面3
|
// 跳转页面3
|
||||||
addTask3(e) {
|
addTask3(e) {
|
||||||
console.log("tdjdnhdjdn",e)
|
|
||||||
let stationCode = e.stationCode
|
let stationCode = e.stationCode
|
||||||
if (e.stationType=='livestock') {
|
if (e.stationType=='livestock') {
|
||||||
this.$router.push({path: '/CqyzList',query:{stationCode: stationCode}})
|
this.$router.push({path: '/CqyzList',query:{stationCode: stationCode}})
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue