清单汇总

src/xt_pages/outpatientCharges/allListTemplate/summaryPrint.vue

 <template>
   <div id="allList-print" class="allList-print">
-    <div class="allListTitle">{{ $store.getters.xt_user.org.org_name }}汇总清单</div>
-    <div class="allListInfo">
+    <div class="allListTitle">
+      {{ $store.getters.xt_user.org.org_name }}汇总清单
+    </div>
+    <div class="allListInfo" style="border-top: 1px solid;">
       <div>科别：门诊</div>
       <div>床号：</div>
       <div>门诊号：{{ order.mdtrt_id }}</div>
-      <div>患者姓名：{{ patient.name }}</div>
+      <div>姓名：{{ patient.name }}</div>
     </div>
 
-    <div class="allListInfo">
+    <div class="allListInfo" style="border-bottom: 1px solid;">
       <div>预交款：</div>
-      <div>门诊日期：</div>
       <div>总费用：{{ order.medfee_sumamt }}</div>
+      <div>门诊日期：</div>
     </div>
 
     <div class="allListInfo">
-      <div>西药:&nbsp;&nbsp;&nbsp;{{order.westernMedicineCostTotal?order.westernMedicineCostTotal:''}}</div>
-      <div>中成药:{{order.chineseTraditionalMedicineCostTotal?order.chineseTraditionalMedicineCostTotal:''}}</div>
+      <div>
+        西药:&nbsp;&nbsp;&nbsp;{{
+          order.westernMedicineCostTotal ? order.westernMedicineCostTotal : ""
+        }}
+      </div>
+      <div>
+        中成药:{{
+          order.chineseTraditionalMedicineCostTotal
+            ? order.chineseTraditionalMedicineCostTotal
+            : ""
+        }}
+      </div>
       <div>中草药:</div>
-      <div>检查费:{{order.checkCostTotal?order.checkCostTotal:''}}</div>
     </div>
 
-
     <div class="allListInfo">
+      <div>检查费:{{ order.checkCostTotal ? order.checkCostTotal : "" }}</div>
       <div>输氧费:</div>
-      <div>手术费:{{order.operationCostTotal?order.operationCostTotal:''}}</div>
-      <div>化验费:{{order.laboratoryCostTotal?order.laboratoryCostTotal:''}}</div>
-      <div>输血费:</div>
+      <div>
+        手术费:{{ order.operationCostTotal ? order.operationCostTotal : "" }}
+      </div>
     </div>
 
-
     <div class="allListInfo">
-      <div >诊察费:{{order.zhenChaCostTotal?order.zhenChaCostTotal:''}}</div>
-      <div >治疗费:{{order.treatCostTotal?order.treatCostTotal:''}}</div>
-      <div >护理费:</div>
-      <div >床位费:{{order.bedCostTotal?order.bedCostTotal:''}}</div>
+      <div>
+        化验费:{{ order.laboratoryCostTotal ? order.laboratoryCostTotal : "" }}
+      </div>
+      <div>输血费:</div>
+      <div>
+        诊察费:{{ order.zhenChaCostTotal ? order.zhenChaCostTotal : "" }}
+      </div>
     </div>
 
-
     <div class="allListInfo">
-      <div >麻醉费:</div>
-      <div >材料费:{{order.materialCostTotal?order.materialCostTotal:''}}</div>
-      <div >其他费:{{order.otherCostTotal?order.otherCostTotal:''}}</div>
-      <div style="visibility: hidden;">其他费:</div>
+      <div>治疗费:{{ order.treatCostTotal ? order.treatCostTotal : "" }}</div>
+      <div>护理费:</div>
+      <div>床位费:{{ order.bedCostTotal ? order.bedCostTotal : "" }}</div>
+    </div>
+    <div class="allListInfo">
+      <div>麻醉费:</div>
+      <div>
+        材料费:{{ order.materialCostTotal ? order.materialCostTotal : "" }}
+      </div>
+      <div>其他:{{ order.otherCostTotal ? order.otherCostTotal : "" }}</div>
     </div>
     <!--    <div style="display:flex;justify-content: space-between;">-->
