修改样式1

src/pages/advice/AdvicePage.vue

@@ -79,7 +79,7 @@ export default {
 .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

@@ -2,11 +2,7 @@
   <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>
@@ -18,18 +14,12 @@
                 :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>
@@ -41,17 +31,11 @@
                 :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>
@@ -65,9 +49,7 @@
                 :class="
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
                 "
-              >
-                {{ scheduleType.text }}
-              </li>
+              >{{ scheduleType.text }}</li>
             </ul>
           </div>
         </el-popover>
@@ -87,10 +69,7 @@
       </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>
@@ -124,10 +103,7 @@
           </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>-->
 
@@ -140,22 +116,21 @@
                   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
@@ -166,9 +141,7 @@
                   "
                 >
                   <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 }}
@@ -179,13 +152,11 @@
                   </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>
@@ -198,11 +169,7 @@
       </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>
 
@@ -555,14 +522,14 @@ export default {
 .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;
   }
@@ -574,7 +541,8 @@ export default {
     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;
@@ -596,12 +564,12 @@ export default {
   }
 }
 .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

@@ -17,9 +17,7 @@
               :key="i"
               :class="index == i ? 'active' : ''"
               @click="ClickTab(i)"
-            >
-              {{ item }}
-            </li>
+            >{{ item }}</li>
           </ul>
         </div>
 
@@ -30,23 +28,13 @@
                   <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>
@@ -222,21 +210,20 @@ export default {
   }
 }
 .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

@@ -3,18 +3,16 @@
     <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">
@@ -24,18 +22,12 @@
                   :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>
@@ -49,9 +41,7 @@
                   :class="
                     schedual_type_selected == schedualType.value ? 'tick' : ''
                   "
-                >
-                  {{ schedualType.text }}
-                </li>
+                >{{ schedualType.text }}</li>
               </ul>
             </div>
           </el-popover>
@@ -71,26 +61,13 @@
       <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
@@ -99,8 +76,7 @@
             type="info"
             style="display:block;margin:0 auto"
             @click="reloads()"
-            >重新加载</van-button
-          >
+          >重新加载</van-button>
         </div>
       </div>
       <mt-datetime-picker
@@ -480,7 +456,7 @@ export default {
 .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

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

@@ -3,9 +3,9 @@
     <!-- <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>
@@ -28,7 +28,7 @@
       <!-- <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
@@ -39,11 +39,30 @@
             @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;"
@@ -171,11 +190,11 @@ export default {
 };
 </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;
   }
@@ -184,7 +203,8 @@ export default {
   // align-items: center;
   background: #258ffc;
   .floatLeft {
-    float: left;
+    line-height: 30px;
+    height: 30px;
   }
   .search {
     float: right;
@@ -192,15 +212,15 @@ export default {
   }
 }
 .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%;
@@ -212,11 +232,11 @@ export default {
     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 {
@@ -258,7 +278,7 @@ export default {
 }
 .box {
   height: 30px;
-  margin-top: 50px;
+  margin-top: 8px;
   background: #258ffc;
 }
 .head {
@@ -274,21 +294,52 @@ export default {
     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

@@ -9,15 +9,9 @@
             :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>
@@ -29,18 +23,12 @@
                   :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>
@@ -52,9 +40,7 @@
                   :key="index"
                   @click="handleTimeChange(index)"
                   :class="time_selected == index ? 'tick' : ''"
-                >
-                  {{ option.text }}
-                </li>
+                >{{ option.text }}</li>
               </ul>
             </div>
           </el-popover>
@@ -64,36 +50,22 @@
         <!-- <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>
@@ -662,7 +634,7 @@ export default {
 .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

@@ -5,7 +5,7 @@
       <p>{{title}}</p>
       <span class="line"></span>
     </h2>
-    <div class="newDiv">
+    <!-- <div class="newDiv">
       <table class="table">
         <tr>
           <th width="12%">开嘱医生</th>
@@ -29,7 +29,7 @@
 
             <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"
@@ -53,7 +53,17 @@
     </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>
 
@@ -66,7 +76,41 @@ export default {
     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: {
@@ -204,3 +248,11 @@ export default {
   overflow-x: auto;
 }
 </style>
+<style lang="scss">
+.el-table td {
+  padding: 0;
+}
+.el-table th {
+  padding: 6px 0;
+}
+</style>

src/pages/monitoring/index.vue

@@ -2,10 +2,10 @@
   <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>
@@ -24,9 +24,17 @@
               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>
 
@@ -44,9 +52,7 @@
                   :key="item.id"
                   @click="itemClick(item.id)"
                   :class="partition == item.id ? 'tick' : ''"
-                >
-                  {{ item.name }}
-                </li>
+                >{{ item.name }}</li>
               </ul>
             </div>
           </el-popover>
@@ -56,7 +62,7 @@
           </li>
         </ul>
       </div>
-      <van-list
+      <!-- <van-list
         v-model="loading"
         :finished="finished"
         finished-text="  "
@@ -161,7 +167,17 @@
             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
@@ -194,6 +210,104 @@ export default {
   },
   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,
 
@@ -421,17 +535,21 @@ export default {
 };
 </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;
@@ -448,15 +566,15 @@ export default {
 .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 {
@@ -464,10 +582,11 @@ export default {
     @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;
@@ -513,3 +632,45 @@ export default {
   }
 }
 </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

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

src/styles/style.scss

@@ -772,11 +772,11 @@ body {
   }
 }
 
-// .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;
@@ -870,7 +870,7 @@ body {
 //   background: #fff;
 // }
 .stateBox {
-  padding-top: 140px;
+  padding-top: 130px;
   background: #fff;
   min-height: calc(100vh - 2px);
   padding-left: 0.45rem;