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

2
packDetail/pages/login/login.vue
View File

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

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

@ -15,17 +15,16 @@
</picker> </picker>
</view> </view>
</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_item">
<view class="form_top"> <view class="form_top">
监测情况: 维护内容:
</view> </view>
<view class="form_bot"> <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"> <view class="uni-textarea">
<textarea placeholder-style="color:#808080" auto-height placeholder="请输入内容" @blur="bindTextAreaBlur"/> <textarea placeholder-style="color:#808080" auto-height placeholder="请输入内容" @blur="bindTextAreaBlur"/>
</view> </view>
@ -33,22 +32,14 @@
</view> </view>
<view class="form_item"> <view class="form_item">
<view class="form_top"> <view class="form_top">
负责人: 维护人:
</view> </view>
<input type="text" placeholder="请输入负责人姓名" v-model="details.maintainPerson"> <!-- <view class="form_bot" @click="tolist()">
<view class="checkpeople">
+ 选择维护人
</view> </view>
<view class="form_item"> </view> -->
<view class="form_top"> <input type="text" placeholder="请输入运维人姓名" v-model="details.maintainPerson">
联系方式:
</view>
<input
type="text"
placeholder="请输入联系方式"
v-model="details.maintainData2"
@blur="validatePhone"
maxlength="11"
/>
<view class="error-text" v-if="phoneError">{{phoneError}}</view>
</view> </view>
<view class="form_item"> <view class="form_item">
<view class="form_top"> <view class="form_top">
@ -93,17 +84,16 @@
isDel: 0, isDel: 0,
itemId: "", itemId: "",
maintainData1: "", maintainData1: "",
maintainData2: "",
maintainNote: "", maintainNote: "",
maintainPerson: "", maintainPerson: "",
maintainData2:"",
maintainData3: "",
maintainTime: "", maintainTime: "",
reVision: 0, reVision: 0,
stationCode: "", stationCode: "",
stationName: "", stationName: "",
tenantId: "", tenantId: "",
updatedBy: "", updatedBy: "",
updatedTime: "", updatedTime: ""
}, },
index:'', index:'',
date:'', date:'',
@ -112,8 +102,7 @@
tag:'', tag:'',
hobby: [], hobby: [],
checkbox1: [], checkbox1: [],
reload:'true', reload:'true'
phoneError: '', // 添加错误提示信息
} }
}, },
onLoad() { onLoad() {
@ -131,14 +120,15 @@
for(var i=0;i<res.data.data.length;i++){ for(var i=0;i<res.data.data.length;i++){
this.arrays.push({ this.arrays.push({
label:res.data.data[i].stationName, 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) this.array.push(res.data.data[i].stationName)
console.log(this.array)
} }
}) })
}, },
bindTextAreaBlur(e) { bindTextAreaBlur(e) {
console.log("00",e.detail.value)
this.details.maintainData1 = e.detail.value this.details.maintainData1 = e.detail.value
}, },
// 维护内容 // 维护内容
@ -150,10 +140,12 @@
text:res.data.data[i].maintainData1, text:res.data.data[i].maintainData1,
value:res.data.data[i].id value:res.data.data[i].id
}) })
console.log(this.hobby)
} }
}) })
}, },
bindPickerChange: function(e) { bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value this.index = e.detail.value
this.details.stationName = this.array[this.index] this.details.stationName = this.array[this.index]
for(var i=0;i<this.arrays.length;i++){ for(var i=0;i<this.arrays.length;i++){
@ -161,30 +153,10 @@
this.details.stationCode = this.arrays[i].value this.details.stationCode = this.arrays[i].value
} }
} }
this.details.maintainData3 = this.arrays[this.index].add
}, },
bindDateChange: function(e) { bindDateChange: function(e) {
this.details.maintainTime = e.detail.value 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(){ tosubmit(){
if(!this.details.stationName){ if(!this.details.stationName){
@ -197,7 +169,7 @@
} }
if(!this.details.maintainData1){ if(!this.details.maintainData1){
uni.showToast({ uni.showToast({
title: "请填写监测情况", title: "请填写维护内容",
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}) })
@ -205,29 +177,12 @@
} }
if(!this.details.maintainPerson){ if(!this.details.maintainPerson){
uni.showToast({ uni.showToast({
title: "请输入负责人姓名", title: "请输入运维人姓名",
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}) })
return 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){ if(!this.details.maintainTime){
uni.showToast({ uni.showToast({
title: "请选择维护时间", title: "请选择维护时间",
@ -360,14 +315,4 @@
text-align: center; text-align: center;
color: #0472e3; color: #0472e3;
} }
.error-text {
color: #ff0000;
font-size: 24rpx;
margin-top: 10rpx;
}
// 如果有错误，给输入框添加红色边框
.form_item input:focus {
border: 1rpx solid #ff0000;
}
</style> </style>

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

@ -15,15 +15,9 @@
</picker> </picker>
</view> </view>
</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_item">
<view class="form_top"> <view class="form_top">
检测情况: 维护内容:
</view> </view>
<view class="form_bot"> <view class="form_bot">
<uni-section type="line"> <uni-section type="line">
@ -35,8 +29,13 @@
</view> </view>
<view class="form_item"> <view class="form_item">
<view class="form_top"> <view class="form_top">
负责人: 维护人:
</view> </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>
<view class="form_item"> <view class="form_item">
@ -83,7 +82,6 @@
itemId: "", itemId: "",
maintainData1: "", maintainData1: "",
maintainData2: "", maintainData2: "",
maintainData3:"",
maintainNote: "", maintainNote: "",
maintainPerson: "", maintainPerson: "",
maintainTime: "", maintainTime: "",
@ -93,7 +91,7 @@
stationName: "", stationName: "",
tenantId: "", tenantId: "",
updatedBy: "", updatedBy: "",
updatedTime: "", updatedTime: ""
}, },
index:'', index:'',
date:'', date:'',
@ -121,10 +119,10 @@
for(var i=0;i<res.data.data.length;i++){ for(var i=0;i<res.data.data.length;i++){
this.arrays.push({ this.arrays.push({
label:res.data.data[i].stationName, 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) this.array.push(res.data.data[i].stationName)
console.log(this.array)
} }
}) })
}, },
@ -137,10 +135,12 @@
text:res.data.data[i].omName, text:res.data.data[i].omName,
value:res.data.data[i].id value:res.data.data[i].id
}) })
console.log(this.hobby)
} }
}) })
}, },
bindPickerChange: function(e) { bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value this.index = e.detail.value
this.details.stationName = this.array[this.index] this.details.stationName = this.array[this.index]
for(var i=0;i<this.arrays.length;i++){ for(var i=0;i<this.arrays.length;i++){
@ -148,12 +148,12 @@
this.details.stationCode = this.arrays[i].value this.details.stationCode = this.arrays[i].value
} }
} }
this.details.maintainData3 = this.arrays[this.index].add
}, },
bindDateChange: function(e) { bindDateChange: function(e) {
this.details.maintainTime = e.detail.value this.details.maintainTime = e.detail.value
}, },
change1(e){ change1(e){
console.log(e)
this.details.itemId = e.detail.value 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> <image src="../../static/dian.png" mode=""></image>
</view> </view>
</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="itembox_bot" @click="todetails(item,index)">
<view class="bot_item"> <view class="bot_item">
<span class="nrbt">监测情况:</span> <span class="nrbt">维护内容:</span>
{{item.maintainData1}} {{item.maintainData1}}
</view> </view>
<view class="bot_item"> <view class="bot_item">
<span class="nrbt">负责人员:</span> <span class="nrbt">维护人员:</span>
<span class="number">{{item.maintainPerson}}</span> <span class="number">{{item.maintainPerson}}</span>
</view> </view>
<view class="bot_item" v-if="item.maintainData2">
<span class="nrbt">联系方式:</span>
<span class="number">{{item.maintainData2}}</span>
</view>
<view class="bot_item"> <view class="bot_item">
<span class="nrbt">维护时间:</span> <span class="nrbt">维护时间:</span>
{{item.maintainTime}} {{item.maintainTime}}

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

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

33
packDetail1/pages/device/index.vue
View File

@ -104,9 +104,7 @@
title: '加载中' title: '加载中'
}); });
this.List = [] this.List = []
this.$http.get('/applet/survDeviceDeploy/list', { this.$http.get('/applet/survDeviceDeploy/list',{params:params}).then(res =>{
params: params
}).then(res => {
if(res.data.code == 0){ if(res.data.code == 0){
var data = res.data.data var data = res.data.data
this.List = this.List.concat(data) this.List = this.List.concat(data)
@ -156,9 +154,7 @@
let params = {} let params = {}
params.pageNo = this.pageNo params.pageNo = this.pageNo
params.pageSize = this.pageSize params.pageSize = this.pageSize
this.$http.get('/applet/survDeviceDeploy/list', { this.$http.get('/applet/survDeviceDeploy/list',{params:params}).then(res =>{
params: params
}).then(res => {
if(res.data.code == 0){ if(res.data.code == 0){
var data = res.data.data var data = res.data.data
this.List = this.List.concat(data) this.List = this.List.concat(data)
@ -189,8 +185,7 @@
ysToken: this.token, ysToken: this.token,
deviceIotUrl: item[0] deviceIotUrl: item[0]
}; };
const queryString = Object.keys(obj).map((key) => const queryString = Object.keys(obj).map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
`${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
const webviewUrl = `/packDetail1/pages/device/index4?${queryString}`; const webviewUrl = `/packDetail1/pages/device/index4?${queryString}`;
uni.navigateTo({ uni.navigateTo({
url: webviewUrl url: webviewUrl
@ -205,28 +200,23 @@
height: 100%; height: 100%;
background-color: #fff; background-color: #fff;
} }
.container{ .container{
height: 100%; height: 100%;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
.bgimg{ .bgimg{
width: 100%; width: 100%;
height: 2135rpx; height: 2135rpx;
} }
.item_jklist{ .item_jklist{
padding: 0rpx 20rpx 0rpx; padding: 0rpx 20rpx 0rpx;
background-color: #ffffff; background-color: #ffffff;
margin-bottom: 15rpx; margin-bottom: 15rpx;
} }
.item_jklist{ .item_jklist{
margin-bottom: 0; margin-bottom: 0;
} }
.itembox_top{ .itembox_top{
display: flex; display: flex;
align-items: center; align-items: center;
@ -235,24 +225,20 @@
padding: 20rpx 0; padding: 20rpx 0;
color: #8b95ea; color: #8b95ea;
} }
.top_box{ .top_box{
display: flex; display: flex;
align-items: center; align-items: center;
} }
.top_box image{ .top_box image{
width: 38rpx; width: 38rpx;
height: 40rpx; height: 40rpx;
margin-right: 14rpx; margin-right: 14rpx;
} }
.bot_box{ .bot_box{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
} }
.bot_left{ .bot_left{
width: 48%; width: 48%;
border: 4rpx solid #f0f0f0; border: 4rpx solid #f0f0f0;
@ -260,7 +246,6 @@
// margin-top: 30rpx; // margin-top: 30rpx;
// box-shadow: 5px 5px 5px #0000001a; // box-shadow: 5px 5px 5px #0000001a;
} }
// .bot_left:first-child{ // .bot_left:first-child{
// margin-top: 12rpx; // margin-top: 12rpx;
// } // }
@ -271,12 +256,10 @@
width: 100%; width: 100%;
height: 214rpx; height: 214rpx;
} }
.botleft_top image{ .botleft_top image{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.botleft_bot{ .botleft_bot{
padding: 16rpx 0; padding: 16rpx 0;
display: flex; display: flex;
@ -286,62 +269,52 @@
color: #414141; color: #414141;
border-bottom: 2rpx solid #f0f0f0; border-bottom: 2rpx solid #f0f0f0;
} }
.botleft_bot image{ .botleft_bot image{
width: 36rpx; width: 36rpx;
height: 40rpx; height: 40rpx;
margin-right: 18rpx; margin-right: 18rpx;
} }
.item_jklist1{ .item_jklist1{
margin-top: 20rpx; margin-top: 20rpx;
} }
.bot_box1{ .bot_box1{
height: 464rpx; height: 464rpx;
border-top-left-radius: 28rpx; border-top-left-radius: 28rpx;
border-top-right-radius: 28rpx; border-top-right-radius: 28rpx;
box-shadow: 5px 5px 5px #0000001a; box-shadow: 5px 5px 5px #0000001a;
} }
.botleft_top1{ .botleft_top1{
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top-left-radius: 28rpx; border-top-left-radius: 28rpx;
border-top-right-radius: 28rpx; border-top-right-radius: 28rpx;
} }
.botleft_top1 image{ .botleft_top1 image{
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top-left-radius: 28rpx; border-top-left-radius: 28rpx;
border-top-right-radius: 28rpx; border-top-right-radius: 28rpx;
} }
.load{ .load{
height: 100rpx; height: 100rpx;
line-height: 100rpx; line-height: 100rpx;
text-align: center; text-align: center;
color: #c6c6c6; color: #c6c6c6;
} }
.zwsj{ .zwsj{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
padding: 60% 170rpx 0; padding: 60% 170rpx 0;
} }
.inzwsj{ .inzwsj{
width: 100%; width: 100%;
} }
.zwsjimg{ .zwsjimg{
width: 100%; width: 100%;
height: 224rpx; height: 224rpx;
margin-bottom: 37rpx; margin-bottom: 37rpx;
} }
.zwsjtext{ .zwsjtext{
width: 100%; width: 100%;
font-size: 26rpx; font-size: 26rpx;

10
pages.json
View File

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

135
pages/index/index.vue
View File

@ -22,8 +22,7 @@
indicator-active-color="rgba(197, 197, 197, 1)" :autoplay="autoplay" interval="3000" indicator-active-color="rgba(197, 197, 197, 1)" :autoplay="autoplay" interval="3000"
:duration="duration"> :duration="duration">
<swiper-item class="swiper_items" v-for="(item,index) in bigswiperList" :key="index"> <swiper-item class="swiper_items" v-for="(item,index) in bigswiperList" :key="index">
<image class="siwper_imgs" :src="baseUrl + '/applet/common/static/' + item.detailPics" mode=""> <image class="siwper_imgs" :src="baseUrl + '/applet/common/static/' + item.detailPics" mode=""></image>
</image>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view> </view>
@ -77,8 +76,7 @@
</view> </view>
</block> </block>
<view class="bot_mid"> <view class="bot_mid">
<view class="bot_mid_left" <view class="bot_mid_left" :class="{'bot_mid_lefts':item.type == 2 || item.type == 0}">
:class="{'bot_mid_lefts':item.type == 2 || item.type == 0}">
{{ item.value }}{{ item.unit }} {{ item.value }}{{ item.unit }}
</view> </view>
<!-- <image v-if="item.type == 1" src="../../static/home_shuju_shang.png" mode=""></image> <!-- <image v-if="item.type == 1" src="../../static/home_shuju_shang.png" mode=""></image>
@ -120,12 +118,8 @@
numbers: 0, numbers: 0,
wrwlist: [], wrwlist: [],
wrwcode: [], wrwcode: [],
colorList: ['#22BB8A', '#EE701C', '#52AC2A', '#2BADB9', '#D75A28', '#AD8F49', '#26A3CC', '#6C48C7', colorList: ['#22BB8A', '#EE701C', '#52AC2A', '#2BADB9', '#D75A28', '#AD8F49', '#26A3CC', '#6C48C7', '#22BB8A', '#415FBE', '#52AC2A', '#EE701C'],
'#22BB8A', '#415FBE', '#52AC2A', '#EE701C' colorList1: ['#22BB8A', '#EE701C', '#52AC2A', '#2BADB9', '#D75A28', '#AD8F49', '#26A3CC', '#6C48C7', '#22BB8A'],
],
colorList1: ['#22BB8A', '#EE701C', '#52AC2A', '#2BADB9', '#D75A28', '#AD8F49', '#26A3CC', '#6C48C7',
'#22BB8A'
],
bigswiperList: [ bigswiperList: [
// { // {
// img:require('../../static/banner1.png') // img:require('../../static/banner1.png')
@ -134,35 +128,26 @@
// img:require('../../static/banner.jpg') // img:require('../../static/banner.jpg')
// } // }
], ],
menuList: [{ menuList: [
name: '预警信息',
img: require('../../static/scd.png'),
path: '/packDetail/pages/sjdyj/index'
},
{ {
name: '统计分析', name: '监测站点',
img: require('../../static/home_icon_shuju.png'),
path: '/packDetail/pages/analysis/index'
},
{
name: '站点管理',
img: require('../../static/home_icon_jiance.png'), img: require('../../static/home_icon_jiance.png'),
path: '/packDetail/pages/Site/index' path: '/packDetail/pages/Site/index'
}, },
{ {
name: '站点运维', name: '设备告警',
img: require('../../static/home_icon_yunwei.png'), img: require('../../static/scd.png'),
path: '/packDetail/pages/operations/index' path: '/packDetail/pages/sjdyj/index'
}, },
{ {
name: '视频监控', name: '视频监控',
img: require('../../static/home_icon_shipin.png'), img: require('../../static/home_icon_shipin.png'),
path: '/packDetail1/pages/device/index' path: '/packDetail/pages/device/index'
}, },
{ {
name: '设备管理', name: '站点运维',
img: require('../../static/home_icon_shebei.png'), img: require('../../static/home_icon_yunwei.png'),
path: '/packDetail/pages/vidio/index' path: '/packDetail/pages/waste/index'
}, },
{ {
name: '农业废弃物', name: '农业废弃物',
@ -172,7 +157,17 @@
{ {
name: '粪污台账', name: '粪污台账',
img: require('../../static/home_icon_fenwu.png'), img: require('../../static/home_icon_fenwu.png'),
path: '/packDetail/pages/fwtz/index' path: '/packDetail/pages/waste/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/waste/index'
}, },
], ],
list: [], list: [],
@ -276,7 +271,8 @@
// uni.reLaunch({ // uni.reLaunch({
// url:'/packDetail/pages/login/login' // url:'/packDetail/pages/login/login'
// }) // })
that.bigswiperList = [{ that.bigswiperList = [
{
"id": "1692474977070829569", "id": "1692474977070829569",
"infoId": "1692474921957675010", "infoId": "1692474921957675010",
"detailCode": "图1", "detailCode": "图1",
@ -317,7 +313,8 @@
"isDel": 0, "isDel": 0,
"updatedTime": null "updatedTime": null
}] }]
that.wrwlist = [{ that.wrwlist = [
{
"unit": "℃", "unit": "℃",
"code": "dataAirTemp", "code": "dataAirTemp",
"color": "#22BB8A", "color": "#22BB8A",
@ -503,14 +500,9 @@
"color": "#f06464", "color": "#f06464",
"icon": "sys/icon/zhandian_icon_tvoc.png", "icon": "sys/icon/zhandian_icon_tvoc.png",
"description": "总挥发性有机物" "description": "总挥发性有机物"
}, { }, {"unit": "台", "code": "default", "color": "#DEAB8A", "icon": "", "description": "默认"}]
"unit": "台", that.list = [
"code": "default", {
"color": "#DEAB8A",
"icon": "",
"description": "默认"
}]
that.list = [{
"name": "总氮", "name": "总氮",
"unit": "mg/L", "unit": "mg/L",
"value": "2.0000", "value": "2.0000",
@ -686,10 +678,8 @@
// console.log(this.wrwlist,'污染物shuzu') // console.log(this.wrwlist,'污染物shuzu')
for (var j = 0; j < that.wrwlist.length; j++) { for (var j = 0; j < that.wrwlist.length; j++) {
// Object.keys 获取字段名 // Object.keys 获取字段名
for (var k = 0; k < Object.keys(this.list[i]) for (var k = 0; k < Object.keys(this.list[i]).length; k++) {
.length; k++) { if (that.wrwlist[j].code == Object.keys(that.list[i])[k]) {
if (that.wrwlist[j].code == Object.keys(that.list[
i])[k]) {
this.list[i].wrwcode.push({ this.list[i].wrwcode.push({
name: that.wrwlist[j].description, name: that.wrwlist[j].description,
icon: that.wrwlist[j].icon, icon: that.wrwlist[j].icon,
@ -721,7 +711,8 @@
// uni.reLaunch({ // uni.reLaunch({
// url: '/pages/loginindex' // url: '/pages/loginindex'
// }) // })
that.bigswiperList = [{ that.bigswiperList = [
{
"id": "1692474977070829569", "id": "1692474977070829569",
"infoId": "1692474921957675010", "infoId": "1692474921957675010",
"detailCode": "图1", "detailCode": "图1",
@ -762,7 +753,8 @@
"isDel": 0, "isDel": 0,
"updatedTime": null "updatedTime": null
}] }]
that.wrwlist = [{ that.wrwlist = [
{
"unit": "℃", "unit": "℃",
"code": "dataAirTemp", "code": "dataAirTemp",
"color": "#22BB8A", "color": "#22BB8A",
@ -948,14 +940,9 @@
"color": "#f06464", "color": "#f06464",
"icon": "sys/icon/zhandian_icon_tvoc.png", "icon": "sys/icon/zhandian_icon_tvoc.png",
"description": "总挥发性有机物" "description": "总挥发性有机物"
}, { }, {"unit": "台", "code": "default", "color": "#DEAB8A", "icon": "", "description": "默认"}]
"unit": "台", that.list = [
"code": "default", {
"color": "#DEAB8A",
"icon": "",
"description": "默认"
}]
that.list = [{
"name": "总氮", "name": "总氮",
"unit": "mg/L", "unit": "mg/L",
"value": "2.0000", "value": "2.0000",
@ -1248,7 +1235,47 @@
}) })
}, },
toList(item, index) { toList(item, index) {
this.isAathorize(item.path) if (index == 0) {
this.isAathorize('/packDetail/pages/Site/index')
// uni.navigateTo({
// url: '/packDetail/pages/Site/index'
// })
} else if (index == 1) {
// uni.navigateTo({
// url: '/packDetail/pages/sjdyj/index'
// })
this.isAathorize('/packDetail/pages/sjdyj/index')
} else if (index == 2) {
// uni.navigateTo({
// url: '/packDetail1/pages/device/index'
// })
this.isAathorize('/packDetail1/pages/device/index')
} else if (index == 3) {
// uni.navigateTo({
// url: '/packDetail/pages/operations/index'
// })
this.isAathorize('/packDetail/pages/operations/index')
} else if (index == 4) {
// uni.navigateTo({
// url: '/packDetail/pages/waste/index'
// })
this.isAathorize('/packDetail/pages/waste/index')
} else if (index == 5) {
// uni.navigateTo({
// url: '/packDetail/pages/fwtz/index'
// })
this.isAathorize('/packDetail/pages/fwtz/index')
} else if (index == 6) {
// uni.navigateTo({
// url: '/packDetail/pages/vidio/index'
// })
this.isAathorize('/packDetail/pages/vidio/index')
} else if (index == 7) {
// uni.navigateTo({
// url: '/packDetail/pages/analysis/index'
// })
this.isAathorize('/packDetail/pages/analysis/index')
}
} }
} }
} }

74
pages/maps/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<view class="container"> <view class="container">
<!-- <image src="../../static/zddt.jpg" mode="" class="bgimg" @click="todetail()"></image> --> <!-- <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" <map id="map" style="width: 100%; height:2000rpx;" scale="13" :markers="markers" longitude="110.628279"
latitude="36.771975" show-location @markertap="markertap" @callouttap="callouttap"> latitude="35.546105" show-location @markertap="markertap" @callouttap="callouttap">
<cover-view slot="callout"> <cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="index" class="customCallout" :marker-id="item.id"> <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" <cover-image class="imgs" src="@/static/zhandian_icon_xuqin_title.png"
@ -19,21 +19,33 @@
</cover-view> </cover-view>
</map> </map>
<view class="zdxq"> <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"> <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 class="crildon" :style="!issscd?'background:#00ff37':'background: #ccc;'"></view>
</view> </view>
<view class="zdxqitem" @click="switch3Change"> <view class="zdxqitem" @click="switch3Change">
<image src="../../static/zhandian_nongtian_dingwei.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 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>
@ -118,9 +130,7 @@
title: '加载中' title: '加载中'
}); });
this.$http.get('/applet/survStationInfo/stationMap').then(res => { this.$http.get('/applet/survStationInfo/stationMap').then(res => {
this.stationlist = [...res.data.data.pestlight, ...res.data.data.cusLocation, ...res.data.data this.stationlist = [...res.data.data.pestlight, ...res.data.data.cusLocation, ...res.data.data.stationInfo]
.stationInfo
]
this.stationlist.forEach((item,index) => { this.stationlist.forEach((item,index) => {
item.id = index; item.id = index;
if(item.inType == 'pestlight'){ if(item.inType == 'pestlight'){
@ -234,6 +244,54 @@
todetails(item) { todetails(item) {
console.log(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;
// 创建符合 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'
})
}
},
qiyeChange() { qiyeChange() {
for (let i = 0; i < this.cusLocation.length; i++) { for (let i = 0; i < this.cusLocation.length; i++) {
const item = this.cusLocation[i]; const item = this.cusLocation[i];
@ -413,7 +471,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: 359rpx; 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;