diff --git a/src/views/pure-table/high/edit/columns.tsx b/src/views/pure-table/high/edit/columns.tsx index 3dc5426e1..1325c1d69 100644 --- a/src/views/pure-table/high/edit/columns.tsx +++ b/src/views/pure-table/high/edit/columns.tsx @@ -17,7 +17,7 @@ export function useColumns() { const columns: TableColumnList = [ { - label: "ID", + label: "ID(可编辑)", prop: "id", // class="flex-bc" flex-bc 代表 flex justify-between items-center 具体看 src/style/tailwind.css 文件 cellRenderer: ({ row, index }) => ( diff --git a/src/views/pure-table/high/list.tsx b/src/views/pure-table/high/list.tsx index c66161e20..392e0fd49 100644 --- a/src/views/pure-table/high/list.tsx +++ b/src/views/pure-table/high/list.tsx @@ -3,6 +3,7 @@ import ColumnDrag from "./drag/column/index.vue"; import Contextmenu from "./contextmenu/index.vue"; import Execl from "./execl/index.vue"; import Edit from "./edit/index.vue"; +import Watermark from "./watermark/index.vue"; const rendContent = (val: string) => `代码位置:src/views/pure-table/high/${val}/index.vue`; @@ -37,5 +38,11 @@ export const list = [ content: rendContent("edit"), title: "单元格编辑", component: Edit + }, + { + key: "watermark", + content: rendContent("watermark"), + title: "表格水印", + component: Watermark } ]; diff --git a/src/views/pure-table/high/watermark/columns.tsx b/src/views/pure-table/high/watermark/columns.tsx new file mode 100644 index 000000000..b9da0280a --- /dev/null +++ b/src/views/pure-table/high/watermark/columns.tsx @@ -0,0 +1,46 @@ +import { tableDataEdit } from "../data"; +import { ref, onMounted, type Ref } from "vue"; +import { clone, useWatermark, delay } from "@pureadmin/utils"; + +export function useColumns(waterRef: Ref) { + const dataList = ref(clone(tableDataEdit, true)); + + const columns: TableColumnList = [ + { + label: "ID", + prop: "id" + }, + { + label: "日期", + prop: "date" + }, + { + label: "姓名", + prop: "name" + }, + { + label: "地址", + prop: "address" + } + ]; + + onMounted(() => { + delay().then(() => { + const { setWatermark } = useWatermark( + waterRef.value.getTableRef().$refs.tableWrapper + ); + setWatermark("编程即艺术", { + font: "16px Microsoft YaHei", + globalAlpha: 0.8, + forever: true, + width: 252, + height: 80 + }); + }); + }); + + return { + columns, + dataList + }; +} diff --git a/src/views/pure-table/high/watermark/index.vue b/src/views/pure-table/high/watermark/index.vue new file mode 100644 index 000000000..6fe6bd5c8 --- /dev/null +++ b/src/views/pure-table/high/watermark/index.vue @@ -0,0 +1,17 @@ + + +