elizebeth/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 :disabled="!is_has_create" @click="newRecordAction"
            >新增监测</el-button
          >
          <el-button
            round
            :disabled="!is_has_modify && !is_has_modify_other"
            @click="modifyRecordAction"
            >修改监测</el-button
          >
          <el-button
            round
            :disabled="!is_has_del && !is_has_del_other"
            @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 v-if="monitors[0] && monitors[0]['venous_pressure_type'] == 2" prop="venous_pressure" align="center" label="静脉压/动脉压(kpa)" 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  v-else 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="跨膜压(kpa)" width="120" v-if="isShow('跨膜压') && (monitors[0] && monitors[0]['transmembrane_pressure_type'] == 2)" >
            <template slot-scope="scope">
              {{ scope.row.transmembrane_pressure ? scope.row.transmembrane_pressure : "" }}
            </template>
          </el-table-column>

          <el-table-column prop="transmembrane_pressure" align="center"  label="跨膜压(mmHg)" width="120" v-if="isShow('跨膜压') && (monitors[0] && monitors[0]['transmembrane_pressure_type'] != 2)" >
            <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_id == 10 ||
                  template_id == 11 ||
                  template_id == 12 ||
                  template_id == 13 ||
                  template_id == 17 ||
                  template_id == 18 ||
                  template_id == 19 ||
                  template_id == 20)
            "
          >
            <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_id != 10 &&
                template_id != 11 &&
                template_id != 12 &&
                template_id != 13 &&
                template_id != 17 &&
                template_id != 18 &&
                template_id != 19 &&
                template_id != 20
            "
          >
            <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_id == 10 || template_id == 11 || template_id == 20)" >
            <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_id != 10 && template_id != 11 && template_id != 20">
            <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_id == 10 || template_id == 11 || template_id == 20) " >
            <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="置换量(L)"
            width="100"
            v-if=" isShow('置换量') &&  template_id != 6 && template_id != 10 && template_id != 11 && template_id != 20" >
            <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_id != 10 && template_id != 11 " >
            <template slot-scope="scope">
              {{ scope.row.blood_oxygen_saturation ? scope.row.blood_oxygen_saturation : "" }}
            </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="displacement_flow_quantity"
            align="center"
            label="透析液流量(ml/h)"
            width="100"
            v-if="isShow('透析液流量')"
          >
            <template slot-scope="scope">
              {{ scope.row.dialysate_flow ? scope.row.dialysate_flow : ""  }}
            </template>
          </el-table-column>


          <el-table-column
            prop="displacement_flow_quantity"
            align="center"
            label="超滤率(ml/h)"
            width="100"
            v-if="isShow('超滤率') && (template_id == 6 || template_id == 10 || template_id == 11 || template_id == 12 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20) "
          >
            <template slot-scope="scope">
              {{ scope.row.ultrafiltration_rate ? scope.row.ultrafiltration_rate : ""  }}
            </template>
          </el-table-column>
          <el-table-column
            prop="displacement_flow_quantity"
            align="center"
            label="超滤率(L/h)"
            width="100"
            v-if="isShow('超滤率') && template_id != 6 && template_id != 10 && template_id != 11 && template_id != 12 && template_id != 13 && template_id != 17 && template_id != 18 && template_id != 19 && template_id != 20"
          >
            <template slot-scope="scope">
              {{ scope.row.ultrafiltration_rate ? scope.row.ultrafiltration_rate : ""  }}
            </template>
          </el-table-column>

          <el-table-column
            prop="heparin"
            align="center"
            label="肝素用量余量(ml)"
            width="140"
            v-if="isShow('肝素用量余量')"
          >
          </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 v-if="form.venous_pressure_type == 2" label="静脉压(kpa)：">
              <el-input
                style="width: 140px"
                v-model="form.venous_pressure"
              ></el-input>
              <el-button
                size="mini"
                type="primary"
                @click="venousPressureChangeOne"
                >切换</el-button
              >
            </el-form-item>
            <el-form-item v-else label="静脉压(mmHg)：">
              <el-input
                style="width: 140px"
                v-model="form.venous_pressure"
              ></el-input>
              <el-button
                size="mini"
                type="primary"
                @click="venousPressureChangeOne"
                >切换</el-button
              >
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="isShow('动脉压')">
            <el-form-item v-if="form.arterial_pressure_type == 2" label="动脉压(kpa)：">
              <el-input style="width: 140px" v-model="form.arterial_pressure" ></el-input>
              <el-button size="mini" type="primary" @click="venousPressureChangeThree"  >切换</el-button >
            </el-form-item>
            <el-form-item v-else label="动脉压(mmHg)：">
              <el-input style="width: 140px" v-model="form.arterial_pressure" ></el-input>
              <el-button size="mini" type="primary" @click="venousPressureChangeThree"  >切换</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 v-if="form.transmembrane_pressure_type == 2" label="跨膜压(kpa)：">
              <el-input style="width: 140px" v-model="form.transmembrane_pressure" ></el-input>
              <el-button size="mini" type="primary" @click="venousPressureChangeTwo" >切换</el-button >
            </el-form-item>
            <el-form-item v-else label="跨膜压(mmHg)：">
              <el-input style="width: 140px" v-model="form.transmembrane_pressure" ></el-input>
              <el-button size="mini" type="primary" @click="venousPressureChangeTwo" >切换</el-button >
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="isShow('超滤率') && (template_id == 6 || template_id == 10 || template_id == 11 || template_id == 12 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20) ">
            <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('超滤率') && template_id != 6 && template_id != 10 && template_id != 11 && template_id != 12 && template_id != 13 && template_id != 17 && template_id != 18 && template_id != 19 && template_id != 20">
            <el-form-item label="超滤率(L/h)">
              <el-input v-model="form.ultrafiltration_rate"></el-input>
            </el-form-item>
          </el-col>

          <el-col
            :span="8"
            v-if=" isShow('超滤量') && (template_id == 6 || template_id == 10 || template_id == 11 || template_id == 12 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20) " >
            <el-form-item label="超滤量(ml)：">
              <el-input v-model="form.ultrafiltration_volume"></el-input>
            </el-form-item>
          </el-col>

          <el-col
            :span="8"
            v-if=" isShow('超滤量') && template_id != 6 && template_id != 10 && template_id != 11 && template_id != 12 && template_id != 13 && template_id != 17 && template_id != 18 && template_id != 19 && template_id != 20" >
            <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('置换率') && template_id != 6 && template_id != 10 && template_id != 11 && template_id != 20">
            <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('置换率') && (template_id == 6 || template_id == 10 || template_id == 11 || template_id == 20)">
            <el-form-item label="置换率(ml/min)：">
              <el-input v-model="form.replacement_rate"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if=" isShow('置换量') &&  template_id != 6 && template_id != 10 && template_id != 11 && template_id != 20">
            <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('置换量') && (template_id == 6 || template_id == 10 || template_id == 11 || template_id == 20)">
            <el-form-item label="置换量(ml)：">
              <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('透析液流量')">
            <el-form-item label="透析液流量(ml/h)：">
              <el-input v-model="form.dialysate_flow"></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-col :span="8" v-if="isShow('肝素用量余量')">
            <el-form-item label="肝素用量余量(ml):">
              <el-input v-model="form.heparin"></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'

