Vue_New/src/xt_pages/dialysis/details/DialysisPrescription.vue

<template>
  <div class="plate-box">
    <h2 class="DetailsTit">
      <span>{{ title }}</span>
    </h2>
    <div class="plate">
      <ul>
        <li v-if="isShow('透析模式')">
          <label>透析模式 : </label>
          <span class="content">{{ dialysis_mode }}</span>
        </li>

        <li v-if="isShow('置换量')">
          <label>置换量 : </label>
          <span class="content">{{
            replacement_total != "0" ? replacement_total : ""
          }}</span>
          <span class="unit">{{ replacement_total != "0" ? "L" : "" }}</span>
        </li>

        <li v-if="isShow('透析液配方')">
          <label>透析液配方 : </label>
          <span class="content">{{ dialysate_formulation }}</span>
        </li>

        <li v-if="isShow('透析液温度')">
          <label>透析液温度 : </label>
          <span class="content">{{
            dialysate_temperature != "0" ? dialysate_temperature : ""
          }}</span>
          <span class="unit">{{
            dialysate_temperature != "0" ? "℃" : ""
          }}</span>
        </li>

        <li v-if="isShow('抗凝剂')">
          <label>抗凝剂 : </label>
          <span class="content">{{ anticoagulant }}</span>
        </li>

        <li v-if=" isShow('总量') && getValueStr('anticoagulant', 'anticoagulant') != 5 " >
          <label>总量: </label>
          <span class="content" v-if="getValueStr('anticoagulant', 'anticoagulant') != 1">{{anticoagulant_zongliang != "0" ? anticoagulant_zongliang : ""}}</span>
          <span class="content" v-if="getValueStr('anticoagulant', 'anticoagulant') == 1" ></span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 2 && this.$store.getters.xt_user.template_info.template_id != 13">{{ anticoagulant_zongliang != "0" ? "iu" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 2 && this.$store.getters.xt_user.template_info.template_id == 13">{{ anticoagulant_zongliang != "0" ? "mg" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 3" >{{ anticoagulant_zongliang != "0" ? "iu" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 1">{{ anticoagulant_zongliang != "0" ? "mg" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 4">{{ anticoagulant_zongliang != "0" ? "mg" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 5">{{ anticoagulant_zongliang != "0" ? "ml" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 6">{{ anticoagulant_zongliang != "0" ? "iu" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 7">{{ anticoagulant_zongliang != "0" ? "iu" : "" }}</span>
        </li>

        <li v-if="isShow('透析器/灌流器')">
          <label>透析器/灌流器 : </label>
          <span class="content">{{ dialyzer_perfusion_apparatus }}</span>
          <span class="unit"></span>
        </li>

        <li v-if="isShow('透析前使用特殊药物')">
          <label>透析前使用特殊药物: </label>
          <span class="content">{{ special_medicine }}</span>
          <span class="unit"></span>
        </li>

        <li v-if="isShow('体液过多其他症状')">
          <label>体液过多其他症状 : </label>
          <span class="content">{{ body_fluid_other }}</span>
          <span class="unit"></span>
        </li>
      </ul>

      <ul>
        <li v-if="isShow('目标超滤量')">
          <label>目标超滤量 : </label>
          <span class="content">{{
            target_ultrafiltration != "0" ? target_ultrafiltration : ""
          }}</span>
          <span v-if="this.$store.getters.xt_user.template_info.template_id != 17" class="unit">{{ target_ultrafiltration != "0" ? "L" : "" }}</span>
          <span v-if="this.$store.getters.xt_user.template_info.template_id == 17" class="unit">{{ target_ultrafiltration != "0" ? "ml" : "" }}</span>
        </li>
        <li v-if="isShow('葡萄糖')">
          <label>葡萄糖 : </label>
          <span class="content">{{ glucose != "0" ? glucose : "" }}</span>
          <span class="unit">{{ glucose != "0" ? "mmol/l" : "" }}</span>
        </li>

        <li v-if="isShow('钾')">
          <label>钾 : </label>
          <span class="content">{{ kalium != "0" ? kalium : "" }}</span>
          <span class="unit">{{ kalium != "0" ? "mmol/L" : "" }}</span>
        </li>

        <li v-if="isShow('血流量')">
          <label>血流量 : </label>
          <span class="content">{{
            blood_flow_volume != "0" ? blood_flow_volume : ""
          }}</span>
          <span class="unit">{{
            blood_flow_volume != "0" ? "ml/min" : ""
          }}</span>
        </li>

        <li v-if=" isShow('首剂') && getValueStr('anticoagulant', 'anticoagulant') != 5 " >
          <label>首剂 : </label>
          <span class="content" v-if="getValueStr('anticoagulant', 'anticoagulant') != 1">{{ anticoagulant_shouji != "0" ? anticoagulant_shouji : "" }}</span>
          <span class="content" v-if="getValueStr('anticoagulant', 'anticoagulant') == 1" ></span>
          <span class="unit"  v-if="getValueStr('anticoagulant', 'anticoagulant') == 2  && this.$store.getters.xt_user.template_info.template_id != 13" >{{ anticoagulant_shouji != "0" ? "iu" : "" }}</span>
          <span class="unit"  v-if="getValueStr('anticoagulant', 'anticoagulant') == 2  && this.$store.getters.xt_user.template_info.template_id == 13" >{{ anticoagulant_shouji != "0" ? "mg" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 3">{{ anticoagulant_shouji != "0" ? "iu" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 1" >{{ anticoagulant_shouji != "0" ? "mg" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 4" >{{ anticoagulant_shouji != "0" ? "mg" : "" }}</span >
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 5" >{{ anticoagulant_shouji != "0" ? "mg" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 6" >{{ anticoagulant_shouji != "0" ? "iu" : "" }}</span >
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 7" >{{ anticoagulant_shouji != "0" ? "iu" : "" }}</span>
        </li>

        <li v-if="isShow('钙')">
          <label>钙: </label>
          <span class="content">{{ calcium != "0" ? calcium : "" }}</span>
          <span class="unit">{{ calcium != "0" ? "mmol/L" : "" }}</span>
        </li>

        <li v-if="isShow('体液过多症状')">
          <label>体液过多症状 : </label>
          <span class="content">{{ body_fluid }}</span>
          <span class="unit"></span>
        </li>

        <li v-if="isShow('透析前使用其他特殊药物')">
          <label>透析前使用其他特殊药物: </label>
          <span class="content">{{ special_medicine_other }}</span>
          <span class="unit"></span>
        </li>

        <li
          v-if="
            isShow('钙名称') &&
              getValueStr('anticoagulant', 'anticoagulant') == 5
          "
        >
          <label>钙名称: </label>
          <span class="content">{{
            getValueStr(
              "anticoagulant_gaimingcheng",
              "anticoagulant_gaimingcheng"
            )
          }}</span>
        </li>

        <li v-if="isShow('血流量')">
          <label>血流量 : </label>
          <span class="content">{{
            blood_flow_volume != "0" ? blood_flow_volume : ""
          }}</span>
          <span class="unit">{{
            blood_flow_volume != "0" ? "ml/min" : ""
          }}</span>
        </li>
      </ul>

      <ul>
        <li v-if="isShow('钠')">
          <label>钠 : </label>
          <span class="content">{{ sodium != "0" ? sodium : "" }}</span>
          <span class="unit">{{ sodium != "0" ? "mmol/L" : "" }}</span>
        </li>

        <li v-if="isShow('透析时长')">
          <label>透析时长 : </label>
          <span class="content">{{
            dialysis_duration != "0" ? dialysis_duration : ""
          }}</span>
        </li>

        <li v-if="isShow('碳酸氢盐')">
          <label>碳酸氢盐 : </label>
          <span class="content">{{
            bicarbonate != "0" ? bicarbonate : ""
          }}</span>
          <span class="unit">{{ bicarbonate != "0" ? "mmol/L" : "" }}</span>
        </li>

        <li v-if="isShow('透析液流量')">
          <label>透析液流量 : </label>
          <span class="content">{{
            dialysate_flow != "0" ? dialysate_flow : ""
          }}</span>
          <span class="unit">{{ dialysate_flow != "0" ? "ml/min" : "" }}</span>
        </li>

        <li v-if="isShow('维持') && getValueStr('anticoagulant', 'anticoagulant') != 5">
          <label>维持 : </label>
          <span class="content" v-if="getValueStr('anticoagulant', 'anticoagulant') != 1">{{ anticoagulant_weichi != "0" ? anticoagulant_weichi : "" }}</span>
          <span class="content" v-if="getValueStr('anticoagulant', 'anticoagulant') == 1"></span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 2 && this.$store.getters.xt_user.template_info.template_id != 13">{{ anticoagulant_weichi != "0" ? "iu/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 2 && this.$store.getters.xt_user.template_info.template_id == 13">{{ anticoagulant_weichi != "0" ? "mg/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 3">{{ anticoagulant_weichi != "0" ? "iu/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 1">{{ anticoagulant_weichi != "0" ? "mg/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 4">{{ anticoagulant_weichi != "0" ? "mg/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 5">{{ anticoagulant_weichi != "0" ? "ml/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 6">{{ anticoagulant_weichi != "0" ? "iu/h" : "" }}</span>
          <span class="unit" v-if="getValueStr('anticoagulant', 'anticoagulant') == 7">{{ anticoagulant_weichi != "0" ? "iu/h" : "" }}</span>
        </li>

        <li
          v-if="
            isShow('钙剂量') &&
              getValueStr('anticoagulant', 'anticoagulant') == 5
          "
        >
          <label>钙剂量: </label>
          <span class="content">{{
            getValueStr("anticoagulant_gaijiliang", "anticoagulant_gaijiliang")
          }}</span>
          <span
            class="unit"
            v-if="getValueStr('anticoagulant', 'anticoagulant') == 5"
            >{{ "ml" }}</span
          >
        </li>

        <li v-if="isShow('实际超滤量')">
          <label>实际超滤量: </label>
          <span class="content">{{
            ultrafiltration != "0" ? ultrafiltration : ""
          }}</span>
          <span class="unit">{{ ultrafiltration != "0" ? "L" : "" }}</span>
        </li>

        <li v-if="isShow('电导度')">
          <label>电导度 : </label>
          <span class="content">{{
            conductivity != "0" ? conductivity : ""
          }}</span>
          <span class="unit">{{ conductivity != "0" ? "mS/m" : "" }}</span>
        </li>

        <li v-if="isShow('置换液')">
          <label
            v-if="this.$store.getters.xt_user.template_info.template_id != 6"
            >置换液:
          </label>
          <label
            v-if="this.$store.getters.xt_user.template_info.template_id == 6"
            >置换方式:
          </label>

          <span class="content">{{
            displace_liqui != "0" ? displace_liqui : ""
          }}</span>
          <span class="unit">{{ displace_liqui != "0" ? "L" : "" }}</span>
        </li>

        <li v-if="isShow('血管通路')">
          <label>血管通路: </label>
          <span class="content">{{ blood_access }}</span>
          <span class="unit"></span>
        </li>

        <li v-if="isShow('目标KT/V')">
          <label>目标KT/V: </label>
          <span class="content">{{ target_ktv != "0" ? target_ktv : "" }}</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import { getDataConfig } from '@/utils/data'
import store from '@/store'

export default {
  name: 'DialysisPrescription',
  data() {
    return {
      title: '透析处方',
      perfusion_apparatus_map: {},
      dialysateFormulationMap: {},
      blood_access_part: [],
      blood_access_part_opera: []
    }
  },
  props: {
    prescription: {
      type: Object
    },
    solution: {
      type: Object
    },
    device_number_map: {
      type: Object
    }
  },
  computed: {
    target_ultrafiltration: function() {
      var v = this.getValueStr(
        'target_ultrafiltration',
        'target_ultrafiltration'
      )
      return v.length == 0 ? '0' : v
    },
    dialysis_mode: function() {
      var mode = this.getValueStr('mode_id', 'mode_id')
      if (mode.length == 0) {
        return ''
      }
      if (this.$store.getters.treatment_mode[mode] != undefined) {
        return this.$store.getters.treatment_mode[mode].name
      }
      return ''
    },
    perfusion_apparatus: function() {
      var v = this.getValueStr('perfusion_apparatus', 'perfusion_apparatus')
      if (v.length == 0) {
        return ''
      }
      if (this.perfusion_apparatus_map[v] != undefined) {
        return this.perfusion_apparatus_map[v].name
      }
      return ''
    },
    displace_liqui: function() {
      var v = this.getValueStr('displace_liqui', 'displace_liqui')
      return v.length == 0 ? '0' : v
    },
    anticoagulant_shouji: function() {
      var v = this.getValueStr('anticoagulant_shouji', 'anticoagulant_shouji')
      return v.length == 0 ? '0' : v
    },
    kalium: function() {
      var v = this.getValueStr('kalium', 'kalium')
      return v.length == 0 ? '0' : v
    },
    replacement_total: function() {
      var v = this.getValueStr('replacement_total', 'replacement_total')
      return v.length == 0 ? '0' : v
    },
    bicarbonate: function() {
      var v = this.getValueStr('bicarbonate', 'bicarbonate')
      return v.length == 0 ? '0' : v
    },
    dialysate_flow: function() {
      var v = this.getValueStr('dialysate_flow', 'dialysate_flow')
      return v.length == 0 ? '0' : v
    },
    dialysis_duration: function() {
      var dialysis_duration_hour = this.getValueStr(
        'dialysis_duration_hour',
        'dialysis_duration_hour'
      )
      var dialysis_duration_minute = this.getValueStr(
        'dialysis_duration_minute',
        'dialysis_duration_minute'
      )
      if (
        dialysis_duration_hour.length == 0 &&
        dialysis_duration_minute.length == 0
      ) {
        return '0'
      } else {
        var time =
          dialysis_duration_hour + 'h' + dialysis_duration_minute + 'min'
        return time.length == 0 ? '0' : time
      }
    },
    blood_flow_volume: function() {
      var v = this.getValueStr('blood_flow_volume', 'blood_flow_volume')
      return v.length == 0 ? '0' : v
    },
    replacement_way: function() {
      return this.getValueStr('replacement_way', 'replacement_way')
    },
    anticoagulant_weichi: function() {
      var v = this.getValueStr('anticoagulant_weichi', 'anticoagulant_weichi')
      return v.length == 0 ? '0' : v
    },
    sodium: function() {
      var v = this.getValueStr('sodium', 'sodium')
      return v.length == 0 ? '0' : v
    },
    glucose: function() {
      var v = this.getValueStr('glucose', 'glucose')
      return v.length == 0 ? '0' : v
    },
    dialysate_temperature: function() {
      var v = this.getValueStr(
        'dialysate_temperature',
        'dialysate_temperature'
      )
      return v.length == 0 ? '0' : v
    },
    dialyzer: function() {
      var v = this.getValueStr('dialyzer', 'hemodialysis_machine')
      if (v.length == 0) {
        return ''
      }
      if (this.device_number_map[v] != undefined) {
        return this.device_number_map[v].name
      }
      return ''
    },
    dialysate_formulation: function() {
      var v = this.getValueStr(
        'dialysate_formulation',
        'dialysate_formulation'
      )
      if (v.length == 0) {
        return ''
      }
      if (v in this.dialysateFormulationMap) {
        return this.dialysateFormulationMap[v].name
      }
      return ''
    },
    prescription_dewatering: function() {
      var v = this.getValueStr('prescription_dewatering', 'dewater')
      return v.length == 0 ? '0' : v
    },
    anticoagulant: function() {
      var v = this.getValueStr('anticoagulant', 'anticoagulant')
      if (v.length == 0) {
        return ''
      }
      if (this.$store.getters.anticoagulants_confit[v] != undefined) {
        return this.$store.getters.anticoagulants_confit[v].name
      }
      return ''
    },
    anticoagulant_zongliang: function() {
      var v = this.getValueStr(
        'anticoagulant_zongliang',
        'anticoagulant_zongliang'
      )
      return v.length == 0 ? '0' : v
    },
    calcium: function() {
      var v = this.getValueStr('calcium', 'calcium')
      return v.length == 0 ? '0' : v
    },

    conductivity: function() {
      var v = this.getValueStr('conductivity', 'conductivity')
      return v.length == 0 ? '0' : v
    },
    dialyzer_perfusion_apparatus: function() {
      return this.getValueStr(
        'dialyzer_perfusion_apparatus',
        'dialyzer_perfusion_apparatus'
      )
    },
    body_fluid: function() {
      var id = this.getValueStr('body_fluid', 'body_fluid')
      if (id == 0) {
        return ''
      }
      var bodyFluidOptions = this.$store.getters.body_fluid
      for (let i = 0; i < bodyFluidOptions.length; i++) {
        if (bodyFluidOptions[i].id == id) {
          return bodyFluidOptions[i].name
        }
      }
    },
    special_medicine: function() {
      var id = this.getValueStr('special_medicine', 'special_medicine')
      if (id == 0) {
        return ''
      }
      var special_medicine = this.$store.getters.special_medicine
      for (let i = 0; i < special_medicine.length; i++) {
        if (special_medicine[i].id == id) {
          return special_medicine[i].name
        }
      }
    },
    special_medicine_other: function() {
      return this.getValueStr(
        'special_medicine_other',
        'special_medicine_other'
      )
    },
    blood_access: function() {
      var id = this.getValueStr('blood_access', 'blood_access')
      console.log('id', id)
      if (id == 0) {
        return ''
      }
      // var blood_access = this.$store.getters.blood_access_internal_fistula;
      var blood_access = getDataConfig('hemodialysis', 'vascular_access_desc')
      for (let i = 0; i < blood_access.length; i++) {
        if (blood_access[i].id == id) {
          return blood_access[i].name
        }
      }
    },
    displace_liqui: function() {
      var id = this.getValueStr('displace_liqui_part', 'displace_liqui_part')
      var displace_liqui_value = this.getValueStr(
        'displace_liqui_value',
        'displace_liqui_value'
      )
      var displace_liqui_part = ''
      var displace_liqui = this.$store.getters.displace_liqui
      for (let i = 0; i < displace_liqui.length; i++) {
        if (displace_liqui[i].id == id) {
          displace_liqui_part = displace_liqui[i].name
        }
      }
      return displace_liqui_part + displace_liqui_value
    },
    ultrafiltration: function() {
      var v = this.getValueStr('ultrafiltration', 'ultrafiltration')
      return v.length == 0 ? '0' : v
    },
    body_fluid_other: function() {
      return this.getValueStr('body_fluid_other', 'body_fluid_others')
    },
    target_ktv: function() {
      var v = this.getValueStr('target_ktv', 'target_ktv')
      return v.length == 0 ? '0' : v
    }
  },
  created() {
    var perfusion_apparatus = this.$store.getters.perfusion_apparatus
    var map = {}
    for (let index = 0; index < perfusion_apparatus.length; index++) {
      const p = perfusion_apparatus[index]
      map[p.id] = p
    }
    this.perfusion_apparatus_map = map

    var dialysateFormulationOptions = getDataConfig(
      'hemodialysis',
      'dialysate_formulation'
    )

    for (var index in dialysateFormulationOptions) {
      this.dialysateFormulationMap[dialysateFormulationOptions[index].id] =
        dialysateFormulationOptions[index]
    }
  },
  methods: {
    getValueStr(pkey, skey) {
      if (
        (this.prescription == null || this.prescription.id == '') &&
        (this.solution == null || this.solution.id == '')
      ) {
        return ''
      } else if (this.prescription != null && this.prescription.id != '') {
        if (
          this.prescription[pkey] == null ||
          this.prescription[pkey] == undefined
        ) {
          return ''
        }
        return this.prescription[pkey] + ''
      } else {
        if (this.solution[skey] == null || this.solution[skey] == undefined) {
          return ''
        }

        return this.solution[skey] + ''
      }
    },
    isShow(name) {
      var filedList = store.getters.xt_user.fileds
      for (let i = 0; i < filedList.length; i++) {
        if (
          filedList[i].module == 1 &&
          filedList[i].filed_name_cn == name &&
          filedList[i].is_show == 1
        ) {
          return true
        }
      }
      return false
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped></style>