Compare commits

..

24 Commits
main ... hejin

Author SHA1 Message Date
978184212@qq.com 597540f977 修改统计数据 2026-08-24 18:10:09 +08:00
978184212@qq.com feac3406f9 修改地图也页面登录跳转问题 2026-08-21 17:28:44 +08:00
978184212@qq.com 1337f99702 修改河津的测试bug 2026-08-20 18:48:46 +08:00
978184212@qq.com 8350978c5e 修改地图的点聚合 2026-08-19 15:39:10 +08:00
978184212@qq.com 816306b598 按照租户信息修改河津的新小程序第分支提交 2026-08-18 17:37:23 +08:00
978184212@qq.com 81a0a7ba3d 删除没用的 页面 2026-08-13 16:36:31 +08:00
978184212@qq.com fa44229ed2 Merge branch 'jixian' of https://zhgit.sxzooh.com/Administrator/FenXiNspUniapp into jixian
# Conflicts:
#	pages/maps/index.vue
2026-08-13 16:17:10 +08:00
978184212@qq.com ce1dc5b5a7 Merge branch 'jixian' of https://zhgit.sxzooh.com/Administrator/FenXiNspUniapp into jixian
# Conflicts:
#	pages/maps/index.vue
2026-08-13 16:14:30 +08:00
wgx 2f87639314 Merge branch 'jixian' into HEAD 2026-08-13 16:02:27 +08:00
wgx 5fb3ab000f 优化登录、优化图片加载失败等 2026-08-13 16:00:15 +08:00
wgx 4083d013a6 Merge remote-tracking branch 'origin/jixian' into jixian
# Conflicts:
#	pages/maps/index.vue
2026-08-13 15:54:35 +08:00
978184212@qq.com 409d761bbc 地图修改,首页路径 2026-08-13 15:33:15 +08:00
978184212@qq.com eae5281682 更新页面内容,提交切换项目后的第一版 2026-08-12 18:54:14 +08:00
978184212@qq.com e2333f8caa Merge branch 'jishan' of https://zhgit.sxzooh.com/Administrator/FenXiNspUniapp into jishan
# Conflicts:
#	manifest.json
#	packDetail/pages/login/login.vue
#	packDetail1/pages/about/index.vue
#	pages.json
#	pages/index/index.vue
2026-08-11 18:02:32 +08:00
978184212@qq.com 6f4f11be3a 修改细节问题 2026-08-07 18:13:29 +08:00
978184212@qq.com bbf08640b4 第一版测试分支提交 2026-08-07 15:10:51 +08:00
978184212@qq.com 246f34358c 地图内容 2026-07-30 17:02:24 +08:00
wgx 314b871493 优化登录、优化图片加载失败等 2026-07-29 15:40:09 +08:00
wgx d2194a55c8 优化登录、优化图片加载失败等 2026-07-29 15:39:28 +08:00
978184212@qq.com eb7c194ea9 修改细节内容 2026-07-23 19:25:06 +08:00
978184212@qq.com 7ec7cea507 修改后台提出的细节问题,地图,设备信息 2026-07-23 10:23:37 +08:00
978184212@qq.com 54fbe9b3e9 修改APPid 2026-07-01 14:50:36 +08:00
978184212@qq.com 6674ed8584 视频监控样式调整 2026-06-03 10:10:03 +08:00
wgx 8447475eb9 优化登录、优化图片加载失败等 2026-05-09 18:51:26 +08:00
36 changed files with 1718 additions and 2500 deletions

12
App.vue
View File

@ -190,20 +190,12 @@
}, },
onLoad() { onLoad() {
if(!uni.getStorageSync('third_session')){ console.log('App onLoad!')
uni.reLaunch({
url:'/packDetail/pages/login/login'
})
}else{
uni.reLaunch({
url:'/pages/index/index'
})
}
}, },
onShow: function() { onShow: function() {
}, },
onHide: function() { onHide: function() {
console.log('App Hide') console.log('App Hide1')
} }
} }

View File

