695 lines
16 KiB
Vue
695 lines
16 KiB
Vue
<template>
|
|
<view>
|
|
<u-navbar :is-back="true" title='定时管理' title-color="#000" :border-bottom="false" :background="bgc" id="navbar">
|
|
</u-navbar>
|
|
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/urqUoIyCCEBykZ2oG8eO" mode=""></image>
|
|
|
|
<!-- 加载提示 -->
|
|
<u-loading-page :loading="isLoading" loading-text="数据同步中..."></u-loading-page>
|
|
|
|
<view class="" v-if="pre == 'WATER'">
|
|
<view class="list" v-if="list.length > 0 || list != null">
|
|
<view class="list_val" v-for="(values, key, index) in list" :key="key">
|
|
<view class="lt" @click="btnitem(key,index,values)">
|
|
<view class="one">{{ formattedTime(values[0], values[1]) }}</view>
|
|
<view class="two">P{{ index + 1 }} <text></text> {{ formatTime(values[2]) }}</view>
|
|
</view>
|
|
<view class="rt">
|
|
<u-switch v-model="values[3]" @change="btnchange(key,index,values)" active-color="#48893B"
|
|
inactive-color="#BDBCBC"></u-switch>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 设置浇水时间弹窗 -->
|
|
<view class="jiaoshui" v-if="timeflag">
|
|
<view class="top">
|
|
设置浇水
|
|
</view>
|
|
<view class="ts">
|
|
请设置浇水时间
|
|
</view>
|
|
<view class="shifen" @click="show = true">
|
|
<text>{{hour}}时</text> <text>{{minutekq}}分</text>
|
|
</view>
|
|
<view class="jssc">
|
|
浇水时长
|
|
</view>
|
|
<view class="shifen" @click="shows = true">
|
|
<text>{{minute}}分</text> <text>{{second}}秒</text>
|
|
</view>
|
|
<view class="anniu">
|
|
<view class="qx" @click="btnqx">
|
|
取消
|
|
</view>
|
|
<view class="qd" @click="btnqd">
|
|
确定
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="mask" v-if="timeflag"></view>
|
|
<!-- 定时时间 -->
|
|
<u-picker v-model="show" mode="time" :params="paramss" :defaultTime="defaultTime" @confirm="confirm"></u-picker>
|
|
<!-- 定时时长 -->
|
|
<u-picker v-model="shows" mode="time" :params="params" :defaultTime="defaultTimeLength" @confirm="confirms"></u-picker>
|
|
|
|
<view class="mask" style="z-index: 9999;" v-if="kgflag"></view>
|
|
</view>
|
|
|
|
<view class="choushuiben" v-else>
|
|
<view class="name">
|
|
<text>抽水泵启动时间/时：</text> <input type="text" v-model="shi"/>
|
|
</view>
|
|
<view class="name">
|
|
<text>抽水泵启动时间/分：</text><input type="text" v-model="fen"/>
|
|
</view>
|
|
<view class="name">
|
|
<text>抽水泵工作时长/秒：</text><input type="text" v-model="miao"/>
|
|
</view>
|
|
<view class="name">
|
|
<text>抽水泵间隔时间/天：</text><input type="text" v-model="tian"/>
|
|
</view>
|
|
<view class="baocun" @click="btnbc">
|
|
保存
|
|
</view>
|
|
</view>
|
|
|
|
<view class="" v-if="pre == 'WATER'" style="width: 100%;padding-top: 80rpx;text-align: center;color: #000;font-size: 36rpx;">
|
|
没有更多定时浇水啦...
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
var xBlufi = require("@/components/blufi/xBlufi.js")
|
|
export default {
|
|
data() {
|
|
return {
|
|
bgc: {
|
|
backgroundColor: "#fff",
|
|
},
|
|
active: 1,
|
|
flag: false,
|
|
checked: false,
|
|
timeflag: false,
|
|
show: false,
|
|
params: {
|
|
year: false,
|
|
month: false,
|
|
day: false,
|
|
hour: false,
|
|
minute: true,
|
|
second: true,
|
|
},
|
|
shows: false,
|
|
paramss: {
|
|
year: false,
|
|
month: false,
|
|
day: false,
|
|
hour: true,
|
|
minute: true,
|
|
second: false,
|
|
},
|
|
minute: '--',
|
|
second: '--',
|
|
hour: '--',
|
|
minutekq: '--',
|
|
list: {},
|
|
checkedStatus: {},
|
|
deviceindex: '',
|
|
devicemiao: '',
|
|
deviceflag: '',
|
|
devicehour: '',
|
|
deviceminute: '',
|
|
kgflag: false,
|
|
xctime: '',
|
|
csbobj:{},
|
|
pre:'',
|
|
shi:'',
|
|
fen:'',
|
|
miao:'',
|
|
tian: '',
|
|
isLoading: false, // 加载状态
|
|
retryCount: 0, // 重试次数
|
|
maxRetries: 3, // 最大重试次数
|
|
lastOperation: null, // 最后一次操作
|
|
// 添加默认时间设置
|
|
defaultTime: {
|
|
hour: '00',
|
|
minute: '00'
|
|
},
|
|
defaultTimeLength: {
|
|
minute: '00',
|
|
second: '00'
|
|
},
|
|
}
|
|
},
|
|
// 分享到好友（会话）
|
|
onShareAppMessage: function() {
|
|
return {
|
|
title: '绿小能',
|
|
path: '/pages/index/index'
|
|
}
|
|
},
|
|
// 分享到朋友圈
|
|
onShareTimeline: function() {
|
|
return {
|
|
title: '绿小能',
|
|
query: '',
|
|
path: '/pages/index/index'
|
|
}
|
|
},
|
|
onLoad(option) {
|
|
xBlufi.listenDeviceMsgEvent(true, this.funListenDeviceMsgEvent)
|
|
xBlufi.notifySendCustomData({
|
|
customData: "11get"
|
|
})
|
|
if (option.list.length > 0) { //判断有无数据 有数据直接拿 无数据则发送命令获取数据
|
|
this.pre = option.pre
|
|
if (option.pre == 'WATER') {
|
|
this.list = JSON.parse(option.list)
|
|
for (let key in this.list) {
|
|
if (this.list.hasOwnProperty(key)) {
|
|
// 获取当前数组
|
|
let arr = this.list[key];
|
|
// 判断数组的最后一个元素，并进行替换
|
|
if (arr[arr.length - 1] === 0) {
|
|
arr[arr.length - 1] = false;
|
|
} else if (arr[arr.length - 1] === 1) {
|
|
arr[arr.length - 1] = true;
|
|
}
|
|
}
|
|
}
|
|
console.log(this.list)
|
|
} else {
|
|
this.csbobj = JSON.parse(option.list)
|
|
this.shi = this.csbobj.hour
|
|
this.fen = this.csbobj.minute
|
|
this.miao = this.csbobj.second
|
|
this.tian = this.csbobj.day
|
|
}
|
|
} else {
|
|
xBlufi.notifySendCustomData({
|
|
customData: "11get"
|
|
})
|
|
}
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
// 显示加载
|
|
showLoading() {
|
|
this.isLoading = true;
|
|
},
|
|
|
|
// 隐藏加载
|
|
hideLoading() {
|
|
this.isLoading = false;
|
|
setTimeout(() => {
|
|
this.isLoading = false;
|
|
}, 500);
|
|
},
|
|
|
|
// 重试机制
|
|
async retryOperation() {
|
|
if (this.retryCount < this.maxRetries) {
|
|
this.retryCount++;
|
|
await this.delay(1000);
|
|
if (this.lastOperation) {
|
|
this.lastOperation();
|
|
}
|
|
} else {
|
|
this.hideLoading();
|
|
uni.showToast({
|
|
title: '操作失败，请重试',
|
|
icon: 'none'
|
|
});
|
|
this.retryCount = 0;
|
|
}
|
|
},
|
|
|
|
// 延时函数
|
|
delay(ms) {
|
|
return new Promise(resolve => setTimeout(resolve, ms));
|
|
},
|
|
|
|
// 点击开关是否开启
|
|
async btnchange(key, index, values) {
|
|
try {
|
|
this.showLoading();
|
|
this.kgflag = true;
|
|
this.btnitem(key, index, values);
|
|
this.btnqx();
|
|
this.deviceindex = index;
|
|
this.devicehour = values[0] || 0; // 添加默认值
|
|
this.deviceminute = values[1] || 0;
|
|
this.devicemiao = values[2] || 0;
|
|
|
|
if (this.list.hasOwnProperty(key)) {
|
|
const array = this.list[key];
|
|
const lastIndex = array.length - 1;
|
|
const lastElement = array[lastIndex];
|
|
array[lastIndex] = !lastElement;
|
|
this.deviceflag = lastElement ? 0 : 1;
|
|
}
|
|
|
|
let cucun = '11num' + this.deviceindex + '@' + this.devicehour + '@' + this.deviceminute + '@' + this.devicemiao + '@' + this.deviceflag + '@';
|
|
this.lastOperation = () => {
|
|
xBlufi.notifySendCustomData({
|
|
customData: cucun
|
|
});
|
|
};
|
|
this.lastOperation();
|
|
|
|
await this.delay(1000);
|
|
xBlufi.notifySendCustomData({
|
|
customData: "11get"
|
|
});
|
|
|
|
setTimeout(() => {
|
|
this.kgflag = false;
|
|
this.hideLoading();
|
|
}, 2000);
|
|
} catch (error) {
|
|
console.error('btnchange error:', error);
|
|
this.retryOperation();
|
|
}
|
|
},
|
|
|
|
// 点击设置定时时间
|
|
btnitem(key, index, values) {
|
|
this.deviceindex = index
|
|
this.timeflag = true
|
|
this.hour = values[0]
|
|
this.minutekq = values[1]
|
|
const totalSeconds = values[2]
|
|
const minutes = Math.floor(totalSeconds / 60)
|
|
const seconds = totalSeconds % 60
|
|
const formattedMinutes = minutes < 10 ? '0' + minutes : minutes.toString()
|
|
const formattedSeconds = seconds < 10 ? '0' + seconds : seconds.toString()
|
|
this.minute = formattedMinutes
|
|
this.second = formattedSeconds
|
|
if (this.list.hasOwnProperty(key)) {
|
|
const array = this.list[key]
|
|
const lastElement = array[array.length - 1]
|
|
if (lastElement) {
|
|
this.deviceflag = 1
|
|
} else {
|
|
this.deviceflag = 0
|
|
}
|
|
}
|
|
},
|
|
|
|
formattedTime(minutes, seconds) {
|
|
// 将数字转换为字符串并补零
|
|
const formattedMinutes = String(minutes).padStart(2, '0');
|
|
const formattedSeconds = String(seconds).padStart(2, '0');
|
|
// 返回格式化后的时间字符串
|
|
return `${formattedMinutes}:${formattedSeconds}`;
|
|
},
|
|
|
|
formatTime(seconds) {
|
|
const minutes = Math.floor(seconds / 60);
|
|
const remainingSeconds = seconds % 60;
|
|
return `${minutes}分${remainingSeconds < 10 ? '0' : ''}${remainingSeconds}秒`;
|
|
},
|
|
|
|
// 取消选择设置定时时间
|
|
btnqx() {
|
|
this.timeflag = false
|
|
this.hour = '--'
|
|
this.minutekq = '--'
|
|
this.minute = '--'
|
|
this.second = '--'
|
|
},
|
|
// 确定选择设置定时时间
|
|
async btnqd() {
|
|
try {
|
|
this.showLoading();
|
|
this.timeflag = false;
|
|
this.hour = '--';
|
|
this.minutekq = '--';
|
|
this.minute = '--';
|
|
this.second = '--';
|
|
|
|
let cucun = '11num' + this.deviceindex + '@' + this.devicehour + '@' + this.deviceminute + '@' + this.devicemiao + '@' + this.deviceflag + '@';
|
|
this.lastOperation = () => {
|
|
xBlufi.notifySendCustomData({
|
|
customData: cucun
|
|
});
|
|
};
|
|
this.lastOperation();
|
|
|
|
await this.delay(1000);
|
|
xBlufi.notifySendCustomData({
|
|
customData: "11get"
|
|
});
|
|
|
|
setTimeout(() => {
|
|
this.hideLoading();
|
|
}, 2000);
|
|
} catch (error) {
|
|
console.error('btnqd error:', error);
|
|
this.retryOperation();
|
|
}
|
|
},
|
|
// 保存抽水泵设置
|
|
async btnbc() {
|
|
try {
|
|
if(this.shi >= 24){
|
|
uni.showToast({
|
|
title: '最大值为23时',
|
|
icon: 'none',
|
|
duration:2000
|
|
});
|
|
return;
|
|
} else if(this.fen >= 60){
|
|
uni.showToast({
|
|
title: '最大值为59分钟',
|
|
icon: 'none',
|
|
duration:2000
|
|
});
|
|
return;
|
|
}
|
|
|
|
this.showLoading();
|
|
this.timeflag = false;
|
|
let cucun = '11num0' + '@' + this.shi + '@' + this.fen + '@' + this.miao + '@' + this.tian + '@';
|
|
this.lastOperation = () => {
|
|
xBlufi.notifySendCustomData({
|
|
customData: cucun
|
|
});
|
|
};
|
|
this.lastOperation();
|
|
|
|
await this.delay(1000);
|
|
xBlufi.notifySendCustomData({
|
|
customData: "11get"
|
|
});
|
|
|
|
uni.showToast({
|
|
title: '保存成功',
|
|
icon: 'success',
|
|
duration: 2000
|
|
});
|
|
|
|
setTimeout(() => {
|
|
this.hideLoading();
|
|
}, 2000);
|
|
} catch (error) {
|
|
console.error('btnbc error:', error);
|
|
this.retryOperation();
|
|
}
|
|
},
|
|
// 定时浇水时间
|
|
confirm(e) {
|
|
this.hour = e.hour || '00'
|
|
this.minutekq = e.minute || '00'
|
|
this.devicehour = e.hour || '00'
|
|
this.deviceminute = e.minute || '00'
|
|
},
|
|
// 定时浇水时长
|
|
confirms(e) {
|
|
this.minute = e.minute || '00'
|
|
this.second = e.second || '00'
|
|
this.devicemiao = (Number(this.minute) * 60 + Number(this.second)) || 0
|
|
console.log(this.devicemiao)
|
|
},
|
|
|
|
funListenDeviceMsgEvent: function(options) {
|
|
switch (options.type) {
|
|
case xBlufi.XBLUFI_TYPE.TYPE_STATUS_CONNECTED:
|
|
if (!options.result) {
|
|
uni.showToast({
|
|
title: '蓝牙连接异常',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
break;
|
|
case xBlufi.XBLUFI_TYPE.TYPE_RECIEVE_CUSTON_DATA:
|
|
try {
|
|
console.log("收到设备发来的自定义数据结果：", options.data);
|
|
const inputString = options.data.slice(0, -1) + ";";
|
|
|
|
if (this.pre == 'WATER') {
|
|
const pairs = inputString.split(';');
|
|
const pSetObjects = {};
|
|
|
|
pairs.forEach(pair => {
|
|
if (!pair) return;
|
|
const [key, value] = pair.split(':');
|
|
if (key && key.startsWith('p_set') && value) {
|
|
try {
|
|
const numbers = value.split(',').map(num => {
|
|
const parsed = parseInt(num);
|
|
return isNaN(parsed) ? 0 : parsed;
|
|
});
|
|
pSetObjects[key] = numbers;
|
|
} catch (e) {
|
|
console.error('数据解析错误:', e);
|
|
}
|
|
}
|
|
});
|
|
|
|
if (Object.keys(pSetObjects).length > 0) {
|
|
this.list = pSetObjects;
|
|
|
|
for (let key in this.list) {
|
|
if (this.list.hasOwnProperty(key)) {
|
|
let arr = this.list[key];
|
|
arr[arr.length - 1] = arr[arr.length - 1] === 1;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
const input = options.data.slice(0, -1) + ";"
|
|
// 去除末尾的分号并分割字符串
|
|
const parts = input.replace(";", "").split(":")
|
|
// 获取时间部分并分割
|
|
const timeParts = parts[1].split(",")
|
|
// 解析为对象
|
|
this.csbobj = {
|
|
hour: parseInt(timeParts[0]), // 小时
|
|
minute: parseInt(timeParts[1]), // 分钟
|
|
second: parseInt(timeParts[2]), // 秒
|
|
day: parseInt(timeParts[3]) // 天数
|
|
}
|
|
console.log(this.csbobj);
|
|
this.shi = this.csbobj.hour
|
|
this.fen = this.csbobj.minute
|
|
this.miao = this.csbobj.second
|
|
this.tian = this.csbobj.day
|
|
}
|
|
|
|
this.hideLoading();
|
|
} catch (error) {
|
|
console.error('数据处理错误:', error);
|
|
this.retryOperation();
|
|
}
|
|
break
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
/deep/ .u-title {
|
|
margin-bottom: 22rpx;
|
|
}
|
|
|
|
/deep/ .uicon-nav-back {
|
|
margin-bottom: 22rpx;
|
|
}
|
|
.choushuiben{
|
|
.baocun{
|
|
margin: auto;
|
|
width: 630rpx;
|
|
height: 100rpx;
|
|
margin-top: 50rpx;
|
|
text-align: center;
|
|
line-height: 100rpx;
|
|
border-radius: 20rpx;
|
|
background-color: #7FAD76;
|
|
color: #fff;
|
|
font-size: 32rpx;
|
|
}
|
|
.name{
|
|
display: flex;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
text{
|
|
width: 300rpx;
|
|
}
|
|
input{
|
|
border-bottom: 1px solid #ccc;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
}
|
|
}
|
|
}
|
|
.jiaoshui {
|
|
position: fixed;
|
|
top: 366rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 678rpx;
|
|
height: 800rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
z-index: 99;
|
|
|
|
.top {
|
|
margin-top: 42rpx;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 44rpx;
|
|
color: #3D3D3D;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ts {
|
|
margin-top: 30rpx;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 32rpx;
|
|
color: #808080;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.shifen {
|
|
width: 512rpx;
|
|
height: 128rpx;
|
|
background: #F0F0F0;
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
margin: auto;
|
|
margin-top: 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
line-height: 128rpx;
|
|
padding: 0 102rpx;
|
|
box-sizing: border-box;
|
|
|
|
text {
|
|
font-size: 44rpx;
|
|
color: #3D3D3D;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.jssc {
|
|
font-size: 32rpx;
|
|
color: #808080;
|
|
font-weight: 600;
|
|
margin-top: 58rpx;
|
|
margin-left: 96rpx;
|
|
}
|
|
|
|
.anniu {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 58rpx;
|
|
padding: 0 44rpx;
|
|
box-sizing: border-box;
|
|
|
|
.qx {
|
|
width: 278rpx;
|
|
height: 80rpx;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
border: 2rpx solid #7FAD76;
|
|
font-size: 36rpx;
|
|
color: #7FAD76;
|
|
font-weight: 600;
|
|
line-height: 80rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.qd {
|
|
width: 278rpx;
|
|
height: 80rpx;
|
|
background: #7FAD76;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
font-size: 36rpx;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
line-height: 80rpx;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mask {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background-color: #000;
|
|
opacity: .6;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 98;
|
|
}
|
|
|
|
.list {
|
|
.list_val {
|
|
width: 678rpx;
|
|
height: 208rpx;
|
|
background: #FFFFFF;
|
|
box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0, 0, 0, 0.08);
|
|
border-radius: 20rpx;
|
|
padding-top: 16rpx;
|
|
padding-left: 42rpx;
|
|
padding-right: 42rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 30rpx;
|
|
|
|
.lt {
|
|
width: 100%;
|
|
|
|
.one {
|
|
font-size: 72rpx;
|
|
color: #50565A;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.two {
|
|
font-size: 32rpx;
|
|
color: #50565A;
|
|
margin-top: 12rpx;
|
|
|
|
text {
|
|
display: inline-block;
|
|
width: 1rpx;
|
|
height: 28rpx;
|
|
background: #3D3D3D;
|
|
margin-left: 26rpx;
|
|
margin-right: 26rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.rt {
|
|
padding-top: 70rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
}
|
|
|
|
page {
|
|
width: 100%;
|
|
padding: 20rpx 30rpx;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.bj {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
</style> |