增加手册下载链接

src/layout/components/userbar.vue

@@ -1,28 +1,22 @@
 <template>
   <div class="user-bar">
-    <!-- <div class="panel-item hidden-sm-and-down" @click="search">
-      <el-icon><el-icon-search /></el-icon>
-    </div> -->
     <div class="screen panel-item hidden-sm-and-down" @click="screen">
-      <el-icon><el-icon-full-screen /></el-icon>
+      <el-icon>
+        <el-icon-full-screen />
+      </el-icon>
+    </div>
+    <div class="panel-item hidden-sm-and-down" @click="openBook">
+      <el-icon>
+        <el-icon-files />
+      </el-icon>
     </div>
     <div class="msg panel-item" @click="showMsg">
-      <el-badge
+      <el-badge :hidden="msgList.length == 0" :value="msgList.length" class="badge" type="danger">
-        :hidden="msgList.length == 0"
+        <el-icon>
-        :value="msgList.length"
+          <el-icon-chat-dot-round />
-        class="badge"
+        </el-icon>
-        type="danger"
-      >
-        <el-icon><el-icon-chat-dot-round /></el-icon>
       </el-badge>
-      <el-drawer
+      <el-drawer title="新消息" v-model="msg" style="width:400px !important" append-to-body destroy-on-close>
-        title="新消息"
-        v-model="msg"
-        style="width:400px !important"
-
-        append-to-body
-        destroy-on-close
-      >
         <el-container>
           <el-main class="nopadding">
             <el-scrollbar>
@@ -30,42 +24,23 @@
                 <li v-for="item in msgList" v-bind:key="item.id">
                   <div style="width: 100%; padding: 10px">
                     <div style="width: 35%; float: left">
-                      <el-span
+                      <el-span style="color:red:float:left" v-for="items in item.event_.cates_" :key="items.id"
-                        style="color:red:float:left"
+                        :label="items.name" :value="items.id">{{ items.name }}</el-span>
-                        v-for="items in item.event_.cates_"
-                        :key="items.id"
-                        :label="items.name"
-                        :value="items.id"
-                        >{{ items.name }}</el-span
-                      >
                     </div>
                     <div style="width: 32%; float: left">
                       <p>{{ item.event_.create_time }}</p>
                     </div>
                     <div style="width: 30%; float: right">
-                      <el-button
+                      <el-button style="float: right" v-if="item.event_.handle_user == ''"
-                        style="float: right"
+                        @click="createhandele(item.event_.id)">待处理</el-button>
-                        v-if="item.event_.handle_user == ''"
+                      <el-button style="float: right" v-else @click="handele(item.event_.id)">已处理</el-button>
-                        @click="createhandele(item.event_.id)"
-                        >待处理</el-button
-                      >
-                      <el-button
-                        style="float: right"
-                        v-else
-                        @click="handele(item.event_.id)"
-                        >已处理</el-button
-                      >
                     </div>
                   </div>
                   <div style="width: 100%; padding: 10px">
                     <p>警报信息{{ item.event_.voice_msg }}</p>
                   </div>
                 </li>
-                <el-empty
+                <el-empty v-if="msgList.length == 0" description="暂无新消息" :image-size="100"></el-empty>
-                  v-if="msgList.length == 0"
-                  description="暂无新消息"
-                  :image-size="100"
-                ></el-empty>
               </ul>
             </el-scrollbar>
           </el-main>
@@ -80,28 +55,21 @@
       <div class="user-avatar">
         <el-avatar :size="34" shape="square">{{ userNameF }}</el-avatar>
         <label>{{ userName }}</label>
-        <el-icon class="el-icon--right"><el-icon-arrow-down /></el-icon>
+        <el-icon class="el-icon--right">
+          <el-icon-arrow-down />
+        </el-icon>
       </div>
       <template #dropdown>
         <el-dropdown-menu>
           <el-dropdown-item command="uc">帐号信息</el-dropdown-item>
           <!-- <el-dropdown-item command="clearCache">清除缓存</el-dropdown-item> -->
-          <el-dropdown-item divided command="outLogin"
+          <el-dropdown-item divided command="outLogin">退出登录</el-dropdown-item>
-            >退出登录</el-dropdown-item
-          >
         </el-dropdown-menu>
       </template>
     </el-dropdown>
   </div>
 
-  <el-dialog
+  <el-dialog v-model="searchVisible" :width="700" title="搜索" custom-class="drawerBG" center destroy-on-close>
-    v-model="searchVisible"
-    :width="700"
-    title="搜索"
-    custom-class="drawerBG"
-    center
-    destroy-on-close
-  >
     <search @success="searchVisible = false"></search>
   </el-dialog>
 </template>
@@ -129,6 +97,9 @@ export default {
 
   },
   methods: {
+    openBook() {
+      window.open('/media/ehs_guide.pdf')
+    },
     getMyVents() {
       this.$API.ecm.myevent.list
         .req({ is_read: false, page: 0 })
@@ -137,26 +108,26 @@ export default {
         });
     },
     goEvent() {
-      this.$router.push({name:"event"})
+      this.$router.push({ name: "event" })
     },
     createhandele(id) {
-this.$router.push({
+      this.$router.push({
         name: "eventhandlefrom",
         query: {
           id: id,
         },
       });
-this.msg=false;
+      this.msg = false;
-	},
+    },
     handele(id) {
-		 this.$router.push({
+      this.$router.push({
         name: "eventhandlefrom",
         query: {
           id: id,
         },
       });
-	  this.msg=false;
+      this.msg = false;
-	},
+    },
     //个人信息
     handleUser(command) {
       if (command == "uc") {
@@ -208,7 +179,7 @@ this.msg=false;
     //显示短消息
     showMsg() {
       this.msg = true;
-	  this.getMyVents();
+      this.getMyVents();
     },
     //标记已读
     markRead() {
@@ -228,6 +199,7 @@ this.msg=false;
   align-items: center;
   height: 100%;
 }
+
 .user-bar .panel-item {
   padding: 0 10px;
   cursor: pointer;
@@ -235,17 +207,21 @@ this.msg=false;
   display: flex;
   align-items: center;
 }
+
 .user-bar .panel-item i {
   font-size: 16px;
 }
+
 .user-bar .panel-item:hover {
   background: rgba(0, 0, 0, 0.1);
 }
+
 .user-bar .user-avatar {
   height: 49px;
   display: flex;
   align-items: center;
 }
+
 .user-bar .user-avatar label {
   display: inline-block;
   margin-left: 5px;
@@ -256,31 +232,38 @@ this.msg=false;
 .msg-list li {
   border-top: 1px solid #eee;
 }
+
 .msg-list li a {
   display: flex;
   padding: 20px;
 }
+
 .msg-list li a:hover {
   background: #ecf5ff;
 }
+
 .msg-list__icon {
   width: 40px;
   margin-right: 15px;
 }
+
 .msg-list__main {
   flex: 1;
 }
+
 .msg-list__main h2 {
   font-size: 15px;
   font-weight: normal;
   color: #333;
 }
+
 .msg-list__main p {
   font-size: 12px;
   color: #999;
   line-height: 1.8;
   margin-top: 5px;
 }
+
 .msg-list__time {
   width: 100px;
   text-align: right;
@@ -290,9 +273,11 @@ this.msg=false;
 .dark .msg-list__main h2 {
   color: #d0d0d0;
 }
+
 .dark .msg-list li {
   border-top: 1px solid #363636;
 }
+
 .dark .msg-list li a:hover {
   background: #383838;
 }