移动端性能优化

src/pages/main/DialysisArea.vue

 </template>
 
 <script>
-import PatientBox from "./PatientBox";
-import { Popover } from "vux";
-import { Datetime } from "vux";
-import { parseTime } from "@/utils/index";
-import { getDialysisScheduals } from "@/api/dialysis";
-import { Toast } from "vant";
-import $ from "jquery";
+import PatientBox from './PatientBox'
+import { Popover } from 'vux'
+import { Datetime } from 'vux'
+import { parseTime } from '@/utils/index'
+import { getDialysisScheduals } from '@/api/dialysis'
+import { Toast } from 'vant'
+import $ from 'jquery'
 
 export default {
-  name: "DialysisArea",
+  name: 'DialysisArea',
   components: {
     PatientBox,
     Popover,
     Datetime
   },
-  inject: ["reload"],
-  data() {
+  inject: ['reload'],
+  data () {
     return {
       loading: false,
       user_id: 0,
       ismypatient: this.$store.getters.app.dialysis_area.ismypatient,
       selected_date: this.$store.getters.app.dialysis_area.schedule_date, // new Date(),
       schedual_types: [
-        { value: 0, text: "全部班", select: true },
-        { value: 1, text: "上午", select: false },
-        { value: 2, text: "下午", select: false },
-        { value: 3, text: "晚上", select: false }
+        { value: 0, text: '全部班', select: true },
+        { value: 1, text: '上午', select: false },
+        { value: 2, text: '下午', select: false },
+        { value: 3, text: '晚上', select: false }
       ],
       schedual_type_selected: this.$store.getters.app.dialysis_area
         .schedule_type_select_index,
 
       zone_selected: this.$store.getters.app.dialysis_area.zone_select_index,
-      zones: [{ value: 0, text: "全部分区", select: true }],
+      zones: [{ value: 0, text: '全部分区', select: true }],
       dialysis_scheduals: [],
 
       zone_options_visible: false,
       sch_type_options_visible: false,
       newMypatient: 0
-    };
+    }
   },
   props: {
     search_keyword: {
       type: String,
-      default: ""
+      default: ''
     }
   },
   computed: {
-    selected_date_str: function() {
-      return parseTime(this.selected_date, "{y}-{m}-{d}");
+    selected_date_str: function () {
+      return parseTime(this.selected_date, '{y}-{m}-{d}')
     },
 
-    filtedScheduals: function() {
+    filtedScheduals: function () {
       if (this.dialysis_scheduals.length == 0) {
-        return [];
+        return []
       }
 
-      var search_keyword = this.search_keyword;
+      var search_keyword = this.search_keyword
       if (search_keyword.length > 0) {
-        var schedules = [];
+        var schedules = []
         for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
-          const scheduleInfo = this.dialysis_scheduals[o_i];
-          var originSchedules = scheduleInfo.scheduals;
+          const scheduleInfo = this.dialysis_scheduals[o_i]
+          var originSchedules = scheduleInfo.scheduals
           if (originSchedules.length == 0) {
-            continue;
+            continue
           }
-          var filtedSchedules = [];
+          var filtedSchedules = []
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
-            const schedule = originSchedules[s_i];
+            const schedule = originSchedules[s_i]
             if (
               schedule.patient.name.indexOf(search_keyword) != -1 ||
               schedule.patient.dialysis_no.indexOf(search_keyword) != -1
             ) {
-              filtedSchedules.push(schedule);
-              break;
+              filtedSchedules.push(schedule)
+              break
             }
           }
           if (filtedSchedules.length > 0) {
             schedules.push({
               zone_name: scheduleInfo.zone_name,
               scheduals: filtedSchedules
-            });
+            })
           }
         }
-        return schedules;
+        return schedules
       }
       if (this.ismypatient) {
-        var zone_selected = this.zone_selected;
-        var timetype_selected = this.schedual_type_selected;
+        var zone_selected = this.zone_selected
+        var timetype_selected = this.schedual_type_selected
         var zone_name =
-          zone_selected == 0 ? "" : this.zones[zone_selected].text;
-        var schedules = [];
+          zone_selected == 0 ? '' : this.zones[zone_selected].text
+        var schedules = []
         for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
-          const scheduleInfo = this.dialysis_scheduals[o_i];
-          var originSchedules = scheduleInfo.scheduals;
+          const scheduleInfo = this.dialysis_scheduals[o_i]
+          var originSchedules = scheduleInfo.scheduals
           if (originSchedules.length == 0) {
-            continue;
+            continue
           }
-          var filtedSchedules = [];
+          var filtedSchedules = []
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
-            const schedule = originSchedules[s_i];
+            const schedule = originSchedules[s_i]
             if (schedule.dialysis_order.start_nurse == this.user_id) {
               if (
                 zone_name.length == 0 ||
                   timetype_selected == 0 ||
                   schedule.schedule_type == timetype_selected
                 ) {
-                  filtedSchedules.push(schedule);
+                  filtedSchedules.push(schedule)
                 }
               }
               // break;
             schedules.push({
               zone_name: scheduleInfo.zone_name,
               scheduals: filtedSchedules
-            });
+            })
           }
         }
