打印

src/xt_pages/outpatientCharges/statementPrint.vue

           :info="info"
           :paramsObj="paramsObj"
           :balanceAccounts="balanceAccounts"
-          v-if="
-            org_id == 10138 || org_id == 4 || org_id == 10278
-          "
+          v-if="org_id == 10138 || org_id == 4 || org_id == 10278"
         ></printThree>
         <printFour
-          v-if="org_id == 9504 || org_id == 10028  || org_id == 10088"
+          v-if="org_id == 9504 || org_id == 10028 || org_id == 10088"
           :info="info"
           :paramsObj="paramsObj"
           :balanceAccounts="balanceAccounts"
         ></printFour>
-<!--        <privateChargePrint  :info="info" v-if="org_id == 10215 && this.paramsObj.balance_accounts_type == 2"></privateChargePrint>-->
-
+        <!--        <privateChargePrint  :info="info" v-if="org_id == 10215 && this.paramsObj.balance_accounts_type == 2"></privateChargePrint>-->
       </div>
-<!--      <print-other :info="info" v-if="org_id == 9919"></print-other>-->
-<!--      <printOne :info=" info" v-if="org_id == 10215 && this.paramsObj.balance_accounts_type == 2"></printOne>-->
+      <!--      <print-other :info="info" v-if="org_id == 9919"></print-other>-->
+      <!--      <printOne :info=" info" v-if="org_id == 10215 && this.paramsObj.balance_accounts_type == 2"></printOne>-->
+      <printFive
+        v-if="org_id == 0"
+        :info="info"
+        :paramsObj="paramsObj"
+        :balanceAccounts="balanceAccounts"
+      ></printFive>
       <printOne :info="info" v-else></printOne>
       <!-- 测试医保环境下表格样式放开以下这条 -->
       <!-- <testVue :info="info" v-else></testVue> -->
 import printTwo from "./statementTemplate/printTwo";
 import printThree from "./statementTemplate/printThree";
 import printFour from "./statementTemplate/printFour";
+import printFive from "./statementTemplate/printFive";
 import testVue from "./statementTemplate/test";
 import {
   getAllDoctorList,
   getAllHisPatientList,
   getPrescriptionPrint,
 } from "@/api/project/project";
-import { getPrivateExpenses,getPrivateExpensesOrder } from "@/api/his/his";
+import { getPrivateExpenses, getPrivateExpensesOrder } from "@/api/his/his";
 // import PrintOther from '../hospitalStation/statementTemplate/printOther'
 export default {
   name: "dialysisPrintOrder",
     printThree,
     printFour,
     testVue,
+    printFive,
   },
   props: {
     paramsObj: Object,
 
       if (
         this.$store.getters.xt_user.org_id == 10138 ||
-        // this.$store.getters.xt_user.org_id == 0 ||
         this.$store.getters.xt_user.org_id == 4 ||
         this.$store.getters.xt_user.org_id == 10278
       ) {
             style: style,
             scanStyles: false,
           });
+        } else if (
+          this.$store.getters.xt_user.org_id == 0 ||
+          this.$store.getters.xt_user.org_id == 10191
+        ) {
+          const style =
+            "@media print {.statementTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 14px;border-color: #000;} .statementTable thead{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;} .statementTable tbody{text-align:left;} .statementTable tbody .view_tr{text-align:center;border: 1px solid;} tbody .dashed_tr{border: 1px dashed;text-align:center} .list_table{width: 100%;margin-bottom: 100px;} tbody tr td div{height:25px;}}";
+          printJS({
+            printable: "statement-print",
+            type: "html",
+            style: style,
+            scanStyles: false,
+          });
         } else {
           const style =
             "@media print {#statement-print{font-size:14px;border:1px solid white}.statementTitle{font-size: 22px;text-align: center;font-weight: bold;}table{border-collapse: collapse;text-align: center;}table td {padding: 10px 5px;font-size:16px;}@media print {html {zoom: 57%;}}}";
         let params = {
           his_patient_id: obj.his_patient_id,
           id: obj.order_id,
-          order_id:obj.order_id,
-          admin_user_id:this.$store.getters.xt_user.user.id,
+          order_id: obj.order_id,
+          admin_user_id: this.$store.getters.xt_user.user.id,
         };
         if (
           this.org_id == 10138 ||
               console.log(111, this.balanceAccounts);
             }
           });
