固定头部修改

src/pages/advice/DialysisAdviceTable.vue

@@ -45,8 +45,8 @@
       </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>
@@ -213,7 +213,7 @@ export default {
   },
   methods: {
     clickfunction: function(val) {
-      console.log(val);
+      // console.log(val);
       this.$router.push({
         path: "/details",
         query: {
@@ -231,19 +231,22 @@ export default {
     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;
         }
       }
@@ -262,7 +265,7 @@ export default {
       this.show_zone_selector = false;
     },
     parseTime: function(time, layout) {
-      console.log(time);
+      // console.log(time);
       if (time == 0) {
         return "";
       }
@@ -285,12 +288,12 @@ export default {
             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;
             }
           }
 
@@ -365,6 +368,12 @@ export default {
 }
 .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;
@@ -394,5 +403,9 @@ export default {
     }
   }
 }
-
+.DialysisAdvice{
+  padding-top:115px; 
+  background: #fff;
+  min-height: calc(100vh - 2px);
+}
 </style>

src/pages/advice/NormalAdviceTable.vue

@@ -45,8 +45,8 @@
       </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>
@@ -129,7 +129,6 @@
   import SideBar from "@/pages/layout/SideBar";
   import { parseTime } from "@/utils";
   import { getSchedualDoctors } from "@/api/advice";
-
   export default {
     name: "DialysisAdviceTable",
     components: {
@@ -213,7 +212,7 @@
     },
     methods: {
       clickfunction: function(val) {
-        console.log(val);
+        // console.log(val);
         this.$router.push({
           path: "/details",
           query: {
@@ -230,17 +229,19 @@
       },
       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
           }
         }
@@ -281,12 +282,12 @@
               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;
               }
             }
 
@@ -315,14 +316,14 @@
 </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;
@@ -331,16 +332,16 @@
   @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;
@@ -349,47 +350,63 @@
   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

@@ -28,7 +28,6 @@ body {
 .mainBox {
   height: 100%;
   font-size: 0.3rem;
-  background: #fff;
   .sideColumn {
     .column {
       .head {

src/pages/main/DetailsPage.vue

@@ -171,6 +171,7 @@ export default {
   }
   .Tab {
     padding-top: 63px;
+    padding-bottom: 0.25rem;
   }
 }
 </style>

src/pages/main/DialysisArea.vue

@@ -140,7 +140,7 @@ export default {
           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 ||
@@ -209,12 +209,12 @@ export default {
               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;
               }
             }
 
@@ -260,6 +260,12 @@ export default {
 <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;
@@ -280,13 +286,13 @@ export default {
   }
 }
 .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

@@ -2356,7 +2356,6 @@ body {
 .mainBox {
   height: 100%;
   font-size: 0.3rem;
-  background: #fff;
   .sideColumn {
     float: left;
     width: 1.58rem;

src/pages/main/WaitingArea.vue

@@ -165,8 +165,8 @@ export default {
       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;
         }
       }
 
@@ -186,12 +186,12 @@ export default {
       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;
         }
       }
 
@@ -226,6 +226,12 @@ export default {
 <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;
@@ -258,13 +264,13 @@ export default {
   }
 }
 .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

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="fixedTop">
     <div class="choice">
       <ul>
         <li>
@@ -1380,6 +1380,7 @@ export default {
 </script>
 
 <style style="stylesheet/scss" lang="scss"  scoped>
+
 .choice {
   border-bottom: 1px #e5e5e5 solid;
   ul {
@@ -1391,12 +1392,13 @@ export default {
     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;
       }
@@ -1519,5 +1521,7 @@ export default {
     }
   }
 }
+
+
 </style>
 

src/pages/main/dialysis/CheckTab.vue

@@ -1,5 +1,5 @@
 <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>
@@ -55,37 +55,39 @@ export default {
 </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

@@ -1,5 +1,5 @@
 <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> 
@@ -45,8 +45,19 @@ export default {
 </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;
@@ -77,5 +88,7 @@ export default {
     }
   }
 }
+}
+
 </style>
 

src/pages/main/dialysis/InspectionItemTable.vue

@@ -243,12 +243,13 @@ export default {
     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

@@ -197,12 +197,13 @@ export default {
     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

@@ -122,9 +122,7 @@ export default {
     }
     var nowDate = year + "-" + month + "-" + day;
 
-    this.startTime = new Date(nowDate)
-
-
+    this.startTime = new Date(nowDate);
 
     this.modeOptions = this.$store.getters.treatment_mode;
 
@@ -136,7 +134,7 @@ export default {
     // 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(
@@ -386,19 +384,17 @@ export default {
       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: {
@@ -415,19 +411,19 @@ export default {
     @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

@@ -29,7 +29,6 @@ body {
 .mainBox {
   height: 100%;
   font-size:0.3rem;
-  background: #fff;
   .sideColumn {
     .column {
       .head {

src/pages/main/records/CaseHistory.vue

@@ -65,6 +65,13 @@ export default {
 <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

@@ -336,9 +336,9 @@ export default {
   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

@@ -925,6 +925,8 @@ export default {
   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

@@ -143,6 +143,7 @@ export default {
 <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

@@ -25,7 +25,6 @@
             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>
@@ -35,13 +34,13 @@
             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>
@@ -355,6 +354,12 @@ export default {
 }
 .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;
@@ -364,12 +369,13 @@ export default {
     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;
       }
@@ -386,4 +392,9 @@ export default {
 .table {
   width: 100%;
 }
+.van-list{
+  padding-top:115px; 
+  background: #fff;
+  min-height: calc(100vh - 1px);
+}
 </style>

src/pages/personal/EditPersonal.vue

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

src/pages/personal/ElectronicSignature.vue

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

src/pages/personal/index.vue

@@ -122,11 +122,18 @@ export default {
     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

@@ -365,6 +365,8 @@ export default {
   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

@@ -30,7 +30,7 @@ img {
 }
 
 body {
-  background-color: #ebf1f7;
+  background-color: $base-color;
   color: $pgh-color;
   font-family: "Microsoft YaHei";
 }

src/styles/style.scss

@@ -1,5 +1,5 @@
 .body {
-  background: $base-color;
+  // background: $base-color;
 }
 
 #app {
@@ -12,7 +12,6 @@
 }
 
 .mainBox {
-  background: #fff;
   font-size: 0.3rem;
 }
 
@@ -41,13 +40,14 @@
 .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;
@@ -564,15 +564,21 @@
 }
 
 .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,
@@ -705,4 +711,30 @@
 .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

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