-        return schedules;
+        return schedules
       }
 
-      var zone_selected = this.zone_selected;
-      var timetype_selected = this.schedual_type_selected;
+      var zone_selected = this.zone_selected
+      var timetype_selected = this.schedual_type_selected
       if (
         (zone_selected == 0 && timetype_selected == 0) ||
         this.zones.length <= 1
       ) {
-        return this.dialysis_scheduals;
+        return this.dialysis_scheduals
       }
 
-      var zone_name = zone_selected == 0 ? "" : this.zones[zone_selected].text;
-      var schedules = [];
+      var zone_name = zone_selected == 0 ? '' : this.zones[zone_selected].text
+      var schedules = []
       for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
-        const scheduleInfo = this.dialysis_scheduals[o_i];
-        var originSchedules = scheduleInfo.scheduals;
-        var filtedSchedules = [];
+        const scheduleInfo = this.dialysis_scheduals[o_i]
+        var originSchedules = scheduleInfo.scheduals
+        var filtedSchedules = []
         for (let s_i = 0; s_i < originSchedules.length; s_i++) {
-          const schedule = originSchedules[s_i];
+          const schedule = originSchedules[s_i]
           if (this.ismypatient) {
             if (schedule.dialysis_order.creator == this.user_id) {
-              filtedSchedules.push(schedule);
+              filtedSchedules.push(schedule)
             }
           } else {
             if (
                 timetype_selected == 0 ||
                 schedule.schedule_type == timetype_selected
               ) {
-                filtedSchedules.push(schedule);
+                filtedSchedules.push(schedule)
               }
             }
           }
           schedules.push({
             zone_name: scheduleInfo.zone_name,
             scheduals: filtedSchedules
-          });
+          })
         }
       }
-      this.ismypatient = false;
-      return schedules;
+      this.ismypatient = false
+      return schedules
     }
   },
 
-  created() {
-    this.user_id = this.$store.getters.user.user.id;
+  created () {
+    this.user_id = this.$store.getters.user.user.id
 
-    var storedata = this.$store.getters.scheduals;
-    var scheduals = storedata.scheduals;
+    var storedata = this.$store.getters.scheduals
+    var scheduals = storedata.scheduals
     if (Object.keys(storedata).length > 0) {
-      var zoneMap = {};
-      var schedualMap = {};
+      var zoneMap = {}
+      var schedualMap = {}
       for (let index = 0; index < scheduals.length; index++) {
-        const schedual = scheduals[index];
+        const schedual = scheduals[index]
         if (schedual.dialysis_order == null) {
-          continue;
+          continue
         }
         if (schedualMap[schedual.device_number.zone.name] == null) {
-          schedualMap[schedual.device_number.zone.name] = [];
+          schedualMap[schedual.device_number.zone.name] = []
         }
-        schedualMap[schedual.device_number.zone.name].push(schedual);
+        schedualMap[schedual.device_number.zone.name].push(schedual)
         if (zoneMap[schedual.device_number.zone.name] == null) {
           zoneMap[schedual.device_number.zone.name] =
-            schedual.device_number.zone;
+            schedual.device_number.zone
         }
       }
 
-      var zones = [];
-      zones.push({ value: 0, text: "全部分区" });
+      var zones = []
+      zones.push({ value: 0, text: '全部分区' })
       for (var zoneName in zoneMap) {
-        zones.push({ value: zoneMap[zoneName].id, text: zoneName });
+        zones.push({ value: zoneMap[zoneName].id, text: zoneName })
       }
 
-      zones = zones.sort(function(a, b) {
-        return a.value > b.value;
-      });
-      this.zones = zones;
+      zones = zones.sort(function (a, b) {
+        return a.value > b.value
+      })
+      this.zones = zones
 
-      var dialysis_scheduals = [];
+      var dialysis_scheduals = []
       for (let index = 0; index < zones.length; index++) {
-        const zone = zones[index];
-        var scheduals = schedualMap[zone.text];
+        const zone = zones[index]
+        var scheduals = schedualMap[zone.text]
         if (scheduals == null) {
-          continue;
+          continue
         }
         dialysis_scheduals.push({
           zone_name: zone.text,
           scheduals: scheduals
-        });
+        })
       }
-      this.dialysis_scheduals = dialysis_scheduals;
+      this.dialysis_scheduals = dialysis_scheduals
     } else {
-      this.requestDialysisScheduals();
+      this.requestDialysisScheduals()
     }
   },
