Compare commits

..

3 Commits

Author SHA1 Message Date
978184212@qq.com a47eab0d42 样式修改 2025-11-17 16:29:40 +08:00
978184212@qq.com 65c1a8d1c8 Merge branch 'main' of https://zhgit.sxzooh.com/Administrator/FenXiNspUniapp into main 2025-11-15 15:03:03 +08:00
978184212@qq.com 4eea49358c 样式修改 2025-11-15 15:02:51 +08:00
10 changed files with 1926 additions and 1910 deletions

View File

@ -601,7 +601,18 @@
},
tojk(item,index){
let items = item.deployCode.split('-')
uni.openEmbeddedMiniProgram({ appId: 'wxf2b3a0262975d8c2', path: '/pages/live/live?accessToken=' + this.token +'&deviceSerial=' + items[0] + '&channelNo=' + items[1]})
var obj = {
url: "https://m.ilhzn.cn/#/pages/cameraView/ysyCamera",
deployDes: item.deployDes + '-' + '',
ysToken: this.token,
deviceIotUrl: item.deviceUrl
};
const queryString = Object.keys(obj).map((key) =>
`${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
const webviewUrl = `/packDetail1/pages/device/index4?${queryString}`;
uni.navigateTo({
url: webviewUrl
});
},
changetab(index){
this.isActive = index

View File

@ -40,7 +40,7 @@
<view class="padding text-center margin-top">
<button class="login-btn block bg-blue lg round" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号登录</button>
<view class="botbq">
版权所有@河津市农业农村局
版权所有@
</view>
</view>
</view> -->

View File

@ -15,16 +15,17 @@
</picker>
</view>
</view>
<view class="form_item" v-if="details.maintainData3">
<view class="form_top">
站点位置:
</view>
<input type="text" placeholder="" disabled="true" v-model="details.maintainData3">
</view>
<view class="form_item">
<view class="form_top">
维护内容:
监测情况:
</view>
<view class="form_bot">
<!-- <uni-section type="line">
<view class="uni-px-5 uni-pb-5">
<uni-data-checkbox @change="change1" selectedColor="#47c693" mode="tag" v-model="details.itemId" :localdata="hobby"></uni-data-checkbox>
</view>
</uni-section> -->
<view class="uni-textarea">
<textarea placeholder-style="color:#808080" auto-height placeholder="请输入内容" @blur="bindTextAreaBlur"/>
</view>
@ -32,14 +33,22 @@
</view>
<view class="form_item">
<view class="form_top">
维护:
负责:
</view>
<!-- <view class="form_bot" @click="tolist()">
<view class="checkpeople">
+ 选择维护人
</view>
</view> -->
<input type="text" placeholder="请输入运维人姓名" v-model="details.maintainPerson">
<input type="text" placeholder="请输入负责人姓名" v-model="details.maintainPerson">
</view>
<view class="form_item">
<view class="form_top">
联系方式:
</view>
<input
type="text"
placeholder="请输入联系方式"
v-model="details.maintainData2"
@blur="validatePhone"
maxlength="11"
/>
<view class="error-text" v-if="phoneError">{{phoneError}}</view>
</view>
<view class="form_item">
<view class="form_top">
@ -84,16 +93,17 @@
isDel: 0,
itemId: "",
maintainData1: "",
maintainData2: "",
maintainNote: "",
maintainPerson: "",
maintainData2:"",
maintainData3: "",
maintainTime: "",
reVision: 0,
stationCode: "",
stationName: "",
tenantId: "",
updatedBy: "",
updatedTime: ""
updatedTime: "",
},
index:'',
date:'',
@ -102,7 +112,8 @@
tag:'',
hobby: [],
checkbox1: [],
reload:'true'
reload:'true',
phoneError: '', //
}
},
onLoad() {
@ -120,15 +131,14 @@
for(var i=0;i<res.data.data.length;i++){
this.arrays.push({
label:res.data.data[i].stationName,
value:res.data.data[i].stationCode
value:res.data.data[i].stationCode,
add:res.data.data[i].stationLocation
})
this.array.push(res.data.data[i].stationName)
console.log(this.array)
}
})
},
bindTextAreaBlur(e) {
console.log("00",e.detail.value)
this.details.maintainData1 = e.detail.value
},
//
@ -140,12 +150,10 @@
text:res.data.data[i].maintainData1,
value:res.data.data[i].id
})
console.log(this.hobby)
}
})
},
bindPickerChange: function(e) {
console.log('picker发送选择改变携带值为', e.detail.value)
this.index = e.detail.value
this.details.stationName = this.array[this.index]
for(var i=0;i<this.arrays.length;i++){
@ -153,10 +161,30 @@
this.details.stationCode = this.arrays[i].value
}
}
this.details.maintainData3 = this.arrays[this.index].add
},
bindDateChange: function(e) {
this.details.maintainTime = e.detail.value
},
//
validatePhone() {
const phone = this.details.maintainData2;
if (!phone) {
this.phoneError = '';
return true;
}
//
const phoneRegex = /^1[3-9]\d{9}$/;
if (!phoneRegex.test(phone)) {
this.phoneError = '请输入正确的手机号码';
return false;
} else {
this.phoneError = '';
return true;
}
},
//
tosubmit(){
if(!this.details.stationName){
@ -169,7 +197,7 @@
}
if(!this.details.maintainData1){
uni.showToast({
title: "请填写维护内容",
title: "请填写监测情况",
icon: 'none',
duration: 2000
})
@ -177,12 +205,29 @@
}
if(!this.details.maintainPerson){
uni.showToast({
title: "请输入运维人姓名",
title: "请输入负责人姓名",
icon: 'none',
duration: 2000
})
return
}
if(!this.details.maintainData2){
uni.showToast({
title: "请输入联系方式",
icon: 'none',
duration: 2000
})
return
}
//
if (!this.validatePhone()) {
uni.showToast({
title: "请输入正确的手机号码",
icon: 'none',
duration: 2000
})
return;
}
if(!this.details.maintainTime){
uni.showToast({
title: "请选择维护时间",
@ -315,4 +360,14 @@
text-align: center;
color: #0472e3;
}
.error-text {
color: #ff0000;
font-size: 24rpx;
margin-top: 10rpx;
}
//
.form_item input:focus {
border: 1rpx solid #ff0000;
}
</style>

View File

@ -15,9 +15,15 @@
</picker>
</view>
</view>
<view class="form_item" v-if="details.maintainData3">
<view class="form_top">
站点位置:
</view>
<input type="text" placeholder="" v-model="details.maintainData3">
</view>
<view class="form_item">
<view class="form_top">
维护内容:
检测情况:
</view>
<view class="form_bot">
<uni-section type="line">
@ -29,13 +35,8 @@
</view>
<view class="form_item">
<view class="form_top">
维护:
负责:
</view>
<!-- <view class="form_bot" @click="tolist()">
<view class="checkpeople">
+ 选择维护人
</view>
</view> -->
<input type="text" placeholder="请输入运维人姓名" v-model="details.maintainPerson">
</view>
<view class="form_item">
@ -82,6 +83,7 @@
itemId: "",
maintainData1: "",
maintainData2: "",
maintainData3:"",
maintainNote: "",
maintainPerson: "",
maintainTime: "",
@ -91,7 +93,7 @@
stationName: "",
tenantId: "",
updatedBy: "",
updatedTime: ""
updatedTime: "",
},
index:'',
date:'',
@ -119,10 +121,10 @@
for(var i=0;i<res.data.data.length;i++){
this.arrays.push({
label:res.data.data[i].stationName,
value:res.data.data[i].stationCode
value:res.data.data[i].stationCode,
add:res.data.data[i].stationLocation
})
this.array.push(res.data.data[i].stationName)
console.log(this.array)
}
})
},
@ -135,12 +137,10 @@
text:res.data.data[i].omName,
value:res.data.data[i].id
})
console.log(this.hobby)
}
})
},
bindPickerChange: function(e) {
console.log('picker发送选择改变携带值为', e.detail.value)
this.index = e.detail.value
this.details.stationName = this.array[this.index]
for(var i=0;i<this.arrays.length;i++){
@ -148,12 +148,12 @@
this.details.stationCode = this.arrays[i].value
}
}
this.details.maintainData3 = this.arrays[this.index].add
},
bindDateChange: function(e) {
this.details.maintainTime = e.detail.value
},
change1(e){
console.log(e)
this.details.itemId = e.detail.value
},
//

View File

@ -36,15 +36,23 @@
<image src="../../static/dian.png" mode=""></image>
</view>
</view>
<view class="bot_item" v-if="item.maintainData3">
<span class="nrbt">站点位置:</span>
<span class="number">{{item.maintainData3}}</span>
</view>
<view class="itembox_bot" @click="todetails(item,index)">
<view class="bot_item">
<span class="nrbt">维护内容:</span>
<span class="nrbt">监测情况:</span>
{{item.maintainData1}}
</view>
<view class="bot_item">
<span class="nrbt">维护人员:</span>
<span class="nrbt">负责人员:</span>
<span class="number">{{item.maintainPerson}}</span>
</view>
<view class="bot_item" v-if="item.maintainData2">
<span class="nrbt">联系方式:</span>
<span class="number">{{item.maintainData2}}</span>
</view>
<view class="bot_item">
<span class="nrbt">维护时间:</span>
{{item.maintainTime}}

View File

@ -168,7 +168,7 @@
dictLabel:'监测站告警'
},
{
dictLabel:'杀虫灯告警'
dictLabel:'异常趋势图'
}
],
isActive:0,

View File

@ -1,6 +1,6 @@
<template>
<view class="container">
<view class="liebiaos" v-if="List.length != 0">
<view class="liebiaos" v-if="List.length != 0">
<scroll-view :style="{height:scorllheight + 'rpx'}" scroll-y="true" class="scroll-Y" @scrolltolower="lower">
<view class="item_jklist" v-for="(item,index) in List" :key="index">
<view class="itembox_top">
@ -12,16 +12,16 @@
</view>
</view>
<view class="bot_box">
<view class="bot_left" v-for="(it,i) in item.depUrlArr" :key="i" @click="todetail(it,i,item)">
<view class="botleft_bot">
<view class="">
{{item.depDesArr[i]}}
</view>
</view>
<view class="botleft_top">
<image src="../../static/mrt.png" mode=""></image>
<view class="bot_left" v-for="(it,i) in item.depUrlArr" :key="i" @click="todetail(it,i,item)">
<view class="botleft_bot">
<view class="">
{{item.depDesArr[i]}}
</view>
</view>
<view class="botleft_top">
<image src="../../static/mrt.png" mode=""></image>
</view>
</view>
</view>
</view>
<view class="load">
@ -44,34 +44,34 @@
import api from "@/api/api"
import configService from '@/common/service/config.service.js';
export default {
data(){
return{
height:0,
scorllheight:0,
baseUrl:configService.apiUrl,
data() {
return {
height: 0,
scorllheight: 0,
baseUrl: configService.apiUrl,
allNum: '',
isLastpage: '',
intervalId: null,
loadStatus:'more', //more-loading-nomore-
isLoadMore:false, //
show:false,
show1:false,
top:0,
List:[],
pageNo:1,
pageSize:4,
token:'',
sxtlist:[]
loadStatus: 'more', //more-loading-nomore-
isLoadMore: false, //
show: false,
show1: false,
top: 0,
List: [],
pageNo: 1,
pageSize: 4,
token: '',
sxtlist: []
}
},
onLoad() {
uni.getSystemInfo({
success: res => {
var pxToRpxScale = 750 / res.windowWidth
var pxToRpxScale = 750 / res.windowWidth
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.height = res.windowHeight * pxToRpxScale //px rpx
console.log(this.height, ktxStatusHeight, navigationHeight)
this.scorllheight = this.height
}
});
@ -81,22 +81,22 @@
onShow() {
uni.getSystemInfo({
success: res => {
var pxToRpxScale = 750 / res.windowWidth
var pxToRpxScale = 750 / res.windowWidth
var ktxStatusHeight = res.statusBarHeight * pxToRpxScale
var navigationHeight = 44 * pxToRpxScale
this.height = res.windowHeight * pxToRpxScale//px rpx
console.log(this.height,ktxStatusHeight,navigationHeight)
this.height = res.windowHeight * pxToRpxScale //px rpx
console.log(this.height, ktxStatusHeight, navigationHeight)
this.scorllheight = this.height
}
});
},
methods:{
getToken(){
this.$http.post('/applet/ysyun/getYsToken').then(res =>{
methods: {
getToken() {
this.$http.post('/applet/ysyun/getYsToken').then(res => {
this.token = res.data.data.ysToken
})
},
getList(){
getList() {
let params = {}
params.pageNo = this.pageNo
params.pageSize = this.pageSize
@ -104,38 +104,40 @@
title: '加载中'
});
this.List = []
this.$http.get('/applet/survDeviceDeploy/list',{params:params}).then(res =>{
if(res.data.code == 0){
this.$http.get('/applet/survDeviceDeploy/list', {
params: params
}).then(res => {
if (res.data.code == 0) {
var data = res.data.data
this.List = this.List.concat(data)
if(data.length != 0){
this.allNum = Number(data.length)/Number(this.pageSize)+'';
console.log(this.allNum,'总页数')
if(this.allNum.indexOf('.') == -1) {
if (data.length != 0) {
this.allNum = Number(data.length) / Number(this.pageSize) + '';
console.log(this.allNum, '总页数')
if (this.allNum.indexOf('.') == -1) {
this.allNum = this.allNum;
console.log(this.allNum,'if')
console.log(this.allNum, 'if')
} else {
this.allNum = parseInt(Number(this.allNum)+1);
console.log(this.allNum,'else')
this.allNum = parseInt(Number(this.allNum) + 1);
console.log(this.allNum, 'else')
}
console.log(this.pageNo,this.allNum,'156156')
if(this.pageNo == this.allNum) {
console.log(this.pageNo, this.allNum, '156156')
if (this.pageNo == this.allNum) {
this.isLastpage = true;
this.loadStatus='nomore'
console.log(this.isLastpage,'true','nomore')
this.loadStatus = 'nomore'
console.log(this.isLastpage, 'true', 'nomore')
} else {
this.isLastpage = false;
// this.isLoadMore=true
this.loadStatus = 'more'
console.log(this.isLastpage,'false')
console.log(this.isLastpage, 'false')
}
}else{
} else {
this.isLastpage = true;
this.loadStatus='nomore'
this.loadStatus = 'nomore'
}
}
uni.hideLoading();
this.isRefresher= false
this.isRefresher = false
})
},
lower() {
@ -147,77 +149,85 @@
clearInterval(this.intervalId);
var num = 1;
this.intervalId = setInterval(() => {
num = num+1;
},1000)
console.log(this.intervalId,num)
num = num + 1;
}, 1000)
console.log(this.intervalId, num)
this.pageNo = this.pageNo + 1;
let params = {}
params.pageNo = this.pageNo
params.pageSize = this.pageSize
this.$http.get('/applet/survDeviceDeploy/list',{params:params}).then(res =>{
if(res.data.code == 0){
this.$http.get('/applet/survDeviceDeploy/list', {
params: params
}).then(res => {
if (res.data.code == 0) {
var data = res.data.data
this.List = this.List.concat(data)
if(data.length != 0){
if(this.pageNo == this.allNum) {
if (data.length != 0) {
if (this.pageNo == this.allNum) {
this.isLastpage = true;
this.loadStatus='nomore'
console.log(this.isLastpage,'true')
this.loadStatus = 'nomore'
console.log(this.isLastpage, 'true')
} else {
this.isLastpage = false;
// this.isLoadMore=true
this.loadStatus = 'more'
console.log(this.isLastpage,'false')
console.log(this.isLastpage, 'false')
}
}else{
} else {
this.isLastpage = true;
this.loadStatus='nomore'
this.loadStatus = 'nomore'
}
}
})
},
todetail(it,i,val){
todetail(it, i, val) {
let item = it.split('-')
// utils_config.config.h5LinkIp
var obj = {
url: "https://m.ilhzn.cn/#/pages/cameraView/ysyCamera",
deployDes: val.stationName+'-'+val.depDesArr[i],
ysToken: this.token,
deviceIotUrl: item[0]
};
const queryString = Object.keys(obj).map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
const webviewUrl = `/packDetail1/pages/device/index4?${queryString}`;
uni.navigateTo({
url: webviewUrl
});
// utils_config.config.h5LinkIp
var obj = {
url: "https://m.ilhzn.cn/#/pages/cameraView/ysyCamera",
deployDes: val.stationName + '-' + val.depDesArr[i],
ysToken: this.token,
deviceIotUrl: item[0]
};
const queryString = Object.keys(obj).map((key) =>
`${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
const webviewUrl = `/packDetail1/pages/device/index4?${queryString}`;
uni.navigateTo({
url: webviewUrl
});
}
}
}
</script>
<style lang="scss">
page{
page {
height: 100%;
background-color: #fff;
}
.container{
.container {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.bgimg{
.bgimg {
width: 100%;
height: 2135rpx;
}
.item_jklist{
.item_jklist {
padding: 0rpx 20rpx 0rpx;
background-color: #ffffff;
margin-bottom: 15rpx;
}
.item_jklist{
.item_jklist {
margin-bottom: 0;
}
.itembox_top{
.itembox_top {
display: flex;
align-items: center;
justify-content: center;
@ -225,42 +235,49 @@
padding: 20rpx 0;
color: #8b95ea;
}
.top_box{
.top_box {
display: flex;
align-items: center;
}
.top_box image{
.top_box image {
width: 38rpx;
height: 40rpx;
margin-right: 14rpx;
}
.bot_box{
.bot_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.bot_left{
.bot_left {
width: 48%;
border: 4rpx solid #f0f0f0;
border-radius: 4rpx;
// margin-top: 30rpx;
// box-shadow: 5px 5px 5px #0000001a;
}
// .bot_left:first-child{
// margin-top: 12rpx;
// }
// .bot_left:nth-child(2){
// margin-top: 12rpx;
// }
.botleft_top{
.botleft_top {
width: 100%;
height: 214rpx;
}
.botleft_top image{
.botleft_top image {
width: 100%;
height: 100%;
}
.botleft_bot{
.botleft_bot {
padding: 16rpx 0;
display: flex;
align-items: center;
@ -269,53 +286,63 @@
color: #414141;
border-bottom: 2rpx solid #f0f0f0;
}
.botleft_bot image{
.botleft_bot image {
width: 36rpx;
height: 40rpx;
margin-right: 18rpx;
}
.item_jklist1{
.item_jklist1 {
margin-top: 20rpx;
}
.bot_box1{
.bot_box1 {
height: 464rpx;
border-top-left-radius: 28rpx;
border-top-right-radius: 28rpx;
box-shadow: 5px 5px 5px #0000001a;
}
.botleft_top1{
.botleft_top1 {
width: 100%;
height: 100%;
border-top-left-radius: 28rpx;
border-top-right-radius: 28rpx;
}
.botleft_top1 image{
.botleft_top1 image {
width: 100%;
height: 100%;
border-top-left-radius: 28rpx;
border-top-right-radius: 28rpx;
}
.load{
.load {
height: 100rpx;
line-height: 100rpx;
text-align: center;
color: #c6c6c6;
}
.zwsj{
.zwsj {
width: 100%;
height: 100%;
display: flex;
padding: 60% 170rpx 0;
}
.inzwsj{
.inzwsj {
width: 100%;
}
.zwsjimg{
.zwsjimg {
width: 100%;
height: 224rpx;
margin-bottom: 37rpx;
}
.zwsjtext{
.zwsjtext {
width: 100%;
font-size: 26rpx;
font-family: Source Han Sans SC;

View File

@ -109,7 +109,7 @@
{
"path": "pages/Site/index",
"style": {
"navigationBarTitleText": "监测站点",
"navigationBarTitleText": "站点管理",
"navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF"
}
@ -117,7 +117,7 @@
{
"path": "pages/Site/detail",
"style": {
"navigationBarTitleText": "监测站点",
"navigationBarTitleText": "站点管理",
"navigationStyle": "custom",
"navigationBarBackgroundColor":"#0F6EFF"
}
@ -125,7 +125,7 @@
{
"path": "pages/Site/sjdetail",
"style": {
"navigationBarTitleText": "监测站点",
"navigationBarTitleText": "站点管理",
"navigationStyle": "custom",
"navigationBarBackgroundColor":"#0F6EFF"
}
@ -188,7 +188,7 @@
{
"path": "pages/analysis/index",
"style": {
"navigationBarTitleText": "数据分析",
"navigationBarTitleText": "统计分析",
"navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF"
}
@ -204,7 +204,7 @@
{
"path": "pages/sjdyj/index",
"style": {
"navigationBarTitleText": "设备告警",
"navigationBarTitleText": "预警信息",
"navigationStyle": "default",
"navigationBarBackgroundColor":"#0F6EFF"
}

File diff suppressed because it is too large Load Diff

View File

@ -1,8 +1,8 @@
<template>
<view class="container">
<!-- <image src="../../static/zddt.jpg" mode="" class="bgimg" @click="todetail()"></image> -->
<map id="map" style="width: 100%; height:2000rpx;" scale="13" :markers="markers" longitude="110.628279"
latitude="35.546105" show-location @markertap="markertap" @callouttap="callouttap">
<map id="map" style="width: 100%; height:2000rpx;" scale="13" :markers="markers" longitude="111.436625"
latitude="36.771975" 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"
@ -19,33 +19,21 @@
</cover-view>
</map>
<view class="zdxq">
<view class="zdxqitem" @click="switch1Change">
<image src="../../static/zhandian_sahchong_dingwei.png" mode=""></image>
<view class="textss">
联网式太阳能杀虫灯
</view>
<view class="crildon" :style="!isscd?'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="!issscd?'background:#00ff37':'background: #ccc;'"></view>
</view>
<view class="zdxqitem" @click="switch3Change">
<image src="../../static/zhandian_nongtian_dingwei.png" mode=""></image>
<view class="textss">
农田面源污染监测站
对竹河典型小流域监测站
</view>
<view class="crildon" :style="!isssscd?'background:#00ff37':'background: #ccc;'"></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>
</template>
@ -78,9 +66,9 @@
onLoad() {
// this.isscd = true
// this.getList()
this.$nextTick(() => {
this.getList()
})
this.$nextTick(() => {
this.getList()
})
},
onShow() {
var that = this
@ -130,32 +118,34 @@
title: '加载中'
});
this.$http.get('/applet/survStationInfo/stationMap').then(res => {
this.stationlist = [...res.data.data.pestlight, ...res.data.data.cusLocation, ...res.data.data.stationInfo]
this.stationlist.forEach((item,index) => {
item.id = index;
if(item.inType == 'pestlight'){
this.pestlight.push(item)
}
if(item.stationType == 'cusLocaltion'){
this.cusLocation.push(item)
}
if(item.stationType == 'orient' || item.stationType == 'livestock'){
this.stationInfo.push(item)
}
this.list.push({
latitude:Number(item.stationLatitude),
longitude: Number(item.stationLongitude),
stationType:item.stationType,
sortNo: item.sortNo,
stationName: item.stationName,
stationCode: item.stationCode
})
})
this.issscd = false
this.isssscd = false
this.stationlist = [...res.data.data.pestlight, ...res.data.data.cusLocation, ...res.data.data
.stationInfo
]
this.stationlist.forEach((item, index) => {
item.id = index;
if (item.inType == 'pestlight') {
this.pestlight.push(item)
}
if (item.stationType == 'cusLocaltion') {
this.cusLocation.push(item)
}
if (item.stationType == 'orient' || item.stationType == 'livestock') {
this.stationInfo.push(item)
}
this.list.push({
latitude: Number(item.stationLatitude),
longitude: Number(item.stationLongitude),
stationType: item.stationType,
sortNo: item.sortNo,
stationName: item.stationName,
stationCode: item.stationCode
})
})
this.issscd = false
this.isssscd = false
this.qiyeChange()
this.list1query()
this.list2query()
this.list2query()
uni.hideLoading();
})
},
@ -226,7 +216,7 @@
},
markertap(e) {
const index = e.detail.markerId
console.log(e.detail,'index')
console.log(e.detail, 'index')
if (['orient', 'livestock'].includes(this.list[index].stationType)) {
uni.navigateTo({
url: `/packDetail/pages/Site/detail?item=${encodeURIComponent(JSON.stringify(this.list[index]))}`
@ -244,22 +234,64 @@
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;
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
})
// markers
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0, // Y
anchorX: 0, // X
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;
// markers
const markerItem = {
id: item.id,
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
@ -270,147 +302,57 @@
anchorX: 0, // X
display: 'ALWAYS' //
},
// stationType: item.stationType,
inType: item.inType,
stationType: item.stationType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: false //
joinCluster: true //
};
this.markers.push(markerItem);
index++;
this.markers.push(markerItem);
}
// this.markers = this.markers.concat(aa);
if (index >= this.pestlight.length) {
clearInterval(this.timerSet);
}
}, 1000);
}
} else {
clearInterval(this.timerSet);
this.markers = this.markers.filter((item)=>{
return item.inType !== 'pestlight'
this.markers = this.markers.filter((item) => {
return item.stationType !== 'orient'
})
}
},
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
})
// markers
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0, // Y
anchorX: 0, // X
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;
// markers
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0, // Y
anchorX: 0, // X
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;
// markers
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0, // Y
anchorX: 0, // X
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'
})
}
}
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;
// markers
const markerItem = {
id: item.id,
iconPath: item.iconPath,
latitude: item.latitude,
longitude: item.longitude,
width: item.width,
height: item.height,
customCallout: {
anchorY: 0, // Y
anchorX: 0, // X
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>
@ -471,7 +413,7 @@
font-weight: 500;
color: #FFFFFF;
text-shadow: 0rpx 1rpx 0rpx rgba(4, 49, 52, 0.55);
width: 299rpx;
width: 359rpx;
background: rgba(0, 0, 0, 0.52);
border: 1px solid #4B677C;
border-radius: 6rpx;