-        }else
-          if (this.org_id == 10215 || this.org_id == 0) {
-
+        } else if (this.org_id == 10215 || this.org_id == 0) {
           getPrivateExpensesOrder(params).then((response) => {
             if (response.data.state == 0) {
               // this.$message.error(response.data.msg)
 
               return false;
             } else {
-              var that = this
+              var that = this;
               that.info = response.data.data.info;
               that.p_admin = response.data.data.printor_admin;
               that.charge_admin = response.data.data.charge_admin;
 
               that.info["bed_cost_total"] = response.data.data.bedCostTotal;
               that.info["bed_cost_self_total"] =
-                  response.data.data.bedCostSelfTotal;
+                response.data.data.bedCostSelfTotal;
               that.info["bed_cost_part_self_total"] =
-                  response.data.data.bedCostPartSelfTotal;
+                response.data.data.bedCostPartSelfTotal;
 
               that.info["operation_cost_total"] =
-                  response.data.data.operationCostTotal;
+                response.data.data.operationCostTotal;
               that.info["operation_cost_self_total"] =
-                  response.data.data.operationCostSelfTotal;
+                response.data.data.operationCostSelfTotal;
               that.info["operation_cost_part_self_total"] =
-                  response.data.data.operationCostPartSelfTotal;
+                response.data.data.operationCostPartSelfTotal;
 
               that.info["other_cost_total"] = response.data.data.otherCostTotal;
               that.info["other_cost_self_total"] =
-                  response.data.data.otherCostSelfTotal;
+                response.data.data.otherCostSelfTotal;
               that.info["other_cost_part_self_total"] =
-                  response.data.data.otherCostPartSelfTotal;
+                response.data.data.otherCostPartSelfTotal;
 
               that.info["material_cost_total"] =
-                  response.data.data.materialCostTotal;
+                response.data.data.materialCostTotal;
               that.info["material_cost_self_total"] =
-                  response.data.data.materialCostSelfTotal;
+                response.data.data.materialCostSelfTotal;
               that.info["material_cost_part_self_total"] =
-                  response.data.data.materialCostPartSelfTotal;
+                response.data.data.materialCostPartSelfTotal;
 
               that.info["western_medicine_cost_total"] =
-                  response.data.data.westernMedicineCostTotal;
+                response.data.data.westernMedicineCostTotal;
               that.info["western_medicine_cost_self_total"] =
-                  response.data.data.westernMedicineCostSelfTotal;
+                response.data.data.westernMedicineCostSelfTotal;
               that.info["western_medicine_cost_part_self_total"] =
-                  response.data.data.westernMedicineCostPartSelfTotal;
+                response.data.data.westernMedicineCostPartSelfTotal;
 
               that.info["chinese_traditional_medicine_cost_total"] =
-                  response.data.data.chineseTraditionalMedicineCostTotal;
+                response.data.data.chineseTraditionalMedicineCostTotal;
               that.info["chinese_traditional_medicine_cost_self_total"] =
-                  response.data.data.chineseTraditionalMedicineCostSelfTotal;
+                response.data.data.chineseTraditionalMedicineCostSelfTotal;
               that.info["chinese_traditional_medicine_cost_part_self_total"] =
-                  response.data.data.chineseTraditionalMedicineCostPartSelfTotal;
+                response.data.data.chineseTraditionalMedicineCostPartSelfTotal;
 
               that.info["check_cost_total"] = response.data.data.checkCostTotal;
               that.info["check_cost_self_total"] =
-                  response.data.data.checkCostSelfTotal;
+                response.data.data.checkCostSelfTotal;
               that.info["check_cost_part_self_total"] =
-                  response.data.data.checkCostPartSelfTotal;
+                response.data.data.checkCostPartSelfTotal;
 
               that.info["laboratory_cost_total"] =
-                  response.data.data.laboratoryCostTotal;
+                response.data.data.laboratoryCostTotal;
               that.info["laboratory_cost_self_total"] =
-                  response.data.data.laboratoryCostSelfTotal;
+                response.data.data.laboratoryCostSelfTotal;
               that.info["laboratory_cost_part_self_total"] =
-                  response.data.data.laboratoryCostPartSelfTotal;
+                response.data.data.laboratoryCostPartSelfTotal;
 
               that.info["treat_cost_total"] = response.data.data.treatCostTotal;
               that.info["treat_cost_self_total"] =
-                  response.data.data.treatCostSelfTotal;
+                response.data.data.treatCostSelfTotal;
               that.info["treat_cost_part_self_total"] =
-                  response.data.data.treatCostPartSelfTotal;
+                response.data.data.treatCostPartSelfTotal;
               that.info["date"] = response.data.data.date;
               // that.info["number"] = response.data.data.number;
               that.info["order_infos"] = response.data.data.order_infos;
               }
             }
           });