import request from '@/utils/request'

export default {
  name: 'MonitorDialog',
  data() {
    return {
      is_has_create: true,
      is_has_modify: true,
      is_has_modify_other: true,
      is_has_del: true,
      is_has_del_other: true,
      visible: false,
      edit: false,
      current_row_class: 'current-box-class',
      creator: 0,
      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: '', // 静脉压
        venous_pressure_type: 1, // 静脉压
        transmembrane_pressure: '', // 跨膜压
        transmembrane_pressure_type: 1, // 跨膜压
        ultrafiltration_volume: '', // 超滤量
        ultrafiltration_rate: '', // 超滤率
        arterial_pressure: '', // 动脉压
        arterial_pressure_type: 1, // 动脉压
        sodium_concentration: '', // 钠浓度
        dialysate_temperature: '', // 透析液温度
        replacement_rate: '', // 置换率
        displacement_quantity: '', // 置换量
        conductivity: '', // 电导度
        displacement_flow_quantity: '', // 置换液流量
        dialysate_flow: '', // 透析液流量
        heparin: '', // 肝素用量余量
        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'),
      valueOne: 0,
      valueTwo: 0,
      valueThree: 0
    }
  },
  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)
        )
      }
    },
    venousPressureChangeOne() {
      if (this.form.venous_pressure_type == 1) {
        this.form.venous_pressure_type = 2
      } else {
        this.form.venous_pressure_type = 1
      }
      // if (this.valueOne == 0) {
      //   this.form.venous_pressure = Math.ceil(
      //     Math.round(this.form.venous_pressure * 7.5)
      //   )
      //   this.valueOne = 1
      //   return false
      // }
      // if (this.valueOne == 1) {
      //   this.form.venous_pressure = Math.ceil(
      //     Math.round(this.form.venous_pressure / 7.5)
      //   )
      //   this.valueOne = 0
      //   return false
      // }
    },
    venousPressureChangeThree() {
      if (this.form.arterial_pressure_type == 1) {
        this.form.arterial_pressure_type = 2
      } else {
        this.form.arterial_pressure_type = 1
      }
      // if (this.valueThree == 0) {
      //   this.form.arterial_pressure = Math.ceil(
      //     Math.round(this.form.arterial_pressure * 7.5)
      //   )
      //   this.valueThree = 1
      //   return false
      // }
      // if (this.valueThree == 1) {
      //   this.form.arterial_pressure = Math.ceil(
      //     Math.round(this.form.arterial_pressure / 7.5)
      //   )
      //   this.valueThree = 0
      //   return false
      // }
    },

    venousPressureChangeTwo() {
      if (this.form.transmembrane_pressure_type == 1) {
        this.form.transmembrane_pressure_type = 2
      } else {
        this.form.transmembrane_pressure_type = 1
      }
      // if (this.valueTwo == 0) {
      //   this.form.transmembrane_pressure = Math.ceil(
      //     Math.round(this.form.transmembrane_pressure * 7.5)
      //   )
      //   this.valueTwo = 1
      //   return false
      // }
      // if (this.valueTwo == 1) {
      //   this.form.transmembrane_pressure = Math.ceil(
      //     Math.round(this.form.transmembrane_pressure / 7.5)
      //   )
      //   this.valueTwo = 0
      //   return false
      // }
    },

    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.getPermission()
      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.temperature = '' // this.last_monitor_record.pulse_frequency;

        this.form.pulse_frequency = '' // this.last_monitor_record.pulse_frequency;
        this.form.breathing_rated =  ''
        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.venous_pressure_type = resp.monitor.venous_pressure_type ? resp.monitor.venous_pressure_type : 1
        this.form.arterial_pressure = resp.monitor.arterial_pressure ? resp.monitor.arterial_pressure : '' // this.last_monitor_record.arterial_pressure;
        this.form.arterial_pressure_type = resp.monitor.arterial_pressure_type ? resp.monitor.arterial_pressure_type : 1
        this.form.transmembrane_pressure = '' // this.last_monitor_record.transmembrane_pressure;
        this.form.transmembrane_pressure_type = resp.monitor.transmembrane_pressure_type ? resp.monitor.transmembrane_pressure_type : 1
        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 = ''
        this.form.replacement_rate = resp.monitor.replacement_rate ? resp.monitor.replacement_rate : ''
        this.form.heparin = resp.monitor.heparin ? resp.monitor.heparin : ''
        this.form.dialysate_flow = resp.monitor.dialysate_flow ? resp.monitor.dialysate_flow : ''
        this.form.displacement_quantity =  resp.monitor.displacement_quantity ? resp.monitor.displacement_quantity : '' // this.last_monitor_record.displacement_quantity;
        this.form.conductivity =   ''
        this.form.displacement_flow_quantity = resp.monitor.displacement_flow_quantity ? resp.monitor.displacement_flow_quantity : ''
        this.form.ktv =  resp.monitor.ktv ? resp.monitor.ktv : '' // this.last_monitor_record.ktv;
        this.form.symptom =  resp.monitor.symptom ? resp.monitor.symptom : '' // this.last_monitor_record.symptom;
        this.form.dispose =  resp.monitor.dispose ? resp.monitor.dispose : '' // this.last_monitor_record.dispose;
        this.form.result =  resp.monitor.result ? resp.monitor.result : '' // this.last_monitor_record.result;
        this.form.blood_oxygen_saturation = resp.monitor.blood_oxygen_saturation ? resp.monitor.blood_oxygen_saturation : ''


      })
    },

    modifyRecordAction: function() {
      if (this.table_current_row == null) {
        this.$message.error('请选择一条监测记录')
        return
      }
      this.creator = this.table_current_row.creator
      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.venous_pressure_type = 1
        this.form.transmembrane_pressure = ''
        this.form.transmembrane_pressure_type = 1
        this.form.ultrafiltration_volume = ''
        this.form.ultrafiltration_rate = ''
        this.form.arterial_pressure = ''
        this.form.arterial_pressure_type = 1
        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.heparin = ''
        this.form.dialysate_flow = ''
        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.venous_pressure_type = monitor.venous_pressure_type ? monitor.venous_pressure_type : ''
        this.form.transmembrane_pressure = monitor.transmembrane_pressure ? monitor.transmembrane_pressure : ''
        this.form.transmembrane_pressure_type = monitor.transmembrane_pressure_type ? monitor.transmembrane_pressure_type : ''
        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.arterial_pressure_type = monitor.arterial_pressure_type ? monitor.arterial_pressure_type : ''
        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.heparin = monitor.heparin ? monitor.heparin : ''
        this.form.dialysate_flow = monitor.dialysate_flow ? monitor.dialysate_flow : ''

        this.form.ktv = monitor.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.venous_pressure_type = parseFloat(this.form.venous_pressure_type) == NaN ? 1 : parseFloat(this.form.venous_pressure_type)
      this.form.transmembrane_pressure = parseFloat(this.form.transmembrane_pressure) == NaN ? 0 : parseFloat(this.form.transmembrane_pressure)
      this.form.transmembrane_pressure_type = parseFloat(this.form.transmembrane_pressure_type) == NaN ? 1 : parseFloat(this.form.transmembrane_pressure_type)
      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.arterial_pressure_type = parseFloat(this.form.arterial_pressure_type) == NaN ? 1 : parseFloat(this.form.arterial_pressure_type)
      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.heparin = parseFloat(this.form.heparin) == NaN ? 0 : parseFloat(this.form.heparin)
      this.form.dialysate_flow = parseFloat(this.form.dialysate_flow) == NaN ? 0 : parseFloat(this.form.dialysate_flow)
      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.creator > 0 && this.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.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.venous_pressure_type = parseFloat(this.form.venous_pressure_type) == NaN ? 1 : parseFloat(this.form.venous_pressure_type)
            this.form.transmembrane_pressure = parseFloat(this.form.transmembrane_pressure) == NaN ? 0 : parseFloat(this.form.transmembrane_pressure)
            this.form.transmembrane_pressure_type = parseFloat(this.form.transmembrane_pressure_type) == NaN ? 1 : parseFloat(this.form.transmembrane_pressure_type)
            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.arterial_pressure_type = parseFloat(this.form.arterial_pressure_type) == NaN ? 1 : parseFloat(this.form.arterial_pressure_type)
            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.heparin = parseFloat(this.form.heparin) == NaN ? 0 : parseFloat(this.form.heparin)
            this.form.dialysate_flow = parseFloat(this.form.dialysate_flow) == NaN ? 0 : parseFloat(this.form.dialysate_flow)

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

            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(() => {
          let mode = '4'
          if (
            this.table_current_row.creator > 0 &&
            this.table_current_row.creator !=
              this.$store.getters.xt_user.user.id
          ) {
            mode = '5'
          }

          const params = {
            patient_id: this.patient_id,
            record_id: this.table_current_row.id,
            mode: mode
          }

          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)
                }
              }
              this.$message.success('删除成功')
            }
          })
        })
        .catch(() => {})
    },
    getPermission() {
      request
        .get('/api/func_per/get', {
          params: {
            create_url: '/api/dislysis/monitor/edit?mode=1',
            modify_url: '/api/dislysis/monitor/edit?mode=2',
            modify_other_url: '/api/dislysis/monitor/edit?mode=3',
            del_url: '/api/dialysis/monitor/del?mode=4',
            del_other_url: '/api/dialysis/monitor/del?mode=5',
            module: 7
          }
        })
        .then(res => {
          console.log(res)
          if (res.data.state == 0) {
            this.hasPermission = false
          } else if (res.data.state == 1) {
            this.is_has_create = res.data.data.is_has_create
            this.is_has_exce = res.data.data.is_has_exce
            this.is_has_check = res.data.data.is_has_check
            this.is_has_modify = res.data.data.is_has_modify
            this.is_has_modify_other = res.data.data.is_has_modify_other
            this.is_has_modify_exce = res.data.data.is_has_modify_exce
            this.is_has_del = res.data.data.is_has_del
            this.is_has_del_other = res.data.data.is_has_del_other
          }
        })
    }
  }
}
</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: #000;
  /* 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;
}
.dialog_box .current-box-class .current-row {
  background: #87ceff;
}
.dialog_box tr:hover > td {
  background-color: #ecf5ff !important;
  color: #3a8ee6;
}
.dialog_box tr > td:hover {
  background-color: #409eff !important;
  color: #fff !important;
}
</style>