-  mounted() {
+  mounted () {
     this.timer = window.setInterval(() => {
-      setTimeout(this.requestDialysisScheduals(), 0);
-    }, 120000);
+      setTimeout(this.requestDialysisScheduals(), 0)
+    }, 120000)
   },
-  beforeDestroy() {
-    clearInterval(this.timer);
-    this.timer = null;
+  beforeDestroy () {
+    clearInterval(this.timer)
+    this.timer = null
   },
   methods: {
-    clearPatient() {
-      this.search_keyword = "";
-      this.ismypatient = false;
-      this.$emit("clear_search_keyword");
-      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+    clearPatient () {
+      this.search_keyword = ''
+      this.ismypatient = false
+      this.$emit('clear_search_keyword')
+      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
         zone: this.zone_selected,
         schedule_type: this.schedual_type_selected,
         schedule_date: this.selected_date,
         ismypatient: this.ismypatient
-      });
+      })
     },
-    mypatient() {
-      this.search_keyword = "";
-      this.ismypatient = true;
-      this.$emit("clear_search_keyword");
-      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+    mypatient () {
+      this.search_keyword = ''
+      this.ismypatient = true
+      this.$emit('clear_search_keyword')
+      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
         zone: this.zone_selected,
         schedule_type: this.schedual_type_selected,
         schedule_date: this.selected_date,
         ismypatient: this.ismypatient
-      });
-      this.newMypatient = 1;
+      })
+      this.newMypatient = 1
     },
-    reloads: function() {
-      this.reload();
+    reloads: function () {
+      this.reload()
     },
-    handletimeType: function(index) {
+    handletimeType: function (index) {
       if (!this.ismypatient) {
-        this.ismypatient = false;
+        this.ismypatient = false
       }
-      this.sch_type_options_visible = false;
-      this.schedual_type_selected = index;
-      this.$emit("clear_search_keyword");
-      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+      this.sch_type_options_visible = false
+      this.schedual_type_selected = index
+      this.$emit('clear_search_keyword')
+      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
         zone: this.zone_selected,
         schedule_type: this.schedual_type_selected,
         schedule_date: this.selected_date,
         ismypatient: this.ismypatient
-      });
+      })
     },
-    handleZoneChange: function(index) {
-      this.ismypatient = false;
-      this.zone_options_visible = false;
-      this.zone_selected = index;
-      this.$emit("clear_search_keyword");
-      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+    handleZoneChange: function (index) {
+      this.ismypatient = false
+      this.zone_options_visible = false
+      this.zone_selected = index
+      this.$emit('clear_search_keyword')
+      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
         zone: this.zone_selected,
         schedule_type: this.schedual_type_selected,
         schedule_date: this.selected_date,
         ismypatient: this.ismypatient
-      });
-      this.newMypatient = 0;
+      })
+      this.newMypatient = 0
     },
-    handleScheduleDateChange: function(date) {
+    handleScheduleDateChange: function (date) {
       if (!this.ismypatient) {
-        this.ismypatient = false;
+        this.ismypatient = false
       }
-      this.zone_selected = 0;
-      this.schedual_type_selected = 0;
-      this.$emit("clear_search_keyword");
-      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+      this.zone_selected = 0
+      this.schedual_type_selected = 0
+      this.$emit('clear_search_keyword')
+      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
         zone: this.zone_selected,
         schedule_type: this.schedual_type_selected,
         schedule_date: this.selected_date,
         ismypatient: this.ismypatient
-      });
-      this.requestDialysisScheduals();
+      })
+      this.requestDialysisScheduals()
     },
 
