Vue_New/src/xt_pages/dialysis/details/consumable/dialysisGoodPrint.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
      <el-row style="float:right;">
        <el-col :span="24">
          <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
        </el-col>
      </el-row>
    </div>
    <div class="app-container" style="background-color: white;">

      <div id="print_content">
        <div class="print_main_content">
          <div class="order_title_panl">
            <span class="main_title"> &nbsp;
              透析耗材
            </span>
            <span  style="float:right;">打印日期: &nbsp;
               {{$route.query.schedule_date}}
            </span>
          </div>
          <div class="table_panel">

            <table class="table" v-if="his_config.is_open != 1">
              <thead>
              <tr>
                <td width="50">序号</td>
                <td width="100">透析机号</td>
                <td width="100">姓名</td>
                <td width="100">透析号</td>
                <td width="200" v-for="(item,index) in rowList" :key="index">
                  {{item.filed_name_cn}} 
                </td>
              </tr>
              </thead>
              <tbody>
               <tr v-for="(item,i) in tableData" :key="i">
                <td>{{i+1}}</td>
                <td> {{item.device_number.zone.name}} {{item.device_number.number}}</td>
                 <td>{{item.patient.name}}</td>
                <td>{{item.patient.dialysis_no}}</td>
                <td v-for="(it,index) in rowList" :key="index">
                  <!-- {{getName(item.rowList[index].filed_name_cn,item.dialysis_solution)}} -->
                  <span v-if="org_id !=10599">
                    {{getName(item.rowList[index].filed_name_cn,item.dialysis_solution)}}
                  </span>
                  <span v-if="org_id==10599">
                    <span v-if="item.dialysis_prescription!=null && item.dialysis_prescription.id == 0"> {{getName(item.rowList[index].filed_name_cn,item.dialysis_solution)}}</span>
                     <span v-if="item.dialysis_prescription!=null & item.dialysis_prescription.id >0"> {{getName(item.rowList[index].filed_name_cn,item.dialysis_prescription)}}</span>
                  </span>
                
                </td>
               </tr>
              </tbody>
            </table>
            
             <table class="table" v-if="his_config.is_open == 1">
              <thead>
              <tr>
                <td width="50">序号</td>
                <td width="100">透析机号</td>
                <td width="100">姓名</td>
                <td width="100">透析机号</td>
                <td width="200" v-for="(item,index) in typeList" :key="index">
                  {{item.type_name}} 
                </td>
              </tr>
              </thead>
              <tbody>
               <tr v-for="(item,i) in tableData" :key="i">
                <td>{{i+1}}</td>
                <td> {{item.device_number.zone.name}} {{item.device_number.number}}</td>
                 <td>{{item.patient.name}}</td>
                <td>{{item.patient.dialysis_no}}</td>
                <td v-for="(it,index) in typeList" :key="index">
                  <span v-if="item.his_prescription_project.length>0"> {{getStr(item.typeList[index].id,item.his_prescription_project,item.patient_id)}}</span>
                  <span v-if="item.his_prescription_project.length==0">{{getStr(item.typeList[index].id,item.projectList,item.patient_id)}}</span>
                 
                </td>
               </tr>
              </tbody>
            </table>

          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import { GetAllZone,getPatientDialysisSolutionGroupList,getDialysisGoodTotalCount,saveHisDialysis,getHisDialysisGoodCount } from '@/api/dialysis'
  import { parseTime } from '@/utils'
  import { uParseTime } from '@/utils/tools'
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import print from 'print-js'
  import { getDataConfig } from '@/utils/data'
  export default {
    name: 'SchedulePrint',
    data() {
      return {
        crumbs: [
          { path: false, name: '排班管理' },
          { path: false, name: '排班打印' }
        ],
        td_1_width: '8%',
        td_2_width: '8%',
        td_3_width: '64%',
        td_4_width: '20%',
        month: 1,
        begin_day: 1,
        total:[],
        list:[],
        schedule_date:"",
        schedule_type:0,
        partition_type:0,
        keywords:"",
        loading:false,
        tableData:[],
        numberList:[],
        partitionArr:[],
        his_config:{},
        typeList:[],
        rowList:[],
        dialysate_formulation:[],
        body_fluid_option:[],
        displace_liqui_part_option:[],
        blood_access_option:[],
        hemodialysisPipelinesOptions:[],
      }
    },
    components: {
      BreadCrumb
    },
    created() {
       this.dialysate_formulation =  getDataConfig(  
            'hemodialysis',
            'dialysate_formulation'
      )
      this.body_fluid_option = this.$store.getters.body_fluid
      this.displace_liqui_part_option = this.$store.getters.displace_liqui
      this.blood_access_option = this.$store.getters.blood_access
      this.blood_access_option = getDataConfig('hemodialysis', 'vascular_access_desc')
      this.hemodialysisPipelinesOptions = getDataConfig('hemodialysis', 'hemodialysis_pipelines')
      var filedList = this.$store.getters.xt_user.fileds
      for (let i = 0; i < filedList.length; i++) {
        if ( filedList[i].module == 1 && filedList[i].is_show == 1 && (filedList[i].filed_name_cn == '透析器/灌流器' || filedList[i].filed_name_cn == '透析器' || filedList[i].filed_name_cn == '灌流器'  || filedList[i].filed_name_cn == '钾' || filedList[i].filed_name_cn == '钠' || filedList[i].filed_name_cn == '钙' || filedList[i].filed_name_cn == '葡萄糖'  || filedList[i].filed_name_cn == '穿刺针' || filedList[i].filed_name_cn == '滤过器')) {
          this.rowList.push(filedList[i])
        }
      }
      this.getlist()
    },
    methods: {
     getlist(){
      var params = {
        keywords:this.$route.query.keywords,
        limit:this.$route.query.limit,
        page:this.$route.query.page,
        partition_id:this.$route.query.partition_id,
        schedule_date:this.$route.query.schedule_date,
        schedule_type:this.$route.query.schedule_type,
        ids:this.$route.query.ids,
      }
      getPatientDialysisSolutionGroupList(params).then(response=>{
        if(response.data.state == 1){
            var list = response.data.data.list
            
            var total = response.data.data.total
            this.total = total
            var goodType = response.data.data.goodType
            var config = response.data.data.config
            this.his_config = config

            if(config.is_open !=1){
            if(list!=null){
            for(let i=0;i<list.length;i++){
                list[i].rowList = []
                list[i].rowList = this.rowList
            }
            }
            this.tableData= []
            this.tableData = list
            }
            if(config.is_open == 1){
            if(list!=null){
                this.typeList= []
                for(let i=0;i<goodType.length;i++){
                if(goodType[i].is_open == 1){
                    this.typeList.push(goodType[i])
                }
                }
            for(let i=0;i<list.length;i++){
                list[i].projectList = []
                list[i].typeList = []
                list[i].typeList = this.typeList
            }
            
                for(let i=0;i<list.length;i++){
                if(list[i].his_prescription_template.his_prescription_info!=null && list[i].his_prescription_template.his_prescription_info.length >0){
                for(let j=0;j<list[i].his_prescription_template.his_prescription_info.length;j++){
                    for(let z=0;z<list[i].his_prescription_template.his_prescription_info[j].project.length;z++){
                    list[i].projectList.push(list[i].his_prescription_template.his_prescription_info[j].project[z])
                    }
                }
                }
                
                }
                console.log("list列表",list)
                this.tableData = []
                this.tableData = list 
            }
            }
        }
      }) 
     },
     getTimeOne(val) {
        if(val == ""){
        return ""
        }else {
        return uParseTime(val, '{y}-{m}-{d}')
        }
     },
      printAction: function() {
        const style = '@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } }'

        printJS({
          printable: 'print_content',
          type: 'html',
          documentTitle: '  ',
          style: style,
          scanStyles: false
        })
      },
      getStr(good_type_id,arrNew,patient_id){
        var arr= []
        var str = ""
        if(arrNew!=null && arrNew.length > 0){
            for(let i=0;i<arrNew.length;i++){
            arrNew[i].good_type_id = 0
            arrNew[i].good_type_id = arrNew[i].good_info.good_type_id
            arrNew[i].good_id = 0
            arrNew[i].good_id = arrNew[i].good_info.id
            if(arrNew[i].patient_id == patient_id && arrNew[i].good_info.good_type_id == good_type_id){
                arr.push(arrNew[i])
            }
            }
        }
      
       let dataInfo = {}
       if(arr!=null && arr.length > 0){
        arr.forEach((item, index) => {
          let { good_id } = item
          if (!dataInfo[good_id]) {
            dataInfo[good_id] = {
              good_id:item.good_id,
              child: [],
              count:0,
              specification_name:item.good_info.specification_name
            }
          }
        })
         let newArr = Object.values(dataInfo)
         console.log("newArr",newArr)
          for(let i=0;i<arr.length;i++){
            for(let j=0;j<newArr.length;j++){
              if( arr[i].good_info.id == newArr[j].good_id){
                newArr[j].child.push(arr[i])
              }
            }
          }
            
          if(newArr!=null && newArr.length > 0){
            for(let j=0;j<newArr.length;j++){
              for(let z=0;z<newArr[j].child.length;z++){
                  newArr[j].count += parseInt(newArr[j].child[z].count)
              }
             }
            for(let j=0;j<newArr.length;j++){
              str += newArr[j].specification_name + "*" + newArr[j].count + " "
            }
          }
       }
    
      return str
    },

    getName(filed_name_cn,val){
        if(filed_name_cn == "透析模式"){
          return this.getModeName(val.mode_id)
        }
        if(filed_name_cn == "血流量"){
          if(val.blood_flow_volume > 0){
           return val.blood_flow_volume
          }else{
           return ""
          }
          
        }
        if(filed_name_cn == "目标超滤量"){
          return val.target_ultrafiltration?val.target_ultrafiltration:""
        }
        if(filed_name_cn == "透析液配方"){
          return this.getDialysateFormulation(val.dialysate_formulation)
        }
        if(filed_name_cn == "抗凝剂"){
          return this.getAnticoagulant(val.anticoagulant)
        }
        if(filed_name_cn == "首剂"){
          return val.anticoagulant_shouji?val.anticoagulant_shouji:""
        }
        if(filed_name_cn == "维持"){
          return val.anticoagulant_weichi?val.anticoagulant_weichi:""
        }
        if(filed_name_cn == "总量"){
          return val.anticoagulant_zongliang?val.anticoagulant_zongliang:""
        }
        if(filed_name_cn == "置换量"){
           return val.replacement_total?val.replacement_total:""
        }
        if(filed_name_cn == "钾"){
          return val.kalium?val.kalium:""
        }
        if(filed_name_cn == "钠"){
           return val.sodium?val.sodium:""
        }
        if(filed_name_cn == "钙"){
           return val.calcium?val.calcium:""
        }
        if(filed_name_cn == "碳酸氢盐"){
           return val.bicarbonate?val.bicarbonate:""
        }
        if(filed_name_cn == "透析液流量"){
            return val.dialysate_flow?val.dialysate_flow:""
        }
        if(filed_name_cn == "透析液温度"){
           return val.dialysate_temperature?val.dialysate_temperature:""
        }
        if(filed_name_cn == "电导度"){
           return val.conductivity?val.conductivity:""
        }
        if(filed_name_cn == "透析器/灌流器"){
           return val.dialyzer_perfusion_apparatus?val.dialyzer_perfusion_apparatus:""
        }
        if(filed_name_cn == "钙名称"){
          return val.anticoagulant_gaimingcheng?val.anticoagulant_gaimingcheng:""
        }
       if(filed_name_cn == "钙剂量"){
           return val.anticoagulant_gaijiliang?val.anticoagulant_gaijiliang:""
        }
       if(filed_name_cn == "体液过多症状"){
          return this.getBodyFluid(val.body_fluid)
        }
        if(filed_name_cn == "透析前使用特殊药物"){
          return val.special_medicine?val.special_medicine:""
        }
       if(filed_name_cn == "透析前使用其他特殊药物"){
         return val.special_medicine_other?val.special_medicine_other:""
        }
        if(filed_name_cn == "置换液"){
          return this.getDisplace(val.displace_liqui_part) 
        }
        if(filed_name_cn == "血管通路"){
          return this.getBloodAccess(val.blood_access)
        }
        if(filed_name_cn == "体液过多其他症状"){
          return val.body_fluid_other?val.body_fluid_other:""
        }  
        if(filed_name_cn == "透析时长"){
          return   val.dialysis_duration_hour + "小时" + val.dialysis_duration_minute + "分钟"
        }
        if(filed_name_cn == "置换液总量"){
         return val.displace_liqui_value?val.displace_liqui_value:""
        }
        if(filed_name_cn == "透析器"){
          return val.dialysis_dialyszers
        }
        if(filed_name_cn == "注射器"){
           return ""
        }
        if(filed_name_cn == "抗凝提前停止"){
          return ""
        }
        if(filed_name_cn == "肝素钠"){
           return ""
        }
        if(filed_name_cn == "鱼精蛋白"){
           return ""
        }
        if(filed_name_cn == "下机前推住鱼精蛋白"){
            return ""
        }
        if(filed_name_cn == "无肝素钠备注"){
           return ""
        }
        if(filed_name_cn == "灌流器"){
          return val.dialysis_irrigation
        }
        if(filed_name_cn == "抗凝剂商品名称"){
          return ""
        }
        if(filed_name_cn == "置换速度"){
          return  ""
        }
        if(filed_name_cn == "病情"){
          return ""
        }
        if(filed_name_cn == "葡萄糖"){
           return val.amylaceum?val.amylaceum:""
        }
        if(filed_name_cn == "单超时长"){
           return  ""
        }
        if(filed_name_cn == "单超脱水"){
           return ""
        }
        if(filed_name_cn == "置换流量"){
          return  ""
        }
        if(filed_name_cn == "血浆分离器"){
           return val.plasma_separator?val.plasma_separator:""
        }
       if(filed_name_cn == "透析管路"){
          return this.getHemodialysisPipelines(val.hemodialysis_pipelines)
        }
       if(filed_name_cn == "透析管路支数"){
          return ""
        }
       if(filed_name_cn == "穿刺针"){
          return val.puncture_needle?val.puncture_needle:""
        }
      
       if(filed_name_cn == "促红素"){
          return val.epo_count?val.epo_count:""
        }
        if(filed_name_cn == "促红素支数"){
          return val.epo_count?val.epo_count:""
        }
        if(filed_name_cn == "最大超滤率"){
          return val.max_ultrafiltration_rate?val.max_ultrafiltration_rate:""
        }

        if(filed_name_cn == "滤过器"){
          return val.dialysis_strainer?val.dialysis_strainer:""
        }
      },

       getModeName(id){
        var name = ""
        if(id == 1){
          name = "HD"
        }
        if(id == 2){
          name = "HDF"
        }
        if(id == 3){
          name = "HD+HP"
        }
        if(id == 4){
          name = "HP"
        }
        if(id == 5){
          name = "HF"
        }
        if(id == 6){
          name = "SCUF"
        }
        if(id == 7){
          name = "IUF"
        }
        if(id == 8){
          name = "HFHD"
        }
        if(id == 9){
          name = "HFHD+HP"
        }
        if(id == 10){
          name = "PHF"
        }
        if(id == 11){
          name = "HFR"
        }
        if(id == 12){
          name = "HDF+HP"
        }
        if(id == 13){
          name = "CRRT"
        }
        if(id == 14){
          name = "腹水回输"
        }
        if(id == 19){
          name = "IUF+HD"
        }
        if(id == 20){
          name = "UF"
        }
        if(id == 21){
          name = "HD+"
        }
        if(id == 22){
          name = "血浆胆红素吸附+HDF"
        }
        if(id == 23){
          name = "血浆胆红素吸附"
        }
        if(id == 24){
          name = "I-HDF"
        }
        if(id == 25){
          name = "HD高通"
        }
        if(id == 26){
          name = "CVVH"
        }
         if(id == 27){
          name = "CVVHD"
        }
         if(id == 28){
          name = "CVVHDF"
        }
         if(id == 29){
          name = "PE"
        }
         if(id == 30){
          name = "血浆胆红素吸附+HP"
        }
         if(id == 31){
          name = "HPD"
        }
         if(id == 32){
          name = "HDP"
        }
        return name
      },
    getDialysateFormulation(id){
      var name = ""
      for(let i=0;i<this.dialysate_formulation.length;i++){
        if(id == this.dialysate_formulation[i].id){
          name = this.dialysate_formulation[i].name
        }
      }
      return name
    },
    getAnticoagulant(id){
      var name = ""
      if(id == 1){
         name = "无肝素"
      }
      if(id == 2){
        name = "普通肝素"
      }
      if(id == 3){
        name = "低分子肝素"
      }
      if(id == 4){
        name = "阿加曲班"
      }
      if(id == 5){
         name ="枸橼酸钠"
      }
      if(id == 6){
        name = "低分子肝素钙"
      }
      if(id == 7){
        name = "低分子肝素钠"
      }
      if(id ==8){
        name = "依诺肝素"
      }
      if(id ==9){
        name = "达肝素"
      }
      if(id ==10){
        name = "体外抗凝"
      }
      if(id ==11){
        name = "那曲肝素"
      }
      if(id ==12){
        name = "无抗凝剂"
      }
     if(id ==13){
        name = "那曲肝素钙"
      }
      return name
    },
    getBodyFluid(id){
     var name = ""
     for(let i=0;i<this.body_fluid_option.length;i++){
       if(id == this.body_fluid_option[i].id){
          name = this.body_fluid_option[i].name
       }
     }
     return name
    },
    getDisplace(id){
      var name = ""
      for(let i=0;i<this.displace_liqui_part_option.length;i++){
        if(id == this.displace_liqui_part_option[i].id){
           name = this.displace_liqui_part_option[i].name
        } 
      }
      return name
    },
    getBloodAccess(id){
      var name = ""
      for(let i=0;i<this.blood_access_option.length;i++){
        if(id == this.blood_access_option[i].id){
           name = this.blood_access_option[i].name
        }
      }
      return name
    },
     getHemodialysisPipelines(id){
      var name = ""
      for(let i=0;i<this.hemodialysisPipelinesOptions.length;i++){
        if(id == this.hemodialysisPipelinesOptions[i].id){
            name = this.hemodialysisPipelinesOptions[i].name
        }
      }
      return name
    },
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .print_main_content {
    background-color: white;
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;

  .order_title_panl {
    text-align: center;

  .main_title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 500;
  }

  }
  .table_panel {

  .table {
    width: 100%;
    border: 1px solid;
    border-collapse: collapse;
    padding: 2px;

  thead {

  tr {

  td {
    border: 1px solid;
    text-align: center;
    font-size: 20px;
    padding: 15px 5px;
  }

  }
  }
  tbody {

  tr {

  td {
    border: 1px solid;
    text-align: center;
    font-size: 18px;
    padding: 10px 5px;

  .proj {
    padding: 5px 0;
    text-align: left;

  .proj_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
  }

  .proj_item {
    font-size: 15px;
    line-height: 20px;

  .zone_name {
    font-weight: 500;
  }

  }
  }
  }
  }
  }
  }
  }
  }
</style>