elizebeth/src/xt_pages/outpatientCharges/newTreatTemplate/printTwo.vue

<template>
    <div>
        <div id='prescription-print' class="prescription-print">
            <img style="width:100%;" src="../../../assets/img/bailinTop.jpg" alt="">
            <div class="printTitle">门诊收费清单</div>
            <div style="display:flex;">
                <div>单据号：<span style="display:inline-block;width:200px;">{{info.order_number}}</span></div>
                <div>透析号：<span style="display:inline-block;width:200px;">{{info.dialysis_no}}</span></div>
            </div>
            <div style="display:flex;">
                <div>姓名：<span style="display:inline-block;width:50px;">{{info.patient_name}}</span></div>
                <div>性别：<span style="display:inline-block;width:30px;">{{info.patient_info.transBody.aac004 == '1' ? '男' : '女'}}</span></div>
                <div>年龄：<span style="display:inline-block;width:50px;">{{info.patient_info.transBody.bae093}}岁</span></div>
                <div>费别：<span style="display:inline-block;width:80px;">{{getName(info.patient_info.transBody.outputlist1)}}</span>
                </div>
                <div>电脑号：<span style="display:inline-block;width:80px;">{{info.patient_info.transBody.aac999}}</span></div>
                <div>收费日期：<span style="display:inline-block;width:80px;">{{info.record_date}}</span></div>
                <div style="float:right">金额单位：元</div>
            </div>
            <table border='1' style="width:100%;" cellspacing="0">
                <tr>
                    <td width="70">类别</td>
                    <td>项目</td>
                    <td width="80">规格</td>
                    <td width="50">单位</td>
                    <td width="50">数量</td>
                    <td width="60">单价</td>
                    <td width="70">总额</td>
                    <td width="100">小计</td>
                </tr>
                <div v-for="(item,i) in info.new_detail_list" :key="i" style="width:100%;display: table-row-group;">
                    <tr v-for="(subItem,index) in item.details" :key="index">

                      <td>{{ getItemName(subItem.aka111) }}</td>
                      <td>{{subItem.ake006}}</td>
                      <td>{{subItem.aka074}}</td>
                      <td>{{subItem.aka067}}</td>
                      <td>{{subItem.akc226}}</td>
                      <td>{{subItem.akc225}}</td>
                      <td>{{ subItem.akc264}}</td>
                      <td :colspan="item.details.length" v-if="index == 0">{{ item.total }}</td>
                    </tr>
                </div>
                <tr>
                  <td colspan="7">
                    <div style="display:flex;flez-wrap:wrap;">
                      <div style="width:33%;" v-for="(item,index) in info.transBody.outputlist2" :key="index">{{getValue(item)}}</div>
                    </div>
                  </td>
                  <td>合计: {{info.transBody.akc264?info.transBody.akc264:0}}元</td>
                </tr>
                <tr>
                    <td colspan="7">
                        <div style="display:flex;flez-wrap:wrap;">
                            <div style="width:33%;">医疗费总额：{{info.transBody.akc264?info.transBody.akc264:0}}元</div>
                            <div style="width:33%;">基金支付金额：{{info.transBody.akb068?info.transBody.akb068:0}}元</div>
                            <div style="width:33%;">个人账户支付金额：{{info.transBody.akb066?info.transBody.akb066:0}}元</div>

                        </div>
                        <div style="display:flex;flez-wrap:wrap;">
                            <div style="width:33%;">个人支付金额：{{info.transBody.akb067?info.transBody.akb067:0}}元</div>
                            <div style="width:33%;">个人账户金额：{{info.after_money}}元</div>
                        </div>
                    </td>
                    <td>合计：{{info.transBody.akc264?info.transBody.akc264:0}}元</td>
                </tr>

            </table>
            <div style="float:right;margin:10px 0;display:flex;">
                <div>操作人：<span style="width:100px;display:inline-block;">{{info.doctor_name}}</span></div>
                <div>操作日期：<span style="width:100px;display:inline-block;">{{info.record_date}}</span></div>
            </div>
            <img style="width:100%;" src="../../../assets/img/bailinBottom.jpg" alt="">
        </div>
    </div>

</template>
<script>
  import axios from 'axios'
  import { getChargePrint } from '@/api/project/project'

  export default {
    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
    },
    methods: {
      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].bbc334) {
          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

        }

      },
      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)
          }
        })
      }
    },
    created() {

      if (this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028 || this.$store.getters.xt_user.org_id == 10138) {
        this.orgname = xtuser.org.org_name
        var form = {
          'order_id': this.paramsObj.order_id,
          'patient_id': this.paramsObj.patient_id,
          'record_time': this.paramsObj.record_date,
          'admin_user_id': this.$store.getters.xt_user.user.id
        }
        var that = this
        axios.get('http://127.0.0.1:9532/sz/api/settle/query', {
          params: form
        })
          .then(function(response) {
            if (response.data.state == 0) {
              that.$message.error(response.data.msg)
              return false
            } else {
              if (response.data.data.failed_code == -10) {
                // that.$message.error(response.data.data.msg)
                that.$confirm(response.data.data.msg, '医保错误信息', {
                  confirmButtonText: '确 定',
                  type: 'warning'
                }).then(() => {

                }).catch(() => {
                })
              } else {
                that.result = response.data.data.result

                that.org_code = response.data.data.org_code
                that.patient_name = response.data.data.patient_name
                that.doctor_code = response.data.data.doctor_code
                that.doctor_name = response.data.data.doctor_name
                that.name_arr = []
                that.spec_arr = []
                that.count_arr = []
                that.price_arr = []
                that.total_arr = []
                for (let i = 0; i < that.result.transBody.outputlist1.length; i++) {
                  that.name_arr.push(that.result.transBody.outputlist1[i].ake006)
                  that.spec_arr.push(that.result.transBody.outputlist1[i].aka074)
                  that.count_arr.push(that.result.transBody.outputlist1[i].akc226)
                  that.price_arr.push(that.result.transBody.outputlist1[i].akc225)
                  that.total_arr.push(that.result.transBody.outputlist1[i].akc264)
                }

              }

            }
          })
          .catch(function(error) {

          })

      } else {
        var record_date = this.paramsObj.record_date
        console.log('record_date', record_date)
        var patient_id = this.paramsObj.patient_id
        console.log('patient_id', patient_id)
        var prescription_id = this.paramsObj.prescription_id
        this.getChargePrint(record_date, patient_id, prescription_id)
        var xtuser = this.$store.getters.xt_user
        this.orgname = xtuser.org.org_name

      }

    },
    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: 20px;
        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: 0 5px;
    }

    }
</style>