@ -1,5 +1,6 @@
import { http } from '@/common/service/service.js' import { http } from '@/common/service/service.js'
import configService from '@/common/service/config.service.js'; import configService from '@/common/service/config.service.js';
import indexData from "@/pages/index/indexData";
const apiService = { const apiService = {
/** /**
@ -37,7 +38,55 @@ const apiService = {
}else{ }else{
return configService.staticDomainURL + "/" + avatar; return configService.staticDomainURL + "/" + avatar;
} }
} },
// 检查登录并执行api.checkLogin(()=>{}, () => {});
checkLogin(successCallback,failCallback){
let that = this;
if (uni.getStorageSync('userInfo') && uni.getStorageSync('third_session')) {
if(successCallback){
successCallback();
}
} else {
uni.login({
success: function(res) {
let params = {}
params.jsCode = res.code
that.wxlogin(params).then(res => {
that.loginCallback(res, successCallback, failCallback);
})
}
});
}
},
loginCallback(res, successCallback, failCallback){
let that = this;
if (res.data.code == 0) {
let userInfo = res.data.data;
if (!userInfo.id) {
console.error('登录失败',userInfo)
that.loginFail();
if(failCallback){
failCallback();
}
} else {
console.warn('登录成功',userInfo)
uni.setStorageSync('userInfo', userInfo);
uni.setStorageSync('third_session', userInfo.thirdSession);
if(successCallback){
successCallback();
}
}
} else {
that.loginFail();
if(failCallback){
failCallback();
}
}
},
loginFail () {
uni.removeStorageSync('third_session')
uni.removeStorageSync('userInfo');
},
}; };
export default apiService; export default apiService;

View File

@ -22,10 +22,12 @@ let apiUrl = configService.apiUrl;
const http = new Request() const http = new Request()
http.setConfig((config) => { /* 设置全局配置 */ http.setConfig((config) => { /* 设置全局配置 */
config.baseUrl = apiUrl /* 根域名不同 */ config.baseUrl = apiUrl; /* 根域名不同 */
config.header = { config.header = {
...config.header ...config.header
} };
console.log(config)
// config.headers['X-Access-Token'] = localStorage.getItem("token")
return config return config
}) })
@ -45,8 +47,8 @@ http.interceptor.request((config, cancel) => { /* 请求之前拦截器 */
// 'X-Access-Token':getTokenStorage() // 'X-Access-Token':getTokenStorage()
'app-id' : uni.getAccountInfoSync().miniProgram.appId, 'app-id' : uni.getAccountInfoSync().miniProgram.appId,
"client-type" : "MA", "client-type" : "MA",
'third-session' : uni.getStorageSync('third_session'), 'third-session' : uni.getStorageSync('third_session')||'123',
'X-Tenant-Id' : '1001' 'X-Tenant-Id' : '1004'
} }
/* /*
if (!token) { // 如果token不存在调用cancel 会取消本次请求但是该函数的catch() 仍会执行 if (!token) { // 如果token不存在调用cancel 会取消本次请求但是该函数的catch() 仍会执行

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{ {
"name" : "汾西小流域面源污染监测", "name" : "农业面源污染监测系统",
"appid" : "__UNI__44A8AB0", "appid" : "__UNI__A58A5D7",
"description" : "", "description" : "",
"versionName" : "2.2.22", "versionName" : "2.2.22",
"versionCode" : 233, "versionCode" : 233,
@ -84,7 +84,7 @@
"quickapp" : {}, "quickapp" : {},
/* */ /* */
"mp-weixin" : { "mp-weixin" : {
"appid" : "wx54f76f700fe3a498", "appid" : "wx2fb61322f3042141",
"setting" : { "setting" : {
"urlCheck" : false, "urlCheck" : false,
"es6" : true, "es6" : true,

View File

@ -102,7 +102,7 @@
</view> </view>
<view class="jczb_bot"> <view class="jczb_bot">
<view> <view>
<view class="jccontent" v-if="orientlist.length != 0"> <view class="jccontent" v-if="orientlist && orientlist.length != 0">
<view class="titles"> <view class="titles">
重要污染物监测 重要污染物监测
</view> </view>
@ -120,7 +120,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="jccontent" v-if="livelist.length != 0"> <view class="jccontent" v-if="livelist && livelist.length != 0">
<view class="titles"> <view class="titles">
重要污染物监测 重要污染物监测
</view> </view>
@ -260,14 +260,12 @@
}, },
onLoad(options) { onLoad(options) {
this.item = JSON.parse(decodeURIComponent(options.item)); this.item = JSON.parse(decodeURIComponent(options.item));
console.log("...........",this.item)
uni.getSystemInfo({ uni.getSystemInfo({
success: res => { success: res => {
var pxToRpxScale = 750 / res.windowWidth var pxToRpxScale = 750 / res.windowWidth
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
@ -293,6 +291,7 @@
this.livelist = res.data.data.liveSurvData this.livelist = res.data.data.liveSurvData
this.stinklist = res.data.data.stinkSurvData this.stinklist = res.data.data.stinkSurvData
this.survCamera = res.data.data.survCamera this.survCamera = res.data.data.survCamera
this.survItemList = res.data.data.stationInfo.survColorItems
} }
uni.hideLoading(); uni.hideLoading();
}) })
@ -306,6 +305,7 @@
let items = item.deployCode.split('-') let items = item.deployCode.split('-')
var obj = { var obj = {
url: "https://m.ilhzn.cn/#/pages/cameraView/ysyCamera", url: "https://m.ilhzn.cn/#/pages/cameraView/ysyCamera",
// url: "https://m.ilhzn.cn/#/pages/cameraView/cameraView",
deployDes: item.deployDes + '-' + '', deployDes: item.deployDes + '-' + '',
ysToken: this.token, ysToken: this.token,
deviceIotUrl: item.deviceUrl deviceIotUrl: item.deviceUrl
@ -327,7 +327,6 @@
}) })
}, },
tosjdetail(item,index){ tosjdetail(item,index){
console.log(item,'gegwg')
uni.navigateTo({ uni.navigateTo({
url:'/packDetail/pages/Site/sjdetail?item=' + encodeURIComponent(JSON.stringify(item)) + '&stationCode='+this.details.stationCode + '&stationName=' + this.details.stationName url:'/packDetail/pages/Site/sjdetail?item=' + encodeURIComponent(JSON.stringify(item)) + '&stationCode='+this.details.stationCode + '&stationName=' + this.details.stationName
}) })

View File

@ -9,6 +9,7 @@
<view class="list_item_top"> <view class="list_item_top">
<view class="list_item_left"> <view class="list_item_left">
<image v-if="item.stationType == 'livestock'" src="../../static/zhandian_icon_xuqin.png" mode=""></image> <image v-if="item.stationType == 'livestock'" src="../../static/zhandian_icon_xuqin.png" mode=""></image>
<image v-else-if="item.stationType == 'watershed'" src="../../static/zhandian_icon_xuqin.png" mode=""></image>
<image v-else src="../../static/zd.png" mode=""></image> <image v-else src="../../static/zd.png" mode=""></image>
<view class="item_right" v-if="item.stationName"> <view class="item_right" v-if="item.stationName">
<view class="right_top"> <view class="right_top">
@ -86,6 +87,7 @@
pageNo:1, pageNo:1,
pageSize:4, pageSize:4,
isRefresher: false, // isRefresher: false, //
isLoading: false, //
} }
}, },
onLoad() { onLoad() {
@ -95,7 +97,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
@ -111,71 +112,69 @@
refresherpullingFun() { refresherpullingFun() {
this.isRefresher= true this.isRefresher= true
}, },
getList(){ getList(isRefresh = false) {
let params = {} //
params.pageNo = this.pageNo if (this.isLoading) return
params.pageSize = this.pageSize this.isLoading = true
uni.showLoading({
title: '加载中' let params = {
}); pageNo: this.pageNo,
this.List = [] pageSize: this.pageSize
this.$http.get('/applet/survStationInfo/page',{params:params}).then(res =>{ }
if(res.data.code == 0){
var data = res.data.data.records // loading
this.List = this.List.concat(data) if (this.pageNo === 1 && !isRefresh) {
for(var i=0;i<this.List.length;i++){ uni.showLoading({ title: '加载中' })
if(this.List[i].deviceCount >= 10000 && this.List[i].deviceCount < 100000000){ }
this.List[i].deviceCount = (this.List[i].deviceCount /10000).toFixed(1) + '万'
} //
if(this.List[i].deviceCount >= 100000000){ if (this.pageNo === 1 && !isRefresh) {
this.List[i].deviceCount = (this.List[i].deviceCount /100000000).toFixed(1) + '亿' this.List = []
} }
if(this.List[i].survObj.length >= 10000 && this.List[i].survObj.length < 100000000){
this.List[i].survObj.length = (this.List[i].survObj.length /10000).toFixed(1) + '万' this.$http.get('/applet/survStationInfo/page', { params }).then(res => {
} this.isLoading = false
if(this.List[i].survObj.length >= 100000000){ uni.hideLoading()
this.List[i].survObj.length = (this.List[i].survObj.length /100000000).toFixed(1) + '亿' this.isRefresher = false
}
if(this.List[i].survDataCount >= 10000 && this.List[i].survDataCount < 100000000){ if (res.data.code === 0) {
this.List[i].survDataCount = (this.List[i].survDataCount /10000).toFixed(1) + '万' let data = res.data.data.records || []
} if (this.pageNo === 1) {
if(this.List[i].survDataCount >= 100000000){ this.List = data
this.List[i].survDataCount = (this.List[i].survDataCount /100000000).toFixed(1) + '亿' } else {
} this.List = this.List.concat(data)
} }
console.log(this.List,'35415')
if(res.data.data.total != 0){ //
this.allNum = Number(res.data.data.total)/Number(this.pageSize)+''; this.formatData()
console.log(this.allNum,'总页数')
if(this.allNum.indexOf('.') == -1) { //
this.allNum = this.allNum; this.updatePaginationStatus(res.data.data.total)
console.log(this.allNum,'if') }
} else { }).catch(err => {
this.allNum = parseInt(Number(this.allNum)+1); this.isLoading = false
console.log(this.allNum,'else') uni.hideLoading()
} this.isRefresher = false
console.log(this.pageNo,this.allNum,'156156') })
if(this.pageNo == this.allNum) { },
this.isLastpage = true; formatData() {
this.loadStatus='nomore' //
console.log(this.isLastpage,'true','nomore') this.List.forEach(item => {
} else { item.deviceCount = this.formatNumber(item.deviceCount)
this.isLastpage = false; item.survObj.length = this.formatNumber(item.survObj.length)
// this.isLoadMore=true item.survDataCount = this.formatNumber(item.survDataCount)
this.loadStatus = 'more' })
console.log(this.isLastpage,'false') },
}
}else{ formatNumber(num) {
this.isLastpage = true; if (num >= 100000000) {
this.loadStatus='nomore' return (num / 100000000).toFixed(1) + '亿'
} } else if (num >= 10000) {
} return (num / 10000).toFixed(1) + '万'
uni.hideLoading(); }
this.isRefresher= false return num || 0
}) },
},
lower() { lower() {
console.log("最后一页了,取消下拉功能");
// //
if (this.isLastpage) { if (this.isLastpage) {
return return
@ -185,7 +184,6 @@
this.intervalId = setInterval(() => { this.intervalId = setInterval(() => {
num = num+1; num = num+1;
},1000) },1000)
console.log(this.intervalId,num)
this.pageNo = this.pageNo + 1; this.pageNo = this.pageNo + 1;
let params = {} let params = {}
params.pageNo = this.pageNo params.pageNo = this.pageNo
@ -198,12 +196,10 @@
if(this.pageNo == this.allNum) { if(this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus='nomore' this.loadStatus='nomore'
console.log(this.isLastpage,'true')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
// this.isLoadMore=true // this.isLoadMore=true
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage,'false')
} }
}else{ }else{
this.isLastpage = true; this.isLastpage = true;

View File

@ -1,12 +1,12 @@
<template> <template>
<view class="container"> <view class="container">
<uni-nav-bar :fixed="true" left-icon="left" background-color="#0F6EFF" @clickLeft="back()" status-bar <uni-nav-bar :fixed="true" left-icon="left" background-color="#0F6EFF" @clickLeft="back()" status-bar
:title="details.name" /> :title="details.name"/>
<view class="contant"> <view class="contant" v-if="details.icon || details.name">
<view class="list_item"> <view class="list_item">
<view class="list_item_top"> <view class="list_item_top">
<view class="list_item_left"> <view class="list_item_left">
<image :src="details.icon" mode=""></image> <image :src="baseUrl + '/' + details.icon" mode=""></image>
<view class="item_right"> <view class="item_right">
<view class="right_top" v-if="details.name"> <view class="right_top" v-if="details.name">
监测指标-{{details.name}} 监测指标-{{details.name}}
@ -64,12 +64,14 @@
<script> <script>
import uniEcCanvas from '../../components/uni-ec-canvas/uni-ec-canvas.vue' import uniEcCanvas from '../../components/uni-ec-canvas/uni-ec-canvas.vue'
import * as echarts from '../../components/uni-ec-canvas/echarts.js' import * as echarts from '../../components/uni-ec-canvas/echarts.js'
import configService from "@/common/service/config.service";
export default { export default {
components: { components: {
uniEcCanvas, uniEcCanvas,
}, },
data() { data() {
return { return {
baseUrl:configService.staticDomainURL,
items: {}, items: {},
details: {}, details: {},
list: [], list: [],
@ -130,8 +132,6 @@
value: (Math.floor(Object.values(data[i])[k] * 100) / 100).toFixed(2), value: (Math.floor(Object.values(data[i])[k] * 100) / 100).toFixed(2),
dataDateTime:data[i].dataDateTime dataDateTime:data[i].dataDateTime
}) })
console.log(data[i].codelist, '数据')
console.log(data, '数据全部')
} }
} }
} }
@ -139,26 +139,19 @@
} }
// this.list = data // this.list = data
this.list = this.list.concat(data) this.list = this.list.concat(data)
// console.log(this.list, 'all')
if(res.data.data.total != 0){ if(res.data.data.total != 0){
this.allNum = Number(res.data.data.total)/Number(this.pageSize)+''; this.allNum = Number(res.data.data.total)/Number(this.pageSize)+'';
console.log(this.allNum,'总页数')
if(this.allNum.indexOf('.') == -1) { if(this.allNum.indexOf('.') == -1) {
this.allNum = this.allNum; this.allNum = this.allNum;
console.log(this.allNum,'if')
} else { } else {
this.allNum = parseInt(Number(this.allNum)+1); this.allNum = parseInt(Number(this.allNum)+1);
console.log(this.allNum,'else')
} }
console.log(this.pageNo,this.allNum,'156156')
if(this.pageNo == this.allNum) { if(this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus='nomore' this.loadStatus='nomore'
console.log(this.isLastpage,'true','nomore')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage,'false')
} }
}else{ }else{
this.isLastpage = true; this.isLastpage = true;
@ -167,7 +160,6 @@
}) })
}, },
lower() { lower() {
console.log("最后一页了,取消下拉功能");
// //
if (this.isLastpage) { if (this.isLastpage) {
return return
@ -177,7 +169,6 @@
this.intervalId = setInterval(() => { this.intervalId = setInterval(() => {
num = num+1; num = num+1;
},1000) },1000)
console.log(this.intervalId,num)
this.pageNo = this.pageNo + 1; this.pageNo = this.pageNo + 1;
let params = {} let params = {}
params.pollutionCode = this.details.code params.pollutionCode = this.details.code
@ -199,8 +190,6 @@
value: (Math.floor(Object.values(data[i])[k] * 100) / 100).toFixed(2), value: (Math.floor(Object.values(data[i])[k] * 100) / 100).toFixed(2),
dataDateTime:data[i].dataDateTime dataDateTime:data[i].dataDateTime
}) })
console.log(data[i].codelist, '数据')
console.log(data, '数据全部')
} }
} }
} }
@ -212,12 +201,10 @@
if(this.pageNo == this.allNum) { if(this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus='nomore' this.loadStatus='nomore'
console.log(this.isLastpage,'true')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
// this.isLoadMore=true // this.isLoadMore=true
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage,'false')
} }
}else{ }else{
this.isLastpage = true; this.isLastpage = true;

View File

@ -1,5 +1,5 @@
<template> <template>
<view class="container"> <view class="container" ref="pageContainer">
<!-- <image src="../../static/sjfx.png" mode="" class="bgimg"></image> --> <!-- <image src="../../static/sjfx.png" mode="" class="bgimg"></image> -->
<view class="pj"> <view class="pj">
<view class="pjtitle"> <view class="pjtitle">
@ -28,8 +28,8 @@
</view> </view>
<view class="sxbox wrwCov"> <view class="sxbox wrwCov">
<view class="leftsxbox"> <view class="leftsxbox">
<picker @change="bindPickerChange" :value="index" :range="array"> <picker @change="bindPickerChange" :value="index" :range="stationNameList">
<view class="uni-input">{{array[index]}} <view class="uni-input">{{stationNameList[index]}}
<image src="../../static/data_btn_sanjiao_xia.png"></image> <image src="../../static/data_btn_sanjiao_xia.png"></image>
</view> </view>
</picker> </picker>
@ -43,21 +43,29 @@
<!-- 年月日选择器 --> <!-- 年月日选择器 -->
<view class="uni-form-item uni-column"> <view class="uni-form-item uni-column">
<radio-group class="radio-group" @change="radioChange"> <radio-group class="radio-group" @change="radioChange">
<label class="radio-label" v-for="(item, index) in timList" :key="item.value"> <label class="radio-label" v-for="(item, index) in timList" :key="item.value" :class="{ 'checked': current === index }">
<radio :value="item.value" :checked="index === current" class="radio-item" /> <radio :value="item.value" :checked="index === current" class="radio-item" color="#0f6efe" />
<view class="radio-text">{{item.name}}</view> <view class="radio-text">{{item.name}}</view>
</label> </label>
</radio-group> </radio-group>
</view> </view>
<view class="qstcontent"> <view class="qstcontent" id="chartContainer" ref="chartContainer">
<!-- 有数据时显示图表 -->
<qiun-data-charts <qiun-data-charts
:key="chartKey"
v-if="hasChartData && chartData.series && chartData.series.length > 0"
type="line" type="line"
:opts="opts" :opts="opts"
:chartData="chartData" :chartData="chartData"
:enableScroll="true" :enableScroll="true"
:ontouch="true" :ontouch="true"
canvas2d canvas2d
@finished="onChartFinished"
/> />
<!-- 无数据时显示占位 -->
<view v-else class="empty-chart">
<text class="empty-text">暂无数据</text>
</view>
</view> </view>
</view> </view>
<view class="znyj"> <view class="znyj">
@ -71,8 +79,8 @@
</view> </view>
<view class="sxbox"> <view class="sxbox">
<view class="leftsxbox"> <view class="leftsxbox">
<picker @change="bindPickerChange1" :value="index1" :range="array1"> <picker @change="bindPickerChange1" :value="index1" :range="deviceNameList">
<view class="uni-input1">{{array1[index1]}} <view class="uni-input1">{{deviceNameList[index1]}}
<image src="../../static/data_btn_sanjiao_xia.png"></image> <image src="../../static/data_btn_sanjiao_xia.png"></image>
</view> </view>
</picker> </picker>
@ -126,16 +134,30 @@
height: 0, height: 0,
scorllheight: 0, scorllheight: 0,
zt: '', zt: '',
date: new Date().getFullYear(), date: new Date().getFullYear().toString(),
array: [],
index: 0, // 0 // ===== =====
index1: 0, stationNameList: [], //
array1: [], stationList: [], // [{label, value: stationCode}]
arrays: [], index: 0, //
stationCode: '', //
// ===== =====
deviceNameList: ['全部监测设备'], //
deviceList: [{ // [{label, value: deployId}]
label: '全部监测设备',
value: ''
}],
index1: 0, //
deployId: '', // ID
list: [], list: [],
tabList: ['站点名称', '告警指标', '指标值', '告警时间'], tabList: ['站点名称', '告警指标', '指标值', '告警时间'],
pjlist: [], pjlist: [],
chartData: {}, chartData: {
categories: [],
series: []
},
opts: { opts: {
color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"], color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
padding: [15,10,0,15], padding: [15,10,0,15],
@ -182,15 +204,9 @@
top: 0, top: 0,
total: 0, total: 0,
yearStr: null, yearStr: null,
stationName1: '',
stationCode1: null,
stationCode: '', //
arrays1: [],
zxtdata: [],
timList: [{ timList: [{
value: 'yearMonth', value: 'yearMonth',
name: '年', name: '年'
checked: 'true'
}, },
{ {
value: 'monthDays', value: 'monthDays',
@ -202,11 +218,16 @@
}, },
], ],
current: 0, current: 0,
dateqs: new Date().getFullYear().toString(), // dateqs: new Date().getFullYear().toString(),
datetwo: currentDate, datetwo: currentDate,
riqinumber: 'yearMonth', riqinumber: 'yearMonth',
startDate: '', // startDate: '2000-01-01',
endDate: '', // endDate: '2030-12-31',
//
isLoadingTrend: false,
hasChartData: false,
chartKey: 0,
isChartRendered: false,
} }
}, },
onLoad() { onLoad() {
@ -219,88 +240,79 @@
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
this.index = 0
// this.index1 = 0
const currentYear = new Date().getFullYear();
this.startDate = `${currentYear - 10}-01-01`;
this.endDate = `${currentYear + 10}-12-31`;
//
this.getpj() this.getpj()
// this.getStationList() //
this.importWyw() this.getDeviceList() //
//
this.getazsurvMulchRecord()
//
this.getyjList() this.getyjList()
}, },
//
onShow() {
this.$nextTick(() => {
this.resetAllScroll()
})
},
methods: { methods: {
// //
importWyw() { cutMoneyFiter(val) {
this.array = [] if (!val && val !== 0) return 0
this.arrays = [] return val
this.arrays1 = [{ },
label: '全部监测设备',
value: '' // ===== =====
}] getStationList() {
this.stationNameList = []
this.stationList = []
this.$http.get('/applet/survStationInfo/list').then(res => { this.$http.get('/applet/survStationInfo/list').then(res => {
const dataList = res.data.data || [] const data = res.data.data || []
for (var i = 0; i < dataList.length; i++) { for (var i = 0; i < data.length; i++) {
this.arrays.push({ this.stationList.push({
label: dataList[i].stationName, label: data[i].stationName,
value: dataList[i].stationCode value: data[i].stationCode //
}) })
this.arrays1.push({ this.stationNameList.push(data[i].stationName)
label: dataList[i].stationName,
value: dataList[i].stationCode
})
this.array.push(dataList[i].stationName)
} }
// //
if (this.array.length > 0) { if (this.stationList.length > 0) {
this.stationCode = this.arrays[0].value this.stationCode = this.stationList[0]?.value || ''
// this.$nextTick(() => {
this.qushicov() this.qushicov()
} else { })
console.warn('没有获取到站点数据')
} }
}).catch(err => { }).catch(err => {
console.error('获取站点列表失败:', err) console.log('获取站点列表失败', err)
}) })
}, },
//
getazsurvMulchRecord() { // ===== =====
this.arrays = [] getDeviceList() {
this.array1 = ['全部监测设备'] this.deviceNameList = ['全部监测设备']
this.arrays1 = [{ this.deviceList = [{
label: '全部监测设备', label: '全部监测设备',
value: '' value: ''
}] }]
this.$http.get('/applet/survDeviceDeploy/survDeviceList').then(res => { this.$http.get('/applet/survDeviceDeploy/survDeviceList').then(res => {
const dataList = res.data.data || [] const data = res.data.data || []
for (var i = 0; i < dataList.length; i++) { for (var i = 0; i < data.length; i++) {
this.arrays.push({ this.deviceList.push({
label: dataList[i].fullDeviceName, label: data[i].fullDeviceName,
value: dataList[i].id value: data[i].id // ID
}) })
this.arrays1.push({ this.deviceNameList.push(data[i].fullDeviceName)
label: dataList[i].fullDeviceName,
value: dataList[i].id
})
this.array1.push(dataList[i].fullDeviceName)
} }
}).catch(err => { }).catch(err => {
console.error('获取设备列表失败:', err) console.log('获取设备列表失败', err)
}) })
}, },
//
// ===== =====
getyjList() { getyjList() {
let params = { let params = {}
pageNo: this.pageNo, params.pageNo = this.pageNo
pageSize: this.pageSize, params.pageSize = this.pageSize
deployId: this.stationCode1, params.deployId = this.deployId // 使ID
yearStr: this.yearStr params.yearStr = this.yearStr
}
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}); });
@ -309,7 +321,7 @@
params: params params: params
}).then(res => { }).then(res => {
if (res.data.code == 0) { if (res.data.code == 0) {
var data = res.data.data.records || [] var data = res.data.data.records
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
data[i].times = data[i].alertTime.replace(" ", ":").replace(/\:/g, "-").split("-"); data[i].times = data[i].alertTime.replace(" ", ":").replace(/\:/g, "-").split("-");
data[i].nian = data[i].times[0]; data[i].nian = data[i].times[0];
@ -322,11 +334,18 @@
if (data[i].alertContent && data[i].alertContent.indexOf('监测数据名称:') != -1) { if (data[i].alertContent && data[i].alertContent.indexOf('监测数据名称:') != -1) {
data[i].alertContent = data[i].alertContent.replace('监测数据名称:', '') data[i].alertContent = data[i].alertContent.replace('监测数据名称:', '')
} }
if (typeof data[i].alertContent === 'string') {
data[i].alertContent = [{
name: '告警',
val: data[i].alertContent,
unit: ''
}]
}
} }
this.list = this.list.concat(data) this.list = this.list.concat(data)
this.total = res.data.data.total || 0 this.total = res.data.data.total
if (this.total != 0) { if (res.data.data.total != 0) {
this.allNum = Number(this.total) / Number(this.pageSize) + ''; this.allNum = Number(res.data.data.total) / Number(this.pageSize) + '';
if (this.allNum.indexOf('.') == -1) { if (this.allNum.indexOf('.') == -1) {
this.allNum = this.allNum; this.allNum = this.allNum;
} else { } else {
@ -348,10 +367,11 @@
this.isRefresher = false this.isRefresher = false
}).catch(err => { }).catch(err => {
uni.hideLoading(); uni.hideLoading();
console.error('获取预警列表失败:', err) console.log('获取预警列表失败', err)
}) })
}, },
//
// ===== =====
lower() { lower() {
if (this.isLastpage) { if (this.isLastpage) {
return return
@ -362,17 +382,16 @@
num = num + 1; num = num + 1;
}, 1000) }, 1000)
this.pageNo = this.pageNo + 1; this.pageNo = this.pageNo + 1;
let params = { let params = {}
pageNo: this.pageNo, params.pageNo = this.pageNo
pageSize: this.pageSize, params.pageSize = this.pageSize
deployId: this.stationCode1, params.deployId = this.deployId // 使ID
yearStr: this.yearStr params.yearStr = this.yearStr
}
this.$http.get('/applet/wxclient/alertRecord', { this.$http.get('/applet/wxclient/alertRecord', {
params: params params: params
}).then(res => { }).then(res => {
if (res.data.code == 0) { if (res.data.code == 0) {
var data = res.data.data.records || [] var data = res.data.data.records
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
data[i].times = data[i].alertTime.replace(" ", ":").replace(/\:/g, "-").split("-"); data[i].times = data[i].alertTime.replace(" ", ":").replace(/\:/g, "-").split("-");
data[i].nian = data[i].times[0]; data[i].nian = data[i].times[0];
@ -385,9 +404,16 @@
if (data[i].alertContent && data[i].alertContent.indexOf('监测数据名称:') != -1) { if (data[i].alertContent && data[i].alertContent.indexOf('监测数据名称:') != -1) {
data[i].alertContent = data[i].alertContent.replace('监测数据名称:', '') data[i].alertContent = data[i].alertContent.replace('监测数据名称:', '')
} }
if (typeof data[i].alertContent === 'string') {
data[i].alertContent = [{
name: '告警',
val: data[i].alertContent,
unit: ''
}]
}
} }
this.list = this.list.concat(data) this.list = this.list.concat(data)
if (this.total != 0) { if (res.data.data.total != 0) {
if (this.pageNo == this.allNum) { if (this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus = 'nomore' this.loadStatus = 'nomore'
@ -401,13 +427,14 @@
} }
} }
}).catch(err => { }).catch(err => {
console.error('加载更多失败:', err) console.log('加载更多预警失败', err)
}) })
}, },
//
// ===== =====
getpj() { getpj() {
this.$http.post('/applet/wxclient/displayInfo?infoType=' + 'effect_assess').then(res => { this.$http.post('/applet/wxclient/displayInfo?infoType=' + 'effect_assess').then(res => {
let data = res.data.data.effect_assess.detailList || [] let data = res.data.data.effect_assess.detailList
this.pjlist = data this.pjlist = data
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
if (data[i].detailCode == '综合评价') { if (data[i].detailCode == '综合评价') {
@ -415,169 +442,290 @@
} }
} }
}).catch(err => { }).catch(err => {
console.error('获取评价数据失败:', err) console.log('获取评价失败', err)
}) })
}, },
//
// ===== =====
radioChange(e) { radioChange(e) {
this.riqinumber = e.detail.value this.riqinumber = e.detail.value
this.current = this.timList.findIndex(item => item.value === e.detail.value) this.timList.forEach((item, index) => {
// if (item.value === e.detail.value) {
this.current = index
}
})
let currentDate = new Date()
let year = currentDate.getFullYear()
let month = String(currentDate.getMonth() + 1).padStart(2, '0')
let day = String(currentDate.getDate()).padStart(2, '0')
if (this.riqinumber === 'yearMonth') {
this.dateqs = String(year)
} else if (this.riqinumber === 'monthDays') {
this.dateqs = year + '-' + month
} else {
this.dateqs = year + '-' + month + '-' + day
}
this.qushicov() this.qushicov()
}, },
//
// ===== =====
bindDateqsChange(e) { bindDateqsChange(e) {
let selectedDate = e.detail.value; let selectedDate = e.detail.value
// if (this.riqinumber === 'yearMonth') {
if (this.riqinumber === 'monthDays') { this.dateqs = selectedDate.slice(0, 4)
this.dateqs = selectedDate.slice(0, 7); // YYYY-MM } else if (this.riqinumber === 'monthDays') {
} else if (this.riqinumber === 'yearMonth') { this.dateqs = selectedDate.slice(0, 7)
this.dateqs = selectedDate.slice(0, 4); // YYYY
} else { } else {
this.dateqs = selectedDate; // YYYY-MM-DD this.dateqs = selectedDate
} }
// this.qushicov()
this.qushicov();
}, },
//
qushicov() {
//
if (!this.stationCode) {
console.warn('站点编码为空,无法获取趋势数据')
return
}
let data = { // ===== =====
summrayMode: this.riqinumber, onChartFinished() {
startTime: this.dateqs, this.isChartRendered = true
stationCode: this.stationCode, this.$nextTick(() => {
} this.resetAllScroll()
uni.showLoading({
title: '加载趋势数据...'
});
this.$http.post('/applet/survDeviceDeploy/waterIntegrateStatistic', data).then(iem => {
let lynum = iem.data.data
setTimeout(() => {
let categories = [];
let displayCategories = [];
let series = [];
let allValues = [];
if (lynum.tableHead && lynum.tableHead.length > 0) {
categories = lynum.tableIndex || [];
if (categories.length > 0) {
const first = categories[0];
const middle = categories[Math.floor(categories.length / 2)];
const last = categories[categories.length - 1];
displayCategories = categories.map((item, index) => {
if (index === 0 || index === Math.floor(categories.length / 2) || index === categories.length - 1) {
return item;
}
return '';
});
}
lynum.tableHead.forEach((header, index) => {
const seriesData = lynum.tableData2.map(row => {
const value = row[index] === "0" ? 0 : parseFloat(row[index]) || 0;
allValues.push(value);
return value;
});
series.push({
name: header.eleDesc || header,
data: seriesData
});
});
// Y
if (allValues.length > 0) {
const maxValue = Math.max(...allValues);
const minValue = Math.min(...allValues);
const padding = maxValue * 0.1;
const yAxisMax = maxValue + padding;
const yAxisMin = Math.max(0, minValue - padding);
this.opts = {
...this.opts,
yAxis: {
gridType: "dash",
dashLength: 2,
data: [
{
min: yAxisMin,
max: yAxisMax
}
]
}
};
}
}
let res = {
categories: displayCategories,
series: series
};
this.chartData = JSON.parse(JSON.stringify(res));
uni.hideLoading();
}, 500);
}).catch(err => {
uni.hideLoading();
console.error('获取趋势数据失败:', err)
//
uni.showToast({
title: '获取趋势数据失败',
icon: 'none'
})
}) })
}, },
// 线
// ===== =====
resetAllScroll() {
// 1.
uni.pageScrollTo({
scrollTop: 0,
duration: 0
})
// 2. H5 DOM
// #ifdef H5
setTimeout(() => {
//
window.scrollTo(0, 0)
//
const scrollableElements = document.querySelectorAll('.scroll-view, .qstcontent, .container, .qiun-data-charts')
scrollableElements.forEach(el => {
if (el.scrollTop !== undefined && el.scrollTop !== 0) {
el.scrollTop = 0
}
if (el.scrollLeft !== undefined && el.scrollLeft !== 0) {
el.scrollLeft = 0
}
})
// canvas
const chartContainer = document.querySelector('.qstcontent .qiun-data-charts')
if (chartContainer) {
chartContainer.scrollLeft = 0
chartContainer.scrollTop = 0
// canvas
const canvasWrapper = chartContainer.querySelector('.qiun-charts')
if (canvasWrapper) {
canvasWrapper.scrollLeft = 0
canvasWrapper.scrollTop = 0
}
// canvas
const canvas = chartContainer.querySelector('canvas')
if (canvas && canvas.parentElement) {
canvas.parentElement.scrollLeft = 0
canvas.parentElement.scrollTop = 0
}
}
}, 150)
// #endif
// 3. 使 API
// #ifdef MP-WEIXIN
setTimeout(() => {
const query = uni.createSelectorQuery().in(this)
query.select('#chartContainer').boundingClientRect()
query.exec((res) => {
if (res && res[0]) {
//
uni.pageScrollTo({
scrollTop: 0,
duration: 0
})
}
})
}, 150)
// #endif
},
// ===== =====
qushicov() {
if (this.isLoadingTrend) return
//
if (!this.stationCode) {
if (this.stationList.length > 0) {
this.stationCode = this.stationList[0].value
} else {
console.log('等待站点数据加载...')
setTimeout(() => {
if (this.stationList.length > 0) {
this.stationCode = this.stationList[0].value
this.qushicov()
}
}, 1000)
return
}
}
if (!this.dateqs) {
this.dateqs = new Date().getFullYear().toString()
}
this.isLoadingTrend = true
let data = {
summrayMode: this.riqinumber || 'yearMonth',
startTime: this.dateqs,
stationCode: this.stationCode, //
}
console.log('请求趋势数据参数:', data)
//
this.chartData = {
categories: [],
series: []
}
this.hasChartData = false
this.$http.post('/applet/survDeviceDeploy/waterIntegrateStatistic', data)
.then(iem => {
let lynum = iem.data.data
console.log('趋势数据返回:', lynum)
if (!lynum || !lynum.tableHead || !lynum.tableData2 || lynum.tableHead.length === 0) {
console.log('趋势数据为空')
this.chartData = {
categories: [],
series: []
}
this.hasChartData = false
this.chartKey = Date.now()
return
}
this.processChartData(lynum)
this.hasChartData = true
// key
this.chartKey = Date.now()
//
this.$nextTick(() => {
this.resetAllScroll()
})
})
.catch(err => {
console.log('趋势数据请求失败', err)
this.chartData = {
categories: [],
series: []
}
this.hasChartData = false
this.chartKey = Date.now()
})
.finally(() => {
this.isLoadingTrend = false
})
},
// ===== =====
processChartData(lynum) {
let categories = []
let displayCategories = []
let series = []
let allValues = []
categories = lynum.tableIndex || []
if (categories.length > 0) {
const middle = Math.floor(categories.length / 2)
displayCategories = categories.map((item, index) => {
if (index === 0 || index === middle || index === categories.length - 1) {
return item
}
return ''
})
}
lynum.tableHead.forEach((header, index) => {
const seriesData = (lynum.tableData2 || []).map(row => {
const value = row[index] === "0" ? 0 : parseFloat(row[index]) || 0
allValues.push(value)
return value
})
series.push({
name: header.eleDesc || header.name || '指标',
data: seriesData
})
})
if (allValues.length > 0) {
const maxValue = Math.max(...allValues)
const minValue = Math.min(...allValues)
const padding = (maxValue - minValue) * 0.1 || 10
const yAxisMax = maxValue + padding
const yAxisMin = Math.max(0, minValue - padding)
this.opts = {
...this.opts,
yAxis: {
gridType: "dash",
dashLength: 2,
data: [
{
min: yAxisMin,
max: yAxisMax || 100
}
]
}
}
}
this.chartData = {
categories: displayCategories,
series: series
}
console.log('图表数据更新:', this.chartData)
},
// ===== 线 =====
bindPickerChange: function(e) { bindPickerChange: function(e) {
this.index = e.detail.value this.index = e.detail.value
this.stationName = this.array[this.index] if (this.stationList[this.index]) {
for (var i = 0; i < this.arrays.length; i++) { this.stationCode = this.stationList[this.index].value
if (this.stationName == this.arrays[i].label) { this.qushicov()
this.stationCode = this.arrays[i].value
break
}
} }
//
this.qushicov()
}, },
//
// ===== =====
bindPickerChange1: function(e) { bindPickerChange1: function(e) {
this.index1 = e.detail.value this.index1 = e.detail.value
this.stationName1 = this.array1[this.index1] if (this.deviceList[this.index1]) {
for (var i = 0; i < this.arrays.length; i++) { this.deployId = this.deviceList[this.index1].value // ID
if (this.stationName1 == this.arrays1[i].label) {
this.stationCode1 = this.arrays1[i].value
break
}
}
if (this.stationName1 == '全部监测设备') {
this.stationCode1 = null
} }
this.pageNo = 1 this.pageNo = 1
this.getyjList() this.getyjList()
}, },
//
// ===== =====
bindDateChange: function(e) { bindDateChange: function(e) {
this.yearStr = e.detail.value this.yearStr = e.detail.value
this.date = e.detail.value this.date = e.detail.value
this.pageNo = 1 this.pageNo = 1
this.getyjList() this.getyjList()
}, },
getDate(type) { getDate(type) {
const date = new Date(); const date = new Date();
let year = date.getFullYear(); let year = date.getFullYear();
let month = date.getMonth() + 1; let month = date.getMonth() + 1;
let day = date.getDate(); let day = date.getDate();
if (type === 'start') { if (type === 'start') {
year = year - 10; year = year - 10;
} else if (type === 'end') { } else if (type === 'end') {
@ -586,11 +734,6 @@
month = month > 9 ? month : '0' + month; month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day; day = day > 9 ? day : '0' + day;
return `${year}-${month}-${day}`; return `${year}-${month}-${day}`;
},
// 使
cutMoneyFiter(val) {
if (!val) return 0
return val
} }
} }
} }
@ -702,6 +845,8 @@
height: 400rpx; height: 400rpx;
width: 98%; width: 98%;
padding-left: 20rpx; padding-left: 20rpx;
position: relative;
overflow: hidden;
} }
.uni-ec-canvas { .uni-ec-canvas {
@ -973,6 +1118,7 @@
.pagebot { .pagebot {
height: 100rpx; height: 100rpx;
} }
// //
.radio-group { .radio-group {
display: flex; display: flex;
@ -1031,4 +1177,36 @@
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
} }
//
.empty-chart {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #f8f9fc;
border-radius: 16rpx;
.empty-text {
font-size: 28rpx;
color: #999;
font-family: Source Han Sans SC;
}
}
//
.qstcontent {
.qiun-data-charts {
overflow: hidden !important;
.qiun-charts {
overflow: hidden !important;
}
canvas {
overflow: hidden !important;
}
}
}
</style> </style>

View File

@ -178,7 +178,6 @@
text:res.data.data[i].itemText, text:res.data.data[i].itemText,
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
console.log(this.hobby)
} }
}) })
}, },
@ -207,7 +206,6 @@
text:res.data.data[i].itemText, text:res.data.data[i].itemText,
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
console.log(this.hobby3)
} }
}) })
}, },
@ -217,17 +215,14 @@
}, },
// //
change1(e){ change1(e){
console.log(e)
this.details.breedVariety = e.detail.value this.details.breedVariety = e.detail.value
}, },
// //
change2(e){ change2(e){
console.log(e)
this.details.controlMode = e.detail.value this.details.controlMode = e.detail.value
}, },
// //
change3(e){ change3(e){
console.log(e)
this.details.useMode = e.detail.value this.details.useMode = e.detail.value
}, },
// //

