修改样式

src/main.js

 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import Vue from 'vue'
-import App from './App'
-import router from './router'
-import MintUI from 'mint-ui'
-import store from './store'
-import 'mint-ui/lib/style.css'
-import './assets/styles/iconfont.css'
-import './permission'
-
-import '@/styles/reset.scss'
-import '@/styles/variables.scss'
-import '@/styles/style.scss'
-
-import Vant from 'vant'
-import 'vant/lib/index.css'
-import 'vant/lib/icon/local.css'
+import Vue from "vue";
+import App from "./App";
+import router from "./router";
+import MintUI from "mint-ui";
+import store from "./store";
+import "mint-ui/lib/style.css";
+import "./assets/styles/iconfont.css";
+import "./permission";
+
+import "@/styles/reset.scss";
+import "@/styles/variables.scss";
+import "@/styles/style.scss";
+
+import Vant from "vant";
+import "vant/lib/index.css";
+import "vant/lib/icon/local.css";
 // import '@/styles/vant-css/index.css'
 
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+import ElementUI from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
+
+import "@/styles/media.scss";
 
 // main.js
 // import 'lib-flexible'
 // Vue.use(AlertPlugin)
 // Vue.use(ToastPlugin)
 
-Vue.use(MintUI)
-Vue.use(Vant)
-Vue.use(ElementUI)
-Vue.config.productionTip = false
+Vue.use(MintUI);
+Vue.use(Vant);
+Vue.use(ElementUI);
+Vue.config.productionTip = false;
 
 /* eslint-disable no-new */
 new Vue({
-  el: '#app',
+  el: "#app",
   router,
   store,
   components: { App },
-  template: '<App/>'
-})
+  template: "<App/>"
+});

src/pages/advice/AdvicePage.vue

       <van-col :span="8">
         <div class="department">
           <ul>
-            <li v-for="(item,i) in ['透析临嘱','普通医嘱']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
+            <li
+              v-for="(item,i) in ['透析临嘱','普通医嘱']"
+              :key="i"
+              :class="index == i? 'active':'' "
+              @click="ClickTab(i)"
+            >{{item}}</li>
           </ul>
         </div>
       </van-col>
 
-
       <van-col :span="5">
-        <router-link to="/add_urgent_schedule">
-        </router-link>
+        <router-link to="/add_urgent_schedule"></router-link>
         <div class="search" style="visibility: hidden">
           <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-button
+              slot="button"
+              size="small"
+              type="info"
+              style="border: none;"
+              @click="searchWithKeyword"
+            >搜索</van-button>
           </van-field>
         </div>
       </van-col>
     </van-row>
 
-
     <div class="area">
-      <DialysisAdviceTable v-show="index==0"> </DialysisAdviceTable>
+      <DialysisAdviceTable v-show="index==0"></DialysisAdviceTable>
       <NormalAdviceTable v-show="index==1"></NormalAdviceTable>
     </div>
-
   </div>
 </template>
 
   float: right;
   background-color: #ff7978;
   border: none;
+  @media only screen and (max-width: 812px) {
+    min-width: 60px !important;
+  }
 }
 </style>
 

src/pages/main/DetailsPage.vue

 <template>
-    <div class="mainBox">
-        <side-bar :active_index="0"></side-bar>
-        <div class="mainContent">
-            <div class="navigation">
-                <div class="goBack">
-                    <span class="back" @click="backAction()"><span class="iconfont">&#xe720;</span>返回</span>
-                    <el-popover
-                      placement="bottom"
-                      trigger="click" :disabled="true">
-                      <li slot="reference" class="name">{{ patient_name }}</li>
-                    </el-popover>
-                </div>
-                <div class="nav">
-                  <ul>
-                     <li v-for="(item,i) in ['病历','透析','今日']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
-                  </ul>
-                </div>
+  <div class="mainBox">
+    <side-bar :active_index="0"></side-bar>
+    <div class="mainContent">
+      <div class="navigation">
+        <div class="goBack">
+          <span class="back" @click="backAction()">
+            <span class="iconfont">&#xe720;</span>返回
+          </span>
+          <el-popover placement="bottom" trigger="click" :disabled="true">
+            <li slot="reference" class="name">{{ patient_name }}</li>
+          </el-popover>
+        </div>
+        <div class="nav">
+          <ul>
+            <li
+              v-for="(item,i) in ['病历','透析','今日']"
+              :key="i"
+              :class="index == i? 'active':'' "
+              @click="ClickTab(i)"
+            >{{item}}</li>
+          </ul>
+        </div>
 
-                <!-- <div @click="openPicker()" class="time">
+        <!-- <div @click="openPicker()" class="time">
                   {{pickerVisible}}<span class="iconfont">&#xe74a;</span>
-                </div> -->
-                <!-- <div class="time" style="width:1.49rem;">
+        </div>-->
+        <!-- <div class="time" style="width:1.49rem;">
                   <span class="iconfont">2018-01-01&#xe74a;</span>
-                </div> -->
-
-              <div class="print" style="float: right">
-                <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>
-              <today-tab ref="today" v-show="index==2" title="今日" ></today-tab>
-            </div>
-
+        </div>-->
 
+        <div class="print" style="float: right">
+          <el-button size="mini" type="primary" @click="print" icon="el-icon-printer">打印</el-button>
         </div>
-         <!-- <mt-datetime-picker
+      </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>
+        <today-tab ref="today" v-show="index==2" title="今日"></today-tab>
+      </div>
+    </div>
+    <!-- <mt-datetime-picker
             v-model="pickerVisible"
             type="date"
             ref="picker"
             year-format="{value} "
             month-format="{value} "
             date-format="{value} ">
-        </mt-datetime-picker> -->
-    </div>
+    </mt-datetime-picker>-->
+  </div>
 </template>
 
 <script>
 import RecordsTab from "./records/RecordsTab";
 import { Popover } from "vux";
 import CheckTab from "./dialysis/CheckTab";
-import {parseTime} from "@/utils"
-import {GetPatientInfoWithDiseases} from "@/api/patient";
-import { Toast } from 'vant';
+import { parseTime } from "@/utils";
+import { GetPatientInfoWithDiseases } from "@/api/patient";
+import { Toast } from "vant";
 import CaseHistory from "./records/CaseHistory";
 
 export default {
     TodayTab,
     DialysisTab,
     RecordsTab,
-    Popover,
+    Popover
   },
   data() {
     return {
       patient_name: "",
       date: 0,
       index: 2,
-      patient: null,
+      patient: null
     };
   },
   created() {
     },
     openPicker() {
       this.$refs.picker.open();
-    },print:function () {
-      var xtdate = parseTime(this.date, "{y}-{m}-{d}")
-      if(this.patient != null){
-        this.$router.push('/Print?xtdate='+xtdate+'&xtno='+this.patient.dialysis_no);
+    },
+    print: function() {
+      var xtdate = parseTime(this.date, "{y}-{m}-{d}");
+      if (this.patient != null) {
+        this.$router.push(
+          "/Print?xtdate=" + xtdate + "&xtno=" + this.patient.dialysis_no
+        );
       }
-    },GetPatientInfoWithDiseases(id) {
-      GetPatientInfoWithDiseases(id).then(response=>{
-        if (response.data.state==1) {
-          this.patient = response.data.data.patient;
-        }else {
+    },
+    GetPatientInfoWithDiseases(id) {
+      GetPatientInfoWithDiseases(id)
+        .then(response => {
+          if (response.data.state == 1) {
+            this.patient = response.data.data.patient;
+          } else {
+            Toast.fail("网络异常");
+            return false;
+          }
+        })
+        .catch(() => {
+          // on cancel
           Toast.fail("网络异常");
           return false;
-        }
-      }).catch(() => {
-        // on cancel
-        Toast.fail("网络异常");
-        return false;
-      });
-    },jump:function (val) {
-      this.index = 2
-
+        });
+    },
+    jump: function(val) {
+      this.index = 2;
     }
   }
 };
     border-bottom: 1px #e5e5e5 solid;
     position: fixed;
     top: 0;
-    left:1.58rem;
+    left: 1.58rem;
     right: 0;
     z-index: 100;
     background: #fff;
-   
+
     .nav {
       ul {
         li {
   }
   .Tab {
     padding-top: 63px;
+    @media only screen and (max-width: 812px) {
+      padding-top: 42px !important;
+    }
   }
 }
 </style>

src/pages/main/DialysisArea.vue

 <template>
-    <div>
-       <div class="screening">
-           <ul>
-              <popover placement="bottom" >
-                <div slot="content" class="popover-demo-content">
-                  <ul>
-                    <li v-for="(zone, index) in zones" :key="zone.value" @click="handleZoneChange(index)"  :class="zone_selected == index ? 'tick' : ''">{{zone.text}}</li>
-                  </ul>
-                </div>
-               <li>{{ zones.length <= 1 && zone_selected > 0 ? "全部分区" : zones[zone_selected].text }}<span class="iconfont">&#xe74a;</span></li>
-               </popover>
-               
-               <popover placement="bottom" >  
-                <div slot="content" class="popover-demo-content">
-                  <ul>
-                    <li v-for="schedualType in schedual_types" :key="schedualType.value" @click="handletimeType(schedualType.value)" :class="schedual_type_selected == schedualType.value ? 'tick' : ''" >{{schedualType.text}}</li>
-                  </ul> 
-                </div>
-                <li>{{ schedual_types[schedual_type_selected].text}}<span class="iconfont">&#xe74a;</span></li>
-               </popover>
+  <div>
+    <div class="screening">
+      <ul>
+        <popover placement="bottom">
+          <div slot="content" class="popover-demo-content">
+            <ul>
+              <li
+                v-for="(zone, index) in zones"
+                :key="zone.value"
+                @click="handleZoneChange(index)"
+                :class="zone_selected == index ? 'tick' : ''"
+              >{{zone.text}}</li>
+            </ul>
+          </div>
+          <li>
+            {{ zones.length <= 1 && zone_selected > 0 ? "全部分区" : zones[zone_selected].text }}
+            <span
+              class="iconfont"
+            >&#xe74a;</span>
+          </li>
+        </popover>
 
-              
-               <li @click="openPicker()">{{selected_date_str}}<span class="iconfont">&#xe74a;</span></li>
-           </ul>
-       </div>
-      <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>
-        </div>
-        <div class="NoData" v-show="filtedScheduals.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
+        <popover placement="bottom">
+          <div slot="content" class="popover-demo-content">
+            <ul>
+              <li
+                v-for="schedualType in schedual_types"
+                :key="schedualType.value"
+                @click="handletimeType(schedualType.value)"
+                :class="schedual_type_selected == schedualType.value ? 'tick' : ''"
+              >{{schedualType.text}}</li>
+            </ul>
+          </div>
+          <li>
+            {{ schedual_types[schedual_type_selected].text}}
+            <span class="iconfont">&#xe74a;</span>
+          </li>
+        </popover>
 
+        <li @click="openPicker()">
+          {{selected_date_str}}
+          <span class="iconfont">&#xe74a;</span>
+        </li>
+      </ul>
+    </div>
+    <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>
       </div>
-      <mt-datetime-picker
-        v-model="selected_date"
-        ref="picker"
-        type="date"
-        year-format="{value} "
-        month-format="{value} "
-        date-format="{value} "
-        @confirm="handleScheduleDateChange">
-      </mt-datetime-picker>
-    </div>  
+      <div class="NoData" v-show="filtedScheduals.length == 0">
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
+      </div>
+    </div>
+    <mt-datetime-picker
+      v-model="selected_date"
+      ref="picker"
+      type="date"
+      year-format="{value} "
+      month-format="{value} "
+      date-format="{value} "
+      @confirm="handleScheduleDateChange"
+    ></mt-datetime-picker>
+  </div>
 </template>
 
 <script>
 }
 </style>
 
-<style>
+<style lang="scss">
 .picker-toolbar {
   height: 60px;
+  @media only screen and (max-width: 812px) {
+    height: 30px !important;
+  }
 }
 .mint-datetime-action {
   line-height: 60px;
   font-size: 0.34rem;
+  @media only screen and (max-width: 812px) {
+    line-height: 30px !important;
+  }
 }
 </style>
 

src/pages/main/add_urgent_schedule.vue

 <template>
