57 lines
2.4 KiB
JavaScript
57 lines
2.4 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 水印预览
|
|
* Description:
|
|
* Date: 2023/6/15
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { salaryBillBaseSetPreviewWaterMark } from "../../apis/payroll";
|
|
import { WeaTools } from "ecCom";
|
|
|
|
const { watermark } = WeaTools;
|
|
|
|
class WatermarkPreview extends Component {
|
|
componentDidMount() {
|
|
const wmSetting = window.localStorage.getItem("wmSetting");
|
|
wmSetting && this.salaryBillBaseSetPreviewWaterMark(JSON.parse(wmSetting));
|
|
}
|
|
|
|
salaryBillBaseSetPreviewWaterMark = (payload) => {
|
|
salaryBillBaseSetPreviewWaterMark(payload).then(({ status, data }) => {
|
|
if (status) {
|
|
watermark({
|
|
text: data,
|
|
src: "",
|
|
rotate: `-15`,
|
|
alpha: 0.15,
|
|
interval: 2000,
|
|
intervalCheck: true,
|
|
clickCheck: true
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
<h1 style={{ textAlign: "center" }}>水印预览效果</h1>
|
|
<p
|
|
style={{ fonsSize: 14 }}>水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果</p>
|
|
<p
|
|
style={{ fonsSize: 14 }}>水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果</p>
|
|
<p
|
|
style={{ fonsSize: 14 }}>水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果</p>
|
|
<p
|
|
style={{ fonsSize: 14 }}>水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果</p>
|
|
<p
|
|
style={{ fonsSize: 14 }}>水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果</p>
|
|
<p
|
|
style={{ fonsSize: 14 }}>水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果水印预览效果</p>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default WatermarkPreview;
|