新增内容

src/components/common/header/ListHeader.vue

 <template>
-  <div id="listHeader">
-    <div class="nav" @click="goMenu"><img src="~assets/img/header/iconmainnav.png"></div>
-    <div><span class="title">上海市社区家庭医生签约服务费云管理</span><span class="subtitle">(<span>{{subtitle}}</span>)</span></div>
-
-    <div class="header-right">
-      <div>
-        <img @click="openCame()" src="~assets/img/header/icon-mainsaoma.png">
-      </div>
-      <div class="search">
-        <searchCell/>
-      </div>
-      <div>
-        <img src="~assets/img/header/icon-main-user.png">{{userName}}，截止于{{$store.getters.getCxsj}}
-        <img src="~assets/img/header/icon-mainfilter.png">
-        <div class="el-date-editor">
-          <el-date-picker v-model="cxsj" @change="cxsjChange" type="month" placeholder=""></el-date-picker>
-        </div>
-      </div>
-    </div>
+  <!--<div id="">-->
+    <!--<div class="header-right">-->
+      <!--<div>-->
+        <!--<img @click="openCame()" src="~assets/img/header/icon-mainsaoma.png">-->
+      <!--</div>-->
+      <!--<div class="search">-->
+        <!--<searchCell/>-->
+      <!--</div>-->
+      <!--<div>-->
+        <!--<img src="~assets/img/header/icon-main-user.png">{{userName}}，截止于{{$store.getters.getCxsj}}-->
+        <!--<img src="~assets/img/header/icon-mainfilter.png">-->
+        <!--<div class="el-date-editor">-->
+          <!--<el-date-picker v-model="cxsj" @change="cxsjChange" type="month" placeholder=""></el-date-picker>-->
+        <!--</div>-->
+      <!--</div>-->
+    <!--</div>-->
+  <!--</div>-->
+    <div id="listHeader">
+
+      <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>
 </template>
 
 <script>
-  import searchCell from 'components/common/Search'
 
   export default {
-    components: { searchCell },
-    name: "Header",
+    components: {
+
+    },
+    name: "listHeader",
     data() {
       return {
         cxsj: '',
         userName: '',
-        subtitle:''
       }
     },
     created(){
@@ -44,9 +80,7 @@
 
     },
     methods:{
-      goMenu(){
-        this.$router.push('/menu');
-      },
+
       cxsjChange(){
         
       },
@@ -60,79 +94,37 @@
       getHeadRightInfo(){
         this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName;
         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>
 
-<style scoped>
-  #header{
+<style>
+  #listHeader{
+    width:100%;
+    height:55px;
     background:rgba(46,55,92,1);
-    position: relative;
-    box-sizing: border-box;
-    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;
+    vertical-align: center;
+    padding: 0 20px;
   }
 
-  #header .title{
-    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{
+  #listHeader .header-right{
     position: absolute;
-    top:5px;
-    right:10px;
-    font-size:11px;
-    font-weight:500;
-    color:rgba(136,145,190,1);
-    line-height:40px;
-    display: flex;
+    right: 0;
+    top: 0;
+    font-size: 11px;
+    height: 55px;
+    line-height: 55px;
+    margin-right: 20px;
 
   }
-  #header .header-right .el-date-editor {
+  #listHeader .header-right .el-date-editor {
     background:none !important;
     display: none;
   }
-  #header .header-right img {
+  #listHeader .header-right img {
     width: 15px;
     height: 15px;
     margin: 0 8px;

src/router/index.js

@@ -66,10 +66,15 @@ export default new Router({
       name: 'contractPatientList',
       component: () => import('views/gp/list/ContractPatientList.vue'),
     },
-    { //患者详情
-      path: '/patientDetails',
-      name: 'patientDetails',
-      component: () => import('views/gp/PatientDetails.vue'),
+    { //门诊患者详情
+      path: '/mzPatient',
+      name: 'mzPatient',
+      component: () => import('views/gp/patient/MzPatient.vue'),
+    },
+    { //住院患者详情
+      path: '/zyPatient',
+      name: 'zyPatient',
+      component: () => import('views/gp/patient/ZyPatient.vue'),
     },