master
xy 3 years ago
parent 1409a31599
commit 2d399e6faf

@ -2,20 +2,21 @@
<div :class="classObj" class="app-wrapper"> <div :class="classObj" class="app-wrapper">
<div class="top-head-bar"> <div class="top-head-bar">
<div class="top-head-bar__logo"> <div class="top-head-bar__logo">
<img style="height: 24px;" src="../assets/logo.png"></img> <img style="height: 20px;" src="../assets/logo.png"></img>
</div> </div>
<ul> <ul>
<li :class="{'li-active':active === 0}" @click="active = 0,$router.push('/worker')">工作台</li> <li :class="{'li-active':active === 0}" @click="active = 0,$router.push('/worker')">工作台</li>
<li :class="{'li-active':active === 1}" @click="active = 1,$router.push('/dashboard')">合同管理</li> <li :class="{'li-active':active === 1}" @click="active = 1">内控管理</li>
<li :class="{'li-active':active === 2}" @click="active = 2,$router.push('/bookmanage')">图书管理</li> <li :class="{'li-active':active === 2}" @click="active = 2,$router.push('/dashboard')">预算绩效管理</li>
<li :class="{'li-active':active === 3}" @click="active = 3">系统设置</li> <li :class="{'li-active':active === 3}" @click="active = 3,$router.push('/bookmanage')">图书管理</li>
<li :class="{'li-active':active === 4}" @click="active = 4">安全生产</li>
<li :class="{'li-active':active === 5}" @click="active = 5">系统设置</li>
</ul> </ul>
<div class="top-head-bar__user"> <div class="top-head-bar__user">
<el-dropdown class="avatar-container" trigger="click"> <el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img src="../assets/face.jpg" class="user-avatar">
<div class="avatar-wrapper__name">{{ $store.state.user.name }}</div> <div class="avatar-wrapper__name">{{ $store.state.user.name }}</div>
<i class="el-icon-caret-bottom" /> <i class="el-icon-caret-bottom" />
</div> </div>
@ -130,7 +131,7 @@ import worker from "./components/worker"
height: 50px; height: 50px;
filter: drop-shadow(0 1px 1px #49a0f3); filter: drop-shadow(0 1px 1px #49a0f3);
display: grid; display: grid;
grid-template-columns: auto .5fr 6fr .2fr 1.2fr; grid-template-columns: auto .5fr 6fr .2fr 1fr;
grid-template-rows: 50px; grid-template-rows: 50px;
grid-template-areas: grid-template-areas:
"logo . menu . user"; "logo . menu . user";
@ -269,7 +270,6 @@ import worker from "./components/worker"
color: #FFF; color: #FFF;
position: absolute; position: absolute;
right: -20px; right: -20px;
top: 32px;
font-size: 12px; font-size: 12px;
} }
} }

Loading…
Cancel
Save