-    requestDialysisScheduals() {
+    requestDialysisScheduals () {
       // this.$toast.loading({forbidClick: true, duration: 0})
       // this.loading = true;
-      var type = 0;
+      var type = 0
       getDialysisScheduals({ type: type, date: this.selected_date_str })
         .then(rs => {
-          this.networkStates = true;
-          var resp = rs.data;
+          this.networkStates = true
+          var resp = rs.data
           if (resp.state == 1) {
-            this.loading = false;
+            this.loading = false
 
             // console.log(resp.data)
-            var scheduals = resp.data.scheduals;
-            this.$store.dispatch("SetScheduals", { scheduals: scheduals });
-            var zoneMap = {};
-            var schedualMap = {};
+            var scheduals = resp.data.scheduals
+            this.$store.dispatch('SetScheduals', { scheduals: scheduals })
+            this.$store.dispatch('SetWaitScheduals', { waitscheduals: scheduals })
+            this.$emit('refWaitingArea')
+            var zoneMap = {}
+            var schedualMap = {}
             for (let index = 0; index < scheduals.length; index++) {
-              const schedual = scheduals[index];
+              const schedual = scheduals[index]
               if (schedual.dialysis_order == null) {
-                continue;
+                continue
               }
               if (schedualMap[schedual.device_number.zone.name] == null) {
-                schedualMap[schedual.device_number.zone.name] = [];
+                schedualMap[schedual.device_number.zone.name] = []
               }
-              schedualMap[schedual.device_number.zone.name].push(schedual);
+              schedualMap[schedual.device_number.zone.name].push(schedual)
               if (zoneMap[schedual.device_number.zone.name] == null) {
                 zoneMap[schedual.device_number.zone.name] =
-                  schedual.device_number.zone;
+                  schedual.device_number.zone
               }
             }
 
-            var zones = [];
-            zones.push({ value: 0, text: "全部分区" });
+            var zones = []
+            zones.push({ value: 0, text: '全部分区' })
             for (var zoneName in zoneMap) {
-              zones.push({ value: zoneMap[zoneName].id, text: zoneName });
+              zones.push({ value: zoneMap[zoneName].id, text: zoneName })
             }
 
-            zones = zones.sort(function(a, b) {
-              return a.value > b.value;
-            });
-            this.zones = zones;
+            zones = zones.sort(function (a, b) {
+              return a.value > b.value
+            })
+            this.zones = zones
 
-            var dialysis_scheduals = [];
+            // eslint-disable-next-line camelcase
+            var dialysis_scheduals = []
             for (let index = 0; index < zones.length; index++) {
-              const zone = zones[index];
-              var scheduals = schedualMap[zone.text];
+              const zone = zones[index]
+              // eslint-disable-next-line no-redeclare
+              var scheduals = schedualMap[zone.text]
               if (scheduals == null) {
-                continue;
+                continue
               }
               dialysis_scheduals.push({
                 zone_name: zone.text,
                 scheduals: scheduals
-              });
+              })
             }
-            this.dialysis_scheduals = dialysis_scheduals;
+            // eslint-disable-next-line camelcase
+            this.dialysis_scheduals = dialysis_scheduals
           } else {
-            this.loading = false;
+            this.loading = false
 
             this.$toast({
               message: resp.msg
-            });
+            })
           }
         })
         .catch(error => {
-          this.loading = false;
+          this.loading = false
 
           // 超时之后在这里捕抓错误信息.
           if (error.response) {
-            this.networkStates = false;
+            this.networkStates = false
 
-            console.log("error.response");
-            console.log(error.response);
+            console.log('error.response')
+            console.log(error.response)
           } else if (error.request) {
-            this.networkStates = false;
+            this.networkStates = false
 
             // if(error.request.readyState == 4 && error.request.status == 0){
             //   //我在这里重新请求
             //   this.networkStates = false
             // }
           } else {
-            this.networkStates = false;
+            this.networkStates = false
           }
-        });
+        })
     },
-    openPicker() {
-      this.$refs.picker.open();
-      this.newMypatient = 0;
+    openPicker () {
+      this.$refs.picker.open()
+      this.newMypatient = 0
     }
     // getMyPatient () {
     //   console.log('这是啥', this.zone_options_visible)
     //   console.log('日期', this.selected_date)
     // }
   }
-};
+}
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>

src/pages/main/RecordPage.vue

         <van-button size="small" type="info">临时排班</van-button>
     </div>-->
     <div class="area">
-      <waiting-area v-show="index == 0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
-      <dialysis-area
-        v-show="index == 1"
-        title="透析区"
-        :search_keyword="search_keyword"
-        @clear_search_keyword="clearKeyword"
-      ></dialysis-area>
+      <waiting-area ref="waitingArea" v-show="index == 0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
+      <dialysis-area @refWaitingArea="refWaitingArea" v-show="index == 1" title="透析区" :search_keyword="search_keyword"  @clear_search_keyword="clearKeyword" ></dialysis-area>
     </div>
   </div>
 </template>
 
 <script>
