4月10

src/xt_pages/user/Informed/components/Medicalhistory.vue

@@ -15,37 +15,37 @@
       <div class="print_page_main_content">
         <div class="content">
           <h2 style="text-align: center;margin-bottom: 20px;">门诊血液透析治疗病历首页</h2>
-          <div style="display: flex;padding: 10px 5px">
+          <div style="display: flex;padding: 0 5px 10px 5px">
             <div style="flex: 1;">门诊号<span class="unile">{{ patient.admission_number }}</span></div>
             <div style="flex: 1;">透析号 <span class="unile">{{ patient.dialysis_no }}</span></div>
             <div style="flex: 1.5;">首次治疗日期 <span class="unile">{{getTime(patient.first_dialysis_date) }}</span></div>
           </div>
-          <div style="display: flex;padding: 10px 5px">
+          <div style="display: flex;padding: 0 5px 10px 5px">
             <div style="flex: 1;">姓名：<span class="unile">{{ patient.name }}</span></div>
             <div style="flex: 1;">性别：
               <input type="checkbox" v-model="nv" class="nv"/>女
               <input type="checkbox" v-model="nan" class="nan"/>男
             </div>
           </div>
-          <div style="display: flex;padding: 10px 5px">
+          <div style="display: flex;padding: 0 5px 10px 5px">
             <div style="flex: 2;">
               身份证号
-              <span class="unile">{{ patient.id_card_no }}</span>
+              <span class="unile2">{{ patient.id_card_no }}</span>
             </div>
           </div>
-          <div style='padding: 10px 5px'>
+          <div style='padding: 0 5px 10px 5px'>
             <div>
               现住址(详填) <span class="unile2">{{ patient.home_address }}</span>
             </div>
             <!-- <div style="flex: 1;">邮编<span class="unile2"></span></div> -->
           </div>
-          <div style='padding: 10px 5px'>
+          <div style='padding: 0 5px 10px 5px'>
             <div>
               家庭住址<span class="unile2">{{ patient.home_address }}</span>
             </div>
             <!-- <div style="flex: 1;">邮编<span class="unile2"></span></div> -->
           </div>
-          <div style="display: flex;padding: 10px 5px">
+          <div style="display: flex;padding: 0 5px 10px 5px">
             <div style="flex: 1;">
               本人电话<span class="unile">{{ patient.home_telephone }}</span>
             </div>
@@ -56,14 +56,14 @@
               亲属联系方式<span class="unile">{{ patient.relative_phone }}</span>
             </div>
           </div>
-          <div style="padding: 10px 5px">
-            工作单位<span class="unile">{{ patient.work_unit }}</span>
+          <div style="padding: 0 5px 10px 5px">
+            工作单位<span class="unile2">{{ patient.work_unit }}</span>
           </div>
           <!-- <div style="padding: 10px 5px">
             地址<span class="unile2"></span> 省(市)<span class="unile2"></span>路<span class="unile2"></span>号
           </div> -->
-          <div style="padding: 10px 5px">
-            诊断：<span class="unile">{{ patient.diagnose }}</span>
+          <div style="padding: 0 5px 10px 5px">
+            诊断：<span class="unile2">{{ patient.diagnose }}</span>
           </div>
           <!-- <div style="padding: 10px 5px">
             合并症或并发症 <span class="unile"></span>
@@ -381,7 +381,7 @@ export default{
       })
     },
     printThisPage(){
-        const style = '@media print {.content p{font-size: 16px;font-family: 新宋体; padding-left: 20px; margin-bottom: 5px;}.unile{display: inline-block;border-bottom: 1px solid black;width: 60%;}.unile2{display: inline-block;border-bottom: 1px solid black;width: 150px;padding: 15px 0;}.tablepadd{padding: 0 5px; height: 35px;}}'
+        const style = '@media print {.content p{font-size: 16px;font-family: 新宋体; padding-left: 20px; margin-bottom: 5px;}.unile{display: inline-block;border-bottom: 1px solid black;width: 60%;height:25px}.unile2{display: inline-block;border-bottom: 1px solid black;width: 80%;height:25px}.tablepadd{padding: 0 5px; height: 35px;}}'
         printJS({
             printable: 'print_content',
             type: 'html',
@@ -453,14 +453,15 @@ export default{
     display: inline-block;
     border-bottom: 1px solid black;
     width: 60%;
+    height:25px
   }
   .unile2{
     display: inline-block;
     border-bottom: 1px solid black;
-    height: 30px;
+    height: 25px;
     text-align: center;
-    width: 170px;
-    padding: 15px 0;
+    width: 80%;
+    // padding: 15px 0;
   }
   .tablepadd{
     padding: 5px 0;