-    <div class="mainBox">
-        <side-bar :active_index="0"></side-bar>
-        <div class="mainContent">
-            <div class="navigation">
-                <div class="goBack">
-                    <span class="back" @click="$router.back(-1)"><span class="iconfont">&#xe720;</span>返回</span>
-                </div>
-                <div class="nav">
-                    <span>临时排班</span>
-                </div>
-                <div class="goBack"></div>
-            </div>
-
-            <div class="form" v-loading="loading">
-                <van-row class="row">
-                    <van-col :span="24" class="danger_hint">
-                        本次临时排班会覆盖已有排班中的同班次、同床位的排班，请仔细检查后再提交
-                    </van-col>
-                </van-row>  
-                <van-row class="row">
-                    <van-col :span="9">
-                        <span class="title">日期：</span>
-                        <div class="field_panel">
-                            <van-field v-model="date" disabled class="field"></van-field>
-                        </div>
-                    </van-col>
-                </van-row>
-                <van-row class="row">
-                    <van-col :span="9">
-                        <span class="title">患者：</span>
-                        <div class="field_panel">
-                            <van-field ref="patient_field" @focus="selectPatientAction" :value="patient_name" class="field" left-icon="arrow-down"></van-field>
-                        </div>
-                    </van-col>
-                    <van-col :span="9">
-                        <span class="title">班次：</span>
-                        <div class="field_panel">
-                            <van-field ref="sch_type_field" @focus="selectSchTypeAction" :value="schedule_type_title" class="field" left-icon="arrow-down"></van-field>
-                        </div>
-                    </van-col>
-                </van-row>
-                <van-row class="row">
-                    <van-col :span="9">
-                        <span class="title">治疗模式：</span>
-                        <div class="field_panel">
-                            <van-field ref="mode_field" @focus="selectModeAction" :value="mode_name" class="field" left-icon="arrow-down"></van-field>
-                        </div>
-                    </van-col>
-                    <van-col :span="9">
-                        <span class="title">床位：</span>
-                        <div class="field_panel">
-                            <van-field ref="bed_field" @focus="selectBedAction" :value="bed_name" class="field" left-icon="arrow-down"></van-field>
-                        </div>
-                    </van-col>
-                </van-row>
-                <van-row class="row">
-                    <van-col :span="24">
-                        <span class="title">&nbsp;</span>
-                        <div class="field_panel">
-                            <van-button type="info" @click="submitAction">立即排班</van-button>
-                        </div>
-                    </van-col>
-                </van-row>
-            </div>
+  <div class="mainBox">
+    <side-bar :active_index="0"></side-bar>
+    <div class="mainContent">
+      <div class="navigation">
+        <div class="goBack">
+          <span class="back" @click="$router.back(-1)">
+            <span class="iconfont">&#xe720;</span>返回
+          </span>
+        </div>
+        <div class="nav">
+          <span>临时排班</span>
         </div>
+        <div class="goBack"></div>
+      </div>
 
-        <van-popup v-model="show_patient_picker" position="bottom" class="popup">
-            <van-picker :columns="patients" value-key="name" @change="didChangePatient"></van-picker>
-        </van-popup>
-        <van-popup v-model="show_mode_picker" position="bottom" class="popup">
-            <van-picker :columns="modes" value-key="name" @change="didChangeMode"></van-picker>
-        </van-popup>
-        <van-popup v-model="show_bed_picker" position="bottom" class="popup">
-            <van-picker :columns="zone_device_options" value-key="number" @change="didChangeBed"></van-picker>
-        </van-popup>
-        <van-popup v-model="show_sch_type_picker" position="bottom" class="popup">
-            <van-picker :columns="schedule_types" value-key="text" @change="didChangeSchType" ></van-picker>
-        </van-popup>
+      <div class="form" v-loading="loading">
+        <van-row class="row">
+          <van-col :span="24" class="danger_hint">本次临时排班会覆盖已有排班中的同班次、同床位的排班，请仔细检查后再提交</van-col>
+        </van-row>
+        <van-row class="row">
+          <van-col :span="9">
+            <span class="title">日期：</span>
+            <div class="field_panel">
+              <van-field v-model="date" disabled class="field"></van-field>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row class="row">
+          <van-col :span="9">
+            <span class="title">患者：</span>
+            <div class="field_panel">
+              <van-field
+                ref="patient_field"
+                @focus="selectPatientAction"
+                :value="patient_name"
+                class="field"
+                left-icon="arrow-down"
+              ></van-field>
+            </div>
+          </van-col>
+          <van-col :span="9">
+            <span class="title">班次：</span>
+            <div class="field_panel">
+              <van-field
+                ref="sch_type_field"
+                @focus="selectSchTypeAction"
+                :value="schedule_type_title"
+                class="field"
+                left-icon="arrow-down"
+              ></van-field>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row class="row">
+          <van-col :span="9">
+            <span class="title">治疗模式：</span>
+            <div class="field_panel">
+              <van-field
+                ref="mode_field"
+                @focus="selectModeAction"
+                :value="mode_name"
+                class="field"
+                left-icon="arrow-down"
+              ></van-field>
+            </div>
+          </van-col>
+          <van-col :span="9">
+            <span class="title">床位：</span>
+            <div class="field_panel">
+              <van-field
+                ref="bed_field"
+                @focus="selectBedAction"
+                :value="bed_name"
+                class="field"
+                left-icon="arrow-down"
+              ></van-field>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row class="row">
+          <van-col :span="24">
+            <span class="title">&nbsp;</span>
+            <div class="field_panel">
+              <van-button type="info" @click="submitAction">立即排班</van-button>
+            </div>
+          </van-col>
+        </van-row>
+      </div>
     </div>
+
+    <van-popup v-model="show_patient_picker" position="bottom" class="popup">
+      <van-picker :columns="patients" value-key="name" @change="didChangePatient"></van-picker>
+    </van-popup>
+    <van-popup v-model="show_mode_picker" position="bottom" class="popup">
+      <van-picker :columns="modes" value-key="name" @change="didChangeMode"></van-picker>
+    </van-popup>
+    <van-popup v-model="show_bed_picker" position="bottom" class="popup">
+      <van-picker :columns="zone_device_options" value-key="number" @change="didChangeBed"></van-picker>
+    </van-popup>
+    <van-popup v-model="show_sch_type_picker" position="bottom" class="popup">
+      <van-picker :columns="schedule_types" value-key="text" @change="didChangeSchType"></van-picker>
+    </van-popup>
+  </div>
 </template>
 
 <script>
 import SideBar from "@/pages/layout/SideBar";
