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 == 9 ||
                  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_id == 21 ||
                  template_id == 22 ||
                  template_id == 23 ||
                  template_id == 24 ||
                  template_id == 26 ||
                  template_id == 27 ||
                  template_id == 29 ||
                  template_id == 30 ||
                  template_id == 31 ||
                  template_id == 32 ||
                  template_id == 34 ||
                  template_id == 35 ||
                  template_id == 36 ||
                  template_id == 38 ||
                  template_id == 39 ||
                  template_id == 40 ||
                  template_id == 41 ||
                  template_id == 43 ||
                  org_id == 9555)
            "
          >
            <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 !=9 &&
                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_id != 21 &&
                template_id != 22 &&
                template_id != 23 &&
                template_id != 24 &&
                template_id != 26 &&
                template_id != 27 &&
                template_id != 29 &&
                template_id != 30 &&
                template_id != 31 &&
                template_id != 32 &&
                template_id != 34 &&
                template_id != 35 &&
                template_id != 36 &&
                template_id != 38 &&
                template_id != 39 &&
                template_id != 40 &&
                template_id != 41 &&
                template_id != 43 &&
                org_id!=9555
            "
          >
            <template slot-scope="scope">
              {{
                scope.row.ultrafiltration_volume
                  ? scope.row.ultrafiltration_volume
                  : ""
              }}
            </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_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 34 || template_id == 35 || template_id == 38  || template_id == 41 || template_id == 43) "
          >
            <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_id != 21 && template_id != 22  && template_id != 23 && template_id != 24 && template_id != 26 && template_id != 29 && template_id != 30 && template_id != 31 && template_id != 34 && template_id != 35 && template_id != 38  && template_id != 41 && template_id != 43"
          >
            <template slot-scope="scope">
              {{ scope.row.ultrafiltration_rate ? scope.row.ultrafiltration_rate : ""  }}
            </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_id == 26 || template_id == 29)" >
            <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_id != 26 && template_id != 29">
            <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 && org_id != 9919 && org_id!=10191) || org_id == 9779 || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29)" >
            <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 || org_id == 9919 || org_id == 10191) && template_id != 9779 && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29)" >
            <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_id != 27"
          >
            <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/min)"
            width="100"
            v-if="isShow('置换液流量') && template_id == 27"
          >
            <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="heparin"
            align="center"
            label="肝素用量余量(ml)"
            width="140"
            v-if="isShow('肝素用量余量')"
          >
          </el-table-column>


          <el-table-column
            prop="heparin"
            align="center"
            label="抗凝剂"
            width="140"
            v-if="isShow('抗凝剂')"
          >
            <template slot-scope="scope">
             <span v-if="scope.row.monitor_anticoagulant == 1">无肝素</span>
             <span v-if="scope.row.monitor_anticoagulant == 2">普通肝素</span>
             <span v-if="scope.row.monitor_anticoagulant == 3">低分子肝素</span>
             <span v-if="scope.row.monitor_anticoagulant == 4">阿加曲班</span>
             <span v-if="scope.row.monitor_anticoagulant == 5">枸橼酸钠</span>
             <span v-if="scope.row.monitor_anticoagulant == 6">低分子肝素钙</span>
             <span v-if="scope.row.monitor_anticoagulant == 7">低分子肝素钠</span>
             <span v-if="scope.row.monitor_anticoagulant == 8">依诺肝素</span>
             <span v-if="scope.row.monitor_anticoagulant == 9">达肝素</span>
             <span v-if="scope.row.monitor_anticoagulant == 12">无抗凝剂</span>
             <span v-if="scope.row.monitor_anticoagulant_value!=''">（{{ scope.row.monitor_anticoagulant_value ? scope.row.monitor_anticoagulant_value : ""  }}）</span>

            </template>
          </el-table-column>


          <el-table-column
            prop="heparin"
            align="center"
            label="血压监测部位"
            width="140"
            v-if="isShow('血压监测部位')"
          >
           <template slot-scope="scope">
               {{ getBloodPressure(scope.row.blood_pressure_monitoring_site)}}
           </template>
          </el-table-column>


          <el-table-column
            prop="heparin"
            align="center"
            label="并发症"
            width="140"
            v-if="isShow('并发症')"
          >
           <template slot-scope="scope">
              {{getComplication(scope.row.complication)}}
           </template>
          </el-table-column>

           <el-table-column
            prop="heparin"
            align="center"
            label="累计血容量(ml)"
            width="140"
            v-if="isShow('累计血容量')"
          >
           <template slot-scope="scope">
              {{scope.row.accumulated_blood_volume}}
           </template>
          </el-table-column>

           <el-table-column
            prop="heparin"
            align="center"
            label="血温监测"
            width="140"
            v-if="isShow('血温监测')"
          >
           <template slot-scope="scope">
              {{scope.row.blood_temperature}}
           </template>
          </el-table-column>

           <el-table-column
            prop="heparin"
            align="center"
            label="尿素监测"
            width="140"
            v-if="isShow('尿素监测')"
          >
           <template slot-scope="scope">
              {{scope.row.urea_monitoring}}
           </template>
          </el-table-column>

          <el-table-column
            prop="heparin"
            align="center"
            label="血浓量"
            width="140"
            v-if="isShow('血浓量')"
          >
           <template slot-scope="scope">
              {{scope.row.blood_thickness}}
           </template>
          </el-table-column>

         <el-table-column
            prop="heparin"
            align="center"
            label="血压监测"
            width="140"
            v-if="isShow('血压监测')"
          >
           <template slot-scope="scope">
              {{scope.row.blood_monitor}}
           </template>
          </el-table-column>



           <el-table-column
            prop="heparin"
            align="center"
            label="KT/V"
            width="140"
            v-if="isShow('KT/V') && org_id == 9987"
          >
           <template slot-scope="scope">
              {{ scope.row.ktv ? scope.row.ktv : ""  }}
            </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 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 || template_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 34 || template_id == 35 || template_id == 38 || template_id == 41 || template_id == 43) ">
            <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 && template_id != 21 && template_id != 22 && template_id != 23 && template_id != 24 && template_id != 26 && template_id != 29 && template_id != 30 && template_id != 31 && template_id != 34 && template_id != 35 && template_id != 38 && template_id != 41 && template_id != 43">
            <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 == 9 || 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_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 27 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 32 || template_id == 34 || template_id == 35 || template_id == 36 || template_id == 38 || template_id == 41 || template_id == 43 || org_id == 9555) " >
            <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 !=9 && 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_id != 21 && template_id != 22 && template_id != 23 && template_id != 24 && template_id != 26 && template_id!=27 && template_id!=29 && template_id!=30 && template_id!=31 && template_id!=32 && template_id!=34 && template_id!=35 && template_id!=36 && template_id!=38  && template_id!=41 && template_id!=43 && org_id !=9555" >
            <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 && template_id != 26 && template_id != 29">
            <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 || template_id == 26 || template_id == 29)">
            <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 || org_id == 9919 || org_id == 10191) && org_id != 9779 && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29)">
            <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 && org_id != 9919 && org_id!=10191) || org_id == 9779 || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29)">
            <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('置换液流量') && template_id != 27">
            <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('置换液流量') && template_id == 27">
            <el-form-item label="置换液流量(ml/min)：">
              <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="血糖(mmol/L)：">
              <el-input v-model="form.blood_sugar"></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-col :span="8" v-if="isShow('抗凝剂')">
            <el-form-item label="抗凝剂：">
              <div style="display:flex;">
                <el-select v-model="form.monitor_anticoagulant" placeholder="请选择" style="width:50%;">
                  <el-option v-for="(item, index) in anticoagulantsConfit" :label="item.name" :key="index + 'e'" :value="item.id"></el-option>
                </el-select>
                <el-input v-model="form.monitor_anticoagulant_value" style="width:49%;margin-left:10px;"></el-input>
                </div>
            </el-form-item>
          </el-col>

         <el-col :span="8" v-if="isShow('血压监测部位')">
            <el-form-item label="血压监测部位：">
              <div style="display:flex;">
                <el-select v-model="form.blood_pressure_monitoring_site" placeholder="请选择" style="width:50%;">
                  <el-option v-for="(item, index) in bloodPressureMmonitoringSite" :label="item.name" :key="index + 'e'" :value="item.id"></el-option>
                </el-select>
                </div>
            </el-form-item>
         </el-col>


           <el-col :span="8" v-if="isShow('并发症')">
            <el-form-item label="并发症">
              <div style="display:flex;">
                <el-select v-model="form.complication" placeholder="请选择" style="width:50%;">
                  <el-option v-for="(item, index) in complicationList" :label="item.name" :key="index + 'e'" :value="item.id"></el-option>
                </el-select>
                </div>
            </el-form-item>
         </el-col>

          <el-col :span="8" v-if=" isShow('累计血容量')">
            <el-form-item label="累计血容量(ml)：">
              <el-input v-model="form.accumulated_blood_volume"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if=" isShow('血温监测')">
            <el-form-item label="血温监测">
              <el-input v-model="form.blood_temperature"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if=" isShow('尿素监测')">
            <el-form-item label="尿素监测">
              <el-input v-model="form.urea_monitoring"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if=" isShow('血浓量')">
            <el-form-item label="血浓量">
              <el-input v-model="form.blood_thickness"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if=" isShow('血压监测')">
            <el-form-item label="血压监测">
              <el-input v-model="form.blood_monitor"></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-col :span="24" v-if="isShow('URR')">
            <el-form-item label="URR：">
              <el-input type="textarea" :rows="4" v-model="form.urr"></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: '',
        urr:'',
        blood_sugar:'',//血糖
        monitor_anticoagulant:'',
        monitor_anticoagulant_value:"",
        blood_pressure_monitoring_site:"",
        complication:"",
        accumulated_blood_volume:"",
        blood_temperature:"",
        urea_monitoring:"",
        blood_thickness:"",
        blood_monitor:"",
      },

      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,
      anticoagulantsConfit:{},
      bloodPressureMmonitoringSite:[],
      complicationList:[],
    }
  },
  props: {
    monitors: {
      type: Array
    },
    patient:{
      type: Object
    }
  },
  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;
    this.org_id = this.$store.getters.xt_user.template_info.org_id;
    var date = this.$route.query.date;
    var patient_id = this.$route.query.patient_id;
    this.patient_id = patient_id ? patient_id : this.patient.id;
    console.log('this.patient_id',this.patient_id)
    this.schedule_date = date ? date : new Date(new Date().toLocaleDateString()).getTime() / 1000;
    this.form.monitoring_date = date ? date : new Date(new Date().toLocaleDateString()).getTime() / 1000;
    // 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();
    var symptoms = getDataConfig('hemodialysis', 'symptoms');
    console.log("sysmptoms3333333333",symptoms);
    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
    //console.log("抗凝剂",this.anticoagulantsConfit)
    this.bloodPressureMmonitoringSite = getDataConfig('hemodialysis','blood_pressure_monitoring_site');
    this.complicationList = getDataConfig('hemodialysis','complication')

  },
  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 => {
        console.log("机构ID",this.org_id);

        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 =  resp.monitor.breathing_rated ? resp.monitor.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 : '';
        // 静脉压
        if(this.org_id == 10060){
          this.form.venous_pressure = resp.monitor.venous_pressure
        }else{
          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;
        if(this.org_id == 10060){
          this.form.transmembrane_pressure = resp.monitor.transmembrane_pressure;
        }else{
          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 =  resp.monitor.temperature ? resp.monitor.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 : '';
        this.form.urr = resp.monitor.urr?resp.monitor.urr:'';
        this.form.blood_sugar = resp.monitor.blood_sugar?resp.monitor.blood_sugar:'';
        this.form.sodium_concentration = resp.monitor.sodium_concentration?resp.monitor.sodium_concentration:'';
        this.form.conductivity = resp.monitor.conductivity?resp.monitor.conductivity:'';
        this.form.monitor_anticoagulant = resp.monitor.monitor_anticoagulant?resp.monitor.monitor_anticoagulant:"";
        this.form.monitor_anticoagulant_value = resp.monitor.monitor_anticoagulant_value?resp.monitor.monitor_anticoagulant_value:""
        this.form.accumulated_blood_volume  = resp.monitor.accumulated_blood_volume?resp.monitor.accumulated_blood_volume:""
        this.form.blood_temperature = resp.monitor.blood_temperature?resp.monitor.blood_temperature:""
        this.form.urea_monitoring = resp.monitor.urea_monitoring?resp.monitor.urea_monitoring:""
        this.form.blood_thickness = resp.monitor.blood_thickness?resp.monitor.blood_thickness:""
        this.form.blood_monitor = resp.monitor.blood_monitor?resp.monitor.blood_monitor:""
      })
    },

    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) {
      console.log("monitor23223322332",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 = [];
        this.form.urr = '';
        this.form.blood_sugar = '';
        this.form.monitor_anticoagulant = '';
        this.form.monitor_anticoagulant_value = ''
        this.form.accumulated_blood_volume  = ""
        this.form.blood_temperature = ""
        this.form.urea_monitoring = ""
        this.form.blood_thickness = ""
        this.form.blood_monitor = ""
      } 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.form.urr = monitor.urr?monitor.urr:'';
        this.form.blood_sugar = monitor.blood_sugar?monitor.blood_sugar:'';
        this.form.monitor_anticoagulant = monitor.monitor_anticoagulant?monitor.monitor_anticoagulant:'';
        this.form.monitor_anticoagulant_value = monitor.monitor_anticoagulant_value?monitor.monitor_anticoagulant_value:"";
        this.form.accumulated_blood_volume  = monitor.accumulated_blood_volume?monitor.accumulated_blood_volume:""
        this.form.blood_temperature = monitor.blood_temperature?monitor.blood_temperature:""
        this.form.urea_monitoring = monitor.urea_monitoring?monitor.urea_monitoring:""
        this.form.blood_thickness = monitor.blood_thickness?monitor.blood_thickness:""
        this.form.blood_monitor = monitor.blood_monitor?monitor.blood_monitor:""
        // 设置三个下拉框的值，直接调用事件偷懒
        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);
      this.form.urr = this.form.urr;
      this.form.blood_sugar = parseFloat(this.form.blood_sugar) == NaN ? 0 : parseFloat(this.form.blood_sugar);
      this.form.monitor_anticoagulant = parseInt(this.form.monitor_anticoagulant);
      this.form.monitor_anticoagulant_value = this.form.monitor_anticoagulant_value;
      this.form.blood_pressure_monitoring_site = parseInt(this.form.blood_pressure_monitoring_site);
      this.form.complication = parseInt(this.form.complication);
      this.form.blood_temperature = parseFloat(this.form.blood_temperature) == NaN ? 0 : parseFloat(this.form.blood_temperature);
      this.form.accumulated_blood_volume = parseFloat(this.form.accumulated_blood_volume) == NaN ? 0 : parseFloat(this.form.accumulated_blood_volume);
      this.form.urea_monitoring = parseFloat(this.form.urea_monitoring) == NaN ? 0 : parseFloat(this.form.urea_monitoring);
      this.form.blood_thickness = parseFloat(this.form.blood_thickness) == NaN ? 0 : parseFloat(this.form.blood_thickness);
      this.form.blood_monitor = parseFloat(this.form.blood_monitor) == NaN ? 0 : parseFloat(this.form.blood_monitor);
      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.form.urr = this.form.urr;
            this.form.blood_sugar = parseFloat(this.form.blood_sugar) == NaN ? 0 : parseFloat(this.form.blood_sugar);
            this.form.monitor_anticoagulant = parseInt(this.form.monitor_anticoagulant);
            this.form.monitor_anticoagulant_value = this.form.monitor_anticoagulant_value;
            this.form.blood_pressure_monitoring_site = this.form.blood_pressure_monitoring_site;
            this.form.complication = this.form.complication;
            this.form.blood_temperature = parseFloat(this.form.blood_temperature) == NaN ? 0 : parseFloat(this.form.blood_temperature);
            this.form.accumulated_blood_volume = parseFloat(this.form.accumulated_blood_volume) == NaN ? 0 : parseFloat(this.form.accumulated_blood_volume);
            this.form.urea_monitoring = parseFloat(this.form.urea_monitoring) == NaN ? 0 : parseFloat(this.form.urea_monitoring);
            this.form.blood_thickness = parseFloat(this.form.blood_thickness) == NaN ? 0 : parseFloat(this.form.blood_thickness);
            this.form.blood_monitor = parseFloat(this.form.blood_monitor) == NaN ? 0 : parseFloat(this.form.blood_monitor);
            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
          }
        })
    },
    getBloodPressure(id){
       var name = "";
       for(let i=0;i<this.bloodPressureMmonitoringSite.length;i++){
         if(id == this.bloodPressureMmonitoringSite[i].id){
            name = this.bloodPressureMmonitoringSite[i].name
         }
       }
       return name
    },
    getComplication(id){
      var name = "";
      for(let i=0;i<this.complicationList.length;i++){
         if(id == this.complicationList[i].id){
            name = this.complicationList[i].name
         }
      }
      return name
    }
  },
  watch:{
    patient:{
      handler(newVal){
        this.patient_id = newVal.id
      },
      deep:true
    }
  }
}
</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>