elizebeth/src/xt_pages/outpatientDoctorStation/treatTemplate/printTwo.vue

<template>
   <div id='prescriptionPrint'>
    <div id='prescription-print' v-if="item.advices.length == 0" class="prescription-print" v-for="(item,index) in advicePrint" :key="index">

        <img src="../../../assets/img/bailinTop.jpg" style="width:100%" alt="">
        <div class="printTitle">治疗单</div>
        <div style="display:flex;">
            <div style="width:33%;display:flex;">费别：<span class="under_line">{{ faber ? getName(faber.transBody.outputlist1) : '' }}</span></div>
            <div style="width:33%;display:flex;">电脑号：<span class="under_line">{{ faber ? faber.transBody.aac999 : ''  }}</span></div>
            <div style="width:33%;display:flex;">处方编号：<span class="under_line">{{ item.prescription_number.substring(item.prescription_number.length-6) }}</span></div>
        </div>


        <div class="infoTitle">
            <div>姓名：{{item.patient.name?item.patient.name:""}}</div>
            <div>性别：
            <span v-if="item.patient.gender == 1">男</span>
            <span v-if="item.patient.gender == 2">女</span>
            </div>
            <div>年龄：{{item.patient.age?item.patient.age:""}}岁</div>
        </div>
        <div class="infoMain">
            <div style="margin-bottom: 10px;display:flex;">门诊号码：<span class="under_line">{{hisPatient.number?hisPatient.number:""}}</span></div>
            <div style="margin-bottom: 10px;display:flex;">科别：<span class="under_line">{{item.info?getDepart(item.info.departments):''}}</span></div>
            <div style="margin-bottom: 10px;display:flex;">临床诊断：{{getDiagnosis(item.info.diagnosis)}}</div>
            <div style="margin-bottom: 10px;display:flex;">自费药品签名：<span class="under_line"></span></div>
            <!-- <div style="margin-bottom: 10px;display:flex;">医保卡号：{{item.hisPatient.number?item.hisPatient.number:""}}</div> -->
            <div style="margin-bottom: 10px;display:flex;">联系方式：<span class="under_line">{{item.patient.phone}}</span></div>
            <div style="margin-bottom: 10px;display:flex;">开具日期：<span class="under_line">{{getTime(item.pre_time) ? getTime(item.pre_time).split(' ')[0] : ''}}</span></div>
            <!-- <div>地址：{{item.patient.home_address}}</div> -->
            <!-- <div style="display:flex;width:50%;">临床诊断：{{getDiagnosis(item.info.diagnosis)}}</div> -->
        </div>

        <!-- <div class="prescriptionBox">
            <table style="width:100%;text-align:center;line-height:25px;">
                <tr>
                    <td>序号</td>
                    <td>项目名称</td>
                    <td>数量</td>
                    <td>单位</td>
                    <td>单价</td>
                    <td>部位</td>
                    <td>备注</td>
                    <td>天数</td>
                </tr>
                <tr v-for="(it,index) in item.project" :key="index">
                    <td>{{index+1}}</td>
                    <td>{{it.type == 2 ?getProjectName(it.project_id):it.good_info.good_name}}</td>
                    <td>{{it.single_dose}}</td>
                    <td>{{getUnit(it.unit)}}</td>
                    <td>{{it.price}}</td>
                    <td></td>
                    <td>{{it.remark}}</td>
                    <td>{{it.day}}</td>

                </tr>

                <tr v-for="(it,index) in item.advices" :key="index">
                    <td>{{index+1}}</td>
                    <td>{{it.advice_name?it.advice_name:''}}</td>
                    <td>{{it.single_dose?it.single_dose:''}}</td>
                    <td>{{it.single_dose_unit?it.single_dose_unit:''}}</td>
                    <td>{{it.price}}</td>
                    <td></td>
                    <td>{{it.remark}}</td>
                    <td>{{it.day}}</td>

                </tr>
            </table>
        </div> -->
        <div class="prescriptionBox">
              <div class="Rp">Rp:</div>
              <!-- <div class="drugsBox" v-for="(it,index) in item.advices" :key="index">
                  <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;<span v-if="it.drug.min_unit != it.drug.dose_unit">{{it.drug.dose}}{{it.drug.dose_unit}}&nbsp;* &nbsp;</span>{{it.drug.min_number}}{{it.drug.min_unit}}/{{it.drug.max_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div>
              </div> -->
              <div class="drugsBox" v-for="(it,index) in item.project" :key="index">
                  <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{ it.type == 2 ? it.project.project_name : it.good_info.good_name }}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.count}}{{unit}}</div>
              </div>
              <div style="text-align:center;" >(以下空白)</div>
        </div>
        <div style="display:flex;">
            <div>医&nbsp;&nbsp;&nbsp;&nbsp;师：<span style="width:100px;display:inline-block;">{{item.doctor?item.doctor:""}}</span></div>
            <div>药品金额：{{getTotalOne(item.id).toFixed(2)?getTotalOne(item.id).toFixed(2):''}}</div>
          </div>
          <div style="display:flex;">
            <div style="display:flex;">核对护士：</div>
          </div>
          <div style="display:flex;">
            打印时间：<span style="border-bottom:1px solid #000;">{{getTime(new Date())?getTime(new Date()):""}}</span>
          </div>
          <img src="../../../assets/img/bailinBottom.jpg" style="width:100%" alt="">
          <div style="page-break-after:always"></div>
     </div>


    <!-- <div id='prescriptionPrint'>

        <div v-for="(item,index) in advicePrint" :key="index">
            <div id='prescription-print' class="prescription-print" style="page-break-after: always;">
                <div style="display:flex;justify-content: space-between;font-weight:bold;">
                    <div style="width:200px;display:flex;justify-content: space-between;font-weight:bold;">
                        <span>费别</span>
                        <span>自费</span>
                        <span>公费</span>
                        <span>保险</span>
                        <span>其他</span>
                    </div>
                    <div>就诊日期：{{getTime(item.ctime)}}</div>
                </div>

                <div class="printTitle">血液透析中心</div>

                <div class="printTitle">处方、治疗单</div>

                <div class="infoTitle">
                    <div>门诊编号：</div>
                    <div>电脑号：</div>
                </div>

                <div class="infoMain">
                    <div style="margin-bottom: 10px;width:25%">姓名：{{item.patient.name}}</div>
                    <div style="margin-bottom: 10px;width:25%">性别：
                        <span v-if="item.patient.gender == 1">男</span>
                        <span v-if="item.patient.gender == 2">女</span>
                    </div>
                    <div style="margin-bottom: 10px;width:25%">年龄：
                        <span>{{item.patient.age}}</span>
                    </div>
                    <div style="margin-bottom: 10px;width:25%">参保类型：</div>
                    <div style="margin-bottom: 10px;width:50%;">联系电话：{{item.patient.phone}}</div>
                    <div style="width:50%;">地址：{{item.patient.unit_address}}</div>
                    <div style="width:100%;">诊断：{{item.patient.diagnose}}</div>
                </div>

                <div class="prescriptionBox">
                    <table style="width:100%;text-align:center;line-height:25px;">
                        <tr>
                            <td>序号</td>
                            <td>项目名称</td>
                            <td>数量</td>
                            <td>单位</td>
                            <td>单价</td>
                            <td>部位</td>
                            <td>备注</td>
                            <td>天数</td>
                        </tr>
                        <tr v-for="(it,index) in item.project" :key="index">
                            <td>{{index+1}}</td>
                            <td>{{getProjectName(it.project_id)}}</td>
                            <td>{{it.single_dose}}</td>
                            <td>{{getUnit(it.unit)}}</td>
                            <td>{{it.price}}</td>
                            <td></td>
                            <td>{{it.remark}}</td>
                            <td>{{it.day}}</td>

                        </tr>
                    </table>
                </div>
                <div class="infoTitle">
                    <div>开单医生：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</div>
                    <div>签章：</div>
                </div>
                <div class="actionBar">
                    <div>执行医生：{{getDoctor(item.doctor)?getDoctor(item.doctor):""}}</div>
                    <div>费用：</div>
                </div>
                <table style="width:100%;text-align:center;line-height:25px;border-collapse: collapse;" border="1">
                    <tr>
                        <td style="width:16%;">治疗时间</td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                    </tr>
                    <tr>
                        <td style="width:16%;">医生签字</td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                        <td style="width:16%;"></td>
                    </tr>
                    <tr>
                        <td style="width:16px;">患者签字</td>
                        <td style="width:16px;"></td>
                        <td style="width:16px;"></td>
                        <td style="width:16px;"></td>
                        <td style="width:16px;"></td>
                        <td style="width:16px;"></td>
                    </tr>
                </table>
            </div>

        </div>

    </div> -->
  </div>
