固定头部修改

src/pages/advice/DialysisAdviceTable.vue

       </ul>
     </div>
 
-    <div class="blueBorder"></div>
-    <div style="width:100%;overflow:hildden;overflow-x:auto;">
+    <div style="width:100%;overflow:hildden;overflow-x:auto;" class="DialysisAdvice">
+     <div class="blueBorder"></div>
      <table class="table">
       <tr>
         <th width="50px">机号</th>
   },
   methods: {
     clickfunction: function(val) {
-      console.log(val);
+      // console.log(val);
       this.$router.push({
         path: "/details",
         query: {
     openPicker() {
       this.$refs.picker.open();
     },
-    getAdaviceType(type) {
-      if (type == 1) {
-        return "长嘱";
-      } else if (type == 2) {
-        return "临嘱";
-      } else if (type == 3) {
-        return "临嘱";
+    getAdaviceType(type,parent_id) {
+      if(parent_id == 0) {
+        if (type == 1) {
+          return "长嘱";
+        } else if (type == 2) {
+          return "临嘱";
+        } else if (type == 3) {
+          return "临嘱";
+        }
       }
     },
     getName(val) {
+      console.log(this.admin_user)
 
       for (let i = 0; i < this.admin_user.length; i++) {
-        if ((this.admin_user[i].id = val)) {
+        if (this.admin_user[i].id ==  val) {
           return this.admin_user[i].name;
         }
       }
       this.show_zone_selector = false;
     },
     parseTime: function(time, layout) {
-      console.log(time);
+      // console.log(time);
       if (time == 0) {
         return "";
       }
             if (schedule.doctor_advice.length == 0) {
               continue;
             }
-            if (scheduleMap[schedule.device_zone.name] == null) {
-              scheduleMap[schedule.device_zone.name] = [];
+            if (scheduleMap[schedule.device_number.zone.name] == null) {
+              scheduleMap[schedule.device_number.zone.name] = [];
             }
-            scheduleMap[schedule.device_zone.name].push(schedule);
-            if (zoneMap[schedule.device_zone.name] == null) {
-              zoneMap[schedule.device_zone.name] = schedule.device_zone;
+            scheduleMap[schedule.device_number.zone.name].push(schedule);
+            if (zoneMap[schedule.device_number.zone.name] == null) {
+              zoneMap[schedule.device_number.zone.name] = schedule.device_number.zone;
             }
           }
 
 }
 .choice {
   border-bottom: 1px #e5e5e5 solid;
+  position: fixed;
+  top: 63px;
+  right: 0;
+  z-index: 66;
+  left: 1.58rem;
+  background: #fff;
   ul {
     @include display-flex;
     @include align-items-center;
     }
   }
 }
-
+.DialysisAdvice{
+  padding-top:115px; 
+  background: #fff;
+  min-height: calc(100vh - 2px);
+}
 </style>

src/pages/advice/NormalAdviceTable.vue

       </ul>
     </div>
 
-    <div class="blueBorder"></div>
-    <div style="width:100%;overflow:hildden;overflow-x:auto;">
+    <div style="width:100%;overflow:hildden;overflow-x:auto;" class="NormalAdvice">
+      <div class="blueBorder"></div>      
       <table class="table">
         <tr>
           <th width="50px">机号</th>
   import SideBar from "@/pages/layout/SideBar";
   import { parseTime } from "@/utils";
   import { getSchedualDoctors } from "@/api/advice";
-
   export default {
     name: "DialysisAdviceTable",
     components: {
     },
     methods: {
       clickfunction: function(val) {
-        console.log(val);
+        // console.log(val);
         this.$router.push({
           path: "/details",
           query: {
       },
       openPicker() {
         this.$refs.picker.open();
-      },getAdaviceType(type){
-        if(type == 1){
-          return "长嘱"
-        }else if(type == 2){
-          return "临嘱"
-        }else if(type == 3){
-          return "临嘱"
+      },  getAdaviceType(type,parent_id) {
+        if(parent_id == 0) {
+          if (type == 1) {
+            return "长嘱";
+          } else if (type == 2) {
+            return "临嘱";
+          } else if (type == 3) {
+            return "临嘱";
+          }
         }
       },getName(val){
         for(let i = 0; i < this.admin_user.length; i++){
-          if(this.admin_user[i].id = val){
+          if(this.admin_user[i].id == val){
             return this.admin_user[i].name
           }
         }
               if (schedule.doctor_advice.length == 0) {
                 continue;
               }
-              if (scheduleMap[schedule.device_zone.name] == null) {
-                scheduleMap[schedule.device_zone.name] = [];
+              if (scheduleMap[schedule.device_number.zone.name] == null) {
+                scheduleMap[schedule.device_number.zone.name] = [];
               }
-              scheduleMap[schedule.device_zone.name].push(schedule);
-              if (zoneMap[schedule.device_zone.name] == null) {
-                zoneMap[schedule.device_zone.name] = schedule.device_zone;
+              scheduleMap[schedule.device_number.zone.name].push(schedule);
+              if (zoneMap[schedule.device_number.zone.name] == null) {
+                zoneMap[schedule.device_number.zone.name] = schedule.device_number.zone;
               }
             }
 
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>
-  .top {
+.top {
   .hospital {
-  width: 2rem;
+    width: 2rem;
   }
   .TopTitle {
-  font-size: 0.36rem;
-  color: $title-color;
-  font-weight: normal;
+    font-size: 0.36rem;
+    color: $title-color;
+    font-weight: normal;
   }
   padding: 0.3rem 0.3rem;
   @include display-flex;
   @include justify-content-between;
   border-bottom: 1px #e5e5e5 solid;
   .title {
-  font-size: 0.3rem;
-  font-weight: bold;
-  color: $pgh-color;
+    font-size: 0.3rem;
+    font-weight: bold;
+    color: $pgh-color;
   }
   .iconfont {
-  font-size: 0.4rem;
-  color: #a8b3ba;
+    font-size: 0.4rem;
+    color: #a8b3ba;
   }
-  }
-  .search {
+}
+.search {
   background: #ebf1f7;
   border-radius: 30px;
   padding: 0 0.3rem;
   color: #a8b3ba;
 
   .iconfont {
-  color: #a8b3ba;
-  font-size: 0.28rem;
+    color: #a8b3ba;
+    font-size: 0.28rem;
   }
   .searchInput {
-  font-size: 0.28rem;
-  border: none;
-  outline: none;
-  background: #ebf1f7;
+    font-size: 0.28rem;
+    border: none;
+    outline: none;
+    background: #ebf1f7;
   }
-  }
-  .choice {
+}
+.choice {
   border-bottom: 1px #e5e5e5 solid;
+   position: fixed;
+    top: 63px;
+    right: 0;
+    z-index: 66;
+    left: 1.58rem;
+    background: #fff;
   ul {
-  @include display-flex;
-  @include align-items-center;
-  @include text-align;
-  @include justify-content-between;
-  width: 70%;
-  margin: 0 auto;
-  font-size: 0.32rem;
-  color: $pgh-color;
-  li {
-  @include display-flex;
-  @include align-items-center;
-  @include text-align;
-  @include justify-content-between;
-  padding: 0.3rem 0;
-  font-size: 0.32rem;
-  .iconfont {
-  margin: 0 0.1rem;
-  }
-  .line {
-  background: #a8b3ba;
-  width: 0.2rem;
-  height: 1px;
-  margin: 0 0.2rem;
-  display: inline-block;
-  }
-  }
-  }
-  }
-  .table {
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-between;
+    width: 70%;
+    margin: 0 auto;
+    font-size: 0.32rem;
+    color: $pgh-color;
+    li {
+      @include display-flex;
+      @include align-items-center;
+      @include text-align;
+      @include justify-content-between;
+      padding: 0.3rem 0;
+      font-size: 0.32rem;
+      .iconfont {
+        margin: 0 0.1rem;
+      }
+      .line {
+        background: #a8b3ba;
+        width: 0.2rem;
+        height: 1px;
+        margin: 0 0.2rem;
+        display: inline-block;
+      }
+    }
   }
+}
+.table {
+}
+.area{
+  padding-top:52px; 
+  background: #fff;
+  min-height: calc(100vh - 2px);
+}
+.NormalAdvice{
+  padding-top:115px; 
+  background: #fff;
+  min-height: calc(100vh - 2px);
+}
 </style>

src/pages/advice/index.vue

 .mainBox {
   height: 100%;
   font-size: 0.3rem;
-  background: #fff;
   .sideColumn {
     .column {
       .head {

src/pages/main/DetailsPage.vue

   }
   .Tab {
     padding-top: 63px;
+    padding-bottom: 0.25rem;
   }
 }
 </style>

src/pages/main/DialysisArea.vue

           const schedule = originSchedules[s_i];
           if (
             zone_name.length == 0 ||
-            (zone_name.length > 0 && zone_name == schedule.device_zone.name)
+            (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)
           ) {
             if (
               timetype_selected == 0 ||
               if (schedual.dialysis_order == null) {
                 continue;
               }
-              if (schedualMap[schedual.device_zone.name] == null) {
-                schedualMap[schedual.device_zone.name] = [];
+              if (schedualMap[schedual.device_number.zone.name] == null) {
+                schedualMap[schedual.device_number.zone.name] = [];
               }
-              schedualMap[schedual.device_zone.name].push(schedual);
-              if (zoneMap[schedual.device_zone.name] == null) {
-                zoneMap[schedual.device_zone.name] = schedual.device_zone;
+              schedualMap[schedual.device_number.zone.name].push(schedual);
+              if (zoneMap[schedual.device_number.zone.name] == null) {
+                zoneMap[schedual.device_number.zone.name] = schedual.device_number.zone;
               }
             }
 
 <style style="stylesheet/scss" lang="scss" scoped>
 .screening {
   border-bottom: 1px #e5e5e5 solid;
+  position: fixed;
+    top: 63px;
+    right: 0;
+    z-index: 66;
+    left: 1.58rem;
+    background: #fff;
   ul {
     @include display-flex;
     @include align-items-center;
   }
 }
 .stateBox {
-  padding: 0.26rem 0 0 0.6rem;
-  background: #fff;
+  // padding: 0.26rem 0 0 0.6rem;
+  // background: #fff;
   .title {
     font-size: 0.34rem;
     font-weight: 600;
     color: $title-color;
-    height: 0.8rem;
+    height:1rem;
     line-height: 0.8rem;
     display: inline-block;
   }

src/pages/main/PrintIndex.vue

 .mainBox {
   height: 100%;
   font-size: 0.3rem;
-  background: #fff;
   .sideColumn {
     float: left;
     width: 1.58rem;

src/pages/main/WaitingArea.vue

       var zoneMap = {};
       for (let index = 0; index < scheduals.length; index++) {
         const schedual = scheduals[index];
-        if (zoneMap[schedual.device_zone.id] == null) {
-          zoneMap[schedual.device_zone.id] = schedual.device_zone;
+        if (zoneMap[schedual.device_number.zone.id] == null) {
+          zoneMap[schedual.device_number.zone.id] = schedual.device_number.zone;
         }
       }
 
       var schedualMap = {};
       for (let index = 0; index < scheduals.length; index++) {
         const schedual = scheduals[index];
-        if (schedualMap[schedual.device_zone.id] == null) {
-          schedualMap[schedual.device_zone.id] = [];
+        if (schedualMap[schedual.device_number.zone.id] == null) {
+          schedualMap[schedual.device_number.zone.id] = [];
         }
-        schedualMap[schedual.device_zone.id].push(schedual);
-        if (zoneMap[schedual.device_zone.id] == null) {
-          zoneMap[schedual.device_zone.id] = schedual.device_zone;
+        schedualMap[schedual.device_number.zone.id].push(schedual);
+        if (zoneMap[schedual.device_number.zone.id] == null) {
+          zoneMap[schedual.device_number.zone.id] = schedual.device_number.zone;
         }
       }
 
 <style style="stylesheet/scss" lang="scss" scoped>
 .screening {
   border-bottom: 1px #e5e5e5 solid;
+  position: fixed;
+  top: 63px;
+  right: 0;
+  z-index: 66;
+  left: 1.58rem;
+  background: #fff;
   ul {
     @include display-flex;
     @include align-items-center;
   }
 }
 .stateBox {
-  padding: 0.5rem 0 0 0.6rem;
+  // padding: 0.5rem 0 0 0.6rem;
   .title {
     font-size: 0.34rem;
     color: #34495e;
     font-weight: 600;
-    height: 0.9rem;
-    line-height: 0.9rem;
+    height: 1rem;
+    line-height: 1rem;
     display: inline-block;
   }
 }

src/pages/main/dialysis/AdviceTable.vue

 <template>
-  <div>
+  <div class="fixedTop">
     <div class="choice">
       <ul>
         <li>
 </script>
 
 <style style="stylesheet/scss" lang="scss"  scoped>
+
 .choice {
   border-bottom: 1px #e5e5e5 solid;
   ul {
     margin: 0 auto;
     font-size: 0.32rem;
     color: $pgh-color;
-    padding: 0.3rem 0;
     li {
       @include display-flex;
       @include align-items-center;
       @include text-align;
       @include justify-content-between;
+      padding: 0.3rem 0;
+    
       .iconfont {
         margin: 0 0.1rem;
       }
     }
   }
 }
+
+
 </style>
 

src/pages/main/dialysis/CheckTab.vue

 <template>
-  <div>
+  <div class="fixedTop">
     <div class="nav">
       <ul style="width: 90%">
         <li  v-for="(item,i) in inspectionDate" :key="i" :class="index == i? 'active':'' "  @click="ClickTab(i,item)" >{{item.project_name}}</li>
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>
-.nav {
-  border-bottom: 1px #e5e5e5 solid;
-  ul {
-    width: 60%;
-    margin: 0 auto;
-    @include box-sizing;
-    @include display-flex;
-    @include align-items-center;
-    @include text-align;
-    @include justify-content-between;
-    li {
-      font-size: 0.32rem;
-      float: left;
-      color: $pgh-color;
-      padding: 0.3rem 0;
-      cursor: pointer;
-    }
-    .active {
-      position: relative;
-      &::before {
-        width: 100%;
-        height: 2px;
-        color: $main-color;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        content: "";
-        background: $main-color;
+  .nav {
+    border-bottom: 1px #e5e5e5 solid;
+    background: #fff;
+    ul {
+      width: 60%;
+      margin: 0 auto;
+      @include box-sizing;
+      @include display-flex;
+      @include align-items-center;
+      @include text-align;
+      @include justify-content-between;
+      li {
+        font-size: 0.32rem;
+        float: left;
+        color: $pgh-color;
+        padding: 0.3rem 0;
+        cursor: pointer;
+      }
+      .active {
+        position: relative;
+        &::before {
+          width: 100%;
+          height: 2px;
+          color: $main-color;
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          content: "";
+          background: $main-color;
+        }
       }
     }
   }
-}
+
 </style>
 

src/pages/main/dialysis/DialysisTab.vue

 <template>
-    <div>
+    <div class="fixedBox">
         <div class="nav">
             <ul>
                 <li v-for="(item,i) in ['长期透析处方','透析记录','医嘱信息','排班信息','宣教信息']" :key="i" :class="index == i? 'active':'' "  @click="ClickTab(i)" >{{item}}</li> 
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>
+.fixedBox{
+ padding-top:53px; 
+  background: #fff;
+  min-height: calc(100vh - 64px);
 .nav {
   border-bottom: 1px #e5e5e5 solid;
+    position: fixed;
+  top: 63px;
+  right: 0;
+  z-index: 66;
+  left: 1.58rem;
+  background: #fff;
+    background: #fff;
   ul {
     width: 60%;
     margin: 0 auto;
     }
   }
 }
+}
+
 </style>
 

src/pages/main/dialysis/InspectionItemTable.vue

     margin: 0 auto;
     font-size: 0.28rem;
     color: #7b8a97;
-    padding: 0.16rem 0;
     li {
       @include display-flex;
       @include align-items-center;
       @include text-align;
       @include justify-content-between;
+    padding: 0.16rem 0;
+      
       .iconfont {
         margin: 0 0.1rem;
       }

src/pages/main/dialysis/MissionTable.vue

     margin: 0 auto;
     font-size: 0.32rem;
     color: $pgh-color;
-    padding: 0.3rem 0;
     li {
       @include display-flex;
       @include align-items-center;
       @include text-align;
       @include justify-content-between;
+    padding: 0.3rem 0;
+      
       .iconfont {
         margin: 0 0.1rem;
       }

src/pages/main/dialysis/RecordTable.vue

     }
     var nowDate = year + "-" + month + "-" + day;
 
-    this.startTime = new Date(nowDate)
-
-
+    this.startTime = new Date(nowDate);
 
     this.modeOptions = this.$store.getters.treatment_mode;
 
     // console.log(this.modeOptions);
     this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
     this.queryParams.start_time = this.parseTime(
-      this.startTime .getTime() / 1000,
+      this.startTime.getTime() / 1000,
       "{y}-{m}-{d}"
     );
     this.queryParams.end_time = this.parseTime(
       this.queryParams.page = 1;
       this.queryParams.limit = 15;
       this.getRecordList(this.queryParams);
-    },jump:function (val) {
-      this.$emit("record",val);
-
-
+    },
+    jump: function(val) {
+      this.$emit("record", val);
 
       this.$router.push({
         path: "/details",
         query: {
           patient_id: val.patient_id,
-          date: val.dialysis_date,
+          date: val.dialysis_date
         }
       });
-
     }
   },
   components: {
     @include align-items-center;
     @include text-align;
     @include justify-content-between;
-    width:70%;
+    width: 70%;
     margin: 0 auto;
     font-size: 0.32rem;
     color: $pgh-color;
-    padding: 0.3rem 0;
     li {
       @include display-flex;
       @include align-items-center;
       @include text-align;
+      padding: 0.3rem 0;
       .iconfont {
         margin: 0 0.1rem;
       }
-      .line{
+      .line {
         background: #a8b3ba;
         width: 0.2rem;
         height: 1px;

src/pages/main/index.vue

 .mainBox {
   height: 100%;
   font-size:0.3rem;
-  background: #fff;
   .sideColumn {
     .column {
       .head {

src/pages/main/records/CaseHistory.vue

 <style style="stylesheet/scss" lang="scss" scoped>
 .nav {
   border-bottom: 1px #e5e5e5 solid;
+    position: fixed;
+  top: 63px;
+  right: 0;
+  z-index: 66;
+  left: 1.58rem;
+  background: #fff;
+    background: #fff;
   ul {
     width: 60%;
     margin: 0 auto;

src/pages/main/records/RecordsTab.vue

   border-top: none;
 }
 .data-bg {
-  background: #ebf1f7;
   width: 100%;
-  padding: 0.3rem 0;
+  padding-top:62px; 
+  min-height: calc(100vh - 130px);
   .data {
     width: 11rem;
     margin: 0 auto;

src/pages/main/today/TodayTab.vue

   position: relative;
   .grid {
     padding: 0.1rem 0 0.25rem 0;
+    margin: 0.2rem 0.2rem 0 0.2rem;
+    background: #fff;
     .list {
       ul {
         @include display-flex;

src/pages/main/today/detailsInfo.vue

 <style rel="stylesheet/scss" lang="scss" scoped>
 .info {
   background: $text-color;
+  margin: 0 0.2rem;
   ul {
     padding: 0.4rem 0.8rem;
     li {

src/pages/monitoring/index.vue

             trigger="click">
             <li slot="reference">{{partitionName(partition)}}<span class="iconfont">&#xe74a;</span></li>
             <div class="popover-demo-content">
-
               <ul >
                 <li v-for="item in partitionArr" :key="item.id" @click="itemClick(item.id)" :class="partition == item.id ? 'tick' : ''">{{item.name}}</li>
               </ul>
             class="iconfont">&#xe74a;</span></li>
         </ul>
       </div>
-      <div class="blueBorder"></div>
       <van-list
         v-model="loading"
         :finished="finished"
         finished-text="没有更多了"
         @load="onLoad"
       >
+      <div class="blueBorder"></div>      
         <table class="table">
           <tr>
             <th width="8%">机号</th>
 }
 .choice {
   border-bottom: 1px #e5e5e5 solid;
+  position: fixed;
+  top: 63px;
+  right: 0;
+  z-index: 66;
+  left: 1.58rem;
+  background: #fff;
   ul {
     @include display-flex;
     @include align-items-center;
     margin: 0 auto;
     font-size: 0.32rem;
     color: $pgh-color;
-    padding: 0.3rem 0;
     li {
       @include display-flex;
       @include align-items-center;
       @include text-align;
       @include justify-content-between;
+      padding: 0.3rem 0;
+      
       .iconfont {
         margin: 0 0.1rem;
       }
 .table {
   width: 100%;
 }
+.van-list{
+  padding-top:115px; 
+  background: #fff;
+  min-height: calc(100vh - 1px);
+}
 </style>

src/pages/personal/EditPersonal.vue

     @include display-flex;
     @include justify-content-between;
     @include text-align;
+    background: #fff;
     .GoBack {
       color: $main-color;
       font-size: 0.36rem;
   .information {
     width: 100%;
     margin: 0 auto;
-    background: #ebf1f7;
     .name {
       background: #fff;
       width: 70%;

src/pages/personal/ElectronicSignature.vue

     @include display-flex;
     @include justify-content-between;
     @include text-align;
+    background: #fff;
     .GoBack {
       color: $main-color;
       font-size: 0.36rem;
   .information {
     width: 100%;
     margin: 0 auto;
-    background: #ebf1f7;
     .imagename{
         width: 600px;
         margin: 0 auto;

src/pages/personal/index.vue

     padding: 0.30rem 0;
     color: $title-color;
     text-align: center;
+    position: fixed;
+    top: 0;
+    left: 1.58rem;
+    right: 0;
+    z-index: 1000;
+    background: #fff;
   }
   .information {
     width: 100%;
     margin: 0 auto;
-    background: #ebf1f7;
+    padding-top:63px; 
+    min-height: calc(100vh - 2px);
     .name {
       background: #fff;
       width: 70%;

src/pages/waitingRoom/components/patientInfo.vue

   padding: 0.25rem 0.28rem;
   font-size: 14px;
   font-weight: 400;
+  margin: 0 0.2rem;
+  
   .dataTitle{
         color: #409eff;
         font-size: 16px;

src/styles/reset.scss

 }
 
 body {
-  background-color: #ebf1f7;
+  background-color: $base-color;
   color: $pgh-color;
   font-family: "Microsoft YaHei";
 }

src/styles/style.scss

 .body {
-  background: $base-color;
+  // background: $base-color;
 }
 
 #app {
 }
 
 .mainBox {
-  background: #fff;
   font-size: 0.3rem;
 }
 
 .blueBorder {
   height: 0.2rem;
   line-height: 0.2rem;
-  background: #ebf1f7;
+  background: #f6f8f9;
 }
 
 // 数据详情
 .plate-box {
   background: $text-color;
   padding: 0 0 0.3rem 0;
+  margin:  0 0.2rem;
   .title {
     border-bottom: 1px $border-color solid;
     line-height: 1rem;
 }
 
 .NoData {
-  width: 200px;
+  width: 100%;
   text-align: center;
   background: #fff;
-  margin: 0 auto;
   padding:0.3rem 0; 
+  display:flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
   img {
-    width: 100%;
+    width: 180px;
   }
 }
+.el-popper{
+  margin-top: 0!important;
+}
 
 .CheckBox,
 .DialogContent,
 .el-collapse-item__content{
   height: 7.4rem!important;
     overflow-y: auto!important;
-}
+}
+
+// 顶部导航固定
+.top,
+.top_row{
+  position: fixed!important;
+    top: 0;
+    left: 1.58rem;
+    right: 0;
+    z-index: 1000;
+    background: #fff;
+}
+// .choice,
+// .screening{
+//   position: fixed;
+//   top: 63px;
+//   right: 0;
+//   z-index: 66;
+//   left: 1.58rem;
+//   background: #fff;
+// }
+.stateBox{
+  padding-top:115px; 
+  background: #fff;
+  min-height: calc(100vh - 2px);
+  padding-left: 0.45rem;
+}

src/styles/variables.scss

 $main-color:#409eff;
-$base-color:#ebf1f7;
+$base-color:#f6f8f9;
 $text-color:#fff;
 $white-bg:#fff;
 $border-color:#e5e5e5;