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

Compare commits

base: Administrator:a47eab0d426d7967a3d2c5232246ba88e9827463
Branches Tags
Administrator:main
..
compare: Administrator:77a4767f7d40bc394abd5d8ba4e5c5082a23ad2d
Branches Tags
Administrator:main

No commits in common. "a47eab0d426d7967a3d2c5232246ba88e9827463" and "77a4767f7d40bc394abd5d8ba4e5c5082a23ad2d" have entirely different histories.
a47eab0d42 ... 77a4767f7d

10 changed files with 1923 additions and 1939 deletions
Show Stats Expand all files Collapse all files

13
packDetail/pages/Site/detail.vue
View File

@ -601,18 +601,7 @@
},
tojk(item,index){
let items = item.deployCode.split('-')
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
});
uni.openEmbeddedMiniProgram({ appId: 'wxf2b3a0262975d8c2', path: '/pages/live/live?accessToken=' + this.token +'&deviceSerial=' + items[0] + '&channelNo=' + items[1]})
},
changetab(index){
this.isActive = index

2
packDetail/pages/login/login.vue
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> -->

101
packDetail/pages/operations/add.vue
View File

@ -15,17 +15,16 @@
</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>
@ -33,22 +32,14 @@
</view>
<view class="form_item">
<view class="form_top">
负责人:
维护人:
</view>
<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 class="form_bot" @click="tolist()">
<view class="checkpeople">
+ 选择维护人
</view>
</view> -->
<input type="text" placeholder="请输入运维人姓名" v-model="details.maintainPerson">
</view>
<view class="form_item">
<view class="form_top">
@ -93,17 +84,16 @@
isDel: 0,
itemId: "",
maintainData1: "",
maintainData2: "",
maintainNote: "",
maintainPerson: "",
maintainData2:"",
maintainData3: "",
maintainTime: "",
reVision: 0,
stationCode: "",
stationName: "",
tenantId: "",
updatedBy: "",
updatedTime: "",
updatedTime: ""
},
index:'',
date:'',
@ -112,8 +102,7 @@
tag:'',
hobby: [],
checkbox1: [],
reload:'true',
phoneError: '', // 添加错误提示信息
reload:'true'
}
},
onLoad() {
@ -131,14 +120,15 @@
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,
add:res.data.data[i].stationLocation
value:res.data.data[i].stationCode
})
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
},
// 维护内容
@ -150,10 +140,12 @@
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++){
@ -161,30 +153,10 @@
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){
@ -197,7 +169,7 @@
}
if(!this.details.maintainData1){
uni.showToast({
title: "请填写监测情况",
title: "请填写维护内容",
icon: 'none',
duration: 2000
})
@ -205,29 +177,12 @@
}
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: "请选择维护时间",
@ -360,14 +315,4 @@
text-align: center;
color: #0472e3;
}
.error-text {
color: #ff0000;
font-size: 24rpx;
margin-top: 10rpx;
}
// 如果有错误，给输入框添加红色边框
.form_item input:focus {
border: 1rpx solid #ff0000;
}
</style>

26
packDetail/pages/operations/edit.vue
View File

@ -15,15 +15,9 @@
</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">
@ -35,8 +29,13 @@
</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">
@ -83,7 +82,6 @@
itemId: "",
maintainData1: "",
maintainData2: "",
maintainData3:"",
maintainNote: "",
maintainPerson: "",
maintainTime: "",
@ -93,7 +91,7 @@
stationName: "",
tenantId: "",
updatedBy: "",
updatedTime: "",
updatedTime: ""
},
index:'',
date:'',
@ -121,10 +119,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,
add:res.data.data[i].stationLocation
value:res.data.data[i].stationCode
})
this.array.push(res.data.data[i].stationName)
console.log(this.array)
}
})
},
@ -137,10 +135,12 @@
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
},
// 提交

12
packDetail/pages/operations/index.vue
View File

@ -36,23 +36,15 @@
<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}}

2
packDetail/pages/sjdyj/index.vue
View File

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

227
packDetail1/pages/device/index.vue
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 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 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,40 +104,38 @@
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() {
@ -149,85 +147,77 @@
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;
@ -235,49 +225,42 @@
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;
@ -286,63 +269,53 @@
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;
@ -351,4 +324,4 @@
line-height: 31rpx;
text-align: center;
}
</style>
</style>

10
pages.json
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"
}

3115
pages/index/index.vue
View File

File diff suppressed because it is too large Load Diff

354
pages/maps/index.vue
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="111.436625"
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"
@ -19,21 +19,33 @@
</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>
@ -66,9 +78,9 @@
onLoad() {
// this.isscd = true
// this.getList()
this.$nextTick(() => {
this.getList()
})
this.$nextTick(() => {
this.getList()
})
},
onShow() {
var that = this
@ -118,34 +130,32 @@
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();
})
},
@ -216,7 +226,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]))}`
@ -234,125 +244,173 @@
todetails(item) {
console.log(item, '还是个然后')
},
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
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;
// 创建符合 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,
inType: item.inType,
stationName: item.stationName,
stationCode: item.stationCode,
joinCluster: false // 是否参与点聚合
};
this.markers.push(markerItem);
index++;
}
// 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'
})
// 创建符合 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()
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()
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'
})
}
}
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'
})
}
}
}
}
</script>
@ -413,7 +471,7 @@
font-weight: 500;
color: #FFFFFF;
text-shadow: 0rpx 1rpx 0rpx rgba(4, 49, 52, 0.55);
width: 359rpx;
width: 299rpx;
background: rgba(0, 0, 0, 0.52);
border: 1px solid #4B677C;
border-radius: 6rpx;
@ -463,4 +521,4 @@
display: flex;
align-items: center;
}
</style>
</style>