-import DialysisArea from "./DialysisArea";
-import WaitingArea from "./WaitingArea";
-import { Popover } from "vux";
-import { getDialysisScheduals, getWaitingScheduals } from "@/api/dialysis";
-import { parseTime } from "@/utils/index";
-import { getDialysisOrWaitSelectedConfig } from "@/utils/data_config";
+import DialysisArea from './DialysisArea'
+import WaitingArea from './WaitingArea'
+import { Popover } from 'vux'
+import { getDialysisScheduals, getWaitingScheduals } from '@/api/dialysis'
+import { parseTime } from '@/utils/index'
+import { getDialysisOrWaitSelectedConfig } from '@/utils/data_config'
 
 export default {
-  name: "RecordPage",
+  name: 'RecordPage',
   props: {
     un_read_wait_num: {
       type: Number
       type: Number
     }
   },
-  data() {
+  data () {
     return {
       index: 1,
-      search_input: "",
-      search_keyword: "",
+      search_input: '',
+      search_keyword: '',
       scheduals: [],
       advice_groups: [],
       unReadWaitNum: 0,
       unReadDialysisNum: 0
-    };
+    }
   },
   components: {
     DialysisArea,
   },
 
   methods: {
-    ClickTab: function(tabIndex) {
-      this.index = tabIndex;
+    refWaitingArea: function () {
+      this.$refs.waitingArea.requestScheduals()
+      this.$emit('refAdvice')
+    },
+    ClickTab: function (tabIndex) {
+      this.index = tabIndex
     },
-    searchWithKeyword: function() {
-      this.$refs.search_field.blur();
-      this.search_keyword = this.search_input;
+    searchWithKeyword: function () {
+      this.$refs.search_field.blur()
+      this.search_keyword = this.search_input
     },
-    clearKeyword: function() {
-      this.search_input = "";
-      this.search_keyword = "";
+    clearKeyword: function () {
+      this.search_input = ''
+      this.search_keyword = ''
     }
   },
-  created() {
-    var index = getDialysisOrWaitSelectedConfig();
-    console.log(index);
+  created () {
+    var index = getDialysisOrWaitSelectedConfig()
+    console.log(index)
     if (index != null) {
-      this.index = index;
+      this.index = index
     }
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>

src/pages/main/WaitingArea.vue

 
         console.log(filtedSchedules)
         return this.processScheduals(filtedSchedules)
-
+        // eslint-disable-next-line no-unreachable
         if (this.select_index == 2) {
           var scheduals = []
           for (let index = 0; index < this.scheduals.length; index++) {
 
       this.zone_options = this.makeZones(scheduals)
       this.zone_scheduals = this.processScheduals(scheduals)
-    } else {
-      this.requestScheduals()
-    }
+    } 
+    // else {
+    //   this.requestScheduals()
+    // }
   },
   mounted () {
-    this.timer = window.setInterval(() => {
-      setTimeout(this.requestScheduals(), 0)
-    }, 120000)
+    // this.timer = window.setInterval(() => {
+    //   setTimeout(this.requestScheduals(), 0)
+    // }, 120000)
   },
   beforeDestroy () {
     clearInterval(this.timer)
       setSelectedTimesDataConfigList(index.toString())
     },
 
-    requestScheduals () {
+    requestScheduals: function () {
       // this.loading = true;
-      var date = parseTime(Date.parse(new Date()), '{y}-{m}-{d}')
-      getWaitingScheduals({ date: date })
-        .then(rs => {
-          var resp = rs.data
-          if (resp.state == 1) {
-            this.loading = false
-
-            var scheduals = resp.data.scheduals
-            this.$store.dispatch('SetWaitScheduals', {
-              waitscheduals: scheduals
-            })
-            var totalCount = scheduals.length
-            var prescription_count = 0
-            var assessment_before_dislysis_count = 0
-            for (let index = 0; index < scheduals.length; index++) {
-              const schedual = scheduals[index]
-              if (schedual.assessment_before_dislysis == null) {
-                assessment_before_dislysis_count += 1
-              }
-              if (schedual.prescription == null) {
-                prescription_count += 1
-              }
-            }
-            this.menuList[2].count = assessment_before_dislysis_count
-            this.menuList[1].count = prescription_count
-            this.scheduals = scheduals
-
-            this.zone_options = this.makeZones(scheduals)
-            this.zone_scheduals = this.processScheduals(scheduals)
-          } else {
-            this.loading = false
-
-            this.$toast({
-              message: resp.msg
-            })
-          }
-        })
-        .catch(error => {
-          this.loading = false
-
-          // 超时之后在这里捕抓错误信息.
-          if (error.response) {
-            this.networkStates = false
-          } else if (error.request) {
-            this.networkStates = false
-            // if(error.request.readyState == 4 && error.request.status == 0){
-            //   //我在这里重新请求
-            //   this.networkStates = false
-            // }
-          } else {
-            this.networkStates = false
-          }
-        })
+      // var date = parseTime(Date.parse(new Date()), '{y}-{m}-{d}')
+      // getWaitingScheduals({ date: date }).then(rs => {
+      // var resp = rs.data
+      // if (resp.state == 1) {
+      this.loading = false
+      var storedata = this.$store.getters.waitscheduals
+      var scheduals = storedata.waitscheduals
+
+      // var scheduals = resp.data.scheduals
+      // this.$store.dispatch('SetWaitScheduals', {
+      //   waitscheduals: scheduals
+      // })
+      var totalCount = scheduals.length
+      var prescription_count = 0
+      var assessment_before_dislysis_count = 0
+      for (let index = 0; index < scheduals.length; index++) {
+        const schedual = scheduals[index]
+        if (schedual.assessment_before_dislysis == null) {
+          assessment_before_dislysis_count += 1
+        }
+        if (schedual.prescription == null) {
+          prescription_count += 1
+        }
+      }
+      this.menuList[2].count = assessment_before_dislysis_count
+      this.menuList[1].count = prescription_count
+      this.scheduals = scheduals
+
+      this.zone_options = this.makeZones(scheduals)
+      this.zone_scheduals = this.processScheduals(scheduals)
+      // } else {
+      //   this.loading = false
+
+      //   this.$toast({
+      //     message: resp.msg
+      //   })
+      // }
+      // }).catch(error => {
+      //     this.loading = false
+
+      //     // 超时之后在这里捕抓错误信息.
+      //     if (error.response) {
+      //       this.networkStates = false
+      //     } else if (error.request) {
+      //       this.networkStates = false
+      //       // if(error.request.readyState == 4 && error.request.status == 0){
+      //       //   //我在这里重新请求
+      //       //   this.networkStates = false
+      //       // }
+      //     } else {
+      //       this.networkStates = false
+      //     }
+      //   })
     },
     makeZones: function (scheduals) {
       var zoneMap = {}

src/pages/main/index.vue

   <div class="mainBox">
     <div class="newBox">
       <div class="mainContent">
-        <record-page
-          :un_read_wait_num="unReadWaitNum"
-          :un_read_dialysis_num="unReadDialysisNum"
-        ></record-page>
+        <record-page @refAdvice="refAdvice" :un_read_wait_num="unReadWaitNum" :un_read_dialysis_num="unReadDialysisNum" ></record-page>
       </div>
       <side-bar :active_index="0" :total_read_dot="readNum"></side-bar>
     </div>
 </template>
 
 <script>
-import RecordPage from "./RecordPage";
-import SideBar from "@/pages/layout/SideBar";
-import { getDialysisScheduals, getWaitingScheduals } from "@/api/dialysis";
-import { parseTime } from "@/utils/index";
+import RecordPage from './RecordPage'
+import SideBar from '@/pages/layout/SideBar'
+import { getDialysisScheduals, getWaitingScheduals } from '@/api/dialysis'
+import { parseTime } from '@/utils/index'
 
 export default {
-  name: "Main",
-  data() {
+  name: 'Main',
+  data () {
     return {
       timer: null,
       scheduals: [],
       advice_groups: [],
       unReadWaitNum: 0,
       unReadDialysisNum: 0
-    };
+    }
   },
   components: {
     RecordPage,
     SideBar
   },
-  created() {
-    this.requestScheduals();
-    this.requestDialysisScheduals();
+  created () {
+    // this.requestScheduals()
+    // this.requestDialysisScheduals()
   },
+  mounted () {
+    // this.timer = window.setInterval(() => {
+    //   setTimeout(this.requestScheduals(), 0)
+    // }, 10000)
+
+    // this.timerDia = window.setInterval(() => {
+    //   setTimeout(this.requestDialysisScheduals(), 0)
+    // }, 10000)
+  },
+  // beforeDestroy () {
+  //   clearInterval(this.timer)
+  //   this.timer = null
+  //   this.$once('hook:beforeDestroy', () => {
+  //     clearInterval(this.timer)
+  //   })
+
+  //   clearInterval(this.timerDia)
+  //   this.timerDia = null
+  //   this.$once('hook:beforeDestroy', () => {
+  //     clearInterval(this.timerDia)
+  //   })
+  // },
   methods: {
-    requestScheduals() {
-      var storedata = this.$store.getters.waitscheduals;
-      var scheduals = storedata.waitscheduals;
+    refAdvice () {
+      this.requestScheduals()
+      this.requestDialysisScheduals()
+    },
+    requestScheduals () {
+      var storedata = this.$store.getters.waitscheduals
+      var scheduals = storedata.waitscheduals
       if (Object.keys(storedata).length > 0) {
-        this.scheduals = scheduals;
-        console.log(this.scheduals);
-        let doctorAdvice = [];
+        this.scheduals = scheduals
+        console.log(this.scheduals)
+        let doctorAdvice = []
         for (let i = 0; i < this.scheduals.length; i++) {
           for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
             if (this.scheduals[i].dialysis_order == null) {
               if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
-                doctorAdvice.push(this.scheduals[i].doctor_advice[y]);
+                doctorAdvice.push(this.scheduals[i].doctor_advice[y])
               }
             }
           }
         }
 
-        const sorted = this.groupBy(doctorAdvice, function(item) {
-          return [item.groupno];
-        });
-        this.unReadWaitNum = sorted.length;
-      } else {
-        var date = parseTime(Date.parse(new Date()), "{y}-{m}-{d}");
-        getWaitingScheduals({ date: date }).then(rs => {
-          var resp = rs.data;
-          this.$store.dispatch("SetRequestScheduals", { resp });
-          // console.log(resp);
-          if (resp.state == 1) {
-            var scheduals = resp.data.scheduals;
-            this.scheduals = scheduals;
-            console.log(this.scheduals);
-            let doctorAdvice = [];
-            for (let i = 0; i < this.scheduals.length; i++) {
-              for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
-                if (this.scheduals[i].dialysis_order == null) {
-                  if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
-                    doctorAdvice.push(this.scheduals[i].doctor_advice[y]);
-                  }
-                }
-              }
-            }
+        const sorted = this.groupBy(doctorAdvice, function (item) {
+          return [item.groupno]
+        })
+        this.unReadWaitNum = sorted.length
+      } 
+      // else {
+      //   var date = parseTime(Date.parse(new Date()), '{y}-{m}-{d}')
+      //   getWaitingScheduals({ date: date }).then(rs => {
+      //     var resp = rs.data
+      //     this.$store.dispatch('SetRequestScheduals', { resp })
+      //     // console.log(resp);
+      //     if (resp.state == 1) {
+      //       var scheduals = resp.data.scheduals
+      //       this.scheduals = scheduals
+      //       console.log(this.scheduals)
+      //       let doctorAdvice = []
+      //       for (let i = 0; i < this.scheduals.length; i++) {
+      //         for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
+      //           if (this.scheduals[i].dialysis_order == null) {
+      //             if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
+      //               doctorAdvice.push(this.scheduals[i].doctor_advice[y])
+      //             }
+      //           }
+      //         }
+      //       }
 
-            const sorted = this.groupBy(doctorAdvice, function(item) {
-              return [item.groupno];
-            });
+      //       const sorted = this.groupBy(doctorAdvice, function (item) {
+      //         return [item.groupno]
+      //       })
 
-            this.unReadWaitNum = sorted.length;
-          } else {
-            this.$toast({
-              message: resp.msg
-            });
-          }
-        });
-      }
+      //       this.unReadWaitNum = sorted.length
+      //     } else {
+      //       this.$toast({
+      //         message: resp.msg
+      //       })
+      //     }
+      //   })
+      // }
     },
-    requestDialysisScheduals() {
-      var storedata = this.$store.getters.scheduals;
-      var scheduals = storedata.scheduals;
+    requestDialysisScheduals () {
+      var storedata = this.$store.getters.scheduals
+      var scheduals = storedata.scheduals
       if (Object.keys(storedata).length > 0) {
-        let doctorAdvice = [];
+        let doctorAdvice = []
         for (let index = 0; index < scheduals.length; index++) {
-          const schedual = scheduals[index];
+          const schedual = scheduals[index]
           if (schedual.dialysis_order == null) {
-            continue;
+            continue
           }
           for (let y = 0; y < schedual.doctor_advice.length; y++) {
             if (schedual.doctor_advice[y].execution_state == 2) {
-              doctorAdvice.push(schedual.doctor_advice[y]);
+              doctorAdvice.push(schedual.doctor_advice[y])
             }
           }
         }
 
-        const sorted = this.groupBy(doctorAdvice, function(item) {
-          return [item.groupno];
-        });
-
-        this.unReadDialysisNum = sorted.length;
-      } else {
-        var date = this.$store.getters.app.dialysis_area.schedule_date;
-        var type = 0;
-        getDialysisScheduals({
-          type: type,
-          date: parseTime(date, "{y}-{m}-{d}")
+        const sorted = this.groupBy(doctorAdvice, function (item) {
+          return [item.groupno]
         })
-          .then(rs => {
-            var resp = rs.data;
-            this.$store.dispatch("SetRequestDialysisScheduals", { resp });
-            if (resp.state == 1) {
-              var scheduals = resp.data.scheduals;
-              let doctorAdvice = [];
-              for (let index = 0; index < scheduals.length; index++) {
-                const schedual = scheduals[index];
-                if (schedual.dialysis_order == null) {
-                  continue;
-                }
-                for (let y = 0; y < schedual.doctor_advice.length; y++) {
-                  if (schedual.doctor_advice[y].execution_state == 2) {
-                    doctorAdvice.push(schedual.doctor_advice[y]);
-                  }
-                }
-              }
 
-              const sorted = this.groupBy(doctorAdvice, function(item) {
-                return [item.groupno];
-              });
+        this.unReadDialysisNum = sorted.length
+      } 
+      // else {
+      //   var date = this.$store.getters.app.dialysis_area.schedule_date
+      //   var type = 0
+      //   getDialysisScheduals({
+      //     type: type,
+      //     date: parseTime(date, '{y}-{m}-{d}')
+      //   })
+      //     .then(rs => {
+      //       var resp = rs.data
+      //       this.$store.dispatch('SetRequestDialysisScheduals', { resp })
+      //       if (resp.state == 1) {
+      //         var scheduals = resp.data.scheduals
+      //         let doctorAdvice = []
+      //         for (let index = 0; index < scheduals.length; index++) {
+      //           const schedual = scheduals[index]
+      //           if (schedual.dialysis_order == null) {
+      //             continue
+      //           }
+      //           for (let y = 0; y < schedual.doctor_advice.length; y++) {
+      //             if (schedual.doctor_advice[y].execution_state == 2) {
+      //               doctorAdvice.push(schedual.doctor_advice[y])
+      //             }
+      //           }
+      //         }
 
-              this.unReadDialysisNum = sorted.length;
-            } else {
-              this.$toast({
-                message: resp.msg
-              });
-            }
-          })
-          .catch(v => {});
-      }
+      //         const sorted = this.groupBy(doctorAdvice, function (item) {
+      //           return [item.groupno]
+      //         })
+
+      //         this.unReadDialysisNum = sorted.length
+      //       } else {
+      //         this.$toast({
+      //           message: resp.msg
+      //         })
+      //       }
+      //     })
+      //     .catch(v => {})
+      // }
     },
-    groupBy(array, f) {
-      const groups = {};
-      array.forEach(function(o) {
-        const group = JSON.stringify(f(o));
-        groups[group] = groups[group] || [];
-        groups[group].push(o);
-      });
-      return Object.keys(groups).map(function(group) {
-        return groups[group];
-      });
+    groupBy (array, f) {
+      const groups = {}
+      array.forEach(function (o) {
+        const group = JSON.stringify(f(o))
+        groups[group] = groups[group] || []
+        groups[group].push(o)
+      })
+      return Object.keys(groups).map(function (group) {
+        return groups[group]
+      })
     },
-    getData() {
-      console.log("111111");
+    getData () {
+      console.log('111111')
       // this.requestScheduals()
       // this.requestDialysisScheduals()
     }
   },
   computed: {
-    readNum: function() {
-      return this.unReadWaitNum + this.unReadDialysisNum;
+    readNum: function () {
+      return this.unReadWaitNum + this.unReadDialysisNum
     }
-  },
-  mounted() {
-    // this.timer = window.setInterval(() => {
-    //   setTimeout(this.getData(), 0);
-    // }, 30000);
-  },
-  beforeDestroy() {
-    clearInterval(this.timer);
-    this.timer = null;
   }
-};
+}
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>