80323dd641
'admin-22.12.12:发布v2.4.21版本，具体更新内容查看CHANGELOG.md' !42 修复 工作流无法添加新节点问题 Merge pull request !42 from beta/bugfix_workflow 修复 工作流无法添加新节点问题 1. 修复 工作流无法添加新节点问题 2. 修复 左侧导航无法隐藏问题 'admin-22.12.09:发布v2.4.2版本，具体更新内容查看CHANGELOG.md' !41 修复get请求传递嵌套对象或数组时无法正常编码问题 Merge pull request !41 from 随心/master !40 开启TagsView缓存后，刷新后所有的路由都变成组件缓存了 Merge pull request !40 from mrjimin/master 修复get请求传递嵌套对象或数组时无法正常编码问题 update src/layout/routerView/parent.vue. Signed-off-by: mrjimin <z8888788@163.com> update src/layout/routerView/parent.vue. 这里应该拿到的是已经设置开启组件缓存的路由，而不是全部，需要先判断item.meta.isKeepAlive Signed-off-by: mrjimin <z8888788@163.com> 'admin-22.11.30:发布v2.4.1版本，具体更新内容查看CHANGELOG.md' Merge branch 'master' of https://gitee.com/lyt-top/vue-next-admin 'admin-22.11.30:删除v2.4.0版本不需要的依赖' update src/views/error/404.vue. Signed-off-by: lyt-Top <1105290566@qq.com> update src/components/table/index.vue. Signed-off-by: lyt-Top <1105290566@qq.com> 'admin-22.11.30:修改v2.4.0文字说明' 'admin-22.11.30:修改v2.4.0文字说明' 'admin-22.11.29:发布v2.4.0版本，具体更新内容查看CHANGELOG.md' 'admin-22.11.19:修复v2.3.0版本动态路由事件调用关闭当前tagsview、普通路由刷新界面参数丢失问题' 'admin-22.11.18:优化v2.3.0版本tagsview风格5兼容火狐' 'admin-22.11.17:优化v2.3.0版本iframe右键菜单刷新问题' ...
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
// 页面添加水印效果
|
|
const setWatermark = (str: string) => {
|
|
const id = '1.23452384164.123412416';
|
|
if (document.getElementById(id) !== null) document.body.removeChild(<HTMLElement>document.getElementById(id));
|
|
const can = document.createElement('canvas');
|
|
can.width = 200;
|
|
can.height = 130;
|
|
const cans = <CanvasRenderingContext2D>can.getContext('2d');
|
|
cans.rotate((-20 * Math.PI) / 180);
|
|
cans.font = '12px Vedana';
|
|
cans.fillStyle = 'rgba(200, 200, 200, 0.30)';
|
|
cans.textBaseline = 'middle';
|
|
cans.fillText(str, can.width / 10, can.height / 2);
|
|
const div = document.createElement('div');
|
|
div.id = id;
|
|
div.style.pointerEvents = 'none';
|
|
div.style.top = '0px';
|
|
div.style.left = '0px';
|
|
div.style.position = 'fixed';
|
|
div.style.zIndex = '10000000';
|
|
div.style.width = `${document.documentElement.clientWidth}px`;
|
|
div.style.height = `${document.documentElement.clientHeight}px`;
|
|
div.style.background = `url(${can.toDataURL('image/png')}) left top repeat`;
|
|
document.body.appendChild(div);
|
|
return id;
|
|
};
|
|
|
|
/**
|
|
* 页面添加水印效果
|
|
* @method set 设置水印
|
|
* @method del 删除水印
|
|
*/
|
|
const watermark = {
|
|
// 设置水印
|
|
set: (str: string) => {
|
|
let id = setWatermark(str);
|
|
if (document.getElementById(id) === null) id = setWatermark(str);
|
|
},
|
|
// 删除水印
|
|
del: () => {
|
|
let id = '1.23452384164.123412416';
|
|
if (document.getElementById(id) !== null) document.body.removeChild(<HTMLElement>document.getElementById(id));
|
|
},
|
|
};
|
|
|
|
// 导出方法
|
|
export default watermark;
|