diff --git a/common/js/mqtt.js b/common/js/mqtt.js
index b61ef3c..951f5ea 100644
--- a/common/js/mqtt.js
+++ b/common/js/mqtt.js
@@ -1,5 +1,5 @@
 // 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_PASSWORD = 'njcnpqs'//密码
diff --git a/pages/device/APF/comp/IO.vue b/pages/device/APF/comp/IO.vue
index 213ff61..9b5f181 100644
--- a/pages/device/APF/comp/IO.vue
+++ b/pages/device/APF/comp/IO.vue
@@ -3,41 +3,75 @@
         <view class="grid-card">
             <view class="grid-card-title">温度</view>
             <view class="grid-card-content-4">
-                <view class="item item-title">温度1(°C)</view>
-                <view class="item item-title">温度2(°C)</view>
-                <view class="item item-title">温度3(°C)</view>
-                <view class="item item-title">温度4(°C)</view>
-                <view class="item">20.0</view>
-                <view class="item">20.0</view>
-                <view class="item">20.0</view>
-                <view class="item">20.0</view>
+                <template v-for="item in renderData">
+                    <view class="item item-title">{{ item[0].clDid }}
+                        <template v-if="item[0].clDid "> (°C)</template>
+                    </view>
+                    <view class="item item-title">{{ item[1].clDid }}
+                        <template v-if="item[1].clDid "> (°C)</template>
+                    </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 class="grid-card">-->
-<!--            <view class="grid-card-title">干接点</view>-->
-<!--            <view class="grid-card-content-4">-->
-<!--                <view class="item item-title">干接点1</view>-->
-<!--                <view class="item item-title">干接点2</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>-->
-<!--        </view>-->
+        <!--        <view class="grid-card">-->
+        <!--            <view class="grid-card-title">干接点</view>-->
+        <!--            <view class="grid-card-content-4">-->
+        <!--                <view class="item item-title">干接点1</view>-->
+        <!--                <view class="item item-title">干接点2</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>-->
+        <!--        </view>-->
     </view>
 </template>
 <script>
 export default {
-    data () {
-        return {
+    data() {
+        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>
 <style lang='scss'>
-.basic {}
+.basic {
+}
 </style>
\ No newline at end of file
diff --git a/pages/device/APF/detail.vue b/pages/device/APF/detail.vue
index c7a4ef5..83119a1 100644
--- a/pages/device/APF/detail.vue
+++ b/pages/device/APF/detail.vue
@@ -33,8 +33,8 @@
                                             <view class="item">{{ item.clDid }}</view>
                                             <view class="item">
 <!--                                                <view class="status-point-success mr10"></view>-->
-                                                <view style="width: 30rpx"> {{ item.value }}</view>
-                                                <view> °C</view>
+                                                <view style="width: 30rpx"> {{ item.value || '-'}}</view>
+                                                <view v-if="item.value"> °C</view>
                                             </view>
                                         </template>
 
@@ -72,7 +72,7 @@
                         <oscillogram></oscillogram>
                     </view> -->
                     <view v-else-if="navMenuActive == 3">
-                        <IO :basicData="basicData"></IO>
+                        <IO :IOData="IOData"></IO>
                     </view>
                     <view style="height: 20rpx"></view>
                 </view>
@@ -461,7 +461,7 @@ export default {
             color: #111;
             width: 110rpx;
             font-size: 16rpx;
-
+            opacity: 0.8;
             .grid-card-content-2,
             .grid-card-content-1 {
                 font-size: 16rpx;
@@ -478,7 +478,7 @@ export default {
             bottom: 0;
             right: 10rpx;
             width: 200rpx;
-
+            opacity: 0.8;
             .grid-card-content-2,
             .grid-card-content-1 {
                 font-size: 16rpx;