-<!--          <div style="position: absolute;top:160px;left:40px">西药</div>-->
-<!--          <div style="position: absolute;top:160px;left:110px">{{ list.westernMedicineCostTotal }}</div>-->
-<!--          <div style="position: absolute;top:160px;left:180px">检查费</div>-->
-<!--          <div style="position: absolute;top:160px;left:260px">{{ list.checkCostTotal }}</div>-->
-<!--          <div style="position: absolute;top:160px;left:340px">化验费</div>-->
-<!--          <div style="position: absolute;top:160px;left:420px">{{ list.treatCostTotal }}</div>-->
-<!--          <div style="position: absolute;top:160px;left:500px">治疗费</div>-->
-<!--          <div style="position: absolute;top:160px;left:580px">{{ list.bedCostTotal }}</div>-->
-<!--          <div style="position: absolute;top:160px;left:500px">麻醉费</div>-->
-<!--          <div style="position: absolute;top:160px;left:580px">{{ list.bedCostTotal }}</div>-->
+    <!--          <div style="position: absolute;top:160px;left:40px">西药</div>-->
+    <!--          <div style="position: absolute;top:160px;left:110px">{{ list.westernMedicineCostTotal }}</div>-->
+    <!--          <div style="position: absolute;top:160px;left:180px">检查费</div>-->
+    <!--          <div style="position: absolute;top:160px;left:260px">{{ list.checkCostTotal }}</div>-->
+    <!--          <div style="position: absolute;top:160px;left:340px">化验费</div>-->
+    <!--          <div style="position: absolute;top:160px;left:420px">{{ list.treatCostTotal }}</div>-->
+    <!--          <div style="position: absolute;top:160px;left:500px">治疗费</div>-->
+    <!--          <div style="position: absolute;top:160px;left:580px">{{ list.bedCostTotal }}</div>-->
+    <!--          <div style="position: absolute;top:160px;left:500px">麻醉费</div>-->
+    <!--          <div style="position: absolute;top:160px;left:580px">{{ list.bedCostTotal }}</div>-->
     <!--    </div>-->
     <!--    <div style="display:flex;justify-content: space-between;">-->
     <!--      <div style="position: absolute;top:190px;left:40px">中成药</div>-->
     <!--      <div style="position: absolute;top:160px;left:580px">{{ list.bedCostTotal }}</div>-->
     <!--    </div>-->
 
-
     <table class="allListTable" border="1">
       <tr>
-        <td style="width:10%">费用类别</td>
-        <td style="width:35%">项目名称</td>
-        <td style="width:5%">单位</td>
-        <td style="width:10%">数量</td>
-        <td style="width:10%">单价</td>
-        <td style="width:10%">金额</td>
-        <td style="width:10%">医保类型</td>
-
+        <td style="width: 10%">费用类别</td>
+        <td style="width: 35%">项目名称</td>
+        <td style="width: 5%">单位</td>
+        <td style="width: 10%">数量</td>
+        <td style="width: 10%">单价</td>
+        <td style="width: 10%">金额</td>
+        <td style="width: 10%">医保类型</td>
       </tr>
-      <template v-for='(item,index) in list'>
+      <template v-for="(item, index) in list">
         <tr v-if="item.is_total == 2">
