aaa
This commit is contained in:
parent
1b5c132ab2
commit
7282664846
|
|
@ -1,7 +1,7 @@
|
|||
const install = (Vue, vm) => {
|
||||
Vue.prototype.$u.http.setConfig({
|
||||
baseUrl: 'http://192.168.2.17:3202',
|
||||
// baseUrl: 'https://fen.ccttiot.com/prod-api',
|
||||
// baseUrl: 'http://192.168.2.17:3202',
|
||||
baseUrl: 'https://fen.ccttiot.com/prod-api',
|
||||
loadingText: '努力加载中~',
|
||||
loadingTime: 800,
|
||||
// 设置自定义头部content-type
|
||||
|
|
@ -42,9 +42,9 @@ const install = (Vue, vm) => {
|
|||
vm.$u.post('/app/auth/wxLogin',data).then(res=>{
|
||||
uni.setStorageSync('code', res.code);
|
||||
if (res.code == 10003) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/login/login'
|
||||
})
|
||||
// uni.navigateTo({
|
||||
// url:'/pages/login/login'
|
||||
// })
|
||||
|
||||
} else if (res.code == 200) {
|
||||
uni.setStorageSync('token', res.token);
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</view> -->
|
||||
</view>
|
||||
<view class="tit">
|
||||
{{obj.name}}-{{obj.sn}}
|
||||
{{obj.name == undefined ? '--' : obj.name}}-{{obj.sn == undefined ? '--' : obj.sn}}
|
||||
<view class="sets">
|
||||
<image @click="btnmenu" src="https://api.ccttiot.com/smartmeter/img/static/ulHBKvkXDfe9OIveIJKZ" mode=""></image>
|
||||
<view class="menu" v-if="menuflag">
|
||||
|
|
@ -36,15 +36,15 @@
|
|||
</view>
|
||||
<view class="address">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uMOucOG04nN4PrLJfqj6" mode=""></image>
|
||||
{{obj.apiaryAddress}}
|
||||
{{obj.apiaryAddress == undefined ? '--' : obj.apiaryAddress}}
|
||||
</view>
|
||||
<view class="weather">
|
||||
<view class="weather_left">
|
||||
<view class="txt">
|
||||
多云 {{daily[0].tempMin}}℃ ~ {{daily[0].tempMax}}℃
|
||||
多云 {{daily[0].tempMin == undefined ? '--' : daily[0].tempMin}}℃ ~ {{daily[0].tempMax == undefined ? '--' : daily[0].tempMax}}℃
|
||||
</view>
|
||||
<view class="txt" style="margin-left: 40rpx;">
|
||||
{{daily[0].windDirDay}} {{daily[0].windSpeedDay}}级
|
||||
{{daily[0].windDirDay == undefined ? '--' : daily[0].windDirDay }} {{daily[0].windSpeedDay == undefined ? '--' : daily[0].windSpeedDay}}级
|
||||
</view>
|
||||
</view>
|
||||
<view class="weather_right" @click="btngd">
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="weather_right" style="font-weight: 400;font-size: 24rpx;color: #808080;">
|
||||
更新于 {{obj.lastOnlineTime}}
|
||||
更新于 {{obj.lastOnlineTime == undefined ? '--' : obj.lastOnlineTime}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="setbox">
|
||||
|
|
@ -86,24 +86,24 @@
|
|||
<view class="setcard" @click="btnvideo">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
视频监控
|
||||
操作日志
|
||||
</view>
|
||||
<view class="right iconfont icon-xiangyou1">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="bot">
|
||||
更好查看蜂场情况
|
||||
记录蜂箱情况
|
||||
</view>
|
||||
<view class="img">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/ukN0K37DEPQQxFJ03Qi9" mode=""></image>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u90wdyoHsspUHR6tpifv" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="card_top">
|
||||
<view class="name">
|
||||
{{obj.name}}-{{obj.sn}}
|
||||
{{obj.name == undefined ? '--' : obj.name}}
|
||||
</view>
|
||||
<view class="time">
|
||||
{{obj.lastOnlineTime}}
|
||||
|
|
@ -416,7 +416,7 @@
|
|||
methods: {
|
||||
btnvideo(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/Apiary/Apiary_vadio/Apiary_vadio?apiaryId=' + this.obj.apiaryId
|
||||
url:'/page_Beehive/Beehive_log?apiaryId=' + this.obj.apiaryId + ' &name=' + this.obj.apiaryName
|
||||
})
|
||||
},
|
||||
btngd(){
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<u-navbar is-back="false" :title="title" :border-bottom="false" :background="bgc" title-color='#000'
|
||||
title-size='36' :title-bold='true' height='45' id="navbar">
|
||||
</u-navbar>
|
||||
<view class="">
|
||||
{{title}}
|
||||
<view class="" v-html="obj.content">
|
||||
<!-- {{obj.content}} -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -17,16 +17,26 @@
|
|||
backgroundColor: " #F4FAF8",
|
||||
},
|
||||
title: "",
|
||||
type:'',
|
||||
obj:''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.title = option.tit
|
||||
this.type = option.type
|
||||
this.getabout()
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
getabout(){
|
||||
this.$u.get(`app/licence/type/${this.type}`).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.obj = res.data
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -34,5 +44,8 @@
|
|||
<style lang="scss">
|
||||
page {
|
||||
background-color: #FAFDFD;
|
||||
padding: 0 38rpx;
|
||||
box-sizing: border-box;
|
||||
padding-top: 50rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -64,9 +64,9 @@
|
|||
pagesum: 1,
|
||||
list: [],
|
||||
total: '',
|
||||
pagesize:10,
|
||||
logoflag:false,
|
||||
code:''
|
||||
pagesize: 10,
|
||||
logoflag: false,
|
||||
code: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -78,14 +78,14 @@
|
|||
this.ishave()
|
||||
},
|
||||
methods: {
|
||||
changserch(){
|
||||
changserch() {
|
||||
let data = {
|
||||
pageNum:this.pagesum,
|
||||
pageSize:this.pagesize,
|
||||
name:this.code,
|
||||
pageNum: this.pagesum,
|
||||
pageSize: this.pagesize,
|
||||
name: this.code,
|
||||
}
|
||||
this.$u.get('/farm/apiary/list', data).then(res => {
|
||||
if(res.code == 200){
|
||||
if (res.code == 200) {
|
||||
this.list = []
|
||||
this.total = res.total
|
||||
this.list = res.rows
|
||||
|
|
@ -94,9 +94,9 @@
|
|||
},
|
||||
|
||||
// 跳转蜂场详情
|
||||
btnapiaryxq(id){
|
||||
btnapiaryxq(id) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/Apiary/Apiary_detail?id=' + id
|
||||
url: '/pages/Apiary/Apiary_detail?id=' + id
|
||||
})
|
||||
},
|
||||
loadMore() {
|
||||
|
|
@ -122,25 +122,26 @@
|
|||
};
|
||||
this.$u.get('/farm/apiary/list', data).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.total = res.total
|
||||
if(this.total < 1){
|
||||
this.logoflag = true
|
||||
this.total = res.total;
|
||||
if (this.total < 1) {
|
||||
this.logoflag = true;
|
||||
} else {
|
||||
if(this.pagesum > 1){
|
||||
this.list = this.list.concat(res.rows)
|
||||
}else{
|
||||
let uniqueIds = new Set(this.list.map(item => item.apiaryId))
|
||||
let uniqueRows = res.rows.filter(row => !uniqueIds.has(row.apiaryId))
|
||||
uniqueRows.forEach(row => uniqueIds.add(row.apiaryId))
|
||||
this.list = this.list.concat(uniqueRows)
|
||||
this.pagesum++
|
||||
this.logoflag = false
|
||||
this.list = res.rows
|
||||
}
|
||||
this.pagesum++;
|
||||
this.logoflag = false;
|
||||
// console.log(this.list);
|
||||
}
|
||||
// console.log(this.logoflag);
|
||||
} else {
|
||||
this.logoflag = true
|
||||
// console.log(this.logoflag);
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,8 @@
|
|||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="tit">
|
||||
具体位置
|
||||
</view>
|
||||
|
|
@ -280,6 +282,7 @@
|
|||
this.form.province = province
|
||||
this.form.city = city
|
||||
this.form.county = district
|
||||
// console.log(this.form);
|
||||
} else {
|
||||
console.log('地址格式不匹配或无法提取省市区信息');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,13 +19,13 @@
|
|||
<view class="tip_cont" style="margin-top: 28rpx;">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u9wAWh1AIzSDGgKDKsKY" mode=""></image>
|
||||
<view class="txt">
|
||||
{{daily[0].tempMax}} ℃
|
||||
{{daily[0].tempMax == undefined ? '--' : daily[0].tempMax}} ℃
|
||||
</view>
|
||||
</view>
|
||||
<view class="tip_cont" style="margin-top: 28rpx;">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uBIctX6qJ9yMtAZYuY0R" mode=""></image>
|
||||
<view class="txt">
|
||||
{{daily[0].humidity}} %
|
||||
{{daily[0].humidity == undefined ? '--' : daily[0].humidity}} %
|
||||
</view>
|
||||
</view>
|
||||
<image @click="btnedfc" style="width: 44rpx;height: 44rpx;position: absolute;top: 240rpx;right:20rpx ;"
|
||||
|
|
@ -57,10 +57,10 @@
|
|||
:show-location='true' :polygons="polygons" :markers="covers"> </map>
|
||||
<view class="num">
|
||||
<view class="txt">
|
||||
在线：{{apiaryobj.onlineBeehiveCount}}
|
||||
在线：{{apiaryobj.onlineBeehiveCount == undefined ? '--' : apiaryobj.onlineBeehiveCount}}
|
||||
</view>
|
||||
<view class="txt" style="color:#FF473E ;margin-top: 10rpx;">
|
||||
离线：{{apiaryobj.offlineBeehiveCount}}
|
||||
离线：{{apiaryobj.offlineBeehiveCount == undefined ? '--' : apiaryobj.offlineBeehiveCount}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="showwl = true">
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
具体位置
|
||||
</view>
|
||||
<view class="setbox">
|
||||
<view class="setcard">
|
||||
<view class="setcard" @click="btnship">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
视频监控
|
||||
|
|
@ -177,7 +177,7 @@
|
|||
bgc: {
|
||||
backgroundColor: " #F4FAF8",
|
||||
},
|
||||
title: "福鼎蜂场",
|
||||
title: "蜂场详情",
|
||||
latitude: '',
|
||||
longitude: '',
|
||||
isMap: false,
|
||||
|
|
@ -196,9 +196,8 @@
|
|||
covers: [],
|
||||
dzcode:'',
|
||||
polygons: [{
|
||||
//多边形的坐标数组
|
||||
points: [],
|
||||
fillColor: "#cbdde9",
|
||||
fillColor:'#cbdde954',
|
||||
strokeColor: "#78addd",
|
||||
strokeWidth: 1,
|
||||
zIndex: 1,
|
||||
|
|
@ -224,6 +223,12 @@
|
|||
url:'/pages/Apiary/early_Set ?apiaryId=' + this.apiaryId
|
||||
})
|
||||
},
|
||||
//跳转视频监控
|
||||
btnship(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/Apiary/Apiary_vadio/Apiary_vadio?apiaryId=' + this.apiaryId
|
||||
})
|
||||
},
|
||||
// 跳转预警记录
|
||||
btnyj(){
|
||||
uni.navigateTo({
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="" v-else>
|
||||
<view class="no_cont" >
|
||||
<view class="no_cont">
|
||||
<view class="img">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/us7oiRxHLVwqu8plEy3o" mode=""></image>
|
||||
</view>
|
||||
|
|
@ -21,7 +21,9 @@
|
|||
添加视频监控
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="btn" v-if="flag" @click="addApiary">
|
||||
添加视频监控
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -34,12 +36,12 @@
|
|||
backgroundColor: " #F4FAF8",
|
||||
},
|
||||
title: "视频监控",
|
||||
apiaryId:'',
|
||||
list:[],
|
||||
pagesum:1,
|
||||
pagesize:10,
|
||||
flag:true,
|
||||
total:''
|
||||
apiaryId: '',
|
||||
list: [],
|
||||
pagesum: 1,
|
||||
pagesize: 10,
|
||||
flag: true,
|
||||
total: ''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
|
|
@ -49,27 +51,27 @@
|
|||
this.getlist()
|
||||
},
|
||||
methods: {
|
||||
getlist(){
|
||||
getlist() {
|
||||
let data = {
|
||||
pageNum:this.pagesum,
|
||||
pageSize:this.pagesize,
|
||||
apiaryId:this.apiaryId
|
||||
pageNum: this.pagesum,
|
||||
pageSize: this.pagesize,
|
||||
apiaryId: this.apiaryId
|
||||
}
|
||||
this.$u.get(`/farm/video/list`,data).then(res => {
|
||||
if(res.code == 200){
|
||||
this.$u.get(`/farm/video/list`, data).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.total
|
||||
if(this.total >= 1){
|
||||
if (this.total >= 1) {
|
||||
this.list = res.rows
|
||||
this.flag = true
|
||||
}else{
|
||||
} else {
|
||||
this.flag = false
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
addApiary(){
|
||||
addApiary() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/Apiary/addVadio?apiaryId=' + this.apiaryId
|
||||
url: '/pages/Apiary/addVadio?apiaryId=' + this.apiaryId
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -85,23 +87,27 @@
|
|||
.page {
|
||||
// position: relative;
|
||||
width: 750rpx;
|
||||
.listvideo{
|
||||
|
||||
.listvideo {
|
||||
padding: 0 34rpx;
|
||||
box-sizing: border-box;
|
||||
margin-top: 56rpx;
|
||||
.list_item{
|
||||
|
||||
.list_item {
|
||||
width: 682rpx;
|
||||
height: 388rpx;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
overflow: hidden;
|
||||
margin-top: 20rpx;
|
||||
video{
|
||||
|
||||
video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
|
||||
.btn {
|
||||
margin: 86rpx auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -114,6 +120,7 @@
|
|||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.no_cont {
|
||||
margin: 152rpx auto 0;
|
||||
width: 432rpx;
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="no_cont" @click="addApiary()" v-if="haveApiary == false">
|
||||
<view class="img" >
|
||||
<view class="img">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uUZ3MF84e3bKgwAei8Rz" mode=""></image>
|
||||
</view>
|
||||
<view class="txt">
|
||||
|
|
@ -95,8 +95,8 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="echarts">
|
||||
<uni-ec-canvas class="uni-ec-canvas" id="uni-ec-canvas" ref="canvas3"
|
||||
canvas-id="uni-ec-canvas" :ec="ec">
|
||||
<uni-ec-canvas class="uni-ec-canvas" id="uni-ec-canvas" ref="canvas3" canvas-id="uni-ec-canvas"
|
||||
:ec="ec">
|
||||
</uni-ec-canvas>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -238,9 +238,9 @@
|
|||
|
||||
methods: {
|
||||
// 点击跳转登录页
|
||||
btnlogo(){
|
||||
btnlogo() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/login/login'
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
},
|
||||
// 未登录调静默获取token
|
||||
|
|
@ -262,7 +262,7 @@
|
|||
taht.getchartData4()
|
||||
taht.gettj()
|
||||
taht.getyj()
|
||||
}else if(res.code == 10003){
|
||||
} else if (res.code == 10003) {
|
||||
taht.logoflag = true
|
||||
}
|
||||
// console.log(res,10003);
|
||||
|
|
@ -271,32 +271,35 @@
|
|||
},
|
||||
})
|
||||
},
|
||||
getuserinfo(){
|
||||
getuserinfo() {
|
||||
this.$u.get(`/app/user/userInfo`).then(res => {
|
||||
if (res.code == 200) {
|
||||
if(res.data.type==1){
|
||||
if (res.data.type == 1) {
|
||||
this.logoflag = false
|
||||
this.ishave()
|
||||
this.getchartData3()
|
||||
this.getchartData4()
|
||||
this.gettj()
|
||||
this.getyj()
|
||||
}else{
|
||||
} else {
|
||||
|
||||
|
||||
// uni.navigateTo({
|
||||
// url:
|
||||
// })
|
||||
}
|
||||
}else{
|
||||
setTimeout(()=>{
|
||||
let code= uni.getStorageSync('code');
|
||||
console.log(code,'codecodecode');
|
||||
if(code==200){
|
||||
}else if(res.code == 401){
|
||||
this.jmlogin()
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
let code = uni.getStorageSync('code');
|
||||
console.log(code, 'codecodecode');
|
||||
if (code == 200) {
|
||||
this.getuserinfo()
|
||||
}else{
|
||||
this.logoflag = true
|
||||
} else {
|
||||
|
||||
}
|
||||
},500)
|
||||
}, 500)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
|
@ -552,11 +555,10 @@
|
|||
//重量
|
||||
initChart3(canvas, width, height, canvasDpr) {
|
||||
let that = this
|
||||
|
||||
const option = {
|
||||
grid: {
|
||||
left: '2%',
|
||||
right: '10%',
|
||||
left: '4%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
top: '4%',
|
||||
containLabel: true
|
||||
|
|
@ -584,7 +586,6 @@
|
|||
show: false,
|
||||
},
|
||||
// data: that.chartday,
|
||||
// data: that.numdata.map(item => item.date)
|
||||
},
|
||||
yAxis: {
|
||||
show: true,
|
||||
|
|
@ -653,12 +654,12 @@
|
|||
height: height,
|
||||
devicePixelRatio: canvasDpr
|
||||
})
|
||||
|
||||
option.series[0].data = that.chartData3
|
||||
canvas.setChart(chart)
|
||||
chart.setOption(option)
|
||||
return chart
|
||||
},
|
||||
|
||||
// 获取设备详情
|
||||
|
||||
}
|
||||
|
|
|
|||
648
pages/map.vue
648
pages/map.vue
|
|
@ -1,10 +1,10 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar is-back="false" :title="title" :border-bottom="false" :background="bgc" title-color='#000'
|
||||
title-size='36' :title-bold='true' height='45' id="navbar">
|
||||
<u-navbar :is-back="false" title="地图" :border-bottom="false" :background="bgc" title-color='#3D3D3D '
|
||||
title-size='36' height='45' id="navbar">
|
||||
</u-navbar>
|
||||
<map class="map" id="map" ref="map" :scale="zoomSize" :latitude="latitude" :longitude="longitude"
|
||||
:show-location='true' :markers="covers"></map>
|
||||
:show-location='true' :markers="covers" @markertap="handleMarkerTap"></map>
|
||||
|
||||
<view class="fxtongji">
|
||||
<view class="one">
|
||||
|
|
@ -19,6 +19,107 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 --><!-- 蜂箱弹窗 -->
|
||||
<view class="fctan" v-if="fxslag">
|
||||
<view class="fctop">
|
||||
<view class="fclt">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/ukbyhyrDcp3VzgyeJo2G" mode=""></image>
|
||||
<view class="fctit">{{fxobj.name == undefined ? '--' : fxobj.name}}</view>
|
||||
<view class="fcry">已认养</view>
|
||||
</view>
|
||||
<view class="fcrt" @click="fxslag = false">
|
||||
x
|
||||
</view>
|
||||
</view>
|
||||
<view class="fcbh">
|
||||
设备编号：{{fxobj.sn == undefined ? '--' : fxobj.sn}}
|
||||
</view>
|
||||
<view class="fcdz">
|
||||
<u-icon name="map-fill" color="#808080" size="32"></u-icon> {{fxobj.apiaryAddress == undefined ? '--' : fxobj.apiaryAddress}}
|
||||
</view>
|
||||
<view class="fctq">
|
||||
<view class="">{{daily[0].textDay == undefined ? '--' : daily[0].textDay}} {{daily[0].tempMin == undefined ? '--' : daily[0].tempMin}}℃ ~ {{daily[0].tempMax == undefined ? '--' : daily[0].tempMax}}℃</view>
|
||||
<view class="">{{daily[0].windDirDay == undefined ? '--' : daily[0].windDirDay}} {{nowtqobj.windScale == undefined ? '--' : nowtqobj.windScale}}级</view>
|
||||
</view>
|
||||
<view class="fcfm">
|
||||
<view>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uwO70CUV98b3maj6bfCF" mode=""></image> {{listfz}}
|
||||
</view>
|
||||
<view>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uQQym033Pvs3rirm9kP5" mode=""></image> {{listmy}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="fclist">
|
||||
<view class="fcli">
|
||||
<view class="">箱内温度：{{fxobj.innerTemperature == undefined ? '--' : fxobj.innerTemperature}}℃</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">箱内湿度：{{fxobj.innerHumidity == undefined ? '--' : fxobj.innerHumidity}}%</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">蜂箱重量：{{fxobj.totalYield == undefined ? '--' : fxobj.totalYield}}g</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">二氧化碳浓度：{{fxobj.innerCo2 == undefined ? '--' : fxobj.innerCo2}}ppm</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">进出量(日)：{{fxobj.ioCountDay == undefined ? '--' : fxobj.ioCountDay}}只</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">频率：{{fxobj.volume == undefined ? '--' : fxobj.volume}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btncha" @click="btnpage(1)">
|
||||
立即查看
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 蜂场弹窗 --><!-- 蜂场弹窗 --><!-- 蜂场弹窗 --><!-- 蜂场弹窗 --><!-- 蜂场弹窗 --><!-- 蜂场弹窗 -->
|
||||
<view class="fxtan" v-if="fcflag">
|
||||
<view class="fctop">
|
||||
<view class="fclt">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uB2k1NNeN2QUuSZIAf5r" mode=""></image>
|
||||
<view class="fctit">{{fcobj.name == undefined ? '--' : fcobj.name}}</view>
|
||||
<view class="fcry">已认养</view>
|
||||
</view>
|
||||
<view class="fcrt" @click="fcflag = false">
|
||||
x
|
||||
</view>
|
||||
</view>
|
||||
<view class="fcdz">
|
||||
<u-icon name="map-fill" color="#808080" size="32"></u-icon> {{fcobj.address == undefined ? '--' : fcobj.address}}
|
||||
</view>
|
||||
<view class="fctq">
|
||||
<view class="">{{daily[0].textDay == undefined ? '--' : daily[0].textDay}} {{daily[0].tempMin == undefined ? '--' : daily[0].tempMin}}℃ ~ {{daily[0].tempMax == undefined ? '--' : daily[0].tempMax}}℃</view>
|
||||
<view class="">{{daily[0].windDirDay == undefined ? '--' : daily[0].windDirDay}} {{nowtqobj.windScale == undefined ? '--' : nowtqobj.windScale}}级</view>
|
||||
</view>
|
||||
<view class="fcfm">
|
||||
<view>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uwO70CUV98b3maj6bfCF" mode=""></image> {{listfz}}
|
||||
</view>
|
||||
<view>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uQQym033Pvs3rirm9kP5" mode=""></image> {{listmy}}
|
||||
</view>
|
||||
<view>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/ukbyhyrDcp3VzgyeJo2G" mode=""></image> {{fcobj.beehiveCount == undefined ? '--' : fcobj.beehiveCount}}箱
|
||||
</view>
|
||||
</view>
|
||||
<view class="fclist">
|
||||
<view class="fcli">
|
||||
<view class="">当前温度：{{nowtqobj.temp == undefined ? '--' : nowtqobj.temp}}℃</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">当前湿度：{{nowtqobj.humidity == undefined ? '--' : nowtqobj.humidity}}%</view>
|
||||
</view>
|
||||
<view class="fcli">
|
||||
<view class="">在线数：{{fcobj.beehiveCount == undefined ? '--' : fcobj.beehiveCount}}箱</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btncha" @click="btnpage(2)">
|
||||
立即查看
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<tab-bar :indexs='3' style=""></tab-bar>
|
||||
<!-- <span style="">福鼎蜂场</span> -->
|
||||
</view>
|
||||
|
|
@ -35,14 +136,25 @@
|
|||
latitude: '',
|
||||
longitude: '',
|
||||
isMap: false,
|
||||
zoomSize: 15,
|
||||
zoomSize: 12,
|
||||
markers: [],
|
||||
jinweidu:'',
|
||||
jinweidu: '',
|
||||
covers: [],
|
||||
mapContext: null,
|
||||
mapScaleInterval: null,
|
||||
listmap:[],
|
||||
listmaps:[]
|
||||
listmap: [],
|
||||
listmaps: [],
|
||||
id:'',
|
||||
fxslag:false,
|
||||
fcflag:false,
|
||||
fxobj:{},
|
||||
fcobj:{},
|
||||
longitudetq:'',
|
||||
latitudetq:'',
|
||||
daily:[],
|
||||
listfz:'',
|
||||
listmy:'',
|
||||
nowtqobj:{}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -51,6 +163,8 @@
|
|||
onShow() {
|
||||
this.getMyLocation()
|
||||
this.getMyLocations()
|
||||
|
||||
|
||||
},
|
||||
onReady() {
|
||||
this.mapContext = uni.createMapContext('map', this)
|
||||
|
|
@ -63,7 +177,128 @@
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
btnpage(num){
|
||||
if(num == 1){
|
||||
uni.navigateTo({
|
||||
url:'/page_Beehive/Beehive_detail?beehiveId=' + this.fxobj.beehiveId
|
||||
})
|
||||
}else{
|
||||
uni.navigateTo({
|
||||
url: '/pages/Apiary/Apiary_detail?id=' + this.fcobj.apiaryId
|
||||
})
|
||||
}
|
||||
},
|
||||
// 请求蜂种
|
||||
getfz() {
|
||||
this.$u.get(`/common/getDictByType?dictType=apiary_bee_type`).then(res => {
|
||||
if (res.code == 200) {
|
||||
for (let i = 0; i < res.data.length; i++) {
|
||||
if (res.data[i].dictValue == this.fcobj.beeType) {
|
||||
this.listfz = res.data[i].dictLabel
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 请求蜜源
|
||||
getmy() {
|
||||
this.$u.get(`/common/getDictByType?dictType=apiary_honey_type`).then(res => {
|
||||
if (res.code == 200) {
|
||||
for (let i = 0; i < res.data.length; i++) {
|
||||
if (res.data[i].dictValue == this.fcobj.honeyType) {
|
||||
this.listmy = res.data[i].dictLabel
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 请求天气预告
|
||||
gettq(){
|
||||
this.$u.get(`weather/7d?location=${this.longitudetq},${this.latitudetq}`).then(res => {
|
||||
if(res.code == 200){
|
||||
this.daily = res.data.daily
|
||||
}
|
||||
})
|
||||
},
|
||||
// 请求当前天气
|
||||
gettqs(){
|
||||
this.$u.get(`weather/now?location=${this.longitudetq},${this.latitudetq}`).then(res => {
|
||||
if(res.code == 200){
|
||||
this.nowtqobj = res.data.now
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击地图图标
|
||||
handleMarkerTap(e) {
|
||||
let markerId = e.markerId.toString()
|
||||
let firstDigit = markerId.charAt(0)
|
||||
if (firstDigit === '1') {
|
||||
// 蜂场
|
||||
this.fxslag = false
|
||||
this.fcflag = true
|
||||
markerId = markerId.substring(1)
|
||||
this.id = markerId
|
||||
this.$u.get(`/farm/apiary/${this.id}`).then(res => {
|
||||
if(res.code == 200){
|
||||
this.fcobj = res.data
|
||||
this.latitudetq = res.data.lat
|
||||
this.longitudetq = res.data.lng
|
||||
this.gettq()
|
||||
this.getfz()
|
||||
this.getmy()
|
||||
this.gettqs()
|
||||
}
|
||||
})
|
||||
|
||||
} else if (firstDigit === '2') {
|
||||
// 蜂箱
|
||||
this.fcflag = false
|
||||
this.fxslag = true
|
||||
markerId = markerId.substring(1)
|
||||
this.id = markerId
|
||||
this.$u.get(`/farm/beehive/${this.id}`).then(res => {
|
||||
if(res.code == 200){
|
||||
this.fxobj = res.data
|
||||
// 请求蜂箱之后请求蜂箱所属蜂场 计算蜂种和蜜源
|
||||
this.$u.get(`/farm/apiary/${this.fxobj.apiaryId}`).then(res => {
|
||||
if(res.code == 200){
|
||||
this.fcobj = res.data
|
||||
this.getfz()
|
||||
this.getmy()
|
||||
}
|
||||
})
|
||||
this.latitudetq = res.data.lat
|
||||
this.longitudetq = res.data.lng
|
||||
this.gettq()
|
||||
this.gettqs()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
// 地图回正
|
||||
async setMapScale(e, val) {
|
||||
let mapContext = uni.createMapContext('map', this);
|
||||
let setScale = () => {
|
||||
return new Promise((resolve, reject) => {
|
||||
mapContext.getScale({
|
||||
success: r => {
|
||||
this.mapScale = 15
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
})
|
||||
};
|
||||
await setScale();
|
||||
mapContext.moveToLocation({
|
||||
success: (res) => {
|
||||
const timer = setTimeout(() => {
|
||||
this.mapScale = 15
|
||||
clearTimeout(timer);
|
||||
}, 500);
|
||||
},
|
||||
})
|
||||
},
|
||||
getMyLocations() {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
|
|
@ -71,50 +306,34 @@
|
|||
this.jinweidu = res.longitude + ',' + res.latitude
|
||||
this.latitude = Number(res.latitude.toFixed(5)) - 0.004
|
||||
this.longitude = Number(res.longitude.toFixed(5)) + 0.004
|
||||
// this.setMapScale()
|
||||
this.$u.get("/farm/beehive/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(
|
||||
this.setMapScale()
|
||||
this.$u.get("/farm/beehive/listNearBy?center=" + this.jinweidu + '&radius=' + 1000)
|
||||
.then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
// 蜂箱
|
||||
this.listmaps = res.data
|
||||
res.data.forEach(item => {
|
||||
let id = "2" + item.beehiveId //蜂箱id前加2 以此进行判断
|
||||
this.covers.push({
|
||||
markerId:parseFloat(item.beehiveId),
|
||||
id: parseFloat(id),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/ukbyhyrDcp3VzgyeJo2G',
|
||||
label: {
|
||||
type: 2,
|
||||
content: item.name,
|
||||
anchorX: (() => {
|
||||
if (item.name.length <= 2) {
|
||||
return -12
|
||||
} else if (item.name.length <= 3) {
|
||||
return -20
|
||||
} else if (item.name.length <= 4) {
|
||||
return -25
|
||||
} else if (item.name.length <= 5) {
|
||||
return -30
|
||||
} else if (item.name.length <= 6) {
|
||||
return -35
|
||||
} else if (item.name.length <= 8) {
|
||||
return -40
|
||||
} else if (item.name.length <=
|
||||
10) {
|
||||
return -45
|
||||
} else {
|
||||
return -item.name.length * 5
|
||||
}
|
||||
})(),
|
||||
anchorX: this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#FFCC25',
|
||||
textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white',
|
||||
borderColor:'#fff',
|
||||
borderRadius:5,
|
||||
borderColor: '#fff',
|
||||
borderRadius: 5,
|
||||
}
|
||||
})
|
||||
// this.covers.push(shopCover)
|
||||
});
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
|
@ -131,45 +350,30 @@
|
|||
this.jinweidu = res.longitude + ',' + res.latitude
|
||||
this.latitude = Number(res.latitude.toFixed(5)) - 0.004
|
||||
this.longitude = Number(res.longitude.toFixed(5)) + 0.004
|
||||
this.$u.get("/farm/apiary/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(
|
||||
this.$u.get("/farm/apiary/listNearBy?center=" + this.jinweidu + '&radius=' + 1000)
|
||||
.then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
// 蜂场
|
||||
this.listmap = res.data
|
||||
res.data.forEach(item => {
|
||||
let id = '1' + item.apiaryId //蜂箱id前加1 以此进行判断
|
||||
this.covers.push({
|
||||
markerId:parseFloat(item.apiaryId),
|
||||
id: parseFloat(id),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uYrX2QTRLdVVDTB3E5cp',
|
||||
label: {
|
||||
type: 1,
|
||||
content: item.name,
|
||||
anchorX: (() => {
|
||||
if (item.name.length <= 2) {
|
||||
return -12
|
||||
} else if (item.name.length <= 3) {
|
||||
return -20
|
||||
} else if (item.name.length <= 4) {
|
||||
return -25
|
||||
} else if (item.name.length <= 5) {
|
||||
return -30
|
||||
} else if (item.name.length <= 6) {
|
||||
return -35
|
||||
} else if (item.name.length <= 8) {
|
||||
return -40
|
||||
} else if (item.name.length <=
|
||||
10) {
|
||||
return -45
|
||||
} else {
|
||||
return -item.name.length * 5
|
||||
}
|
||||
})(),
|
||||
anchorX: this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#FFCC25',
|
||||
textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white',
|
||||
borderColor:'#fff',
|
||||
borderRadius:5,
|
||||
borderColor: '#fff',
|
||||
borderRadius: 5,
|
||||
}
|
||||
})
|
||||
})
|
||||
|
|
@ -179,7 +383,7 @@
|
|||
fail: (err) => {
|
||||
console.error('获取位置失败：', err)
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
// 缩放显示隐藏
|
||||
updateMarkers() {
|
||||
|
|
@ -199,78 +403,82 @@
|
|||
},
|
||||
addMarkersWithoutLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
let id = '1' + item.apiaryId
|
||||
this.covers.push({
|
||||
id: parseFloat(item.storeId),
|
||||
id: parseFloat(id),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uYrX2QTRLdVVDTB3E5cp',
|
||||
borderColor:'#fff',
|
||||
borderRadius:5,
|
||||
// bgColor: 'rgba(255, 255, 255, 0.7)'
|
||||
borderColor: '#fff',
|
||||
borderRadius: 5,
|
||||
label: {
|
||||
type: 1,
|
||||
}
|
||||
})
|
||||
// this.covers.push(shopCover)
|
||||
});
|
||||
this.listmaps.forEach((item) => {
|
||||
let id = "2" + item.beehiveId
|
||||
this.covers.push({
|
||||
id: parseFloat(item.storeId),
|
||||
id: parseFloat(id),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/ukbyhyrDcp3VzgyeJo2G',
|
||||
borderColor:'#fff',
|
||||
borderRadius:5,
|
||||
// bgColor: 'rgba(255, 255, 255, 0.7)'
|
||||
borderColor: '#fff',
|
||||
borderRadius: 5,
|
||||
label: {
|
||||
type: 2,
|
||||
}
|
||||
})
|
||||
// this.covers.push(shopCover)
|
||||
});
|
||||
},
|
||||
addMarkersWithLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
let id = '1' + item.apiaryId
|
||||
this.covers.push({
|
||||
id: parseFloat(item.storeId),
|
||||
id: parseFloat(id),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uYrX2QTRLdVVDTB3E5cp',
|
||||
label: {
|
||||
type: 1,
|
||||
content: item.name,
|
||||
anchorX: this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#FFCC25',
|
||||
textShadow: '2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000',
|
||||
rotate: 20,
|
||||
borderColor:'#fff',
|
||||
borderRadius:5,
|
||||
// bgColor: 'rgba(255, 255, 255, 0.7)'
|
||||
borderColor: '#fff',
|
||||
borderRadius: 5,
|
||||
}
|
||||
})
|
||||
// this.covers.push(shopCover)
|
||||
});
|
||||
this.listmaps.forEach((item) => {
|
||||
let id = "2" + item.beehiveId
|
||||
this.covers.push({
|
||||
id: parseFloat(item.storeId),
|
||||
id: parseFloat(id),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/ukbyhyrDcp3VzgyeJo2G',
|
||||
label: {
|
||||
type: 2,
|
||||
content: item.name,
|
||||
anchorX: this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#FFCC25',
|
||||
textShadow: '2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000',
|
||||
rotate: 20,
|
||||
borderColor:'#fff',
|
||||
borderRadius:5,
|
||||
// bgColor: 'rgba(255, 255, 255, 0.7)'
|
||||
borderColor: '#fff',
|
||||
borderRadius: 5,
|
||||
}
|
||||
})
|
||||
// this.covers.push(shopCover)
|
||||
});
|
||||
},
|
||||
calculateAnchorX(name) {
|
||||
|
|
@ -300,34 +508,294 @@
|
|||
.page {
|
||||
// position: relative;
|
||||
width: 750rpx;
|
||||
.fxtongji{
|
||||
// 蜂场弹窗
|
||||
.fxtan {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 750rpx;
|
||||
height: 670rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 50rpx 50rpx 0 0;
|
||||
z-index: 99;
|
||||
padding: 30rpx 52rpx;
|
||||
box-sizing: border-box;
|
||||
.btncha{
|
||||
width: 658rpx;
|
||||
height: 88rpx;
|
||||
background: #FFCC25;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
margin-top: 46rpx;
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.fclist{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 28rpx;
|
||||
.fcli{
|
||||
margin: 10rpx;
|
||||
flex: 1 0 calc(50% - 20rpx);
|
||||
}
|
||||
}
|
||||
.fcfm {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 28rpx;
|
||||
justify-content: space-between;
|
||||
view {
|
||||
width: 182rpx;
|
||||
height: 60rpx;
|
||||
background: rgba(61,61,61,0.3);
|
||||
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.15);
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
line-height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 32rpx;
|
||||
color: #FAFDFD;
|
||||
image {
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fctq {
|
||||
margin-top: 20rpx;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
color: #3D3D3D;
|
||||
|
||||
view {
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fcdz {
|
||||
font-size: 32rpx;
|
||||
color: #808080;
|
||||
margin-top: 20rpx;
|
||||
|
||||
text {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fcbh {
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.fctop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.fclt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.fctit {
|
||||
font-weight: 600;
|
||||
font-size: 40rpx;
|
||||
color: #3D3D3D;
|
||||
margin-right: 32rpx;
|
||||
}
|
||||
|
||||
.fcry {
|
||||
width: 90rpx;
|
||||
height: 42rpx;
|
||||
background: #FFC107;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
line-height: 42rpx;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fcrt {
|
||||
// font-weight: 600;
|
||||
font-size: 64rpx;
|
||||
padding-bottom: 10rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 蜂箱弹窗
|
||||
.fctan {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 750rpx;
|
||||
height: 730rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 50rpx 50rpx 0 0;
|
||||
z-index: 99;
|
||||
padding: 30rpx 52rpx;
|
||||
box-sizing: border-box;
|
||||
.btncha{
|
||||
width: 658rpx;
|
||||
height: 88rpx;
|
||||
background: #FFCC25;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
margin-top: 46rpx;
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.fclist{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 28rpx;
|
||||
.fcli{
|
||||
margin: 10rpx;
|
||||
flex: 1 0 calc(50% - 20rpx);
|
||||
}
|
||||
}
|
||||
.fcfm {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 28rpx;
|
||||
view {
|
||||
width: 182rpx;
|
||||
height: 60rpx;
|
||||
margin-right: 50rpx;
|
||||
background: rgba(61,61,61,0.3);
|
||||
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.15);
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
line-height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 32rpx;
|
||||
color: #FAFDFD;
|
||||
image {
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fctq {
|
||||
margin-top: 20rpx;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
color: #3D3D3D;
|
||||
|
||||
view {
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fcdz {
|
||||
font-size: 32rpx;
|
||||
color: #808080;
|
||||
margin-top: 20rpx;
|
||||
|
||||
text {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fcbh {
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.fctop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.fclt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.fctit {
|
||||
font-weight: 600;
|
||||
font-size: 40rpx;
|
||||
color: #3D3D3D;
|
||||
margin-right: 32rpx;
|
||||
}
|
||||
|
||||
.fcry {
|
||||
width: 90rpx;
|
||||
height: 42rpx;
|
||||
background: #FFC107;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
line-height: 42rpx;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fcrt {
|
||||
// font-weight: 600;
|
||||
font-size: 64rpx;
|
||||
padding-bottom: 10rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.fxtongji {
|
||||
position: fixed;
|
||||
top: 15vh;
|
||||
right: 50rpx;
|
||||
z-index: 99;
|
||||
.one{
|
||||
|
||||
.one {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: rgba(191, 191, 191, 0.4);
|
||||
padding: 4rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 30rpx;
|
||||
.wz{
|
||||
|
||||
.wz {
|
||||
color: #3D3D3D;
|
||||
font-size: 32rpx;
|
||||
margin: 0 15rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.shu{
|
||||
|
||||
.shu {
|
||||
color: #FFC107;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
}
|
||||
.two{
|
||||
|
||||
.two {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
|
|
@ -335,22 +803,26 @@
|
|||
padding: 4rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 30rpx;
|
||||
.wz{
|
||||
|
||||
.wz {
|
||||
color: #3D3D3D;
|
||||
font-size: 32rpx;
|
||||
margin: 0 15rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.shu{
|
||||
|
||||
.shu {
|
||||
color: #FFC107;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.map {
|
||||
width: 750rpx;
|
||||
height: 100vh;
|
||||
|
|
|
|||
|
|
@ -58,15 +58,15 @@
|
|||
btnpage(num){
|
||||
if(num == 1){
|
||||
uni.navigateTo({
|
||||
url:'/page_user/about?tit=' + '隐私政策'
|
||||
url:'/page_user/about?tit=' + '隐私政策' + '&type=' + 1
|
||||
})
|
||||
}else if(num == 2){
|
||||
uni.navigateTo({
|
||||
url:'/page_user/about?tit=' + '用户协议'
|
||||
url:'/page_user/about?tit=' + '用户协议' + '&type=' + 2
|
||||
})
|
||||
}else if(num == 3){
|
||||
uni.navigateTo({
|
||||
url:'/page_user/about?tit=' + '关于我们'
|
||||
url:'/page_user/about?tit=' + '关于我们' + '&type=' + 3
|
||||
})
|
||||
}
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user