diff --git a/pages/controller/controller.vue b/pages/controller/controller.vue index 6913d5f..bdce446 100644 --- a/pages/controller/controller.vue +++ b/pages/controller/controller.vue @@ -1423,7 +1423,7 @@ - @@ -1450,6 +1450,60 @@ + + 手自动开启几区空调: + + + + 1# + + + 2# + + + 3# + + + 4# + + + 5# + + + 6# + + + 7# + + + 8# + + + 9# + + + 10# + + + 11# + + + 12# + + + 13# + + + 14# + + + 15# + + + 16# + + + 修改更多参数 @@ -2056,7 +2110,7 @@ openIndex: 0, //风机有效性 inputData2: [], actList1: [], - + //标准风机 standardFanmodelShow: false, standardFanStatus: { @@ -2410,6 +2464,8 @@ open: 0, open1: 0 }, + actList2:[], + airconditioningInputData:{}, }; }, onReady() { @@ -3049,6 +3105,31 @@ this.actList1.push(openListNew[openListNew.length - index - 1]) }) }, + getAct22063() { + this.actList2 = [] + var num = this.airconditioningInputData[22063] + + var num1 = this.padString(num.toString(2), 16) + var openListNew = [] + openListNew = num1.split("") + this.actList2 = openListNew.reverse(); + }, + changeIndexOpen2(active) { + if (this.actList2[active] == '1') { + this.actList2[active] = '0' + } else { + this.actList2[active] = '1' + } + this.$forceUpdate(); + var revList = this.actList2.slice().reverse() + var num = revList.join(""); + var dataNum = { + target: { + value: parseInt(num, 2), + }, + }; + this.changeBtn(22063, dataNum); + }, getControl_getState() { var data = { deviceId: this.deviceId @@ -3452,6 +3533,8 @@ if (res.code == 200) { uni.hideLoading(); uni.stopPullDownRefresh(); + this.airconditioningInputData=res.data + this.getAct22063() this.airconditioningControlIndex = res.data[22040]; } }) @@ -3987,7 +4070,74 @@ border-radius: 20rpx; min-height: 150rpx; margin-bottom: 30rpx; - + .model-title { + font-size: 28rpx; + font-family: PingFang SC; + font-weight: bold; + color: #333333; + margin-bottom: 20rpx; + } + .airconditioning-grid{ + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-row-gap: 30rpx; //纵向间隔 + grid-column-gap: 24rpx; //横向间隔 + padding: 30rpx 10px 35rpx 10px; + .btn { + width: 130rpx; + height: 66rpx; + display: flex; + align-items: center; + justify-content: center; + + >image { + width: 30rpx; + height: 30rpx; + + &.fan-img { + animation: rotate 5s linear infinite; + /* 持续时间为 5 秒,线性缓动,无限循环 */ + /* 定义旋转动画 */ + } + + @keyframes rotate { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } + } + } + + span { + margin-left: 10rpx; + } + + &.btn-on { + background: linear-gradient(0deg, #54CDA4, #27B584); + border-radius: 10rpx; + + span { + color: #fff; + } + } + + &.btn-off { + background: #EFFCF7; + border: 2px solid rgba(58, 187, 144, 0.25); + border-radius: 10rpx; + box-sizing: border-box; + + span { + + font-weight: bold; + color: #24B383; + } + } + } + } .lishui-title { width: 100%; padding: 0 20rpx 0 30rpx; @@ -4242,14 +4392,14 @@ color: #333333; margin-bottom: 20rpx; } - + .lishui-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 30rpx; //纵向间隔 grid-column-gap: 30rpx; //横向间隔 padding: 30rpx 0 35rpx 0; - + .btn { width: 190rpx; height: 66rpx;