theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(table): table 组件支持打印

Browse Source
This commit is contained in:
就眠仪式 2021-10-14 00:49:27 +08:00
parent c559a2d74a
commit 99d723c309
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/module/table/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div id="lay-table">
<table id="test" class="layui-hide" lay-filter="test" /> <table class="layui-hide" lay-filter="test" />
<div <div
class="layui-form layui-border-box layui-table-view layui-table-view-1" class="layui-form layui-border-box layui-table-view layui-table-view-1"
> >
@ -14,10 +14,7 @@
<div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS"> <div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS">
<i class="layui-icon layui-icon-cols" /> <i class="layui-icon layui-icon-cols" />
</div> </div>
<div class="layui-inline" title="导出" lay-event="LAYTABLE_EXPORT"> <div class="layui-inline" title="打印" lay-event="LAYTABLE_PRINT" @click="print()">
<i class="layui-icon layui-icon-export" />
</div>
<div class="layui-inline" title="打印" lay-event="LAYTABLE_PRINT">
<i class="layui-icon layui-icon-print" /> <i class="layui-icon layui-icon-print" />
</div> </div>
</div> </div>
@ -166,7 +163,7 @@ const changeAll = function ({ checked, value }: any) {
tableSelectedKeys.value.push(id) tableSelectedKeys.value.push(id)
}) })
} }
emit('update:selectedKeys',tableSelectedKeys.value) emit('update:selectedKeys', tableSelectedKeys.value)
} }
watch( watch(
@ -177,7 +174,7 @@ watch(
} else { } else {
allChecked.value = false allChecked.value = false
} }
emit('update:selectedKeys',tableSelectedKeys.value) emit('update:selectedKeys', tableSelectedKeys.value)
}, },
{ deep: true } { deep: true }
) )
@ -185,4 +182,15 @@ watch(
const change = function (page: any) { const change = function (page: any) {
emit('change', page) emit('change', page)
} }
/// 表格打印
const print = function () {
let subOutputRankPrint = document.getElementById('lay-table') as HTMLElement
let newContent = subOutputRankPrint.innerHTML
let oldContent = document.body.innerHTML
document.body.innerHTML = newContent
window.print()
window.location.reload()
document.body.innerHTML = oldContent
}
</script> </script>