3月5

src/xt_pages/outpatientCharges/summary.vue

           <!--          </el-button-->
           <!--          >-->
 
-                     <el-button size="small" type="primary" @click="export_detail_three">报表下载12</el-button>
+          <el-button size="small" type="primary" @click="export_detail_three">报表下载12</el-button>
+          <el-button size="small" type="primary" @click="accounts_click = !accounts_click">门诊结账</el-button>
           <!-- <el-button size="small" type="primary" @click="export_detail_four">报表下载3</el-button>-->
           <!-- <el-button size="small" type="primary" @click="export_detail_five">报表下载3</el-button>-->
           <!--           <el-button size="small" type="primary" @click="export_detail_six">诊疗下载</el-button>-->
               type="primary"
               @click="invoicePrint(scope.row)"
             >打印发票
-            </el-button
-            >
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
         :paramsObj="settlementObj"
       ></settlement-print>
     </el-dialog>
+    <!-- 门诊结账 -->
+    <el-dialog
+      class="centerDialog"
+      width="70%"
+      title="打印"
+      :visible.sync="accounts_click"
+    > 
+      <div>
+        <div id="accounts_print">
+          <div style="text-align: center;font-size: 18px;margin-bottom:20px ;">门诊结账</div>
+          <div style="margin: auto;">
+            <div style="margin-bottom: 20px;">
+              <table class="table" border="1" style="border-collapse: collapse;text-align: center;width: 100%;">
+                <tr>
+                  <td>起始日期:</td>
+                  <td></td>
+                  <td>终止日期:</td>
+                  <td></td>
+                  <td>缴款日期:</td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>起始单号:</td>
+                  <td></td>
+                  <td>终止单号:</td>
+                  <td></td>
+                  <td>缴款人员:</td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>收费张数:</td>
+                  <td></td>
+                  <td>作废张数:</td>
+                  <td></td>
+                  <td>退费张数:</td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>收费金额:</td>
+                  <td></td>
+                  <td>作废金额:</td>
+                  <td></td>
+                  <td>退费金额:</td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td>合计张数:</td>
+                  <td></td>
+                  <td>合计金额:</td>
+                  <td colspan="3"></td>
+                </tr>
+              </table>
+            </div>
+            <div style="margin-bottom: 20px;">
+              <table class="table" border="1" style="border-collapse: collapse;text-align: center;width: 50%;">
+                <tr>
+                  <td>医保</td>
+                  <td>微信</td>
+                  <td>现金</td>
+                  <td>门诊预测</td>
+                  <td>合计</td>
+                </tr>
+                <tr>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                </tr>
+              </table>
+            </div>
+            <div>
+              <table class="table" border="1" style="border-collapse: collapse;text-align: center;width: 100%;">
+                <tr>
+                  <td>单号</td>
+                  <td>卡号</td>
+                  <td>姓名</td>
+                  <td>年龄</td>
+                  <td>性别</td>
+                  <td>收费金额</td>
+                  <td>收费时间</td>
+                  <td>类型</td>
+                </tr>
+                <tr>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                </tr>
+              </table>
+            </div>
+          </div>
 
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="accounts_click = false">取 消</el-button>
+        <el-button type="primary" @click="accounts_sum">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
       paramsObj: {},
       invoiceParams: {},
       settlementVisible: false,
-      settlementObj: {}
+      settlementObj: {},
+      accounts_click:false,
     }
   },
 
   },
 
   methods: {
+    // 门诊结账
+    accounts_sum(){
+      const style = '@media print {#accounts_print{font-size:15px} .table tr td{padding:5px 0;}}'
+      printJS({
+        printable: "accounts_print",
+        type: "html",
+        style: style,
+        scanStyles: false
+      });
+
+    },
     handleSelectionChange(val) {
       this.selecting_schs = val
     },
   }
 }
 </script>
+<style lang="scss">
+  .table{
+    tr td{
+      padding:5px 0;
+    }
+  }
+</style>