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>
编辑信息
</view>
<view class="menu_li">
<!-- <view class="menu_li">
<image src="https://api.ccttiot.com/smartmeter/img/static/uBfAFsDIhqFTFKxL0PVP" mode=""></image>
投放认养
</view>
<view class="menu_li" @click="btnfx">
<image src="https://api.ccttiot.com/smartmeter/img/static/uwkwkl1CDZfUhQyZdNFY" mode=""></image>
分享认养
</view>
</view> -->
</view>
</view>
</view>
@ -47,7 +47,7 @@
{{daily[0].windDirDay}} {{daily[0].windSpeedDay}}级
</view>
</view>
<view class="weather_right" @click="showtq = true">
<view class="weather_right" @click="btngd">
更多天气 <view class="iconfont icon-xiangyou1"></view>
</view>
</view>
@ -83,7 +83,7 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/uxDnt5rGbJcc6mU6W3cE" mode=""></image>
</view>
</view>
<view class="setcard">
<view class="setcard" @click="btnvideo">
<view class="top">
<view class="left">
视频监控
@ -414,6 +414,15 @@
this.getchartData6()
},
methods: {
btnvideo(){
uni.navigateTo({
url:'/pages/Apiary/Apiary_vadio/Apiary_vadio?apiaryId=' + this.obj.apiaryId
})
},
btngd(){
this.showtq = true
this.gettq()
},
btnyj(){
uni.navigateTo({
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",
"style" :
{
"navigationBarTitleText" : ""
"style": {
"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'
:title-bold='true' height='45' id="navbar">
</u-navbar>
<view class="no_cont" >
<view class="img">
<image src="https://api.ccttiot.com/smartmeter/img/static/us7oiRxHLVwqu8plEy3o" mode=""></image>
</view>
<view class="txt">
当前还没有添加视频监控哦
<view class="listvideo" v-if="flag">
<view class="list_item" v-for="(item,index) in list" :key="index">
<video :src="item.videoStream"></video>
</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>
@ -27,19 +34,42 @@
backgroundColor: " #F4FAF8",
},
title: "视频监控",
apiaryId:'',
list:[],
pagesum:1,
pagesize:10,
flag:true,
total:''
}
},
onLoad() {
onLoad(option) {
this.apiaryId = option.apiaryId
},
onShow() {
this.getlist()
},
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(){
uni.navigateTo({
url:'/pages/Apiary/AddApiary'
url:'/pages/Apiary/addVadio?apiaryId=' + this.apiaryId
})
}
@ -55,6 +85,22 @@
.page {
// position: relative;
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{
margin: 86rpx auto;
display: flex;

44
pages/Apiary/addVadio.vue
View File

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

4
pages/Beehive.vue
View File

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