| | |
|---|
| | | <img src="@/assets/logo/ZTTlogo.png" /> |
|---|
| | | </div> |
|---|
| | | <div class="center-menu"> |
|---|
| | | <span class="label">LIMS实验室管理系统</span> |
|---|
| | | <span class="label">装备LIMS实验室管理系统</span> |
|---|
| | | </div> |
|---|
| | | <div class="right-menu"> |
|---|
| | | <div class="avatar-wrapper"> |
|---|
| | | <img :src="avatar" class="user-avatar" /> |
|---|
| | | <el-avatar shape="square" :size="30">{{ nickName.substring(0, 1) }}</el-avatar> |
|---|
| | | <span class="userName">{{ nickName }}</span> |
|---|
| | | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> |
|---|
| | | <div class="avatar-wrapper"> |
|---|
| | | <i class="el-icon-caret-bottom" /> |
|---|
| | | </div> |
|---|
| | | <el-dropdown-menu slot="dropdown"> |
|---|
| | | <router-link to="/user/profile"> |
|---|
| | | <el-dropdown-item>个人中心</el-dropdown-item> |
|---|
| | | </router-link> |
|---|
| | | </el-dropdown-menu> |
|---|
| | | </el-dropdown> |
|---|
| | | <img |
|---|
| | | class="logoout" |
|---|
| | | src="@/assets/images/logoout.png" |
|---|
| | |
|---|
| | | RuoYiDoc, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(["avatar", "device", "nickName"]), |
|---|
| | | ...mapGetters(["device", "nickName"]), |
|---|
| | | setting: { |
|---|
| | | get() { |
|---|
| | | return this.$store.state.settings.showSettings; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .avatar-container { |
|---|
| | | margin-right: 30px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