-          <td style="width:10%">{{ item.med_chrgitm_type }}</td>
-          <td style="width:35%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name }}{{ item.spec }}</td>
-          <td style="width:5%">{{ item.unit }}</td>
-          <td style="width:10%;text-align:right;">{{ item.count }}</td>
-          <td style="width:10%;text-align:right;">{{ item.price.toFixed(4) }}</td>
-          <td style="width:10%;text-align:right;">{{ (item.price * item.count).toFixed(2) }}</td>
-          <td style="width:10%">{{ item.medicine_insurance_kind }}</td>
-
+          <td style="width: 10%">{{ item.med_chrgitm_type }}</td>
+          <td
+            style="
+              width: 35%;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            "
+          >
+            {{ item.name }}{{ item.spec }}
+          </td>
+          <td style="width: 5%">{{ item.unit }}</td>
+          <td style="width: 10%; text-align: right">{{ item.count }}</td>
+          <td style="width: 10%; text-align: right">
+            {{ item.price.toFixed(4) }}
+          </td>
+          <td style="width: 10%; text-align: right">
+            {{ (item.price * item.count).toFixed(2) }}
+          </td>
+          <td style="width: 10%">{{ item.medicine_insurance_kind }}</td>
         </tr>
         <tr v-if="item.is_total == 1">
-          <td style="width:10%"></td>
-          <td style="width:35%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">合计</td>
-          <td style="width:5%"></td>
-          <td style="width:10%;text-align:right;"></td>
-          <td style="width:10%;text-align:right;"></td>
-          <td style="width:10%;text-align:right;">{{ item.total }}</td>
-          <td style="width:10%"></td>
-
+          <td style="width: 10%"></td>
+          <td
+            style="
+              width: 35%;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            "
+          >
+            合计
+          </td>
+          <td style="width: 5%"></td>
+          <td style="width: 10%; text-align: right"></td>
+          <td style="width: 10%; text-align: right"></td>
+          <td style="width: 10%; text-align: right">{{ item.total }}</td>
+          <td style="width: 10%"></td>
         </tr>
       </template>
     </table>
-
   </div>
 </template>
 
 <script>
-import { uParseTime } from '@/utils/tools'
+import { uParseTime } from "@/utils/tools";
 
 export default {
   props: {
     list: {
       type: Array,
-      default: function() {
-        return []
-      }
-    }, patient: {
+      default: function () {
+        return [];
+      },
+    },
+    patient: {
       type: Object,
-      default: function() {
-        return {}
-      }
-    }, order: {
+      default: function () {
+        return {};
+      },
+    },
+    order: {
       type: Object,
-      default: function() {
-        return {}
-      }
-    }, admin: {
+      default: function () {
+        return {};
+      },
+    },
+    admin: {
       type: Object,
-      default: function() {
-        return {}
-      }
-    }, hospital: {
+      default: function () {
+        return {};
+      },
+    },
+    hospital: {
       type: Object,
-      default: function() {
-        return {}
-      }
-
-    }
+      default: function () {
+        return {};
+      },
+    },
   },
   data() {
     return {
       page: 1,
-      pageArr: []
-    }
+      pageArr: [],
+    };
   },
   methods: {
-    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
+    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;
     },
     getTimes(time) {
-      return uParseTime(time, '{y}-{m}-{d}')
-    }, getTotal: function(items) {
-      let total = 0
+      return uParseTime(time, "{y}-{m}-{d}");
+    },
+    getTotal: function (items) {
+      let total = 0;
       for (let i = 0; i < items.length; i++) {
-        total = total + (items[i].count * items[i].price).toFixed(2)
+        total = total + (items[i].count * items[i].price).toFixed(2);
       }
-      return total
-
-    }
-
+      return total;
+    },
   },
   watch: {
     list: {
       handler(newVal) {
-        this.getPage()
+        this.getPage();
       },
-      deep: true
-    }
-  }
-}
-
-
+      deep: true,
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .allList-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;
+  -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;
   margin: 10px 0;
 }
 
