diff --git a/vue/src/views/iot/device/index.vue b/vue/src/views/iot/device/index.vue
index 87c05686..e761a238 100644
--- a/vue/src/views/iot/device/index.vue
+++ b/vue/src/views/iot/device/index.vue
@@ -28,7 +28,7 @@
 
     <el-card style="padding-bottom:100px;">
         <el-row :gutter="30" v-loading="loading">
-            <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="6" v-for="(item,index) in deviceList" :key="index" style="margin-bottom:30px;text-align:center;">
+            <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6" v-for="(item,index) in deviceList" :key="index" style="margin-bottom:30px;text-align:center;">
                 <el-card :body-style="{ padding: '20px'}" shadow="always">
                     <el-row type="flex" :gutter="10" justify="space-between">
                         <el-col :span="20" style="text-align:left;">
diff --git a/vue/src/views/iot/device/running-status.vue b/vue/src/views/iot/device/running-status.vue
index 2bb9277e..2abeca87 100644
--- a/vue/src/views/iot/device/running-status.vue
+++ b/vue/src/views/iot/device/running-status.vue
@@ -384,9 +384,9 @@ export default {
                             lineStyle: {
                                 width: 8,
                                 color: [
-                                    [0.3, '#409EFF'], // 0~30% 
-                                    [0.7, '#67C23A'], // 30~70%
-                                    [1, '#F56C6C'], // 70~100%
+                                    [0.2, '#409EFF'], // 0~20% 
+                                    [0.8, '#67C23A'], // 40~60%
+                                    [1, '#F56C6C'], // 80~100%
                                 ],
                                 opacity: 0.3
                             }