版本更新

openhis-ui-vue3/src/components/Auto/printBills/sheetGroup.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <div ref="print">
+      <div v-for="item in printData" :key="item.id">
+        <div class="myccs2">
+          <orderSheet v-if="!item.type" :ref="item.id" :print-data="item" />
+          <exeOrderSheet v-if="item.type" :ref="item.id" :print-data="item" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Print from 'vue-print-nb'
+import orderSheet from './orderSheet'
+import exeOrderSheet from './exeOrderSheet'
+export default {
+  name: 'VuePrintNb',
+  components: { orderSheet, exeOrderSheet },
+  props: {
+    printData: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  Print,
+  data() {
+    return {
+    }
+  },
+  methods: {
+    // 打印
+    fprint(preview, printer) {
+      console.log(this.printData, 'printData')
+      this.$nextTick(() => {
+        if (preview) {
+          this.$print(this.$refs.print)
+        } else {
+          this.printData.forEach(data => {
+            this['$refs'][data.id][0].printTest()
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="less">
+  .myccs{
+    background-color: forestgreen;
+    height: 100px;
+    width: 200px;
+    padding: 1px;
+    border: 1px solid red;
+    color: #0EB396;
+  }
+  @page{
+    size: auto;
+    margin: 20px;
+  }
+  @media print {
+    .myccs2{
+      page-break-before: always;
+    }
+  }
+</style>
+