表格渲染

src/pages/advice/DialysisAdviceTable.vue

@@ -188,9 +188,9 @@
 </template>
 
 <script>
-import SideBar from '@/pages/layout/SideBar';
-import { parseTime } from '@/utils';
-import { getSchedualDoctors } from '@/api/advice';
+import SideBar from '@/pages/layout/SideBar'
+import { parseTime } from '@/utils'
+import { getSchedualDoctors } from '@/api/advice'
 
 export default {
   name: 'DialysisAdviceTable',
@@ -289,10 +289,10 @@ export default {
                   advices: []
                 }
               )
-            };
+            }
             var initGroupBlock = function (group, advice) {
               group.group_no = advice.groupno
-            };
+            }
 
             var advice_groups = []
             var group = newGroupObject()
@@ -320,7 +320,7 @@ export default {
                   group.advices.push(advice)
                   advice_groups.push(group)
                   group = newGroupObject()
-                  continue;
+                  continue
                 }
               } else {
                 if (group.group_no > 0 && group.group_no != advice.groupno) {
@@ -347,8 +347,6 @@ export default {
         }
       }
 
-      console.log(scheduleMap)
-
       return scheduleMap
     }
   },
@@ -389,11 +387,11 @@ export default {
     getAdaviceType (type, parent_id) {
       if (parent_id == 0) {
         if (type == 1) {
-          return '长嘱';
+          return '长嘱'
         } else if (type == 2) {
-          return '临嘱';
+          return '临嘱'
         } else if (type == 3) {
-          return '临嘱';
+          return '临嘱'
         }
       }
     },
@@ -422,7 +420,7 @@ export default {
     parseTime: function (time, layout) {
       // console.log(time);
       if (time == 0) {
-        return '';
+        return ''
       }
       return parseTime(time, layout)
     },
@@ -436,6 +434,7 @@ export default {
         if (resp.state == 1) {
           this.admin_user = resp.data.adminUser
           var schedules = resp.data.scheduals
+          console.log('schedules', schedules)
           var zoneMap = {}
           var scheduleMap = {}
           for (let index = 0; index < schedules.length; index++) {

src/pages/main/dialysis/LongTable.vue

@@ -30,17 +30,37 @@
       </div>
     </div>-->
     <div class="newTable">
-      <el-table :data="tableData" border style="width: 100%">
-        <el-table-column fixed prop="date" label="序号" width="100"></el-table-column>
-        <el-table-column prop="name" label="透析模式" width="100"></el-table-column>
-        <el-table-column prop="province" label="透析时长" width="120"></el-table-column>
-        <el-table-column prop="city" label="医生" width="120"></el-table-column>
-        <el-table-column prop="address" label="更新日期" width="100"></el-table-column>
-        <el-table-column label="操作" width="100">
+      <el-table :data="tableDate" border style="width: 100%">
+        <el-table-column fixed prop="date" label="序号" width="100" align="center">
+            <template slot-scope="scope">
+               {{scope.row.no}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="name" label="透析模式" width="100" align="center">
           <template slot-scope="scope">
-            <el-button @click="handleClick(scope.row)" type="text" size="small">修改</el-button>
+               {{scope.row.mode_name}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="province" label="透析时长" width="120" align="center">
+          <template slot-scope="scope">
+             {{scope.row.dialysis_duration_hour}}h {{scope.row.dialysis_duration_minute}}min
+          </template>
+        </el-table-column>
+        <el-table-column prop="city" label="医生" width="120" align="center">
+            <template slot-scope="scope">
+                 {{tranDoctor(scope.row.registrars_id)}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="address" label="更新日期" width="100" align="center">
+          <template slot-scope="scope">
+            {{scope.row.edate}}
           </template>
         </el-table-column>
+        <!-- <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button @click="handleClick(scope.row)" type="text" size="small">修改</el-button>
+          </template>
+        </el-table-column> -->
       </el-table>
     </div>
     <van-popup
@@ -319,18 +339,18 @@
 import {
   GetPatientDialysisSolutionList,
   EditDialysisSolution
-} from "@/api/patient";
-import { parseTime } from "@/utils";
-import { fetchAllAdminUsers } from "@/api/doctor";
-import { getDataConfig } from "@/utils/data";
-import CheckBoxSubMenu from "../dialog/subMenu/checkBoxSubMenu";
-import { Toast } from "vant";
+} from '@/api/patient'
+import { parseTime } from '@/utils'
+import { fetchAllAdminUsers } from '@/api/doctor'
+import { getDataConfig } from '@/utils/data'
+import CheckBoxSubMenu from '../dialog/subMenu/checkBoxSubMenu'
+import { Toast } from 'vant'
 
-let allno = 1;
+let allno = 1
 
 export default {
-  name: "LongTable",
-  data() {
+  name: 'LongTable',
+  data () {
     return {
       visibility: false,
       loading: false,
@@ -351,424 +371,389 @@ export default {
       },
       dialysisSolution: {
         id: 0,
-        mode: "",
-        mode_id: "",
-        mode_name: "",
-        dialysis_duration: "",
-        dialysis_duration_hour: "",
-        dialysis_duration_minute: "",
-        hemodialysis_machine: "",
-        perfusion_apparatus: "",
-        perfusion_apparatus_name: "",
-        blood_flow_volume: "",
-        dewater: "",
+        mode: '',
+        mode_id: '',
+        mode_name: '',
+        dialysis_duration: '',
+        dialysis_duration_hour: '',
+        dialysis_duration_minute: '',
+        hemodialysis_machine: '',
+        perfusion_apparatus: '',
+        perfusion_apparatus_name: '',
+        blood_flow_volume: '',
+        dewater: '',
         displace_liqui: 0,
-        replacement_way: "",
-        replacement_way_name: "",
-        anticoagulant: "",
-        anticoagulant_name: "",
-        anticoagulant_shouji: "",
-        anticoagulant_weichi: "",
-        anticoagulant_zongliang: "",
-        anticoagulant_gaimingcheng: "",
-        anticoagulant_gaijiliang: "",
-        target_ultrafiltration: "",
-        dialysate_formulation: "",
-        replacement_total: "",
-        kalium: "",
-        sodium: "",
-        calcium: "",
-        bicarbonate: "",
-        glucose: "",
-        dry_weight: "",
-        dialysate_flow: "",
-        dialysate_temperature: "",
-        conductivity: "",
-        doctor: "",
-        remark: ""
+        replacement_way: '',
+        replacement_way_name: '',
+        anticoagulant: '',
+        anticoagulant_name: '',
+        anticoagulant_shouji: '',
+        anticoagulant_weichi: '',
+        anticoagulant_zongliang: '',
+        anticoagulant_gaimingcheng: '',
+        anticoagulant_gaijiliang: '',
+        target_ultrafiltration: '',
+        dialysate_formulation: '',
+        replacement_total: '',
+        kalium: '',
+        sodium: '',
+        calcium: '',
+        bicarbonate: '',
+        glucose: '',
+        dry_weight: '',
+        dialysate_flow: '',
+        dialysate_temperature: '',
+        conductivity: '',
+        doctor: '',
+        remark: ''
       },
       anticoagulant: {
         id: 0,
-        name: "",
+        name: '',
         type: 1,
         shouji: 1,
         weichi: 1,
         zongliang: 1,
         gaimingcheng: -1,
         gaijiliang: -1,
-        shouji_unit: "mg",
-        weichi_unit: "mg/h",
-        zongliang_unit: "mg",
-        gaimingcheng_unit: "",
-        gaijiliang_unit: ""
+        shouji_unit: 'mg',
+        weichi_unit: 'mg/h',
+        zongliang_unit: 'mg',
+        gaimingcheng_unit: '',
+        gaijiliang_unit: ''
       },
       propForm: {
-        title: "",
+        title: '',
         list: [],
         optionList: [],
         isMultiple: 2,
-        result: [], //选中的值
-        type: 1, //用来区分不同子菜单，方便对返回值进行赋值
+        result: [], // 选中的值
+        type: 1, // 用来区分不同子菜单，方便对返回值进行赋值
         selectId: 0
       },
       modeOption: [],
       dialysateFormulationOptions: [],
       anticoagulantsConfit: {},
-      timeValue: "",
-      time: "03:00",
-      record_date: "",
-
-      tableData: [
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1517 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1519 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1516 弄",
-          zip: 200333
-        }
-      ]
-    };
+      timeValue: '',
+      time: '03:00',
+      record_date: ''
+    }
   },
   methods: {
-    commitInfo: function() {
-      Toast.loading({ forbidClick: true, duration: 0 });
-      this.dialysisSolution.mode = this.dialysisSolution.mode_id;
+    commitInfo: function () {
+      Toast.loading({ forbidClick: true, duration: 0 })
+      this.dialysisSolution.mode = this.dialysisSolution.mode_id
       EditDialysisSolution(
         this.dialysisSolution.id,
         this.dialysisSolution
       ).then(response => {
         if (response.data.state == 0) {
-          Toast.fail(response.data.msg);
-          return false;
+          Toast.fail(response.data.msg)
+          return false
         } else {
-          Toast.success("修改成功");
+          Toast.success('修改成功')
           for (const key in response.data.data.solution) {
             this.tableDate[this.currentIndex][key] =
-              response.data.data.solution[key];
+              response.data.data.solution[key]
           }
-          this.popupDidHide();
+          this.popupDidHide()
         }
-      });
+      })
     },
-    openEdit(index, item) {
-      this.currentIndex = index;
+    openEdit (index, item) {
+      this.currentIndex = index
       for (var key in item) {
-        this.dialysisSolution[key] = item[key];
+        this.dialysisSolution[key] = item[key]
       }
 
       this.timeValue =
         this.dialysisSolution.dialysis_duration_hour +
-        "小时" +
+        '小时' +
         this.dialysisSolution.dialysis_duration_minute +
-        "分钟";
+        '分钟'
 
       this.time =
         (this.dialysisSolution.dialysis_duration_hour >= 10
           ? this.dialysisSolution.dialysis_duration_hour
-          : "0" + this.dialysisSolution.dialysis_duration_hour) +
-        ":" +
+          : '0' + this.dialysisSolution.dialysis_duration_hour) +
+        ':' +
         (this.dialysisSolution.dialysis_duration_minute >= 10
           ? this.dialysisSolution.dialysis_duration_minute
-          : "0" + this.dialysisSolution.dialysis_duration_minute);
+          : '0' + this.dialysisSolution.dialysis_duration_minute)
 
-      this.showObj.showPopup = true;
+      this.showObj.showPopup = true
 
       // document.getElementById('dialogTop').scrollTop = 200;
-      var dialogTop = document.querySelector("#dialogTop");
+      var dialogTop = document.querySelector('#dialogTop')
       if (dialogTop != null) {
         this.$nextTick(() => {
-          dialogTop.scrollTop = 0;
-        });
+          dialogTop.scrollTop = 0
+        })
       }
     },
-    popupDidHide() {
-      this.showObj.showPopup = false;
-      this.visibility = false;
-      this.showObj.showForm = true;
+    popupDidHide () {
+      this.showObj.showPopup = false
+      this.visibility = false
+      this.showObj.showForm = true
     },
-    openPicker: function() {
-      this.$refs.picker.open();
+    openPicker: function () {
+      this.$refs.picker.open()
     },
-    showSubMenu: function(val) {
+    showSubMenu: function (val) {
       switch (val) {
-        case "mode":
-          this.propForm.type = 1;
-          this.showObj.showForm = false;
-          this.propForm.title = "透析模式";
-          this.visibility = true;
-          this.propForm.list = [];
-          this.propForm.optionList = this.modeOption;
-          this.propForm.isMultiple = 1;
-          this.propForm.selectId = this.dialysisSolution.mode_id;
-          this.propForm.click_ref = "mode";
-
-          break;
-
-        case "anticoagulant":
-          this.propForm.type = 5;
-          this.showObj.showForm = false;
-          this.propForm.title = "抗疑剂";
-          this.visibility = true;
-          this.propForm.list = [];
-          this.propForm.optionList = this.anticoagulantsConfit;
-          this.propForm.isMultiple = 1;
-          this.propForm.selectId = this.dialysisSolution.anticoagulant;
-          this.propForm.click_ref = "anticoagulant";
-          break;
-        case "dialysate_formulation":
-          this.propForm.type = 6;
-          this.showObj.showForm = false;
-          this.propForm.title = "透析液配方";
-          this.visibility = true;
-          this.propForm.list = [];
-          this.propForm.optionList = this.dialysateFormulationOptions;
-          this.propForm.isMultiple = 1;
-          this.propForm.selectId = this.dialysisSolution.dialysate_formulation;
-          this.propForm.click_ref = "dialysate_formulation";
-          break;
+        case 'mode':
+          this.propForm.type = 1
+          this.showObj.showForm = false
+          this.propForm.title = '透析模式'
+          this.visibility = true
+          this.propForm.list = []
+          this.propForm.optionList = this.modeOption
+          this.propForm.isMultiple = 1
+          this.propForm.selectId = this.dialysisSolution.mode_id
+          this.propForm.click_ref = 'mode'
+
+          break
+
+        case 'anticoagulant':
+          this.propForm.type = 5
+          this.showObj.showForm = false
+          this.propForm.title = '抗疑剂'
+          this.visibility = true
+          this.propForm.list = []
+          this.propForm.optionList = this.anticoagulantsConfit
+          this.propForm.isMultiple = 1
+          this.propForm.selectId = this.dialysisSolution.anticoagulant
+          this.propForm.click_ref = 'anticoagulant'
+          break
+        case 'dialysate_formulation':
+          this.propForm.type = 6
+          this.showObj.showForm = false
+          this.propForm.title = '透析液配方'
+          this.visibility = true
+          this.propForm.list = []
+          this.propForm.optionList = this.dialysateFormulationOptions
+          this.propForm.isMultiple = 1
+          this.propForm.selectId = this.dialysisSolution.dialysate_formulation
+          this.propForm.click_ref = 'dialysate_formulation'
+          break
       }
     },
-    menuCancle: function() {
-      this.visibility = false;
-      this.showObj.showForm = true;
+    menuCancle: function () {
+      this.visibility = false
+      this.showObj.showForm = true
       this.$nextTick(() => {
         if (
           this.$refs[this.propForm.click_ref] != undefined &&
           this.$refs[this.propForm.click_ref] != null
         ) {
-          this.$refs[this.propForm.click_ref].scrollIntoView();
+          this.$refs[this.propForm.click_ref].scrollIntoView()
         }
-      });
+      })
     },
-    menuComfirm: function(val) {
-      this.visibility = false;
-      this.showObj.showForm = true;
+    menuComfirm: function (val) {
+      this.visibility = false
+      this.showObj.showForm = true
       this.$nextTick(() => {
         if (
           this.$refs[this.propForm.click_ref] != undefined &&
           this.$refs[this.propForm.click_ref] != null
         ) {
-          this.$refs[this.propForm.click_ref].scrollIntoView();
+          this.$refs[this.propForm.click_ref].scrollIntoView()
         }
-      });
+      })
       switch (val.type) {
         case 1:
-          this.dialysisSolution.mode_id = val.selectId;
+          this.dialysisSolution.mode_id = val.selectId
           this.dialysisSolution.mode_name = this.GetModeByModeId(
             this.dialysisSolution.mode_id
-          );
-          break;
+          )
+          break
 
         case 5:
-          this.dialysisSolution.anticoagulant = val.selectId;
+          this.dialysisSolution.anticoagulant = val.selectId
 
           if (
-            typeof this.anticoagulantsConfit[val.selectId] == "undefined" ||
+            typeof this.anticoagulantsConfit[val.selectId] === 'undefined' ||
             this.anticoagulantsConfit[val.selectId] == null
           ) {
-            return;
+            return
           }
-          this.anticoagulant = this.anticoagulantsConfit[val.selectId];
+          this.anticoagulant = this.anticoagulantsConfit[val.selectId]
 
-          break;
+          break
 
         case 6:
-          this.dialysisSolution.dialysate_formulation = val.selectId;
+          this.dialysisSolution.dialysate_formulation = val.selectId
 
-          break;
+          break
       }
     },
-    handleTimeConfirm: function(val) {
-      val = val.replace("小时");
-      val = val.replace("分钟");
-      let timeArray = val.split(":");
+    handleTimeConfirm: function (val) {
+      val = val.replace('小时')
+      val = val.replace('分钟')
+      let timeArray = val.split(':')
       if (parseInt(timeArray[0].substring(0, 1)) == 0) {
         this.dialysisSolution.dialysis_duration_hour = timeArray[0].charAt(
           timeArray[0].length - 1
-        );
+        )
       } else {
-        this.dialysisSolution.dialysis_duration_hour = timeArray[0];
+        this.dialysisSolution.dialysis_duration_hour = timeArray[0]
       }
 
       if (parseInt(timeArray[1].substring(0, 1)) == 0) {
         this.dialysisSolution.dialysis_duration_minute = timeArray[1].charAt(
           timeArray[1].length - 1
-        );
+        )
       } else {
-        this.dialysisSolution.dialysis_duration_minute = timeArray[1];
+        this.dialysisSolution.dialysis_duration_minute = timeArray[1]
       }
       this.timeValue =
         this.dialysisSolution.dialysis_duration_hour +
-        "小时" +
+        '小时' +
         this.dialysisSolution.dialysis_duration_minute +
-        "分钟";
+        '分钟'
       this.dialysisSolution.dialysis_duration =
         this.dialysisSolution.dialysis_duration_hour +
-        "." +
-        this.dialysisSolution.dialysis_duration_minute;
+        '.' +
+        this.dialysisSolution.dialysis_duration_minute
     },
-    GetModeByModeId: function(val) {
-      let treatment_mode_name = "";
-      let treatment_mode = this.modeOption;
+    GetModeByModeId: function (val) {
+      let treatment_mode_name = ''
+      let treatment_mode = this.modeOption
       for (let keys in treatment_mode) {
         if (treatment_mode[keys].id == val) {
-          treatment_mode_name = treatment_mode[keys].name;
+          treatment_mode_name = treatment_mode[keys].name
         }
       }
 
-      return treatment_mode_name;
+      return treatment_mode_name
     },
-    inputFocus: function(event) {
-      var input = event.target;
-      setTimeout(function() {
-        input.scrollIntoView();
-      }, 0);
+    inputFocus: function (event) {
+      var input = event.target
+      setTimeout(function () {
+        input.scrollIntoView()
+      }, 0)
 
       if (input.setSelectionRange) {
-        setTimeout(function() {
-          input.setSelectionRange(0, input.value.length);
-        }, 0);
+        setTimeout(function () {
+          input.setSelectionRange(0, input.value.length)
+        }, 0)
       } else if (input.createTextRange) {
-        var rng = input.createTextRange();
-        rng.move("character", input.value.length);
-        rng.select();
+        var rng = input.createTextRange()
+        rng.move('character', input.value.length)
+        rng.select()
       }
     },
-    lastInputBlur: function(event) {
-      var input = event.target;
-      setTimeout(function() {
-        input.style.marginBottom = "";
-      }, 0);
+    lastInputBlur: function (event) {
+      var input = event.target
+      setTimeout(function () {
+        input.style.marginBottom = ''
+      }, 0)
     },
-    lastInputFocus: function(event) {
-      var input = event.target;
-      setTimeout(function() {
-        input.style.marginBottom = "2rem";
-        input.parentNode.scrollIntoView();
-      }, 0);
+    lastInputFocus: function (event) {
+      var input = event.target
+      setTimeout(function () {
+        input.style.marginBottom = '2rem'
+        input.parentNode.scrollIntoView()
+      }, 0)
     },
-    GetDialysateFormulationById: function(val) {
-      let name = "";
-      let dfl = this.dialysateFormulationOptions.length;
+    GetDialysateFormulationById: function (val) {
+      let name = ''
+      let dfl = this.dialysateFormulationOptions.length
       for (let index = 0; index < dfl; index++) {
         if (this.dialysateFormulationOptions[index].id == val) {
-          name = this.dialysateFormulationOptions[index].name;
-          break;
+          name = this.dialysateFormulationOptions[index].name
+          break
         }
       }
-      return name;
+      return name
     },
-    GetAnticoagulantById: function(val) {
-      let anticoagulan_name = "";
-      let anticoagulant = this.anticoagulantsConfit;
+    GetAnticoagulantById: function (val) {
+      let anticoagulan_name = ''
+      let anticoagulant = this.anticoagulantsConfit
       for (let keys in anticoagulant) {
         if (anticoagulant[keys].id == val) {
-          anticoagulan_name = anticoagulant[keys].name;
+          anticoagulan_name = anticoagulant[keys].name
         }
       }
-      return anticoagulan_name;
+      return anticoagulan_name
     },
-    tranDoctor(id) {
+    tranDoctor (id) {
       if (id in this.adminUserOptions) {
-        return this.adminUserOptions[id].name;
+        return this.adminUserOptions[id].name
       } else {
-        return "未知";
+        return '未知'
       }
     },
-    fetchAllAdminUsers() {
+    fetchAllAdminUsers () {
       fetchAllAdminUsers().then(response => {
         if (response.data.state == 1) {
-          var ul = response.data.data.users.length;
+          var ul = response.data.data.users.length
           for (let index = 0; index < ul; index++) {
             this.adminUserOptions[response.data.data.users[index].id] =
-              response.data.data.users[index];
+              response.data.data.users[index]
           }
         }
-      });
+      })
     },
-    onLoad() {
+    onLoad () {
       // 异步更新数据
-      this.queryParams.page++;
+      this.queryParams.page++
       GetPatientDialysisSolutionList(this.queryParams).then(response => {
         if (response.data.state == 1) {
-          var sl = response.data.data.solutions.length;
+          var sl = response.data.data.solutions.length
           if (sl == 0) {
-            this.finished = true;
+            this.finished = true
           } else {
             for (let index = 0; index < sl; index++) {
-              var solution = response.data.data.solutions[index];
-              solution.no = allno;
+              var solution = response.data.data.solutions[index]
+              solution.no = allno
               solution.edate = parseTime(
                 solution.updated_time,
-                "{y}-{m}-{d} {h}:{i}"
-              );
-              allno++;
-              this.tableDate.push(solution);
+                '{y}-{m}-{d} {h}:{i}'
+              )
+              allno++
+              this.tableDate.push(solution)
             }
           }
-          this.loading = false;
+          this.loading = false
         }
-      });
+      })
     }
   },
-  created() {
-    allno = 1;
-    this.fetchAllAdminUsers();
-    this.queryParams.id = this.$route.query.patient_id;
-    this.onLoad();
+  created () {
+    allno = 1
+    this.fetchAllAdminUsers()
+    this.queryParams.id = this.$route.query.patient_id
+    this.onLoad()
 
-    this.modeOption = this.$store.getters.treatment_mode;
+    this.modeOption = this.$store.getters.treatment_mode
     this.dialysateFormulationOptions = getDataConfig(
-      "hemodialysis",
-      "dialysate_formulation"
-    );
-    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
-
-    var date = this.$route.query && this.$route.query.date;
-    date *= 1000;
-    var newDate = new Date(date);
-
-    var y = newDate.getFullYear();
-    var m = newDate.getMonth() + 1;
-    var d = newDate.getDate();
+      'hemodialysis',
+      'dialysate_formulation'
+    )
+    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
+
+    var date = this.$route.query && this.$route.query.date
+    date *= 1000
+    var newDate = new Date(date)
+
+    var y = newDate.getFullYear()
+    var m = newDate.getMonth() + 1
+    var d = newDate.getDate()
     if (isNaN(y) || isNaN(m) || isNaN(d)) {
-      newDate = new Date();
-      y = newDate.getFullYear();
-      m = newDate.getMonth() + 1;
-      d = newDate.getDate();
+      newDate = new Date()
+      y = newDate.getFullYear()
+      m = newDate.getMonth() + 1
+      d = newDate.getDate()
     }
     this.record_date =
-      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
+      y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
   },
   components: {
     CheckBoxSubMenu
   }
-};
+}
 </script>
 
 <style style="stylesheet/scss" lang="scss"  scoped>
@@ -850,4 +835,3 @@ export default {
   }
 }
 </style>
-

src/pages/main/dialysis/RecordTable.vue

@@ -89,21 +89,77 @@
         </div>
 
       </div>-->
-      <el-table :data="date" border style="width: 100%">
-        <el-table-column fixed prop="date" label="透析日期" width="100"></el-table-column>
-        <el-table-column prop="name" label="班次" width="100"></el-table-column>
-        <el-table-column prop="province" label="分区-机号" width="120"></el-table-column>
-        <el-table-column prop="city" label="透析模式" width="120"></el-table-column>
-        <el-table-column prop="address" label="透析时长(h)" width="100"></el-table-column>
-        <el-table-column prop="date" label="干体重(kg)" width="100"></el-table-column>
-        <el-table-column prop="name" label="透前体重(kg)" width="100"></el-table-column>
-        <el-table-column prop="province" label="透后体重(kg)" width="120"></el-table-column>
-        <el-table-column prop="city" label="透前血压(mmHg)" width="120"></el-table-column>
-        <el-table-column prop="address" label="透后血压(mmHg)" width="100"></el-table-column>
-        <el-table-column prop="date" label="超滤总量(L)" width="100"></el-table-column>
-        <el-table-column prop="name" label="抗凝剂种类 首剂/维持/总量" width="100"></el-table-column>
-        <el-table-column prop="province" label="治疗护士" width="120"></el-table-column>
-        <el-table-column prop="city" label="治疗医生" width="120"></el-table-column>
+      <el-table :data="tableDate" border style="width: 100%">
+        <el-table-column fixed prop="date" label="透析日期" width="100" align="center">
+             <template slot-scope="scope">
+                {{parseTime(scope.row.dialysis_date, "{y}-{m}-{d}")}}
+             </template>
+        </el-table-column>
+        <el-table-column prop="name" label="班次" width="100" align="center">
+          <template slot-scope="scope">
+            {{scheduleType(scope.row.schedule_type)}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="province" label="分区-机号" width="120" align="center">
+            <template slot-scope="scope">
+               {{scope.row.partition_name}} - {{scope.row.device_number}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="city" label="透析模式" width="120" align="center">
+            <template slot-scope="scope">
+              {{modeName(scope.row.prescription.mode_id)}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="address" label="透析时长(h)" width="100" align="center">
+            <template slot-scope="scope">
+                 {{scope.row.prescription.dialysis_duration?scope.row.prescription.dialysis_duration:""}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="date" label="干体重(kg)" width="100" align="center">
+          <template slot-scope="scope">
+              {{scope.row.prescription.dry_weight?scope.row.prescription.dry_weight:""}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="name" label="透前体重(kg)" width="100" align="center">
+          <template slot-scope="scope">
+              {{scope.row.predialysis_evaluation.weight_before?scope.row.predialysis_evaluation.weight_before:""}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="province" label="透后体重(kg)" width="120" align="center">
+          <template slot-scope="scope">
+               {{scope.row.assessment_after_dislysis.systolic_blood_pressure?scope.row.assessment_after_dislysis.systolic_blood_pressure:""}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="city" label="透前血压(mmHg)" width="120" align="center">
+          <template slot-scope="scope">
+           {{scope.row.predialysis_evaluation.systolic_blood_pressure?scope.row.predialysis_evaluation.systolic_blood_pressure:""}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="address" label="透后血压(mmHg)" width="100" align="center">
+            <template slot-scope="scope">
+              {{scope.row.assessment_after_dislysis.systolic_blood_pressure?scope.row.assessment_after_dislysis.systolic_blood_pressure:""}}
+            </template>
+        </el-table-column>
+        <el-table-column prop="date" label="超滤总量(L)" width="100" align="center">
+          <template slot-scope="scope">
+             {{scope.row.predialysis_evaluation.ultrafiltration_amount?scope.row.predialysis_evaluation.ultrafiltration_amount:""}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="name" label="抗凝剂种类 首剂/维持/总量" width="100" align="center">
+           <template slot-scope="scope">
+              {{setAnticoagulantsConfit(scope.row.prescription)}}
+           </template>
+        </el-table-column>
+        <el-table-column prop="province" label="治疗护士" width="120" align="center">
+             <template slot-scope="scope">
+               {{getName(scope.row.treatment_summary.zl_nurse)}}
+             </template>
+        </el-table-column>
+        <el-table-column prop="city" label="治疗医生" width="120" align="center">
+            <template slot-scope="scope">
+              {{getName(scope.row.treatment_summary.zl_doctor)}}
+            </template>
+        </el-table-column>
       </el-table>
     </van-list>
 
@@ -126,69 +182,69 @@
 </template>
 
 <script>
-import { Popover } from "vux";
-import { parseTime } from "@/utils";
-import { getRecordList } from "@/api/patient";
-import { fetchAllDoctorAndNurse, fetchAllAdminUsers } from "@/api/doctor";
+import { Popover } from 'vux'
+import { parseTime } from '@/utils'
+import { getRecordList } from '@/api/patient'
+import { fetchAllDoctorAndNurse, fetchAllAdminUsers } from '@/api/doctor'
 
 export default {
-  name: "LongTable",
-  created() {
-    var date = new Date();
-    var year = date.getFullYear();
-    var month = date.getMonth();
-    var day = date.getDate();
+  name: 'LongTable',
+  created () {
+    var date = new Date()
+    var year = date.getFullYear()
+    var month = date.getMonth()
+    var day = date.getDate()
     if (month < 10) {
-      month = "0" + month;
+      month = '0' + month
     }
     if (day < 10) {
-      day = "0" + day;
+      day = '0' + day
     }
-    var nowDate = year + "-" + month + "-" + day;
+    var nowDate = year + '-' + month + '-' + day
 
-    this.startTime = new Date(nowDate);
+    this.startTime = new Date(nowDate)
 
-    this.modeOptions = this.$store.getters.treatment_mode;
+    this.modeOptions = this.$store.getters.treatment_mode
 
-    this.modeOptions["0"] = {
+    this.modeOptions['0'] = {
       id: 0,
-      name: "全部"
-    };
+      name: '全部'
+    }
 
     // console.log(this.modeOptions);
-    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
+    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
     this.queryParams.start_time = this.parseTime(
       this.startTime.getTime() / 1000,
-      "{y}-{m}-{d}"
-    );
+      '{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 = [];
+      '{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 = []
     // console.log(this.queryParams);
 
     getRecordList(this.queryParams).then(response => {
       if (response.data.state == 0) {
-        return false;
+        return false
       } else {
         if (response.data.data.records.length == 0) {
         } else {
           for (let i = 0; i < response.data.data.records.length; i++) {
-            this.tableDate.push(response.data.data.records[i]);
+            this.tableDate.push(response.data.data.records[i])
           }
         }
       }
-    });
-    this.fetchAllAdminUsers();
-    this.fetchAllDoctorAndNurse();
+    })
+    this.fetchAllAdminUsers()
+    this.fetchAllDoctorAndNurse()
   },
-  data() {
+  data () {
     return {
-      mode_id: "",
+      mode_id: '',
       loading: false,
       finished: false,
       startTime: new Date(),
@@ -201,265 +257,230 @@ export default {
       adminUserOptions: null,
 
       queryParams: {
-        mode_id: "",
-        start_time: "",
-        end_time: "",
+        mode_id: '',
+        start_time: '',
+        end_time: '',
         page: 0,
         patient_id: 0,
         limit: 15
       },
 
-      tableDate: [],
-
-      date: [
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1518 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1517 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1519 弄",
-          zip: 200333
-        },
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          province: "上海",
-          city: "普陀区",
-          address: "上海市普陀区金沙江路 1516 弄",
-          zip: 200333
-        }
-      ]
-    };
+      tableDate: []
+    }
   },
   methods: {
-    modeName(mode_id) {
-      return typeof this.modeOptions[mode_id] != "undefined" &&
-        typeof this.modeOptions[mode_id].name != "undefined"
+    modeName (mode_id) {
+      return typeof this.modeOptions[mode_id] !== 'undefined' &&
+        typeof this.modeOptions[mode_id].name !== 'undefined'
         ? this.modeOptions[mode_id].name
-        : "";
+        : ''
     },
-    modeNameOther(mode_id) {
-      return typeof this.modeOptions[mode_id] != "undefined" &&
-        typeof this.modeOptions[mode_id].name != "undefined"
+    modeNameOther (mode_id) {
+      return typeof this.modeOptions[mode_id] !== 'undefined' &&
+        typeof this.modeOptions[mode_id].name !== 'undefined'
         ? this.modeOptions[mode_id].name
-        : "全部";
+        : '全部'
     },
 
-    parseTime(time, layout) {
-      return parseTime(time, layout);
+    parseTime (time, layout) {
+      return parseTime(time, layout)
     },
-    openStartPicker: function() {
-      this.$refs.start_date_picker.open();
+    openStartPicker: function () {
+      this.$refs.start_date_picker.open()
     },
-    openEndPicker: function() {
-      this.$refs.end_date_picker.open();
+    openEndPicker: function () {
+      this.$refs.end_date_picker.open()
     },
-    handleStartDateConfirm: function(val) {
+    handleStartDateConfirm: function (val) {
       this.queryParams.start_time = this.parseTime(
         this.startTime / 1000,
-        "{y}-{m}-{d}"
-      );
+        '{y}-{m}-{d}'
+      )
       this.queryParams.end_time = this.parseTime(
         this.endTime / 1000,
-        "{y}-{m}-{d}"
-      );
-      this.queryParams.page = 1;
-      this.queryParams.limit = 15;
+        '{y}-{m}-{d}'
+      )
+      this.queryParams.page = 1
+      this.queryParams.limit = 15
 
-      this.getRecordList(this.queryParams);
+      this.getRecordList(this.queryParams)
     },
-    handleEndDateConfirm: function(val) {
+    handleEndDateConfirm: function (val) {
       this.queryParams.start_time = this.parseTime(
         this.startTime / 1000,
-        "{y}-{m}-{d}"
-      );
+        '{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);
+        '{y}-{m}-{d}'
+      )
+      this.queryParams.page = 1
+      this.queryParams.limit = 15
+      this.getRecordList(this.queryParams)
     },
-    getRecordList: function(val) {
-      this.tableDate = [];
+    getRecordList: function (val) {
+      this.tableDate = []
       getRecordList(val).then(response => {
         if (response.data.state == 0) {
-          return false;
+          return false
         } else {
           if (response.data.data.records.length == 0) {
           } else {
             for (let i = 0; i < response.data.data.records.length; i++) {
-              this.tableDate.push(response.data.data.records[i]);
+              this.tableDate.push(response.data.data.records[i])
             }
           }
         }
-      });
+      })
     },
-    onLoad() {
+    onLoad () {
       this.queryParams.start_time = this.parseTime(
         this.startTime.getTime() / 1000,
-        "{y}-{m}-{d}"
-      );
+        '{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;
+        '{y}-{m}-{d}'
+      )
+      this.queryParams.patient_id = this.$route.query.patient_id
+      this.queryParams.page = this.queryParams.page + 1
+      this.queryParams.limit = 15
 
       getRecordList(this.queryParams).then(response => {
         if (response.data.state == 0) {
-          this.finished = true;
-          this.loading = false;
-          return false;
+          this.finished = true
+          this.loading = false
+          return false
         } else {
           if (response.data.data.records.length == 0) {
-            this.finished = true;
-            this.loading = false;
+            this.finished = true
+            this.loading = false
           } else {
             for (let i = 0; i < response.data.data.records.length; i++) {
-              this.tableDate.push(response.data.data.records[i]);
+              this.tableDate.push(response.data.data.records[i])
             }
-            this.loading = false;
+            this.loading = false
           }
         }
-      });
+      })
     },
-    scheduleType(scheduleType) {
-      var typeName = "";
+    scheduleType (scheduleType) {
+      var typeName = ''
       switch (scheduleType) {
         case 1:
-          typeName = "上午";
-          break;
+          typeName = '上午'
+          break
         case 2:
-          typeName = "下午";
-          break;
+          typeName = '下午'
+          break
         case 3:
-          typeName = "晚上";
-          break;
+          typeName = '晚上'
+          break
         default:
-          break;
+          break
       }
-      return typeName;
+      return typeName
     },
-    setAnticoagulantsConfit: function(prescription) {
+    setAnticoagulantsConfit: function (prescription) {
       if (
-        typeof this.anticoagulantsConfit[prescription.anticoagulant] ==
-        "undefined"
+        typeof this.anticoagulantsConfit[prescription.anticoagulant] ===
+        'undefined'
       ) {
-        return "";
+        return ''
       } else {
         if (this.anticoagulantsConfit[prescription.anticoagulant].shouji != 1) {
-          return this.anticoagulantsConfit[prescription.anticoagulant].name;
+          return this.anticoagulantsConfit[prescription.anticoagulant].name
         } else {
           return (
             this.anticoagulantsConfit[prescription.anticoagulant].name +
-            "/" +
+            '/' +
             prescription.anticoagulant_shouji +
-            "/" +
+            '/' +
             prescription.anticoagulant_weichi +
-            "/" +
+            '/' +
             prescription.anticoagulant_zongliang
-          );
+          )
         }
       }
     },
-    getName: function(id) {
+    getName: function (id) {
       if (id <= 0) {
-        return "";
+        return ''
       }
-      var name = "";
+      var name = ''
       if (
         this.adminUserOptions == null ||
-        typeof this.adminUserOptions.length == "undefined"
+        typeof this.adminUserOptions.length === 'undefined'
       ) {
-        return name;
+        return name
       }
-      var leng = this.adminUserOptions.length;
+      var leng = this.adminUserOptions.length
       if (leng == 0) {
-        return name;
+        return name
       }
       for (let index = 0; index < leng; index++) {
         if (this.adminUserOptions[index].id == id) {
-          name = this.adminUserOptions[index].name;
-          break;
+          name = this.adminUserOptions[index].name
+          break
         }
       }
-      return name;
+      return name
     },
-    fetchAllAdminUsers() {
+    fetchAllAdminUsers () {
       fetchAllAdminUsers().then(response => {
         if (response.data.state == 1) {
-          this.adminUserOptions = response.data.data.users;
-          var alen = this.adminUserOptions.length;
+          this.adminUserOptions = response.data.data.users
+          var alen = this.adminUserOptions.length
           for (let index = 0; index < alen; index++) {
             if (this.adminUserOptions[index].user_type == 2) {
-              this.doctorOptions.push(this.adminUserOptions[index]);
+              this.doctorOptions.push(this.adminUserOptions[index])
             }
           }
         }
-      });
+      })
     },
-    fetchAllDoctorAndNurse() {
+    fetchAllDoctorAndNurse () {
       fetchAllDoctorAndNurse().then(response => {
         if (response.data.state == 1) {
-          this.doctorOptions = response.data.data.doctors;
+          this.doctorOptions = response.data.data.doctors
         }
-      });
+      })
     },
-    itemClick: function(val) {
-      if (val == "0") {
-        this.mode_id = "0";
+    itemClick: function (val) {
+      if (val == '0') {
+        this.mode_id = '0'
       } else {
-        this.mode_id = val;
+        this.mode_id = val
       }
-      this.queryParams.mode_id = val;
+      this.queryParams.mode_id = val
       this.queryParams.start_time = this.parseTime(
         this.startTime / 1000,
-        "{y}-{m}-{d}"
-      );
+        '{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);
+        '{y}-{m}-{d}'
+      )
+      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",
+        path: '/details',
         query: {
           patient_id: val.patient_id,
           date: val.dialysis_date
         }
-      });
+      })
     }
   },
   components: {
     Popover
   }
-};
+}
 </script>
 
 <style style="stylesheet/scss" lang="scss" scoped>
@@ -513,4 +534,3 @@ export default {
   padding: 6px 0;
 }
 </style>
-