View File

@ -119,7 +119,6 @@
text:res.data.data[i].itemText, text:res.data.data[i].itemText,
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
console.log(this.hobby)
} }
}) })
}, },
@ -155,7 +154,6 @@
text:res.data.data[i].itemText, text:res.data.data[i].itemText,
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
console.log(this.hobby3)
} }
for(var i=0;i<this.hobby3.length;i++){ for(var i=0;i<this.hobby3.length;i++){
if(this.details.useMode){ if(this.details.useMode){

View File

@ -179,7 +179,6 @@
text:res.data.data[i].itemText, text:res.data.data[i].itemText,
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
console.log(this.hobby)
} }
}) })
}, },
@ -208,7 +207,6 @@
text:res.data.data[i].itemText, text:res.data.data[i].itemText,
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
console.log(this.hobby3)
} }
}) })
}, },
@ -218,17 +216,14 @@
}, },
// //
change1(e){ change1(e){
console.log(e)
this.details.breedVariety = e.detail.value this.details.breedVariety = e.detail.value
}, },
// //
change2(e){ change2(e){
console.log(e)
this.details.controlMode = e.detail.value this.details.controlMode = e.detail.value
}, },
// //
change3(e){ change3(e){
console.log(e)
this.details.useMode = e.detail.value this.details.useMode = e.detail.value
}, },
// //

View File

