1

src/xt_pages/dialysis/template/DialysisPrintOrderTwentyFour.vue

@@ -1049,7 +1049,7 @@
                     <td width='40'>其他</td>
                     <td width='160'>
                       <div class="under-line">
-                        &nbsp;{{ afterdialysis.complication ? getComplication(afterdialysis.complication) : '' }}
+                        &nbsp;{{ afterdialysis.other_complication ? afterdialysis.other_complication : '' }}
                       </div>
                     </td>
                     <td></td>

src/xt_pages/outpatientCharges/allListPrint.vue

@@ -0,0 +1,242 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+      >打印</el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne :info="info"></printOne>
+    </div>
+  </div>
+</template>
+
+<script>
+  import print from "print-js";
+  import printOne from "./allListTemplate/printOne"
+  export default {
+    name: "allListPrint",
+    components: {
+      printOne
+    },
+    props:{
+      paramsObj:Object
+    },
+    data() {
+      return {
+      };
+    },
+
+    created() {
+    },
+    methods:{
+        printThisPage() {
+
+            const style =
+            '@media print {.allListTitle{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}.allListInfo{display: flex;font-size: 16px;justify-content: space-between;margin: 10px 0;} .allListTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 16px;border-color: #000;text-align:left;}.allListTable tr td {padding: 0 5px;}.tableBottom{font-size: 16px;display: flex;margin-top: 20px;}.tableBottomOne{margin-right: 40px;}}';
+            printJS({
+            printable: "allList-print",
+            type: "html",
+            style: style,
+            scanStyles: false
+            });
+
+            // if (this.org_template_info.template_id == 1) {
+            //   printJS({
+            //     printable: "dialysis-print-box",
+            //     type: "html",
+            //     style: style,
+            //     scanStyles: false
+            //   });
+            // }
+        },
+    }
+
+  };
+</script>
+
+<style>
+  .dialysis-print-order {
+    width: 960px;
+    margin: 0 auto;
+  }
+
+  .dialysis-print-order .order-yy-name {
+    margin: auto;
+    text-align: center;
+    font-size: 20px;
+    letter-spacing: 5px;
+  }
+
+  .dialysis-print-order .order-title {
+    margin: auto;
+    font-weight: 600;
+    text-align: center;
+    font-size: 22px;
+    padding: 10px;
+  }
+
+  .dialysis-print-order .table-box {
+    width: 100%;
+    line-height: 23px;
+    font-size: 14px;
+  }
+
+  .dialysis-print-order .print-table {
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 14px;
+    border-color: #000;
+  }
+
+  .dialysis-print-order .print-table-no {
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    font-size: 14px;
+  }
+
+  .dialysis-print-order .under-line {
+    border-bottom: 1px solid #999;
+    width: 95%;
+    text-align: center;
+    margin-left: 2px;
+  }
+
+  .dialysis-print-order .title-box {
+    text-align: center;
+    font-size: 16px;
+  }
+
+  .dialysis-print-order .radio-lebel-box {
+    font-weight: 400;
+    cursor: pointer;
+  }
+
+  .dialysis-print-order .radio-no {
+    opacity: 0;
+    outline: none;
+    position: absolute;
+    margin: 0;
+    width: 0;
+    height: 0;
+    z-index: -1;
+  }
+
+  .dialysis-print-order .radio-inner {
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none;
+    display: inline-block;
+    line-height: 1;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .dialysis-print-order .radio-fang {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #000;
+    box-sizing: border-box;
+    width: 14px;
+    height: 14px;
+    background-color: #fff;
+    z-index: 1;
+    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
+  }
+
+  .dialysis-print-order .is-checked-radio::after {
+    content: "√";
+    font-size: 15px;
+  }
+
+  .dialysis-print-order .print-table-no tr td {
+    padding: 8px 5px;
+    line-height: 25px;
+  }
+
+  .dialysis-print-order .print-table tr td {
+    padding: 1px 1px;
+    /*line-height: 25px;*/
+  }
+
+  .es-img {
+    height: 30px;
+  }
+
+  .advice-name {
+    text-align: left;
+  }
+
+  .advice-children {
+    display: flex;
+  }
+
+  .title-box-pro {
+    border: 0 #fff;
+    line-height: 25px;
+    height: 25px;
+    text-align: left;
+    padding-left: 10px !important;
+  }
+  .title-box-pro-tr {
+    border: 0 #fff;
+  }
+  .text-align-left {
+    text-align: left !important;
+    padding-left: 10px !important;
+    font-size: 14px !important;
+    line-height: 25px;
+  }
+  .print-table-tr-new td {
+    line-height: 20px !important;
+  }
+  .border-top-solid {
+    border: solid 1px #000;
+  }
+  .print-template-two tr {
+    line-height: 30px;
+  }
+
+  .table-box1 {
+    border: 1px solid #000;
+    width: 100%;
+    line-height: 30px;
+    font-size: 14px;
+    border-collapse: collapse;
+  }
+  .table-box1 tr {
+    border-bottom: 1px solid #000;
+  }
+</style>
+
+<style lang="scss">
+
+  .newContainer{
+  .dialysisPage::-webkit-scrollbar {
+    height: 15px;
+  }
+
+  .el-date-editor{
+  .el-input__inner{
+    padding-right:0px;
+  }
+  }
+  .el-table td, .el-table th{
+    text-align: center;
+  }
+  }
+  .newContainer::-webkit-scrollbar{
+    height: 15px !important;
+  }
+</style>

src/xt_pages/outpatientCharges/allListTemplate/printOne.vue

@@ -0,0 +1,83 @@
+<template>
+    <div id="allList-print" class="allList-print">
+        <div class="allListTitle">翁源沅胜透析中心费用汇总</div>
+        <div class="allListInfo">
+            <div>患者姓名：邓红平</div>
+            <div>透析号：21000022</div>
+            <div>性别：女</div>
+            <div>年龄：45  岁</div>
+            <div>日期：2020-11-22 至 2020-11-22</div>
+        </div>
+        <table class="allListTable" border="1">
+            <tr>
+                <td style="width:10%">类别</td>
+                <td style="width:50%">项目名称</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='i in 2'>
+                <tr v-for="item in 8">
+                    <td style="width:10%">化验费</td>
+                    <td style="width:50%">血清葡萄糖测定（化学法或酶法）</td>
+                    <td style="width:10%">1</td>
+                    <td style="width:10%">23.00</td>
+                    <td style="width:10%">1次</td>
+                    <td style="width:10%">23.00</td>
+                </tr>
+                <tr>
+                    <td colspan="6" style="text-align:right;">合计：212.22元</td>
+                </tr>
+            </template>
+        </table>
+        <div class="tableBottom">
+            <div class="tableBottomOne">制表人：指标人</div>
+            <div class="tableBottomOne">制表日期：2020-12-12 12:12:12</div>
+            <div class="tableBottomOne">总费用：12323.90元</div>
+        </div>
+    </div>
+</template>
+
+
+<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;
+    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;
+}
+.allListTitle{
+    font-size: 28px;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+.allListInfo{
+    display: flex;
+    font-size: 16px;
+    justify-content: space-between;
+    margin: 10px 0;
+}
+.allListTable{
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 16px;
+    border-color: #000;
+    text-align: left;
+}
+.allListTable tr td {
+    padding: 0 5px;
+}
+.tableBottom{
+    font-size: 16px;
+    display: flex;
+    margin-top: 20px;
+}
+.tableBottomOne{
+    margin-right: 40px;
+}
+</style>

src/xt_pages/outpatientCharges/listPrint.vue

@@ -0,0 +1,242 @@
+<template>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+      >打印</el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;">
+      <printOne :info="info"></printOne>
+    </div>
+  </div>
+</template>
+
+<script>
+  import print from "print-js";
+  import printOne from "./listTemplate/printOne"
+  export default {
+    name: "listPrint",
+    components: {
+      printOne
+    },
+    props:{
+      paramsObj:Object
+    },
+    data() {
+      return {
+      };
+    },
+
+    created() {
+    },
+    methods:{
+        printThisPage() {
+
+            const style =
+            '@media print {.listTitle{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}.listInfo{display: flex;font-size: 16px;justify-content: space-between;margin: 10px 0;} .listTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 16px;border-color: #000;text-align:left;}.listTable tr td {padding: 0 5px;}.tableBottom{font-size: 16px;display: flex;margin-top: 20px;}.tableBottomOne{margin-right: 40px;}}';
+            printJS({
+            printable: "list-print",
+            type: "html",
+            style: style,
+            scanStyles: false
+            });
+
+            // if (this.org_template_info.template_id == 1) {
+            //   printJS({
+            //     printable: "dialysis-print-box",
+            //     type: "html",
+            //     style: style,
+            //     scanStyles: false
+            //   });
+            // }
+        },
+    }
+
+  };
+</script>
+
+<style>
+  .dialysis-print-order {
+    width: 960px;
+    margin: 0 auto;
+  }
+
+  .dialysis-print-order .order-yy-name {
+    margin: auto;
+    text-align: center;
+    font-size: 20px;
+    letter-spacing: 5px;
+  }
+
+  .dialysis-print-order .order-title {
+    margin: auto;
+    font-weight: 600;
+    text-align: center;
+    font-size: 22px;
+    padding: 10px;
+  }
+
+  .dialysis-print-order .table-box {
+    width: 100%;
+    line-height: 23px;
+    font-size: 14px;
+  }
+
+  .dialysis-print-order .print-table {
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 14px;
+    border-color: #000;
+  }
+
+  .dialysis-print-order .print-table-no {
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    font-size: 14px;
+  }
+
+  .dialysis-print-order .under-line {
+    border-bottom: 1px solid #999;
+    width: 95%;
+    text-align: center;
+    margin-left: 2px;
+  }
+
+  .dialysis-print-order .title-box {
+    text-align: center;
+    font-size: 16px;
+  }
+
+  .dialysis-print-order .radio-lebel-box {
+    font-weight: 400;
+    cursor: pointer;
+  }
+
+  .dialysis-print-order .radio-no {
+    opacity: 0;
+    outline: none;
+    position: absolute;
+    margin: 0;
+    width: 0;
+    height: 0;
+    z-index: -1;
+  }
+
+  .dialysis-print-order .radio-inner {
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none;
+    display: inline-block;
+    line-height: 1;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .dialysis-print-order .radio-fang {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #000;
+    box-sizing: border-box;
+    width: 14px;
+    height: 14px;
+    background-color: #fff;
+    z-index: 1;
+    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
+  }
+
+  .dialysis-print-order .is-checked-radio::after {
+    content: "√";
+    font-size: 15px;
+  }
+
+  .dialysis-print-order .print-table-no tr td {
+    padding: 8px 5px;
+    line-height: 25px;
+  }
+
+  .dialysis-print-order .print-table tr td {
+    padding: 1px 1px;
+    /*line-height: 25px;*/
+  }
+
+  .es-img {
+    height: 30px;
+  }
+
+  .advice-name {
+    text-align: left;
+  }
+
+  .advice-children {
+    display: flex;
+  }
+
+  .title-box-pro {
+    border: 0 #fff;
+    line-height: 25px;
+    height: 25px;
+    text-align: left;
+    padding-left: 10px !important;
+  }
+  .title-box-pro-tr {
+    border: 0 #fff;
+  }
+  .text-align-left {
+    text-align: left !important;
+    padding-left: 10px !important;
+    font-size: 14px !important;
+    line-height: 25px;
+  }
+  .print-table-tr-new td {
+    line-height: 20px !important;
+  }
+  .border-top-solid {
+    border: solid 1px #000;
+  }
+  .print-template-two tr {
+    line-height: 30px;
+  }
+
+  .table-box1 {
+    border: 1px solid #000;
+    width: 100%;
+    line-height: 30px;
+    font-size: 14px;
+    border-collapse: collapse;
+  }
+  .table-box1 tr {
+    border-bottom: 1px solid #000;
+  }
+</style>
+
+<style lang="scss">
+
+  .newContainer{
+  .dialysisPage::-webkit-scrollbar {
+    height: 15px;
+  }
+
+  .el-date-editor{
+  .el-input__inner{
+    padding-right:0px;
+  }
+  }
+  .el-table td, .el-table th{
+    text-align: center;
+  }
+  }
+  .newContainer::-webkit-scrollbar{
+    height: 15px !important;
+  }
+</style>

src/xt_pages/outpatientCharges/listTemplate/printOne.vue

@@ -0,0 +1,80 @@
+<template>
+    <div id="list-print" class="list-print">
+        <div class="listTitle">翁源沅胜透析中心费用清单</div>
+        <div class="listInfo">
+            <div>患者姓名：邓红平</div>
+            <div>透析号：21000022</div>
+            <div>性别：女</div>
+            <div>年龄：45  岁</div>
+            <div>日期：2020-11-22 至 2020-11-22</div>
+        </div>
+        <table class="listTable" border="1">
+            <tr>
+                <td style="width:19%">开方日期</td>
+                <td style="width:10%">类别</td>
+                <td style="width:35%">项目名称</td>
+                <td style="width:10%">规格</td>
+                <td style="width:10%">单价(元)</td>
+                <td style="width:6%">数量</td>
+                <td style="width:10%">金额(元)</td>
+            </tr>
+            <tr v-for="item in 8">
+                <td style="width:19%">2020-12-12 13:11</td>
+                <td style="width:10%">化验费</td>
+                <td style="width:35%">血清葡萄糖测定（化学法或酶法）</td>
+                <td style="width:10%">1</td>
+                <td style="width:10%">23.00</td>
+                <td style="width:6%">1次</td>
+                <td style="width:10%">23.00</td>
+            </tr>
+        </table>
+        <div class="tableBottom">
+            <div class="tableBottomOne">制表人：指标人</div>
+            <div class="tableBottomOne">制表日期：2020-12-12 12:12:12</div>
+            <div class="tableBottomOne">总费用：12323.90元</div>
+        </div>
+    </div>
+</template>
+
+
+<style lang="scss" scoped>
+.list-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;
+}
+.listTitle{
+    font-size: 28px;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+.listInfo{
+    display: flex;
+    font-size: 16px;
+    justify-content: space-between;
+    margin: 10px 0;
+}
+.listTable{
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+    line-height: 40px;
+    font-size: 16px;
+    border-color: #000;
+    text-align: left;
+}
+.listTable tr td {
+    padding: 0 5px;
+}
+.tableBottom{
+    font-size: 16px;
+    display: flex;
+    margin-top: 20px;
+}
+.tableBottomOne{
+    margin-right: 40px;
+}
+</style>

src/xt_pages/outpatientCharges/summary.vue

@@ -39,7 +39,18 @@
           <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
           <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
         </div>
-        <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
+        <div>
+          <!-- <el-popover
+            placement="bottom"
+            width="210"
+            trigger="click">
+            <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
+            <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
+            <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
+
+          </el-popover> -->
+          <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
+        </div>
       </div>
       <el-table :data="tableData" border style="width: 100%;" :row-style="{ color: '#303133' }"
                 :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
@@ -111,6 +122,20 @@
       <!--<statementPrint ref="print" :paramsObj='orderObj'></statementPrint>-->
     <new-statement-print ref="print" :paramsObj='orderObj'></new-statement-print>
     </el-dialog>
+    <el-dialog
+      class="centerDialog"
+      width="900px"
+      title="打印"
+      :visible.sync="listVisible">
+      <listPrint :paramsObj='paramsObj'></listPrint>
+    </el-dialog>
+    <el-dialog
+      class="centerDialog"
+      width="900px"
+      title="打印"
+      :visible.sync="allListVisible">
+      <allListPrint :paramsObj='paramsObj'></allListPrint>
+    </el-dialog>
 
 
   </div>
@@ -123,12 +148,16 @@
   import { uParseTime } from '@/utils/tools'
   import statementPrint from './statementPrint'
   import NewStatementPrint from './newStatementPrint'
+  import listPrint from './listPrint'
+  import allListPrint from './allListPrint'
 
 
   export default {
     components: {
       NewStatementPrint,
-      BreadCrumb
+      BreadCrumb,
+      listPrint,
+      allListPrint
     },
     data() {
       return {
@@ -147,6 +176,8 @@
         total:"",
         doctors:[],
         admin_user_id:"",
+        listVisible:false,
+        allListVisible:false
 
       }
     },
@@ -331,8 +362,13 @@
             this.doctors = response.data.data.doctors
           }
         })
-
-
+      },
+      open(index){
+        if(index == 1){
+          this.listVisible = true
+        }else if(index == 2){
+          this.allListVisible = true
+        }
       }
     }, created() {
      this.getDoctorList()