zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加手册下载链接

This commit is contained in:
caoqianming 2022-10-10 14:48:14 +08:00
parent e216c800f9
commit 8ffd379964
1 changed files with 50 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
src/layout/components/userbar.vue
View File

@ -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>
@ -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 })
@ -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;
}