From 8ffd379964344871231acb742de6d4a1ac986c97 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Mon, 10 Oct 2022 14:48:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=89=8B=E5=86=8C=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/userbar.vue | 115 +++++++++++++-----------------
 1 file changed, 50 insertions(+), 65 deletions(-)

diff --git a/src/layout/components/userbar.vue b/src/layout/components/userbar.vue
index 371af74a..603cb254 100644
--- a/src/layout/components/userbar.vue
+++ b/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
-        :hidden="msgList.length == 0"
-        :value="msgList.length"
-        class="badge"
-        type="danger"
-      >
-        <el-icon><el-icon-chat-dot-round /></el-icon>
+      <el-badge :hidden="msgList.length == 0" :value="msgList.length" class="badge" type="danger">
+        <el-icon>
+          <el-icon-chat-dot-round />
+        </el-icon>
       </el-badge>
-      <el-drawer
-        title="新消息"
-        v-model="msg"
-        style="width:400px !important"
-
-        append-to-body
-        destroy-on-close
-      >
+      <el-drawer 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
-                        style="color:red:float:left"
-                        v-for="items in item.event_.cates_"
-                        :key="items.id"
-                        :label="items.name"
-                        :value="items.id"
-                        >{{ items.name }}</el-span
-                      >
+                      <el-span style="color:red:float:left" 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
-                        style="float: right"
-                        v-if="item.event_.handle_user == ''"
-                        @click="createhandele(item.event_.id)"
-                        >待处理</el-button
-                      >
-                      <el-button
-                        style="float: right"
-                        v-else
-                        @click="handele(item.event_.id)"
-                        >已处理</el-button
-                      >
+                      <el-button style="float: right" v-if="item.event_.handle_user == ''"
+                        @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
-                  v-if="msgList.length == 0"
-                  description="暂无新消息"
-                  :image-size="100"
-                ></el-empty>
+                <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
-          >
+          <el-dropdown-item divided command="outLogin">退出登录</el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
   </div>
 
-  <el-dialog
-    v-model="searchVisible"
-    :width="700"
-    title="搜索"
-    custom-class="drawerBG"
-    center
-    destroy-on-close
-  >
+  <el-dialog v-model="searchVisible" :width="700" title="搜索" custom-class="drawerBG" center destroy-on-close>
     <search @success="searchVisible = false"></search>
   </el-dialog>
 </template>
@@ -126,9 +94,12 @@ export default {
     var userInfo = this.$TOOL.data.get("USER_INFO");
     this.userName = userInfo.name;
     this.userNameF = this.userName.substring(0, 1);
-    
+
   },
   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;
 }