修改样式1

src/pages/advice/AdvicePage.vue

 .top_row {
   font-size: 0.3rem;
   padding: 0.3rem 0.3rem;
-  border-bottom: 1px #e5e5e5 solid;
+  // border-bottom: 1px #e5e5e5 solid;
   display: flex;
   align-items: center;
 }

src/pages/advice/DialysisAdviceTable.vue

   <div class="mainBox">
     <div class="choice">
       <ul>
-        <el-popover
-          placement="bottom"
-          trigger="click"
-          v-model="show_patient_type_selector"
-        >
+        <el-popover placement="bottom" trigger="click" v-model="show_patient_type_selector">
           <li slot="reference">
             {{ patient_types[patient_selected].text }}
             <span class="iconfont">&#xe74a;</span>
                 :key="type.value"
                 @click="handlePaitentType(type.value)"
                 :class="advice_type_selected == type.value ? 'tick' : ''"
-              >
-                {{ type.text }}
-              </li>
+              >{{ type.text }}</li>
             </ul>
           </div>
         </el-popover>
 
-        <el-popover
-          placement="bottom"
-          trigger="click"
-          v-model="show_zone_selector"
-        >
+        <el-popover placement="bottom" trigger="click" v-model="show_zone_selector">
           <li slot="reference">
             {{ zones[zone_selected].text }}
             <span class="iconfont">&#xe74a;</span>
                 :key="zone.value"
                 @click="handleZoneChange(index)"
                 :class="zone_selected == index ? 'tick' : ''"
-              >
-                {{ zone.text }}
-              </li>
+              >{{ zone.text }}</li>
             </ul>
           </div>
         </el-popover>
-        <el-popover
-          placement="bottom"
-          trigger="click"
-          v-model="show_sch_type_selector"
-        >
+        <el-popover placement="bottom" trigger="click" v-model="show_sch_type_selector">
           <li slot="reference">
             {{ schedule_types[schedule_type_selected].text }}
             <span class="iconfont">&#xe74a;</span>
                 :class="
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
                 "
-              >
-                {{ scheduleType.text }}
-              </li>
+              >{{ scheduleType.text }}</li>
             </ul>
           </div>
         </el-popover>
       </ul>
     </div>
 
-    <div
-      style="width:100%;overflow:hildden;overflow-x:auto;"
-      class="DialysisAdvice"
-    >
+    <div style="width:100%;overflow:hildden;overflow-x:auto;" class="DialysisAdvice">
       <div class="blueBorder"></div>
       <table class="table">
         <tr>
           </tr>
           <template v-for="schedule in schedules">
             <template v-for="(group, group_index) in schedule.new_advice">
-              <tr
-                v-for="(advice, advice_index) in group.advices"
-                @click="clickfunction(schedule)"
-              >
+              <tr v-for="(advice, advice_index) in group.advices" @click="clickfunction(schedule)">
                 <!--<td  v-if="advice_index == 0"-->
                 <!--:rowspan="group.advices.length">{{ advice.parent_id == 0 ? schedule.device_number.number : "" }}</td>-->
 
                   v-if="advice_index == 0"
                   :rowspan="group.advices.length"
                   style="color:#409eff;"