+.allListInfo div{
+  min-width: 200px;
+}
+
 .allListTable {
   width: 100%;
   text-align: center;

src/xt_pages/outpatientCharges/listTemplate/listPrintTwo.vue

 <template>
   <div id="allList-print" class="allList-print">
-      <div class="allListTitle">{{ $store.getters.xt_user.org.org_name }}费用清单</div>
-      <div class="allListInfo">
-        <div style="text-align:left;">患者姓名：{{ patient.name }}</div>
-        <div style="text-align:left;padding-left: -20px">性别：{{ patient.gender == 1 ? '男' : '女' }}</div>
-        <div style="text-align:left;">结算类型：{{order.is_medicine_insurance == 1 ?'医保':'自费'}}</div>
-<!--        <div>发票号码：</div>-->
+    <div class="allListTitle">
+      {{ $store.getters.xt_user.org.org_name }}费用清单
+    </div>
+    <div class="allListInfo">
+      <div style="text-align: left">患者姓名：{{ patient.name }}</div>
+      <div style="text-align: left; padding-left: -20px">
+        性别：{{ patient.gender == 1 ? "男" : "女" }}
+      </div>
+      <div style="text-align: left">
+        结算类型：{{ order.is_medicine_insurance == 1 ? "医保" : "自费" }}
       </div>
+      <!--        <div>发票号码：</div>-->
+    </div>
 
     <div class="allListInfo">
-        <div style="text-align:left;">住院/门诊号：{{order.mdtrt_id}}</div>
-        <div style="text-align:left;">科室：血透</div>
-        <div style="text-align:left;">就诊流水号：{{order.mdtrt_id}}</div>
+      <div style="text-align: left">住院/门诊号：{{ order.mdtrt_id }}</div>
+      <div style="text-align: left">科室：血透</div>
+      <div style="text-align: left">就诊流水号：{{ order.mdtrt_id }}</div>
     </div>
 
-      <div class="allListInfo">
-        <div style="text-align:left;">总费用：{{order.medfee_sumamt}}</div>
-        <div style="text-align:left;">个人支付：{{order.psn_part_amt}}</div>
-        <div style="text-align:left;">基金支付记账：{{order.fund_pay_sumamt}}</div>
-        <div style="text-align:left;">补充医疗支付记账：0.00</div>
-        <div style="text-align:left;">救助支付金额：{{order.maf_pay}}</div>
+    <div class="allListInfo">
+      <div style="text-align: left">总费用：{{ order.medfee_sumamt }}</div>
+      <div style="text-align: left">个人支付：{{ order.psn_part_amt }}</div>
+      <div style="text-align: left">
+        基金支付记账：{{ order.fund_pay_sumamt }}
       </div>
-      <table class="allListTable" border="1">
-        <tr>
-          <td style="width:5%">序号</td>
-          <td style="width:15%">处方日期</td>
-          <td style="width:10%">费用编号</td>
-          <td style="width:40%">费用名称</td>
-          <td style="width:5%">单位</td>
-          <td style="width:5%">数量</td>
-          <td style="width:10%">单价</td>
-          <td style="width:10%">金额</td>
-        </tr>
-        <template v-for='(item,index) in list'>
-          <tr v-if="item.is_total == 0">
-            <td style="width:5%">{{index + 1}}</td>
-            <td style="width:15%">{{item.p_time}}</td>
-            <td style="width:10%">{{item.feedetl_sn.split("-")[2]}}</td>
-            <td style="width:30%;white-space: nowrap;overflow: hidden;">{{item.name}}{{item.spec}}</td>
-            <td style="width:5%">{{item.unit}}</td>
-            <td style="width:5%;text-align:right;">{{ item.count }}</td>
-            <td style="width:10%;text-align:right;">{{ item.price }}</td>
-            <td style="width:10%;text-align:right;">{{ (item.price * item.count).toFixed(2) }}</td>
-          </tr>
-          <tr v-if="item.is_total == 1">
-            <td style="width:5%"></td>
-            <td style="width:15%"></td>
-            <td style="width:10%"></td>
-            <td style="width:30%;white-space: nowrap;overflow: hidden;">{{item.name}}</td>
-            <td style="width:5%"></td>
-            <td style="width:5%"></td>
-            <td style="width:10%;text-align:right;"></td>
-            <td style="width:10%;text-align:right;">{{ item.price}}</td>
-          </tr>
-        </template>
-      </table>
+    </div>
 
+    <div class="allListInfo">
+      <div style="text-align: left">补充医疗支付记账：0.00</div>
+      <div style="text-align: left">救助支付金额：{{ order.maf_pay }}</div>
+      <div></div>
     </div>
+    <table class="allListTable" border="1">
+      <tr>
+        <td style="width: 5%">序号</td>
+        <td style="width: 15%">处方日期</td>
+        <td style="width: 10%">费用编号</td>
+        <td style="width: 40%">费用名称</td>
+        <td style="width: 5%">单位</td>
+        <td style="width: 5%">数量</td>
+        <td style="width: 10%">单价</td>
+        <td style="width: 10%">金额</td>
+      </tr>
+      <template v-for="(item, index) in list">
+        <tr v-if="item.is_total == 0">
+          <td style="width: 5%">{{ index + 1 }}</td>
+          <td style="width: 15%">{{ item.p_time }}</td>
+          <td style="width: 10%">{{ item.feedetl_sn.split("-")[2] }}</td>
+          <td style="width: 30%; white-space: nowrap; overflow: hidden">
+            {{ item.name }}{{ item.spec }}
+          </td>
+          <td style="width: 5%">{{ item.unit }}</td>
+          <td style="width: 5%; text-align: right">{{ item.count }}</td>
+          <td style="width: 10%; text-align: right">{{ item.price }}</td>
+          <td style="width: 10%; text-align: right">
+            {{ (item.price * item.count).toFixed(2) }}
+          </td>
+        </tr>
+        <tr v-if="item.is_total == 1">
+          <td style="width: 5%"></td>
+          <td style="width: 15%"></td>
+          <td style="width: 10%"></td>
+          <td style="width: 30%; white-space: nowrap; overflow: hidden">
+            {{ item.name }}
+          </td>
+          <td style="width: 5%"></td>
+          <td style="width: 5%"></td>
+          <td style="width: 10%; text-align: right"></td>
+          <td style="width: 10%; text-align: right">{{ item.price }}</td>
+        </tr>
+      </template>
+    </table>
+  </div>
 </template>
 
 <script>
-import { uParseTime } from '@/utils/tools'
+import { uParseTime } from "@/utils/tools";
 
 export default {
   props: {
     list: {
       type: Array,
-      default: function() {
-        return []
-      }
-    }, patient: {
+      default: function () {
+        return [];
+      },
+    },
+    patient: {
       type: Object,
-      default: function() {
-        return {}
-      }
-    }, order: {
+      default: function () {
+        return {};
+      },
+    },
+    order: {
       type: Object,
-      default: function() {
-        return {}
-      }
-    }, admin: {
+      default: function () {
+        return {};
+      },
+    },
+    admin: {
       type: Object,
-      default: function() {
-        return {}
-      }
-    }, hospital: {
+      default: function () {
+        return {};
+      },
+    },
+    hospital: {
       type: Object,
-      default: function() {
-        return {}
-      }
-
-    }
+      default: function () {
+        return {};
+      },
+    },
   },
   data() {
     return {
       page: 1,
-      pageArr: []
-    }
+      pageArr: [],
+    };
   },
   methods: {
-    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
+    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;
     },
     getTimes(time) {
-      return uParseTime(time, '{y}-{m}-{d}')
-    }, getTotal: function(items) {
-      let total = 0
+      return uParseTime(time, "{y}-{m}-{d}");
+    },
+    getTotal: function (items) {
+      let total = 0;
       for (let i = 0; i < items.length; i++) {
-        total = total + (items[i].count * items[i].price).toFixed(2)
+        total = total + (items[i].count * items[i].price).toFixed(2);
       }
-      return total
-
+      return total;
     },
-
-
   },
   watch: {
     list: {
       handler(newVal) {
         // this.getPage()
       },
-      deep: true
-    }
-  }
-}
-
-
+      deep: true,
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .allList-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;
+  -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;
   margin: 10px 0;
 }
 
+.allListInfo div {
+  min-width: 200px;
+}
+
 .allListTable {
   width: 100%;
   text-align: center;