@ -129,7 +129,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height - 182 this.scorllheight = this.height - 182
} }
}); });
@ -142,14 +141,12 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height - 182 this.scorllheight = this.height - 182
} }
}); });
let pages = getCurrentPages(); let pages = getCurrentPages();
let currPage = pages[pages.length - 1]; // let currPage = pages[pages.length - 1]; //
this.reload = currPage.data.reload this.reload = currPage.data.reload
console.log(this.reload,'Ge')
if(this.reload){ if(this.reload){
this.farmName = '' this.farmName = ''
this.breedVariety = '' this.breedVariety = ''
@ -175,7 +172,6 @@
value:res.data.data[i].itemValue value:res.data.data[i].itemValue
}) })
this.array.push(res.data.data[i].itemText) this.array.push(res.data.data[i].itemText)
console.log(this.array)
} }
}) })
}, },
@ -210,24 +206,18 @@
this.List = this.List.concat(data) this.List = this.List.concat(data)
if(res.data.data.total != 0){ if(res.data.data.total != 0){
this.allNum = Number(res.data.data.total)/Number(this.pageSize)+''; this.allNum = Number(res.data.data.total)/Number(this.pageSize)+'';
console.log(this.allNum,'总页数')
if(this.allNum.indexOf('.') == -1) { if(this.allNum.indexOf('.') == -1) {
this.allNum = this.allNum; this.allNum = this.allNum;
console.log(this.allNum,'if')
} else { } else {
this.allNum = parseInt(Number(this.allNum)+1); this.allNum = parseInt(Number(this.allNum)+1);
console.log(this.allNum,'else')
} }
console.log(this.pageNo,this.allNum,'156156')
if(this.pageNo == this.allNum) { if(this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus='nomore' this.loadStatus='nomore'
console.log(this.isLastpage,'true','nomore')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
// this.isLoadMore=true // this.isLoadMore=true
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage,'false')
} }
}else{ }else{
this.isLastpage = true; this.isLastpage = true;
@ -240,7 +230,6 @@
}, },
// //
lower() { lower() {
console.log("最后一页了,取消下拉功能");
// //
if (this.isLastpage) { if (this.isLastpage) {
return return
@ -250,7 +239,6 @@
this.intervalId = setInterval(() => { this.intervalId = setInterval(() => {
num = num+1; num = num+1;
},1000) },1000)
console.log(this.intervalId,num)
this.pageNo = this.pageNo + 1; this.pageNo = this.pageNo + 1;
let params = {} let params = {}
params.pageNo = this.pageNo params.pageNo = this.pageNo
@ -266,12 +254,10 @@
if(this.pageNo == this.allNum) { if(this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus='nomore' this.loadStatus='nomore'
console.log(this.isLastpage,'true')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
// this.isLoadMore=true // this.isLoadMore=true
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage,'false')
} }
}else{ }else{
this.isLastpage = true; this.isLastpage = true;
@ -281,7 +267,6 @@
}) })
}, },
bindPickerChange: function(e) { bindPickerChange: function(e) {
console.log('picker发送选择改变携带值为', e.detail.value)
this.index = e.detail.value this.index = e.detail.value
this.breedVariety = this.arrays[this.index].value this.breedVariety = this.arrays[this.index].value
this.breedVariety1 = this.arrays[this.index].text this.breedVariety1 = this.arrays[this.index].text
@ -312,12 +297,10 @@
}, },
// //
caozuo(item){ caozuo(item){
console.log(item)
var that = this var that = this
uni.showActionSheet({ uni.showActionSheet({
itemList: ['编辑', '删除'], itemList: ['编辑', '删除'],
success: function (res) { success: function (res) {
console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
if((res.tapIndex + 1) == 1){ if((res.tapIndex + 1) == 1){
uni.navigateTo({ uni.navigateTo({
url:'/packDetail/pages/fwtz/edit?item='+ encodeURIComponent(JSON.stringify(item)) url:'/packDetail/pages/fwtz/edit?item='+ encodeURIComponent(JSON.stringify(item))
@ -328,8 +311,6 @@
content: '是否删除数据?', content: '是否删除数据?',
success: function (res) { success: function (res) {
if (res.confirm) { if (res.confirm) {
console.log('用户点击确定');
console.log(item.id,1)
that.$http.delete(that.deleteUrl+'?id='+item.id).then(res =>{ that.$http.delete(that.deleteUrl+'?id='+item.id).then(res =>{
if(res.data.code == 0){ if(res.data.code == 0){
uni.showToast({ uni.showToast({

View File

@ -35,7 +35,7 @@
</view> </view>
</view> </view>
</view> </view>
<text class="botmTetx">Copyright <text style="font-size: 30rpx;padding:0rpx 7rpx;"> © </text> 汾西县农业农村局</text> <!-- <text class="botmTetx">Copyright <text style="font-size: 30rpx;padding:0rpx 7rpx;"> © </text> 河津市现代农业发展中心</text> -->
<!-- <view class="loginpage"> <!-- <view class="loginpage">
<image class="bigimg" src="../../static/dls.jpg" mode=""></image> <image class="bigimg" src="../../static/dls.jpg" mode=""></image>
<view class="padding text-center margin-top"> <view class="padding text-center margin-top">
@ -80,7 +80,7 @@ export default {
thirdLoginInfo: "", thirdLoginInfo: "",
thirdLoginState: false, thirdLoginState: false,
bindingPhoneModal: false, bindingPhoneModal: false,
login: false, login: true,
thirdUserUuid: '', thirdUserUuid: '',
url: { url: {
bindingThirdPhone: '/sys/thirdLogin/bindingThirdPhone' bindingThirdPhone: '/sys/thirdLogin/bindingThirdPhone'
@ -97,30 +97,28 @@ export default {
this.CustomTop = this.Custom.top this.CustomTop = this.Custom.top
}, },
onShow() { onShow() {
var that = this //
const token = uni.getStorageSync('constant');
if (token) {
//
uni.reLaunch({
url: '/pages/index/index'
});
return;
}
//
var that = this;
uni.login({ uni.login({
success: function (res) { success: function (res) {
console.log(res.code) that.code = res.code;
that.code = res.code let params = {};
let params = {} params.jsCode = that.code;
params.jsCode = that.code
console.log(params, 152)
api.wxlogin(params).then(res => { api.wxlogin(params).then(res => {
console.log(res, 165) let userInfo = res.data.data;
if (res.data.code == 0) { uni.setStorageSync('third_session', userInfo.thirdSession);
let userInfo = res.data.data; // session
uni.setStorageSync('third_session', userInfo.thirdSession); });
console.log(that.login, '状态')
if (userInfo.id) {
that.login = false
uni.reLaunch({
url: '/pages/index/index'
})
} else if (!userInfo.id) {
that.login = true
}
}
})
} }
}); });
}, },
@ -150,7 +148,6 @@ export default {
}) })
}, },
TypeInput(e) { TypeInput(e) {
console.log(e, 415)
// ; // ;
const inputType = /[\W]/g // const inputType = /[\W]/g //
this.$nextTick(function () { this.$nextTick(function () {
@ -158,7 +155,6 @@ export default {
}) })
}, },
tologins() { tologins() {
console.log(this.userInfoLoginDTO.password, this.userInfoLoginDTO.userName, '密码用户')
if (!this.userInfoLoginDTO.userName) { if (!this.userInfoLoginDTO.userName) {
uni.showToast({ uni.showToast({
title: '请输入账号', title: '请输入账号',
@ -176,23 +172,21 @@ export default {
return return
} }
this.$http.post('/applet/userInfo/logins', this.userInfoLoginDTO).then(res => { this.$http.post('/applet/userInfo/logins', this.userInfoLoginDTO).then(res => {
if (res.data.code == 0) { api.loginCallback(res, ()=>{
uni.setStorageSync('constant', res.data.data) uni.setStorageSync('constant', res.data.data)
uni.setStorageSync('password', this.userInfoLoginDTO.password) uni.setStorageSync('password', this.userInfoLoginDTO.password)
uni.setStorageSync('userName', this.userInfoLoginDTO.userName) uni.setStorageSync('userName', this.userInfoLoginDTO.userName)
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/index' url: '/pages/index/index'
}) })
} else { }, ()=>{
uni.removeStorageSync('constant') uni.removeStorageSync('constant')
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}) })
// this.userInfoLoginDTO.password = '' });
// this.userInfoLoginDTO.userName = ''
}
}) })
} }
} }
@ -206,7 +200,7 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%); transform: translate(-50%);
color: #999; color: #999;
width: 52%; width: 60%;
} }
.login-paddingtop { .login-paddingtop {
padding-top: 100upx; padding-top: 100upx;

View File

@ -167,7 +167,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height - 120 this.scorllheight = this.height - 120
} }
}); });
@ -199,21 +198,17 @@
this.$set(item, 'checked', true) this.$set(item, 'checked', true)
}) })
this.checkList = this.alllist this.checkList = this.alllist
console.log(this.checkList,156)
} }
}, },
checkSelectItem(e, item) { checkSelectItem(e, item) {
console.log(item,156)
// checkedfalse,checked=true // checkedfalse,checked=true
if (item.checked == true) { if (item.checked == true) {
this.$set(item, 'checked', false) this.$set(item, 'checked', false)
this.checkList = this.checkList.filter(items => (items.value !== item.value)) this.checkList = this.checkList.filter(items => (items.value !== item.value))
console.log(this.checkList,'true')
} else { } else {
this.$set(item, 'checked', true) this.$set(item, 'checked', true)
this.checkList.push(item) this.checkList.push(item)
console.log(this.checkList,'false')
} }
// checkedtruealllist // checkedtruealllist
let newArr = this.alllist.filter(item => (item.checked == true)) let newArr = this.alllist.filter(item => (item.checked == true))
@ -222,7 +217,6 @@
} else { } else {
this.checkTrue = false; this.checkTrue = false;
} }
console.log(this.checkList,41561456)
}, },
submit(){ submit(){
uni.navigateBack({ uni.navigateBack({

View File

@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<!-- 顶部选项卡 --> <!-- 顶部选项卡 -->
<view class="topScroll"> <!-- <view class="topScroll">
<scroll-view scroll-x="true" class="scroll"> <scroll-view scroll-x="true" class="scroll">
<view class="scroll-item" v-for="(item,index) in topItems" :key="index" @click="chooseClick(item,index)" <view class="scroll-item" v-for="(item,index) in topItems" :key="index" @click="chooseClick(item,index)"
:class="{'scroll-item2':isActive == index}"> :class="{'scroll-item2':isActive == index}">
@ -10,7 +10,7 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view> -->
<!-- 监测站告警 --> <!-- 监测站告警 -->
<block v-if="isActive == 0"> <block v-if="isActive == 0">
@ -135,12 +135,13 @@
arrays: [], arrays: [],
isRefresher: false, // isRefresher: false, //
reload: '', reload: '',
topItems: [{ topItems: [
dictLabel: '监测站告警' // {
}, // dictLabel: ''
{ // },
dictLabel: '异常趋势图' // {
} // dictLabel: ''
// }
], ],
value: 0, value: 0,
rangeList: [], rangeList: [],
@ -938,8 +939,8 @@
.zwsj { .zwsj {
height: calc(100vh - 100rpx); height: calc(100vh - 100rpx);
display: flex; display: flex;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
} }
.inzwsj { .inzwsj {
@ -947,8 +948,8 @@
} }
.zwsjimg { .zwsjimg {
width: 200rpx; width: 100%;
height: 200rpx; height: 240rpx;
} }
.zwsjtext { .zwsjtext {

View File

@ -66,7 +66,6 @@
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
this.contentheight = this.height - ktxStatusHeight - navigationHeight - 150 this.contentheight = this.height - ktxStatusHeight - navigationHeight - 150
console.log(this.contentheight,123132)
} }
}); });
}, },
@ -105,7 +104,6 @@
}); });
}, },
radioChange(value){ radioChange(value){
console.log(value)
this.constant.sex = value.detail.value this.constant.sex = value.detail.value
}, },
submit() { submit() {

View File

@ -1,6 +1,6 @@
<template> <template>
<view class="container"> <view class="container">
<uni-nav-bar :fixed="true" left-icon="left" background-color="#0F6EFF" @clickLeft="back()" status-bar :title="item.stationName"/> <uni-nav-bar :fixed="true" left-icon="left" background-color="#0F6EFF" @clickLeft="back()" status-bar :title="item.deployDes"/>
<view class="liebiaos"> <view class="liebiaos">
<view class="list_item"> <view class="list_item">
<view class="list_item_top"> <view class="list_item_top">
@ -128,7 +128,6 @@
} }
}, },
onLoad(options) { onLoad(options) {
console.log(JSON.parse(decodeURIComponent(options.item)))
this.item = JSON.parse(decodeURIComponent(options.item)); this.item = JSON.parse(decodeURIComponent(options.item));
}, },
onShow() { onShow() {

View File

@ -85,30 +85,28 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
this.getList() this.getList()
}, },
methods:{ methods:{
getList(){ getList() {
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}); });
// 使 Promise.all //
Promise.all([ this.$http.get('/applet/survStationInfo/deviceList')
this.$http.get('/applet/survStationInfo/deviceList'), .then(res => {
this.$http.get('/applet/survStationInfo/fdeviceList') const data1 = res?.data?.data || [];
]).then(([res1, res2]) => { this.list = data1;
// uni.hideLoading();
this.list = res1.data.data.concat(res2.data.data); })
uni.hideLoading(); .catch(error => {
}).catch(error => { console.error('请求失败:', error);
console.error('请求失败:', error); uni.hideLoading();
uni.hideLoading(); });
});
}, },
todetail(item,index){ todetail(item,index){
uni.navigateTo({ uni.navigateTo({

View File

@ -9,7 +9,7 @@
<image v-if="it[0].stationType == 'livestock'" src="../../static/zhandian_icon_xuqin.png" mode=""></image> <image v-if="it[0].stationType == 'livestock'" src="../../static/zhandian_icon_xuqin.png" mode=""></image>
<view class="item_right"> <view class="item_right">
<view class="right_top"> <view class="right_top">
{{it[0].stationName}} {{it[0].stationName?it[0].stationName:'无设备信息'}}
</view> </view>
<view class="right_bot"> <view class="right_bot">
<image src="../../static/shebei_icon_shebei.png" mode=""></image> <image src="../../static/shebei_icon_shebei.png" mode=""></image>
@ -84,7 +84,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
@ -101,7 +100,6 @@
}) })
}, },
todetail(item,index){ todetail(item,index){
console.log(item,12)
uni.navigateTo({ uni.navigateTo({
url:'/packDetail/pages/vidio/detail?item=' + encodeURIComponent(JSON.stringify(item)) url:'/packDetail/pages/vidio/detail?item=' + encodeURIComponent(JSON.stringify(item))
}) })

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 50 KiB

BIN
packDetail/static/dls2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -23,7 +23,7 @@
</view> </view>
</view> --> </view> -->
</view> </view>
<text class="botmTetx">Copyright <text style="font-size: 30rpx;padding:0rpx 7rpx;"> © </text> 汾西县农业农村局</text> <!-- <text class="botmTetx">Copyright <text style="font-size: 30rpx;padding:0rpx 7rpx;"> © </text> 河津市现代农业发展中心</text> -->
</view> </view>
</view> </view>
</template> </template>
@ -112,6 +112,6 @@
left: 50%; left: 50%;
transform: translate(-50%); transform: translate(-50%);
color: #999; color: #999;
width: 52%; width: 60%;
} }
</style> </style>

View File

