xt_pad/src/pages/main/dialog/MonitDialog.vue

<template>
  <div>
    <div v-loading="loading">
      <div class="Dialog" v-show="listPanel">
        <div class="DialogTit">
          <span class="iconfont" @click="close()">&#xe6e9;</span>
          <h1 class="name">透析监测</h1>
          <span class="success">&nbsp;</span>
        </div>
        <div style="width:100%;background: #fff;">
          <div class="yzNav" style="width:80%">
            <span @click="openForm()">新增监测</span>
            <span @click="openEidtForm()">修改监测</span>
            <span @click="deleteForm()">删除监测</span>
          </div>
        </div>
        <div class="DialogContent choose" id="dialogTop">
          <div style="width:100%;overflow:hildden;">
            <table class="table" style>
              <tr @click="selectRow(-1, null)">
                <th v-if="isShow('监测时间')" width="60px">时间</th>
                <th v-if="isShow('血压')" width="60px">血压(mmHg)</th>
                <th v-if="isShow('脉搏')" width="50px">脉搏(次/分)</th>
                <th v-if="isShow('体温')" width="50px">体温(℃)</th>
                <th v-if="isShow('呼吸频率')" width="80px">呼吸频率(次/分)</th>
                <th v-if="isShow('血流量')" width="70px">血流量(ml/min)</th>
                <th width="76px">静脉压/动脉压(mmHg)</th>
                <th v-if="isShow('跨膜压')" width="70px">跨膜压(mmHg)</th>
                <th v-if="isShow('超滤量') && template_id ==6" width="60px">超滤量(ml)</th>
                <th v-if="isShow('超滤量') && template_id !=6" width="60px">超滤量(L)</th>
                <th v-if="isShow('钠浓度')" width="82px">钠浓度(mmol/L)</th>
                <th v-if="isShow('透析液温度')" width="82px">透析液温度(℃)</th>
                <th v-if="isShow('置换率') && template_id ==6" width="92px">置换率(ml/min)</th>
                <th v-if="isShow('置换率') && template_id !=6" width="92px">置换率(L/h)</th>
                <th v-if="isShow('置换量') && template_id ==6" width="50px">置换量(ml)</th>
                <th v-if="isShow('置换量') && template_id !=6" width="50px">置换量(L)</th>
                <th v-if="isShow('SpO₂')  && template_id !=6" width="50px">SpO₂(%)</th>
                <th v-if="isShow('电导度')" width="50px">电导度(mS/m)</th>
                <th v-if="isShow('置换液流量')" width="50px">置换液流量(ml/h)</th>

                <th v-if="isShow('病情变化')" width="92px">病情变化</th>
                <th v-if="isShow('处理')" width="92px">处理</th>
                <th v-if="isShow('结果')" width="92px">结果</th>
              </tr>
              <tr
                v-for="(item,index) in monitorRecords"
                :key="index"
                :value="item.value"
                @click="selectRow(index, item)"
                :class="index==currentIndex?rowClass:''"
              >
                <td v-if="isShow('监测时间')">{{parseTime(item.operate_time, '{y}-{m}-{d} {h}:{i}')}}</td>
                <td
                  v-if="isShow('血压')"
                >{{item.systolic_blood_pressure?item.systolic_blood_pressure:''}}/{{item.diastolic_blood_pressure?item.diastolic_blood_pressure:''}}</td>
                <td v-if="isShow('脉搏')">{{item.pulse_frequency?item.pulse_frequency:''}}</td>
                <td v-if="isShow('体温')">{{item.temperature?item.temperature:''}}</td>
                <td v-if="isShow('呼吸频率')">{{item.breathing_rate?item.breathing_rate:''}}</td>
                <td v-if="isShow('血流量')">{{item.blood_flow_volume?item.blood_flow_volume:''}}</td>
                <td>{{item.venous_pressure?item.venous_pressure:''}}/{{item.arterial_pressure?item.arterial_pressure:''}}</td>
                <td
                  v-if="isShow('跨膜压')"
                >{{item.transmembrane_pressure?item.transmembrane_pressure:''}}</td>
                <td
                  v-if="isShow('超滤量')"
                >{{item.ultrafiltration_volume?item.ultrafiltration_volume:''}}</td>
                <td v-if="isShow('钠浓度')">{{item.sodium_concentration?item.sodium_concentration:''}}</td>
                <td
                  v-if="isShow('透析液温度')"
                >{{item.dialysate_temperature?item.dialysate_temperature:''}}</td>
                <td v-if="isShow('置换率')">{{item.replacement_rate?item.replacement_rate:''}}</td>
                <td
                  v-if="isShow('置换量')"
                >{{item.displacement_quantity?item.displacement_quantity:''}}</td>
                 <td
                  v-if="isShow('SpO₂')"
                >{{item.blood_oxygen_saturation?item.blood_oxygen_saturation:''}}</td>
                <td v-if="isShow('电导度')">{{item.conductivity?item.conductivity:''}}</td>
                <td
                  v-if="isShow('置换液流量')"
                >{{item.displacement_flow_quantity?item.displacement_flow_quantity:''}}</td>
                <td v-if="isShow('病情变化')">{{item.symptom}}</td>
                <td v-if="isShow('处理')">{{item.dispose}}</td>
                <td v-if="isShow('结果')">{{item.result}}</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <div class="Dialog" v-show="formPanel">
        <div class="DialogTit">
          <div class="back" @click="formPanel=false;listPanel=true;">
            <span class="iconfont">&#xe720;</span>返回
          </div>
          <h1 class="name">{{formTitle}}</h1>
          <span class="success" v-if="form.id>0" @click="submitEditAction()">保存</span>
          <span class="success" v-else @click="submitAction()">保存</span>
        </div>
        <div class="DialogContent choose">
          <div class="content">
            <div class="cell" v-if="isShow('监测时间')">
              <label>监测时间</label>
              <input
                type="text"
                class="inputBox"
                @click="chooseTime()"
                v-on:change="timechange()"
                :value="parseTime(this.form.operate_time, '{y}-{m}-{d} {h}:{i}')"
                readonly
              />
            </div>
            <div class="cell" v-if="isShow('收缩压')">
              <label>收缩压(mmHg)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.systolic_bp"
              />
            </div>
            <div class="cell" v-if="isShow('舒张压')">
              <label>舒张压(mmHg)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.diastolic_bp"
              />
            </div>
            <div class="cell" v-if="isShow('脉搏')">
              <label>脉搏(次/分)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.pulse_frequency"
              />
            </div>
            <div class="cell" v-if="isShow('体温')">
              <label>体温(℃)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.temperature"
              />
            </div>
            <div class="cell" v-if="isShow('呼吸频率')">
              <label>呼吸频率(次/分)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.breathing_rated"
              />
            </div>
            <div class="cell" v-if="isShow('血流量')">
              <label>血流量(ml/min)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.blood_flow_volume"
              />
            </div>
            <div class="cell">
              <label>静脉压(mmHg)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.venous_pressure"
                style="width:60%"
              />
              <button
                class="typeButton"
                style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px"
                @click="venousPressureChange(1)"
              >转换</button>
            </div>
            <div class="cell" v-if="isShow('跨膜压')">
              <label>跨膜压(mmHg)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.transmembrane_pressure"
                style="width:60%"
              />
              <button
                class="typeButton"
                style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px"
                @click="venousPressureChange(2)"
              >转换</button>
            </div>
            <div class="cell" v-if="isShow('超滤量')">
              <label v-if="template_id == 6">超滤量(ml)</label>
              <label v-else>超滤量(L)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.ultrafiltration_volume"
              />
            </div>
            <div class="cell" v-if="isShow('超滤率')">
              <label v-if="template_id == 6">超滤率(ml/h)</label>
              <label v-else>超滤率(L/h)</label>

              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.ultrafiltration_rate"
              />
            </div>
            <div class="cell">
              <label>动脉压(mmHg)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.arterial_pressure"
                style="width:60%"
              />
              <button
                class="typeButton"
                style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px"
                @click="venousPressureChange(3)"
              >转换</button>
            </div>
            <div class="cell" v-if="isShow('透析液温度')">
              <label>透析液温度(℃)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.dialysate_temperature"
              />
            </div>
            <div class="cell" v-if="isShow('钠浓度')">
              <label>钠浓度(mmol/L)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.sodium_concentration"
              />
            </div>
            <div class="cell" v-if="isShow('置换率')">
              <label v-if="template_id == 6">置换率(ml/min)</label>
              <label v-else>置换率(L/h)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.replacement_rate"
              />
            </div>
            <div class="cell" v-if="isShow('置换量')">
              <label v-if="template_id == 6">置换量(ml)</label>
              <label v-else>置换量(L)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.displacement_quantity"
              />
            </div>
            <div class="cell" v-if="isShow('SpO₂')">
              <label v-if="template_id == 6">SpO₂(%)</label>
              <label v-else>SpO₂(%)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.blood_oxygen_saturation"
              />
            </div>
            <div class="cell" v-if="isShow('电导度')">
              <label>电导度(mS/m)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.conductivity"
              />
            </div>

            <div class="cell" v-if="isShow('置换液流量')">
              <label>置换液流量(ml/h)</label>
              <input
                type="number"
                @focus="inputFocus"
                onclick="this.select();"
                class="inputBox"
                v-model="form.displacement_flow_quantity"
              />
            </div>

            <div class="cell width" v-if="isShow('KT/V')">
              <label>KT/V(在线)</label>
              <!-- <input type="text" class="inputBox" v-model="form.ktv"> -->
              <textarea
                @focus="inputFocus"
                class="inputBox"
                style="width: 100%;"
                :rows="4"
                v-model="form.ktv"
              ></textarea>
            </div>
            <div class="cell width" v-if="isShow('病情变化')">
              <label>病情变化</label>
              <input
                type="text"
                class="inputBox"
                style="width: 100%;margin-bottom:5px;"
                v-model="form.symptom"
                readonly
                placeholder="选择 "
                @click="showSubMenu('symptom')"
              />
              <textarea
                @focus="inputFocus"
                class="inputBox"
                style="width: 100%;"
                :rows="4"
                v-model="form.symptom"
              ></textarea>
            </div>
            <div class="cell width" v-if="isShow('处理')">
              <label>处理</label>
              <!-- <input type="text" class="inputBox" v-model="form.dispose"> -->
              <input
                type="text"
                class="inputBox"
                style="width: 100%;margin-bottom:5px;"
                v-model="form.dispose"
                readonly
                placeholder="选择"
                @click="showSubMenu('dispose')"
              />
              <textarea
                @focus="inputFocus"
                class="inputBox"
                style="width: 100%;"
                :rows="4"
                v-model="form.dispose"
              ></textarea>
            </div>
            <div class="cell width" v-if="isShow('结果')">
              <label>结果</label>
              <!-- <input type="text" class="inputBox" v-model="form.result"> -->
              <input
                type="text"
                class="inputBox"
                style="width: 100%;margin-bottom:5px;"
                v-model="form.result"
                readonly
                placeholder="选择"
                @click="showSubMenu('result')"
              />
              <textarea
                @focus="lastInputFocus"
                @blur="lastInputBlur"
                class="inputBox"
                style="width: 100%;"
                :rows="4"
                v-model="form.result"
              ></textarea>
            </div>

            <div class="cell width">
              <label>监测人：</label>
              <span class="doctor">{{doctor}}</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <mt-datetime-picker ref="picker" type="datetime" @confirm="handleConfirm" v-model="pickertime"></mt-datetime-picker>

    <check-box-sub-menu
      :visibility="visibility"
      v-on:menu-cancle="menuCancle"
      v-on:menu-comfirm="menuComfirm"
      :propsForm="propForm"
    ></check-box-sub-menu>
  </div>
</template>
<script>
import {
  addMonitorRecord,
  deleteMonitorRecord,
  editMonitorRecord,
  GetMonitor,
  GetMonitorToday
} from '@/api/dialysis'
import { parseTime } from '@/utils'
import { Dialog, Toast } from 'vant'
import CheckBoxSubMenu from './subMenu/checkBoxSubMenu'
import { getDataConfig } from '@/utils/data'

export default {
  name: 'MonitDialog',

  props: {
    monitor_records: {
      type: Array
    },
    patient: {
      type: Object
    },
    order: {
      type: Object
    },
    last_monitor_record: {
      type: Object
    }
  },
  data () {
    return {
      loading: false,
      formTitle: '新增监测',
      formPanel: false,
      listPanel: true,
      tableDate: [],
      monitorRecords: this.monitor_records,
      pickertime: new Date(),
      monitor_time_str: '',
      // monitor_date_str: "",
      currentIndex: -1,
      currentRow: null,
      rowClass: 'row-class-active',
      template_id: 0,
      visibility: false,
      today_last_monitor_record: {},
      propForm: {
        title: '',
        list: [],
        optionList: [],
        isMultiple: 2,
        result: [], // 选中的值
        type: 1, // 用来区分不同子菜单，方便对返回值进行赋值
        selectId: 0
      },

      form: {
        // patient_id: 0,
        // order_id: 0,
        monitor_date: 0,
        // monitor_time: "00:00",
        operate_time: 0,
        pulse_frequency: '', // 脉率
        breathing_rated: '', // 呼吸频率
        systolic_bp: '', // 收缩压
        diastolic_bp: '', // 舒张压
        blood_flow_volume: '', // 血流量
        venous_pressure: '', // 静脉压
        arterial_pressure: '', // 动脉压
        transmembrane_pressure: '', // 跨膜压
        ultrafiltration_rate: '', // 超滤率
        ultrafiltration_volume: '', // 超滤量
        sodium_concentration: '', // 钠浓度
        dialysate_temperature: '', // 透析液温度
        temperature: '', // 体温
        replacement_rate: '', // 置换率
        displacement_quantity: '', // 置换量
        conductivity: '',
        displacement_flow_quantity: '',
        ktv: '', // KT/V(在线)
        symptom: '', // 症状
        dispose: '', // 处理
        result: '', // 结果,
        blood_oxygen_saturation: '',
        monitoring_nurse: this.$store.getters.user.user.id // 监测人
      },
      doctor: this.$store.getters.user.user.user_name
    }
  },
  created () {
    var date = this.$route.query && this.$route.query.date
    this.template_id = this.$store.getters.user.template_info.template_id
    // date *= 1000;
    // var newDate = new Date(date);
    // var cDate = new 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 = cDate.getFullYear();
    //   m = cDate.getMonth() + 1;
    //   d = cDate.getDate();
    // }

    // var h = cDate.getHours();
    // var mi = cDate.getMinutes();

    // var pickertime = (h < 10 ? "0" + h : h) + ":" + (mi < 10 ? "0" + mi : mi);
    // var monitor_date_str =
    //   y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
    // this.form.monitor_date = Math.round(
    //   new Date(monitor_date_str + " 00:00:00").getTime() / 1000
    // );
    // this.form.monitor_date = parseInt((new Date(date.getFullYear, date.getMonth, date.getDate, 0, 0, 0, 0)).getTime()) //parseTime(date, "{y}-{m}-{d}") + " 00:00:00"
    this.form.monitor_date = date
    this.form.operate_time = this.pickertime.getTime()
  },
  methods: {
    timechange () {
      debugger
    },
    venousPressureChange (type) {
      if (type == 1) {
        this.form.venous_pressure = Math.ceil(
          Math.round(this.form.venous_pressure * 7.5)
        )
      } else if (type == 2) {
        this.form.transmembrane_pressure = Math.ceil(
          Math.round(this.form.transmembrane_pressure * 7.5)
        )
      } else {
        this.form.arterial_pressure = Math.ceil(
          Math.round(this.form.arterial_pressure * 7.5)
        )
      }
    },
    isShow (name) {
      var filedList = this.$store.getters.user.fileds

      for (let i = 0; i < filedList.length; i++) {
        if (
          filedList[i].module == 4 &&
          filedList[i].filed_name_cn == name &&
          filedList[i].is_show == 1
        ) {
          return true
        }
      }
      return false
    },
    getLastRecordTody () {
      let params = {
        patient_id: this.patient.id
      }

      GetMonitorToday(params).then(rs => {
        var resp = rs.data.data
        this.today_last_monitor_record = resp.monitor

        // this.form.operate_time = Date.parse(new Date())
        this.form.operate_time = resp.monitor.operate_time ? (resp.monitor.operate_time + 3600) * 1000 : Date.parse(new Date())
        this.form.pulse_frequency = '' // this.last_monitor_record.pulse_frequency;
        this.form.breathing_rated = resp.monitor.breathing_rate ? resp.monitor.breathing_rate : ''
        this.form.systolic_bp = '' // this.last_monitor_record.systolic_blood_pressure;
        this.form.diastolic_bp = '' // this.last_monitor_record.diastolic_blood_pressure;
        this.form.blood_flow_volume = resp.monitor.blood_flow_volume ? resp.monitor.blood_flow_volume : ''
        this.form.venous_pressure = '' // this.last_monitor_record.venous_pressure;
        this.form.arterial_pressure = '' // this.last_monitor_record.arterial_pressure;
        this.form.transmembrane_pressure = '' // this.last_monitor_record.transmembrane_pressure;
        this.form.ultrafiltration_rate = resp.monitor.ultrafiltration_rate ? resp.monitor.ultrafiltration_rate : ''
        this.form.ultrafiltration_volume = resp.monitor.ultrafiltration_volume ? resp.monitor.ultrafiltration_volume : ''
        this.form.sodium_concentration = resp.monitor.sodium_concentration ? resp.monitor.sodium_concentration : ''
        this.form.dialysate_temperature = resp.monitor.dialysate_temperature ? resp.monitor.dialysate_temperature : ''
        this.form.temperature = resp.monitor.temperature ? resp.monitor.temperature : ''
        this.form.replacement_rate = resp.monitor.replacement_rate ? resp.monitor.replacement_rate : ''
        this.form.displacement_quantity = '' // this.last_monitor_record.displacement_quantity;
        this.form.conductivity = ''
        this.form.displacement_flow_quantity = ''

        this.form.ktv = '' // this.last_monitor_record.ktv;
        this.form.symptom = '' // this.last_monitor_record.symptom;
        this.form.dispose = '' // this.last_monitor_record.dispose;
        this.form.result = '' // this.last_monitor_record.result;
        this.form.id = -1
        console.log(this.form)
      })
    },

    getLastRecord () {
      let params = {
        patient_id: this.patient.id
      }
      GetMonitor(params).then(rs => {
        var resp = rs.data
        if (resp.state == 1) {
          var monitor = resp.data.monitor
          if (monitor.systolic_blood_pressure == 0) {
            this.form.systolic_bp = ''
          } else {
            this.form.systolic_bp = monitor.systolic_blood_pressure
          }

          if (monitor.diastolic_blood_pressure == 0) {
            this.form.diastolic_bp = ''
          } else {
            this.form.diastolic_bp = monitor.diastolic_blood_pressure
          }

          if (monitor.pulse_frequency == 0) {
            this.form.pulse_frequency = ''
          } else {
            this.form.pulse_frequency = monitor.pulse_frequency
          }

          if (monitor.breathing_rate == 0) {
            this.form.breathing_rated = ''
          } else {
            this.form.breathing_rated = monitor.breathing_rate
          }

          if (monitor.blood_flow_volume == 0) {
            this.form.blood_flow_volume = ''
          } else {
            this.form.blood_flow_volume = monitor.blood_flow_volume
          }

          if (monitor.venous_pressure == 0) {
            this.form.venous_pressure = ''
          } else {
            this.form.venous_pressure = monitor.venous_pressure
          }

          if (monitor.arterial_pressure == 0) {
            this.form.arterial_pressure = ''
          } else {
            this.form.arterial_pressure = monitor.arterial_pressure
          }

          if (monitor.transmembrane_pressure == 0) {
            this.form.transmembrane_pressure = ''
          } else {
            this.form.transmembrane_pressure = monitor.transmembrane_pressure
          }

          if (monitor.ultrafiltration_rate == 0) {
            this.form.ultrafiltration_rate = ''
          } else {
            this.form.ultrafiltration_rate = monitor.ultrafiltration_rate
          }

          if (monitor.ultrafiltration_volume == 0) {
            this.form.ultrafiltration_volume = ''
          } else {
            this.form.ultrafiltration_volume = monitor.ultrafiltration_volume
          }

          if (monitor.sodium_concentration == 0) {
            this.form.sodium_concentration = ''
          } else {
            this.form.sodium_concentration = monitor.sodium_concentration
          }

          if (monitor.dialysate_temperature == 0) {
            this.form.dialysate_temperature = ''
          } else {
            this.form.dialysate_temperature = monitor.dialysate_temperature
          }

          if (monitor.temperature == 0) {
            this.form.temperature = ''
          } else {
            this.form.temperature = monitor.temperature
          }

          if (monitor.replacement_rate == 0) {
            this.form.replacement_rate = ''
          } else {
            this.form.replacement_rate = monitor.replacement_rate
          }

          if (monitor.displacement_quantity == 0) {
            this.form.displacement_quantity = ''
          } else {
            this.form.displacement_quantity = monitor.displacement_quantity
          }

          if (monitor.conductivity == 0) {
            this.form.conductivity = ''
          } else {
            this.form.conductivity = monitor.conductivity
          }

          if (monitor.displacement_flow_quantity == 0) {
            this.form.displacement_flow_quantity = ''
          } else {
            this.form.displacement_flow_quantity =
              monitor.displacement_flow_quantity
          }

          this.form.ktv = monitor.ktv
          this.form.symptom = monitor.symptom
          this.form.dispose = monitor.dispose
          this.form.result = monitor.result
          this.form.operate_time = new Date(
            monitor.operate_time * 1000
          ).getTime()
          this.form.id = -1
        }
      })
    },
    selectRow (index, row) {
      this.currentIndex = index
      this.currentRow = row
    },

    inputFocus: function (event) {
      var input = event.target
      setTimeout(function () {
        input.parentNode.scrollIntoView()
      }, 0)

      // if (input.setSelectionRange) {
      //   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();
      // }
    },
    lastInputFocus: function (event) {
      var input = event.target
      setTimeout(function () {
        input.style.marginBottom = '2rem'
        input.parentNode.scrollIntoView()
      }, 0)
    },
    lastInputBlur: function (event) {
      var input = event.target
      setTimeout(function () {
        input.style.marginBottom = ''
      }, 0)
    },
    close: function () {
      this.$emit('close')
    },
    setRecords (records) {
      this.monitorRecords = records
    },
    parseTime (time, layout) {
      return parseTime(time, layout)
    },
    addRecords (records) {
      this.tableDate.push(...records)
    },
    deleteForm () {
      if (this.currentIndex < 0 || this.currentRow == null) {
        Toast.fail('请先选择要删除的记录')
        return false
      }

      Dialog.confirm({
        title: '删除监测记录',
        message: '是否删除该监测记录'
      })
        .then(() => {
          let params = {
            record_id: this.currentRow.id,
            patient_id: this.patient.id
          }
          deleteMonitorRecord(params).then(rs => {
            var resp = rs.data
            if (resp.state == 1) {
              var recordId = resp.data.record_id
              this.$emit('did_delete_monitor', recordId)
              Toast.success('删除成功')
            } else {
              Toast.fail(resp.msg)
            }
          })
        })
        .catch(() => {})
    },
    handleConfirm (time) {
      this.form.operate_time = time.getTime()
      // var timeMap = time.split(":");
      // this.form.monitor_time = time;
      // this.monitor_time_str =
      //   parseTime(this.form.monitor_date, "{y}-{m}-{d}") +
      //   " " +
      //   this.form.monitor_time;

      // this.monitor_time_str = this.handleTime(time);
      // this.form.monitor_time =  parseTime(time, "{h}:{i}")
      // this.form.monitor_date = Math.round(new Date(parseTime(time, "{y}-{m}-{d}") + " 00:00:00").getTime()/1000);
    },
    handleTime (time) {
      var year = time.getFullYear()
      var month = time.getMonth() + 1
      var day = time.getDate()
      var hour = time.getHours()
      var minute = time.getMinutes()
      if (month < 10) {
        month = '0' + month
      }
      if (day < 10) {
        day = '0' + day
      }
      if (hour < 10) {
        hour = '0' + hour
      }
      if (minute < 10) {
        minute = '0' + minute
      }
      return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':00'
    },
    chooseTime () {
      this.$refs.picker.open()
    },
    openEidtForm () {
      if (this.currentIndex < 0 || this.currentRow == null) {
        Toast.fail('请先选择要修改的记录')
        return false
      }
      this.formTitle = '修改监测'
      this.formPanel = true
      this.listPanel = false
      // console.log("this.currentRow", this.currentRow);

      if (this.currentRow.systolic_blood_pressure == 0) {
        this.form.systolic_bp = ''
      } else {
        this.form.systolic_bp = this.currentRow.systolic_blood_pressure
      }

      if (this.currentRow.diastolic_blood_pressure == 0) {
        this.form.diastolic_bp = ''
      } else {
        this.form.diastolic_bp = this.currentRow.diastolic_blood_pressure
      }

      if (this.currentRow.pulse_frequency == 0) {
        this.form.pulse_frequency = ''
      } else {
        this.form.pulse_frequency = this.currentRow.pulse_frequency
      }

      if (this.currentRow.breathing_rate == 0) {
        this.form.breathing_rated = ''
      } else {
        this.form.breathing_rated = this.currentRow.breathing_rate
      }

      if (this.currentRow.blood_flow_volume == 0) {
        this.form.blood_flow_volume = ''
      } else {
        this.form.blood_flow_volume = this.currentRow.blood_flow_volume
      }

      if (this.currentRow.venous_pressure == 0) {
        this.form.venous_pressure = ''
      } else {
        this.form.venous_pressure = this.currentRow.venous_pressure
      }

      if (this.currentRow.arterial_pressure == 0) {
        this.form.arterial_pressure = ''
      } else {
        this.form.arterial_pressure = this.currentRow.arterial_pressure
      }

      if (this.currentRow.transmembrane_pressure == 0) {
        this.form.transmembrane_pressure = ''
      } else {
        this.form.transmembrane_pressure = this.currentRow.transmembrane_pressure
      }

      if (this.currentRow.ultrafiltration_rate == 0) {
        this.form.ultrafiltration_rate = ''
      } else {
        this.form.ultrafiltration_rate = this.currentRow.ultrafiltration_rate
      }

      if (this.currentRow.ultrafiltration_volume == 0) {
        this.form.ultrafiltration_volume = ''
      } else {
        this.form.ultrafiltration_volume = this.currentRow.ultrafiltration_volume
      }

      if (this.currentRow.sodium_concentration == 0) {
        this.form.sodium_concentration = ''
      } else {
        this.form.sodium_concentration = this.currentRow.sodium_concentration
      }

      if (this.currentRow.dialysate_temperature == 0) {
        this.form.dialysate_temperature = ''
      } else {
        this.form.dialysate_temperature = this.currentRow.dialysate_temperature
      }

      if (this.currentRow.temperature == 0) {
        this.form.temperature = ''
      } else {
        this.form.temperature = this.currentRow.temperature
      }

      if (this.currentRow.replacement_rate == 0) {
        this.form.replacement_rate = ''
      } else {
        this.form.replacement_rate = this.currentRow.replacement_rate
      }

      if (this.currentRow.displacement_quantity == 0) {
        this.form.displacement_quantity = ''
      } else {
        this.form.displacement_quantity = this.currentRow.displacement_quantity
      }

      if (this.currentRow.conductivity == 0) {
        this.form.conductivity = ''
      } else {
        this.form.conductivity = this.currentRow.conductivity
      }

      if (this.currentRow.displacement_flow_quantity == 0) {
        this.form.displacement_flow_quantity = ''
      } else {
        this.form.displacement_flow_quantity = this.currentRow.displacement_flow_quantity
      }

      if (this.currentRow.ktv == 0) {
        this.form.ktv = ''
      } else {
        this.form.ktv = this.currentRow.ktv
      }
      this.form.blood_oxygen_saturation = this.currentRow.blood_oxygen_saturation
      this.form.symptom = this.currentRow.symptom
      this.form.dispose = this.currentRow.dispose
      this.form.result = this.currentRow.result
      this.form.id = this.currentRow.id
      this.form.operate_time = this.currentRow.operate_time * 1000
      // this.monitor_time_str =
      //   parseTime(this.form.monitor_date, "{y}-{m}-{d}") +
      //   " " +
      //   this.form.monitor_time;
    },
    openForm () {
      this.formTitle = '新增监测'
      this.formPanel = true
      this.listPanel = false
      // if(this.monitor_time_str == "") {

      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()
      var record_date =
        y + '/' + (m < 10 ? '0' + m : m) + '/' + (d < 10 ? '0' + d : d)
      this.form.monitor_date =
        new Date(record_date + ' 00:00:00').getTime() / 1000
      var nowTime = new Date()
      // this.form.monitor_time = parseTime(nowTime, "{h}:{i}");
      // this.monitor_time_str = this.handleTime(nowTime);
      // this.monitor_time_str = record_date + " " + this.form.monitor_time;

      this.getLastRecordTody()

      // }
    },
    submitEditAction: function () {
      this.loading = true
      Toast.loading({ forbidClick: true, duration: 0 })
      var params = {}
      params.patient_id = this.patient.id
      params.order_id = this.order == null ? 0 : this.order.id
      params.date = this.form.monitor_date
      // params.time = this.form.monitor_time;
      params.operate_time = parseInt(this.form.operate_time / 1000)
      params.pulse_frequency = this.form.pulse_frequency
      params.breathing_rated = this.form.breathing_rated
      params.systolic_bp = this.form.systolic_bp
      params.diastolic_bp = this.form.diastolic_bp
      params.blood_flow_volume = this.form.blood_flow_volume
      params.venous_pressure = this.form.venous_pressure
      params.arterial_pressure = this.form.arterial_pressure
      params.transmembrane_pressure = this.form.transmembrane_pressure
      params.ultrafiltration_rate = this.form.ultrafiltration_rate
      params.ultrafiltration_volume = this.form.ultrafiltration_volume
      params.sodium_concentration = this.form.sodium_concentration
      params.dialysate_temperature = this.form.dialysate_temperature
      params.temperature = this.form.temperature
      params.replacement_rate = this.form.replacement_rate
      params.displacement_quantity = this.form.displacement_quantity
      params.ktv = this.form.ktv
      params.conductivity = this.form.conductivity
      params.symptom = this.form.symptom
      params.dispose = this.form.dispose
      params.result = this.form.result
      params.monitoring_nurse = this.form.monitoring_nurse
      params.displacement_flow_quantity = this.form.displacement_flow_quantity
      params.blood_oxygen_saturation = this.form.blood_oxygen_saturation
      params.id = this.form.id
      editMonitorRecord(params).then(rs => {
        var resp = rs.data
        if (resp.state == 1) {
          this.loading = false

          var monitor = resp.data.monitor
          this.$emit('did_edit_monitor', monitor)

          this.selectRow(-1, null)

          this.form.pulse_frequency = ''
          this.form.breathing_rated = ''
          this.form.systolic_bp = ''
          this.form.diastolic_bp = ''
          this.form.blood_flow_volume = ''
          this.form.venous_pressure = ''
          this.form.arterial_pressure = ''
          this.form.transmembrane_pressure = ''
          this.form.ultrafiltration_rate = ''
          this.form.ultrafiltration_volume = ''
          this.form.sodium_concentration = ''
          this.form.dialysate_temperature = ''
          this.form.temperature = ''
          this.form.replacement_rate = ''
          this.form.displacement_quantity = ''
          this.form.ktv = ''
          this.form.blood_oxygen_saturation = ''
          this.form.symptom = ''
          this.form.dispose = ''
          this.form.result = ''
          this.form.conductivity = ''
          this.form.displacement_flow_quantity = ''
          this.form.id = -1

          Toast.success('修改成功')
          this.formPanel = false
          this.listPanel = true
        } else {
          this.loading = false
          Toast.fail(resp.msg)
        }
      }).catch(error => {
        Toast.fail('请求失败')
      })
    },
    submitAction: function () {
      this.loading = true
      Toast.loading({ forbidClick: true, duration: 0 })
      var params = {}
      params.patient_id = this.patient.id
      params.order_id = this.order == null ? 0 : this.order.id
      params.date = this.form.monitor_date
      params.operate_time = parseInt(this.form.operate_time / 1000)
      params.pulse_frequency = this.form.pulse_frequency
      params.breathing_rated = this.form.breathing_rated
      params.systolic_bp = this.form.systolic_bp
      params.diastolic_bp = this.form.diastolic_bp
      params.blood_flow_volume = this.form.blood_flow_volume
      params.venous_pressure = this.form.venous_pressure
      params.arterial_pressure = this.form.arterial_pressure
      params.transmembrane_pressure = this.form.transmembrane_pressure
      params.ultrafiltration_rate = this.form.ultrafiltration_rate
      params.ultrafiltration_volume = this.form.ultrafiltration_volume
      params.sodium_concentration = this.form.sodium_concentration
      params.dialysate_temperature = this.form.dialysate_temperature
      params.temperature = this.form.temperature
      params.replacement_rate = this.form.replacement_rate
      params.displacement_quantity = this.form.displacement_quantity
      params.conductivity = this.form.conductivity
      params.displacement_flow_quantity = this.form.displacement_flow_quantity
      params.blood_oxygen_saturation = this.form.blood_oxygen_saturation
      params.ktv = this.form.ktv
      params.symptom = this.form.symptom
      params.dispose = this.form.dispose
      params.result = this.form.result
      params.monitoring_nurse = this.form.monitoring_nurse

      addMonitorRecord(params)
        .then(rs => {
          var resp = rs.data
          if (resp.state == 1) {
            this.loading = false

            var monitor = resp.data.monitor
            this.$emit('did_add_monitor', monitor)

            // this.monitor_records.unshift(monitor)

            // this.monitor_records= this.quickSort(this.monitor_records,"operate_time",false)

            this.form.pulse_frequency = ''
            this.form.breathing_rated = ''
            this.form.systolic_bp = ''
            this.form.diastolic_bp = ''
            this.form.blood_flow_volume = ''
            this.form.venous_pressure = ''
            this.form.arterial_pressure = ''
            this.form.transmembrane_pressure = ''
            this.form.ultrafiltration_rate = ''
            this.form.ultrafiltration_volume = ''
            this.form.sodium_concentration = ''
            this.form.dialysate_temperature = ''
            this.form.temperature = ''
            this.form.replacement_rate = ''
            this.form.displacement_quantity = ''
            this.form.ktv = ''
            this.form.symptom = ''
            this.form.dispose = ''
            this.form.result = ''
            this.form.conductivity = ''
            this.form.displacement_flow_quantity = ''

            // this.last_monitor_record.sodium_concentration =
            //   monitor.sodium_concentration
            // this.last_monitor_record.dialysate_temperature =
            //   monitor.dialysate_temperature

            Toast.success('新增成功')
            this.formPanel = false
            this.listPanel = true
          } else {
            this.loading = false
            Toast.fail(resp.msg)
          }
        })
        .catch(err => {
          this.loading = false
          Toast.fail(err)
        })
    },
    showSubMenu: function (val) {
      switch (val) {
        case 'symptom':
          this.propForm.type = 1
          this.formPanel = false
          this.propForm.title = '病情变化'
          this.visibility = true
          this.propForm.list = getDataConfig('hemodialysis', 'symptoms')
          this.propForm.optionList = []
          this.propForm.isMultiple = 2
          if (this.form.symptom.length > 0) {
            this.propForm.result = this.form.symptom.split(',')
          } else {
            this.propForm.result = []
          }
          break

        case 'dispose':
          this.propForm.type = 2
          this.formPanel = false
          this.propForm.title = '处理'
          this.visibility = true
          this.propForm.list = getDataConfig('hemodialysis', 'deals')
          this.propForm.optionList = []
          this.propForm.isMultiple = 2
          if (this.form.dispose.length > 0) {
            this.propForm.result = this.form.dispose.split(',')
          } else {
            this.propForm.result = []
          }
          break

        case 'result':
          this.propForm.type = 3
          this.formPanel = false
          this.propForm.title = '结果'
          this.visibility = true
          this.propForm.list = getDataConfig('hemodialysis', 'results')
          this.propForm.optionList = []
          this.propForm.isMultiple = 2
          if (this.form.result.length > 0) {
            this.propForm.result = this.form.result.split(',')
          } else {
            this.propForm.result = []
          }
          break
      }
    },
    menuCancle: function () {
      this.visibility = false
      this.formPanel = true
    },
    menuComfirm: function (val) {
      this.visibility = false
      this.formPanel = true
      switch (val.type) {
        case 1:
          this.form.symptom = val.result.join(',')
          break
        case 2:
          this.form.dispose = val.result.join(',')
          break
        case 3:
          this.form.result = val.result.join(',')
          break
      }
    },
    open: function () {
      this.listPanel = true
      this.formPanel = false
      this.visibility = false
      this.$refs.picker.close()
      var dialogTop = document.querySelector('#dialogTop')
      if (dialogTop != null) {
        this.$nextTick(() => {
          dialogTop.scrollTop = 0
        })
      }
    },
    parseTime: function (time, format) {
      return parseTime(time, format)
    },
    quickSort (arr, name, snum) {
      // 如果数组<=1,则直接返回
      if (arr.length <= 1) {
        return arr
      }
      var pivotIndex = Math.floor(arr.length / 2)
      // 找基准，并把基准从原数组删除
      var pivot = arr.splice(pivotIndex, 1)[0]
      var middleNum = pivot[name]
      // 定义左右数组
      var left = []
      var right = []
      // 比基准小的放在left，比基准大的放在right
      if (snum) {
        for (var i = 0; i < arr.length; i++) {
          if (arr[i][name] <= middleNum) {
            left.push(arr[i])
          } else {
            right.push(arr[i])
          }
        }
      } else {
        for (var i = 0; i < arr.length; i++) {
          if (arr[i][name] <= middleNum) {
            left.push(arr[i])
          } else {
            right.push(arr[i])
          }
        }
      }
      // 递归,返回所需数组
      return this.quickSort(left, name, snum).concat(
        [pivot],
        this.quickSort(right, name, snum)
      )
    }
  },
  components: {
    CheckBoxSubMenu
  }
}
</script>

