29 lines
720 B
Vue
29 lines
720 B
Vue
|
<script setup lang="ts">
|
|||
|
|
import { ref } from "vue";
|
|||
|
|
import { useColumns } from "./columns";
|
|||
|
|
|
|||
|
|
const printRef = ref();
|
|||
|
|
const { columns, dataList, print, cellStyle, rowStyle, headerCellStyle } =
|
|||
|
|
useColumns(printRef);
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<el-button type="primary" class="mb-[20px] float-right" @click="print">
|
|||
|
|
打印
|
|||
|
|
</el-button>
|
|||
|
|
<!-- rowHoverBgColor="transparent" 鼠标经过行时，去掉行的背景色 -->
|
|||
|
|
<pure-table
|
|||
|
|
ref="printRef"
|
|||
|
|
rowHoverBgColor="transparent"
|
|||
|
|
row-key="id"
|
|||
|
|
border
|
|||
|
|
:data="dataList"
|
|||
|
|
:columns="columns"
|
|||
|
|
:row-style="rowStyle"
|
|||
|
|
:cell-style="cellStyle"
|
|||
|
|
:header-cell-style="headerCellStyle"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</template>
|