Vue_New/src/xt_pages/outpatientCharges/statementTemplate/batchPrint.vue

<template>
  <div>
    <div id='prescription-print'>
        <div  class="prescription-print"
            style="position: relative;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; page-break-after:always"
            v-for="(infos,index) in info" :key="index">
          <img style="width:100%;height:80px"
            v-if="$store.getters.xt_user.org_id == 10138 || $store.getters.xt_user.org_id == 0 || $store.getters.xt_user.org_id == 10342 || $store.getters.xt_user.org_id == 10341"
             src="https://kuyi.shengws.com/bailin/bltotle.jpg" alt="">
          <img style="width:100%;height:80px" v-if="$store.getters.xt_user.org_id==10278" src="https://kuyi.shengws.com/beierlog.png" alt="">
          <div class="printTitle" style="position: absolute;left: 40%;top: 50px;">门诊收费清单</div>
          <div style="display:flex;">
            <div>单据号：<span
              style="display:inline-block;width:200px;">{{infos.order.number ? infos.order.number : ''}}</span>
            </div>
            <div>透析号：<span style="display:inline-block;width:200px;">{{infos.patient.dialysis_no ? infos.patient.dialysis_no : ''}}</span>
            </div>
            <div style="margin-left:2px;">电脑号：<span
              style="display:inline-block;">{{infos.his.psn_no ? infos.his.psn_no : ''}}</span></div>
          </div>
          <div style="display:flex;justify-content: space-between;">
            <div style="display:flex;" >
              <div>姓名：<span style="display:inline-block;width:50px;">
                {{infos.patient.name ? infos.patient.name.indexOf('（') > -1 ? infos.patient.name.substring(0,infos.patient.name.indexOf('（')) : infos.patient.name : ''}}
              </span>
              </div>
              <div>性别：<span
                style="display:inline-block;width:30px;">{{infos.patient.gender == '1' ? '男' : '女'}}</span>
              </div>
              <div>年龄：<span
                style="display:inline-block;width:50px;">{{getAge(infos.patient)}}岁</span>
              </div>
              <div>费别：<span style="display:inline-block;min-width:80px;">医保</span>
              </div>
              <div>收费日期：<span style="display:inline-block;">{{infos.order.setl_time ? infos.order.setl_time.split(' ') : ''}}</span>
              </div>
            </div>
            <div style="float:right">金额单位：元</div>
          </div>
          <div style="min-height: 300px;">
            <table border='1' style="width:100%;" cellspacing="0">
              <tr>
                <td width="70">类别</td>
                <td>项目</td>
                <td min-width="180" style="min-width:60px;">规格</td>
                <td width="40">单位</td>
                <td width="40">数量</td>
                <td width="60">单价</td>
                <td width="70">总额</td>
                <td width="130">小计</td>
              </tr>
              <div v-for="(item,i) in infos.new_detail_list" :key="i" style="width:100%;display: table-row-group;">
                <tr v-for="(subItem,index) in item.details" :key="index">
                  <td>
                    <span v-if="item.type == 1">药品费</span>
                    <span v-if="item.type == 2">诊疗费</span>
                    <span v-if="item.type == 3">耗材费</span>
                    <span v-if="item.type == 4">诊疗费</span>

                  </td>
                  <td>
                    <span v-if="item.type == 1">{{ subItem.advice.advice_name }}</span>
                    <span v-if="item.type == 2">{{ subItem.project.project.project_name }}</span>
                    <span v-if="item.type == 3">{{ subItem.project.good_info.good_name }}</span>
                    <span v-if="item.type == 4">{{ subItem.project.project.team_name }}</span>

                  </td>
                  <td>
                    <span v-if="item.type == 1">
                      <span v-if="subItem.advice.drug.min_unit != subItem.advice.drug.dose_unit">
                        {{subItem.advice.drug.dose}}{{subItem.advice.drug.dose_unit}}&nbsp;* &nbsp;</span>{{subItem.advice.drug.min_number}}{{subItem.advice.drug.min_unit}}/{{subItem.advice.drug.max_unit}}
                      </span>
                    <span v-if="item.type == 2"></span>
                    <span v-if="item.type == 3">{{ subItem.project.good_info.specification_name }}</span>
                    <span v-if="item.type == 4"></span>

                  </td>
                  <td>
                    <span v-if="item.type == 1">{{ subItem.advice.drug.prescribing_number_unit }}</span>
                    <span v-if="item.type == 2">{{ subItem.project.unit }}</span>
                    <span v-if="item.type == 3">{{ subItem.project.unit }}</span>
                    <span v-if="item.type == 4"></span>

                  </td>
                  <td>
                    <span v-if="item.type == 1">{{ subItem.advice.prescribing_number }}</span>
                    <span v-if="item.type == 2">{{ subItem.project.count }}</span>
                    <span v-if="item.type == 3">{{ subItem.project.count }}</span>
                    <span v-if="item.type == 4"></span>

                  </td>
                  <td>
                    <span v-if="item.type == 1">{{ subItem.pric.toFixed(2) }}</span>
                    <span v-if="item.type == 2">{{ subItem.pric.toFixed(2) }}</span>
                    <span v-if="item.type == 3">{{ subItem.pric.toFixed(2) }}</span>
                    <span v-if="item.type == 4">{{subItem.Total}}</span>


                  </td>
                  <td>
                    <span v-if="item.type == 1">{{ (subItem.advice.prescribing_number * subItem.pric).toFixed(2) }}</span>
                    <span v-if="item.type == 2">{{ (subItem.project.count * subItem.pric).toFixed(2) }}</span>
                    <span v-if="item.type == 3">{{ (subItem.project.count * subItem.pric).toFixed(2) }}</span>
                    <span v-if="item.type == 4">{{subItem.Total}}</span>

                  </td>
                  <td :rowspan="item.details.length" v-if="index == 0"
                      style="vertical-align: middle;text-align: center;">{{ item.total.toFixed(2) }}
                  </td>
                </tr>
              </div>
              <tr>
                <td colspan="7">
                  <div style="display:flex;flez-wrap:wrap;">
                    <div style="width:33%;" v-for="(item,index) in infos.new_detail_list" :key="index">
                      <span v-if="item.type == 1">药品费: {{ item.total.toFixed(2) }}</span>
                      <span v-if="item.type == 2">诊疗费: {{ item.total.toFixed(2) }}</span>
                      <span v-if="item.type == 3">耗材费: {{ item.total.toFixed(2) }}</span>
                      <span v-if="item.type == 4">诊疗费: {{ item.total.toFixed(2) }}</span>

                    </div>
                  </div>
                </td>
                <td>合计: {{infos.order.medfee_sumamt}}元</td>
              </tr>
              <tr>
                <td colspan="7">
                  <div style="display:flex;flez-wrap:wrap;margin-bottom:10px;font-size:16px;">
                    <div style="width:33%;">医疗费总额：{{infos.order.medfee_sumamt}}元</div>
                    <div style="width:33%;">基金支付金额：{{infos.order.hifp_pay}}元</div>
                    <div style="width:33%;">个人账户支付金额：{{infos.order.acct_pay}}元</div>

                  </div>
                  <div style="display:flex;flez-wrap:wrap;font-size:16px;">
                    <div style="width:33%;">医疗救助基金金额：{{infos.order.maf_pay}}元</div>

                    <div style="width:33%;">个人支付金额：{{ infos.order.psn_pay }}元</div>
                    <div style="width:33%;">个人账户金额：{{infos.order.balc}}元</div>
                  </div>
                </td>
                <td style="font-size:16px;">合计：{{infos.order.medfee_sumamt}}元</td>
              </tr>

            </table>
            <div style="float:right;margin:5px 0;display:flex;">
              <div>操作人：<span style="width:100px;display:inline-block;">{{infos.printor_admin.user_name}}</span></div>
              <div>操作日期：<span style="width:100px;display:inline-block;">{{infos.order.setl_time ? infos.order.setl_time.split(' ')[0] : ''}}</span>
              </div>
            </div>
          </div>

          <img style="width:100%;" v-if="$store.getters.xt_user.org_id == 10138" src="https://kuyi.shengws.com/bailin/blend.jpg" alt="">
          <img style="width:100%;" v-if="$store.getters.xt_user.org_id == 10278" src="https://kuyi.shengws.com/bailinbeier.png" alt="">

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