@ -11,7 +11,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="bot_box"> <view class="bot_box" :class="{'single-item': item.depUrlArr && item.depUrlArr.length === 1}">
<view class="bot_left" v-for="(it,i) in item.depUrlArr" :key="i" @click="todetail(it,i,item)"> <view class="bot_left" v-for="(it,i) in item.depUrlArr" :key="i" @click="todetail(it,i,item)">
<view class="botleft_bot"> <view class="botleft_bot">
<view class=""> <view class="">
@ -71,7 +71,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale //px rpx this.height = res.windowHeight * pxToRpxScale //px rpx
console.log(this.height, ktxStatusHeight, navigationHeight)
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
@ -85,7 +84,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale //px rpx this.height = res.windowHeight * pxToRpxScale //px rpx
console.log(this.height, ktxStatusHeight, navigationHeight)
this.scorllheight = this.height this.scorllheight = this.height
} }
}); });
@ -112,24 +110,18 @@
this.List = this.List.concat(data) this.List = this.List.concat(data)
if (data.length != 0) { if (data.length != 0) {
this.allNum = Number(data.length) / Number(this.pageSize) + ''; this.allNum = Number(data.length) / Number(this.pageSize) + '';
console.log(this.allNum, '总页数')
if (this.allNum.indexOf('.') == -1) { if (this.allNum.indexOf('.') == -1) {
this.allNum = this.allNum; this.allNum = this.allNum;
console.log(this.allNum, 'if')
} else { } else {
this.allNum = parseInt(Number(this.allNum) + 1); this.allNum = parseInt(Number(this.allNum) + 1);
console.log(this.allNum, 'else')
} }
console.log(this.pageNo, this.allNum, '156156')
if (this.pageNo == this.allNum) { if (this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus = 'nomore' this.loadStatus = 'nomore'
console.log(this.isLastpage, 'true', 'nomore')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
// this.isLoadMore=true // this.isLoadMore=true
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage, 'false')
} }
} else { } else {
this.isLastpage = true; this.isLastpage = true;
@ -141,7 +133,6 @@
}) })
}, },
lower() { lower() {
console.log("最后一页了,取消下拉功能");
// //
if (this.isLastpage) { if (this.isLastpage) {
return return
@ -151,7 +142,6 @@
this.intervalId = setInterval(() => { this.intervalId = setInterval(() => {
num = num + 1; num = num + 1;
}, 1000) }, 1000)
console.log(this.intervalId, num)
this.pageNo = this.pageNo + 1; this.pageNo = this.pageNo + 1;
let params = {} let params = {}
params.pageNo = this.pageNo params.pageNo = this.pageNo
@ -166,12 +156,10 @@
if (this.pageNo == this.allNum) { if (this.pageNo == this.allNum) {
this.isLastpage = true; this.isLastpage = true;
this.loadStatus = 'nomore' this.loadStatus = 'nomore'
console.log(this.isLastpage, 'true')
} else { } else {
this.isLastpage = false; this.isLastpage = false;
// this.isLoadMore=true // this.isLoadMore=true
this.loadStatus = 'more' this.loadStatus = 'more'
console.log(this.isLastpage, 'false')
} }
} else { } else {
this.isLastpage = true; this.isLastpage = true;
@ -234,6 +222,7 @@
font-size: 28rpx; font-size: 28rpx;
padding: 20rpx 0; padding: 20rpx 0;
color: #8b95ea; color: #8b95ea;
margin-top: 20rpx;
} }
.top_box { .top_box {
@ -253,6 +242,21 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
/* 当只有一个子元素时的样式优化 */
.bot_box.single-item {
justify-content: center;
}
.bot_box.single-item .bot_left {
width: 100%;
height: 370rpx;
}
.bot_box.single-item .bot_left .botleft_top {
width: 100%;
height: 300rpx;
}
.bot_left { .bot_left {
width: 48%; width: 48%;
border: 4rpx solid #f0f0f0; border: 4rpx solid #f0f0f0;

View File

@ -2326,7 +2326,6 @@
uni.sendSocketMessage({ uni.sendSocketMessage({
data: JSON.stringify(param) data: JSON.stringify(param)
}); });
console.log('websocket发送给服务端的消息:', param);
socketTask.close({ socketTask.close({
code: 1000, code: 1000,
success: (res) => { success: (res) => {
@ -2337,7 +2336,6 @@
// push // push
pusherStateChange: function (e) { pusherStateChange: function (e) {
console.log('>>> live-pusher onPushStateChange:', e.detail.code);
const code = e.detail.code; const code = e.detail.code;
let content = ''; let content = '';
switch (code) { switch (code) {
@ -2440,13 +2438,11 @@
}, },
stopPush() { stopPush() {
console.log('停止推流');
this.pushVideoContext.stop(); this.pushVideoContext.stop();
this.pushVideo=false this.pushVideo=false
}, },
startPush() { startPush() {
console.log('开始推流,推流地址为:', this.pushUrl);
uni.showToast({ uni.showToast({
title: '开始推流,推流地址为:' title: '开始推流,推流地址为:'
}); });
@ -2458,7 +2454,6 @@
}, },
error(e) { error(e) {
console.log('live-player', e);
console.error('live-player error:', e.detail.errMsg); console.error('live-player error:', e.detail.errMsg);
if (e.detail.errCode == 10001) { if (e.detail.errCode == 10001) {
uni.showToast({ uni.showToast({

View File

@ -34,19 +34,13 @@
var player = null; var player = null;
export default { export default {
created() { created() {
console.log(1111111111111111111111)
// this.initPlayer() // this.initPlayer()
}, },
mounted() { mounted() {
console.log('mounted...');
if (typeof window.EZUIKit !== 'undefined') { if (typeof window.EZUIKit !== 'undefined') {
console.log('defined EZUIKit...');
this.initPlayer(); this.initPlayer();
} else { } else {
console.log('undefined EZUIKit...');
// //
const script = document.createElement('script') const script = document.createElement('script')
// view www www // view www www
@ -62,7 +56,6 @@
windowWidth, windowWidth,
windowHeight windowHeight
} = uni.getSystemInfoSync(); } = uni.getSystemInfoSync();
console.log('initPlayer...');
return return
fetch('https://zy.sxzooh.com/zh-api/applet/ysyun/getYsToken') fetch('https://zy.sxzooh.com/zh-api/applet/ysyun/getYsToken')
// .then(response => response.json()) // .then(response => response.json())

View File

@ -226,10 +226,8 @@ export default {
}, },
onLoad: function (options) { onLoad: function (options) {
livePlayerContext = uni.createLivePlayerContext('livePlayer'); livePlayerContext = uni.createLivePlayerContext('livePlayer');
console.log('获取参数', options);
// //
const currentPage = getCurrentPages(); const currentPage = getCurrentPages();
console.log(currentPage.nv_length);
// url // url
const { accessToken, deviceSerial, channelNo, date, switch1Checked } = options; const { accessToken, deviceSerial, channelNo, date, switch1Checked } = options;
@ -238,7 +236,6 @@ export default {
this.deviceSerial=deviceSerial, this.deviceSerial=deviceSerial,
this.channelNo=channelNo, this.channelNo=channelNo,
this.page=currentPage.nv_length this.page=currentPage.nv_length
console.log(date);
// //
if (date) { if (date) {
this.date=date, this.date=date,
@ -261,10 +258,8 @@ export default {
*/ */
onShareAppMessage: function (res) { onShareAppMessage: function (res) {
const { accessToken, deviceSerial, channelNo, date, switch1Checked } = this; const { accessToken, deviceSerial, channelNo, date, switch1Checked } = this;
console.log(switch1Checked);
if (res.from === 'button') { if (res.from === 'button') {
// //
console.log(res.target);
this.panelStatus=0 this.panelStatus=0
} }
return { return {
@ -298,7 +293,6 @@ export default {
// //
switch1Change: function (e) { switch1Change: function (e) {
console.log('当前存储类型', e.detail);
if (e.detail.value == false) { if (e.detail.value == false) {
this.switchText='云存储', this.switchText='云存储',
this.switch1Checked=false, this.switch1Checked=false,
@ -327,10 +321,8 @@ export default {
// //
uni.getSystemInfo({ uni.getSystemInfo({
success(res) { success(res) {
console.log('当前操作系统:', res.system);
const sys = res.system; const sys = res.system;
type = sys.split(' '); type = sys.split(' ');
console.log(type);
if (type[0] == 'iOS') { if (type[0] == 'iOS') {
that.toDay=date.replace(/\-/g, '/') that.toDay=date.replace(/\-/g, '/')
} else { } else {
@ -351,7 +343,6 @@ export default {
// //
getTimeLine: function () { getTimeLine: function () {
const { recType, date, accessToken, deviceSerial, channelNo, timelineTimer, currentTimer } = this; const { recType, date, accessToken, deviceSerial, channelNo, timelineTimer, currentTimer } = this;
console.log('获取到的accessToken, accessToken', accessToken);
var that = this; var that = this;
let currentDate = null; let currentDate = null;
let timestampCurrent = null; let timestampCurrent = null;
@ -381,7 +372,6 @@ export default {
}, },
success: (res) => { success: (res) => {
console.log('获取播放时间片段', res.data);
if (res.data.code == 200) { if (res.data.code == 200) {
if (res.data.data != null) { if (res.data.data != null) {
var result = res.data.data; var result = res.data.data;
@ -408,7 +398,6 @@ export default {
et: et et: et
}); });
} }
console.log('availArr:', availArr);
this.dateLine=availArr this.dateLine=availArr
} else { } else {
this.dialogNodataTitle='暂无数据', this.dialogNodataTitle='暂无数据',
@ -447,7 +436,6 @@ export default {
let stTime = e.detail.stTime; let stTime = e.detail.stTime;
let etTime = e.detail.etTime; let etTime = e.detail.etTime;
const { type, date, accessToken, deviceSerial, channelNo, videoSrc } = this; const { type, date, accessToken, deviceSerial, channelNo, videoSrc } = this;
console.log('当前播放时间', stTime, etTime);
let startTime = null; let startTime = null;
let stopTime = null; let stopTime = null;
startTime = date + ' ' + stTime; startTime = date + ' ' + stTime;
@ -481,7 +469,6 @@ export default {
}, },
success: (res) => { success: (res) => {
console.log('获取到的播放地址:', res.data);
if (res.data.code == '200' && res.data.data && res.data.data.url) { if (res.data.code == '200' && res.data.data && res.data.data.url) {
const playUrl = res.data.data.url; const playUrl = res.data.data.url;
this.videoSrc=playUrl this.videoSrc=playUrl
@ -489,7 +476,6 @@ export default {
this.handleStop(); this.handleStop();
// //
this.handlePlay(); this.handlePlay();
console.log('当前播放地址:', this.videoSrc);
} else if (res.data.code == '20007') { } else if (res.data.code == '20007') {
debugger; debugger;
this.dialogTitle='获取播放地址失败', this.dialogTitle='获取播放地址失败',
@ -519,7 +505,6 @@ export default {
this.dialogTitle='获取播放地址失败', this.dialogTitle='获取播放地址失败',
this.dialogContent=res.data.msg, this.dialogContent=res.data.msg,
this.dialogShow=true this.dialogShow=true
console.log('获取rtmp播放地址失败');
} }
} }
}); });
@ -549,7 +534,6 @@ export default {
_this.fullScreen=true _this.fullScreen=true
} }
}); });
console.log('开启全屏');
}, },
unfullScreen() { unfullScreen() {
@ -559,7 +543,6 @@ export default {
_this.fullScreen=false _this.fullScreen=false
} }
}); });
console.log('开启全屏');
}, },
ToggleObjectFit() { ToggleObjectFit() {
@ -576,7 +559,6 @@ export default {
}, },
handlePlay(callback) { handlePlay(callback) {
console.log('handelPlay', this.playVideo, this.isHD);
this.checkNetWork(); this.checkNetWork();
livePlayerContext.play({ livePlayerContext.play({
success: () => { success: () => {
@ -594,7 +576,6 @@ export default {
title: '网络异常', title: '网络异常',
icon: 'none' icon: 'none'
}); });
console.log('开始播放失败');
this.videoNetWorkError=true this.videoNetWorkError=true
this.showVideoControls=false this.showVideoControls=false
this.videoLoadingStatus=100 this.videoLoadingStatus=100
@ -603,7 +584,6 @@ export default {
}, },
handleStop(callback) { handleStop(callback) {
console.log('stop');
const { list } = this; const { list } = this;
livePlayerContext.stop({ livePlayerContext.stop({
success: () => { success: () => {
@ -622,7 +602,6 @@ export default {
}, },
autoHideControl() { autoHideControl() {
console.log('showHdSelect', this.showHDSelect);
const _this = this; const _this = this;
clearTimeout(this.autoHideTimer); clearTimeout(this.autoHideTimer);
this.autoHideTimer = setTimeout(() => { this.autoHideTimer = setTimeout(() => {
@ -640,7 +619,6 @@ export default {
handleHD(e) { handleHD(e) {
var showHDSelect = this.showHDSelect; var showHDSelect = this.showHDSelect;
console.log('handleHD', showHDSelect);
this.showHDSelect=!showHDSelect this.showHDSelect=!showHDSelect
}, },
@ -658,7 +636,6 @@ export default {
}, },
statechange(e) { statechange(e) {
console.log('live-player code:', e.detail.code, e.detail);
const { code } = e.detail; const { code } = e.detail;
let { videoLoadingStatus, list, panelStatus } = this; let { videoLoadingStatus, list, panelStatus } = this;
switch (code) { switch (code) {
@ -726,7 +703,6 @@ export default {
}, },
error(e) { error(e) {
console.log('live-player', e);
console.error('live-player error:', e.detail.errMsg); console.error('live-player error:', e.detail.errMsg);
if (e.detail.errCode == 10001) { if (e.detail.errCode == 10001) {
uni.showToast({ uni.showToast({
@ -738,7 +714,6 @@ export default {
}, },
onVideoTap(e) { onVideoTap(e) {
console.log('点击视频');
const { deviceOffline, showVideoControls, panelStatus, videoNetWorkError } = this; const { deviceOffline, showVideoControls, panelStatus, videoNetWorkError } = this;
if (deviceOffline || panelStatus === 4 || videoNetWorkError) { if (deviceOffline || panelStatus === 4 || videoNetWorkError) {
return false; return false;
@ -755,10 +730,8 @@ export default {
screenShoot(e) { screenShoot(e) {
const { playVideo, videoLoadingStatus } = this; const { playVideo, videoLoadingStatus } = this;
if (!playVideo || videoLoadingStatus != 100) { if (!playVideo || videoLoadingStatus != 100) {
console.log('非播放状态下点击截图');
return false; return false;
} }
console.log('开始截图');
// livePlayerContext.snapshot('raw'); // livePlayerContext.snapshot('raw');
let that = this; let that = this;
uni.getSetting({ uni.getSetting({
@ -786,13 +759,10 @@ export default {
livePlayerContext livePlayerContext
.snapshot('raw') .snapshot('raw')
.then((data) => { .then((data) => {
console.log('data', data);
if (data) { if (data) {
console.log(data);
uni.saveImageToPhotosAlbum({ uni.saveImageToPhotosAlbum({
filePath: data.tempImagePath, filePath: data.tempImagePath,
success(res) { success(res) {
console.log('保存成功', res);
uni.showToast({ uni.showToast({
title: '截图已保存至手机相册', title: '截图已保存至手机相册',
icon: 'none' icon: 'none'
@ -850,7 +820,6 @@ export default {
// //
bindDateChange: function (e) { bindDateChange: function (e) {
console.log('picker发送选择改变携带值为', e.detail.value);
this.date=e.detail.value this.date=e.detail.value
this.getTimeLine(); this.getTimeLine();
}, },

View File

@ -167,7 +167,6 @@
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.scorllheight = this.height - 120 this.scorllheight = this.height - 120
} }
}); });
@ -199,21 +198,17 @@
this.$set(item, 'checked', true) this.$set(item, 'checked', true)
}) })
this.checkList = this.alllist this.checkList = this.alllist
console.log(this.checkList,156)
} }
}, },
checkSelectItem(e, item) { checkSelectItem(e, item) {
console.log(item,156)
// checkedfalse,checked=true // checkedfalse,checked=true
if (item.checked == true) { if (item.checked == true) {
this.$set(item, 'checked', false) this.$set(item, 'checked', false)
this.checkList = this.checkList.filter(items => (items.value !== item.value)) this.checkList = this.checkList.filter(items => (items.value !== item.value))
console.log(this.checkList,'true')
} else { } else {
this.$set(item, 'checked', true) this.$set(item, 'checked', true)
this.checkList.push(item) this.checkList.push(item)
console.log(this.checkList,'false')
} }
// checkedtruealllist // checkedtruealllist
let newArr = this.alllist.filter(item => (item.checked == true)) let newArr = this.alllist.filter(item => (item.checked == true))
@ -222,7 +217,6 @@
} else { } else {
this.checkTrue = false; this.checkTrue = false;
} }
console.log(this.checkList,41561456)
}, },
submit(){ submit(){
uni.navigateBack({ uni.navigateBack({

View File

@ -4,7 +4,7 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "汾西小流域面源污染监测", "navigationBarTitleText": "农业面源污染监测系统",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
@ -156,7 +156,7 @@
{ {
"path": "pages/operations/index", "path": "pages/operations/index",
"style": { "style": {
"navigationBarTitleText": "站点运维", "navigationBarTitleText": "运维记录",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF" "navigationBarBackgroundColor":"#0F6EFF"
} }
@ -164,7 +164,7 @@
{ {
"path": "pages/operations/detail", "path": "pages/operations/detail",
"style": { "style": {
"navigationBarTitleText": "站点运维详情", "navigationBarTitleText": "运维记录详情",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF" "navigationBarBackgroundColor":"#0F6EFF"
} }
@ -172,7 +172,7 @@
{ {
"path": "pages/operations/add", "path": "pages/operations/add",
"style": { "style": {
"navigationBarTitleText": "新增站点运维", "navigationBarTitleText": "新增运维记录",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF" "navigationBarBackgroundColor":"#0F6EFF"
} }
@ -180,7 +180,7 @@
{ {
"path": "pages/operations/edit", "path": "pages/operations/edit",
"style": { "style": {
"navigationBarTitleText": "编辑站点运维", "navigationBarTitleText": "编辑运维记录",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF" "navigationBarBackgroundColor":"#0F6EFF"
} }
@ -196,7 +196,7 @@
{ {
"path": "pages/analysis/index", "path": "pages/analysis/index",
"style": { "style": {
"navigationBarTitleText": "统计分析", "navigationBarTitleText": "监测数据统计分析",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF" "navigationBarBackgroundColor":"#0F6EFF"
} }
@ -212,7 +212,7 @@
{ {
"path": "pages/sjdyj/index", "path": "pages/sjdyj/index",
"style": { "style": {
"navigationBarTitleText": "预警信息", "navigationBarTitleText": "智能预警",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF" "navigationBarBackgroundColor":"#0F6EFF"
} }

File diff suppressed because it is too large Load Diff

449
pages/index/indexData.js Normal file
View File

@ -0,0 +1,449 @@
const indexData = {
bigswiperList : [{
"id": "1692474977070829569",
"infoId": "1692474921957675010",
"detailCode": "图1",
"detailValue": "图",
"detailValue2": "1",
"propsValue1": null,
"propsValue2": null,
"detailPics": "temp/20230818174636_1692352452041.jpg",
"detailExtPics": null,
"detailNote": null,
"isShow": "1",
"sortNo": 1,
"tenantId": null,
"reVision": 0,
"createdBy": "hjadmin",
"createTime": "2023-08-18 17:54:14",
"updatedBy": null,
"isDel": 0,
"updatedTime": null
}, {
"id": "1692475023417888770",
"infoId": "1692474921957675010",
"detailCode": "图2",
"detailValue": "图",
"detailValue2": "2",
"propsValue1": null,
"propsValue2": null,
"detailPics": "temp/20230818174638_1692352462933.png",
"detailExtPics": null,
"detailNote": null,
"isShow": "1",
"sortNo": 1,
"tenantId": null,
"reVision": 0,
"createdBy": "hjadmin",
"createTime": "2023-08-18 17:54:25",
"updatedBy": null,
"isDel": 0,
"updatedTime": null
}],
wrwlist : [{
"unit": "℃",
"code": "dataAirTemp",
"color": "#22BB8A",
"icon": "sys/icon/shebei_icon_qixiang.png",
"description": "大气温度"
}, {
"unit": "%RH",
"code": "dataAirWet",
"color": "#EE701C",
"icon": "sys/icon/zhandian_icon_kongqishidu.png",
"description": "大气湿度"
}, {
"unit": "hPa",
"code": "dataAirPress",
"color": "#52AC2A",
"icon": "sys/icon/zhandian_icon_daqiyali.png",
"description": "大气压力"
}, {
"unit": "mm",
"code": "dataRainFall",
"color": "#2BADB9",
"icon": "sys/icon/zhandian_icon_jiangyuliang.png",
"description": "雨量"
}, {
"unit": "mm",
"code": "dataRainTotal",
"color": "#102B6A",
"icon": "sys/icon/zhandian_icon_jiangyuliang.png",
"description": "雨量累计"
}, {
"unit": "m/s",
"code": "dataWindSpeed",
"color": "#7CD6CF",
"icon": "sys/icon/zhandian_icon_fengsu.png",
"description": "风速"
}, {
"unit": "°",
"code": "dataWindDirection",
"color": "#26A3CC",
"icon": "sys/icon/zhandian_icon_fengxiang.png",
"description": "风向"
}, {
"unit": "MJ/m2",
"code": "dataSunTotal",
"color": "#6C48C7",
"icon": "sys/icon/zhandian_icon_taiyangquanfushe.png",
"description": "辐射累计"
}, {
"unit": "W/m2",
"code": "dataSunFallout",
"color": "#22BB8A",
"icon": "sys/icon/zhandian_icon_taiyangquanfushe.png",
"description": "太阳全辐射"
}, {
"unit": "%",
"code": "dataSoilWet",
"color": "#6495ED",
"icon": "sys/icon/zhandian_icon_turangshidu.png",
"description": "20CM土壤湿度"
}, {
"unit": "%",
"code": "dataSoilWet2",
"color": "#4169E1",
"icon": "sys/icon/zhandian_icon_turangshidu.png",
"description": "40CM土壤湿度"
}, {
"unit": "%",
"code": "dataSoilWet3",
"color": "#0000CD",
"icon": "sys/icon/zhandian_icon_turangshidu.png",
"description": "60CM土壤湿度"
}, {
"unit": "℃",
"code": "dataSoilTemp",
"color": "#C71585",
"icon": "sys/icon/zhandian_icon_turangwendu.png",
"description": "20CM土壤温度"
}, {
"unit": "℃",
"code": "dataSoilTemp2",
"color": "#FF1493",
"icon": "sys/icon/zhandian_icon_turangwendu.png",
"description": "40CM土壤温度"
}, {
"unit": "℃",
"code": "dataSoilTemp3",
"color": "#FF69B4",
"icon": "sys/icon/zhandian_icon_turangwendu.png",
"description": "60CM土壤温度"
}, {
"unit": "uS/cm",
"code": "dataSoilDdl",
"color": "#92D0D0",
"icon": "sys/icon/zhandian_icon_ec.png",
"description": "20CM电导率"
}, {
"unit": "uS/cm",
"code": "dataSoilDdl2",
"color": "#73A2A2",
"icon": "sys/icon/zhandian_icon_ec.png",
"description": "40CM电导率"
}, {
"unit": "uS/cm",
"code": "dataSoilDdl3",
"color": "#567777",
"icon": "sys/icon/zhandian_icon_ec.png",
"description": "60CM电导率"
}, {
"unit": "",
"code": "dataSoilSalt",
"color": "#4F5555",
"icon": "sys/icon/zhandian_icon_ec.png",
"description": "土壤盐分"
}, {
"unit": "%",
"code": "dataSoilWetMark",
"color": "#6495ED",
"icon": "sys/icon/zhandian_icon_turangshidu.png",
"description": "土壤湿度"
}, {
"unit": "℃",
"code": "dataSoilMark",
"color": "#C71585",
"icon": "sys/icon/zhandian_icon_turangwendu.png",
"description": "土壤温度"
}, {
"unit": "uS/cm",
"code": "dataSoilDdlMark",
"color": "#92D0D0",
"icon": "sys/icon/zhandian_icon_ec.png",
"description": "电导率"
}, {
"unit": "mg/L",
"code": "dataWaterTp",
"color": "#C8CC00",
"icon": "sys/icon/shebei_icon_tp.png",
"description": "总磷"
}, {
"unit": "mg/L",
"code": "dataWaterTn",
"color": "#009DB2",
"icon": "sys/icon/shebei_icon_tn.png",
"description": "总氮"
}, {
"unit": "mg/L",
"code": "dataWaterNo",
"color": "#72BAA7",
"icon": "sys/icon/shebei_icon_no3n.png",
"description": "硝态氮"
}, {
"unit": "mg/L",
"code": "dataWaterNh",
"color": "#225A1F",
"icon": "sys/icon/shebei_icon_nh3n.png",
"description": "氨氮"
}, {
"unit": "mg/L",
"code": "dataWaterCod",
"color": "#FDB933",
"icon": "sys/icon/shebei_icon_cod.png",
"description": "化学需氧量"
}, {
"unit": "mg/m³",
"code": "dataOu",
"color": "#f47a75",
"icon": "sys/icon/zhandian_icon_ou.png",
"description": "臭气浓度"
}, {
"unit": "mg/m³",
"code": "dataNh3",
"color": "#d05c7c",
"icon": "sys/icon/zhandian_icon_nh3.png",
"description": "氨气"
}, {
"unit": "mg/m³",
"code": "dataH2s",
"color": "#d05c9f",
"icon": "sys/icon/zhandian_icon_h2s.png",
"description": "硫化氢"
}, {
"unit": "mg/m³",
"code": "dataTvoc",
"color": "#f06464",
"icon": "sys/icon/zhandian_icon_tvoc.png",
"description": "总挥发性有机物"
}, {
"unit": "台",
"code": "default",
"color": "#DEAB8A",
"icon": "",
"description": "默认"
}],
list : [{
"name": "总氮",
"unit": "mg/L",
"value": "2.0000",
"color": "#009DB2",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:23",
"stationName": "小流域监测站1#站",
"stationCode": "S_1",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总磷",
"unit": "mg/L",
"value": "1.0061",
"color": "#C8CC00",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:23",
"stationName": "小流域监测站1#站",
"stationCode": "S_1",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "硝态氮",
"unit": "mg/L",
"value": "5.2110",
"color": "#72BAA7",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:23",
"stationName": "小流域监测站1#站",
"stationCode": "S_1",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总氮",
"unit": "mg/L",
"value": "2.1114",
"color": "#009DB2",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:50",
"stationName": "小流域监测站1#站",
"stationCode": "S_2",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总磷",
"unit": "mg/L",
"value": "0.9864",
"color": "#C8CC00",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:50",
"stationName": "小流域监测站1#站",
"stationCode": "S_2",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "硝态氮",
"unit": "mg/L",
"value": "1.2373",
"color": "#72BAA7",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:50",
"stationName": "小流域监测站1#站",
"stationCode": "S_2",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总氮",
"unit": "mg/L",
"value": "49.6451",
"color": "#009DB2",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:36",
"stationName": "畜禽1号站",
"stationCode": "S_3",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总磷",
"unit": "mg/L",
"value": "10.1785",
"color": "#C8CC00",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:36",
"stationName": "畜禽1号站",
"stationCode": "S_3",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "氨氮",
"unit": "mg/L",
"value": "49.9502",
"color": "#225A1F",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:36",
"stationName": "畜禽1号站",
"stationCode": "S_3",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "化学需氧量",
"unit": "mg/L",
"value": "501.5000",
"color": "#FDB933",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:33:36",
"stationName": "畜禽1号站",
"stationCode": "S_3",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总氮",
"unit": "mg/L",
"value": "50.6921",
"color": "#009DB2",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:00:00",
"stationName": "畜禽2号站",
"stationCode": "S_4",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "总磷",
"unit": "mg/L",
"value": "0.2719",
"color": "#C8CC00",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:00:00",
"stationName": "畜禽2号站",
"stationCode": "S_4",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "氨氮",
"unit": "mg/L",
"value": "48.9038",
"color": "#225A1F",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:00:00",
"stationName": "畜禽2号站",
"stationCode": "S_4",
"stationType": null,
"dataCounts": 1045510
}, {
"name": "化学需氧量",
"unit": "mg/L",
"value": "498.3486",
"color": "#FDB933",
"trend": null,
"survItem": null,
"dataDateTime": "2025-05-23 19:00:00",
"stationName": "畜禽2号站",
"stationCode": "S_4",
"stationType": null,
"dataCounts": 1045510
}],
menu: [
{
name: '监测站点',
img: require('../../static/home_icon_jiance.png'),
path: '/packDetail/pages/Site/index'
}, {
name: '智能预警',
img: require('../../static/scd.png'),
path: '/packDetail/pages/sjdyj/index'
},
{
name: '视频监控',
img: require('../../static/home_icon_shipin.png'),
path: '/packDetail1/pages/device/index'
},
{
name: '运维记录',
img: require('../../static/home_icon_yunwei.png'),
path: '/packDetail/pages/operations/index'
},
{
name: '农业废弃物',
img: require('../../static/home_icon_feiqiwu.png'),
path: '/packDetail/pages/waste/index'
},
{
name: '粪污台账',
img: require('../../static/home_icon_fenwu.png'),
path: '/packDetail/pages/fwtz/index'
},
{
name: '设备管理',
img: require('../../static/home_icon_shebei.png'),
path: '/packDetail/pages/vidio/index'
},
{
name: '统计分析',
img: require('../../static/home_icon_shuju.png'),
path: '/packDetail/pages/analysis/index'
},
]
};
export default indexData;

View File

@ -1,108 +0,0 @@
import { getApi } from "@/utils/common.js"
export default {
data() {
return {
latitude: 29.519418, //
longitude: 106.687094, //
allMarkers: [] //
}
},
onReady() {
// 1.mapmapid
this.mapContext = uni.createMapContext("alarm_map", this);
// 2.
this.getallStations()
},
methods: {
getallStations() {
uni.showLoading()
let obj = {
id: id,
stationQuery: query
}
getApi(obj).then(res => {
uni.hideLoading();
if (res.code == 0) {
if (!Array.isArray(res.data) || res.data.length <= 0) return
//
this.setMarkersAndCluster(res.data) // 3
}
})
},
//
setMarkersAndCluster(markerList) {
// 1.marker
this.allMarkers = Array.from(markerList).map((item, i) => {
return {
...item,
width: 41,
height: 41,
iconPath: 'https://cdn.uviewui.com/uview/album/1.jpg',
joinCluster: true, //
callout: { //
content: '***聚合1',
display: 'ALWAYS', // 'BYCLICK':; 'ALWAYS':
padding: 5,
textAlign: 'center',
color: '#C2874D',
borderRadius: 4
},
label: { //
content: '你好marker',
borderColor: '#ff0000',
bgColor: '#ffffff'## 标题
},
}
});
// 2.
this.mapContext.initMarkerCluster({
enableDefaultStyle: false, // ()
zoomOnClick: true,
gridSize: 60,
complete(res) {
console.log('initMarkerCluster', res)
}
});
// 3.marker
this.mapContext.on('markerClusterCreate', res => {
const clusters = res.clusters //
const zhou = clusters.map(item=> {
const {
center, //
clusterId, // id
markerIds // id
} = item
return {
...center,
width: 50,
height: 50,
clusterId, //
iconPath: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/marker_blue.png',
borderRadius: 8,
joinCluster: true,
label: { //
content: markerIds.length + '',
fontSize: 14,
width: 18,
height: 18,
color: '#ffffff',
bgColor: '#C2874D',
borderRadius: 6,
textAlign: 'center',
anchorX: 25,
anchorY: -60,
}
}
})
// 4.
this.mapContext.addMarkers({
markers: zhou,
clear: false, //marker
})
})
}
}

View File

@ -1,457 +0,0 @@
<template>
<view class="container">
<map id="map" ref="map" style="width: 100%; height:2000rpx;" scale="13" :markers="markers" longitude="111.436625"
latitude="36.771975" show-location @markertap="markertap" @callouttap="callouttap">
</map>
<view class="zdxq">
<view class="zdxqitem" @click="switch2Change('团柏河')">
<image src="../../static/zhandian_nongtian_dingwei.png" mode=""></image>
<view class="textss">
团柏河典型小流域监测站
</view>
<!-- <view class="crildon" :style="!issscd?'background:#00ff37':'background: #ccc;'"></view> -->
</view>
<view class="zdxqitem" @click="switch2Change('对竹河')">
<image src="../../static/zhandian_xuqin_dingwei.png" mode=""></image>
<view class="textss">
对竹河典型小流域监测站
</view>
<!-- <view class="crildon" :style="!isssscd?'background:#00ff37':'background: #ccc;'"></view> -->
</view>
<view class="zdxqitem" @click="switch2Change('土壤')">
<image src="../../static/iconsheturangzs.png" mode=""></image>
<view class="textss">
土壤监测
</view>
</view>
</view>
</view>
</template>
<script>
import api from '@/api/api'
import configService from '@/common/service/config.service.js';
export default {
data() {
return {
baseUrl:configService.staticDomainURL,
markers: [],
list: [],
issscd: false, // (false)
isssscd: false, // (false)
stationInfo: [],
cusLocation: [],
stationlist: [],
stationTwolist:[],
mapCtx: null //
};
},
onLoad() {
this.$nextTick(() => {
this.getList()
})
},
onReady() {
// onReady
this.mapCtx = uni.createMapContext('map', this);
},
onShow() {
if (!uni.getStorageSync('third_session')) {
uni.reLaunch({
url: '/packDetail/pages/login/login'
})
}
},
methods: {
getList() {
this.markers = []
this.list = []
this.stationInfo = []
this.cusLocation = []
this.stationlist = []
this.stationTwolist = []
uni.showLoading({
title: '加载中'
});
this.$http.get('/applet/survStationInfo/stationMap').then(res => {
// stationInfo deviceList
const combinedList = [...res.data.data.stationInfo, ...res.data.data.deviceList];
this.stationlist = combinedList;
this.stationTwolist = [...res.data.data.stationInfo];
console.log("合并后的stationlist+++++", this.stationlist);
//
this.stationlist.forEach((item, index) => {
item.id = index;
// deviceList stationInfo
const markerItem = {
id: item.id,
latitude: Number(item.latitude || item.stationLatitude),
longitude: Number(item.longitude || item.stationLongitude),
stationType: item.stationType || 'device', // deviceList stationType 'device'
sortNo: item.sortNo || index,
stationName: item.name || item.stationName,
stationCode: item.ids || item.stationCode || item.id,
//
groupName: item.groupName || '',
//
deviceType: item.type || null
};
this.list.push(markerItem);
//
if (item.stationType === 'cusLocaltion') {
this.cusLocation.push(item);
}
if (item.stationType === 'orient' || item.stationType === 'livestock') {
this.stationInfo.push(item);
}
});
this.issscd = false
this.isssscd = false
this.qiyeChange()
this.list1query()
this.addDeviceMarkers() //
//
setTimeout(() => {
this.adjustMapToFitAllMarkers();
}, 500);
uni.hideLoading();
})
},
//
addDeviceMarkers() {
this.stationlist.forEach((item, index) => {
// deviceList type stationType
if (item.type && !item.stationType) {
let iconPath = '';
let width = 35;
let height = 35;
//
switch(item.type) {
case 'soil':
iconPath = this.baseUrl + '/icon/device/soil.png';
width = 40;
height = 40;
break;
case 'camera':
iconPath = this.baseUrl + '/icon/device/cam.png';
width = 45;
height = 45;
break;
default:
iconPath = this.baseUrl + '/icon/device/default.png';
}
const markerItem = {
id: item.id,
iconPath: iconPath,
latitude: Number(item.latitude),
longitude: Number(item.longitude),
width: width,
height: height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: 'device',
stationName: item.name,
stationCode: item.ids,
deviceType: item.type,
joinCluster: true
};
this.markers.push(markerItem);
}
});
},
//
adjustMapToFitAllMarkers() {
if (this.mapCtx && this.list.length > 0) {
this.mapCtx.includePoints({
points: this.list.map(item => ({
latitude: item.latitude,
longitude: item.longitude
})),
padding: [40, 40, 40, 40] //
});
}
},
//
adjustMapToRegion(regionName) {
let points = [];
if (regionName === '团柏河') {
//
points = this.stationTwolist
.filter(item => item.groupName === '团柏河')
.map(item => ({
latitude: Number(item.stationLatitude),
longitude: Number(item.stationLongitude)
}));
} else if (regionName === '对竹河') {
//
points = this.stationTwolist
.filter(item => item.groupName === '对竹河')
.map(item => ({
latitude: Number(item.stationLatitude),
longitude: Number(item.stationLongitude)
}));
}
if (points.length > 0 && this.mapCtx) {
this.mapCtx.includePoints({
points: points,
padding: [60, 60, 60, 60] //
});
}
},
markertap(e) {
const index = e.detail.markerId
const marker = this.markers.find(m => m.id === index);
if (marker) {
if (['orient', 'livestock'].includes(marker.stationType)) {
uni.navigateTo({
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(marker))}`
})
} else if (marker.stationType === 'device') {
//
uni.showToast({
title: `设备: ${marker.stationName}`,
icon: 'none'
});
//
}
}
},
callouttap(e) {
const index = e.detail.markerId
const marker = this.markers.find(m => m.id === index);
if (marker) {
if (['orient', 'livestock'].includes(marker.stationType)) {
uni.navigateTo({
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(marker))}`
})
} else if (marker.stationType === 'device') {
//
uni.showToast({
title: `设备: ${marker.stationName}`,
icon: 'none'
});
}
}
},
qiyeChange() {
for (let i = 0; i < this.cusLocation.length; i++) {
const item = this.cusLocation[i];
item.iconPath = '/static/qiyeIcon.png';
item.latitude = Number(item.stationLatitude);
item.longitude = Number(item.stationLongitude);
item.width = 35;
item.height = 52;
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: true
};
this.markers.push(markerItem);
}
},
switch2Change(name) {
if (name === "团柏河") {
this.issscd = !this.issscd;
} else {
this.isssscd = !this.isssscd;
}
//
if ((name === "团柏河" && !this.issscd) || (name === "对竹河" && !this.isssscd)) {
// 绿
setTimeout(() => {
this.adjustMapToRegion(name);
}, 300);
} else {
//
setTimeout(() => {
this.adjustMapToFitAllMarkers();
}, 300);
}
},
list1query() {
// orient
this.markers = this.markers.filter(item => item.stationType !== 'orient');
if (!this.issscd) {
for (let i = 0; i < this.stationlist.length; i++) {
const item = this.stationlist[i];
if (item.stationType === 'orient') {
item.iconPath = this.baseUrl +'/'+ item.stationIcon;
item.latitude = Number(item.stationLatitude);
item.longitude = Number(item.stationLongitude);
item.width = 172;
item.height = 148;
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: true
};
this.markers.push(markerItem);
}
}
}
},
}
}
</script>
<style lang="scss">
/* 样式保持不变 */
.bgimg {
position: fixed;
// z-index: -99;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.customCallout {
width: 349rpx;
height: 49rpx;
color: #fff;
font-size: 24rpx;
text-shadow: 1rpx 2rpx 0rpx #0D1934;
font-weight: bold;
// background-image: url('@/static/zhandian_icon_nongtian_title.png');
background-repeat: no-repeat;
background-size: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.customCallout1 {
width: 349rpx;
height: 49rpx;
color: #fff;
font-size: 24rpx;
text-shadow: 1rpx 2rpx 0rpx #0D1934;
font-weight: bold;
// background-image: url('@/static/zhandian_icon_xuqin_title.png');
background-repeat: no-repeat;
background-size: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.zdxq {
position: fixed;
left: 33rpx;
bottom: 36rpx;
}
.zdxqitem {
padding: 8rpx 0 7rpx 17rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 22rpx;
font-family: Source Han Sans SC;
font-weight: 500;
color: #FFFFFF;
text-shadow: 0rpx 1rpx 0rpx rgba(4, 49, 52, 0.55);
width: 359rpx;
background: rgba(0, 0, 0, 0.52);
border: 1px solid #4B677C;
border-radius: 6rpx;
margin-bottom: 10rpx;
position: relative;
}
.crildon {
width: 10rpx;
height: 10rpx;
border-radius: 50%;
margin-right: 15rpx;
}
.zdxqitem:last-child {
margin-bottom: 0;
}
.zdxqitem image {
width: 33rpx;
height: 50rpx;
margin-right: 15rpx;
}
.zdxqitem:first-child image {
width: 30rpx;
height: 40rpx;
margin-right: 15rpx;
}
.textss {
flex: 1;
text-align: left;
}
.imgs {
position: absolute;
width: 100%;
height: 100%;
z-index: -9;
}
.switchs {
position: fixed;
top: 36rpx;
right: 40rpx;
display: flex;
align-items: center;
}
</style>

View File

@ -1,433 +1,583 @@
<template> <template>
<view class="container"> <view class="container">
<map id="map" ref="map" style="width: 100%; height: calc(100vh + 50rpx);" scale="13" :markers="markers" longitude="111.436625" <!-- <image src="../../static/zddt.jpg" mode="" class="bgimg" @click="todetail()"></image> -->
latitude="36.771975" show-location @markertap="markertap" @callouttap="callouttap"> <map id="map" style="width: 100%; height:2000rpx;" scale="13" :markers="markers" longitude="110.628279"
latitude="35.546105" show-location @markertap="markertap" @callouttap="callouttap">
<cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="index" class="customCallout" :marker-id="item.id">
<cover-image class="imgs" src="@/static/zhandian_icon_xuqin_title.png"
v-if="item.stationType == 'livestock'"></cover-image>
<cover-image class="imgs" src="@/static/zhandian_icon_nongtian_title.png"
v-if="item.stationType == 'orient'"></cover-image>
<cover-image class="imgs" src="@/static/zhandian_icon_qiye_title.png"
v-if="item.stationType == 'cusLocaltion'"></cover-image>
<cover-view class="content"
v-if="item.stationType == 'livestock' || item.stationType == 'orient'|| item.stationType == 'cusLocaltion'">
{{item.stationName}}
</cover-view>
</cover-view>
</cover-view>
</map> </map>
<view class="zdxq"> <view class="zdxq">
<view class="zdxqitem" @click="switch2Change('团柏河')"> <view class="zdxqitem" @click="switch1Change">
<image src="../../static/zhandian_nongtian_dingwei.png" mode=""></image> <image src="../../static/zhandian_sahchong_dingwei.png" mode=""></image>
<view class="textss"> <view class="textss">
团柏河监测站 联网式太阳能杀虫灯
</view> </view>
<view class="crildon" :style="!isscd?'background:#00ff37':'background: #ccc;'"></view>
</view> </view>
<view class="zdxqitem" @click="switch2Change('对竹河')"> <view class="zdxqitem" @click="switch2Change">
<image src="../../static/zhandian_xuqin_dingwei.png" mode=""></image> <image src="../../static/zhandian_xuqin_dingwei.png" mode=""></image>
<view class="textss"> <view class="textss">
对竹河监测站 畜禽养殖污染监测站
</view> </view>
<view class="crildon" :style="!issscd?'background:#00ff37':'background: #ccc;'"></view>
</view> </view>
<view class="zdxqitem" @click="switch2Change('土壤')"> <view class="zdxqitem" @click="switch3Change">
<image src="../../static/iconsheturangzs.png" mode=""></image> <image src="../../static/zhandian_nongtian_dingwei.png" mode=""></image>
<view class="textss"> <view class="textss">
长期定位监测点 农田面源污染监测站
</view> </view>
<view class="crildon" :style="!isssscd?'background:#00ff37':'background: #ccc;'"></view>
</view> </view>
</view> </view>
<!-- <view class="switchs" :defaultSwitch="isscd">-->
<!-- <selectSwitch @change="switch1Change" :defaultSwitch="isscd" checked_bj_color="#13ce66"/>-->
<!-- <switch style="margin-right: 10rpx;" :checked="isscd" @change="switch1Change" />-->
<!-- &lt;!&ndash; 显示/隐藏杀虫灯 &ndash;&gt;-->
<!-- </view>-->
</view> </view>
</template> </template>
<script> <script>
import api from '@/api/api' import api from '@/api/api'
import configService from '@/common/service/config.service.js'; import selectSwitch from "@/components/xuan-switch/xuan-switch.vue";
export default { export default {
data() { components: {
return { selectSwitch
baseUrl: configService.staticDomainURL, },
center: { data() {
latitude: 36.5, return {
longitude: 111.7 markers: [],
}, markersNoPest: [],
scale: 14, list: [],
markers: [], pointers: [],
list: [], imgurl1: '@/static/zhandian_icon_nongtian_title.png',
issscd: false, // (false) imgurl2: '@/static/zhandian_icon_xuqin_title.png',
isssscd: false, // (false) isscd: true,
isSoilShow: false, // (false) issscd: true,
stationInfo: [], isssscd: true,
cusLocation: [], pestlight: [],
stationlist: [], cusLocation: [],
stationTwolist: [], stationInfo: [],
mapCtx: null // pestlightMarker: null,
}; stationlist: [],
}, timerSet: null,
onLoad() { isDataLoaded: false,
this.$nextTick(() => { isCheckingLogin: false, //
this.getList() };
}) },
},
onReady() {
// onReady
this.mapCtx = uni.createMapContext('map', this);
},
onShow() {
if(uni.getStorageSync('third_session')){
uni.login({
success: function (res) {
this.code = res.code
let params = {}
params.jsCode = this.code
api.wxlogin(params).then(res=>{
if(res.data.code == 0){
let userInfo = res.data.data;
// uni.setStorageSync('third_session', userInfo.thirdSession);
if(!userInfo.id){
uni.reLaunch({
url:'/packDetail/pages/login/login'
})
}
}
})
}
});
}else if(!uni.getStorageSync('third_session')){
uni.reLaunch({
url:'/packDetail/pages/login/login'
})
}
},
methods: {
getList() {
this.markers = []
this.list = []
this.stationInfo = []
this.cusLocation = []
this.stationlist = []
this.stationTwolist = []
uni.showLoading({ onLoad() {
title: '加载中' console.log('地图页面加载');
}); //
},
this.$http.get('/applet/survStationInfo/stationMap').then(res => { onShow() {
// stationInfo deviceList console.log('地图页面显示');
const combinedList = [...res.data.data.stationInfo, ...res.data.data.deviceList]; //
this.stationlist = combinedList; if (this.isCheckingLogin) {
this.stationTwolist = [...res.data.data.stationInfo]; return;
}
this.checkLoginStatus();
},
console.log("合并后的stationlist+++++", this.stationlist); onReady() {
this.mapContext = uni.createMapContext("alarm_map", this);
},
// methods: {
this.stationlist.forEach((item, index) => { //
item.id = index; checkLoginStatus() {
this.isCheckingLogin = true;
// deviceList stationInfo const token = uni.getStorageSync('constant');
const markerItem = { const session = uni.getStorageSync('third_session');
id: item.id,
latitude: Number(item.latitude || item.stationLatitude),
longitude: Number(item.longitude || item.stationLongitude),
stationType: item.stationType || 'device', // deviceList stationType 'device'
sortNo: item.sortNo || index,
stationName: item.name || item.stationName,
stationCode: item.ids || item.stationCode || item.id,
//
groupName: item.groupName || '',
//
deviceType: item.type || null
};
this.list.push(markerItem); console.log('登录检查 - token:', !!token, 'session:', !!session);
// // 1 ->
if (item.stationType === 'cusLocaltion') { if (!token && !session) {
this.cusLocation.push(item); console.log('无登录凭证,跳转欢迎页');
} this.isCheckingLogin = false;
if (item.stationType === 'orient' || item.stationType === 'livestock') { uni.reLaunch({
this.stationInfo.push(item); url: '/pages/loginindex'
} });
}); return;
}
this.issscd = false // 2 third_session ->
this.isssscd = false if (session && !token) {
this.isSoilShow = false console.log('有session无token验证用户');
this.qiyeChange() this.verifyUserInfo();
this.list1query() return;
this.addDeviceMarkers() // }
// // 3 ->
setTimeout(() => { if (token) {
this.adjustMapToFitAllMarkers(); console.log('有完整登录信息,加载地图数据');
}, 500); this.isCheckingLogin = false;
if (!this.isDataLoaded) {
this.getList();
}
}
},
uni.hideLoading(); //
}) verifyUserInfo() {
}, const that = this;
// uni.login({
addDeviceMarkers() { success: (res) => {
this.stationlist.forEach((item, index) => { console.log('微信登录成功code:', res.code);
// deviceList type stationType const params = {
if (item.type && !item.stationType) { jsCode: res.code
let iconPath = ''; };
let width = 35;
let height = 35;
// api.wxlogin(params).then(res => {
switch(item.type) { console.log('wxlogin接口返回:', res.data);
case 'soil':
iconPath = this.baseUrl + '/icon/device/soil.png';
width = 32;
height = 47;
break;
case 'camera':
iconPath = this.baseUrl + '/icon/device/cam.png';
width = 45;
height = 45;
break;
default:
iconPath = this.baseUrl + '/icon/device/default.png';
}
const markerItem = { //
id: item.id, if (res.data.code === 0 && res.data.data) {
iconPath: iconPath, const userInfo = res.data.data;
latitude: Number(item.latitude),
longitude: Number(item.longitude),
width: width,
height: height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: 'device',
stationName: item.name,
stationCode: item.ids,
deviceType: item.type,
joinCluster: false //
};
this.markers.push(markerItem);
}
});
},
// setFitView //
adjustMapToFitAllMarkers() { if (userInfo.id && userInfo.id !== null && userInfo.id !== 'null') {
if (this.mapCtx && this.list.length > 0) { //
this.mapCtx.includePoints({ uni.setStorageSync('constant', userInfo);
points: this.list.map(item => ({ console.log('用户验证通过保存token');
latitude: item.latitude, that.isCheckingLogin = false;
longitude: item.longitude //
})), if (!that.isDataLoaded) {
padding: [60, 60, 60, 60] // that.getList();
}); }
} } else {
}, //
console.log('用户信息不完整,跳转登录页');
that.isCheckingLogin = false;
that.clearCacheAndGoLogin();
}
} else {
//
console.log('接口返回错误:', res.data.msg || '未知错误');
that.isCheckingLogin = false;
that.clearCacheAndGoLogin();
}
}).catch((err) => {
console.error('wxlogin请求失败:', err);
that.isCheckingLogin = false;
that.clearCacheAndGoLogin();
});
},
fail: (err) => {
console.error('微信登录失败:', err);
that.isCheckingLogin = false;
that.clearCacheAndGoLogin();
}
});
},
// // token
adjustMapToRegion(regionName) { verifyToken() {
let points = []; this.isCheckingLogin = false;
if (!this.isDataLoaded) {
this.getList();
}
},
if (regionName === '团柏河') { //
// clearCacheAndGoLogin() {
points = this.stationTwolist const keys = ['constant', 'third_session', 'userName', 'password'];
.filter(item => item.groupName === '团柏河') keys.forEach(key => {
.map(item => ({ uni.removeStorageSync(key);
latitude: Number(item.stationLatitude), });
longitude: Number(item.stationLongitude)
}));
} else if (regionName === '对竹河') {
//
points = this.stationTwolist
.filter(item => item.groupName === '对竹河')
.map(item => ({
latitude: Number(item.stationLatitude),
longitude: Number(item.stationLongitude)
}));
} else if (regionName === '土壤') {
//
points = this.stationlist
.filter(item => item.type === 'soil' || item.deviceType === 'soil')
.map(item => ({
latitude: Number(item.latitude || item.stationLatitude),
longitude: Number(item.longitude || item.stationLongitude)
}));
}
if (points.length > 0 && this.mapCtx) { uni.reLaunch({
this.mapCtx.includePoints({ url: '/packDetail/pages/login/login'
points: points, });
padding: [80, 110, 80, 110] // },
});
} else if (points.length === 0) {
//
uni.showToast({
title: `未找到${regionName}相关的监测点`,
icon: 'none'
});
}
},
// setFitView //
preciseMapAdjustment(regionName) { getList() {
if (!this.mapCtx) return; //
if (this.isDataLoaded) {
console.log('数据已加载,跳过');
return;
}
// //
const regionConfigs = { const token = uni.getStorageSync('constant');
'团柏河': { if (!token) {
latitude: 36.5, // console.log('没有登录token不加载数据');
longitude: 111.7, // return;
scale: 14 }
},
'对竹河': {
latitude: 36.4, //
longitude: 111.6, //
scale: 14
},
'土壤': {
latitude: 36.45, //
longitude: 111.65, //
scale: 13
}
};
const config = regionConfigs[regionName]; console.log('开始加载地图数据');
if (config) {
this.mapCtx.moveToLocation({
latitude: config.latitude,
longitude: config.longitude,
scale: config.scale
});
}
},
markertap(e) { this.markers = [];
const index = e.detail.markerId this.markersNoPest = [];
const marker = this.markers.find(m => m.id === index); this.pointers = [];
if (marker) { this.list = [];
if (['orient', 'livestock'].includes(marker.stationType)) { this.pestlight = [];
uni.navigateTo({ this.cusLocation = [];
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(marker))}` this.stationInfo = [];
})
} else if (marker.stationType === 'device') {
uni.navigateTo({
url: `/packDetail/pages/vidio/soilindex`
})
}
}
},
callouttap(e) { uni.showLoading({
const index = e.detail.markerId title: '加载中'
const marker = this.markers.find(m => m.id === index); });
if (marker) {
if (['orient', 'livestock'].includes(marker.stationType)) {
uni.navigateTo({
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(marker))}`
})
} else if (marker.stationType === 'device') {
uni.showToast({
title: `设备: ${marker.stationName}`,
icon: 'none'
});
}
}
},
qiyeChange() { this.$http.get('/applet/survStationInfo/stationMap').then(res => {
for (let i = 0; i < this.cusLocation.length; i++) { console.log('地图接口返回:', res.data);
const item = this.cusLocation[i];
item.iconPath = '/static/qiyeIcon.png';
item.latitude = Number(item.stationLatitude);
item.longitude = Number(item.stationLongitude);
item.width = 35;
item.height = 52;
const markerItem = { //
id: item.id, if (!res.data || res.data.code !== 0) {
iconPath: item.iconPath, console.error('地图数据加载失败:', res.data?.msg || '数据格式错误');
latitude: item.latitude, uni.hideLoading();
longitude: item.longitude, uni.showToast({
width: item.width, title: res.data?.msg || '加载失败',
height: item.height, icon: 'none'
customCallout: { });
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: false //
};
this.markers.push(markerItem);
}
},
switch2Change(name) { //
// if (res.data?.code === 401 || res.data?.code === 1001) {
const stateMap = { this.clearCacheAndGoLogin();
'团柏河': 'issscd', }
'对竹河': 'isssscd', return;
'土壤': 'isSoilShow' }
};
if (stateMap[name]) { // data
this[stateMap[name]] = !this[stateMap[name]]; if (!res.data.data) {
} console.error('地图数据为空');
uni.hideLoading();
uni.showToast({
title: '暂无数据',
icon: 'none'
});
return;
}
// //
const shouldFocus = { const data = res.data.data;
'团柏河': !this.issscd, const pestlightData = data.pestlight || [];
'对竹河': !this.isssscd, const cusLocationData = data.cusLocation || [];
'土壤': !this.isSoilShow const stationInfoData = data.stationInfo || [];
};
if (shouldFocus[name]) { this.stationlist = [...pestlightData, ...cusLocationData, ...stationInfoData];
//
setTimeout(() => {
this.adjustMapToRegion(name);
// 使this.preciseMapAdjustment(name);
}, 300);
} else {
//
setTimeout(() => {
this.adjustMapToFitAllMarkers();
}, 300);
}
},
list1query() { if (this.stationlist.length === 0) {
// orient console.log('没有站点数据');
this.markers = this.markers.filter(item => item.stationType !== 'orient'); uni.hideLoading();
return;
}
if (!this.issscd) { this.stationlist.forEach((item, index) => {
for (let i = 0; i < this.stationlist.length; i++) { item.id = index;
const item = this.stationlist[i]; if (item.inType == 'pestlight') {
if (item.stationType === 'orient') { this.pestlight.push(item);
item.iconPath = this.baseUrl +'/'+ item.stationIcon; }
item.latitude = Number(item.stationLatitude); if (item.stationType == 'cusLocaltion') {
item.longitude = Number(item.stationLongitude); this.cusLocation.push(item);
item.width = 239; }
item.height = 186; if (item.stationType == 'orient' || item.stationType == 'livestock') {
const markerItem = { this.stationInfo.push(item);
id: item.id, }
iconPath: item.iconPath, this.list.push({
latitude: item.latitude, latitude: Number(item.stationLatitude),
longitude: item.longitude, longitude: Number(item.stationLongitude),
width: item.width, stationType: item.stationType,
height: item.height, sortNo: item.sortNo,
customCallout: { stationName: item.stationName,
anchorY: 0, stationCode: item.stationCode
anchorX: 0, });
display: 'ALWAYS' });
},
stationType: item.stationType, this.issscd = false;
stationName: item.stationName, this.isssscd = false;
stationCode: item.stationCode, this.qiyeChange();
joinCluster: false // this.list1query();
}; this.list2query();
this.markers.push(markerItem);
} this.isDataLoaded = true;
}
} uni.hideLoading();
} console.log('地图数据加载完成,共', this.stationlist.length, '个站点');
}
} }).catch(err => {
console.error('加载地图数据失败:', err);
uni.hideLoading();
//
uni.showToast({
title: '网络异常,请重试',
icon: 'none'
});
});
},
// stationlist
processStationList(stationlist) {
if (stationlist && Array.isArray(stationlist)) {
stationlist.forEach(item => {
this.list.push({
latitude: item.inType === 'pestlight' ? Number(item.latitude) : Number(item.stationLatitude),
longitude: item.inType === 'pestlight' ? Number(item.longitude) : Number(item.stationLongitude),
stationType: item.inType === 'pestlight' ? 'pestlight' : item.stationType,
sortNo: item.sortNo,
stationName: item.stationName,
stationCode: item.stationCode
});
});
}
},
// pointers
generatePointers() {
const iconConfig = {
orient: {
iconPath: '/static/zhandian_nongtian_dingwei.png',
width: 35,
height: 52
},
livestock: {
iconPath: '/static/zhandian_xuqin_dingwei.png',
width: 35,
height: 52
},
cusLocaltion: {
iconPath: '/static/qiyeIcon.png',
width: 35,
height: 52
}
};
this.list.forEach((item, i) => {
const config = iconConfig[item.stationType] || {};
item.iconPath = config.iconPath || '';
item.width = config.width || 0;
item.height = config.height || 0;
this.pointers.push({
id: i,
iconPath: item.iconPath,
latitude: Number(item.latitude),
longitude: Number(item.longitude),
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: true
});
});
},
markertap(e) {
const index = e.detail.markerId;
if (this.list[index] && ['orient', 'livestock'].includes(this.list[index].stationType)) {
uni.navigateTo({
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(this.list[index]))}`
});
}
},
callouttap(e) {
const index = e.detail.markerId;
if (this.list[index] && ['orient', 'livestock'].includes(this.list[index].stationType)) {
uni.navigateTo({
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(this.list[index]))}`
});
}
},
todetails(item) {
console.log(item, '还是个然后');
},
switch1Change() {
this.isscd = !this.isscd;
let index = 0;
if (!this.isscd) {
this.pestlightMarker = [];
this.timerSet = setInterval(() => {
for (let i = 0; i < 50 && index < this.pestlight.length; i++) {
const item = this.pestlight[index];
item.iconPath = '/static/zhandian_sahchong_dingwei.png';
item.latitude = Number(item.latitude);
item.longitude = Number(item.longitude);
item.width = 15;
item.height = 20;
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
inType: item.inType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: false
};
this.markers.push(markerItem);
index++;
}
if (index >= this.pestlight.length) {
clearInterval(this.timerSet);
}
}, 1000);
} else {
clearInterval(this.timerSet);
this.markers = this.markers.filter((item) => {
return item.inType !== 'pestlight';
});
}
},
qiyeChange() {
for (let i = 0; i < this.cusLocation.length; i++) {
const item = this.cusLocation[i];
item.iconPath = '/static/qiyeIcon.png';
item.latitude = Number(item.stationLatitude);
item.longitude = Number(item.stationLongitude);
item.width = 35;
item.height = 52;
this.list.push({
latitude: Number(item.stationLatitude),
longitude: Number(item.stationLongitude),
stationType: item.stationType,
sortNo: item.sortNo,
stationName: item.stationName,
stationCode: item.stationCode
});
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: true
};
this.markers.push(markerItem);
}
},
switch2Change() {
this.issscd = !this.issscd;
this.list1query();
},
switch3Change() {
this.isssscd = !this.isssscd;
this.list2query();
},
list1query() {
if (!this.issscd) {
for (let i = 0; i < this.stationInfo.length; i++) {
const item = this.stationInfo[i];
if (item.stationType === 'orient') {
item.iconPath = '/static/zhandian_nongtian_dingwei.png';
item.latitude = Number(item.stationLatitude);
item.longitude = Number(item.stationLongitude);
item.width = 35;
item.height = 52;
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: true
};
this.markers.push(markerItem);
}
}
} else {
this.markers = this.markers.filter((item) => {
return item.stationType !== 'orient';
});
}
},
list2query() {
if (!this.isssscd) {
for (let i = 0; i < this.stationInfo.length; i++) {
const item = this.stationInfo[i];
if (item.stationType === 'livestock') {
item.iconPath = '/static/zhandian_xuqin_dingwei.png';
item.latitude = Number(item.stationLatitude);
item.longitude = Number(item.stationLongitude);
item.width = 35;
item.height = 52;
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0,
anchorX: 0,
display: 'ALWAYS'
},
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: true
};
this.markers.push(markerItem);
}
}
} else {
this.markers = this.markers.filter((item) => {
return item.stationType !== 'livestock';
});
}
}
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
/* 样式保持不变 */
.bgimg { .bgimg {
position: fixed; position: fixed;
// z-index: -99; // z-index: -99;
@ -483,7 +633,7 @@
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
text-shadow: 0rpx 1rpx 0rpx rgba(4, 49, 52, 0.55); text-shadow: 0rpx 1rpx 0rpx rgba(4, 49, 52, 0.55);
width: 240rpx; width: 299rpx;
background: rgba(0, 0, 0, 0.52); background: rgba(0, 0, 0, 0.52);
border: 1px solid #4B677C; border: 1px solid #4B677C;
border-radius: 6rpx; border-radius: 6rpx;

View File

@ -31,7 +31,7 @@
<view class="boxitem_left"> <view class="boxitem_left">
<image src="../../static/me_icon_shebei.png" mode=""></image> <image src="../../static/me_icon_shebei.png" mode=""></image>
<view class="zl"> <view class="zl">
站点运维 运维记录
</view> </view>
</view> </view>
<image src="../../static/me_icon_in.png" mode=""></image> <image src="../../static/me_icon_in.png" mode=""></image>
@ -78,31 +78,14 @@
}); });
}, },
onShow() { onShow() {
if(uni.getStorageSync('third_session')){ api.checkLogin(()=>{
uni.login({ this.getuserInfo();
success: function (res) { }, () => {
this.code = res.code uni.reLaunch({
let params = {} url:'/packDetail/pages/login/login'
params.jsCode = this.code })
api.wxlogin(params).then(res=>{ });
if(res.data.code == 0){
let userInfo = res.data.data;
// uni.setStorageSync('third_session', userInfo.thirdSession);
if(!userInfo.id){
uni.reLaunch({
url:'/packDetail/pages/login/login'
})
}
}
})
}
});
}else if(!uni.getStorageSync('third_session')){
uni.reLaunch({
url:'/packDetail/pages/login/login'
})
}
this.getuserInfo()
}, },
methods: { methods: {
getuserInfo(){ getuserInfo(){

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB