汇总

src/xt_pages/outpatientTool/components/detailStatistics.vue

       </el-table-column>
      
     </el-table>
-     <div>总费用:{{getAllPice()}}</div>
+    <div style="display:flex;justify-content: space-around;">
+      <div>总费用:{{getAllPice()}}</div>
      <div>个人支付:{{getActPay()}}</div>
      <div>基金支付记账:{{getFundPaySumamt()}}</div>
      <div>补充医疗支付记账:{{getHifesPay()}}</div>
     <div>救助支付金额:{{getMafPay()}}</div>
+    </div>
+    
   </div>
 
   <!-- </div> -->

src/xt_pages/outpatientTool/components/gatherStatistics.vue

       </el-table-column>
 
     </el-table>
+     <div>
+      <div class="listInfo">
+            <div>西药：</div>
+            <div>中成药：{{chineseTraditionalMedicineCostTotal}}</div>
+            <div>中草药：</div>
+        </div>
+        <div class="listInfo">
+            <div>检查费：{{checkCostTotal}}</div>
+            <div>输氧费：</div>
+            <div>手术费：</div>
+        </div>
+        <div class="listInfo">
+            <div>化验费：{{laboratoryCostTotal}}</div>
+            <div>输血费：</div>
+            <div>诊断费：{{zhenChaCostTotal}}</div>
+        </div>
+         <div class="listInfo">
+            <div>治疗费：</div>
+            <div>护理费：</div>
+            <div>床位费：{{bedCostTotal}}</div>
+        </div>
+        <div class="listInfo" style="margin-bottom: 20px;">
+            <div>麻醉费：</div>
+            <div>材料费：{{materialCostTotal}}</div>
+            <div>其他：{{otherCostTotal}}</div>
+        </div>
+    </div>
   </div>
 </template>
 
   }
 }
 </script>
+<style lang="scss" scoped>
+.listInfo{
+  display: flex;
+  justify-content: space-around;
+  div{
+    width: 200px;
+  }
+}
+</style>