修改

src/App.vue

@@ -10,15 +10,19 @@
           <div :class=" 'student_'+keys" >
 				      <div class="student_box">
                 <div class="student_info">
-                    <span class="student_info_title"><b>用户信息:</b></span>
+                    <span class="student_info_title"><b>设备信息:</b></span>
                     <span class="student_name">
-                        <font class="student_name_label">用 户 姓 名 :</font> 
+                        <font class="student_name_label">设 备 名 称 :</font> 
                         <font class="student_name_value">{{item.realname}}</font>
                     </span>
                     <span class="student_urgent">
                         <font class="student_name_label">设 备 编 号  :</font> 
                         <font class="student_name_value">{{item.device_number}}</font>
                     </span>
+                    <span class="student_urgent">
+                        <font class="student_name_label">告 警 类 型 :</font> 
+                        <font class="student_name_value">异常离线</font>
+                    </span>
                     <!-- <span  class="student_urgent">
                       <font class="student_name_label">家 长 电 话 :</font> 
                       <font  class="student_urgent_value" >
@@ -27,18 +31,18 @@
                           </el-tooltip>
                       </font>
                     </span> -->
-                    <span class="student_urgent" >
+                    <!-- <span class="student_urgent" >
                         <font class="student_name_label" > 紧急联系人:</font>
                         <font  class="student_urgent_value" >
                           <el-tooltip class="item" effect="dark" :content="item.urgent_text" placement="top">
                             <span class="scroll_title" v-text="item.urgent_text"></span>
                           </el-tooltip>
                           </font>
-                    </span>
+                    </span> -->
                 </div>
                 <div class="student_image">
                       <img v-if="item.avatar" :src="item.avatar" class="avatar_image">
-                      <img v-else src="/images/man160x160.png" class="avatar_image">
+                      <img v-else src="/images/device1.jpg" class="avatar_image">
                 </div>
               </div>
               <div class="location_info">
@@ -50,7 +54,7 @@
           <div class="handle_box">
             <el-button type="danger"  size="medium" @click="handleAlarm(item.device_number)">前往处理</el-button>
             <!-- <el-button type="danger"  size="medium" @click="showRfidRoute(item.device_number)">RFID轨迹</el-button> -->
-            <el-button type="danger" size="medium" @click="showGpsRoute(item.device_number)">查看轨迹</el-button>
+            <!-- <el-button type="danger" size="medium" @click="showGpsRoute(item.device_number)">查看轨迹</el-button> -->
             <el-button type="danger" size="medium" @click="showGpsLocation(item.device_number)">查看位置</el-button>
             <!-- <el-button type="danger" v-if="item.station_type == 3"  size="medium" @click="showRoomAddress(item.station_mac,item.device_number)">室内定位</el-button> -->
           </div>
@@ -97,7 +101,15 @@ export default {
     return{
       isRouterAlive:true,
       showAlarmBox:false,
-      alarmData:{},
+      alarmData:{
+        '1':{
+          'realname':'测试',
+          'device_number':'0000001',
+          'urgent_text':'15706857065',
+          'address':'滨江区华城何瑞科技广场S2',
+          'alarm_time':'2022-03-04 11:30:35',
+        }
+      },
       currentActiveRfid:'',
       formVisible:false,
       gpsFormVisible:false,
@@ -117,10 +129,44 @@ export default {
     //   };
     //   this.$socket.open(); // 开始连接socket
     // }
+    let number=0
+    var that = this;
+    let s=Math.round(Math.random()*300)
+    console.log('s',s)
+     this.timer = setInterval(() => {
+       number++
+       if(number==s){
+         number=0
+          s=Math.round(Math.random()*300)
+          console.log('s',s)
 
+          that.showAlarmBox=true
+       }
+    }, 1000)
 
+  // this.fn();
+  //     let s=Math.round(Math.random()*10) *1000
+  //     console.log(s)
+  //     this.timer1 = setInterval(() => {
+  //         this.showAlarmBox=true
+  //         s=Math.round(Math.random()*180) *1000+30000
+  //         console.log(s)
+  //     }, s)
+     
   },
   methods:{
+     fn() {
+        
+        let s=Math.round(Math.random()*10) *1000
+        if(this.set1){
+          clearInterval(set1);
+        }
+        
+        // if (t > 0) {
+            set1 = setInterval(fn, s);
+        // }
+    },
+
     reload(){
         this.isRouterAlive=false;
         this.$nextTick(() => {
@@ -316,12 +362,12 @@ export default {
   .student_image{
     width: 120px;
     float: right;
-    height: 110px;
+    height: 120px;
     overflow: hidden;
   }
   .avatar_image{
-    width: 120px;
-    right: 60px;
+    width: 100%;
+    right: 100px;
   }
   .location_info{
     text-align:left;

src/router/index.js

@@ -25,9 +25,46 @@ export const constantRoutes = [
       }
     ]
   },
-
+  {
+    path: '/maphydraulic',
+    component: Layout,
+    redirect: '/maphydraulic',
+    children: [
+      {
+        path: 'maphydraulic',
+        component: () => import('@/views/device/maintenance'),
+        name: 'Maphydraulic',
+        meta: { title: '泵设备分布图', icon: 'el-icon-location', affix: true }
+      }
+    ]
+  },
   
-
+  {
+    path: '/Wind',
+    component: Layout,
+    redirect: '/Wind',
+    children: [
+      {
+        path: 'Wind',
+        component: () => import('@/views/device/maintenance'),
+        name: 'Wind',
+        meta: { title: '风场管理', icon: 'el-icon-wind-power', affix: true }
+      }
+    ]
+  },
+  {
+    path: '/Maintenance',
+    component: Layout,
+    redirect: '/Maintenance',
+    children: [
+      {
+        path: 'Maintenance',
+        component: () => import('@/views/device/maintenance'),
+        name: 'Maintenance',
+        meta: { title: '维保记录', icon: 'el-icon-coin', affix: true }
+      }
+    ]
+  },
 
   {
     path: '/login',