Skip to content

P
pica.cloud.web-education-admin
提交 f6608836 编写于 作者: tao.wu's avatar tao.wu
浏览文件
操作

no message

上级 1312bd94
隐藏空白字符变更
内嵌 并排
正在显示 包含 190 行增加 和 214 行删除
src/views/layout/slidebar.vue
浏览文件 @ f6608836
<template> <template>
<div id="slidebar-container" class="slidebar-container"> <div id="slidebar-container" class="slidebar-container">
<el-menu :default-active="onRoutes" class="el-menu-vertical-demo" theme="dark" unique-opened router> <el-menu :default-active="onRoutes" class="el-menu-vertical-demo" theme="dark" unique-opened router>
<template v-for="(item,_index) in items"> <template v-for="(item,_index) in items">
<template v-if="item.subs"> <template v-if="item.subs">
<el-submenu :index=" 'index_' + _index" :key="item.index"> <el-submenu :index=" 'index_' + _index" :key="item.index">
<template slot="title"><i :class="item.icon"></i>{{item.title}}</template> <template slot="title"><i :class="item.icon"></i>{{item.title}}</template>
<template v-for="(subItem,i) in item.subs"> <el-menu-item v-for="(subItem,i) in item.subs" :key="i" :index="'/'+subItem.index">
<el-menu-item :key="i" :index="'/'+subItem.index"> <i class="sub-icon" :class="subItem.icon"></i>
<i class="sub-icon" :class="subItem.icon"></i> {{subItem.title}}
{{subItem.title}} <p class="redNum"
<p class="redNum" v-if="subItem.title == '资料不全居民'
v-if="subItem.title == '资料不全居民'
&&notCompleteCount &&notCompleteCount
&&$route.path!='/patients-manage/not-complete/uncompleted-list'" &&$route.path!='/patients-manage/not-complete/uncompleted-list'"
> >
<span v-if="notCompleteCount>999">+999</span> <span v-if="notCompleteCount>999">+999</span>
<span v-else>{{notCompleteCount}}</span> <span v-else>{{notCompleteCount}}</span>
</p> </p>
</el-menu-item> </el-menu-item>
</template> </el-submenu>
</template>
</el-submenu> <template v-else>
</template> <template v-if="item.isMessageSend">
<template v-else> <el-menu-item :key="item.index" @click="goToMessageSendPage" class="set-normal-background">
<template v-if="item.isMessageSend"> <i :class="item.icon"></i>{{ item.title }}
<el-menu-item :index="'/'+item.index" :key="item.index" @click="goToMessageSendPage(item.checkAuth)" class="set-normal-background"> </el-menu-item>
<i :class="item.icon"></i>{{ item.title }} </template>
</el-menu-item> <template v-else>
</template> <el-menu-item :index="'/'+item.index" :key="item.index">
<template v-else> <i :class="item.icon"></i>{{ item.title }}
<el-menu-item :index="'/'+item.index" :key="item.index"> </el-menu-item>
<i :class="item.icon"></i>{{ item.title }} </template>
</el-menu-item> </template>
</template> </template>
</template> </el-menu>
</template> </div>
</el-menu>
</div>
</template> </template>
<script> <script>
import utils from '@/utils/followup/followupUtils'; import { mapGetters } from 'vuex'
import { mapGetters } from 'vuex' import { setTimeout } from 'timers'
import { setTimeout } from 'timers' import { isNotEmptyUtils } from '../../utils/utils'
import { isNotEmptyUtils } from '../../utils/utils' let vm = null
let vm = null export default {
export default {
props: { props: {
storageIdType: { storageIdType: {
type: Number, type: Number,
default: 0 default: 0
}, },
tokenValue: { tokenValue: {
type: String type: String
}, },
authList: { authList: {
type: Object, type: Object,
default: () => {} default: () => {}
}, },
notCompleteCount: { notCompleteCount: {
type: Number, type: Number,
} }
}, },
data() { data() {
return { return {
items: [ items: [
{ {
title: '数据总览', title: '数据总览',
icon: 'el-icon-menu', icon: 'el-icon-menu',
index: 'home', index: 'home',
},{ },{
title: '教培项目', title: '教培项目',
icon: 'el-icon-message', icon: 'el-icon-message',
index: 'item', index: 'item',
subs: [ subs: [
{ {
title: '项目组件', title: '项目组件',
icon: 'el-icon-setting', icon: 'el-icon-setting',
index: 'item-component' index: 'item-component'
}, },
{ {
title: '项目管理', title: '项目管理',
icon: 'el-icon-setting', icon: 'el-icon-setting',
index: 'item-manager' index: 'item-manager'
}, },
]
},{
title: '系统管理',
icon: 'el-icon-menu',
index: 'system',
subs: [
{
title: '角色管理',
icon: 'el-icon-setting',
index: 'role'
}
]
},{
title: '居民管理',
icon: 'el-icon-patients-manage',
index: 'patients-manage',
subs: [
{
title: '我的居民',
icon: 'el-icon-setting',
index: 'patients-manage/mypatients-manage/patients-list'
},
{
title: '新增居民',
icon: 'el-icon-setting',
index: 'patients-manage/new-manage/new-patient'
},
{
title: '分组管理',
icon: 'el-icon-setting',
index: 'patients-manage/labels-manage/labels-list'
},
{
title: '资料不全居民',
icon: 'el-icon-setting',
index: 'patients-manage/not-complete/uncompleted-list'
}
]
},{
title: '消息推送',
icon: 'el-icon-message',
index: 'msg-push',
isMessageSend: true,
checkAuth: true,
}
] ]
} },{
title: '系统管理',
icon: 'el-icon-menu',
index: 'system',
subs: [
{
title: '角色管理',
icon: 'el-icon-setting',
index: 'role'
}
]
},{
title: '居民管理',
icon: 'el-icon-patients-manage',
index: 'patients-manage',
subs: [
{
title: '我的居民',
icon: 'el-icon-setting',
index: 'patients-manage/mypatients-manage/patients-list'
},
{
title: '新增居民',
icon: 'el-icon-setting',
index: 'patients-manage/new-manage/new-patient'
},
{
title: '分组管理',
icon: 'el-icon-setting',
index: 'patients-manage/labels-manage/labels-list'
},
{
title: '资料不全居民',
icon: 'el-icon-setting',
index: 'patients-manage/not-complete/uncompleted-list'
}
]
},{
title: '消息推送',
icon: 'el-icon-message',
isMessageSend: true,
},
]
}
}, },
computed: { computed: {
onRoutes() { onRoutes() {
return this.$route.path; return this.$route.path;
} }
}, },
created() { created() {
vm = this; vm = this;
}, },
mounted(){ mounted(){
if(vm.storageIdType==2){ if(vm.storageIdType==2){
vm.setFollowSide() vm.setFollowSide()
} }
}, },
watch: { watch: {
authList(newVal, oldVal){ authList(newVal, oldVal){
if(!newVal.P001) { // 项目管理 if(!newVal.P001) { // 项目管理
vm.items[1].subs[1].index = 'blank' vm.items[1].subs[1].index = 'blank'
} }
if(!newVal.P002) { // 组件管理 if(!newVal.P002) { // 组件管理
vm.items[1].subs[0].index = 'blank' vm.items[1].subs[0].index = 'blank'
} }
if(!newVal.P003) { // 角色管理 if(!newVal.P003) { // 角色管理
vm.items[2].subs[0].index = 'blank' vm.items[2].subs[0].index = 'blank'
} }
}, },
storageIdType(val,ov){ storageIdType(val,ov){
if(val==2){ if(val==2){
vm.setFollowSide() vm.setFollowSide()
...@@ -190,43 +184,26 @@ export default { ...@@ -190,43 +184,26 @@ export default {
} }
vm.items.push(followSider); vm.items.push(followSider);
}, },
goToMessageSendPage(checkAuth) { goToMessageSendPage() {
if(checkAuth){ let env = process.env.BUILD_ENV;
utils.checkAuthFunc().then(res=>{ let src = '';
console.log(res) if( (env == 'development') || (env == 'dev') ){ // 本地开发环境 || jenkins dev
if(res==3){ src = 'https://dev-saas.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message'
}else if( (env == 'test') || (env == 'test2') ){ // test
}else{ src = 'https://test1.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message';
return }else if( env == 'uat' ){ // uat
} src = 'https://uat.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message';
}else if( env == 'pro' ){ // 线上
let env = process.env.BUILD_ENV; src = 'https://www.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message';
let src = '';
if( (env == 'development') || (env == 'dev') ){ // 本地开发环境 || jenkins dev
src = 'https://dev-saas.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message'
}else if( (env == 'test') || (env == 'test2') ){ // test
src = 'https://test1.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message';
}else if( env == 'uat' ){ // uat
src = 'https://uat.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message';
}else if( env == 'pro' ){ // 线上
src = 'https://www.yunqueyi.com/pica-frontend/patientEduManage/pica_patient_edu_manage.html#/pageTab/message';
}
location.href = src;
// let newTab=window.open('about:blank');
// newTab.location = src;
})
} }
let newTab=window.open('about:blank');
newTab.location = src;
}, },
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.slidebar-container { .slidebar-container {
display: block; display: block;
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -235,55 +212,54 @@ export default { ...@@ -235,55 +212,54 @@ export default {
width: 255px; width: 255px;
background: #06232C; background: #06232C;
.el-menu { .el-menu {
background: #06232C;
border-right: none;
.sub-icon {
font-size: 12px;
}
.el-menu-item, .el-submenu__title {
color: #8FA4AC;
}
.el-menu-item.is-active {
color: #fff;
background: #509284 !important
}
.el-menu-item:hover,
.el-submenu__title:hover,
.slidebar-container .el-menu .el-menu-item:hover,
.slidebar-container .el-menu .el-submenu__title:hover {
color: #fff;
background: #06232C; background: #06232C;
border-right: none; }
.sub-icon { // .el-menu-item:focus, .el-menu-item:hover {
font-size: 12px; // background: #06232C !important;
} // }
.el-menu-item, .el-submenu__title { .el-icon-patients-manage{
color: #8FA4AC; width: 17px;
} height: 17px;
.el-menu-item.is-active { background: url('../../assets/image/patients-icon.png');
color: #fff; margin: 0 8px 0 3px ;
background: #509284 !important background-size: 17px 17px;
} }
.el-menu-item:hover, .set-normal-background{
.el-submenu__title:hover, background: #06232C;
.slidebar-container .el-menu .el-menu-item:hover, }
.slidebar-container .el-menu .el-submenu__title:hover {
color: #fff;
background: #06232C;
}
// .el-menu-item:focus, .el-menu-item:hover {
// background: #06232C !important;
// }
.el-icon-patients-manage{
width: 17px;
height: 17px;
background: url('../../assets/image/patients-icon.png');
margin: 0 8px 0 3px ;
background-size: 17px 17px;
opacity: 0.6;
}
.set-normal-background{
background: #06232C;
}
} }
.redNum { .redNum {
display: inline-block; display: inline-block;
border-radius: 10px; border-radius: 10px;
margin-left: 15px; margin-left: 15px;
background: #EE263E; background: #EE263E;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
line-height: 12px; line-height: 12px;
/*padding: 5px 10px;*/ /*padding: 5px 10px;*/
padding: 2px 5px; padding: 2px 5px;
span { span {
display: block; display: block;
}
} }
} }
}
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或