Administrator
/
FenXiNspBigScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

稷山面源污染初始化

This commit is contained in:
wgx 2026-08-08 18:56:52 +08:00
parent 3ac1c6f49f
commit 7d92dbb698
7 changed files with 42 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
pnpm-lock.yaml
View File

@ -1055,6 +1055,7 @@ packages:
'@xmldom/xmldom@0.8.11': '@xmldom/xmldom@0.8.11':
resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==} resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==}
engines: {node: '>=10.0.0'} engines: {node: '>=10.0.0'}
deprecated: this version has critical issues, please update to the latest version
'@xtuc/ieee754@1.2.0': '@xtuc/ieee754@1.2.0':
resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==} resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}

2
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>吉县黄河流域农业面源污染平台</title> <title>稷山重点流域农业面源污染平台</title>
<link rel="stylesheet" href="<%= BASE_URL %>reset.css"> <link rel="stylesheet" href="<%= BASE_URL %>reset.css">
<!-- <link rel="stylesheet" href="<%= BASE_URL %>layui/dist/css/layui.css">--> <!-- <link rel="stylesheet" href="<%= BASE_URL %>layui/dist/css/layui.css">-->
<!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>--> <!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>-->

2
src/api/request.js
View File

@ -8,7 +8,7 @@ const requests = axios.create({
// 请求拦截器 // 请求拦截器
requests.interceptors.request.use((config)=>{ requests.interceptors.request.use((config)=>{
config.headers['X-Access-Token'] = localStorage.getItem("token") // 请求头带上token config.headers['X-Access-Token'] = localStorage.getItem("token") // 请求头带上token
config.headers['X-Tenant-Id'] = '1002' config.headers['X-Tenant-Id'] = '1003'
return config return config
},(error)=>{ },(error)=>{
return Promise.reject(new Error('faile')); return Promise.reject(new Error('faile'));

65
src/pages/Home/index.vue
View File

@ -14,7 +14,7 @@
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
> >
<div class="nav"> <div class="nav">
<span class="nav_ti nav_mag">吉县黄河流域农业面源污染平台</span> <span class="nav_ti nav_mag">稷山县重点流域农业面源污染综合治理平台</span>
<span class="nav_tit">治理效果评价和监测一张图</span> <span class="nav_tit">治理效果评价和监测一张图</span>
</div> </div>
<div class="nav_btn"> <div class="nav_btn">
@ -77,22 +77,22 @@
</vue-seamless-scroll> </vue-seamless-scroll>
</div> </div>
<div class="in1con_lf_img"> <div class="in1con_lf_img">
<div <!-- <div-->
class="in1con_lf_imglf animate__animated animate__delay-1s animate__infinite animate__slow animate__pulse"> <!-- class="in1con_lf_imglf animate__animated animate__delay-1s animate__infinite animate__slow animate__pulse">-->
<img src="@/assets/image/xmgk01.png" class="in1con_lf_imgone" alt=""> <!-- <img src="@/assets/image/xmgk01.png" class="in1con_lf_imgone" alt="">-->
<span class="in1con_lf_imglf_tit">农田污染监测站</span> <!-- <span class="in1con_lf_imglf_tit">农田污染监测站</span>-->
<span class="in1con_lf_imglf_num"> <!-- <span class="in1con_lf_imglf_num">-->
<animate-number class="in1con_lf_imglf_num_jix" ref="reNum" from="0" <!-- <animate-number class="in1con_lf_imglf_num_jix" ref="reNum" from="0"-->
:to="2" :key="stationCount0" duration="3000"></animate-number>个 <!-- :to="1" :key="stationCount0" duration="3000"></animate-number>个-->
</span> <!-- </span>-->
</div> <!-- </div>-->
<div <div
class="in1con_lf_imglf animate__animated animate__delay-1s animate__infinite animate__slow animate__pulse"> class="in1con_lf_imglf animate__animated animate__delay-1s animate__infinite animate__slow animate__pulse">
<img src="@/assets/image/xmgk02.png" class="in1con_lf_imgone" alt=""> <img src="@/assets/image/xmgk02.png" class="in1con_lf_imgone" alt="">
<span class="in1con_lf_imglf_tit">畜禽污染监测站</span> <span class="in1con_lf_imglf_tit">畜禽污染监测站</span>
<span class="in1con_lf_imglf_num"> <span class="in1con_lf_imglf_num">
<animate-number class="in1con_lf_imglf_num_jix" ref="reNum" from="0" <animate-number class="in1con_lf_imglf_num_jix" ref="reNum" from="0"
:to="2" :key="stationCount0" duration="3000"></animate-number>个 :to="1" :key="stationCount0" duration="3000"></animate-number>个
</span> </span>
</div> </div>
<!-- <div--> <!-- <div-->
@ -191,10 +191,10 @@
<img src="@/assets/image/icon-blue.png" class="xcdimg" alt=""> <img src="@/assets/image/icon-blue.png" class="xcdimg" alt="">
<span class="scdlist_tit">畜禽污染监测站</span> <span class="scdlist_tit">畜禽污染监测站</span>
</div> </div>
<div class="scdlist" @click="switchIcon('orient')"> <!-- <div class="scdlist" @click="switchIcon('orient')">-->
<img src="@/assets/image/icon-yellow.png" class="xcdimg" alt=""> <!-- <img src="@/assets/image/icon-yellow.png" class="xcdimg" alt="">-->
<span class="scdlist_tit">农田污染监测站</span> <!-- <span class="scdlist_tit">农田污染监测站</span>-->
</div> <!-- </div>-->
<!-- <div class="scdlist" @click="switchIcon('watershed')">--> <!-- <div class="scdlist" @click="switchIcon('watershed')">-->
<!-- <img src="@/assets/image/waterlive.png" class="xcdimg" alt="">--> <!-- <img src="@/assets/image/waterlive.png" class="xcdimg" alt="">-->
<!-- <span class="scdlist_tit">小流域监测站</span>--> <!-- <span class="scdlist_tit">小流域监测站</span>-->
@ -225,13 +225,13 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
<el-tooltip class=" " effect="dark" style="position: absolute;left: 300px;" <!-- <el-tooltip class=" " effect="dark" style="position: absolute;left: 300px;"-->
:content="dataTypeEchart?'当前：监测值为正常历史监测数据。':'当前：对比值为1#监测站数据减去2#监测站数据。'" <!-- :content="dataTypeEchart?'当前：监测值为正常历史监测数据。':'当前：对比值为1#监测站数据减去2#监测站数据。'"-->
placement="top-start"> <!-- placement="top-start">-->
<span class="dataTypeEchart" @click="switchEchartType"> <!-- <span class="dataTypeEchart" @click="switchEchartType">-->
{{ dataTypeEchart ? '监测值' : '对比值' }} <!-- {{ dataTypeEchart ? '监测值' : '对比值' }}-->
</span> <!-- </span>-->
</el-tooltip> <!-- </el-tooltip>-->
<el-tabs type="card" @tab-click="doGetIndexSummry" v-show="dataTypeEchart"> <el-tabs type="card" @tab-click="doGetIndexSummry" v-show="dataTypeEchart">
<el-tab-pane v-for="(item,index) in stationInfoList" :label="item.stationShortName||item.stationName" lazy> <el-tab-pane v-for="(item,index) in stationInfoList" :label="item.stationShortName||item.stationName" lazy>
<template> <template>
@ -315,7 +315,7 @@
<div style="background: #0d4e62;height: 1px;width: 94%;margin: 0 auto;margin-top: 0.4vw;"></div> <div style="background: #0d4e62;height: 1px;width: 94%;margin: 0 auto;margin-top: 0.4vw;"></div>
<div> <div>
<div class="in1con_lf_tit " style="cursor: pointer;" @click1="taizhangDialogShowFlag=true"> <div class="in1con_lf_tit " style="cursor: pointer;" @click1="taizhangDialogShowFlag=true">
<span class="in1con_lf_titshow1">核算与评估</span> <span class="in1con_lf_titshow1">治理效果分析</span>
<img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt=""> <img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt="">
<!-- <span class="in1con_lf_titshow2 " style="">台账>></span>--> <!-- <span class="in1con_lf_titshow2 " style="">台账>></span>-->
</div> </div>
@ -555,7 +555,8 @@ export default {
dialogVisible: false, dialogVisible: false,
inforname: '', inforname: '',
loading: true, loading: true,
zoomData: 14, zoomData: 8,
focusZoomData: 14,
isShowLightNumber: '1', isShowLightNumber: '1',
switchValue: true, switchValue: true,
fullscreen: false, //全屏 fullscreen: false, //全屏
@ -658,7 +659,7 @@ export default {
mapTypeSwitch() { mapTypeSwitch() {
this.mapTypeFlag = !this.mapTypeFlag this.mapTypeFlag = !this.mapTypeFlag
if (this.mapTypeFlag == true) {//正常模式 if (this.mapTypeFlag == true) {//正常模式
this.zoomData = 14 // this.zoomData = 14
if (this.isShowLight == undefined) { if (this.isShowLight == undefined) {
let isShowLight = '1' let isShowLight = '1'
this.initMap(this.zoomData, isShowLight); this.initMap(this.zoomData, isShowLight);
@ -672,7 +673,7 @@ export default {
}) })
}, 1000) }, 1000)
} else {// 地图模式 } else {// 地图模式
this.zoomData = 15 // this.zoomData = 15
if (this.isShowLight == undefined) { if (this.isShowLight == undefined) {
this.initMap(this.zoomData, '1'); this.initMap(this.zoomData, '1');
} else { } else {
@ -780,7 +781,7 @@ export default {
viewMode: '3D', viewMode: '3D',
resizeEnable: true, resizeEnable: true,
zoom: zoomnum, zoom: zoomnum,
center: [110.719361, 36.068184],//默认的地图中心经纬度 center: [110.867954, 35.631413],//默认的地图中心经纬度
mapStyle: 'amap://styles/blue', mapStyle: 'amap://styles/blue',
dragEnable: true,//地图是否可通过鼠标拖拽平移，默认为true。此属性可被setStatus/getStatus 方法控制 dragEnable: true,//地图是否可通过鼠标拖拽平移，默认为true。此属性可被setStatus/getStatus 方法控制
jogEnable: true,//地图是否使用缓动效果，默认值为true。此属性可被setStatus/getStatus 方法控制 jogEnable: true,//地图是否使用缓动效果，默认值为true。此属性可被setStatus/getStatus 方法控制
@ -801,7 +802,7 @@ export default {
if (b.type!='soil') return -1; if (b.type!='soil') return -1;
return 0; return 0;
});//其他类型 });//其他类型
console.log(Marker,'Marker') // console.log(Marker,'Marker')
Marker.map(item => { Marker.map(item => {
let marker = new AMap.Marker({ let marker = new AMap.Marker({
zIndex: item.type == 'soil' ? that.lastZIndex : (that.lastZIndex+1), zIndex: item.type == 'soil' ? that.lastZIndex : (that.lastZIndex+1),
@ -840,9 +841,9 @@ export default {
}) })
this.$forceUpdate(); this.$forceUpdate();
// that.aMap.setFitView(null, false, [100,400,200,200], 16); // that.aMap.setFitView(null, false, [100,400,200,200], 16);
that.aMap.setFitView(); // that.aMap.setFitView();
setTimeout(() => { setTimeout(() => {
that.aMap.setFitView(null, false, [130, 380, 480, 480], 16); that.aMap.setFitView(null, false, [130, 380, 480, 480], 12);
// let temp = that.aMap.getCenter();//矫正显示标点位置在正中心 // let temp = that.aMap.getCenter();//矫正显示标点位置在正中心
// that.aMap.setZoomAndCenter(that.aMap.getZoom()-1, [temp.lng, temp.lat - 0.15]); // that.aMap.setZoomAndCenter(that.aMap.getZoom()-1, [temp.lng, temp.lat - 0.15]);
}, 2000) }, 2000)
@ -1142,13 +1143,13 @@ export default {
arr.map(item => { arr.map(item => {
item.setzIndex((that.lastZIndex+=2)); item.setzIndex((that.lastZIndex+=2));
}); });
that.aMap.setFitView(arr, false, [300, 500, 360, 360], 16); that.aMap.setFitView(arr, false, [300, 500, 360, 360], that.focusZoomData);
// setTimeout(() => { // setTimeout(() => {
// let temp = that.aMap.getCenter();//矫正显示标点位置在正中心 // let temp = that.aMap.getCenter();//矫正显示标点位置在正中心
// that.aMap.setZoomAndCenter(that.aMap.getZoom()-2, [temp.lng, temp.lat - 0.15]); // that.aMap.setZoomAndCenter(that.aMap.getZoom()-2, [temp.lng, temp.lat - 0.15]);
// },2000) // },2000)
} else { } else {
that.aMap.setFitView(null, false, [100, 400, 360, 360], 16); that.aMap.setFitView(null, false, [100, 400, 360, 360], that.zoomData);
} }
} }
}, },

2
src/pages/Login/index.vue
View File

@ -7,7 +7,7 @@
<!-- <source src="http://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">--> <!-- <source src="http://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">-->
<source src="https://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4"> <source src="https://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">
</video> </video>
<div class="maintitle">吉县农业面源污染在线监测平台</div> <div class="maintitle">稷山县农业面源污染综合治理平台</div>
<!-- <img src="@/assets/image/logintltle3.png" alt="" class="logintltle">--> <!-- <img src="@/assets/image/logintltle3.png" alt="" class="logintltle">-->
<el-form <el-form
class="loginipt demo-ruleForm" class="loginipt demo-ruleForm"

8
src/pages/MywrList/index.vue
View File

@ -159,7 +159,7 @@
<img src="@/assets/image/sanguang.png" class="sanguang2" alt=""> <img src="@/assets/image/sanguang.png" class="sanguang2" alt="">
<img src="@/assets/image/sanguang.png" class="sanguangbt2" alt=""> <img src="@/assets/image/sanguang.png" class="sanguangbt2" alt="">
<div class="zywr_lf_tit"> <div class="zywr_lf_tit">
<span class="zywr_titshow">重要污染指标</span> <span class="zywr_titshow">重点污染指标趋势</span>
<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"
@ -199,7 +199,7 @@
<div style="background: #0d4e62;height: 1px;width: 94%;margin: 0 auto;margin-top: 0.4vw;"></div> <div style="background: #0d4e62;height: 1px;width: 94%;margin: 0 auto;margin-top: 0.4vw;"></div>
<div class="xuqingchuli" v-if="stationType==='livestock'"> <div class="xuqingchuli" v-if="stationType==='livestock'">
<div class="in1con_lf_tit "> <div class="in1con_lf_tit ">
<span class="in1con_lf_titshow">畜禽粪污处理</span> <span class="in1con_lf_titshow">粪污处理情况分析</span>
<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 class="qxfwzcl"> <div class="qxfwzcl">
@ -217,7 +217,7 @@
<img src="@/assets/image/png01_iSpt.png" class="png01_iSpt" alt=""> <img src="@/assets/image/png01_iSpt.png" class="png01_iSpt" alt="">
<img src="@/assets/image/qcshuj.png" class="qcshuj" alt=""> <img src="@/assets/image/qcshuj.png" class="qcshuj" alt="">
<span class="qxfwzcl_rit_smt">{{DisplayListdetailList3?.detailCode}}</span> <span class="qxfwzcl_rit_smt">{{DisplayListdetailList3?.detailCode}}</span>
<span class="qxfwzcl_rit_num in1con_lf_imglf_num_jix">{{DisplayListdetailList3?.detailValue}} <span style="font-size: 0.5vw;">万头</span> </span> <!-- <span class="qxfwzcl_rit_num in1con_lf_imglf_num_jix">{{DisplayListdetailList3?.detailValue}} <span style="font-size: 0.5vw;">万头</span> </span>-->
</div> </div>
</div> </div>
</div> </div>
@ -2584,7 +2584,7 @@ a:hover {
border-left-color: rgb(71 105 172) !important; border-left-color: rgb(71 105 172) !important;
} }
.dataTypeEchart2{ .dataTypeEchart2{
left: 246px; left: 246px !important;
top: 0px; top: 0px;
} }
.switchLive { .switchLive {

2
src/pages/weather/weather.vue
View File

@ -6,7 +6,7 @@
<!-- src="https://i.tianqi.com?c=code&amp;id=10&amp;color=%23FFFFFF&amp;icon=1&amp;py=fenxi&amp;site=12"--> <!-- src="https://i.tianqi.com?c=code&amp;id=10&amp;color=%23FFFFFF&amp;icon=1&amp;py=fenxi&amp;site=12"-->
<!-- style="pointer-events: none;"></iframe>--> <!-- style="pointer-events: none;"></iframe>-->
<!-- <iframe width="300" height="40" src="https://i.tianqi.com/?c=code&a=getcode&id=11&icon=1&color=%23FFFFFF" frameborder="0"></iframe>--> <!-- <iframe width="300" height="40" src="https://i.tianqi.com/?c=code&a=getcode&id=11&icon=1&color=%23FFFFFF" frameborder="0"></iframe>-->
<iframe width="300" height="40" src="https://i.tianqi.com/?c=code&a=getcode&id=34&icon=1&color=%23FFFFFF&py=jixian" frameborder="0"></iframe> <iframe width="300" height="40" src="https://i.tianqi.com/?c=code&a=getcode&id=34&icon=1&color=%23FFFFFF&py=jishan" frameborder="0"></iframe>
</div> </div>
</template> </template>