</template>
<script>
import { jsGetAge, uParseTime } from '@/utils/tools'
import {getAllDoctorList,getPrescriptionPrint} from "@/api/project/project"
import {getInitData} from "@/api/his/his"
export default {
    props:{
      patient_id:Number,
      record_date:String,
      prescription_id:Number,
      ids:String
    },
    data(){
      return {
        doctorList:[],
        advicePrint:{},
        patient:{},
        tableData:[],
        prescriptionInfo:[],
        projectList:[],
        prescriptions:[],
        settlement:
         [
          {value: 1,label: '医保'},
          {value: 2,label: '自费'},
          {value: 3,label:'公费'},
          {value: 4,label:'农保'},
          {value: 5,label:'会员'},
          {value: 6,label:'职工'},
          {value: 7,label:'合同'}
         ],
         hisPatient:{},
         diagnoses:[],
         department:[],
         faber:{}
      }
    },
   methods:{
     printThisPage() {
      var ptime = Math.round(new Date().getTime() / 1000);
      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");

      const style =
        '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;margin-top:10px;line-height: 1px;padding:0 10px;}.infoTitle p{width: 200px;}.otherInfo{display: flex;margin-top:10px;padding:0 10px;}.otherInfo span{display:inline-block;}.recordTitle{display: flex;margin-top:10px;line-height: 24px;padding:0 10px;border-bottom: 2px solid #000;}.recordTitle p{width: 200px;}}';
      printJS({
        printable: "prescription-print",
        type: "html",
        style: style,
        scanStyles: false
      });
    },
    getDepart(id){
        var name = ""
        for(let i=0;i<this.department.length;i++){
            if(id == this.department[i].id){
                name = this.department[i].name
            }
        }
        return name
    },
     getAllDoctorList(){
      getAllDoctorList().then(response=>{
        if(response.data.state == 1){
               var doctor =  response.data.data.doctor

               this.doctorList = doctor
             }
         })
     },

      getDoctor(id){
        var name = ""
        for(let i=0;i<this.doctorList.length;i++){
          if(id == this.doctorList[i].admin_user_id){
              name = this.doctorList[i].user_name
          }
        }
        return name
      },
      getTime(value, temp) {
        if (value != undefined) {
            return uParseTime(value, temp)
        }
        return ''
     },
     getPrescriptionPrint(){
         var params = {
          patient_id:this.patient_id,
          record_date:this.record_date,
          prescription_id:this.prescription_id,
          ids:this.ids,
        }
        console.log("999999",params)
       getPrescriptionPrint(params).then(response=>{
         if(response.data.state == 1){
            var advicePrint =  response.data.data.advicePrint
            console.log("adviceprint",advicePrint)
            this.advicePrint = advicePrint
            this.prescriptions = advicePrint
            var projectlist =  response.data.data.projectlist
            console.log("所有项目列表",projectlist)
            this.projectList = projectlist
            this.hisPatient = response.data.data.hisPatient

            let outputlist1Name = JSON.parse(response.data.data.his.patient_info);
            this.faber = outputlist1Name

          }
       })
     },
     getProjectName(id){
        var project_name = ""
        for(let i=0;i<this.projectList.length;i++){
           if(id == this.projectList[i].id){
               project_name = this.projectList[i].project_name
           }
        }
        return project_name
     },
     getUnit(id){
        var unit=""
       for(let i=0;i<this.projectList.length;i++){
           if(id == this.projectList[i].id){
               unit = this.projectList[i].unit
           }
        }
        return unit
     },

       getTotalOne(id) {

        var total = 0
        var addtotal = 0
        for (let i = 0; i < this.prescriptions.length; i++) {
          if(id == this.prescriptions[i].id){
            if (this.prescriptions[i].project != null) {
              for (let a = 0; a < this.prescriptions[i].project.length; a++) {
                total = total + this.prescriptions[i].project[a].price * this.prescriptions[i].project[a].count
              }
            }

            if (this.prescriptions[i].additionalcharge != null) {
              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
              }
            }
              addtotal =  Math.floor(addtotal * 100) / 100
        }

       }

      for (let i = 0; i < this.prescriptions.length; i++) {
          if(id == this.prescriptions[i].id){
            if (this.prescriptions[i].advices != null) {
              for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
                total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
              }
            }

            if (this.prescriptions[i].additionalcharge != null) {
              for (let a = 0; a < this.prescriptions[i].additionalcharge.length; a++) {
                addtotal = addtotal + this.prescriptions[i].additionalcharge[a].price * this.prescriptions[i].additionalcharge[a].count
              }
            }
              addtotal =  Math.floor(addtotal * 100) / 100
        }
       }

        return total + addtotal
      },
     getInitData(){
       getInitData().then(response=>{
          if(response.data.state == 1){
            this.department = response.data.data.department
            this.diagnoses = response.data.data.diagnose
            console.log("争端",this.diagnoses)
          }
       })
     },
     getDiagnosis(id){
        var name = ""
        for(let i=0;i<this.diagnoses.length;i++){
          if(id == this.diagnoses[i].id){
             name = this.diagnoses[i].class_name
          }
        }
        return name
     },
     getName(list) {
        console.log('list',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

        }



      },
   },
   created(){
      this.getInitData()
      this.getAllDoctorList()
      this.getPrescriptionPrint()
      var xtuser = this.$store.getters.xt_user
      this.orgname = xtuser.org.org_name

   },
   watch:{
     patient_id:function(val){
       console.log("101000010101010",this.patient_id,this.record_date,this.prescription_id)
    //    this.getPrescriptionPrint()
     },
     ids:function(val){
         this.ids = val
         console.log('this.idsids',this.ids)
         this.getPrescriptionPrint()
     }
   }
}
</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;
    margin-bottom: 10px;
}
.infoTitle{
    display: flex;
    margin-top:10px;
    line-height: 24px;
}
.infoTitle div{
    width: 200px;
}
.infoMain{
    display: flex;
    flex-wrap: wrap;
    margin-top:10px;
}
.infoMain div{
    width: 50%;
    line-height: 24px;
}
.prescriptionBox{
    padding:0 10px;
    min-height:400px;
}
.Rp{
    font-size: 22px;
    font-weight: bold;
}
.drugsBox{
    padding-left: 40px;
    margin-bottom: 10px;
}
.drugsBox div{
    line-height: 20px;
}
.drugsOne{
    line-height: 24px;
}
.drugsOne span{
    margin-right: 20px;
}
.doctorBox{
    display: flex;
    justify-content: space-between;
    padding:0 10px;
    line-height: 24px;
    border-bottom: 2px solid #000;
}
.actionBar{
    display: flex;
    justify-content: space-between; 
    line-height: 24px;
    padding:0 10px;
}
.actionBar p{
    width:150px;
}
.under_line{
  display: inline-block;
  border-bottom: 1px solid #000;
  flex: 1;
}
</style>