5月10日杨青

src/xt_pages/outpatientDoctorStation/recordTemplate/printFour.vue

@@ -0,0 +1,289 @@
+<template>
+    <div id='prescription-print'>
+        <div class="prescription-print" style="box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;">
+            <div class="printTitle" style="border: none;">{{orgname}} &nbsp;&nbsp; 门诊病历</div>
+            <div class="infoTitle">
+                <div>姓名：{{patient.name?patient.name:''}}</div>
+                <div>性别：
+                    <span v-if="patient.gender == 1">男</span>
+                    <span v-if="patient.gender == 2">女</span>
+                </div>
+                <div>年龄：{{getAge(patient)?getAge(patient):""}}岁</div>
+            </div>
+            <div class="infoTitle">
+                <div>婚姻状况：
+                  <span v-if="patient.marital_status == 1">未婚</span>
+                  <span v-if="patient.marital_status == 2">已婚</span>
+                  <span v-if="patient.marital_status == 3">离异</span>
+                </div>
+                <div>职业：{{getProfession(patient.profession)?getProfession(patient.profession):''}}</div>
+                <div>病历编号：{{patient.id?patient.id:''}}</div>
+            </div>
+            <div class="infoTitle">
+                <div >医保号：{{patient.health_care_no?patient.health_care_no:''}}</div>
+                <div>联系电话：{{patient.phone?patient.phone:''}}</div>
+                <!-- <div style="flex:1;">{{patient.health_care_no?patient.health_care_no:''}}</div> -->
+            </div>
+            <!-- <div class="otherInfo">
+                <div>联系电话：{{patient.phone?patient.phone:''}}</div>
+                <div style="flex:1;">{{patient.phone?patient.phone:''}}</div>
+            </div> -->
+            <div class="otherInfo">
+                <div>通讯地址：</div>
+                <div style="flex:1;">{{patient.home_address?patient.home_address:''}}</div>
+            </div>
+            <!-- <div class="otherInfo">
+                <div>药物过敏史：</div>
+                <div style="flex:1;">{{patient.past_history?patient.past_history:''}}</div>
+            </div> -->
+            <!-- <div class="otherInfo">
+                <div>病历编号：</div>
+                <div style="flex:1;">{{patient.id?patient.id:''}}</div>
+            </div> -->
+
+            <div class="printTitle" style="border: none;margin-top: 10px;">病历内容</div>
+            <div class=" recordTitle" style=" border-bottom: 2px solid black;">
+                <div style="width: 230px;">科别：{{getDeparment(hispatient.departments)?getDeparment(hispatient.departments):''}}</div>
+                <div style="">姓名：{{patient.name?patient.name:''}}</div> 
+                <div >性别：
+                    <span v-if="patient.gender == 1">男</span>
+                    <span v-if="patient.gender == 2">女</span>
+                </div>
+               <div >年龄：{{patient.age?patient.age:''}}岁</div> 
+            </div> 
+            <div class="otherInfo">
+                <div class="otherName">主诉：</div>
+                <div style="flex:1;">{{history.chief_conplaint?history.chief_conplaint:''}}</div>
+            </div>
+            <div class="otherInfo">
+                <div class="otherName">现病史：</div>
+                <div style="flex:1;">{{history.history_of_present_illness?history.history_of_present_illness:''}}</div>
+            </div>
+            <div class="otherInfo">
+                <div class="otherName">既往史：</div>
+                <div style="flex:1;">{{history.past_history?history.past_history:''}}</div>
+            </div>
+            <!-- <div class="otherInfo">
+                <div class="otherName">药物过敏史：</div>
+                <div style="flex:1;">{{history.allergic_history?history.allergic_history:''}}</div>
+            </div>
+            <div class="otherInfo">
+                <div class="otherName">个人史：</div>
+                <div style="flex:1;">{{history.personal_history?history.personal_history:''}}</div>
+            </div>
+            <div class="otherInfo">
+                <div class="otherName">家族史：</div>
+                <div style="flex:1;">{{history.family_history?history.family_history:''}}</div>
+            </div> -->
+            <div class="otherInfo">
+                <div class="otherName">体格检查：</div>
+                <div style="flex:1;">
+                    <span>体温：{{ history.temperature ? history.temperature + '℃' : '/' }}</span>
+                    <span>脉搏：{{ history.pulse ? history.pulse + '次/分' : '/' }}</span>
+                    <span>呼吸：{{ history.breathing ? history.breathing + '次/分' : '/' }}</span>
+                    <span>血压：{{ history.sbp }}/{{ history.dbp }}mmHg</span>
+                </div>
+            </div>
+            <div class="otherInfo">
+                <div class="otherName">门诊诊断：</div>
+                <div style="flex:1;">{{history.diagnostic?history.diagnostic:''}}</div>
+            </div>
+            <div class="otherInfo">
+                <div class="otherName">门诊医嘱：</div>
+                <div style="flex:1;">{{history.doctor_advice?history.doctor_advice:''}}</div>
+            </div>
+            <div style="display:flex;justify-content: space-between;margin-bottom: 10px;">
+                <div style="margin-top:20px;">
+                    打印日期：{{ printDate }}
+                </div>
+                <div style="margin-top:20px;text-align:right;">
+                    医生签名：{{getDoctor(history.doctor)?getDoctor(history.doctor):''}}
+                </div>
+            </div>
+        </div>
+    
+        <!-- <div class="prescription-print">
+            
+        </div> -->
+    </div>
+    </template>
+    <script>
+      import { jsGetAge, uParseTime } from '@/utils/tools'
+    
+    import { getDataConfig } from "@/utils/data";
+    import { getAllDoctorList,getPatientCaseHistory } from "@/api/project/project"
+    export default {
+        props:{
+          patient:Object,
+          hispatient:Object,
+          patientid:Number
+        //   history:Object,
+        },
+        data(){
+            return{
+                educationOptions:[],
+                departmentList:[],
+                orgname:'',
+                history:{},
+                printDate:''
+            }
+        },
+        methods:{
+          getAge(patient){
+            var thisLen = patient.id_card_no.length
+            var birth = ''
+            if (thisLen == 15) {
+              birth = '19' + patient.id_card_no.substr(6, 6)
+            } else {
+              birth = patient.id_card_no.substr(6, 8)
+            }
+            var births =
+              birth.substr(0, 4) +
+              '-' +
+              birth.substr(4, 2) +
+              '-' +
+              birth.substr(6, 2)
+            return jsGetAge(births, '-')
+    
+          },
+          show(val){
+    
+            this.patientid = val
+            this.getAllDoctorList()
+            this.getPatientCaseHistory()
+          },
+          getProfession(id){
+            var name = ""
+            for(let i=0;i<this.educationOptions.length;i++){
+                if(id == this.educationOptions[i].id){
+                    name = this.educationOptions[i].name
+                }
+            }
+            return name
+          },
+          getAllDoctorList(){
+               getAllDoctorList().then(response=>{
+                 if(response.data.state == 1){
+                   var doctor =  response.data.data.doctor
+    
+                   this.doctorList = doctor
+                   var department = response.data.data.department
+                   console.log("department",department)
+                   this.departmentList = department
+                 }
+               })
+           },
+          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
+          },
+          getPatientCaseHistory(){
+    
+            const params = {
+              patient_id:this.patientid
+            }
+          console.log("病历22222",params)
+          getPatientCaseHistory(params).then(response=>{
+             if(response.data.state == 1){
+               var patient = response.data.data.patient
+            //    console.log("patinet",patient)
+               this.patient = patient
+               var history = response.data.data.history
+               console.log("中国history222222",history)
+               this.history = history
+               var hispatient = response.data.data.hispatient
+            //    console.log("hispatient",hispatient)
+               this.hispatient = hispatient
+             }
+          })
+        },
+        getDeparment(id){
+    
+         var name = ''
+         for(let i=0;i<this.departmentList.length;i++){
+             if(id == this.departmentList[i].id){
+                name = this.departmentList[i].name
+             }
+          }
+          return name
+        },
+    
+    
+        },
+        created(){
+            this.educationOptions = getDataConfig("patient", "education_types");
+            this.getAllDoctorList()
+            this.getPatientCaseHistory()
+    
+            var xtuser = this.$store.getters.xt_user
+            this.orgname = xtuser.org.org_name
+            var data = new Date();
+            var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+            var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+            this.printDate = data.getFullYear() + "-" + month + "-" + date;
+        },
+        watch:{
+           'patientid':function(val){
+             console.log("val22332323",val)
+           }
+        }
+    }
+    </script>
+    
+    
+    <style lang="scss" scoped>
+    *{
+        margin: 0;
+        padding: 0;
+        border: 0;
+    }
+    .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;
+        font-size: 14px;
+    }
+    .printTitle{
+        font-size: 18px;
+        text-align: center;
+        font-weight: bold;
+        border: none;
+    }
+    .infoTitle{
+        display: flex;
+        // justify-content: space-around;
+        margin-top:10px;
+        line-height: 24px;
+        padding:0 10px;
+        border: none;
+    }
+    .infoTitle div{
+        width: 200px;
+    }
+    .otherInfo{
+        display: flex;
+        margin-top:10px;
+        line-height: 24px;
+        padding:0 10px;
+    }
+    .recordTitle{
+        display: flex;
+        justify-content: space-around;
+        margin-top:10px;
+        line-height: 24px;
+        padding:0 10px;
+        // border-bottom: 2px solid #000;
+    }
+    .recordTitle div {
+        // display: inline-block;
+        width: 200px ;
+    }
+</style>
+