</template>
<script>
import { getChargePrint } from '@/api/project/project'
import { jsGetAge, uParseTime } from '@/utils/tools'

export default {
  name: "batchPrint",
  data() {
    return {
      list: {},
      prescription: [],
      patient: {},
      orgname: '',

      result: {},
      org_code: '',
      patient_name: '',
      doctor_code: '',
      doctor_name: '',

      name_arr: [],
      spec_arr: [],
      count_arr: [],
      price_arr: [],
      total_arr: []

    }
  },
  props: {
    paramsObj: Object,
    info: Array,
    balanceAccounts: Object
  },
  methods: {
    getAge: function(val) {
      if (val.id_card_no) {
        var thisLen = val.id_card_no.length

        var birth = ''
        if (thisLen == 15) {
          birth = '19' + val.id_card_no.substr(6, 6)
        } else {
          birth = val.id_card_no.substr(6, 8)
        }
        var birthtwo =
          birth.substr(0, 4) +
          '-' +
          birth.substr(4, 2) +
          '-' +
          birth.substr(6, 2)

        var age = jsGetAge(birthtwo, '-')
        return age
      }
    },
    getName(list) {
      let new_list = []
      for (let i = 0; i < list.length; i++) {
        if (list[i].aac031 == '1') {
          new_list.push(list[i])
        }
      }

      switch (new_list[0].bcc334) {
        case 'A31001':
          return '深圳医保1档'
          break
        case 'A31002':
          return '深圳医保2档'

          break
        case 'A31003':
          return '深圳医保3档'

          break
        case 'A31004':
          return '二档（少儿）'

          break
        case 'A31005':
          return '学生二档'

          break
        case 'A31006':
          return '大学生二档'

          break
        case 'A32001':
          return '在职公务员'
          break
        case 'A32002':
          return '在职驻深公务员'

          break
        case 'A39301':
          return '家属统筹医疗'

          break
        case 'A41001':
          return '工伤在职'

          break
        case 'A51001':
          return '生育在职'

          break
        case 'A52001':
          return '生育医疗一档'

          break
        case 'A52002':
          return '生育医疗一档'

          break
        case 'C31001':
          return '一档医疗退休'

          break
        case 'C31002':
          return '二档医疗退休'
          break

      }

    },
    getValue(item) {
      return this.getItemName(item.aka111) + ': ' + item.bka058 + '元'
    },
    getItemName(number) {
      switch (number) {
        case '01':
          return '床位费'
          break
        case '02':
          return '西药费'

          break
        case '03':
          return '中药费'

          break
        case '04':
          return '中成药费'

          break
        case '05':
          return '中草药费'

          break
        case '06':
          return '检查费'

          break
        case '07':
          return '治疗费'

          break
        case '08':
          return '放射费'

          break
        case '09':
          return '手术费'

          break
        case '10':
          return '化验费'

          break
        case '11':
          return '输血费'

          break
        case '12':
          return '输氧费'

          break
        case '13':
          return '其它费'

          break
        case '14':
          return '麻醉费'

          break
        case '15':
          return '材料费'

          break
        case '16':
          return '特殊检查费'

          break
        case '17':
          return '特殊治疗费'

          break
        case '18':
          return '诊疗费(诊查费)'

          break
        case '19':
          return '护理费'

          break
        case '20':
          return '诊金'

          break
        case '21':
          return '检查费（CT）'

          break
        case '22':
          return '检查费（MRT）'

          break
        case '23':
          return '检查费（其他）'

          break
        case '24':
          return '特需服务费'

          break
        case '25':
          return '杂费'

          break
        case '26':
          return '挂号费'
          break
        case '99':
          return '诊疗费'
          break

      }

    },
    getChargePrint(record_date, patient_id, prescription_id) {
      var params = {
        record_date: record_date,
        patient_id: patient_id,
        prescription_id: prescription_id
      }
      console.log('params', params)
      getChargePrint(params).then(response => {
        if (response.data.state == 1) {
          var list = response.data.data.list
          console.log('list9999999999', list)
          this.list = list
          var prescription = response.data.data.prescription
          console.log('prescription', prescription)
          this.prescription = prescription
          var patient = response.data.data.patient
          console.log('patient', patient)
          this.patient = patient
          var histpatient = response.data.data.hisPatient
          console.log('hispatient', histpatient)
        }
      })
    },
    getTime(value, temp) {
      if (value != undefined) {
        return uParseTime(value, temp)
      }
      return ''
    }
  },
  mounted() {
    this.org_id = this.$store.getters.xt_user.org_id



  },
  watch: {
    paramsObj: {//深度监听，可监听到对象、数组的变化
      handler(val, oldVal) {
        this.paramsObj = val
        this.patient_id = this.paramsObj.patient_id
        var record_date = this.paramsObj.record
        this.record_date = record_date
        var prescription_id = this.paramsObj.prescription_id
        this.prescription_id = prescription_id

      },
      deep: true
    }
  }
}
</script>


<style lang="scss" scoped>

.prescription-print {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  margin-bottom: 10px;
  padding: 20px 10px;
}

.printTitle {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

.infoMain {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin-top: 10px;
}

.infoMain .infoP {
  width: 33%;
  line-height: 24px;
}

.chargeBox {
  border: 1px solid #000;
}

.chargeUl {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.chargeUl p {
  height: 40px;
  line-height: 40px;
}

.chargeP {
  height: 40px;
  line-height: 40px;
}

.moneyBox {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  background: #eee;
  height: 40px;
  align-items: center;
  border: 1px solid #000;
  border-top: none
}

.actionBar {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  padding: 0 10px;
}

.actionBar div {
  width: 150px;
}

table {

td {
  padding: 10px 5px;
}

}
</style>