Vue_New/src/xt_pages/dialysis/details/dialog/monitor_dialog.vue

<template>
  <div class="dialog_box">
    <el-dialog
      title="透析监测"
      :visible.sync="visible"
      width="1100px"
      @close="reset"
      :modal-append-to-body="false"
    >
      <div v-show="edit == false">
        <div class="txsj">
          <el-button round @click="newRecordAction">新增监测</el-button>
          <el-button round @click="modifyRecordAction">修改监测</el-button>
          <el-button round @click="deleteRecordAction">删除监测</el-button>
        </div>
        <el-table
          :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }"
          ref="table"
          :data="monitors"
          border
          highlight-current-row
          @current-change="tableCurrentRowChange"
          style="width: 100%"
          :class="current_row_class"
        >
          <el-table-column
            label="监测时间"
            align="center"
            width="144"
            v-if="isShow('监测时间')"
          >
            <template slot-scope="scope">
              {{ getMonitorDate(scope.row) }}
            </template>
          </el-table-column>
          <el-table-column
            prop="temperature"
            align="center"
            width="100"
            label="体温(℃)"
            v-if="isShow('体温')"
          >
            <template slot-scope="scope">
              {{ scope.row.temperature ? scope.row.temperature : "" }}
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            label="血压(mmHg)"
            width="110"
            v-if="isShow('血压')"
          >
            <template slot-scope="scope">
              {{
                scope.row.systolic_blood_pressure
                  ? scope.row.systolic_blood_pressure
                  : ""
              }}/{{
                scope.row.diastolic_blood_pressure
                  ? scope.row.diastolic_blood_pressure
                  : ""
              }}
            </template>
          </el-table-column>

          <el-table-column
            prop="pulse_frequency"
            align="center"
            width="100"
            label="脉搏(次/分)"
            v-if="isShow('脉搏')"
          >
            <template slot-scope="scope">
              {{ scope.row.pulse_frequency ? scope.row.pulse_frequency : "" }}
            </template>
          </el-table-column>

          <el-table-column
            prop="breathing_rate"
            align="center"
            label="呼吸频率(次/分)"
            width="100"
            v-if="isShow('呼吸频率')"
          >
            <template slot-scope="scope">
              {{ scope.row.breathing_rate ? scope.row.breathing_rate : "" }}
            </template>
          </el-table-column>

          <el-table-column
            prop="venous_pressure"
            align="center"
            label="静脉压/动脉压(mmHg)"
            width="120"
          >
            <template slot-scope="scope">
              <span
                >{{
                  scope.row.venous_pressure ? scope.row.venous_pressure : ""
                }}/
                {{
                  scope.row.arterial_pressure ? scope.row.arterial_pressure : ""
                }}</span
              >
            </template>
          </el-table-column>

          <el-table-column
            prop="blood_flow_volume"
            align="center"
            label="血流量(ml/min)"
            width="120"
            v-if="isShow('血流量')"
          >
            <template slot-scope="scope">
              {{
                scope.row.blood_flow_volume ? scope.row.blood_flow_volume : ""
              }}
            </template>
          </el-table-column>

          <el-table-column
            prop="transmembrane_pressure"
            align="center"
            label="跨膜压(mmHg)"
            width="120"
            v-if="isShow('跨膜压')"
          >
            <template slot-scope="scope">
              {{
                scope.row.transmembrane_pressure
                  ? scope.row.transmembrane_pressure
                  : ""
              }}
            </template>
          </el-table-column>

          <el-table-column
            prop="ultrafiltration_volume"
            align="center"
            label="超滤量(ml)"
            width="110"
            v-if="isShow('超滤量') && template_id == 6"
          >
            <template slot-scope="scope">
              {{
                scope.row.ultrafiltration_volume
                  ? scope.row.ultrafiltration_volume
                  : ""
              }}
            </template>
          </el-table-column>
          <el-table-column
            prop="ultrafiltration_volume"
            align="center"
            label="超滤量(L)"
            width="110"
            v-if="isShow('超滤量') && template_id != 6"
          >
            <template slot-scope="scope">
              {{
                scope.row.ultrafiltration_volume
                  ? scope.row.ultrafiltration_volume
                  : ""
              }}
            </template>
          </el-table-column>
          <el-table-column
            prop="sodium_concentration"
            align="center"
            label="钠浓度(mmol/L)"
            width="126"
            v-if="isShow('钠浓度')"
          >
            <template slot-scope="scope">
              {{
                scope.row.sodium_concentration
                  ? scope.row.sodium_concentration
                  : ""
              }}
            </template>
          </el-table-column>
          <el-table-column
            prop="dialysate_temperature"
            align="center"
            label="透析液温度(℃)"
            width="120"
            v-if="isShow('透析液温度')"
          >
            <template slot-scope="scope">
              {{
                scope.row.dialysate_temperature
                  ? scope.row.dialysate_temperature
                  : ""
              }}
            </template>
          </el-table-column>
          <el-table-column
            prop="replacement_rate"
            align="center"
            label="置换率(ml/min)"
            width="120"
            v-if="isShow('置换率') && template_id == 6"
          >
            <template slot-scope="scope">
              {{ scope.row.replacement_rate ? scope.row.replacement_rate : "" }}
            </template>
          </el-table-column>
          <el-table-column
            prop="replacement_rate"
            align="center"
            label="置换率(L/h)"
            width="120"
            v-if="isShow('置换率') && template_id != 6"
          >
            <template slot-scope="scope">
              {{ scope.row.replacement_rate ? scope.row.replacement_rate : "" }}
            </template>
          </el-table-column>
          <el-table-column
            prop="displacement_quantity"
            align="center"
            label="置换量(ml)"
            width="100"
            v-if="isShow('置换量' && template_id == 6)"
          >
            <template slot-scope="scope">
              {{
                scope.row.displacement_quantity
                  ? scope.row.displacement_quantity
                  : ""
              }}
            </template>
          </el-table-column>

          <el-table-column
            prop="displacement_quantity"
            align="center"
            label="SpO₂(%)"
            width="100"
            v-if="isShow('SpO₂') && template_id != 6"
          >
            <template slot-scope="scope">
              {{
                scope.row.blood_oxygen_saturation
                  ? scope.row.blood_oxygen_saturation
                  : ""
              }}
            </template>
          </el-table-column>

          <el-table-column
            prop="displacement_quantity"
            align="center"
            label="置换量(L)"
            width="100"
            v-if="isShow('置换量') && template_id != 6"
          >
            <template slot-scope="scope">
              {{
                scope.row.displacement_quantity
                  ? scope.row.displacement_quantity
                  : ""
              }}
            </template>
          </el-table-column>
          <el-table-column
            prop="displacement_flow_quantity"
            align="center"
            label="电导度(mS/m)"
            width="100"
            v-if="isShow('电导度')"
          >
            <template slot-scope="scope">
              {{ scope.row.conductivity ? scope.row.conductivity : "" }}
            </template>
          </el-table-column>
          <el-table-column
            prop="displacement_flow_quantity"
            align="center"
            label="置换液流量(ml/h)"
            width="100"
            v-if="isShow('置换液流量')"
          >
            <template slot-scope="scope">
              {{
                scope.row.displacement_flow_quantity
                  ? scope.row.displacement_flow_quantity
                  : ""
              }}
            </template>
          </el-table-column>
          <el-table-column
            prop="symptom"
            align="center"
            label="病情变化"
            width="130"
            v-if="isShow('病情变化')"
          >
          </el-table-column>
          <el-table-column
            prop="dispose"
            align="center"
            label="处理"
            width="130"
            v-if="isShow('处理')"
          >
          </el-table-column>
          <el-table-column
            prop="result"
            align="center"
            label="结果"
            width="130"
            v-if="isShow('结果')"
          >
          </el-table-column>
        </el-table>
      </div>

      <!--<div v-show="edit">-->
      <el-form v-show="edit" ref="form" :model="form" label-width="130px">
        <el-row :gutter="20">
          <el-col :span="8" v-if="isShow('监测时间')">
            <el-form-item label="监测时间：">
              <!-- {{ monitor_date_str }}
                <el-time-picker v-model="form.monitoring_time" :clearable="false" arrow-control :picker-options="{format: 'HH:mm'}" prefix-icon="" value-format="HH:mm" style="width: 60%;">
                </el-time-picker> -->
              <el-date-picker
                v-model="form.operate_time"
                type="datetime"
                prefix-icon=""
                style="width: 100%"
                format="yyyy-MM-dd HH:mm"
                value-format="timestamp"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('体温')">
            <el-form-item label="体温(℃)：">
              <el-input v-model="form.temperature"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('收缩压')">
            <el-form-item label="收缩压(mmHg)：">
              <el-input v-model="form.systolic_bp"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('舒张压')">
            <el-form-item label="舒张压(mmHg)：">
              <el-input v-model="form.diastolic_bp"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('脉搏')">
            <el-form-item label="脉搏(次/分)：">
              <el-input v-model="form.pulse_frequency"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('呼吸频率')">
            <el-form-item label="呼吸频率(次/分)：">
              <el-input v-model="form.breathing_rated"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('静脉压')">
            <el-form-item label="静脉压(mmHg)：">
              <el-input
                style="width: 140px"
                v-model="form.venous_pressure"
              ></el-input>
              <el-button
                size="mini"
                type="primary"
                @click="venousPressureChange(1)"
                >转换</el-button
              >
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('动脉压')">
            <el-form-item label="动脉压(mmHg)：">
              <el-input
                style="width: 140px"
                v-model="form.arterial_pressure"
              ></el-input>
              <el-button
                size="mini"
                type="primary"
                @click="venousPressureChange(3)"
                >转换</el-button
              >
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('血流量')">
            <el-form-item label="血流量(ml/min)：">
              <el-input v-model="form.blood_flow_volume"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('跨膜压')">
            <el-form-item label="跨膜压(mmHg)：">
              <el-input
                style="width: 140px"
                v-model="form.transmembrane_pressure"
              ></el-input>
              <el-button
                size="mini"
                type="primary"
                @click="venousPressureChange(2)"
                >转换</el-button
              >
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('超滤率')">
            <el-form-item label="超滤率(ml/h)">
              <el-input v-model="form.ultrafiltration_rate"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('超滤量')">
            <el-form-item label="超滤量(L)：">
              <el-input v-model="form.ultrafiltration_volume"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('钠浓度')">
            <el-form-item label="钠浓度(mmol/L)：">
              <el-input v-model="form.sodium_concentration"></el-input>
            </el-form-item>
          </el-col>
          <!-- </el-row>

          <el-row :gutter="20"> -->
          <el-col :span="8" v-if="isShow('透析液温度')">
            <el-form-item label="透析液温度(℃)：">
              <el-input v-model="form.dialysate_temperature"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('置换率')">
            <el-form-item label="置换率(L/h)：">
              <el-input v-model="form.replacement_rate"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('置换量')">
            <el-form-item label="置换量(L)：">
              <el-input v-model="form.displacement_quantity"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('电导度')">
            <el-form-item label="电导度(mS/m)：">
              <el-input v-model="form.conductivity"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('置换液流量')">
            <el-form-item label="置换液流量(ml/h)：">
              <el-input v-model="form.displacement_flow_quantity"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('SpO₂')">
            <el-form-item label="SpO₂(%)：">
              <el-input v-model="form.blood_oxygen_saturation"></el-input>
            </el-form-item>
          </el-col>

          <!-- </el-row>

          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('KT/V')">
            <el-form-item label="KT/V(在线)：">
              <el-input type="textarea" :rows="4" v-model="form.ktv"></el-input>
            </el-form-item>
          </el-col>
          <!-- </el-row>

          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('病情变化')">
            <el-form-item label="病情变化：">
              <el-select
                v-model="symptom_selecteds"
                style="width: 100%"
                :multiple="true"
                collapse-tags
                @change="symptomSelectorChange"
              >
                <el-option
                  v-for="(symptom, index) in symptom_options"
                  :key="index"
                  :label="symptom.name"
                  :value="symptom.name"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <!-- </el-row>
          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('病情变化')">
            <el-form-item>
              <el-input
                type="textarea"
                :rows="4"
                v-model="form.symptom"
                @blur="symptomTextareaBlur"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- </el-row>

          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('处理')">
            <el-form-item label="处理：">
              <el-select
                v-model="dispose_selecteds"
                style="width: 100%"
                :multiple="true"
                collapse-tags
                @change="disposeSelectorChange"
              >
                <el-option
                  v-for="(dispose, index) in dispose_options"
                  :key="index"
                  :label="dispose.name"
                  :value="dispose.name"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <!-- </el-row>
          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('处理')">
            <el-form-item>
              <el-input
                type="textarea"
                :rows="4"
                v-model="form.dispose"
                @blur="disposeTextareaBlur"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- </el-row>

          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('结果')">
            <el-form-item label="结果：">
              <el-select
                v-model="result_selecteds"
                style="width: 100%"
                :multiple="true"
                collapse-tags
                @change="resultSelectorChange"
              >
                <el-option
                  v-for="(result, index) in result_options"
                  :key="index"
                  :label="result.name"
                  :value="result.name"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <!-- </el-row>
          <el-row :gutter="20"> -->
          <el-col :span="24" v-if="isShow('结果')">
            <el-form-item>
              <el-input
                type="textarea"
                :rows="4"
                v-model="form.result"
                @blur="resultTextareaBlur"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div slot="footer" class="dialog-footer" v-show="edit">
        <el-button @click="cancelEditAction">取 消</el-button>
        <el-button type="primary" @click="submitAction">保 存</el-button>
      </div>
      <!--</div>-->
    </el-dialog>
  </div>