-                >
-                  {{ advice.parent_id == 0 ? schedule.patient.name : "" }}
-                </td>
+                >{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
                   {{
-                    advice.parent_id == 0 ? schedule.patient.dialysis_no : ""
+                  advice.parent_id == 0 ? schedule.patient.dialysis_no : ""
                   }}
                 </td>
-                <td v-if="advice_index == 0" :rowspan="group.advices.length">
-                  {{ getAdaviceType(advice.advice_type, advice.parent_id) }}
-                </td>
+                <td
+                  v-if="advice_index == 0"
+                  :rowspan="group.advices.length"
+                >{{ getAdaviceType(advice.advice_type, advice.parent_id) }}</td>
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
                   {{
-                    advice.parent_id == 0
-                      ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
-                      : ""
+                  advice.parent_id == 0
+                  ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
+                  : ""
                   }}
                 </td>
                 <td
                   "
                 >
                   <span>{{ advice.advice_name }}</span>
-                  <span
-                    >{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span
-                  >
+                  <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
                   <span v-if="advice.prescribing_number">
                     {{ advice.prescribing_number
                     }}{{ advice.prescribing_number_unit }}
                   </span>
                   <span>{{ advice.delivery_way }}</span>
                   <span>{{ advice.execution_frequency }}</span>
-                  <span v-if="advice.parent_id == 0 && advice.remark.length > 0"
-                    >({{ advice.remark }})</span
-                  >
-                </td>
-                <td>
-                  {{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}
+                  <span
+                    v-if="advice.parent_id == 0 && advice.remark.length > 0"
+                  >({{ advice.remark }})</span>
                 </td>
+                <td>{{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}</td>
                 <td>{{ getName(advice.execution_staff) }}</td>
                 <td>{{ getName(advice.checker) }}</td>
                 <td>{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
       </table>
 
       <div class="NoData" v-show="zones.length <= 1">
-        <img
-          style="margin-top: 50px; margin-bottom: 50px"
-          src="@/assets/login/data.jpg"
-          alt
-        />
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
       </div>
     </div>
 
 .choice {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 63px;
+  top: 52px;
   right: 0;
   z-index: 66;
   left: 0;
-  background: #fff;
-  @media only screen and (max-width: 415px) {
-    top: 38px !important;
-  }
+  background: #258ffc;
+  // @media only screen and (max-width: 415px) {
+  //   top: 38px !important;
+  // }
   @media only screen and (min-width: 376px) and (max-width: 812px) {
     top: 38px !important;
   }
     width: 90%;
     margin: 0 auto;
     font-size: 0.32rem;
-    color: $pgh-color;
+    // color: $pgh-color;
+    color: #fff;
     li {
       @include display-flex;
       @include align-items-center;
   }
 }
 .DialysisAdvice {
-  padding-top: 115px;
+  padding-top: 85px;
   background: #fff;
   min-height: calc(100vh - 2px);
-  @media only screen and (max-width: 812px) {
-    padding-top: 70px !important;
-  }
+  // @media only screen and (max-width: 812px) {
+  //   padding-top: 70px !important;
+  // }
   @media only screen and (min-width: 813px) and (max-width: 1024px) {
     padding-top: 118px !important;
   }

src/pages/main/DetailsPage.vue

               :key="i"
               :class="index == i ? 'active' : ''"
               @click="ClickTab(i)"
-            >
-              {{ item }}
-            </li>
+            >{{ item }}</li>
           </ul>
         </div>
 
                   <span class="iconfont">2018-01-01&#xe74a;</span>
         </div>-->
         <div class="print" style="float: right; visibility: hidden;">
-          <el-button
-            size="mini"
-            type="primary"
-            @click="print"
-            icon="el-icon-printer"
-            >打印</el-button
-          >
+          <el-button size="mini" type="primary" @click="print" icon="el-icon-printer">打印</el-button>
         </div>
       </div>
       <div class="Tab">
         <CaseHistory v-show="index == 0" title="病历"></CaseHistory>
         <!--<check-tab v-show="index==1" title="化验单"></check-tab>-->
-        <dialysis-tab
-          v-show="index == 1"
-          title="透析"
-          v-on:records="jump(val)"
-        ></dialysis-tab>
+        <dialysis-tab v-show="index == 1" title="透析" v-on:records="jump(val)"></dialysis-tab>
         <today-tab ref="today" v-show="index == 2" title="今日"></today-tab>
       </div>
     </div>
   }
 }
 .add {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.8rem;
+  height: 1.8rem;
   background: #f18f68;
   // box-shadow: 0px 3px 9px 0px rgba(7, 30, 102, 0.15);
   border-radius: 50%;
   position: fixed;
   right: 0.6rem;
   bottom: 2.25rem;
-  font-size: 0.4rem;
+  font-size: 0.45rem;
   text-align: center;
-  z-index: 99;
   p {
-    width: 26px;
+    width: 30px;
     text-align: center;
-    margin: 6px auto 0;
+    margin: 9px auto 0;
     color: #fff;
     // @media only screen and (min-width: 768px) {
     //   width: 40px !important;

src/pages/main/DialysisArea.vue

     <div v-loading="loading">
       <div class="screening">
         <ul>
-          <el-popover
-            v-model="zone_options_visible"
-            placement="bottom"
-            trigger="click"
-          >
+          <el-popover v-model="zone_options_visible" placement="bottom" trigger="click">
             <li slot="reference">
               {{
-                zones.length <= 1 && zone_selected > 0
-                  ? "全部分区"
-                  : zones[zone_selected].text
+              zones.length <= 1 && zone_selected > 0
+              ? "全部分区"
+              : zones[zone_selected].text
               }}
-              <span class="iconfont">&#xe74a;</span>
+              <span
+                class="iconfont"
+              >&#xe74a;</span>
             </li>
 
             <div class="popover-demo-content">
                   :key="zone.value"
                   @click="handleZoneChange(index)"
                   :class="zone_selected == index ? 'tick' : ''"
-                >
-                  {{ zone.text }}
-                </li>
+                >{{ zone.text }}</li>
               </ul>
             </div>
           </el-popover>
 
-          <el-popover
-            v-model="sch_type_options_visible"
-            placement="bottom"
-            trigger="click"
-          >
+          <el-popover v-model="sch_type_options_visible" placement="bottom" trigger="click">
             <li slot="reference">
               {{ schedual_types[schedual_type_selected].text }}
               <span class="iconfont">&#xe74a;</span>
                   :class="
                     schedual_type_selected == schedualType.value ? 'tick' : ''
                   "
-                >
-                  {{ schedualType.text }}
-                </li>
+                >{{ schedualType.text }}</li>
               </ul>
             </div>
           </el-popover>
       <div class="stateBox">
         <div v-for="(item, index) in filtedScheduals" :key="index">
           <h2 class="title">{{ item.zone_name }}</h2>
-          <patient-box
-            class="clearfix"
-            :patients="item.scheduals"
-          ></patient-box>
+          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
         </div>
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
-          <img
-            style="margin-top: 50px; margin-bottom: 50px"
-            src="@/assets/login/data.jpg"
-            alt
-          />
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
         </div>
-        <div
-          class="NoData"
-          v-if="!networkStates"
-          style="display: block;text-align: center"
-        >
-          <p style="margin-top: 100px;font-size: 18px">
-            网络异常，请点击重新加载
-          </p>
+        <div class="NoData" v-if="!networkStates" style="display: block;text-align: center">
+          <p style="margin-top: 100px;font-size: 18px">网络异常，请点击重新加载</p>
 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
           <van-button
             type="info"
             style="display:block;margin:0 auto"
             @click="reloads()"
-            >重新加载</van-button
-          >
+          >重新加载</van-button>
         </div>
       </div>
       <mt-datetime-picker
 .screening {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 89px;
+  top: 98px;
   @media only screen and (min-width: 813px) and (max-width: 1024px) {
     top: 130px;
   }

src/pages/main/PatientBox.vue

       p {
         background: #c6cdd2;
         color: #fff;
-        width: 1.35rem;
-        height: 0.56rem;
-        line-height: 0.56rem;
+        width: 1.45rem;
+        height: 0.65rem;
+        line-height: 0.65rem;
         border-radius: 4px;
         margin: 0 auto;
         font-size: 0.32rem;

src/pages/main/RecordPage.vue

     <!-- <van-row class="top_row">
     <van-col :span="14">-->
     <div class="top_row">
-      <div class="head">
+      <!-- <div class="head">
         <img :src="$store.getters.user.org.org_logo" alt />
-      </div>
+      </div>-->
       <div class="floatLeft">
         <span class="title">{{ $store.getters.user.org.org_short_name }}</span>
       </div>
       <!-- <router-link to="/add_urgent_schedule">
           <van-button size="small" type="info" class="add_schedule_btn">临时排班</van-button>
       </router-link>-->
-      <div class="search">
+      <!-- <div class="search">
         <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
           <i class="iconfont" slot="left-icon">&#xe741;</i>
           <van-button
             @click="searchWithKeyword"
           >搜索</van-button>
         </van-field>
-      </div>
+      </div>-->
       <!-- </van-col>
       </van-row>-->
+      <div class="newSearch">
+        <!-- <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
+          <i class="iconfont" slot="left-icon">&#xe741;</i>
+          <van-button
+            slot="button"
+            size="small"
+            type="info"
+            style="border: none;"
+            @click="searchWithKeyword"
+          >搜索</van-button>
+        </van-field>-->
+        <el-input
+          prefix-icon="el-icon-search"
+          v-model="search_input"
+          ref="search_field"
+          placeholder="透析号/姓名"
+        ></el-input>
+        <p class="searchBtn" @click="searchWithKeyword">搜索</p>
+      </div>
       <div class="box">
-        <div class="department">
+        <div class="newDepartment">
           <ul>
             <li
               style="position: relative;"
 };
 </script>
 
-<style style="stylesheet/scss" lang="scss" scoped>
+<style lang="scss">
 .top_row {
   // height: 50px;
   font-size: 0.3rem;
-  padding: 0.3rem 0.3rem 0;
+  padding: 0 0.3rem 0;
   @media only screen and (min-width: 813px) and (max-width: 1024px) {
     padding: 0.3rem 0.3rem;
   }
   // align-items: center;
   background: #258ffc;
   .floatLeft {
-    float: left;
+    line-height: 30px;
+    height: 30px;
   }
   .search {
     float: right;
   }
 }
 .title {
-  font-size: 0.34rem;
+  font-size: 0.45rem;
   font-weight: 600;
   height: 45px;
-  line-height: 50px;
+  // line-height: 50px;
   margin-left: 8px;
   // color: $title-color;
   color: #fff;
 }
-.department {
+.newDepartment {
   text-align: center;
   // height: 100%;
   width: 60%;
     align-items: center;
     li {
       float: left;
-      font-size: 0.36rem;
+      font-size: 0.45rem;
       margin: 0 0.2rem;
-      height: 0.64rem;
-      line-height: 0.64rem;
-      padding: 0 0.3rem;
+      height: 0.8rem;
+      line-height: 0.8rem;
+      padding: 0 0.4rem;
       // color: $title-color;
       color: #fff;
       &.active {
 }
 .box {
   height: 30px;
-  margin-top: 50px;
+  margin-top: 8px;
   background: #258ffc;
 }
 .head {
     border-radius: 50%;
   }
 }
+.newSearch {
+  height: 1rem;
+  width: 100%;
+  background: #fff;
+  border-radius: 30px;
+  .searchBtn {
+    width: 15%;
+    float: left;
+    height: 1rem;
+    line-height: 1rem;
+    text-align: center;
+    font-size: 0.45rem;
+    color: #258ffc;
+  }
+}
+.el-input {
+  height: 100%;
+  width: 85%;
+  float: left;
+}
+.el-input__inner {
+  height: 100%;
+  line-height: 1rem;
+  width: 100%;
+  border-radius: 30px;
+  border: none;
+}
+.el-input__icon {
+  line-height: 1rem;
+  font-size: 0.45rem;
+}
 .add {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.8rem;
+  height: 1.8rem;
   background: #f66c6c;
   // box-shadow: 0px 3px 9px 0px rgba(7, 30, 102, 0.15);
   border-radius: 50%;
   position: fixed;
   right: 0.6rem;
   bottom: 2.25rem;
-  font-size: 0.4rem;
+  font-size: 0.45rem;
   text-align: center;
   p {
-    width: 26px;
+    width: 30px;
     text-align: center;
-    margin: 6px auto 0;
+    margin: 9px auto 0;
     color: #fff;
     // @media only screen and (min-width: 415px) and (max-width: 668px) {
     //   width: 40px;

src/pages/main/WaitingArea.vue

             :class="select_index == i ? 'active' : ''"
             @click="menuTabClick(i)"
             :key="i"
-          >
-            {{ item.label + (item.count > 0 ? "(" + item.count + ")" : "") }}
-          </li>
-
-          <el-popover
-            v-model="zone_options_visible"
-            placement="bottom"
-            trigger="click"
-          >
+          >{{ item.label + (item.count > 0 ? "(" + item.count + ")" : "") }}</li>
+
+          <el-popover v-model="zone_options_visible" placement="bottom" trigger="click">
             <li slot="reference">
               {{ zone_options[zone_selected].text }}
               <span class="iconfont">&#xe74a;</span>
                   :key="index"
                   @click="handleZoneChange(index, option)"
                   :class="zone_selected == index ? 'tick' : ''"
-                >
-                  {{ option.text }}
-                </li>
+                >{{ option.text }}</li>
               </ul>
             </div>
           </el-popover>
 
-          <el-popover
-            v-model="time_options_visible"
-            placement="bottom"
-            trigger="click"
-          >
+          <el-popover v-model="time_options_visible" placement="bottom" trigger="click">
             <li slot="reference">
               {{ time_options[time_selected].text }}
               <span class="iconfont">&#xe74a;</span>
                   :key="index"
                   @click="handleTimeChange(index)"
                   :class="time_selected == index ? 'tick' : ''"
-                >
-                  {{ option.text }}
-                </li>
+                >{{ option.text }}</li>
               </ul>
             </div>
           </el-popover>
         <!-- <patient-box class="clearfix" :patients="filtedScheduals "></patient-box> -->
         <div v-for="(item, index) in filtedScheduals" :key="index">
           <h2 class="title">{{ item.zone_name }}</h2>
-          <patient-box
-            class="clearfix"
-            :patients="item.scheduals"
-          ></patient-box>
+          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
         </div>
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
-          <img
-            style="margin-top: 50px; margin-bottom: 50px"
-            src="@/assets/login/data.jpg"
-            alt
-          />
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
         </div>
 
-        <div
-          class="NoData"
-          v-if="!networkStates"
-          style="display: block;text-align: center;"
-        >
+        <div class="NoData" v-if="!networkStates" style="display: block;text-align: center;">
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
-          <p style="margin-top: 100px;font-size: 18px">
-            网络异常，请点击重新加载
-          </p>
+          <p style="margin-top: 100px;font-size: 18px">网络异常，请点击重新加载</p>
           <van-button
             slot="button"
             size="normal"
             type="info"
             style="display:block;margin:0 auto"
             @click="reloads()"
-            >重新加载</van-button
-          >
+          >重新加载</van-button>
         </div>
       </div>
     </div>
 .screening {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 89px;
+  top: 98px;
   @media only screen and (min-width: 813px) and (max-width: 1024px) {
     top: 130px;
   }

src/pages/main/today/statOrder.vue

       <p>{{title}}</p>
       <span class="line"></span>
     </h2>
-    <div class="newDiv">
+    <!-- <div class="newDiv">
       <table class="table">
         <tr>
           <th width="12%">开嘱医生</th>
 
             <td :class="advice.parent_id == 0 ? 'advice_content' : 'subadvice_content'">
               <span>{{advice.advice_name }}</span>
-              <!-- <span>{{advice.drug_spec}}{{advice.drug_spec_unit}} * {{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span> -->
+              <span>{{advice.drug_spec}}{{advice.drug_spec_unit}} * {{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
               <span v-if="advice.advice_desc">{{advice.advice_desc}}{{advice.drug_spec_unit}}</span>
               <span
                 v-if="advice.prescribing_number"
     </div>
     <div class="NoData" v-show="advice_groups.length == 0">
       <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
-    </div>
+    </div>-->
+    <el-table :data="date" border style="width: 100%">
+      <el-table-column fixed prop="date" label="姓名" width="100"></el-table-column>
+      <el-table-column prop="name" label="机号" width="100"></el-table-column>
+      <el-table-column prop="province" label="透析号" width="100"></el-table-column>
+      <el-table-column prop="city" label="排班时间" width="100"></el-table-column>
+      <el-table-column prop="address" label="透析模式" width="200"></el-table-column>
+      <el-table-column prop="zip" label="脱水量" width="100"></el-table-column>
+      <el-table-column prop="zip" label="体重(透前/透后)" width="150"></el-table-column>
+      <el-table-column prop="zip" label="监控预警(血压/心率)" width="200"></el-table-column>
+    </el-table>
   </div>
 </template>
 
     return {
       title: "临时医嘱 ",
       template_id: 0,
-      tableDate: []
+      tableDate: [],
+      date: [
+        {
+          date: "2016-05-02",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1518 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-04",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1517 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-01",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1519 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-03",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1516 弄",
+          zip: 200333
+        }
+      ]
     };
   },
   props: {
   overflow-x: auto;
 }
 </style>
+<style lang="scss">
+.el-table td {
+  padding: 0;
+}
+.el-table th {
+  padding: 6px 0;
+}
+</style>

src/pages/monitoring/index.vue

   <div class="mainBox">
     <div class="mainContent">
       <div class="top">
-        <div class="hospital" style="width:4.2rem;">
+        <div class="hospital" style="width:4.2rem;display:none">
           <span style="visibility:hidden"></span>
         </div>
-        <div class="department">
+        <!-- <div class="department">
           <ul>
             <li>透析监控</li>
           </ul>
               type="info"
               style="border: none;"
               @click="searchWithKeyword(1)"
-              >搜索</van-button
-            >
+            >搜索</van-button>
           </van-field>
+        </div>-->
+        <div class="newSearch">
+          <el-input
+            prefix-icon="el-icon-search"
+            v-model="patient_keyword"
+            ref="search_field"
+            placeholder="透析号/姓名"
+          ></el-input>
+          <p class="searchBtn" @click="searchWithKeyword(1)">搜索</p>
         </div>
       </div>
 
                   :key="item.id"
                   @click="itemClick(item.id)"
                   :class="partition == item.id ? 'tick' : ''"
-                >
-                  {{ item.name }}
-                </li>
+                >{{ item.name }}</li>
               </ul>
             </div>
           </el-popover>
           </li>
         </ul>
       </div>
-      <van-list
+      <!-- <van-list
         v-model="loading"
         :finished="finished"
         finished-text="  "
             alt
           />
         </div>
-      </van-list>
+      </van-list>-->
+      <el-table :data="tableData" border style="width: 100%">
+        <el-table-column fixed prop="date" label="姓名" width="100"></el-table-column>
+        <el-table-column prop="name" label="机号" width="100"></el-table-column>
+        <el-table-column prop="province" label="透析号" width="100"></el-table-column>
+        <el-table-column prop="city" label="排班时间" width="100"></el-table-column>
+        <el-table-column prop="address" label="透析模式" width="200"></el-table-column>
+        <el-table-column prop="zip" label="脱水量" width="100"></el-table-column>
+        <el-table-column prop="zip" label="体重(透前/透后)" width="150"></el-table-column>
+        <el-table-column prop="zip" label="监控预警(血压/心率)" width="200"></el-table-column>
+      </el-table>
     </div>
     <side-bar :active_index="1"></side-bar>
     <mt-datetime-picker
   },
   data() {
     return {
+      tableData: [
+        {
+          date: "2016-05-02",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1518 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-04",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1517 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-01",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1519 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-03",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1516 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-02",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1518 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-04",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1517 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-01",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1519 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-03",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1516 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-02",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1518 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-04",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1517 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-01",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1519 弄",
+          zip: 200333
+        },
+        {
+          date: "2016-05-03",
+          name: "王小虎",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1516 弄",
+          zip: 200333
+        }
+      ],
       loading: false,
       finished: false,
 
 };
 </script>
 
-<style style="stylesheet/scss" lang="scss" scoped>
+<style lang="scss" scoped>
+.mainBox {
+  height: 100%;
+}
 .top {
   padding: 0.3rem 0.3rem;
   @include text-align;
   font-size: 0.36rem;
-  border-bottom: 1px #e5e5e5 solid;
+  // border-bottom: 1px #e5e5e5 solid;
   position: relative;
   color: $title-color;
   @include display-flex;
   @include align-items-center;
   @include justify-content-between;
+  background: #258ffc;
   .title {
     font-size: 0.3rem;
     font-weight: bold;
 .choice {
   border-bottom: 1px #e5e5e5 solid;
   position: fixed;
-  top: 63px;
+  top: 48px;
   right: 0;
   z-index: 66;
   left: 0;
-  background: #fff;
-  @media only screen and (max-width: 415px) {
-    top: 38px !important;
-  }
-  @media only screen and (min-width: 376px) and (max-width: 812px) {
+  background: #258ffc;
+  // @media only screen and (max-width: 415px) {
+  //   top: 38px !important;
+  // }
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
     top: 38px !important;
   }
   ul {
     @include align-items-center;
     @include text-align;
     @include justify-content-between;
-    width: 45%;
+    width: 55%;
     margin: 0 auto;
-    font-size: 0.32rem;
-    color: $pgh-color;
+    font-size: 0.45rem;
+    // color: $pgh-color;
+    color: #fff;
     li {
       @include display-flex;
       @include align-items-center;
   }
 }
 </style>
+<style lang="scss">
+.newSearch {
+  height: 1rem;
+  width: 100%;
+  background: #fff;
+  border-radius: 30px;
+  .searchBtn {
+    width: 15%;
+    float: left;
+    height: 1rem;
+    line-height: 1rem;
+    text-align: center;
+    font-size: 0.45rem;
+    color: #258ffc;
+  }
+}
+.el-input {
+  height: 100%;
+  width: 85%;
+  float: left;
+}
+.el-input__inner {
+  height: 100%;
+  line-height: 1rem;
+  width: 100%;
+  border-radius: 30px;
+  border: none;
+}
+.el-input__icon {
+  line-height: 1rem;
+  font-size: 0.45rem;
+}
+.el-table {
+  margin-top: 90px;
+}
+.el-table td {
+  padding: 0;
+}
+.el-table th {
+  padding: 6px 0;
+}
+</style>

src/styles/media.scss

-@media only screen and (max-width: 812px) {
+@media only screen and (max-width: 767px) {
   html {
     font-size: 30px;
   }

src/styles/style.scss

   }
 }
 
-// .van-cell {
-//   @media only screen and (max-width: 812px) {
-//     font-size: 6px !important;
-//   }
-// }
+.van-cell {
+  @media only screen and (max-width: 812px) {
+    font-size: 12px !important;
+  }
+}
 .van-field__left-icon {
   // @media only screen and (max-width: 812px) {
   //   // margin-right: 0 !important;
 //   background: #fff;
 // }
 .stateBox {
-  padding-top: 140px;
+  padding-top: 130px;
   background: #fff;
   min-height: calc(100vh - 2px);
   padding-left: 0.45rem;