修改透析监测

src/pages/monitoring/index.vue

               <th width="9%">透析号</th>
               <th width="10%">排班时间</th>
               <th width="10%">透析模式</th>
+              <th width="10%">透析器</th>
               <th width="9%">目标超滤量</th>
               <th width="10%">体重(透前/透后)</th>
               <th width="28%">监控预警(血压/心率)</th>
           </table>
 
           <table
-            class="table"
-            v-for="(items, index) in dialysis_scheduals"
-            :key="index"
-          >
+            class="table" v-for="(items, index) in dialysis_scheduals" :key="index" >
             <tr v-if="items.zone_name.length > 0">
               <td width="8%">{{ items.zone_name }}</td>
               <td width="6%"></td>
               <td width="9%"></td>
               <td width="10%"></td>
               <td width="10%"></td>
+              <td width="10%"> </td>
               <td width="9%"></td>
               <td width="10%"></td>
               <td width="28%"></td>
             </tr>
-            <tr
-              v-for="(item, index) in items.scheduals"
-              :key="index"
-              @click="clickfunction(item)"
-            >
+            <tr v-for="(item, index) in items.scheduals" :key="index" @click="clickfunction(item)" >
               <td width="8%" style="color:#409eff;">{{ item.patient.name }}</td>
               <td width="6%">
                 {{
                 {{ parseTime(item.schedule_date, "{y}-{m}-{d}") }}
               </td>
               <td width="10%">{{ item.treatment_mode.name }}</td>
-              <td width="9%">
-                {{
-                  item.prescription.target_ultrafiltration
-                    ? item.prescription.target_ultrafiltration
-                    : ""
-                }}
-              </td>
+              <td width="10%">{{ item.prescription.dialyzer_perfusion_apparatus }}</td>
+              <td width="9%"> {{ item.prescription.target_ultrafiltration ? item.prescription.target_ultrafiltration  : "" }} </td>
               <td width="10%">
                 {{
                   item.assessment_before_dislysis.weight_before
 </template>
 
 <script>
-import SideBar from "@/pages/layout/SideBar";
-import Divider from "vux/src/components/divider/index";
-import { getMonitorList, GetAllZone, getPatientMonitors } from "@/api/monitor";
-import { parseTime } from "@/utils";
-import { Toast } from "vant";
+import SideBar from '@/pages/layout/SideBar'
+import Divider from 'vux/src/components/divider/index'
+import { getMonitorList, GetAllZone, getPatientMonitors } from '@/api/monitor'
+import { parseTime } from '@/utils'
+import { Toast } from 'vant'
 
 export default {
-  name: "MonitoringIndex",
-  created() {
+  name: 'MonitoringIndex',
+  created () {
     this.queryParams.date = this.parseTime(
       new Date().getTime() / 1000,
-      "{y}-{m}-{d}"
-    );
-    this.queryParams.partition = this.partition;
-    this.getMonitor(this.queryParams);
-    this.GetAllZone();
+      '{y}-{m}-{d}'
+    )
+    this.queryParams.partition = this.partition
+    this.getMonitor(this.queryParams)
+    this.GetAllZone()
   },
-  data() {
+  data () {
     return {
       loading: false,
       finished: false,
       partition: 0,
       queryParams: {
         date: new Date(),
-        partition: ""
+        partition: ''
       },
-      patient_keyword: "",
+      patient_keyword: '',
       search_page: 1
-    };
+    }
   },
   methods: {
-    clickfunction: function(val) {
+    clickfunction: function (val) {
       this.$router.push({
-        path: "/details",
+        path: '/details',
         query: {
           patient_id: val.patient_id,
           date: val.schedule_date,
           patient_name: val.patient.name
         }
-      });
+      })
     },
-    getMonitor: function(queryParams) {
-      this.search_page = 1;
-      this.patient_keyword = "";
+    getMonitor: function (queryParams) {
+      this.search_page = 1
+      this.patient_keyword = ''
 
-      this.loading = true;
-      this.finished = false;
-      this.dialysis_scheduals = [];
+      this.loading = true
+      this.finished = false
+      this.dialysis_scheduals = []
       getMonitorList(queryParams).then(response => {
-        this.loading = false;
-        this.finished = true;
+        this.loading = false
+        this.finished = true
         if (response.data.state == 0) {
-          return false;
+          return false
         } else {
-          var scheduals = response.data.data.monitor;
-          var zoneMap = {};
-          var schedualMap = {};
+          var scheduals = response.data.data.monitor
+          var zoneMap = {}
+          var schedualMap = {}
 
           for (let index = 0; index < scheduals.length; index++) {
-            const schedual = scheduals[index];
+            const schedual = scheduals[index]
             if (schedualMap[schedual.device_zone.name] == null) {
-              schedualMap[schedual.device_zone.name] = [];
+              schedualMap[schedual.device_zone.name] = []
             }
-            schedualMap[schedual.device_zone.name].push(schedual);
+            schedualMap[schedual.device_zone.name].push(schedual)
             if (zoneMap[schedual.device_zone.name] == null) {
-              zoneMap[schedual.device_zone.name] = schedual.device_zone;
+              zoneMap[schedual.device_zone.name] = schedual.device_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
           // console.log(this.dialysis_scheduals);
         }
-      });
+      })
     },
-    parseTime(time, layout) {
-      return parseTime(time, layout);
+    parseTime (time, layout) {
+      return parseTime(time, layout)
     },
-    openPicker: function() {
-      this.$refs.date_picker.open();
+    openPicker: function () {
+      this.$refs.date_picker.open()
     },
-    handleDateConfirm: function(val) {
-      this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
-      this.queryParams.partition = this.partition;
+    handleDateConfirm: function (val) {
+      this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
+      this.queryParams.partition = this.partition
 
-      this.getMonitor(this.queryParams);
+      this.getMonitor(this.queryParams)
     },
-    partitionName: function(val) {
+    partitionName: function (val) {
       for (let i = 0; i < this.partitionArr.length; i++) {
         if (this.partitionArr[i].id == val) {
-          return this.partitionArr[i].name;
+          return this.partitionArr[i].name
         }
       }
     },
-    GetAllZone: function() {
+    GetAllZone: function () {
       GetAllZone().then(response => {
         if (response.data.state == 0) {
-          return false;
+          return false
         } else {
-          this.partitionArr = response.data.data.zone;
-          this.partitionArr.unshift({ id: 0, name: "全部分区" });
+          this.partitionArr = response.data.data.zone
+          this.partitionArr.unshift({ id: 0, name: '全部分区' })
         }
-      });
+      })
     },
-    itemClick: function(id) {
-      this.partition = id;
-      this.visible = false;
+    itemClick: function (id) {
+      this.partition = id
+      this.visible = false
 
-      this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
-      this.queryParams.partition = this.partition;
-      this.getMonitor(this.queryParams);
+      this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
+      this.queryParams.partition = this.partition
+      this.getMonitor(this.queryParams)
     },
-    monitorBloodPressureStatus: function(val) {
-      let status = 0;
+    monitorBloodPressureStatus: function (val) {
+      let status = 0
       if (val.length == 0) {
-        return 0;
+        return 0
       }
       for (let i = 0; i < val.length; i++) {
-        //舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
+        // 舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
         if (
           val[i].systolic_blood_pressure >= 140 ||
           val[i].diastolic_blood_pressure >= 90
         ) {
-          status = 3; //高压
+          status = 3 // 高压
         } else if (
           val[i].diastolic_blood_pressure < 60 ||
           val[i].systolic_blood_pressure < 90
         ) {
-          status = 1; //低压
+          status = 1 // 低压
         } else if (
           val[i].diastolic_blood_pressure >= 60 ||
           val[i].systolic_blood_pressure < 140
         ) {
-          status = 2; //正常
+          status = 2 // 正常
         }
 
         // if ( val[i].diastolic_blood_pressure < 60 | val[i].systolic_blood_pressure < 90 ) {
         // }
       }
 
-      return status;
+      return status
     },
-    monitorRateStatus: function(val) {
-      let status = 0;
+    monitorRateStatus: function (val) {
+      let status = 0
       if (val.length == 0) {
-        return 0;
+        return 0
       }
       for (let i = 0; i < val.length; i++) {
-        //舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
+        // 舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
         if (val[i].pulse_frequency < 60) {
-          status = 1; //心率过缓
+          status = 1 // 心率过缓
         } else if (
           val[i].pulse_frequency >= 60 &&
           val[i].pulse_frequency < 100
         ) {
-          status = 2; //心率正常
+          status = 2 // 心率正常
         } else if (val[i].pulse_frequency >= 100) {
-          status = 3; //心率过快
+          status = 3 // 心率过快
         }
       }
-      return status;
+      return status
     },
-    searchWithKeyword: function(page) {
-      this.$refs.search_field.blur();
+    searchWithKeyword: function (page) {
+      this.$refs.search_field.blur()
       if (this.patient_keyword.length == 0) {
-        this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
-        this.queryParams.partition = this.partition;
-        this.getMonitor(this.queryParams);
-        return;
+        this.queryParams.date = this.parseTime(this.date / 1000, '{y}-{m}-{d}')
+        this.queryParams.partition = this.partition
+        this.getMonitor(this.queryParams)
+        return
       }
 
-      this.partition = 0;
+      this.partition = 0
 
-      this.search_page = page;
+      this.search_page = page
       if (page == 1) {
-        this.dialysis_scheduals = [];
+        this.dialysis_scheduals = []
       }
-      this.loading = true;
-      this.finished = false;
+      this.loading = true
+      this.finished = false
       getPatientMonitors({
         keyword: this.patient_keyword,
         page: this.search_page
       }).then(rs => {
-        this.loading = false;
-        this.finished = true;
-        var resp = rs.data;
+        this.loading = false
+        this.finished = true
+        var resp = rs.data
         if (resp.state == 1) {
           if (resp.data.monitor.length > 0) {
             this.dialysis_scheduals.push({
-              zone_name: "",
+              zone_name: '',
               scheduals: resp.data.monitor
-            });
-            this.finished = false;
+            })
+            this.finished = false
           } else {
-            this.finished = true;
+            this.finished = true
           }
         }
-      });
+      })
     },
-    onLoad: function() {
-      this.searchWithKeyword(this.search_page + 1);
+    onLoad: function () {
+      this.searchWithKeyword(this.search_page + 1)
     }
   },
   components: {
     Divider,
     SideBar
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>