优化大屏加载速度和打包大小

This commit is contained in:
wgx 2025-11-22 19:24:18 +08:00
parent 4c86d844df
commit 1aa82addac
6 changed files with 2332 additions and 2176 deletions

View File

@ -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
})
}

View File

@ -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

View File

@ -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