<style style="stylesheet/scss" lang="scss" scoped>
.DialogContent {
  .content {
    .cell {
      float: left;
      width: 4.8rem;
      margin: 0.35rem 0 0 0.5rem !important;
      label {
        display: block;
        height: 0.55rem;
        line-height: 0.55rem;
        color: $pgh-color;
        font-size: 0.45rem;
        margin-bottom: 0.2rem;
      }
      select {
        width: 100%;
        padding: 0.2rem 0;
        border: 1px $border-color solid;
        border-radius: 2px;
        padding-left: 5px;
      }

      .inputBox {
        border: 1px $border-color solid;
        border-radius: 2px;
        padding: 0.18rem 0;
        padding-left: 5px;
        width: 100%;
        @media only screen and (max-width: 415px) {
          padding: 12px 0;
        }
        @media only screen and (min-width: 415px) and (max-width: 767px) {
          padding: 9.4px 0;
        }
        @media only screen and (min-width: 768px) {
          height: 60px;
          line-height: 60px;
          font-size: 0.45rem;
        }
      }
      .typeButton {
        height: 38px;
        line-height: 38px;
        font-size: 0.42rem;
        padding: 0 !important;
        @media only screen and (min-width: 415px) and (max-width: 767px) {
          font-size: 0.4rem;
        }
        @media only screen and (min-width: 768px) {
          height: 60px;
          line-height: 60px;
          font-size: 0.45rem;
          padding: 0 !important;
        }
      }
      .input_focus {
        margin-bottom: 2rem;
      }
      .textarea {
        width: 100%;
        height: 1.22rem;
        border: 1px $border-color solid;
        border-radius: 2px;
        padding-left: 5px;
      }
    }
    .width {
      width: 95%;
      @include box-sizing;
      label {
        display: inline-block;
      }
      button {
        background: $main-color;
        color: #fff;
        border-radius: 6px;
        width: 3.1rem;
        height: 0.9rem;
        line-height: 0.9rem;
        text-align: center;
        margin: 0 0 0.9rem 0;
      }
    }
    .center {
      text-align: center;
    }
  }
}

.row-class-active > td {
  background: #badcff !important;
}
.doctor {
  font-size: 0.45rem;
}
</style>
<style lang="scss">
.el-table td {
  padding: 0;
}
.el-table th {
  padding: 6px 0;
}
</style>