8月16日杨青

src/xt_pages/outpatientCharges/statementTemplate/printeEleven.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="statement-print" class="statement-print">
-    <div class="statementTitle">费用明细算单</div>
-    <div class="statementTable">
+    <div class="statementTitle">费用明细清算单</div>
+    <div class="statementTable" style="word-wrap: break-word; word-break: break-all;">
       <table border="1" style="border-collapse: collapse;width: 100%;border: none;">
         <tr>
           <td colspan="4">医院机构名称：{{info.fixmedins_name}}</td>
@@ -57,7 +57,7 @@
         </tr>
         <tr style="border-bottom: 1px solid black;text-align: center;">
           <td width="15.1%">医保编码</td>
-          <td width="15.1%">医院编码</td>
+          <td width="9.1%">医院编码</td>
           <td width="15.1%">医院名称</td>
           <td width="6.1%">单位</td>
           <td width="15.1%">规格</td>
@@ -66,60 +66,29 @@
           <td width="8.1%">金额</td>
           <td width="10.1%">医保标识</td>
         </tr>
-
-        <div v-for="item in info.new_list">
-        <tr style="border-bottom: 1px solid black;font-size: 16px;font-weight: bolder;">
-          <td colspan="6">{{item.med_chrgitm_name}}</td>
-          <td style="text-align: center;">小计</td>
-          <td style="text-align: center;">{{item.total}}</td>
-          <td></td>
-        </tr>
-        <tr style="border-bottom: 1px solid black;" v-for="subItem in item.details">
-          <td>{{subItem.yibao_code}}</td>
-          <td>{{subItem.yiyuan_code}}</td>
-          <td>{{subItem.name}}</td>
-          <td>{{subItem.unit}}</td>
-          <td>{{subItem.spec}}</td>
-          <td style="text-align: center;">{{subItem.count}}</td>
-          <td style="text-align: center;">{{subItem.price}}</td>
-          <td style="text-align: center;">{{subItem.total_price}}</td>
-          <td>内容</td>
+        <!-- width="72.6%"  16.82%  16.1-->
+        <tr>
+          <td colspan="9" style="line-height: 30px;">
+            <div v-for="item in info.new_list">
+              <div style="display: flex;border-bottom: 1px solid black;font-size: 16px;font-weight: bolder;">
+                <div style="width: 72.6%;">{{item.med_chrgitm_name}}</div>
+                <div style="width: 8.1%;text-align: center;">小计</div>
+                <div style="width: 8.1%;text-align: center;">{{item.total}}</div>
+              </div>
+              <div v-for="subItem in item.details" style="display: flex; border-bottom: 1px solid black;">
+                <div style="width: 16.4%;padding: 5px;">{{subItem.yibao_code}}</div>
+                <div style="width: 9.9%;padding: 5px;">{{subItem.yiyuan_code}}</div>
+                <div style="width: 16.4%;padding: 5px;">{{subItem.name}}</div>
+                <div style="width: 6.7%;padding: 5px;text-align: center;">{{subItem.unit}}</div>
+                <div style="width: 16.4%;padding: 5px;">{{subItem.spec}}</div>
+                <div style="width: 6.7%;padding: 5px;text-align: center;">{{subItem.count}}</div>
+                <div style="width: 8.1%;padding: 5px;text-align: center;">{{subItem.price}}</div>
+                <div style="width: 8.1%;padding: 5px;text-align: center;">{{subItem.total_price}}</div>
+                <div style="width: 10.1%;padding: 5px;"></div>
+              </div>
+            </div>
+          </td>
         </tr>
-        </div>
-<!--        <tr style="border-bottom: 1px solid black;font-size: 16px;font-weight: bolder;">-->
-<!--          <td colspan="6">材料费</td>-->
-<!--          <td style="text-align: center;">小计</td>-->
-<!--          <td style="text-align: center;">金额</td>-->
-<!--          <td></td>-->
-<!--        </tr>-->
-<!--        <tr style="border-bottom: 1px solid black;">-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td style="text-align: center;">内容</td>-->
-<!--          <td style="text-align: center;">内容</td>-->
-<!--          <td style="text-align: center;">内容</td>-->
-<!--          <td>内容</td>-->
-<!--        </tr>-->
-<!--        <tr style="border-bottom: 1px solid black;font-size: 16px;font-weight: bolder;">-->
-<!--          <td colspan="6">治疗费</td>-->
-<!--          <td style="text-align: center;">小计</td>-->
-<!--          <td style="text-align: center;">金额</td>-->
-<!--          <td></td>-->
-<!--        </tr>-->
-<!--        <tr style="border-bottom: 1px solid black;">-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td>内容</td>-->
-<!--          <td style="text-align: center;">内容</td>-->
-<!--          <td style="text-align: center;">内容</td>-->
-<!--          <td style="text-align: center;">内容</td>-->
-<!--          <td>内容</td>-->
-<!--        </tr>-->
         <tr style="border-bottom: 1px solid black; font: 16px bolder;">
           <td colspan="8">合计：{{info.medfee_sumamt}}</td>
         </tr>
@@ -229,8 +198,8 @@ export default {
 .statementTable {
   width: 100%;
   font-size: 14px;
-  word-wrap: break-word;
-  word-break: break-all;
+  // word-wrap: break-word;
+  // word-break: break-all;
   table tr td{
     padding: 5px;
     line-height: 30px;