-
         }
       } else {
         var that = this;

src/xt_pages/outpatientCharges/statementTemplate/printFive.vue

+<template>
+  <div id="statement-print" class="statement-print">
+    <table class="statementTable" border="0">
+      <thead>
+        <tr>
+          <td colspan="10">石狮圣誉血液透析中心结算单</td>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <td colspan="10">日期区间：</td>
+        </tr>
+        <tr class="view_tr">
+          <td colspan="2">姓名：</td>
+          <td colspan="2">性别：</td>
+          <td colspan="2">医保类型：</td>
+          <td colspan="2">社会保障号码：</td>
+          <td colspan="2">账号余额：</td>
+        </tr>
+        <tr class="view_tr">
+          <td colspan="10">明细信息</td>
+        </tr>
+
+        <!-- 帐单列表分为左右两列，需要对数据进行x/2分别放进list_L，list_R两个数组进行循环 -->
+        <tr>
+          <td colspan="6">
+            <table class="list_table">
+              <tr colspan="6" v-for="(item, index) in list_L" :key="index">
+                <td colspan="2">药名</td>
+                <td>规格</td>
+                <td>数量</td>
+                <td>价格</td>
+              </tr>
+            </table>
+          </td>
+
+          <td colspan="4">
+            <table class="list_table">
+              <tr colspan="4" v-for="(item, index) in list_R" :key="index">
+                <td colspan="2">药名</td>
+                <td>规格</td>
+                <td>数量</td>
+                <td>价格</td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="10">共一页，第一页419.32</td>
+        </tr>
+        <tr class="dashed_tr">
+          <td colspan="10">结付分类</td>
+        </tr>
+        <tr>
+          <td colspan="10">
+            <div>费用总计：</div>
+            <div>统筹支付：</div>
+            <div>账户支付：</div>
+            <div>个人现金支付：</div>
+            <div>其他支付：</div>
+            <div>减免金额：</div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    info: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+    p_admin: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+    charge_admin: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      list_L: [1,2],
+      list_R: [1,2],
+    };
+  },
+  methods: {
+    getDay(dateString1, dateString2) {
+      var startDate = Date.parse(dateString1);
+      var endDate = Date.parse(dateString2);
+      if (startDate > endDate) {
+        return 0;
+      }
+      if (startDate == endDate) {
+        return 1;
+      }
+      var days = (endDate - startDate) / (1 * 24 * 60 * 60 * 1000);
+      return days;
+    },
+    getNowTime: function () {
+      let dateTime;
+      let yy = new Date().getFullYear();
+      let mm = new Date().getMonth() + 1;
+      let dd = new Date().getDate();
+      let hh = new Date().getHours();
+      let mf =
+        new Date().getMinutes() < 10
+          ? "0" + new Date().getMinutes()
+          : new Date().getMinutes();
+      let ss =
+        new Date().getSeconds() < 10
+          ? "0" + new Date().getSeconds()
+          : new Date().getSeconds();
+      dateTime = yy + "-" + mm + "-" + dd + " " + hh + ":" + mf + ":" + ss;
+      return dateTime;
+    },
+  },
+};
+</script>
+
+
+<style lang="scss" scoped>
+.statement-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;
+}
+
+.statementTitle {
+  font-size: 28px;
+  text-align: center;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.statementTable {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  line-height: 40px;
+  font-size: 14px;
+}
+.statementTable thead{
+  font-size: 28px;
+  text-align: center;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.statementTable tbody{
+    text-align: left;
+}
+tbody .view_tr{
+    border: 1px solid;
+    text-align: center;
+}
+.list_table{
+    width: 100%;
+    margin-bottom: 100px;
+}
+tbody .dashed_tr{
+    border: 1px dashed;
+    text-align: center;
+}
+tbody tr td div{
+    height: 25px;
+}
+</style>