ztxkui 4.2.23-49 → 4.2.23-50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DemoCom/FormDemo.js +7 -1
- package/dist/DemoCom/PrintContainerDemo.js +7 -31
- package/dist/DemoCom/tidan.d.ts +4 -0
- package/dist/DemoCom/tidan.js +153 -0
- package/dist/components/PrintContainer/print-container.d.ts +6 -0
- package/dist/components/PrintContainer/print-container.js +194 -309
- package/dist/components/PrintContainer/sealHooks.d.ts +18 -0
- package/dist/components/PrintContainer/sealHooks.js +200 -0
- package/dist/components/PrintContainer/service.d.ts +9 -0
- package/dist/components/PrintContainer/service.js +64 -1
- package/dist/components/PrintContainer/useAboutExport.d.ts +7 -0
- package/dist/components/PrintContainer/useAboutExport.js +131 -0
- package/dist/components/PrintContainer/useFont.d.ts +5 -0
- package/dist/components/PrintContainer/useFont.js +74 -0
- package/dist/components/business/SearchContainer/search-right.js +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants.js +1 -1
- package/package.json +1 -1
package/dist/DemoCom/FormDemo.js
CHANGED
|
@@ -88,7 +88,13 @@ var FormDemo = function () {
|
|
|
88
88
|
}, [status]);
|
|
89
89
|
var handleRef = useRef(null);
|
|
90
90
|
return (React.createElement(React.Fragment, null,
|
|
91
|
-
React.createElement(Form, { name: "test-list", form: form
|
|
91
|
+
React.createElement(Form, { name: "test-list", form: form, onKeyDown: function (event) {
|
|
92
|
+
if (event.key === 'Enter') {
|
|
93
|
+
event.preventDefault();
|
|
94
|
+
event.stopPropagation();
|
|
95
|
+
console.log('提交');
|
|
96
|
+
}
|
|
97
|
+
} },
|
|
92
98
|
React.createElement(SearchContainer, { dark: true },
|
|
93
99
|
React.createElement(SearchLeft, { configInfo: configInfoMemo, isDynamic: true, dynamicStorageKey: "symbol-key-00001", isToggle: true, handleRef: handleRef },
|
|
94
100
|
React.createElement(SearchItem, { width: "half", name: "pwNo", configname: "pwNoCopy", label: "\u5165\u5E93\u5355\u53F7", disabled: true, rules: [
|
|
@@ -39,36 +39,9 @@ import water from '../assets/img/water.png';
|
|
|
39
39
|
import { createDownloadUrl } from 'ztxkutils/dist/fileOperation';
|
|
40
40
|
import './print.scss';
|
|
41
41
|
import { token } from '../constants';
|
|
42
|
-
// import
|
|
43
|
-
import { Diaobodan2 } from './diaobodan';
|
|
42
|
+
// import { Diaobodan2 } from './diaobodan';
|
|
44
43
|
// import TestDemo from './TestDemo';
|
|
45
|
-
|
|
46
|
-
// function test() {
|
|
47
|
-
// const image = new Image();
|
|
48
|
-
// image.setAttribute('crossOrigin', 'anonymous');
|
|
49
|
-
// image.src = imgSrc1;
|
|
50
|
-
// image.onload = () => {
|
|
51
|
-
// const canvas = document.createElement('canvas');
|
|
52
|
-
// canvas.width = image.width;
|
|
53
|
-
// canvas.height = image.height;
|
|
54
|
-
// const ctx = canvas.getContext('2d');
|
|
55
|
-
// ctx?.drawImage(image, 0, 0, image.width, image.height);
|
|
56
|
-
// const dataURL = canvas.toDataURL('image/png');
|
|
57
|
-
// const imgDom = document.createElement('img');
|
|
58
|
-
// imgDom.src = dataURL;
|
|
59
|
-
// imgDom.style.width = '156px';
|
|
60
|
-
// imgDom.style.height = '156px';
|
|
61
|
-
// imgDom.style.bottom = `10px`;
|
|
62
|
-
// imgDom.style.right = `${1 * 30}px`;
|
|
63
|
-
// imgDom.classList.add('seal-img-position');
|
|
64
|
-
// const allDom = document.getElementsByClassName(
|
|
65
|
-
// 'html2canvas-container-page'
|
|
66
|
-
// )[0];
|
|
67
|
-
// const copyDom = imgDom.cloneNode(true);
|
|
68
|
-
// allDom.appendChild(copyDom);
|
|
69
|
-
// };
|
|
70
|
-
// }
|
|
71
|
-
// test();
|
|
44
|
+
import Tidan from './tidan';
|
|
72
45
|
function request(options) {
|
|
73
46
|
var headers = options.headers, restOptions = __rest(options, ["headers"]);
|
|
74
47
|
return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
|
|
@@ -136,7 +109,10 @@ var PrintContainerDemo = function () {
|
|
|
136
109
|
}, []);
|
|
137
110
|
return (React.createElement(PrintContainer, { isAddExportPage: true, loading: loading, request: request, deptId: "1295909543961944065", flowId: "scm_print_tdtd", fileId: "1551733945007517697",
|
|
138
111
|
// keywordList={keywordList}
|
|
139
|
-
imgWaterBg: water, isSetPosition: false, showPrintMessage: true, showAddSeal: true, apiUrl: "http://192.168.0.83:8000", fileBaseUrl: "http://192.168.0.83:88" },
|
|
140
|
-
React.createElement(
|
|
112
|
+
imgWaterBg: water, isSetPosition: false, showPrintMessage: true, showAddSeal: true, apiUrl: "http://192.168.0.83:8000", fileBaseUrl: "http://192.168.0.83:88", aboutExportIds: "7476520567474487367,7476520567474487365,7476520567474487366", aboutExportZipName: "\u6D4B\u8BD5zip\u5305" },
|
|
113
|
+
React.createElement(Tidan, { needSeal: true }),
|
|
114
|
+
React.createElement(Tidan, null),
|
|
115
|
+
React.createElement(Tidan, { needSeal: true }),
|
|
116
|
+
React.createElement(Tidan, null)));
|
|
141
117
|
};
|
|
142
118
|
export default PrintContainerDemo;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import imgSrc from '../assets/img/Logo028.jpg';
|
|
3
|
+
// import imgSrc1 from './seal/01.png';
|
|
4
|
+
import { Row, Col } from '../index';
|
|
5
|
+
// function test() {
|
|
6
|
+
// const image = new Image();
|
|
7
|
+
// image.setAttribute('crossOrigin', 'anonymous');
|
|
8
|
+
// image.src = imgSrc1;
|
|
9
|
+
// image.onload = () => {
|
|
10
|
+
// const canvas = document.createElement('canvas');
|
|
11
|
+
// canvas.width = image.width;
|
|
12
|
+
// canvas.height = image.height;
|
|
13
|
+
// const ctx = canvas.getContext('2d');
|
|
14
|
+
// ctx?.drawImage(image, 0, 0, image.width, image.height);
|
|
15
|
+
// const dataURL = canvas.toDataURL('image/png');
|
|
16
|
+
// const imgDom = document.createElement('img');
|
|
17
|
+
// imgDom.src = dataURL;
|
|
18
|
+
// imgDom.style.width = '156px';
|
|
19
|
+
// imgDom.style.height = '156px';
|
|
20
|
+
// imgDom.style.bottom = `10px`;
|
|
21
|
+
// imgDom.style.right = `${1 * 30}px`;
|
|
22
|
+
// imgDom.classList.add('seal-img-position');
|
|
23
|
+
// const allDom = document.getElementsByClassName(
|
|
24
|
+
// 'html2canvas-container-page'
|
|
25
|
+
// )[0];
|
|
26
|
+
// const copyDom = imgDom.cloneNode(true);
|
|
27
|
+
// allDom.appendChild(copyDom);
|
|
28
|
+
// };
|
|
29
|
+
// }
|
|
30
|
+
// test();
|
|
31
|
+
export default function Tidan(_a) {
|
|
32
|
+
var needSeal = _a.needSeal;
|
|
33
|
+
return (React.createElement("div", { className: "html2canvas-container-page simple-print", "data-seal": needSeal ? '1' : '0', style: { paddingTop: 0, paddingLeft: 0 } },
|
|
34
|
+
React.createElement("div", { className: "print-header" },
|
|
35
|
+
React.createElement("img", { src: imgSrc, alt: "" }),
|
|
36
|
+
React.createElement("h3", { className: "print-title" },
|
|
37
|
+
"\u63D0\u8D27\u5355",
|
|
38
|
+
React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09 ")),
|
|
39
|
+
React.createElement("div", { className: "right-info" },
|
|
40
|
+
React.createElement("div", { className: "info-item" },
|
|
41
|
+
React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
|
|
42
|
+
React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
|
|
43
|
+
React.createElement("div", { className: "info-item" },
|
|
44
|
+
React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
|
|
45
|
+
React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
|
|
46
|
+
React.createElement("div", { className: "info-item" },
|
|
47
|
+
React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
|
|
48
|
+
React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
|
|
49
|
+
React.createElement("div", { className: "purchaseIn-print-box" },
|
|
50
|
+
React.createElement("div", { className: "pt10" },
|
|
51
|
+
React.createElement("table", null,
|
|
52
|
+
React.createElement("tbody", null,
|
|
53
|
+
React.createElement("tr", null,
|
|
54
|
+
React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u5355\u4F4D"),
|
|
55
|
+
React.createElement("td", { colSpan: 6 }),
|
|
56
|
+
React.createElement("td", { colSpan: 2, style: { width: '100px' } }, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
|
|
57
|
+
React.createElement("td", { colSpan: 8 }),
|
|
58
|
+
React.createElement("td", { colSpan: 2, style: { width: '82px' } }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
|
|
59
|
+
React.createElement("td", { colSpan: 4, style: { width: '170px' } })),
|
|
60
|
+
React.createElement("tr", null,
|
|
61
|
+
React.createElement("td", { colSpan: 2 }, "\u7A0E\u53F7"),
|
|
62
|
+
React.createElement("td", { colSpan: 6 }),
|
|
63
|
+
React.createElement("td", { colSpan: 2 }, "\u5730\u5740\u53CA\u7535\u8BDD"),
|
|
64
|
+
React.createElement("td", { colSpan: 8 }),
|
|
65
|
+
React.createElement("td", { colSpan: 2 }, "\u9500\u552E\u5408\u540C\u53F7"),
|
|
66
|
+
React.createElement("td", { colSpan: 4 })),
|
|
67
|
+
React.createElement("tr", null,
|
|
68
|
+
React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u4ED3\u5E93"),
|
|
69
|
+
React.createElement("td", { colSpan: 4 }),
|
|
70
|
+
React.createElement("td", { colSpan: 2 }, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
|
|
71
|
+
React.createElement("td", { colSpan: 2 }),
|
|
72
|
+
React.createElement("td", { colSpan: 2 }, "\u4ED3\u5E93\u5730\u5740"),
|
|
73
|
+
React.createElement("td", { colSpan: 6 }),
|
|
74
|
+
React.createElement("td", { colSpan: 2 }, "\u4ED3\u5E93\u7535\u8BDD"),
|
|
75
|
+
React.createElement("td", { colSpan: 4 })),
|
|
76
|
+
React.createElement("tr", null,
|
|
77
|
+
React.createElement("td", { rowSpan: 2, colSpan: 8 }, "\u5546\u54C1\u540D\u79F0"),
|
|
78
|
+
React.createElement("td", { rowSpan: 2, colSpan: 2 }, "\u6279\u6B21\u53F7"),
|
|
79
|
+
React.createElement("td", { colSpan: 5 }, "\u5F00\u5355\u6570\u91CF"),
|
|
80
|
+
React.createElement("td", { colSpan: 5 }, "\u5B9E\u53D1\u6570\u91CF"),
|
|
81
|
+
React.createElement("td", { rowSpan: 2, colSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
|
|
82
|
+
React.createElement("td", { rowSpan: 2, colSpan: 1 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
|
|
83
|
+
React.createElement("td", { rowSpan: 2, colSpan: 1 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
|
|
84
|
+
React.createElement("tr", null,
|
|
85
|
+
React.createElement("td", { colSpan: 2 }, "\u4EF6\u6570"),
|
|
86
|
+
React.createElement("td", { colSpan: 2 }, "\u6570\u91CF"),
|
|
87
|
+
React.createElement("td", null, "\u5355\u4F4D"),
|
|
88
|
+
React.createElement("td", { colSpan: 2 }, "\u4EF6\u6570"),
|
|
89
|
+
React.createElement("td", { colSpan: 2 }, "\u6570\u91CF"),
|
|
90
|
+
React.createElement("td", null, "\u5355\u4F4D")),
|
|
91
|
+
React.createElement("tr", null,
|
|
92
|
+
React.createElement("td", { colSpan: 8, style: { height: '25px' } }),
|
|
93
|
+
React.createElement("td", { colSpan: 2 }),
|
|
94
|
+
React.createElement("td", { colSpan: 2 }),
|
|
95
|
+
React.createElement("td", { colSpan: 2 }),
|
|
96
|
+
React.createElement("td", null),
|
|
97
|
+
React.createElement("td", { colSpan: 2 }),
|
|
98
|
+
React.createElement("td", { colSpan: 2 }),
|
|
99
|
+
React.createElement("td", null),
|
|
100
|
+
React.createElement("td", { colSpan: 2 }),
|
|
101
|
+
React.createElement("td", { colSpan: 1 }),
|
|
102
|
+
React.createElement("td", { colSpan: 1 })),
|
|
103
|
+
React.createElement("tr", null,
|
|
104
|
+
React.createElement("td", { colSpan: 8, align: "left", style: { padding: '0 30px' } }, "\u5408\u8BA1"),
|
|
105
|
+
React.createElement("td", { colSpan: 2 }),
|
|
106
|
+
React.createElement("td", { colSpan: 2 }),
|
|
107
|
+
React.createElement("td", { colSpan: 2 }),
|
|
108
|
+
React.createElement("td", null),
|
|
109
|
+
React.createElement("td", { colSpan: 2 }),
|
|
110
|
+
React.createElement("td", { colSpan: 2 }),
|
|
111
|
+
React.createElement("td", null),
|
|
112
|
+
React.createElement("td", { colSpan: 2 }),
|
|
113
|
+
React.createElement("td", { colSpan: 1 }),
|
|
114
|
+
React.createElement("td", { colSpan: 1 })),
|
|
115
|
+
React.createElement("tr", null,
|
|
116
|
+
React.createElement("td", { colSpan: 2 }, "\u5907\u6CE8"),
|
|
117
|
+
React.createElement("td", { colSpan: 10 }),
|
|
118
|
+
React.createElement("td", { colSpan: 2 }, "\u63D0\u5355\u6709\u6548\u671F"),
|
|
119
|
+
React.createElement("td", { colSpan: 4 }),
|
|
120
|
+
React.createElement("td", { colSpan: 2 }, "\u51FA\u5E93\u65B9\u5F0F"),
|
|
121
|
+
React.createElement("td", { colSpan: 4 })),
|
|
122
|
+
React.createElement("tr", null,
|
|
123
|
+
React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u4EBA"),
|
|
124
|
+
React.createElement("td", { colSpan: 4 }),
|
|
125
|
+
React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u8F66\u724C"),
|
|
126
|
+
React.createElement("td", { colSpan: 4 }),
|
|
127
|
+
React.createElement("td", { colSpan: 2 }, "\u6253\u5370\u6B21\u6570"),
|
|
128
|
+
React.createElement("td", { colSpan: 4 }),
|
|
129
|
+
React.createElement("td", { colSpan: 2 }, "\u5B58\u8D27\u5355\u4F4D"),
|
|
130
|
+
React.createElement("td", { colSpan: 4 })),
|
|
131
|
+
React.createElement("tr", null,
|
|
132
|
+
React.createElement("td", { colSpan: 2 }, "\u53D1\u8D27\u4EBA"),
|
|
133
|
+
React.createElement("td", { colSpan: 4 }),
|
|
134
|
+
React.createElement("td", { colSpan: 2 }, "\u5236\u5355\u4EBA"),
|
|
135
|
+
React.createElement("td", { colSpan: 4 }),
|
|
136
|
+
React.createElement("td", { colSpan: 2 }, "\u90E8\u95E8"),
|
|
137
|
+
React.createElement("td", { colSpan: 4 }),
|
|
138
|
+
React.createElement("td", { colSpan: 2 }, "\u4E1A\u52A1\u4EE3\u8868"),
|
|
139
|
+
React.createElement("td", { colSpan: 4 }))))),
|
|
140
|
+
React.createElement("div", { className: "pt_bottom" },
|
|
141
|
+
React.createElement(Row, null,
|
|
142
|
+
React.createElement(Col, { span: 17, style: { paddingLeft: 0 } },
|
|
143
|
+
React.createElement(Row, null, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
|
|
144
|
+
React.createElement(Row, null, "2\u3001\u672C\u63D0\u8D27\u5355\u4F4D\u7ECF\u8D22\u52A1\u6536\u6B3E\u76D6\u7AE0\u540E\u63D0\u8D27\uFF1B\u6B64\u63D0\u8D27\u5355\u9057\u5931\uFF0C\u63D0\u8D27\u5355\u4F4D\u8D23\u4EFB\u81EA\u8D1F\uFF1B\u51ED\u6B64\u63D0\u8D27\u5355\u4EA4\u4ED8\u8D27\u7269\u540E\uFF0C\u8D27\u7269\u6240\u6709\u98CE\u9669\u8F6C\u79FB\u5230\u63D0\u8D27\u5355\u4F4D\u3002"),
|
|
145
|
+
React.createElement(Row, null)),
|
|
146
|
+
React.createElement(Col, { span: 7, style: { paddingRight: 0 } },
|
|
147
|
+
React.createElement(Row, { style: { justifyContent: 'flex-end' } },
|
|
148
|
+
React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
|
|
149
|
+
React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
|
|
150
|
+
React.createElement(Row, { style: { justifyContent: 'flex-end' } },
|
|
151
|
+
React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
|
|
152
|
+
React.createElement("span", { style: { display: 'inline-block', width: '100px' } }))))))));
|
|
153
|
+
}
|
|
@@ -72,6 +72,12 @@ export interface IProps {
|
|
|
72
72
|
/** 点击生成PDF后 */
|
|
73
73
|
clickCreatePdfHandleNext?: any;
|
|
74
74
|
handleRef?: any;
|
|
75
|
+
onAboutExportBeforeCallback?: () => Promise<any> | void;
|
|
76
|
+
showAboutExportMessage?: boolean;
|
|
77
|
+
onAboutExportCallback?: () => Promise<any> | void;
|
|
78
|
+
aboutExportIds?: string;
|
|
79
|
+
aboutExportZipName?: string;
|
|
80
|
+
aboutExportAddWater?: boolean;
|
|
75
81
|
}
|
|
76
82
|
declare const PrintContainer: React.FC<IProps>;
|
|
77
83
|
export default PrintContainer;
|