| | |
| | | } |
| | | |
| | | .logo { |
| | | width: 130px; |
| | | width: 118px; |
| | | height: 40px; |
| | | } |
| | | |
| | |
| | | |
| | | .component_view { |
| | | height: calc(100vh - 84px); |
| | | width: calc(100% - 52px); |
| | | padding: 0 26px; |
| | | width: calc(100% - 40px); |
| | | padding: 0 20px; |
| | | background: rgb(245, 247, 251); |
| | | } |
| | | |
| | |
| | | </div> |
| | | <div class="label">LIMS实验室管理系统</div> |
| | | <div class="user"> |
| | | <el-badge :is-dot="newMsg" style="cursor: pointer;margin-right: 10px;"> |
| | | <i class="el-icon-bell" style="font-size: 20px;" @click="openNotice"></i> |
| | | </el-badge> |
| | | <el-dropdown trigger="click" @command="handleCommand"> |
| | | <el-avatar :size="26">{{ userName.substring(0, 1) }}</el-avatar> |
| | | <span>{{ userName }}</span> |
| | |
| | | <el-col :span="24"> |
| | | <el-card :body-style="{padding: '6px'}"> |
| | | <ul> |
| | | <li @click="removeTab(activeIndex)"><i class="el-icon-close"></i>关闭</li> |
| | | <li @click="removeTab(activeIndex)" v-show="menuId!=0"><i class="el-icon-close"></i>关闭</li> |
| | | <li @click="allDel"><i class="el-icon-delete"></i>关闭所有</li> |
| | | <li @click="rightDel(activeIndex)"><i class="el-icon-d-arrow-right"></i>关闭右侧页签</li> |
| | | <el-divider></el-divider> |
| | |
| | | </el-card> |
| | | </el-col> |
| | | </div> |
| | | <!-- 修改密码 --> |
| | | <el-dialog |
| | | title="修改密码" |
| | | :visible.sync="editVisible" |
| | |
| | | <el-button type="primary" @click="handleEdit">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <notice ref="notice" @goNoticeDetail="checkForUnreadData()" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | }); |
| | | import menus from '../../static/js/menu.js' |
| | | import nullFace from '../view/404.vue' |
| | | import notice from './notice.vue' |
| | | comObj['nullFace'] = nullFace |
| | | export default { |
| | | components: comObj, |
| | | components: {...comObj,notice}, |
| | | data() { |
| | | return { |
| | | userName: "value", |
| | |
| | | activeIndex: 0, |
| | | power: [], |
| | | editVisible:false, |
| | | query:{} |
| | | query:{}, |
| | | newMsg:false, |
| | | timer:null, |
| | | menuId: 0 |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | k: 0, |
| | | v: "个人首页", |
| | | i: "font icon-a-Group1124", |
| | | u: "nullFace" |
| | | u: "index-index" |
| | | }] |
| | | } |
| | | this.tabActive = JSON.parse(localStorage.getItem('tabActive')) |
| | |
| | | this.activeBox = 0 |
| | | } |
| | | this.getPower() |
| | | this.timer&&clearInterval(this.timer); |
| | | this.checkForUnreadData() |
| | | this.timer = setInterval(()=>{ |
| | | this.checkForUnreadData() |
| | | },30000) |
| | | }, |
| | | methods: { |
| | | saveClick(){ |
| | |
| | | k: 0, |
| | | v: "个人首页", |
| | | i: "font icon-a-Group1124", |
| | | u: "nullFace" |
| | | u: "index-index" |
| | | }] |
| | | this.saveClick() |
| | | }, |
| | |
| | | }, |
| | | // 右键菜单 |
| | | rightKeyMenu(id, e) { |
| | | if (id == 0) return |
| | | // if (id == 0) return |
| | | this.menuId = id |
| | | this.activeIndex = id |
| | | var x = e.clientX + 'px' |
| | | var y = e.clientY + 'px' |
| | |
| | | handleClose(){ |
| | | this.editVisible = false |
| | | this.query = {} |
| | | }, |
| | | openNotice(){ |
| | | this.$refs.notice.open() |
| | | this.$refs.notice.handleType() |
| | | }, |
| | | checkForUnreadData(){ |
| | | this.$axios.get(this.$api.informationNotification.checkForUnreadData).then(res => { |
| | | if (res.code == 201) { |
| | | return |
| | | } |
| | | this.newMsg = res.data |
| | | }) |
| | | } |
| | | } |
| | | }, |
| | | destroyed() { |
| | | this.timer&&clearInterval(this.timer); |
| | | } |
| | | }; |
| | | </script> |