Skip to content

E
expense
Commit b37e823b by lihu541
Options

新增内容

parent 68609a36
Showing with 85 additions and 88 deletions
src/components/common/header/ListHeader.vue
<template> <template>
<div id="listHeader"> <!--<div id="">-->
<div class="nav" @click="goMenu"><img src="~assets/img/header/iconmainnav.png"></div> <!--<div class="header-right">-->
<div><span class="title">上海市社区家庭医生签约服务费云管理</span><span class="subtitle">(<span>{{subtitle}}</span>)</span></div> <!--<div>-->
<!--<img @click="openCame()" src="~assets/img/header/icon-mainsaoma.png">-->
<div class="header-right"> <!--</div>-->
<div> <!--<div class="search">-->
<img @click="openCame()" src="~assets/img/header/icon-mainsaoma.png"> <!--<searchCell/>-->
</div> <!--</div>-->
<div class="search"> <!--<div>-->
<searchCell/> <!--<img src="~assets/img/header/icon-main-user.png">{{userName}}，截止于{{$store.getters.getCxsj}}-->
</div> <!--<img src="~assets/img/header/icon-mainfilter.png">-->
<div> <!--<div class="el-date-editor">-->
<img src="~assets/img/header/icon-main-user.png">{{userName}}，截止于{{$store.getters.getCxsj}} <!--<el-date-picker v-model="cxsj" @change="cxsjChange" type="month" placeholder=""></el-date-picker>-->
<img src="~assets/img/header/icon-mainfilter.png"> <!--</div>-->
<div class="el-date-editor"> <!--</div>-->
<el-date-picker v-model="cxsj" @change="cxsjChange" type="month" placeholder=""></el-date-picker> <!--</div>-->
</div> <!--</div>-->
</div> <div id="listHeader">
</div>
<el-row>
<el-col :span="24">
<el-row>
<el-col :span="12">
<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">
<slot></slot>
</div>
</el-col>
<el-col :span="12">
<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">
<div
style="position: absolute !important;right: 0;top: 0;font-size: 11px;height: 55px;line-height: 55px;margin-right: 20px;">
<span class=""><img src="~assets/img/header/icon-main-user.png" >
<span style="color: #8891BE;font-size: 11px;">{{userName}}, 截止于{{cxsj}}</span>
</span>
<button class="head_but" style="background: #44517d">
<img src="~assets/img/header/icon-back.png"> 返回
</button>
<button class="head_but">
<img src="~assets/img/header/export.png"> 导出
</button>
<button class="head_but">
<img src="~assets/img/header/icon-filter.png"> 筛选
</button>
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div> </div>
</template> </template>
<script> <script>
import searchCell from 'components/common/Search'
export default { export default {
components: { searchCell }, components: {
name: "Header",
},
name: "listHeader",
data() { data() {
return { return {
cxsj: '', cxsj: '',
userName: '', userName: '',
subtitle:''
} }
}, },
created(){ created(){
...@@ -44,9 +80,7 @@ ...@@ -44,9 +80,7 @@
}, },
methods:{ methods:{
goMenu(){
this.$router.push('/menu');
},
cxsjChange(){ cxsjChange(){
}, },
...@@ -60,79 +94,37 @@ ...@@ -60,79 +94,37 @@
getHeadRightInfo(){ getHeadRightInfo(){
this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName; this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName;
this.cxsj = this.$store.getters.getCxsj; this.cxsj = this.$store.getters.getCxsj;
const orgShortName = JSON.parse(sessionStorage.getItem('userinfo')).orgShortName;
const roleCode = JSON.parse(sessionStorage.getItem('userinfo')).roleCode;
let role = '';
if('hcms.APP_JTYS' === roleCode){
role = '-家医版'
}else{
role = '-院长版'
}
this.subtitle = orgShortName + role;
} }
}, },
} }
</script> </script>
<style scoped> <style>
#header{ #listHeader{
width:100%;
height:55px;
background:rgba(46,55,92,1); background:rgba(46,55,92,1);
position: relative; vertical-align: center;
box-sizing: border-box; padding: 0 20px;
width: 100%;
height: 55px;
font-size: 22px;
color: #fff;
display: flex;
}
#header .nav{
width: 70px;
height: 55px;
background:rgba(53,64,107,1);
line-height: 50px;
text-align: center;
}
#header .nav img{
width: 16px;
height: 16px;
vertical-align: middle;
} }
#header .title{ #listHeader .header-right{
font-size:17px;
font-weight:500;
color:rgba(255,255,255,1);
line-height:48px;
margin-left: 20px;
}
#header .subtitle{
font-size:11px;
font-weight:500;
margin-left: 10px;
color:rgba(136,145,190,1);
line-height:30px;
}
#header .search{
margin-right: 10px;
line-height:40px;
}
#header .header-right{
position: absolute; position: absolute;
top:5px; right: 0;
right:10px; top: 0;
font-size:11px; font-size: 11px;
font-weight:500; height: 55px;
color:rgba(136,145,190,1); line-height: 55px;
line-height:40px; margin-right: 20px;
display: flex;
} }
#header .header-right .el-date-editor { #listHeader .header-right .el-date-editor {
background:none !important; background:none !important;
display: none; display: none;
} }
#header .header-right img { #listHeader .header-right img {
width: 15px; width: 15px;
height: 15px; height: 15px;
margin: 0 8px; margin: 0 8px;
......
src/router/index.js
...@@ -66,10 +66,15 @@ export default new Router({ ...@@ -66,10 +66,15 @@ export default new Router({
name: 'contractPatientList', name: 'contractPatientList',
component: () => import('views/gp/list/ContractPatientList.vue'), component: () => import('views/gp/list/ContractPatientList.vue'),
}, },
{ //患者详情 { //门诊患者详情
path: '/patientDetails', path: '/mzPatient',
name: 'patientDetails', name: 'mzPatient',
component: () => import('views/gp/PatientDetails.vue'), component: () => import('views/gp/patient/MzPatient.vue'),
},
{ //住院患者详情
path: '/zyPatient',
name: 'zyPatient',
component: () => import('views/gp/patient/ZyPatient.vue'),
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment