chuangte/SmartBeehive
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aaa

Browse Source
This commit is contained in:
3321822538@qq.com 2024-07-05 20:00:41 +08:00
parent 7dc749ddde
commit 1b5c132ab2
6 changed files with 291 additions and 123 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
page_Beehive/Beehive_detail.vue
View File

@ -23,14 +23,14 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/uE84FLJ6hKTfgt6gxYMw" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uE84FLJ6hKTfgt6gxYMw" mode=""></image>
编辑信息 编辑信息
</view> </view>
<view class="menu_li"> <!-- <view class="menu_li">
<image src="https://api.ccttiot.com/smartmeter/img/static/uBfAFsDIhqFTFKxL0PVP" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uBfAFsDIhqFTFKxL0PVP" mode=""></image>
投放认养 投放认养
</view> </view>
<view class="menu_li" @click="btnfx"> <view class="menu_li" @click="btnfx">
<image src="https://api.ccttiot.com/smartmeter/img/static/uwkwkl1CDZfUhQyZdNFY" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uwkwkl1CDZfUhQyZdNFY" mode=""></image>
分享认养 分享认养
</view> </view> -->
</view> </view>
</view> </view>
</view> </view>
@ -47,7 +47,7 @@
{{daily[0].windDirDay}} {{daily[0].windSpeedDay}}级 {{daily[0].windDirDay}} {{daily[0].windSpeedDay}}级
</view> </view>
</view> </view>
<view class="weather_right" @click="showtq = true"> <view class="weather_right" @click="btngd">
更多天气 <view class="iconfont icon-xiangyou1"></view> 更多天气 <view class="iconfont icon-xiangyou1"></view>
</view> </view>
</view> </view>
@ -83,7 +83,7 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/uxDnt5rGbJcc6mU6W3cE" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uxDnt5rGbJcc6mU6W3cE" mode=""></image>
</view> </view>
</view> </view>
<view class="setcard"> <view class="setcard" @click="btnvideo">
<view class="top"> <view class="top">
<view class="left"> <view class="left">
视频监控 视频监控
@ -414,6 +414,15 @@
this.getchartData6() this.getchartData6()
}, },
methods: { methods: {
btnvideo(){
uni.navigateTo({
url:'/pages/Apiary/Apiary_vadio/Apiary_vadio?apiaryId=' + this.obj.apiaryId
})
},
btngd(){
this.showtq = true
this.gettq()
},
btnyj(){ btnyj(){
uni.navigateTo({ uni.navigateTo({
url:'/page_Beehive/Beehive_woring?apiaryId=' + this.beehiveId + '&tit=' + '蜂箱预警记录' url:'/page_Beehive/Beehive_woring?apiaryId=' + this.beehiveId + '&tit=' + '蜂箱预警记录'

7
pages.json
View File

@ -120,9 +120,10 @@
}, },
{ {
"path" : "pages/Apiary/Apiary_vadio/Apiary_vadio", "path" : "pages/Apiary/Apiary_vadio/Apiary_vadio",
"style" : "style": {
{ "navigationBarTitleText": "",
"navigationBarTitleText" : "" "navigationStyle": "custom",
"enablePullDownRefresh": false
} }
}, },
{ {

72
pages/Apiary/Apiary_vadio/Apiary_vadio.vue
View File

@ -3,16 +3,23 @@
<u-navbar :title="title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' <u-navbar :title="title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
:title-bold='true' height='45' id="navbar"> :title-bold='true' height='45' id="navbar">
</u-navbar> </u-navbar>
<view class="no_cont" > <view class="listvideo" v-if="flag">
<view class="img"> <view class="list_item" v-for="(item,index) in list" :key="index">
<image src="https://api.ccttiot.com/smartmeter/img/static/us7oiRxHLVwqu8plEy3o" mode=""></image> <video :src="item.videoStream"></video>
</view>
<view class="txt">
当前还没有添加视频监控哦
</view> </view>
</view> </view>
<view class="btn"> <view class="" v-else>
添加视频监控 <view class="no_cont" >
<view class="img">
<image src="https://api.ccttiot.com/smartmeter/img/static/us7oiRxHLVwqu8plEy3o" mode=""></image>
</view>
<view class="txt">
当前还没有添加视频监控哦
</view>
</view>
<view class="btn" @click="addApiary">
添加视频监控
</view>
</view> </view>
@ -27,19 +34,42 @@
backgroundColor: " #F4FAF8", backgroundColor: " #F4FAF8",
}, },
title: "视频监控", title: "视频监控",
apiaryId:'',
list:[],
pagesum:1,
pagesize:10,
flag:true,
total:''
} }
}, },
onLoad() { onLoad(option) {
this.apiaryId = option.apiaryId
}, },
onShow() { onShow() {
this.getlist()
}, },
methods: { methods: {
getlist(){
let data = {
pageNum:this.pagesum,
pageSize:this.pagesize,
apiaryId:this.apiaryId
}
this.$u.get(`/farm/video/list`,data).then(res => {
if(res.code == 200){
this.total = res.total
if(this.total >= 1){
this.list = res.rows
this.flag = true
}else{
this.flag = false
}
}
})
},
addApiary(){ addApiary(){
uni.navigateTo({ uni.navigateTo({
url:'/pages/Apiary/AddApiary' url:'/pages/Apiary/addVadio?apiaryId=' + this.apiaryId
}) })
} }
@ -55,6 +85,22 @@
.page { .page {
// position: relative; // position: relative;
width: 750rpx; width: 750rpx;
.listvideo{
padding: 0 34rpx;
box-sizing: border-box;
margin-top: 56rpx;
.list_item{
width: 682rpx;
height: 388rpx;
border-radius: 28rpx 28rpx 28rpx 28rpx;
overflow: hidden;
margin-top: 20rpx;
video{
width: 100%;
height: 100%;
}
}
}
.btn{ .btn{
margin: 86rpx auto; margin: 86rpx auto;
display: flex; display: flex;

44
pages/Apiary/addVadio.vue
View File

@ -7,7 +7,7 @@
蜂场名称 蜂场名称
</view> </view>
<view class="iptbox"> <view class="iptbox">
<input type="text" class="ips" v-model="code" placeholder="请输入监控名称" <input type="text" class="ips" v-model="name" placeholder="请输入监控名称"
placeholder-class="my-placeholder" /> placeholder-class="my-placeholder" />
</view> </view>
@ -15,7 +15,7 @@
设备ID或视频流地址 设备ID或视频流地址
</view> </view>
<view class="iptbox"> <view class="iptbox">
<input type="text" class="ips" v-model="code" placeholder="设备ID或视频流地址" <input type="text" class="ips" v-model="videoStream" placeholder="设备ID或视频流地址"
placeholder-class="my-placeholder" /> placeholder-class="my-placeholder" />
</view> </view>
@ -23,11 +23,11 @@
添加视频监控 添加视频监控
</view> </view>
<view class="iptbox"> <view class="iptbox">
<input type="text" class="ips" v-model="code" placeholder="请输入操控接口地址" <input type="text" class="ips" v-model="operateApi" placeholder="请输入操控接口地址"
placeholder-class="my-placeholder" /> placeholder-class="my-placeholder" />
</view> </view>
<view class="btn"> <view class="btn" @click="btnadd">
确认添加 确认添加
</view> </view>
</view> </view>
@ -41,19 +41,43 @@
backgroundColor: " #F4FAF8", backgroundColor: " #F4FAF8",
}, },
title: "添加视频监控", title: "添加视频监控",
name:'',
operateApi:'',
videoStream:'',
apiaryId:''
} }
}, },
onLoad() { onLoad(option) {
this.apiaryId = option.apiaryId
}, },
onShow() { onShow() {
}, },
methods: { methods: {
addApiary(){ btnadd(){
uni.navigateTo({ let data = {
url:'/pages/Apiary/AddApiary' apiaryId:this.apiaryId,
name:this.name,
videoStream:this.videoStream,
operateApi:this.operateApi
}
this.$u.post(`/farm/video`,data).then(res => {
if(res.code == 200){
uni.showToast({
title: '添加成功',
icon: 'success',
duration: 1000
})
setTimeout(()=>{
uni.navigateBack()
},1500)
}else{
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
})
}
}) })
} }

270
pages/Apiary/early_Set .vue
View File

@ -3,80 +3,91 @@
<u-navbar :title="title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' <u-navbar :title="title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
:title-bold='true' height='45' id="navbar"> :title-bold='true' height='45' id="navbar">
</u-navbar> </u-navbar>
<view class="tit"> <view class="tit">
蜂箱温度预警 蜂箱温度预警
<u-switch v-model="form.enableTemperature" active-color="#FFC107"></u-switch> <u-switch v-model="form.enableTemperature" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(1)"> <view class="iptbox" @click="btnfx(1)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minTemperature + '℃或高于' + form.maxTemperature + '℃时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address"
disabled /> :placeholder="'低于' + form.minTemperature + '℃或高于' + form.maxTemperature + '℃时'"
placeholder-class="my-placeholder" disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<view class="tit"> <view class="tit">
蜂箱湿度预警 蜂箱湿度预警
<u-switch v-model="form.enableHumidity" active-color="#FFC107"></u-switch> <u-switch v-model="form.enableHumidity" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(2)"> <view class="iptbox" @click="btnfx(2)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minHumidity + '℃或高于' + form.maxHumidity + '℃时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address"
disabled /> :placeholder="'低于' + form.minHumidity + '%或高于' + form.maxHumidity + '%时'"
placeholder-class="my-placeholder" disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<view class="tit"> <view class="tit">
蜂箱重量预警 蜂箱重量预警
<u-switch v-model="form.enableWeight" active-color="#FFC107"></u-switch> <u-switch v-model="form.enableWeight" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(3)"> <view class="iptbox" @click="btnfx(3)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minWeight + 'g或高于' + form.maxWeight + 'g时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address"
:placeholder="'低于' + form.minWeight + 'g或高于' + form.maxWeight + 'g时'" placeholder-class="my-placeholder"
disabled /> disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<view class="tit"> <view class="tit">
蜂箱进出量预警 蜂箱进出量预警
<u-switch v-model="form.enableIo" active-color="#FFC107"></u-switch> <u-switch v-model="form.enableIo" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(4)"> <view class="iptbox" @click="btnfx(4)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minIo + '只或高于' + form.maxIo + '只时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address"
:placeholder="'低于' + form.minIo + '只或高于' + form.maxIo + '只时'" placeholder-class="my-placeholder"
disabled /> disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<view class="tit"> <view class="tit">
蜂箱电量预警 蜂箱电量预警
<u-switch v-model="form.enablePower" active-color="#FFC107"></u-switch> <u-switch v-model="form.enablePower" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(5)"> <view class="iptbox" @click="btnfx(5)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minPower + '%时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minPower + '%时'"
disabled /> placeholder-class="my-placeholder" disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<view class="tit"> <view class="tit">
蜂箱频率预警 蜂箱频率预警
<u-switch v-model="form.enableHz" active-color="#FFC107"></u-switch> <u-switch v-model="form.enableHz" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(6)"> <view class="iptbox" @click="btnfx(6)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minHz + '或高于' + form.maxHz + '时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address"
:placeholder="'低于' + form.minHz + '或高于' + form.maxHz + '时'" placeholder-class="my-placeholder"
disabled /> disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<view class="tit"> <view class="tit">
电子围栏范围预警 电子围栏范围预警
<u-switch v-model="form.enableFence" active-color="#FFC107"></u-switch> <u-switch v-model="form.enableFence" active-color="#FFC107" @change="chang"></u-switch>
</view> </view>
<view class="iptbox" @click="btnfx(7)"> <view class="iptbox" @click="btnfx(7)">
<input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minFence + 'Km时'" placeholder-class="my-placeholder" <input type="text" class="ips" v-model="form.address" :placeholder="'低于' + form.minFence + 'Km时'"
disabled /> placeholder-class="my-placeholder" disabled />
<image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/ugAdKZm5ZHZ4to1cDsNI" mode=""></image>
</view> </view>
<!-- 弹窗 --> <!-- 弹窗 -->
<view class="tanc" v-if="maskflag"> <view class="tanc" v-if="maskflag">
<image src="https://api.ccttiot.com/smartmeter/img/static/uvvzP7sIDIFpA8ErtRaL" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uvvzP7sIDIFpA8ErtRaL" mode=""></image>
<view class="top"> <view class="top">
蜂箱{{fxtxt}}预警范围 蜂箱{{fxtxt}}预警范围
</view> </view>
<view class="shuzhi"> <view class="shuzhi" v-if="dange">
低于<input type="text" v-model="di"/> {{danwei}}或高于 <input type="text" v-model="gao"/> {{danwei}}时 低于<input type="text" v-model="di" /> {{danwei}}或高于 <input type="text" v-model="gao" /> {{danwei}}时
</view>
<view class="shuzhi" v-if="fxtxt == '电量'">
低于<input type="text" v-model="zhong" /> {{danwei}}时
</view>
<view class="shuzhi" v-if="fxtxt == '范围'">
超过<input type="text" v-model="zhong" /> {{danwei}}时
</view> </view>
<view class="anniu"> <view class="anniu">
<view class="qux" @click="btnqx"> <view class="qux" @click="btnqx">
@ -100,78 +111,142 @@
backgroundColor: " #F4FAF8", backgroundColor: " #F4FAF8",
}, },
title: "预警设置", title: "预警设置",
apiaryId:'', apiaryId: '',
fxtxt:'', fxtxt: '',
danwei:'', danwei: '',
di:'', di: '',
gao:'', zhong: '',
form:{ gao: '',
enableTemperature:false, dange: true,
enableHumidity:false, form: {
enableWeight:false, id:'',
enableIo:false, enableTemperature: false,
enablePower:false, enableHumidity: false,
enableHz:false, enableWeight: false,
enableFence:false, enableIo: false,
minTemperature:'', enablePower: false,
maxTemperature:'', enableHz: false,
minHumidity:'', enableFence: false,
maxHumidity:'', minTemperature: '',
minWeight:'', maxTemperature: '',
maxWeight:'', minHumidity: '',
minIo:'', maxHumidity: '',
maxIo:'', minWeight: '',
minPower:'', maxWeight: '',
minHz:'', minIo: '',
maxHz:'', maxIo: '',
minFence:'', minPower: '',
minHz: '',
maxHz: '',
minFence: '',
zhong: ''
}, },
maskflag:false maskflag: false,
} }
}, },
onLoad(option) { onLoad(option) {
this.apiaryId = option.apiaryId this.apiaryId = option.apiaryId
this.getlist() this.getlist()
}, },
onShow() { onShow() {
}, },
methods: { methods: {
btnqx(){ chang(e){
this.maskflag = false this.btnqd()
}, },
btnfx(num){ btnqd() {
if(this.fxtxt == '温度'){
this.form.minTemperature = this.di
this.form.maxTemperature = this.gao
}else if(this.fxtxt == '湿度'){
this.form.minHumidity = this.di
this.form.maxHumidity = this.gao
}else if(this.fxtxt == '重量'){
this.form.minWeight = this.di
this.form.maxWeight = this.gao
}else if(this.fxtxt == '进出量'){
this.form.minIo = this.di
this.form.maxIo = this.gao
}else if(this.fxtxt == '电量'){
this.form.minPower = this.zhong
}else if(this.fxtxt == '频率'){
this.form.minHz = this.di
this.form.maxHz = this.gao
}else if(this.fxtxt == '范围'){
this.form.minFence = this.zhong
}
let data = this.form
this.$u.put(`/farm/warnSetting`,data).then(res => {
if (res.code == 200) {
uni.showToast({
title: '操作成功',
icon: 'success',
duration: 1000
})
this.getlist()
this.maskflag = false
this.dange = true
}else{
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
})
}
})
},
btnqx() {
this.maskflag = false
this.dange = true
},
btnfx(num) {
this.maskflag = true this.maskflag = true
if(num == 1){ if (num == 1) {
this.danwei = '℃' this.danwei = '℃'
this.fxtxt = '温度' this.fxtxt = '温度'
}else if(num == 2){ this.di = this.form.minTemperature
this.danwei = '℃' this.gao = this.form.maxTemperature
} else if (num == 2) {
this.danwei = '%'
this.fxtxt = '湿度' this.fxtxt = '湿度'
}else if(num == 5){ this.di = this.form.minHumidity
this.danwei = '℃' this.gao = this.form.maxHumidity
} else if (num == 5) {
this.danwei = '%'
this.fxtxt = '电量' this.fxtxt = '电量'
} else if(num == 3){ this.zhong = this.form.minPower
this.dange = false
} else if (num == 3) {
this.danwei = 'g' this.danwei = 'g'
this.fxtxt = '重量' this.fxtxt = '重量'
}else if(num == 4){ this.di = this.form.minWeight
this.gao = this.form.maxWeight
} else if (num == 4) {
this.danwei = '只' this.danwei = '只'
this.fxtxt = '进出量' this.fxtxt = '进出量'
}else if(num == 6){ this.di = this.form.minIo
this.gao = this.form.maxIo
} else if (num == 6) {
this.danwei = '' this.danwei = ''
this.fxtxt = '频率' this.fxtxt = '频率'
}else if(num == 7){ this.di = this.form.minHz
this.gao = this.form.maxHz
} else if (num == 7) {
this.danwei = 'Km' this.danwei = 'Km'
this.fxtxt = '范围' this.fxtxt = '范围'
this.zhong = this.form.minFence
this.dange = false
} }
}, },
getlist(){ getlist() {
this.$u.get(`/farm/warnSetting/apiary/${this.apiaryId}`).then(res => { this.$u.get(`/farm/warnSetting/apiary/${this.apiaryId}`).then(res => {
if(res.code == 200){ if (res.code == 200) {
this.form = res.data this.form = res.data
} console.log(this.form);
}) }
} })
}
} }
} }
</script> </script>
@ -185,16 +260,18 @@
// position: relative; // position: relative;
padding-bottom: 200rpx; padding-bottom: 200rpx;
width: 750rpx; width: 750rpx;
.mask{
.mask {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 97; z-index: 97;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: rgba(61,61,61,0.2); background: rgba(61, 61, 61, 0.2);
} }
.tanc{
.tanc {
width: 594rpx; width: 594rpx;
height: 420rpx; height: 420rpx;
background: #FFFFFF; background: #FFFFFF;
@ -204,14 +281,16 @@
transform: translateX(-50%); transform: translateX(-50%);
top: 506rpx; top: 506rpx;
z-index: 98; z-index: 98;
.anniu{
.anniu {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 44rpx; padding: 0 44rpx;
box-sizing: border-box; box-sizing: border-box;
margin-top: 64rpx; margin-top: 64rpx;
width: 100%; width: 100%;
.qux{
.qux {
width: 234rpx; width: 234rpx;
height: 80rpx; height: 80rpx;
border-radius: 40rpx 40rpx 40rpx 40rpx; border-radius: 40rpx 40rpx 40rpx 40rpx;
@ -221,7 +300,8 @@
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;
} }
.qd{
.qd {
width: 234rpx; width: 234rpx;
height: 80rpx; height: 80rpx;
background: #FFC107; background: #FFC107;
@ -232,23 +312,28 @@
line-height: 80rpx; line-height: 80rpx;
} }
} }
.shuzhi{
.shuzhi {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; // justify-content: space-between;
padding: 0 60rpx; justify-content: center;
// padding: 0 60rpx;
margin-top: 50rpx; margin-top: 50rpx;
box-sizing: border-box; box-sizing: border-box;
input{
input {
width: 96rpx; width: 96rpx;
height: 76rpx; height: 76rpx;
border-radius: 10rpx 10rpx 10rpx 10rpx; border-radius: 10rpx 10rpx 10rpx 10rpx;
border: 2rpx solid #808080; border: 2rpx solid #808080;
padding-left: 30rpx; padding-left: 10rpx;
box-sizing: border-box; box-sizing: border-box;
margin: 0 10rpx;
} }
} }
.top{
.top {
font-weight: 600; font-weight: 600;
font-size: 36rpx; font-size: 36rpx;
color: #3D3D3D; color: #3D3D3D;
@ -257,7 +342,8 @@
padding-top: 40rpx; padding-top: 40rpx;
box-sizing: border-box; box-sizing: border-box;
} }
image{
image {
width: 198rpx; width: 198rpx;
height: 172rpx; height: 172rpx;
position: absolute; position: absolute;
@ -266,6 +352,7 @@
opacity: .5; opacity: .5;
} }
} }
.tit { .tit {
margin-right: 49rpx; margin-right: 49rpx;
display: flex; display: flex;
@ -278,6 +365,7 @@
font-size: 32rpx; font-size: 32rpx;
color: #3D3D3D; color: #3D3D3D;
} }
.iptbox { .iptbox {
display: flex; display: flex;
align-items: center; align-items: center;
@ -289,17 +377,17 @@
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.15); box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.15);
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
.ips { .ips {
width: 630rpx; width: 630rpx;
} }
image { image {
width: 18rpx; width: 18rpx;
height: 32rpx; height: 32rpx;
} }
.my-placeholder { .my-placeholder {
font-weight: 400; font-weight: 400;
font-size: 32rpx; font-size: 32rpx;

4
pages/Beehive.vue
View File

@ -46,9 +46,9 @@
<view class="online" :id="item.onlineStatus == 0 ? 'status' : ''"> <view class="online" :id="item.onlineStatus == 0 ? 'status' : ''">
{{item.onlineStatus == 0 ? '离线' : '在线'}} {{item.onlineStatus == 0 ? '离线' : '在线'}}
</view> </view>
<view class="type"> <!-- <view class="type">
已认养 已认养
</view> </view> -->
<view class="ele"> <view class="ele">
<image src="https://api.ccttiot.com/smartmeter/img/static/uWDVO6wzl5tRe8X3rmhT" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uWDVO6wzl5tRe8X3rmhT" mode=""></image>
{{item.surplusPower}}% {{item.surplusPower}}%