App/app-govern
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

温度设置

Browse Source
This commit is contained in:
仲么了
2023-08-31 14:13:28 +08:00
parent 34b4061053
commit 9999245ebf
3 changed files with 66 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
common/js/mqtt.js
View File

@@ -1,5 +1,5 @@
// export const MQTT_IP = '192.168.1.18:8083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt // export const MQTT_IP = '192.168.1.18:8083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
export const MQTT_IP = 'pqmcn.com:8884/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
const MQTT_USERNAME = 't_user'//mqtt用户名 const MQTT_USERNAME = 't_user'//mqtt用户名
const MQTT_PASSWORD = 'njcnpqs'//密码 const MQTT_PASSWORD = 'njcnpqs'//密码

86
pages/device/APF/comp/IO.vue
View File

@@ -3,41 +3,75 @@
<view class="grid-card"> <view class="grid-card">
<view class="grid-card-title">温度</view> <view class="grid-card-title">温度</view>
<view class="grid-card-content-4"> <view class="grid-card-content-4">
<view class="item item-title">温度1(°C)</view> <template v-for="item in renderData">
<view class="item item-title">温度2(°C)</view> <view class="item item-title">{{ item[0].clDid }}
<view class="item item-title">温度3(°C)</view> <template v-if="item[0].clDid "> (°C)</template>
<view class="item item-title">温度4(°C)</view> </view>
<view class="item">20.0</view> <view class="item item-title">{{ item[1].clDid }}
<view class="item">20.0</view> <template v-if="item[1].clDid "> (°C)</template>
<view class="item">20.0</view> </view>
<view class="item">20.0</view> <view class="item item-title">{{ item[2].clDid }}
<template v-if="item[2].clDid "> (°C)</template>
</view>
<view class="item item-title">{{ item[3].clDid }}
<template v-if="item[3].clDid "> (°C)</template>
</view>
<view class="item">{{ item[0].clDid ? item[0].value || '-' : ''}}</view>
<view class="item">{{ item[1].clDid ? item[1].value || '-' : ''}}</view>
<view class="item">{{ item[2].clDid ? item[2].value || '-' : ''}}</view>
<view class="item">{{ item[3].clDid ? item[3].value || '-' : ''}}</view>
</template>
</view> </view>
</view> </view>
<!-- <view class="grid-card">--> <!-- <view class="grid-card">-->
<!-- <view class="grid-card-title">干接点</view>--> <!-- <view class="grid-card-title">干接点</view>-->
<!-- <view class="grid-card-content-4">--> <!-- <view class="grid-card-content-4">-->
<!-- <view class="item item-title">干接点1</view>--> <!-- <view class="item item-title">干接点1</view>-->
<!-- <view class="item item-title">干接点2</view>--> <!-- <view class="item item-title">干接点2</view>-->
<!-- <view class="item item-title"></view>--> <!-- <view class="item item-title"></view>-->
<!-- <view class="item item-title"></view>--> <!-- <view class="item item-title"></view>-->
<!-- <view class="item">正常</view>--> <!-- <view class="item">正常</view>-->
<!-- <view class="item">正常</view>--> <!-- <view class="item">正常</view>-->
<!-- <view class="item"></view>--> <!-- <view class="item"></view>-->
<!-- <view class="item"></view>--> <!-- <view class="item"></view>-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data () { data() {
return { return {}
},
props: {
IOData: {
type: Array,
default: () => {
return []
},
},
},
computed: {
renderData() {
let arr = []
// 把IOData转换成每4个一组的二维数组
for (let i = 0; i < this.IOData.length; i += 4) {
arr.push(this.IOData.slice(i, i + 4))
}
arr.forEach(item => {
if (item.length < 4) {
for (let i = 0; i < 4 - item.length; i++) {
item.push({})
}
}
})
return arr
} }
}, },
methods: { methods: {}
}
} }
</script> </script>
<style lang='scss'> <style lang='scss'>
.basic {} .basic {
}
</style> </style>

10
pages/device/APF/detail.vue
View File

@@ -33,8 +33,8 @@
<view class="item">{{ item.clDid }}</view> <view class="item">{{ item.clDid }}</view>
<view class="item"> <view class="item">
<!-- <view class="status-point-success mr10"></view>--> <!-- <view class="status-point-success mr10"></view>-->
<view style="width: 30rpx"> {{ item.value }}</view> <view style="width: 30rpx"> {{ item.value || '-'}}</view>
<view> °C</view> <view v-if="item.value"> °C</view>
</view> </view>
</template> </template>
@@ -72,7 +72,7 @@
<oscillogram></oscillogram> <oscillogram></oscillogram>
</view> --> </view> -->
<view v-else-if="navMenuActive == 3"> <view v-else-if="navMenuActive == 3">
<IO :basicData="basicData"></IO> <IO :IOData="IOData"></IO>
</view> </view>
<view style="height: 20rpx"></view> <view style="height: 20rpx"></view>
</view> </view>
@@ -461,7 +461,7 @@ export default {
color: #111; color: #111;
width: 110rpx; width: 110rpx;
font-size: 16rpx; font-size: 16rpx;
opacity: 0.8;
.grid-card-content-2, .grid-card-content-2,
.grid-card-content-1 { .grid-card-content-1 {
font-size: 16rpx; font-size: 16rpx;
@@ -478,7 +478,7 @@ export default {
bottom: 0; bottom: 0;
right: 10rpx; right: 10rpx;
width: 200rpx; width: 200rpx;
opacity: 0.8;
.grid-card-content-2, .grid-card-content-2,
.grid-card-content-1 { .grid-card-content-1 {
font-size: 16rpx; font-size: 16rpx;