diff --git a/src/views/user/device/index.vue b/src/views/user/device/index.vue
index e3d2b24..210f97c 100644
--- a/src/views/user/device/index.vue
+++ b/src/views/user/device/index.vue
@@ -2,10 +2,11 @@
 <template>
     <NavBar title="我的设备" />
     <div class="container">
-        <div class="device" v-for="item in deviceList" ::key="item" @click="detail(item)">
+        <div class="device" v-for="item,index in deviceList" ::key="item" @click="detail(item)">
           <img class="img" src="../../../assets/images/device.png" width="80" height="100">
-          <p class="title">{{ item.devName }}</p>
-          <p class="status">{{ item.status }}</p>
+          <p class="title">可燃气体探测器{{ index +1 }}</p>
+          <p class="title" style="font-size: 14px;">{{ item.devCode }}</p>
+          <p class="status" :style="`color:${item.status === '报警' ? 'F5193E': ''}`">{{ item.status }}</p>
           <icon v-if="item.status === '离线'" class="icon" name="link-unlink" />
         </div>
     </div>
@@ -46,8 +47,8 @@
 const deviceList = ref()
 const getDevice = () => {
   getUserDevice({
-    phone:phone.value,
-    // phone: '13879798637',
+    // phone:phone.value,
+    phone: '13879798637',
     pageNo:1,
     size:1000,
   }).then(res => {
@@ -94,7 +95,7 @@
         width: 38%;
         position: relative;
         .title {
-            font-size: 20px;
+            font-size: 18px;
             font-weight: 700;
             margin: 10px 0;
             overflow: hidden; white-space: nowrap; text-overflow: ellipsis;

diff --git a/src/views/user/device/index.vue b/src/views/user/device/index.vue
index e3d2b24..210f97c 100644
--- a/src/views/user/device/index.vue
+++ b/src/views/user/device/index.vue
@@ -2,10 +2,11 @@
 <template>
     <NavBar title="我的设备" />
     <div class="container">
-        <div class="device" v-for="item in deviceList" ::key="item" @click="detail(item)">
+        <div class="device" v-for="item,index in deviceList" ::key="item" @click="detail(item)">
           <img class="img" src="../../../assets/images/device.png" width="80" height="100">
-          <p class="title">{{ item.devName }}</p>
-          <p class="status">{{ item.status }}</p>
+          <p class="title">可燃气体探测器{{ index +1 }}</p>
+          <p class="title" style="font-size: 14px;">{{ item.devCode }}</p>
+          <p class="status" :style="`color:${item.status === '报警' ? 'F5193E': ''}`">{{ item.status }}</p>
           <icon v-if="item.status === '离线'" class="icon" name="link-unlink" />
         </div>
     </div>
@@ -46,8 +47,8 @@
 const deviceList = ref()
 const getDevice = () => {
   getUserDevice({
-    phone:phone.value,
-    // phone: '13879798637',
+    // phone:phone.value,
+    phone: '13879798637',
     pageNo:1,
     size:1000,
   }).then(res => {
@@ -94,7 +95,7 @@
         width: 38%;
         position: relative;
         .title {
-            font-size: 20px;
+            font-size: 18px;
             font-weight: 700;
             margin: 10px 0;
             overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
diff --git a/src/views/user/monitorAlarm/index.vue b/src/views/user/monitorAlarm/index.vue
index 1e70ad2..576da29 100644
--- a/src/views/user/monitorAlarm/index.vue
+++ b/src/views/user/monitorAlarm/index.vue
@@ -2,7 +2,7 @@
 <template>
     <NavBar title="燃气卫视" />
     <div class="container" :style="`height:${height}px`">
-        <img class="img" src="../../../assets//images/radar-alarm.png" width="300" height="300"/>
+        <img class="img-alarm" src="../../../assets//images/radar-alarm.png" width="300" height="300"/>
         <div class="content">
             <p class="title1">燃气监测中...</p>
             <p class="title2">燃气浓度超标,请注意</p>
@@ -70,7 +70,7 @@
   }
   .container {
     background-image: linear-gradient(to bottom , #F57D6B, #FCDBD6);
-    .img {
+    .img-alarm {
         position: absolute;
         top:15%;
         left:50%;