</template>

<script>
import { parseTime } from "@/utils";
import { getDataConfig } from "@/utils/data";
import {
  editMonitor,
  postDelMonitorInfo,
  getTodayMonitor
} from "@/api/dialysis_record";
import store from "@/store";

export default {
  name: "MonitorDialog",
  data() {
    return {
      visible: false,
      edit: false,
      current_row_class: "current-box-class",

      patient_id: 0,
      schedule_date: 0,
      template_id: 0,
      isAdd: false,
      // monitoring_date: 0,

      form: {
        id: 0,
        monitoring_date: 0, // 监测日期
        // operate_date: 0, // 实际测量日期
        // monitoring_time: "", // 监测时间 HH:mm
        operate_time: 0,
        systolic_bp: "", // 收缩压
        diastolic_bp: "", // 舒张压
        pulse_frequency: "", // 心率
        temperature: "", // 体温
        breathing_rated: "", // 呼吸频率
        blood_flow_volume: "", // 血流量
        venous_pressure: "", // 静脉压
        transmembrane_pressure: "", // 跨膜压
        ultrafiltration_volume: "", // 超滤量
        ultrafiltration_rate: "", // 超滤率
        arterial_pressure: "", // 动脉压
        sodium_concentration: "", // 钠浓度
        dialysate_temperature: "", // 透析液温度
        replacement_rate: "", // 置换率
        displacement_quantity: "", // 置换量
        conductivity: "", // 电导度
        displacement_flow_quantity: "", // 置换液流量
        ktv: "", // KT/V
        symptom: "", // 病情变化
        dispose: "", // 处理
        result: "", // 结果,
        blood_oxygen_saturation: "" // 血氧饱和度
      },

      table_current_row: null,

      symptom_selecteds: [],
      symptom_options: getDataConfig("hemodialysis", "symptoms"),
      dispose_selecteds: [],
      dispose_options: getDataConfig("hemodialysis", "deals"),
      result_selecteds: [],
      result_options: getDataConfig("hemodialysis", "results")
    };
  },
  props: {
    monitors: {
      type: Array
    }
  },
  computed: {
    monitor_date_str: function() {
      return parseTime(this.form.monitoring_date, "{y}-{m}-{d}");
    }
  },
  created() {
    this.template_id = this.$store.getters.xt_user.template_info.template_id;
    var date = this.$route.query.date;
    var patient_id = this.$route.query.patient_id;
    this.patient_id = patient_id;
    this.schedule_date = date;
    this.form.monitoring_date = date;
    // this.form.operate_date = parseInt((new Date()).getTime() / 1000)
    // this.form.monitoring_time = parseTime(new Date(), "{h}:{i}")
    this.form.operate_time = new Date().getTime();
  },
  methods: {
    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 = store.getters.xt_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;
    },
    reset: function() {
      this.cancelEditAction();
    },
    show() {
      this.visible = true;
    },
    hide() {
      this.visible = false;
    },
    getMonitorDate: function(monitor) {
      return parseTime(monitor.operate_time, "{y}-{m}-{d} {h}:{i}");
    },

    newRecordAction: function() {
      this.setEditMonitor(null);
      this.$refs.table.setCurrentRow(null);
      this.edit = true;
      this.isAdd = true;
      this.getLastRecordTody();
    },
    getLastRecordTody() {
      const params = {
        patient_id: this.patient_id
      };

      getTodayMonitor(params).then(rs => {
        var resp = rs.data.data;
        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;
      });
    },

    modifyRecordAction: function() {
      if (this.table_current_row == null) {
        this.$message.error("请选择一条监测记录");
        return;
      }
      this.setEditMonitor(this.table_current_row);
      this.$refs.table.setCurrentRow(null);
      this.edit = true;
      this.isAdd = false;
    },
    cancelEditAction: function() {
      this.setEditMonitor(null);
      this.$refs.table.setCurrentRow(null);
      this.edit = false;
    },
    tableCurrentRowChange: function(currentRow) {
      this.table_current_row = currentRow;
      // console.log("tableCurrentRowChange", currentRow)
    },
    setEditMonitor: function(monitor) {
      if (monitor == null || monitor == undefined) {
        this.form.id = 0;
        // this.form.operate_date = parseInt((new Date()).getTime() / 1000)
        // this.form.monitoring_time = parseTime(new Date(), "{h}:{i}")
        this.form.operate_time = new Date().getTime();
        this.form.systolic_bp = "";
        this.form.diastolic_bp = "";
        this.form.pulse_frequency = "";
        this.form.breathing_rated = "";
        this.form.blood_flow_volume = "";
        this.form.temperature = "";
        this.form.venous_pressure = "";
        this.form.transmembrane_pressure = "";
        this.form.ultrafiltration_volume = "";
        this.form.ultrafiltration_rate = "";
        this.form.arterial_pressure = "";
        this.form.sodium_concentration = "";
        this.form.dialysate_temperature = "";
        this.form.replacement_rate = "";
        this.form.displacement_quantity = "";
        this.form.conductivity = "";
        this.form.displacement_flow_quantity = "";
        this.form.ktv = "";
        this.form.symptom = "";
        this.form.dispose = "";
        this.form.result = "";
        this.symptom_selecteds = [];
        this.dispose_selecteds = [];
        this.result_selecteds = [];
      } else {
        (this.form.id = monitor.id),
          // this.form.operate_date = monitor.operate_date
          // this.form.monitoring_time = monitor.monitoring_time
          (this.form.operate_time = monitor.operate_time * 1000);
        this.form.systolic_bp = monitor.systolic_blood_pressure
          ? monitor.systolic_blood_pressure
          : "";
        this.form.temperature = monitor.temperature ? monitor.temperature : "";
        this.form.diastolic_bp = monitor.diastolic_blood_pressure
          ? monitor.diastolic_blood_pressure
          : "";
        this.form.pulse_frequency = monitor.pulse_frequency
          ? monitor.pulse_frequency
          : "";
        this.form.breathing_rated = monitor.breathing_rate
          ? monitor.breathing_rate
          : "";
        this.form.blood_flow_volume = monitor.blood_flow_volume
          ? monitor.blood_flow_volume
          : "";
        this.form.venous_pressure = monitor.venous_pressure
          ? monitor.venous_pressure
          : "";
        this.form.transmembrane_pressure = monitor.transmembrane_pressure
          ? monitor.transmembrane_pressure
          : "";
        this.form.ultrafiltration_volume = monitor.ultrafiltration_volume
          ? monitor.ultrafiltration_volume
          : "";
        this.form.ultrafiltration_rate = monitor.ultrafiltration_rate
          ? monitor.ultrafiltration_rate
          : "";
        this.form.arterial_pressure = monitor.arterial_pressure
          ? monitor.arterial_pressure
          : "";
        this.form.sodium_concentration = monitor.sodium_concentration
          ? monitor.sodium_concentration
          : "";
        this.form.dialysate_temperature = monitor.dialysate_temperature
          ? monitor.dialysate_temperature
          : "";
        this.form.replacement_rate = monitor.replacement_rate
          ? monitor.replacement_rate
          : "";
        this.form.displacement_quantity = monitor.displacement_quantity
          ? monitor.displacement_quantity
          : "";
        this.form.conductivity = monitor.conductivity
          ? monitor.conductivity
          : "";
        this.form.displacement_flow_quantity = monitor.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.blood_oxygen_saturation = monitor.blood_oxygen_saturation;
        // 设置三个下拉框的值，直接调用事件偷懒
        this.symptomTextareaBlur();
        this.disposeTextareaBlur();
        this.resultTextareaBlur();
      }
    },

    submitAction: function() {
      // TODO loading
      var is_new = this.form.id;
      this.form.operate_time = parseInt(this.form.operate_time / 1000);
      this.form.systolic_bp =
        parseFloat(this.form.systolic_bp) == NaN
          ? 0
          : parseFloat(this.form.systolic_bp);
      this.form.diastolic_bp =
        parseFloat(this.form.diastolic_bp) == NaN
          ? 0
          : parseFloat(this.form.diastolic_bp);
      this.form.temperature =
        parseFloat(this.form.temperature) == NaN
          ? 0
          : parseFloat(this.form.temperature);
      this.form.pulse_frequency =
        parseFloat(this.form.pulse_frequency) == NaN
          ? 0
          : parseFloat(this.form.pulse_frequency);
      this.form.breathing_rated =
        parseFloat(this.form.breathing_rated) == NaN
          ? 0
          : parseFloat(this.form.breathing_rated);
      this.form.blood_flow_volume =
        parseFloat(this.form.blood_flow_volume) == NaN
          ? 0
          : parseFloat(this.form.blood_flow_volume);
      this.form.venous_pressure =
        parseFloat(this.form.venous_pressure) == NaN
          ? 0
          : parseFloat(this.form.venous_pressure);
      this.form.transmembrane_pressure =
        parseFloat(this.form.transmembrane_pressure) == NaN
          ? 0
          : parseFloat(this.form.transmembrane_pressure);
      this.form.ultrafiltration_volume =
        parseFloat(this.form.ultrafiltration_volume) == NaN
          ? 0
          : parseFloat(this.form.ultrafiltration_volume);
      this.form.ultrafiltration_rate =
        parseFloat(this.form.ultrafiltration_rate) == NaN
          ? 0
          : parseFloat(this.form.ultrafiltration_rate);
      this.form.arterial_pressure =
        parseFloat(this.form.arterial_pressure) == NaN
          ? 0
          : parseFloat(this.form.arterial_pressure);
      this.form.sodium_concentration =
        parseFloat(this.form.sodium_concentration) == NaN
          ? 0
          : parseFloat(this.form.sodium_concentration);
      this.form.dialysate_temperature =
        parseFloat(this.form.dialysate_temperature) == NaN
          ? 0
          : parseFloat(this.form.dialysate_temperature);
      this.form.replacement_rate =
        parseFloat(this.form.replacement_rate) == NaN
          ? 0
          : parseFloat(this.form.replacement_rate);
      this.form.displacement_quantity =
        parseFloat(this.form.displacement_quantity) == NaN
          ? 0
          : parseFloat(this.form.displacement_quantity);
      this.form.conductivity =
        parseFloat(this.form.conductivity) == NaN
          ? 0
          : parseFloat(this.form.conductivity);
      this.form.displacement_flow_quantity =
        parseFloat(this.form.displacement_flow_quantity) == NaN
          ? 0
          : parseFloat(this.form.displacement_flow_quantity);

      this.form.ktv =
        parseFloat(this.form.ktv) == NaN ? 0 : parseFloat(this.form.ktv);
      this.form.monitoring_date = parseInt(this.form.monitoring_date);


      let mode = "1"
       if(this.form.id > 0){
         mode = "2"
         if(this.form.creator > 0 && this.form.creator != this.$store.getters.xt_user.user.id){
          mode = "3"
         }
      }
      editMonitor(this.patient_id, this.schedule_date, this.form,mode).then(rs => {
        var resp = rs.data;
        if (resp.state == 1) {
          var monitor = resp.data.monitor;
          if (this.isAdd) {
            this.monitors.unshift(monitor);
            this.monitors.sort((a, b) => b.operate_time - a.operate_time);
            this.monitors.reverse();
          } else {
            for (let index = 0; index < this.monitors.length; index++) {
              const m = this.monitors[index];
              if (m.id == monitor.id) {
                for (const key in monitor) {
                  m[key] = monitor[key];
                }
                break;
              }
            }
          }
          this.reset();
        } else {
          this.$message.error(resp.msg);
        }
      });
    },

    symptomTextareaBlur: function() {
      if (this.form.symptom.length > 0) {
        this.symptom_selecteds = this.form.symptom.split(",");
      } else {
        this.symptom_selecteds = [];
      }
    },
    symptomSelectorChange: function() {
      if (this.symptom_selecteds.length > 0) {
        this.form.symptom = this.symptom_selecteds.join(",") + ",";
      } else {
        this.form.symptom = "";
      }
    },
    disposeTextareaBlur: function() {
      if (this.form.dispose.length > 0) {
        this.dispose_selecteds = this.form.dispose.split(",");
      } else {
        this.dispose_selecteds = [];
      }
    },
    disposeSelectorChange: function() {
      if (this.dispose_selecteds.length > 0) {
        this.form.dispose = this.dispose_selecteds.join(",") + ",";
      } else {
        this.form.dispose = "";
      }
    },
    resultTextareaBlur: function() {
      if (this.form.result.length > 0) {
        this.result_selecteds = this.form.result.split(",");
      } else {
        this.result_selecteds = [];
      }
    },
    setRecords(records) {
      this.monitors = records;
    },
    resultSelectorChange: function() {
      if (this.result_selecteds.length > 0) {
        this.form.result = this.result_selecteds.join(",") + ",";
      } else {
        this.form.result = "";
      }
    },
    deleteRecordAction: function() {
      if (this.table_current_row == null) {
        this.$message.error("请选择一条监测记录");
        return;
      }

      this.$confirm("删除记录", "是否删除该监测记录", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          const params = {
            patient_id: this.patient_id,
            record_id: this.table_current_row.id
          };

          postDelMonitorInfo(params).then(response => {
            if (response.data.state == 0) {
              this.$message.error(response.data.msg);
              return false;
            } else {
              const record_id = response.data.data.record_id;
              for (let i = 0; i < this.monitors.length; i++) {
                if (this.monitors[i].id == record_id) {
                  this.monitors.splice(i, 1);
                }
              }
            }
          });
        })
        .catch(() => {});
    }
  }
};
</script>

<style style="stylesheet/scss" lang="scss" scoped>
.grid {
  padding: 10px 0 20px 0;
  .list {
    ul {
      @include display-flex;
      @include align-items-center;
      @include text-align;
      @include justify-content-around;
      cursor: pointer;
      li {
        font-size: 12px;
        color: #5d6b7a;
        margin-top: 20px;

        p {
          height: 30px;
          line-height: 30px;
          color: #34495e;
          font-size: 14px;
        }
        img {
          width: 50px;
          height: 50px;
        }
      }
    }
  }
}
.txsj {
  text-align: center;
  margin-bottom: 20px;
}
.current-box-class::-webkit-scrollbar {
  height: 20px; /*滚动条高度*/
}
</style>

<style style="stylesheet/scss" lang="scss">
.dialog_box .current-box-class .current-row > td {
  background: #6fb5fa;
  color: white;
  /* font-size: 12px; */
}

.dialog_box .current-box-class .current-row:hover > td {
  background: #6fb5fa;
  color: white;
  /* font-size: 12px; */
}
.el-table__body-wrapper::-webkit-scrollbar {
  height: 20px;
}
</style>