Vue_New/src/xt_pages/data/printTemplate.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container app-print" style="text-align: center">
      <el-tabs v-model="activeName">
        <el-tab-pane label="电子病历模板" name="1">
          <record-print></record-print>
        </el-tab-pane>
        <el-tab-pane label="电子处方模板" name="2">
          <prescription-print></prescription-print>
        </el-tab-pane>
        <el-tab-pane label="处方治疗单模板" name="3">
          <treat-print></treat-print>
        </el-tab-pane>
         <el-tab-pane label="门诊收费明细模板" name="5">
          <charge-print></charge-print>
        </el-tab-pane>
        <el-tab-pane label="透析记录单模板" name="4">
          <dialysis-print></dialysis-print>
        </el-tab-pane>
        <el-tab-pane label="排班打印模板" name="6">
          <schedule-print></schedule-print>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import recordPrint from './printTemplate/recordPrint'
import prescriptionPrint from './printTemplate/prescriptionPrint'
import treatPrint from './printTemplate/treatPrint'
import dialysisPrint from './printTemplate/dialysisPrint'
import chargePrint from './printTemplate/chargePrint'
import schedulePrint from './printTemplate/schedulePrint'
export default {
  name: "printTemplate",
  components: { BreadCrumb,recordPrint,prescriptionPrint,treatPrint,dialysisPrint,chargePrint,schedulePrint },
  data() {
    return {
      showViewer:false,
      crumbs: [
        { path: false, name: "管理中心" },
        { path: "data/print", name: "模版" }
      ],
      activeName: '1'
    };
  },
  methods: {
    
  },
  created() {
    
  }
};
</script>