-import { parseTime } from "@/utils"
-import { getUrgentScheduleInitData, postUrgentSchedule } from "@/api/dialysis"
-import { Toast, Dialog } from 'vant';
+import { parseTime } from "@/utils";
+import { getUrgentScheduleInitData, postUrgentSchedule } from "@/api/dialysis";
+import { Toast, Dialog } from "vant";
 
 export default {
-    name: "AddUrgentSchedule",
-    components: {
-        SideBar,
-    },
-    data() {
-        return {
-            loading: false,
+  name: "AddUrgentSchedule",
+  components: {
+    SideBar
+  },
+  data() {
+    return {
+      loading: false,
 
-            date: "2019-09-09",
-            patient_id: 0,
-            mode_id: 0,
-            device_id: 0,
-            schedule_type: 1,
-            zone_name: "",
+      date: "2019-09-09",
+      patient_id: 0,
+      mode_id: 0,
+      device_id: 0,
+      schedule_type: 1,
+      zone_name: "",
 
-            show_patient_picker: false,
-            show_mode_picker: false,
-            show_bed_picker: false,
-            show_sch_type_picker: false,
+      show_patient_picker: false,
+      show_mode_picker: false,
+      show_bed_picker: false,
+      show_sch_type_picker: false,
 
-            patients: [],
-            modes: [],
-            schedule_types: [
-                { value: 1, text: "上午" },
-                { value: 2, text: "下午" },
-                { value: 3, text: "晚上" },
-            ],
+      patients: [],
+      modes: [],
+      schedule_types: [
+        { value: 1, text: "上午" },
+        { value: 2, text: "下午" },
+        { value: 3, text: "晚上" }
+      ],
 
-            origin_device_numbers: [],
-            zone_device_map: {},
-            zone_names: [],
-            current_devices: [],
-            zone_device_options: [],
+      origin_device_numbers: [],
+      zone_device_map: {},
+      zone_names: [],
+      current_devices: [],
+      zone_device_options: [],
 
-            origin_schedules: [],
+      origin_schedules: []
+    };
+  },
+  computed: {
+    patient_name: function() {
+      for (let index = 0; index < this.patients.length; index++) {
+        const patient = this.patients[index];
+        if (patient.id == this.patient_id) {
+          return patient.name;
         }
+      }
+      return "";
     },
-    computed: {
-        patient_name: function() {
-            for (let index = 0; index < this.patients.length; index++) {
-                const patient = this.patients[index];
-                if (patient.id == this.patient_id) {
-                    return patient.name
-                }
-            }
-            return ""
-        },
-        mode_name: function() {
-            for (let index = 0; index < this.modes.length; index++) {
-                const mode = this.modes[index];
-                if (mode.id == this.mode_id) {
-                    return mode.name
-                }
-            }
-            return ""
-        },
-        bed_name: function() {
-            if (this.zone_name.length > 0 && this.device_id != 0) {
-                for (let index = 0; index < this.current_devices.length; index++) {
-                    const device_number = this.current_devices[index];
-                    if (device_number.id == this.device_id) {
-                        return device_number.zone.name + " - " + device_number.number
-                    }
-                }
-            }
-            return ""
-        },
-        schedule_type_title: function() {
-            for (let index = 0; index < this.schedule_types.length; index++) {
-                const type = this.schedule_types[index];
-                if (type.value == this.schedule_type) {
-                    return type.text
-                }
-            }
-            return ""
-        },
+    mode_name: function() {
+      for (let index = 0; index < this.modes.length; index++) {
+        const mode = this.modes[index];
+        if (mode.id == this.mode_id) {
+          return mode.name;
+        }
+      }
+      return "";
     },
-    mounted() {
-        var today = new Date()
-        this.date = parseTime(today, "{y}-{m}-{d}")
-
-        var hour = today.getHours()
-        if (hour > 3 && hour < 11) {
-            this.schedule_type = 1
-        } else if (hour >= 11 && hour < 18) {
-            this.schedule_type = 2
-        } else {
-            this.schedule_type = 3
+    bed_name: function() {
+      if (this.zone_name.length > 0 && this.device_id != 0) {
+        for (let index = 0; index < this.current_devices.length; index++) {
+          const device_number = this.current_devices[index];
+          if (device_number.id == this.device_id) {
+            return device_number.zone.name + " - " + device_number.number;
+          }
         }
+      }
+      return "";
+    },
+    schedule_type_title: function() {
+      for (let index = 0; index < this.schedule_types.length; index++) {
+        const type = this.schedule_types[index];
+        if (type.value == this.schedule_type) {
+          return type.text;
+        }
+      }
+      return "";
+    }
+  },
+  mounted() {
+    var today = new Date();
+    this.date = parseTime(today, "{y}-{m}-{d}");
 
-        this.loading = true
-        getUrgentScheduleInitData().then(rs => {
-            this.loading = false
-            // console.log(rs.data.data)
-            if (rs.data.state == 1) {
-                this.origin_schedules = rs.data.data.schedules
-                this.patients = rs.data.data.patients
-                this.modes = rs.data.data.modes
-                this.origin_device_numbers = rs.data.data.device_numbers
-
-                if (this.patients.length > 0) {
-                    this.patient_id = this.patients[0].id
-                }
-                if (this.modes.length > 0) {
-                    this.mode_id = this.modes[0].id
-                }
+    var hour = today.getHours();
+    if (hour > 3 && hour < 11) {
+      this.schedule_type = 1;
+    } else if (hour >= 11 && hour < 18) {
+      this.schedule_type = 2;
+    } else {
+      this.schedule_type = 3;
+    }
 
-                var zone_device_map = {}
-                for (let index = 0; index < this.origin_device_numbers.length; index++) {
-                    const device_number = this.origin_device_numbers[index];
-                    if (zone_device_map[device_number.zone.name] == null || zone_device_map[device_number.zone.name] == undefined) {
-                        zone_device_map[device_number.zone.name] = []
-                    }
-                    zone_device_map[device_number.zone.name].push(device_number)
-                }
-                this.zone_device_map = zone_device_map
+    this.loading = true;
+    getUrgentScheduleInitData()
+      .then(rs => {
+        this.loading = false;
+        // console.log(rs.data.data)
+        if (rs.data.state == 1) {
+          this.origin_schedules = rs.data.data.schedules;
+          this.patients = rs.data.data.patients;
+          this.modes = rs.data.data.modes;
+          this.origin_device_numbers = rs.data.data.device_numbers;
 
-                this.zone_names = Object.keys(this.zone_device_map)
-                if (this.zone_names.length > 0) {
-                    this.zone_name = this.zone_names[0]
-                    this.current_devices = this.zone_device_map[this.zone_name]
-                    this.device_id = this.current_devices[0].id
-                }
-                this.zone_device_options = [
-                    { values: this.zone_names },
-                    // { values: this.getDeviceNumberNames(this.current_devices) },
-                    { values: this.current_devices },
-                ]
+          if (this.patients.length > 0) {
+            this.patient_id = this.patients[0].id;
+          }
+          if (this.modes.length > 0) {
+            this.mode_id = this.modes[0].id;
+          }
 
-            } else {
-                Toast.fail(rs.data.msg)
+          var zone_device_map = {};
+          for (
+            let index = 0;
+            index < this.origin_device_numbers.length;
+            index++
+          ) {
+            const device_number = this.origin_device_numbers[index];
+            if (
+              zone_device_map[device_number.zone.name] == null ||
+              zone_device_map[device_number.zone.name] == undefined
+            ) {
+              zone_device_map[device_number.zone.name] = [];
             }
-            
-
-        }).catch(err => {
-            this.loading = false
-            Toast.fail(err)
-        })
-    },
-    methods: {
-        // getDeviceNumberNames: function(device_numbers) {
-        //     var names = []
-        //     for (let index = 0; index < device_numbers.length; index++) {
-        //         const device_number = device_numbers[index];
-        //         names.push(device_number.number)
-        //     }
-        //     return names
-        // },
-
-        selectPatientAction: function() {
-            this.$refs.patient_field.blur()
-            this.show_patient_picker = true
-        },
-        selectModeAction: function() {
-            this.$refs.mode_field.blur()
-            this.show_mode_picker = true
-        },
-        selectBedAction: function() {
-            this.$refs.bed_field.blur()
-            this.show_bed_picker = true
-        },
-        selectSchTypeAction: function() {
-            this.$refs.sch_type_field.blur()
-            this.show_sch_type_picker = true
-        },
+            zone_device_map[device_number.zone.name].push(device_number);
+          }
+          this.zone_device_map = zone_device_map;
 
-        didChangePatient: function(picker, patient, index) {
-            this.patient_id = patient.id
-        },
-        didChangeMode: function(picker, mode, index) {
-            this.mode_id = mode.id
-        },
-        didChangeBed: function(picker, values, col_index) {
-            if (col_index == 0) {
-                this.zone_name = values[0]
-                this.current_devices = this.zone_device_map[this.zone_name]
-                this.device_id = this.current_devices[0].id
-
-                picker.setColumnValues(1, this.current_devices)
+          this.zone_names = Object.keys(this.zone_device_map);
+          if (this.zone_names.length > 0) {
+            this.zone_name = this.zone_names[0];
+            this.current_devices = this.zone_device_map[this.zone_name];
+            this.device_id = this.current_devices[0].id;
+          }
+          this.zone_device_options = [
+            { values: this.zone_names },
+            // { values: this.getDeviceNumberNames(this.current_devices) },
+            { values: this.current_devices }
+          ];
+        } else {
+          Toast.fail(rs.data.msg);
+        }
+      })
+      .catch(err => {
+        this.loading = false;
+        Toast.fail(err);
+      });
+  },
+  methods: {
+    // getDeviceNumberNames: function(device_numbers) {
+    //     var names = []
+    //     for (let index = 0; index < device_numbers.length; index++) {
+    //         const device_number = device_numbers[index];
+    //         names.push(device_number.number)
+    //     }
+    //     return names
+    // },
 
-            } else if (col_index == 1) {
-                this.device_id = values[1].id
-            }
-        },
-        didChangeSchType: function(picker, sch_type, index) {
-            this.schedule_type = sch_type.value
-        },
+    selectPatientAction: function() {
+      this.$refs.patient_field.blur();
+      this.show_patient_picker = true;
+    },
+    selectModeAction: function() {
+      this.$refs.mode_field.blur();
+      this.show_mode_picker = true;
+    },
+    selectBedAction: function() {
+      this.$refs.bed_field.blur();
+      this.show_bed_picker = true;
+    },
+    selectSchTypeAction: function() {
+      this.$refs.sch_type_field.blur();
+      this.show_sch_type_picker = true;
+    },
 
-        submitAction: function() {
-            if (this.patient_id == 0 || this.mode_id == 0 || this.device_id == 0) {
-                Toast.fail("请选择班次、床位等")
-                return
-            }
+    didChangePatient: function(picker, patient, index) {
+      this.patient_id = patient.id;
+    },
+    didChangeMode: function(picker, mode, index) {
+      this.mode_id = mode.id;
+    },
+    didChangeBed: function(picker, values, col_index) {
+      if (col_index == 0) {
+        this.zone_name = values[0];
+        this.current_devices = this.zone_device_map[this.zone_name];
+        this.device_id = this.current_devices[0].id;
 
-            var repeated = false
-            for (let index = 0; index < this.origin_schedules.length; index++) {
-                const schedule = this.origin_schedules[index];
-                if (schedule.bed_id == this.device_id && this.schedule_type == schedule.schedule_type) {
-                    repeated = true
-                    break
-                }
-            }
-            if (repeated) {
-                Dialog.confirm({
-                    title: '提醒',
-                    message: '你选择的床位已经被排班，确认要替换吗？'
-                }).then(() => {
-                    // on confirm
-                    this.submit()
-                }).catch(() => {
-                    // on cancel
-                });
-            } else {
-                this.submit()
-            }
-        },
-        submit: function() {
-            var params = {
-                patient_id: this.patient_id,
-                mode: this.mode_id,
-                schedule_type: this.schedule_type,
-                bed: this.device_id,
-            }
-            this.loading = true
-            postUrgentSchedule(params).then(rs => {
-                this.loading = false
-                var resp = rs.data
-                if (resp.state == 1) {
-                    console.log(resp.data)
-                    var patient = resp.data.patient
-                    var schedule = resp.data.schedule
-                    this.$router.push({ path: "/details", query: {patient_id: patient.id, date: schedule.schedule_date, patient_name: patient.name}})
+        picker.setColumnValues(1, this.current_devices);
+      } else if (col_index == 1) {
+        this.device_id = values[1].id;
+      }
+    },
+    didChangeSchType: function(picker, sch_type, index) {
+      this.schedule_type = sch_type.value;
+    },
 
-                } else {
-                    Toast.fail(resp.msg)
-                }
+    submitAction: function() {
+      if (this.patient_id == 0 || this.mode_id == 0 || this.device_id == 0) {
+        Toast.fail("请选择班次、床位等");
+        return;
+      }
 
-            }).catch(err => {
-                this.loading = false
-                Toast.fail("err")
-            })
+      var repeated = false;
+      for (let index = 0; index < this.origin_schedules.length; index++) {
+        const schedule = this.origin_schedules[index];
+        if (
+          schedule.bed_id == this.device_id &&
+          this.schedule_type == schedule.schedule_type
+        ) {
+          repeated = true;
+          break;
         }
+      }
+      if (repeated) {
+        Dialog.confirm({
+          title: "提醒",
+          message: "你选择的床位已经被排班，确认要替换吗？"
+        })
+          .then(() => {
+            // on confirm
+            this.submit();
+          })
+          .catch(() => {
+            // on cancel
+          });
+      } else {
+        this.submit();
+      }
+    },
+    submit: function() {
+      var params = {
+        patient_id: this.patient_id,
+        mode: this.mode_id,
+        schedule_type: this.schedule_type,
+        bed: this.device_id
+      };
+      this.loading = true;
+      postUrgentSchedule(params)
+        .then(rs => {
+          this.loading = false;
+          var resp = rs.data;
+          if (resp.state == 1) {
+            console.log(resp.data);
+            var patient = resp.data.patient;
+            var schedule = resp.data.schedule;
+            this.$router.push({
+              path: "/details",
+              query: {
+                patient_id: patient.id,
+                date: schedule.schedule_date,
+                patient_name: patient.name
+              }
+            });
+          } else {
+            Toast.fail(resp.msg);
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          Toast.fail("err");
+        });
     }
-}
+  }
+};
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>
 .mainContent {
-    position: relative;
-    .navigation {
-        padding: 0.3rem 0.36rem;
-        border-bottom: 1px #e5e5e5 solid;
-        // position: fixed;
-        // top: 0;
-        // left:1.58rem;
-        // right: 0;
-        z-index: 100;
-        background: #fff;
-        .goBack {
-            float: left;
-            .back {
-                color: $main-color;
-                margin-right: 0.87rem;
-                .iconfont {
-                    color: $main-color;
-                }
-            }
-        }
-        .nav {
-            text-align: center;
-            font-size: 0.36rem;
+  position: relative;
+  .navigation {
+    padding: 0.3rem 0.36rem;
+    border-bottom: 1px #e5e5e5 solid;
+    // position: fixed;
+    // top: 0;
+    // left:1.58rem;
+    // right: 0;
+    z-index: 100;
+    background: #fff;
+    .goBack {
+      float: left;
+      .back {
+        color: $main-color;
+        margin-right: 0.87rem;
+        .iconfont {
+          color: $main-color;
         }
+      }
     }
+    .nav {
+      text-align: center;
+      font-size: 0.36rem;
+    }
+  }
 
-    .form {
-        padding: 10px 10px;
-        .row {
-            padding: 5px 0;
-            .title {
-                color: #8f8f8f;
-                margin-right: 5px;
-                text-align: right;
-                font-size: 16px;
-                line-height: 45px;
-                width: 80px;
-                float: left;
-            }
-            .field_panel {
-                display: inline-block;
-                .field {
-                    padding: 0 0; 
-                    font-size: 18px; 
-                    line-height: 45px;
-                    width: 180px;
-                }
-            }
-
-            .danger_hint {
-                font-size: 0.34rem;
-                line-height: 40px;
-                text-align: center;
-                color: red;
-            }
+  .form {
+    padding: 10px 10px;
+    .row {
+      padding: 5px 0;
+      .title {
+        color: #8f8f8f;
+        margin-right: 5px;
+        text-align: right;
+        font-size: 16px;
+        line-height: 45px;
+        width: 80px;
+        float: left;
+      }
+      .field_panel {
+        display: inline-block;
+        .field {
+          padding: 0 0;
+          font-size: 18px;
+          line-height: 45px;
+          width: 180px;
+          @media only screen and (max-width: 812px) {
+            width: 100px;
+          }
         }
+      }
+
+      .danger_hint {
+        font-size: 0.34rem;
+        line-height: 40px;
+        text-align: center;
+        color: red;
+      }
     }
+  }
 }
 .popup {
-    border-radius: 0 !important;
-    top: initial !important;
+  border-radius: 0 !important;
+  top: initial !important;
 }
 </style>
 

src/pages/main/dialysis/AdviceTable.vue

             v-model="queryParams.keywords"
             @change="searchKey()"
             placeholder="搜索"
-          >
+          />
         </li>
       </ul>
     </div>
               <span v-if="advice.advice_type == 1">长嘱</span>
               <span v-if="advice.advice_type == 2">临嘱</span>
               <span v-if="advice.advice_type == 3">临嘱</span>
-
-
             </td>
 
-            <td v-if="advice_index == 0" :rowspan="group.advices.length">{{ parseTime(advice.start_time, "{m}-{d} {h}:{i}") }}</td>
-            <td :class="{ 'advice_name': advice.parent_id == 0, 'subdrug_name': advice.parent_id > 0 }">{{ advice.advice_name }}</td>
+            <td
+              v-if="advice_index == 0"
+              :rowspan="group.advices.length"
+            >{{ parseTime(advice.start_time, "{m}-{d} {h}:{i}") }}</td>
+            <td
+              :class="{ 'advice_name': advice.parent_id == 0, 'subdrug_name': advice.parent_id > 0 }"
+            >{{ advice.advice_name }}</td>
             <!-- <td>{{ advice.drug_spec }} {{ advice.drug_spec_unit }} * {{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</td> -->
             <td>{{ advice.advice_desc }}</td>
             <td>{{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</td>
             <td>{{ advice.parent_id == 0 ? advice.delivery_way : "" }}</td>
             <td>{{ advice.parent_id == 0 ? advice.execution_frequency : "" }}</td>
 
-            <td v-if="advice_index == 0" :rowspan="group.advices.length">{{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}</td>
-            <td  v-if="advice_index == 0" :rowspan="group.advices.length">
-              <span v-if="advice.stop_state == 1 && advice.parent_id == 0">{{ tranDoctor(advice.execution_staff) }}</span>
+            <td
+              v-if="advice_index == 0"
+              :rowspan="group.advices.length"
+            >{{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}</td>
+            <td v-if="advice_index == 0" :rowspan="group.advices.length">
+              <span
+                v-if="advice.stop_state == 1 && advice.parent_id == 0"
+              >{{ tranDoctor(advice.execution_staff) }}</span>
             </td>
 
-
-
             <td v-if="advice_index == 0" :rowspan="group.advices.length">
-              <span v-if="advice.stop_state == 1 && advice.parent_id == 0">{{ tranDoctor(advice.advice_doctor) }}</span>
+              <span
+                v-if="advice.stop_state == 1 && advice.parent_id == 0"
+              >{{ tranDoctor(advice.advice_doctor) }}</span>
             </td>
-            <td v-if="advice_index == 0" :rowspan="group.advices.length">{{ parseTime(advice.created_time, "{m}-{d} {h}:{i}") }}</td>
+            <td
+              v-if="advice_index == 0"
+              :rowspan="group.advices.length"
+            >{{ parseTime(advice.created_time, "{m}-{d} {h}:{i}") }}</td>
 
             <td v-if="advice_index == 0" :rowspan="group.advices.length">
-              <span v-if="advice.stop_state == 1 && advice.parent_id == 0">{{ tranDoctor(advice.checker) }}</span>
+              <span
+                v-if="advice.stop_state == 1 && advice.parent_id == 0"
+              >{{ tranDoctor(advice.checker) }}</span>
             </td>
-            <td v-if="advice_index == 0" :rowspan="group.advices.length">{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
+            <td
+              v-if="advice_index == 0"
+              :rowspan="group.advices.length"
+            >{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
 
             <!-- <td>{{ advice.remark }}</td> -->
-            <td v-if="advice_index == 0" :rowspan="group.advices.length">{{ advice.stop_state == 1 && advice.parent_id == 0 ? parseTime(advice.stop_time, "{y}-{m}-{d} {h}:{i}") : "" }}</td>
+            <td
+              v-if="advice_index == 0"
+              :rowspan="group.advices.length"
+            >{{ advice.stop_state == 1 && advice.parent_id == 0 ? parseTime(advice.stop_time, "{y}-{m}-{d} {h}:{i}") : "" }}</td>
             <td v-if="advice_index == 0" :rowspan="group.advices.length">
               <span v-if="advice.stop_state == 1 && advice.parent_id == 0">{{ advice.stop_reason }}</span>
             </td>
-            <td  v-if="advice_index == 0" :rowspan="group.advices.length">
-              <span v-if="advice.stop_state == 1 && advice.parent_id == 0">{{ tranDoctor(advice.stop_doctor) }}</span>
+            <td v-if="advice_index == 0" :rowspan="group.advices.length">
+              <span
+                v-if="advice.stop_state == 1 && advice.parent_id == 0"
+              >{{ tranDoctor(advice.stop_doctor) }}</span>
             </td>
 
             <td class="advice_name">
               <span class="xg" @click="modifyAdviceAction(group_index, advice_index)">
                 <span class="iconfont">&#xe6f7;</span>修改医嘱
               </span>
-              <span class="xg" v-if="advice.parent_id == 0 && advice.stop_state != 1" @click="stopAdviceAction(group_index, advice_index)">
+              <span
+                class="xg"
+                v-if="advice.parent_id == 0 && advice.stop_state != 1"
+                @click="stopAdviceAction(group_index, advice_index)"
+              >
                 <span class="iconfont">&#xe64c;</span>停止医嘱
               </span>
               <span class="sc" @click="deleteAdviceAction(group_index, advice_index)">
                 <span class="iconfont">&#xe6f8;</span>删除医嘱
               </span>
-              <span class="xg" v-if="advice.parent_id == 0 && advice.stop_state != 1" @click="addSubdrugAction(group_index, advice_index)">
+              <span
+                class="xg"
+                v-if="advice.parent_id == 0 && advice.stop_state != 1"
+                @click="addSubdrugAction(group_index, advice_index)"
+              >
                 <span class="iconfont">&#xe604;</span>添加子药
               </span>
             </td>
               <span class="iconfont">&#xe604;</span>添加医嘱
             </span>
           </td>
-        </tr> -->
+        </tr>-->
       </table>
       <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
       <div class="NoData" v-show="advice_groups.length == 0">
-        <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>
     <mt-datetime-picker
         :single_dose_unit_options="unitsOption"
         :prescribing_number_unit_options="unitsOption"
       ></advice-form>
-      
+
       <modify-advice-form
         ref="modify_advice_form"
         @back="showPopup = false"
         v-on:menu-cancle="menuCancle"
         v-on:menu-comfirm="menuComfirm"
         :propsForm="propForm"
-      ></check-box-sub-menu> -->
+      ></check-box-sub-menu>-->
     </van-popup>
     <van-popup title="停止医嘱" v-model="stopPopup" :overlay="true" :close-on-click-overlay="false">
       <div class="Dialog" v-show="showForm">
   components: {
     CheckBoxSubMenu,
     AdviceForm,
-    ModifyAdviceForm,
+    ModifyAdviceForm
   },
   data() {
     return {
         stop_time: "",
         stop_reason: "",
         group_index: -1,
-        advice_index: -1,
+        advice_index: -1
       },
       record_date: "",
       patient_id: 0,
 
       new_subdrug_context: {
         group_index: -1,
-        advice_index: -1,
+        advice_index: -1
       },
       modify_advice_context: {
         group_index: -1,
-        advice_index: -1,
-      },
+        advice_index: -1
+      }
     };
   },
   methods: {
         message: "确认删除这条医嘱吗?"
       }).then(() => {
         Toast.loading({ forbidClick: true, duration: 0 });
-        var group_no = 0
-        var advice_id = this.advice_groups[group_index].advices[advice_index].id
-        DeleteDoctorAdviceNew(group_no, advice_id).then(rs => {
-          if (rs.data.state == 1) {
-            var group = this.advice_groups[group_index]
-            var advice = group.advices[advice_index];
-            if (advice.parent_id > 0) {
-              group.advices.splice(advice_index, 1);
-            } else {
-              var child_count = 0;
-              for (
-                let index = advice_index + 1;
-                index < group.advices.length;
-                index++
-              ) {
-                const adv = group.advices[index];
-                if (adv.parent_id == advice.id) {
-                  child_count++;
+        var group_no = 0;
+        var advice_id = this.advice_groups[group_index].advices[advice_index]
+          .id;
+        DeleteDoctorAdviceNew(group_no, advice_id)
+          .then(rs => {
+            if (rs.data.state == 1) {
+              var group = this.advice_groups[group_index];
+              var advice = group.advices[advice_index];
+              if (advice.parent_id > 0) {
+                group.advices.splice(advice_index, 1);
+              } else {
+                var child_count = 0;
+                for (
+                  let index = advice_index + 1;
+                  index < group.advices.length;
+                  index++
+                ) {
+                  const adv = group.advices[index];
+                  if (adv.parent_id == advice.id) {
+                    child_count++;
+                  }
                 }
+                group.advices.splice(advice_index, child_count + 1);
               }
-              group.advices.splice(
-                advice_index,
-                child_count + 1
-              );
-            }
-            if (group.advices.length == 0) {
-              this.advice_groups.splice(group_index, 1);
+              if (group.advices.length == 0) {
+                this.advice_groups.splice(group_index, 1);
+              }
+              Toast.success("删除成功");
+            } else {
+              Toast.fail(rs.data.msg);
             }
-            Toast.success("删除成功")
-
-          } else {
-            Toast.fail(rs.data.msg);
-          }
-        }).catch(err => {
-          Toast.fail(err);
-        })
-      })
+          })
+          .catch(err => {
+            Toast.fail(err);
+          });
+      });
     },
     deleteResetData(index, row) {
       if (row.parent_id > 0) {
     //   this.stopPopup = true;
     // },
     stopAdviceAction: function(group_index, advice_index) {
-      var group = this.advice_groups[group_index]
-      var advice = group.advices[advice_index]
+      var group = this.advice_groups[group_index];
+      var advice = group.advices[advice_index];
       if (advice.stop_state == 1) {
         Toast("医嘱已停止");
-        return
+        return;
       }
 
       this.stopForm.id = advice.parent_id > 0 ? advice.parent_id : advice.id;
       StopDoctorAdvice(this.stopForm.id, {
         id: this.stopForm.id,
         stop_time: this.stopForm.stop_time,
-        stop_reason: this.stopForm.stop_reason,
+        stop_reason: this.stopForm.stop_reason
       }).then(response => {
         if (response.data.state == 0) {
           Toast.fail(response.data.msg);
         } else {
           Toast.success("医嘱停止成功");
 
-          var group_index = this.stopForm.group_index
-          var advice_index = this.stopForm.advice_index
-          var group = this.advice_groups[group_index]
-          var advice = group.advices[advice_index]
-          for (let index = advice_index; index < group.advices.length; index++) {
+          var group_index = this.stopForm.group_index;
+          var advice_index = this.stopForm.advice_index;
+          var group = this.advice_groups[group_index];
+          var advice = group.advices[advice_index];
+          for (
+            let index = advice_index;
+            index < group.advices.length;
+            index++
+          ) {
             const adv = group.advices[index];
             if (adv.id == advice.id || adv.parent_id == advice.id) {
               adv.stop_state = 1;
       });
     },
     parseTime: function(time, layout) {
-      if(time == 0){
-        return ""
+      if (time == 0) {
+        return "";
       }
-      return parseTime(time, layout)
+      return parseTime(time, layout);
     },
     openEdit(index, item) {
       if (item.advice_type == 1) {
       this.stopPopup = false;
     },
     modifyAdviceAction: function(group_index, advice_index) {
-      var group = this.advice_groups[group_index]
-      var advice = group.advices[advice_index]
+      var group = this.advice_groups[group_index];
+      var advice = group.advices[advice_index];
       if (advice.advice_type == 1) {
         Toast("长期医嘱不能修改");
         return;
         return;
       }
 
-      this.modify_advice_context.group_index = group_index
-      this.modify_advice_context.advice_index = advice_index
+      this.modify_advice_context.group_index = group_index;
+      this.modify_advice_context.advice_index = advice_index;
 
       this.showPopup = true;
       this.$nextTick(() => {
           single_dose_unit: advice.single_dose_unit,
           prescribing_number: advice.prescribing_number,
           prescribing_number_unit: advice.prescribing_number_unit
-        })
-      })
+        });
+      });
     },
     didModifyAdvice: function(advice) {
       Toast.loading({ forbidClick: true, duration: 0 });
         } else {
           Toast.success("修改成功");
 
-          var resp_advice = response.data.data.advice
-          var group_index = this.modify_advice_context.group_index
-          var advice_index = this.modify_advice_context.advice_index
-          var group = this.advice_groups[group_index]
-          var advice = group.advices[advice_index]
+          var resp_advice = response.data.data.advice;
+          var group_index = this.modify_advice_context.group_index;
+          var advice_index = this.modify_advice_context.advice_index;
+          var group = this.advice_groups[group_index];
+          var advice = group.advices[advice_index];
 
-          advice.advice_name = resp_advice.advice_name
-          advice.advice_desc = resp_advice.advice_desc
+          advice.advice_name = resp_advice.advice_name;
+          advice.advice_desc = resp_advice.advice_desc;
           // advice.drug_spec = resp_advice.drug_spec
           // advice.drug_spec_unit = resp_advice.drug_spec_unit,
-          advice.delivery_way = resp_advice.delivery_way,
-          advice.execution_frequency = resp_advice.execution_frequency,
-          advice.single_dose = resp_advice.single_dose,
-          advice.single_dose_unit = resp_advice.single_dose_unit,
-          advice.prescribing_number = resp_advice.prescribing_number,
-          advice.prescribing_number_unit = resp_advice.prescribing_number_unit
+          (advice.delivery_way = resp_advice.delivery_way),
+            (advice.execution_frequency = resp_advice.execution_frequency),
+            (advice.single_dose = resp_advice.single_dose),
+            (advice.single_dose_unit = resp_advice.single_dose_unit),
+            (advice.prescribing_number = resp_advice.prescribing_number),
+            (advice.prescribing_number_unit =
+              resp_advice.prescribing_number_unit);
 
           // for (let index = 0; index < group.advices.length; index++) {
           //   const advice = group.advices[index];
           //   }
           // }
 
-          this.$refs.modify_advice_form.dismiss()
-          this.modify_advice_context.group_index = -1
-          this.modify_advice_context.advice_index = -1
+          this.$refs.modify_advice_form.dismiss();
+          this.modify_advice_context.group_index = -1;
+          this.modify_advice_context.advice_index = -1;
           this.popupDidHide();
           return false;
         }
-      })
+      });
     },
     submitEditAdvice() {
       if (this.adviceForm.advice_name.length == 0) {
       });
     },
     addSubdrugAction: function(group_index, advice_index) {
-      var group = this.advice_groups[group_index]
-      var advice = group.advices[advice_index]
+      var group = this.advice_groups[group_index];
+      var advice = group.advices[advice_index];
       this.showPopup = true;
-      this.new_subdrug_context.group_index = group_index
-      this.new_subdrug_context.advice_index = advice_index
+      this.new_subdrug_context.group_index = group_index;
+      this.new_subdrug_context.advice_index = advice_index;
 
       this.$nextTick(() => {
         this.$refs.subdrug_form.showWithNewSubDrug(
           advice.delivery_way,
           advice.execution_frequency
         );
-      })
+      });
     },
     didAddSubdrug: function(subdrug) {
       Toast.loading({ forbidClick: true, duration: 0 });
         single_dose: String(subdrug.single_dose),
         single_dose_unit: subdrug.single_dose_unit,
         prescribing_number: String(subdrug.prescribing_number),
-        prescribing_number_unit: subdrug.prescribing_number_unit,
-      }).then(rs => {
-        if (rs.data.state == 0) {
-          Toast.fail(rs.data.msg);
-        } else {
-          Toast.success("添加成功");
-          var resp_advice = rs.data.data.advice;
-          var group_index = this.new_subdrug_context.group_index
-          var advice_index = this.new_subdrug_context.advice_index
-          var group = this.advice_groups[group_index]
-
-          var insert_index = -1;
-          var last_child_index = -1;
-          for (let index = advice_index + 1; index < group.advices.length; index++) {
-            const advice = group.advices[index];
-            if (resp_advice.parent_id != advice.parent_id) {
-              insert_index = index;
-              break;
-            } else {
-              last_child_index = index;
+        prescribing_number_unit: subdrug.prescribing_number_unit
+      })
+        .then(rs => {
+          if (rs.data.state == 0) {
+            Toast.fail(rs.data.msg);
+          } else {
+            Toast.success("添加成功");
+            var resp_advice = rs.data.data.advice;
+            var group_index = this.new_subdrug_context.group_index;
+            var advice_index = this.new_subdrug_context.advice_index;
+            var group = this.advice_groups[group_index];
+
+            var insert_index = -1;
+            var last_child_index = -1;
+            for (
+              let index = advice_index + 1;
+              index < group.advices.length;
+              index++
+            ) {
+              const advice = group.advices[index];
+              if (resp_advice.parent_id != advice.parent_id) {
+                insert_index = index;
+                break;
+              } else {
+                last_child_index = index;
+              }
             }
-          }
-          if (insert_index < 0) {
-            if (last_child_index < 0) {
-              group.advices.splice(advice_index + 1, 0, resp_advice);
+            if (insert_index < 0) {
+              if (last_child_index < 0) {
+                group.advices.splice(advice_index + 1, 0, resp_advice);
+              } else {
+                group.advices.splice(last_child_index + 1, 0, resp_advice);
+              }
             } else {
-              group.advices.splice(last_child_index + 1, 0, resp_advice);
+              group.advices.splice(insert_index, 0, resp_advice);
             }
-          } else {
-            group.advices.splice(insert_index, 0, resp_advice);
-          }
 
-          this.$refs.subdrug_form.dismiss();
-          this.new_subdrug_context.group_index = -1
-          this.new_subdrug_context.advice_index = -1
-          this.popupDidHide();
-        }
-      }).catch(err => {
-        Toast.fail(err);
-      })
+            this.$refs.subdrug_form.dismiss();
+            this.new_subdrug_context.group_index = -1;
+            this.new_subdrug_context.advice_index = -1;
+            this.popupDidHide();
+          }
+        })
+        .catch(err => {
+          Toast.fail(err);
+        });
     },
     // submitNewAdvice() {
     //   if (this.adviceForm.advice_name.length == 0) {
             this.queryParams.need_doctor = 0;
           }
 
-          var resp_advices = response.data.data.advices
+          var resp_advices = response.data.data.advices;
           if (resp_advices.length > 0) {
             var newGroupObject = function() {
-              return Object.assign({}, {
-                group_no: 0,
-                advices: [],
-              })
-            }
+              return Object.assign(
+                {},
+                {
+                  group_no: 0,
+                  advices: []
+                }
+              );
+            };
             var initGroupBlock = function(group, advice) {
-              group.group_no = advice.groupno
-            }
+              group.group_no = advice.groupno;
+            };
 
-            var advice_groups = []
-            var group = newGroupObject()
+            var advice_groups = [];
+            var group = newGroupObject();
             for (let index = 0; index < resp_advices.length; index++) {
               const advice = resp_advices[index];
-              if (advice.groupno == 0) { // 老版本的医嘱
+              if (advice.groupno == 0) {
+                // 老版本的医嘱
                 if (advice.parent_id > 0) {
                   if (advice_groups.length > 0) {
-                    var parent_group = advice_groups[advice_groups.length - 1]
+                    var parent_group = advice_groups[advice_groups.length - 1];
                     if (parent_group.advices.length > 0) {
                       if (parent_group.advices[0].id == advice.parent_id) {
-                        parent_group.advices.push(advice)
+                        parent_group.advices.push(advice);
                       }
                     }
                   }
-                  continue
-
+                  continue;
                 } else {
                   if (group.group_no > 0) {
-                    advice_groups.push(group)
-                    group = newGroupObject()
+                    advice_groups.push(group);
+                    group = newGroupObject();
                   }
-                    
-                  initGroupBlock(group, advice)
-                  group.advices.push(advice)
-                  advice_groups.push(group)
-                  group = newGroupObject()
-                  continue
-                }
 
+                  initGroupBlock(group, advice);
+                  group.advices.push(advice);
+                  advice_groups.push(group);
+                  group = newGroupObject();
+                  continue;
+                }
               } else {
                 if (group.group_no > 0 && group.group_no != advice.groupno) {
-                  advice_groups.push(group)
-                  group = newGroupObject()
+                  advice_groups.push(group);
+                  group = newGroupObject();
                 }
                 if (group.group_no == 0) {
-                  initGroupBlock(group, advice)
+                  initGroupBlock(group, advice);
                 }
                 if (group.group_no == advice.groupno) {
-                  group.advices.push(advice)
+                  group.advices.push(advice);
                 }
               }
             }
-            if (group.group_no > 0) { // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
-              advice_groups.push(group)
+            if (group.group_no > 0) {
+              // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
+              advice_groups.push(group);
             }
-            this.advice_groups = advice_groups
+            this.advice_groups = advice_groups;
           } else {
-            this.advice_groups = []
+            this.advice_groups = [];
           }
           // var sl = response.data.data.advices.length;
           // for (let index = 0; index < sl; index++) {
     for (var index in this.unitsOption) {
       this.unitsObj[this.unitsOption[index].id] = this.unitsOption[index];
     }
-  },
+  }
 };
 </script>
 
       @include justify-content-between;
       .iconfont {
         margin: 0 0.1rem;
+        @media only screen and (max-width: 812px) {
+          font-size: 12px !important;
+        }
       }
       .line {
         background: #a8b3ba;
       @include align-items-center;
       @include text-align;
       padding-left: 15px;
-      .iconfont{
+      .iconfont {
         font-size: 0.42rem;
       }
       input {

src/pages/main/dialysis/MissionTable.vue

 <template>
-    <div>
-        <div class="choice">
-          <ul>
-            <li>日期查询：
-              <div @click="openStartPicker" class="">{{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}<span class="iconfont">&#xe74a;</span> </div>
-              <span class="line">  </span>
-              <div @click="openEndPicker" class="">{{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}<span class="iconfont">&#xe74a;</span> </div>
-            </li>
-          </ul>
-        </div>
-        <div class="blueBorder"></div>
-      <van-list
-        width="100%"
-        v-model="loading"
-        :finished="finished"
-        @load="onLoad"
-      >
-           <div class="tableTit " >
-                <ul>
-                    <li style="width:10%;">序号</li>
-                    <li style="width:15%;">日期</li>
-                    <li style="width:75%;">宣教内容</li>
-                </ul>
-            </div>
-            <div class="tableDate" >
-                <ul v-for="(item,index) in tableDate" :key="index" :value="item.value">
-                    <li style="width:10%;">{{index+1}}</li>
-                    <li style="width:15%;">{{parseTime(item.assessment_date, "{y}-{m}-{d}")}}</li>
-                    <li style="width:75%;">{{item.mission}}</li>
-                </ul>
-         </div>
-          <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
-        <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
-
-      </van-list>
-
-
-
-      <mt-datetime-picker
-        ref="start_date_picker"
-        type="date"
-        @confirm="handleStartDateConfirm"
-        :endDate="new Date()"
-        v-model="startTime">
-      </mt-datetime-picker>
+  <div>
+    <div class="choice">
+      <ul>
+        <li>
+          日期查询：
+          <div @click="openStartPicker" class>
+            {{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}
+            <span class="iconfont">&#xe74a;</span>
+          </div>
+          <span class="line"></span>
+          <div @click="openEndPicker" class>
+            {{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}
+            <span class="iconfont">&#xe74a;</span>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="blueBorder"></div>
+    <van-list width="100%" v-model="loading" :finished="finished" @load="onLoad">
+      <div class="tableTit">
+        <ul>
+          <li style="width:10%;">序号</li>
+          <li style="width:15%;">日期</li>
+          <li style="width:75%;">宣教内容</li>
+        </ul>
+      </div>
+      <div class="tableDate">
+        <ul v-for="(item,index) in tableDate" :key="index" :value="item.value">
+          <li style="width:10%;">{{index+1}}</li>
+          <li style="width:15%;">{{parseTime(item.assessment_date, "{y}-{m}-{d}")}}</li>
+          <li style="width:75%;">{{item.mission}}</li>
+        </ul>
+      </div>
+      <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
+      <div class="NoData" v-show="tableDate.length == 0">
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
+      </div>
+    </van-list>
 
-      <mt-datetime-picker
-        ref="end_date_picker"
-        type="date"
-        @confirm="handleEndDateConfirm"
-        :endDate="new Date()"
-        v-model="endTime">
-      </mt-datetime-picker>
+    <mt-datetime-picker
+      ref="start_date_picker"
+      type="date"
+      @confirm="handleStartDateConfirm"
+      :endDate="new Date()"
+      v-model="startTime"
+    ></mt-datetime-picker>
 
-     
-    </div>
+    <mt-datetime-picker
+      ref="end_date_picker"
+      type="date"
+      @confirm="handleEndDateConfirm"
+      :endDate="new Date()"
+      v-model="endTime"
+    ></mt-datetime-picker>
+  </div>
 </template>
 
 <script>
-  import {parseTime} from "@/utils"
-  import {getAllEducationList} from '@/api/patient';
+import { parseTime } from "@/utils";
+import { getAllEducationList } from "@/api/patient";
 
-  import { Popover } from "vux";
+import { Popover } from "vux";
 export default {
   name: "LongTable",
-  created(){
-    this.tableDate=[]
-
+  created() {
+    this.tableDate = [];
 
-    this.queryParams.start_time = this.parseTime(new Date().getTime() / 1000, "{y}-{m}-{d}")
-    this.queryParams.end_time = this.parseTime(new Date().getTime() / 1000, "{y}-{m}-{d}")
-    this.queryParams.patient_id = this.$route.query.patient_id
-    this.queryParams.page = this.queryParams.page + 1
-    this.queryParams.limit = 15
-    this.tableDate=[]
+    this.queryParams.start_time = this.parseTime(
+      new Date().getTime() / 1000,
+      "{y}-{m}-{d}"
+    );
+    this.queryParams.end_time = this.parseTime(
+      new Date().getTime() / 1000,
+      "{y}-{m}-{d}"
+    );
+    this.queryParams.patient_id = this.$route.query.patient_id;
+    this.queryParams.page = this.queryParams.page + 1;
+    this.queryParams.limit = 15;
+    this.tableDate = [];
 
-    getAllEducationList(this.queryParams).then(response =>{
-      if(response.data.state == 0){
+    getAllEducationList(this.queryParams).then(response => {
+      if (response.data.state == 0) {
         return false;
-      }else{
-        if(response.data.data.total == 0){
-        }else{
-          for(let i = 0; i < response.data.data.edus.length;i++){
-            this.tableDate.push(response.data.data.edus[i])
+      } else {
+        if (response.data.data.total == 0) {
+        } else {
+          for (let i = 0; i < response.data.data.edus.length; i++) {
+            this.tableDate.push(response.data.data.edus[i]);
           }
         }
       }
     });
-
   },
   data() {
     return {
       endTime: new Date(),
 
       queryParams: {
-        mode_id: '',
+        mode_id: "",
         start_time: "",
         end_time: "",
         page: 0,
         patient_id: 0,
-        limit: 15,
-      },
-
+        limit: 15
+      }
     };
-  },  methods: {
+  },
+  methods: {
     parseTime(time, layout) {
-      return parseTime(time, layout)
-    },onLoad() {
-      this.queryParams.start_time = this.parseTime(this.startTime.getTime()/1000, "{y}-{m}-{d}")
-      this.queryParams.end_time = this.parseTime(this.endTime.getTime()/1000, "{y}-{m}-{d}")
-      this.queryParams.patient_id = this.$route.query.patient_id
-      this.queryParams.page = this.queryParams.page + 1
-      this.queryParams.limit = 15
+      return parseTime(time, layout);
+    },
+    onLoad() {
+      this.queryParams.start_time = this.parseTime(
+        this.startTime.getTime() / 1000,
+        "{y}-{m}-{d}"
+      );
+      this.queryParams.end_time = this.parseTime(
+        this.endTime.getTime() / 1000,
+        "{y}-{m}-{d}"
+      );
+      this.queryParams.patient_id = this.$route.query.patient_id;
+      this.queryParams.page = this.queryParams.page + 1;
+      this.queryParams.limit = 15;
 
-      getAllEducationList(params).then(response =>{
-        if(response.data.state == 0){
+      getAllEducationList(params).then(response => {
+        if (response.data.state == 0) {
           this.finished = true;
           this.loading = false;
           return false;
-        }else{
-          if(response.data.data.edus.length == 0){
+        } else {
+          if (response.data.data.edus.length == 0) {
             this.finished = true;
             this.loading = false;
-
-          }else{
-            for(let i = 0; i < response.data.data.edus.length;i++){
-              this.tableDate.push(response.data.data.edus[i])
+          } else {
+            for (let i = 0; i < response.data.data.edus.length; i++) {
+              this.tableDate.push(response.data.data.edus[i]);
             }
             this.loading = false;
           }
         }
       });
-
-
     },
-    handleStartDateConfirm: function (val) {
-      this.queryParams.start_time = this.parseTime(this.startTime / 1000, "{y}-{m}-{d}")
-      this.queryParams.end_time = this.parseTime(this.endTime / 1000, "{y}-{m}-{d}")
-      this.queryParams.page =  1
-      this.queryParams.limit = 15
-
-      this.getRecordList(this.queryParams)
-
+    handleStartDateConfirm: function(val) {
+      this.queryParams.start_time = this.parseTime(
+        this.startTime / 1000,
+        "{y}-{m}-{d}"
+      );
+      this.queryParams.end_time = this.parseTime(
+        this.endTime / 1000,
+        "{y}-{m}-{d}"
+      );
+      this.queryParams.page = 1;
+      this.queryParams.limit = 15;
 
+      this.getRecordList(this.queryParams);
     },
-    handleEndDateConfirm: function (val) {
-      this.queryParams.start_time = this.parseTime(this.startTime / 1000, "{y}-{m}-{d}")
-      this.queryParams.end_time = this.parseTime(this.endTime / 1000, "{y}-{m}-{d}")
-      this.queryParams.page =  1
-      this.queryParams.limit = 15
-      this.getRecordList(this.queryParams)
-
-    },openStartPicker: function () {
+    handleEndDateConfirm: function(val) {
+      this.queryParams.start_time = this.parseTime(
+        this.startTime / 1000,
+        "{y}-{m}-{d}"
+      );
+      this.queryParams.end_time = this.parseTime(
+        this.endTime / 1000,
+        "{y}-{m}-{d}"
+      );
+      this.queryParams.page = 1;
+      this.queryParams.limit = 15;
+      this.getRecordList(this.queryParams);
+    },
+    openStartPicker: function() {
       this.$refs.start_date_picker.open();
     },
-    openEndPicker: function () {
+    openEndPicker: function() {
       this.$refs.end_date_picker.open();
-    },getRecordList: function (val) {
-      this.tableDate=[]
-      getAllEducationList(val).then(response =>{
-        if(response.data.state == 0){
+    },
+    getRecordList: function(val) {
+      this.tableDate = [];
+      getAllEducationList(val).then(response => {
+        if (response.data.state == 0) {
           return false;
-        }else{
-          if(response.data.data.edus.length == 0){
-          }else{
-            for(let i = 0; i < response.data.data.edus.length;i++){
-              this.tableDate.push(response.data.data.edus[i])
+        } else {
+          if (response.data.data.edus.length == 0) {
+          } else {
+            for (let i = 0; i < response.data.data.edus.length; i++) {
+              this.tableDate.push(response.data.data.edus[i]);
             }
           }
         }
       });
-
     }
   },
 
       @include justify-content-between;
       .iconfont {
         margin: 0 0.1rem;
+        @media only screen and (max-width: 812px) {
+          font-size: 12px !important;
+        }
       }
-      .line{
+      .line {
         background: #a8b3ba;
         width: 0.2rem;
         height: 1px;
   @include box-sizing;
   ul {
     @include display-flex;
-      @include align-items-center;
-      @include text-align;
-      @include justify-content-center;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-center;
     li {
       font-size: 0.3rem;
-      padding:0.16rem 0;
+      padding: 0.16rem 0;
       line-height: 0.5rem;
       span {
         @include flex;

src/pages/main/dialysis/RecordTable.vue

 <template>
   <div>
-    <van-list
-      width="100%"
-      v-model="loading"
-      :finished="finished"
-      @load="onLoad"
-    >
+    <van-list width="100%" v-model="loading" :finished="finished" @load="onLoad">
       <div class="choice">
         <ul>
-          <li>透析时间：
-            <div @click="openStartPicker" class="">{{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}<span
-              class="iconfont">&#xe74a;</span></div>
+          <li>
+            透析时间：
+            <div @click="openStartPicker" class>
+              {{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}
+              <span class="iconfont">&#xe74a;</span>
+            </div>
             <span class="line"></span>
-            <div @click="openEndPicker" class="">{{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}<span
-              class="iconfont">&#xe74a;</span></div>
+            <div @click="openEndPicker" class>
+              {{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}
+              <span class="iconfont">&#xe74a;</span>
+            </div>
           </li>
 
           <!-- <popover placement="bottom">
               </ul>
             </div>
             <li>透析模式:{{modeNameOther(mode_id)}}<span class="iconfont">&#xe74a;</span></li>
-          </popover> -->
-
-          <el-popover
-                placement="bottom"
-                trigger="click">
-                <li slot="reference">透析模式：{{modeNameOther(mode_id)}}<span class="iconfont">&#xe74a;</span></li>
-                <div class="popover-demo-content">
-                  <ul>
-                    <li  v-for="item in modeOptions" :key="item.id" @click="itemClick(item.id)"   :class="mode_id == item.id ? 'tick' : ''">{{item.name}}</li>
-                  </ul> 
-                </div>
-              </el-popover>
+          </popover>-->
 
+          <el-popover placement="bottom" trigger="click">
+            <li slot="reference">
+              透析模式：{{modeNameOther(mode_id)}}
+              <span class="iconfont">&#xe74a;</span>
+            </li>
+            <div class="popover-demo-content">
+              <ul>
+                <li
+                  v-for="item in modeOptions"
+                  :key="item.id"
+                  @click="itemClick(item.id)"
+                  :class="mode_id == item.id ? 'tick' : ''"
+                >{{item.name}}</li>
+              </ul>
+            </div>
+          </el-popover>
         </ul>
       </div>
       <div class="blueBorder"></div>
       <div style="width:100%;overflow:hildden;overflow-x:auto;">
-        <table class="table" style="">
+        <table class="table" style>
           <tr>
             <th width="124px">透析日期</th>
             <th width="72px">班次</th>
             <th width="92px">治疗护士</th>
             <th width="92px">治疗医生</th>
           </tr>
-          <tr v-for="(item,index) in tableDate" :key="index" :value="item.value" @click="jump(item)">
+          <tr
+            v-for="(item,index) in tableDate"
+            :key="index"
+            :value="item.value"
+            @click="jump(item)"
+          >
             <td>{{parseTime(item.dialysis_date, "{y}-{m}-{d}")}}</td>
             <td>{{scheduleType(item.schedule_type)}}</td>
             <td>{{item.partition_name}} - {{item.device_number}}</td>
           </tr>
         </table>
         <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
-        <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
-
+        <div class="NoData" v-show="tableDate.length == 0">
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
+        </div>
       </div>
     </van-list>
 
       type="date"
       @confirm="handleStartDateConfirm"
       :endDate="new Date()"
-      v-model="startTime">
-    </mt-datetime-picker>
+      v-model="startTime"
+    ></mt-datetime-picker>
 
     <mt-datetime-picker
       ref="end_date_picker"
       type="date"
       @confirm="handleEndDateConfirm"
       :endDate="new Date()"
-      v-model="endTime">
-    </mt-datetime-picker>
-  
+      v-model="endTime"
+    ></mt-datetime-picker>
   </div>
 </template>
 
     }
     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;
       @include text-align;
       .iconfont {
         margin: 0 0.1rem;
+        @media only screen and (max-width: 812px) {
+          font-size: 12px !important;
+        }
       }
-      .line{
+      .line {
         background: #a8b3ba;
         width: 0.2rem;
         height: 1px;

src/pages/main/today/TodayTab.vue

 <template>
   <div v-loading="loading">
-
     <div class="grid">
       <div class="list">
         <ul>
           <li @click="menuClick(1)">
-            <img src="@/assets/record/2.png">
+            <img src="@/assets/record/2.png" />
             <p>透析处方</p>
           </li>
           <li @click="menuClick(2)">
-            <img src="@/assets/record/3.png">
+            <img src="@/assets/record/3.png" />
             <p>接诊评估</p>
           </li>
           <li @click="menuClick(3)">
-            <img src="@/assets/record/4.png">
+            <img src="@/assets/record/4.png" />
             <p>透前评估</p>
           </li>
           <li @click="menuClick(4)">
-            <img src="@/assets/record/5.png">
+            <img src="@/assets/record/5.png" />
             <p>临时医嘱</p>
           </li>
           <li @click="menuClick(5)">
-            <img src="@/assets/record/6.png">
+            <img src="@/assets/record/6.png" />
             <p>双人核对</p>
           </li>
         </ul>
-
       </div>
       <div class="list">
         <ul>
-
           <li @click="menuClick(0)">
-            <img src="@/assets/record/1.png">
+            <img src="@/assets/record/1.png" />
             <p>透析上机</p>
           </li>
           <li @click="menuClick(6)">
-            <img src="@/assets/record/7.png">
+            <img src="@/assets/record/7.png" />
             <p>透析监测</p>
           </li>
           <li @click="menuClick(7)">
-            <img src="@/assets/record/8.png">
+            <img src="@/assets/record/8.png" />
             <p>透析下机</p>
           </li>
           <li @click="menuClick(8)">
-            <img src="@/assets/record/9.png">
+            <img src="@/assets/record/9.png" />
             <p>透后评估</p>
           </li>
           <li @click="menuClick(9)">
-            <img src="@/assets/record/10.png">
+            <img src="@/assets/record/10.png" />
             <p>治疗小结</p>
           </li>
         </ul>
-
       </div>
     </div>
     <div class="blueBorder"></div>
-    <details-info title="基本信息" :patient="patient"
-                  :device_number="schedual.device_number == null || schedual.device_number == undefined ? '' : schedual.device_number.number"
-                  :step_data="stepData"></details-info>
+    <details-info
+      title="基本信息"
+      :patient="patient"
+      :device_number="schedual.device_number == null || schedual.device_number == undefined ? '' : schedual.device_number.number"
+      :step_data="stepData"
+    ></details-info>
 
     <div class="blueBorder"></div>
-    <dialysis-prescription id="prescription" :prescription="prescription" :solution="solution" title="透析处方"
-                           :device_number_map="device_map"></dialysis-prescription>
+    <dialysis-prescription
+      id="prescription"
+      :prescription="prescription"
+      :solution="solution"
+      title="透析处方"
+      :device_number_map="device_map"
+    ></dialysis-prescription>
 
     <!-- <div class="blueBorder"></div>
-    <past-data class="往期数据"></past-data> -->
+    <past-data class="往期数据"></past-data>-->
 
     <div class="blueBorder"></div>
     <accepts-assessment id="accepts_assessment" :record="receiver_treatment_access" title="接诊评估"></accepts-assessment>
 
     <div class="blueBorder"></div>
-    <assessment-before id="assessment_before" :record="predialysis_evaluation" ref="assessment_before"
-                       title="透前评估"></assessment-before>
+    <assessment-before
+      id="assessment_before"
+      :record="predialysis_evaluation"
+      ref="assessment_before"
+      title="透前评估"
+    ></assessment-before>
 
     <div class="blueBorder"></div>
-    <stat-order id="stat_order" ref="stat_order" title="临时医嘱" :doctor_map="admin_user_map" :advice_groups="advice_groups"></stat-order>
+    <stat-order
+      id="stat_order"
+      ref="stat_order"
+      title="临时医嘱"
+      :doctor_map="admin_user_map"
+      :advice_groups="advice_groups"
+    ></stat-order>
 
     <div class="blueBorder"></div>
-    <dialysis-computer id="dialysis_computer" ref="dialysis_computer" title="透析上机 " :record="dialysis_order"
-                       :admin_map="admin_user_map" :device_number_map="device_number_map"></dialysis-computer>
+    <dialysis-computer
+      id="dialysis_computer"
+      ref="dialysis_computer"
+      title="透析上机 "
+      :record="dialysis_order"
+      :admin_map="admin_user_map"
+      :device_number_map="device_number_map"
+    ></dialysis-computer>
 
     <div class="blueBorder"></div>
     <double-check id="double_check" ref="double_check" title="双人核对 " :record="double_check"></double-check>
     <dialysis-monitoring id="monitoring" ref="monitoring" title="透析监测"></dialysis-monitoring>
 
     <div class="blueBorder"></div>
-    <dialysis-off id="dialysis_off" ref="dialysis_off" title="透析下机 " :record="dialysis_order"
-                  :admin_map="admin_user_map"></dialysis-off>
+    <dialysis-off
+      id="dialysis_off"
+      ref="dialysis_off"
+      title="透析下机 "
+      :record="dialysis_order"
+      :admin_map="admin_user_map"
+    ></dialysis-off>
 
     <div class="blueBorder"></div>
-    <assessment-after id="assessment_after" ref="assessment_after" title="透后评估"
-                      :record="assessment_after_dislysis"></assessment-after>
+    <assessment-after
+      id="assessment_after"
+      ref="assessment_after"
+      title="透后评估"
+      :record="assessment_after_dislysis"
+    ></assessment-after>
 
     <div class="blueBorder"></div>
     <treatment-of id="treatment_of" ref="treatment_of" title="治疗小结" :record="treatment_summary"></treatment-of>
 
     <!-- <div class="blueBorder"></div>
-    <operation-staff title="操作人员 "></operation-staff> -->
+    <operation-staff title="操作人员 "></operation-staff>-->
 
     <!-- 弹框 -->
     <!-- <van-popup v-show="false" title="长期处方"   :overlay="true" @click-overlay="popupDidHide(0)" :close-on-click-overlay="false">
         <long-dialog @longSolution="closeDialog(0)" @closeLongDialog="closeDialog(0)" :patient_prop="patient" :solution_prop="solution" :machines_prop="devices"  ref="long_dialog" ></long-dialog>
-    </van-popup> -->
-
-    <van-popup title="透析处方" v-model="menuList[1].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <prescription-dialog :patient_prop="patient" :solution_prop="solution" :machines_prop="devices"
-                           :prescription_prop="prescription" @finish="closePrescriptionDialog" :operators="operators"
-                           @close="closePrescriptionDialog" ref="prescription_dialog"></prescription-dialog>
+    </van-popup>-->
+
+    <van-popup
+      title="透析处方"
+      v-model="menuList[1].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <prescription-dialog
+        :patient_prop="patient"
+        :solution_prop="solution"
+        :machines_prop="devices"
+        :prescription_prop="prescription"
+        @finish="closePrescriptionDialog"
+        :operators="operators"
+        @close="closePrescriptionDialog"
+        ref="prescription_dialog"
+      ></prescription-dialog>
     </van-popup>
 
-    <van-popup title="接诊评估" v-model="menuList[2].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <accepts-dialog :accepts="receiver_treatment_access" :patient_prop="patient" @finish="closeAcceptsAssessment"
-                      @close="closeAcceptsAssessment"></accepts-dialog>
+    <van-popup
+      title="接诊评估"
+      v-model="menuList[2].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <accepts-dialog
+        :accepts="receiver_treatment_access"
+        :patient_prop="patient"
+        @finish="closeAcceptsAssessment"
+        @close="closeAcceptsAssessment"
+      ></accepts-dialog>
     </van-popup>
 
-    <van-popup title="透前评估" v-model="menuList[3].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <assessment-dialog :predialysis="predialysis_evaluation" :last_predialysis="last_predialysis_evaluation"
-                         :patient_prop="patient" @evaluation="update_evaluation" @close="closeAssessmentBefore"
-                         ref="assessment_dialog"></assessment-dialog>
+    <van-popup
+      title="透前评估"
+      v-model="menuList[3].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <assessment-dialog
+        :predialysis="predialysis_evaluation"
+        :last_predialysis="last_predialysis_evaluation"
+        :patient_prop="patient"
+        @evaluation="update_evaluation"
+        @close="closeAssessmentBefore"
+        ref="assessment_dialog"
+      ></assessment-dialog>
     </van-popup>
 
-    <van-popup title="临时医嘱" v-model="menuList[4].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <orders-dialog :patient_prop="patient" :advice_groups="advice_groups" :advice_list_prop="doctor_advices" :admin_users_prop="admin_users" @orderDialog="closeStatOrder" ref="orders_dialog"></orders-dialog>
+    <van-popup
+      title="临时医嘱"
+      v-model="menuList[4].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <orders-dialog
+        :patient_prop="patient"
+        :advice_groups="advice_groups"
+        :advice_list_prop="doctor_advices"
+        :admin_users_prop="admin_users"
+        @orderDialog="closeStatOrder"
+        ref="orders_dialog"
+      ></orders-dialog>
     </van-popup>
 
-    <van-popup title="双人查对" v-model="menuList[5].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <double-dialog :patient_prop="patient" :record="double_check" :admin_users_prop="admin_users"
-                     @did_update="closeDoubleCheck" @close="closeDoubleCheck"></double-dialog>
+    <van-popup
+      title="双人查对"
+      v-model="menuList[5].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <double-dialog
+        :patient_prop="patient"
+        :record="double_check"
+        :admin_users_prop="admin_users"
+        @did_update="closeDoubleCheck"
+        @close="closeDoubleCheck"
+      ></double-dialog>
     </van-popup>
 
-    <van-popup title="透析上机" v-model="menuList[0].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <computer-dialog :schedule="schedual" :patient_prop="patient" :record="dialysis_order" :admins="admin_users"
-                       :device_numbers="device_numbers" :admin_map="admin_user_map"
-                       :device_number_map="device_number_map" @did_start="closeDialysisComputer"
-                       @close="closeDialysisComputer" ref="computer_dialog"></computer-dialog>
+    <van-popup
+      title="透析上机"
+      v-model="menuList[0].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <computer-dialog
+        :schedule="schedual"
+        :patient_prop="patient"
+        :record="dialysis_order"
+        :admins="admin_users"
+        :device_numbers="device_numbers"
+        :admin_map="admin_user_map"
+        :device_number_map="device_number_map"
+        @did_start="closeDialysisComputer"
+        @close="closeDialysisComputer"
+        ref="computer_dialog"
+      ></computer-dialog>
     </van-popup>
 
-    <van-popup title="透析监测" v-model="menuList[6].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <monit-dialog :monitor_records="monitor_records" :last_monitor_record="last_monitor_record" :patient="patient" :order="dialysis_order"
-                    @did_add_monitor="didAddMonitor" @did_edit_monitor="didEditMonitor" @did_delete_monitor="didDelMonitor" @close="closeMonitoring"
-                    ref="monit_dialog"></monit-dialog>
+    <van-popup
+      title="透析监测"
+      v-model="menuList[6].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <monit-dialog
+        :monitor_records="monitor_records"
+        :last_monitor_record="last_monitor_record"
+        :patient="patient"
+        :order="dialysis_order"
+        @did_add_monitor="didAddMonitor"
+        @did_edit_monitor="didEditMonitor"
+        @did_delete_monitor="didDelMonitor"
+        @close="closeMonitoring"
+        ref="monit_dialog"
+      ></monit-dialog>
     </van-popup>
 
-    <van-popup title="透析下机" v-model="menuList[7].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <plane-dialog :patient_prop="patient" :record="dialysis_order" :admins="admin_users" :admin_map="admin_user_map"
-                    @did_off="closeDialysisOff" @close="closeDialysisOff" ref="plane_dialog"></plane-dialog>
+    <van-popup
+      title="透析下机"
+      v-model="menuList[7].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <plane-dialog
+        :patient_prop="patient"
+        :record="dialysis_order"
+        :admins="admin_users"
+        :admin_map="admin_user_map"
+        @did_off="closeDialysisOff"
+        @close="closeDialysisOff"
+        ref="plane_dialog"
+      ></plane-dialog>
     </van-popup>
 
-    <van-popup title="透后评估" v-model="menuList[8].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <thoroug-dialog :patient_prop="patient" :record="assessment_after_dislysis"
-                      :last_record="last_assessment_after_dislysis" @did_update="closeAssessmentAfter"
-                      @close="closeAssessmentAfter" ref="thoroug_dialog"></thoroug-dialog>
+    <van-popup
+      title="透后评估"
+      v-model="menuList[8].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <thoroug-dialog
+        :patient_prop="patient"
+        :record="assessment_after_dislysis"
+        :last_record="last_assessment_after_dislysis"
+        @did_update="closeAssessmentAfter"
+        @close="closeAssessmentAfter"
+        ref="thoroug_dialog"
+      ></thoroug-dialog>
     </van-popup>
 
-    <van-popup title="治疗小结" v-model="menuList[9].showPopup" :overlay="true" :close-on-click-overlay="false">
-      <treatment-dialog :patient_prop="patient" :record="treatment_summary" @did_update="closeTreatmentOf"
-                        @close="closeTreatmentOf" ref="treatment_dialog"></treatment-dialog>
+    <van-popup
+      title="治疗小结"
+      v-model="menuList[9].showPopup"
+      :overlay="true"
+      :close-on-click-overlay="false"
+    >
+      <treatment-dialog
+        :patient_prop="patient"
+        :record="treatment_summary"
+        @did_update="closeTreatmentOf"
+        @close="closeTreatmentOf"
+        ref="treatment_dialog"
+      ></treatment-dialog>
     </van-popup>
 
     <div class="fixedNav" ref="fixed_nav" v-show="show_fixed_nav">
         <li @click="menuClick(9)">治疗小结</li>
       </ul>
     </div>
-
   </div>
 </template>
 
 
 import { dialysisGlobalConfig, getDialysisRecord } from "@/api/dialysis";
 import { parseTime } from "@/utils";
-import Vue from 'vue'
+import Vue from "vue";
 
 export default {
   name: "TodayTab",
       monitor_records: [], // 透析监测
       last_monitor_record: {
         id: 0,
-        operate_time: (new Date()).getTime(),
+        operate_time: new Date().getTime(),
         sodium_concentration: "",
         dialysate_temperature: ""
       }, // 上一次透析的监测记录
     },
 
     $route: "requestDialysisRecord"
-
   },
   methods: {
     handleScroll: function() {
     },
 
     didAddMonitor(monitor) {
-      this.monitor_records.push(monitor)
+      this.monitor_records.push(monitor);
 
-      this.monitor_records.sort((a,b)=>b.operate_time-a.operate_time)
+      this.monitor_records.sort((a, b) => b.operate_time - a.operate_time);
 
       // for (let index = 0; index < this.monitor_records.length; index++) {
       //   const record = this.monitor_records[index];
       //     break
       //   }
       // }
-      this.last_monitor_record = monitor
+      this.last_monitor_record = monitor;
     },
 
     didEditMonitor(monitor) {
         }
       }
 
-      console.log(monitor)
-      console.log(this.monitor_records[monitor_index])
-
-
-      this.monitor_records[monitor_index].arterial_pressure = monitor.arterial_pressure
-      this.monitor_records[monitor_index].blood_flow_volume = monitor.blood_flow_volume
-      this.monitor_records[monitor_index].breathing_rate = monitor.breathing_rate
-      this.monitor_records[monitor_index].dialysate_temperature = monitor.dialysate_temperature
-      this.monitor_records[monitor_index].diastolic_bp = monitor.diastolic_bp
-      this.monitor_records[monitor_index].displacement_quantity = monitor.displacement_quantity
-      this.monitor_records[monitor_index].dispose = monitor.dispose
-      this.monitor_records[monitor_index].ktv = monitor.ktv
-      this.monitor_records[monitor_index].monitor_date = monitor.monitor_date
-      this.monitor_records[monitor_index].monitoring_nurse = monitor.monitoring_nurse
-      this.monitor_records[monitor_index].operate_time = monitor.operate_time
-      this.monitor_records[monitor_index].pulse_frequency = monitor.pulse_frequency
-      this.monitor_records[monitor_index].replacement_rate = monitor.replacement_rate
-      this.monitor_records[monitor_index].result = monitor.result
-      this.monitor_records[monitor_index].sodium_concentration = monitor.sodium_concentration
-      this.monitor_records[monitor_index].symptom = monitor.symptom
-      this.monitor_records[monitor_index].systolic_bp = monitor.systolic_bp
-      this.monitor_records[monitor_index].transmembrane_pressure = monitor.transmembrane_pressure
-      this.monitor_records[monitor_index].ultrafiltration_rate = monitor.ultrafiltration_rate
-      this.monitor_records[monitor_index].ultrafiltration_volume = monitor.ultrafiltration_volume
-      this.monitor_records[monitor_index].venous_pressure = monitor.venous_pressure
-      this.monitor_records[monitor_index].diastolic_blood_pressure = monitor.diastolic_blood_pressure
-      this.monitor_records[monitor_index].systolic_blood_pressure = monitor.systolic_blood_pressure
-
-      this.monitor_records.sort((a,b)=>b.operate_time-a.operate_time)
+      console.log(monitor);
+      console.log(this.monitor_records[monitor_index]);
+
+      this.monitor_records[monitor_index].arterial_pressure =
+        monitor.arterial_pressure;
+      this.monitor_records[monitor_index].blood_flow_volume =
+        monitor.blood_flow_volume;
+      this.monitor_records[monitor_index].breathing_rate =
+        monitor.breathing_rate;
+      this.monitor_records[monitor_index].dialysate_temperature =
+        monitor.dialysate_temperature;
+      this.monitor_records[monitor_index].diastolic_bp = monitor.diastolic_bp;
+      this.monitor_records[monitor_index].displacement_quantity =
+        monitor.displacement_quantity;
+      this.monitor_records[monitor_index].dispose = monitor.dispose;
+      this.monitor_records[monitor_index].ktv = monitor.ktv;
+      this.monitor_records[monitor_index].monitor_date = monitor.monitor_date;
+      this.monitor_records[monitor_index].monitoring_nurse =
+        monitor.monitoring_nurse;
+      this.monitor_records[monitor_index].operate_time = monitor.operate_time;
+      this.monitor_records[monitor_index].pulse_frequency =
+        monitor.pulse_frequency;
+      this.monitor_records[monitor_index].replacement_rate =
+        monitor.replacement_rate;
+      this.monitor_records[monitor_index].result = monitor.result;
+      this.monitor_records[monitor_index].sodium_concentration =
+        monitor.sodium_concentration;
+      this.monitor_records[monitor_index].symptom = monitor.symptom;
+      this.monitor_records[monitor_index].systolic_bp = monitor.systolic_bp;
+      this.monitor_records[monitor_index].transmembrane_pressure =
+        monitor.transmembrane_pressure;
+      this.monitor_records[monitor_index].ultrafiltration_rate =
+        monitor.ultrafiltration_rate;
+      this.monitor_records[monitor_index].ultrafiltration_volume =
+        monitor.ultrafiltration_volume;
+      this.monitor_records[monitor_index].venous_pressure =
+        monitor.venous_pressure;
+      this.monitor_records[monitor_index].diastolic_blood_pressure =
+        monitor.diastolic_blood_pressure;
+      this.monitor_records[monitor_index].systolic_blood_pressure =
+        monitor.systolic_blood_pressure;
+
+      this.monitor_records.sort((a, b) => b.operate_time - a.operate_time);
 
       // if (monitor_index >= 0) {
       //   var record = this.monitor_records[monitor_index]
     closeDialog(index) {
       this.index = -1;
       this.menuList[index].showPopup = false;
-    },refresh(){
-
-
-
+    },
+    refresh() {
       var dateStr = parseTime(this.$route.query.date, "{y}-{m}-{d}");
       var params = {
         patient_id: this.$route.query.patient_id,
 
           this.doctor_advices = doctor_advices == null ? [] : doctor_advices;
           if (this.doctor_advices.length > 0) {
-            var group = this.newAdviceGroupObject()
+            var group = this.newAdviceGroupObject();
             var initGroupBlock = function(group, advice) {
-              group.group_no = advice.groupno
+              group.group_no = advice.groupno;
               // group.start_time = advice.start_time
               // group.advice_doctor = advice.advice_doctor
               // group.exec_staff = advice.execution_staff
               // group.exec_time = advice.execution_time
               // group.checker = advice.checker
-            }
+            };
             for (let index = 0; index < this.doctor_advices.length; index++) {
               const advice = this.doctor_advices[index];
-              if (advice.groupno == 0) { // 老版本的医嘱没有分组的概念，所以这一个 if 是解决这个问题的，将每个无分组的医嘱各自归为一组
+              if (advice.groupno == 0) {
+                // 老版本的医嘱没有分组的概念，所以这一个 if 是解决这个问题的，将每个无分组的医嘱各自归为一组
                 if (advice.parent_id > 0) {
                   if (this.advice_groups.length > 0) {
-                    var parent_group = this.advice_groups[this.advice_groups.length - 1]
+                    var parent_group = this.advice_groups[
+                      this.advice_groups.length - 1
+                    ];
                     if (parent_group.advices.length > 0) {
                       if (parent_group.advices[0].id == advice.parent_id) {
-                        parent_group.advices.push(advice)
+                        parent_group.advices.push(advice);
                       }
                     }
                   }
-                  continue
-
+                  continue;
                 } else {
                   if (group.group_no > 0) {
-                    this.advice_groups.push(group)
-                    group = this.newAdviceGroupObject()
+                    this.advice_groups.push(group);
+                    group = this.newAdviceGroupObject();
                   }
 
-                  initGroupBlock(group, advice)
-                  group.advices.push(advice)
-                  this.advice_groups.push(group)
-                  group = this.newAdviceGroupObject()
-                  continue
+                  initGroupBlock(group, advice);
+                  group.advices.push(advice);
+                  this.advice_groups.push(group);
+                  group = this.newAdviceGroupObject();
+                  continue;
                 }
               }
 
               if (group.group_no > 0 && group.group_no != advice.groupno) {
-                this.advice_groups.push(group)
-                group = this.newAdviceGroupObject()
+                this.advice_groups.push(group);
+                group = this.newAdviceGroupObject();
               }
               if (group.group_no == 0) {
-                initGroupBlock(group, advice)
+                initGroupBlock(group, advice);
               }
               if (group.group_no == advice.groupno) {
-                group.advices.push(advice)
+                group.advices.push(advice);
               }
             }
-            if (group.group_no > 0) { // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
-              this.advice_groups.push(group)
+            if (group.group_no > 0) {
+              // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
+              this.advice_groups.push(group);
             }
 
             // console.log(this.advice_groups)
           this.loading = false;
         }
       });
-
     },
 
     requestDialysisRecord() {
 
           this.doctor_advices = doctor_advices == null ? [] : doctor_advices;
           if (this.doctor_advices.length > 0) {
-            var group = this.newAdviceGroupObject()
+            var group = this.newAdviceGroupObject();
             var initGroupBlock = function(group, advice) {
-              group.group_no = advice.groupno
+              group.group_no = advice.groupno;
               // group.start_time = advice.start_time
               // group.advice_doctor = advice.advice_doctor
               // group.exec_staff = advice.execution_staff
               // group.exec_time = advice.execution_time
               // group.checker = advice.checker
-            }
+            };
             for (let index = 0; index < this.doctor_advices.length; index++) {
               const advice = this.doctor_advices[index];
-              if (advice.groupno == 0) { // 老版本的医嘱没有分组的概念，所以这一个 if 是解决这个问题的，将每个无分组的医嘱各自归为一组
+              if (advice.groupno == 0) {
+                // 老版本的医嘱没有分组的概念，所以这一个 if 是解决这个问题的，将每个无分组的医嘱各自归为一组
                 if (advice.parent_id > 0) {
                   if (this.advice_groups.length > 0) {
-                    var parent_group = this.advice_groups[this.advice_groups.length - 1]
+                    var parent_group = this.advice_groups[
+                      this.advice_groups.length - 1
+                    ];
                     if (parent_group.advices.length > 0) {
                       if (parent_group.advices[0].id == advice.parent_id) {
-                        parent_group.advices.push(advice)
+                        parent_group.advices.push(advice);
                       }
                     }
                   }
-                  continue
-
+                  continue;
                 } else {
                   if (group.group_no > 0) {
-                    this.advice_groups.push(group)
-                    group = this.newAdviceGroupObject()
+                    this.advice_groups.push(group);
+                    group = this.newAdviceGroupObject();
                   }
-                    
-                  initGroupBlock(group, advice)
-                  group.advices.push(advice)
-                  this.advice_groups.push(group)
-                  group = this.newAdviceGroupObject()
-                  continue
+
+                  initGroupBlock(group, advice);
+                  group.advices.push(advice);
+                  this.advice_groups.push(group);
+                  group = this.newAdviceGroupObject();
+                  continue;
                 }
               }
 
               if (group.group_no > 0 && group.group_no != advice.groupno) {
-                this.advice_groups.push(group)
-                group = this.newAdviceGroupObject()
+                this.advice_groups.push(group);
+                group = this.newAdviceGroupObject();
               }
               if (group.group_no == 0) {
-                initGroupBlock(group, advice)
+                initGroupBlock(group, advice);
               }
               if (group.group_no == advice.groupno) {
-                group.advices.push(advice)
+                group.advices.push(advice);
               }
             }
-            if (group.group_no > 0) { // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
-              this.advice_groups.push(group)
+            if (group.group_no > 0) {
+              // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
+              this.advice_groups.push(group);
             }
-            
+
             // console.log(this.advice_groups)
           }
 
       });
     },
     newAdviceGroupObject: function() {
-      return Object.assign({}, {
-        group_no: 0,
-        // advice_doctor: 0,
-        // start_time: 0,
-        advices: [],
-        // exec_staff: 0,
-        // exec_time: 0,
-        // checker: 0,
-      })
+      return Object.assign(
+        {},
+        {
+          group_no: 0,
+          // advice_doctor: 0,
+          // start_time: 0,
+          advices: []
+          // exec_staff: 0,
+          // exec_time: 0,
+          // checker: 0,
+        }
+      );
     },
 
     closePrescriptionDialog: function() {
         li {
           font-size: 0.24rem;
           color: #5d6b7a;
-          margin-top:0.35rem;
+          margin-top: 0.35rem;
           p {
             line-height: 0.6rem;
             color: #34495e;
     z-index: 99;
     padding: 0 0.1rem;
     margin-top: 1.17rem;
+    @media only screen and (max-width: 812px) {
+      margin-top: 1.7rem;
+    }
     ul {
       @include display-flex;
       @include align-items-center;

src/pages/monitoring/index.vue

     <side-bar :active_index="1"></side-bar>
     <div class="mainContent">
       <div class="top">
-        <div class="hospital" style="width:4.2rem;" ><span style="visibility:hidden"></span></div>
+        <div class="hospital" style="width:4.2rem;">
+          <span style="visibility:hidden"></span>
+        </div>
         <div class="department">
           <ul>
             <li>透析监控</li>
           </ul>
         </div>
         <div class="search">
-          <van-field v-model="patient_keyword" ref="search_field" placeholder="透析号/姓名" class="field">
+          <van-field
+            v-model="patient_keyword"
+            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(1)">搜索</van-button>
+            <van-button
+              slot="button"
+              size="small"
+              type="info"
+              style="border: none;"
+              @click="searchWithKeyword(1)"
+            >搜索</van-button>
           </van-field>
         </div>
       </div>
 
       <div class="choice">
         <ul>
-          <el-popover
-            v-model="visible"
-            placement="bottom"
-            trigger="click">
-            <li slot="reference">{{partitionName(partition)}}<span class="iconfont">&#xe74a;</span></li>
+          <el-popover v-model="visible" placement="bottom" 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>
+                <li
+                  v-for="item in partitionArr"
+                  :key="item.id"
+                  @click="itemClick(item.id)"
+                  :class="partition == item.id ? 'tick' : ''"
+                >{{item.name}}</li>
               </ul>
             </div>
           </el-popover>
-          <li @click="openPicker">{{parseTime(date.getTime()/1000, "{y}-{m}-{d}")}}<span
-            class="iconfont">&#xe74a;</span></li>
+          <li @click="openPicker">
+            {{parseTime(date.getTime()/1000, "{y}-{m}-{d}")}}
+            <span class="iconfont">&#xe74a;</span>
+          </li>
         </ul>
       </div>
       <div class="blueBorder"></div>
-      <van-list
-        v-model="loading"
-        :finished="finished"
-        finished-text="没有更多了"
-        @load="onLoad"
-      >
+      <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
         <table class="table">
           <tr>
             <th width="8%">机号</th>
             <td width="9%"></td>
             <td width="13%"></td>
             <td width="10%"></td>
-            <td width="9%"></td>  
+            <td width="9%"></td>
             <td width="14%"></td>
             <td width="27%"></td>
           </tr>
             <td width="13%">{{parseTime(item.schedule_date, "{y}-{m}-{d}")}}</td>
             <td width="10%">{{item.treatment_mode.name}}</td>
             <td width="9%">{{item.prescription.dewater_amount}}</td>
-            <td width="14%">
-              {{item.assessment_before_dislysis.weight_before}}/{{item.assessment_after_dislysis.weight_after}}
-            </td>
+            <td
+              width="14%"
+            >{{item.assessment_before_dislysis.weight_before}}/{{item.assessment_after_dislysis.weight_after}}</td>
             <td width="27%">
               <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 1">低压</span>
-              <span style="background-color: dodgerblue" v-if="monitorBloodPressureStatus(item.monitoring_record) == 2">正常</span>
+              <span
+                style="background-color: dodgerblue"
+                v-if="monitorBloodPressureStatus(item.monitoring_record) == 2"
+              >正常</span>
               <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 3">高压</span>
               <span v-if="monitorRateStatus(item.monitoring_record) == 1">心率过缓</span>
-              <span style="background-color: dodgerblue" v-if="monitorRateStatus(item.monitoring_record) == 2">正常</span>
+              <span
+                style="background-color: dodgerblue"
+                v-if="monitorRateStatus(item.monitoring_record) == 2"
+              >正常</span>
               <span v-if="monitorRateStatus(item.monitoring_record) == 3">心率过高</span>
             </td>
           </tr>
         </table>
-        <div class="NoData" v-show="dialysis_scheduals.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
+        <div class="NoData" v-show="dialysis_scheduals.length == 0">
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
+        </div>
       </van-list>
     </div>
     <mt-datetime-picker
       type="date"
       @confirm="handleDateConfirm"
       :endDate="new Date()"
-      v-model="date">
-    </mt-datetime-picker>
+      v-model="date"
+    ></mt-datetime-picker>
   </div>
 </template>
 
   .iconfont {
     font-size: 0.4rem;
     color: #a8b3ba;
+    @media only screen and (max-width: 812px) {
+      margin-right: 0 !important;
+    }
   }
 }
 .choice {

src/styles/media.scss

+@media only screen and (max-width: 812px) {
+  html {
+    font-size: 25px;
+  }
+}
+
+/* Medium devices (landscape tablets, 768px and up) */
+// @media only screen and (min-width: 800px) {
+//   html {
+//     font-size: 50px;
+//   }
+// }

src/styles/reset.scss

 //去掉黄色背景
 input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px white inset;
-} 
+}
 /* 初始化结束 */
 
 /* 针对缺省样式 (必须的) */

src/styles/style.scss

   @include justify-content-around;
   background: #fff;
   span {
-    height: 0.60rem;
-    line-height: 0.60rem;
+    height: 0.6rem;
+    line-height: 0.6rem;
     background: #fff;
     border-radius: 50px;
     border: 1px $border-color solid;
 
 // 弹窗样式
 .van-popup {
-  //  max-height:8.6rem !important; 
+  //  max-height:8.6rem !important;
 }
 
 .van-popup {
   color: #fff;
   border-color: $main-color !important;
   background-color: $main-color !important;
+  @media only screen and (max-width: 812px) {
+    font-size: 14px !important;
+    line-height: 16px !important;
+    width: 16px !important;
+    height: 16px !important;
+  }
+}
+.van-checkbox__icon .van-icon {
+  @media only screen and (max-width: 812px) {
+    font-size: 14px !important;
+    line-height: 16px !important;
+    width: 16px !important;
+    height: 16px !important;
+  }
 }
 
 .CheckBox .van-checkbox__label {
   width: 94%;
   font-size: 0.34rem;
+  @media only screen and (max-width: 812px) {
+    width: 90%;
+  }
 }
 
 .mint-datetime-action {
   text-align: center;
   background: #fff;
   margin: 0 auto;
-  padding:0.3rem 0; 
+  padding: 0.3rem 0;
   img {
     width: 100%;
   }
   font-size: 0.32rem !important;
 }
 
-.el-radio+.el-radio {
+.el-radio + .el-radio {
   margin-left: 15px !important;
 }
 
-
-.el-button--mini{
+.el-button--mini {
   font-size: 0.32rem !important;
 }
-.el-form-item__label,.el-radio,.van-checkbox__label {
-  color: $title-color!important;
-}
-
-
-.el-collapse-item__header{
-  font-size: 0.35rem!important;
-  color: $pgh-color!important;
-  height: 64px!important;
-  line-height: 64px!important;
+.el-form-item__label,
+.el-radio,
+.van-checkbox__label {
+  color: $title-color !important;
+}
+
+.el-collapse-item__header {
+  font-size: 0.35rem !important;
+  color: $pgh-color !important;
+  height: 64px !important;
+  line-height: 64px !important;
+  @media only screen and (max-width: 812px) {
+    font-size: 0.35rem !important;
+    color: $pgh-color !important;
+    height: 48px !important;
+    line-height: 48px !important;
+  }
 }
-.el-collapse-item__arrow{
-  color: #a8b3ba!important;
-  line-height: 64px!important;
+.el-collapse-item__arrow {
+  color: #a8b3ba !important;
+  line-height: 64px !important;
+  @media only screen and (max-width: 812px) {
+    line-height: 48px !important;
+  }
 }
 
-
 // 搜索全局
 .search {
   color: #a8b3ba;
-  width: 4.2rem;
+  width: 4.4rem;
   float: right;
   font-size: 0.34rem;
+  .field {
+    @media only screen and (max-width: 812px) {
+      margin-top: 6px;
+    }
+  }
+
   .iconfont {
     color: #a8b3ba;
     font-size: 0.42rem;
     border-radius: 30px;
     display: flex;
     align-items: center;
-    height: 0.64rem!important;
-    line-height: 0.64rem!important;
-   
+    height: 0.64rem !important;
+    line-height: 0.64rem !important;
+    @media only screen and (max-width: 812px) {
+      padding: 0 0 0 4px;
+    }
+  }
+}
+.van-cell {
+  @media only screen and (max-width: 812px) {
+    font-size: 6px !important;
+  }
+}
+.van-field__left-icon {
+  @media only screen and (max-width: 812px) {
+    // margin-right: 0 !important;
+    margin-top: 1px;
+  }
+  .van-icon-arrow-down {
+    @media only screen and (max-width: 812px) {
+      font-size: 12px !important;
+    }
+  }
+}
+.van-field__button {
+  @media only screen and (max-width: 812px) {
+    padding-left: 0 !important;
+  }
+}
+.van-switch {
+  @media only screen and (max-width: 812px) {
+    font-size: 16px !important;
   }
 }
 
   }
 }
 
-.van-button--small{
-  font-size: 0.28rem!important;
+.van-button--small {
+  font-size: 0.28rem !important;
+  @media only screen and (max-width: 812px) {
+    min-width: 36px !important;
+  }
 }
 
-.el-input{
-  color: #1b2631!important;
-  font-size: 0.36rem!important;
+.el-input {
+  color: #1b2631 !important;
+  font-size: 0.36rem !important;
 }
 
-.el-collapse-item__content{
-  height: 7.4rem!important;
-    overflow-y: auto!important;
-}
+.el-collapse-item__content {
+  height: 7.4rem !important;
+  overflow-y: auto !important;
+}