ztxkui 4.2.12 → 4.2.13

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.
Files changed (5) hide show
  1. package/dist/DemoCom/PrintContainerDemo.js +58 -608
  2. package/dist/components/PrintContainer/handle.d.ts +13 -0
  3. package/dist/components/PrintContainer/handle.js +173 -0
  4. package/dist/components/PrintContainer/print-container.js +99 -3
  5. package/package.json +1 -1
package/dist/DemoCom/PrintContainerDemo.js CHANGED
@@ -89,7 +89,7 @@ var PrintContainerDemo = function () {
89
89
  }, 1000);
90
90
  }, []);
91
91
  // const [base64Img, setBase64Img] = useState<any>('');
92
- var _c = useState(''), setBase64Img = _c[1];
92
+ var _c = useState(''), base64Img = _c[0], setBase64Img = _c[1];
93
93
  useEffect(function () {
94
94
  var image = new Image();
95
95
  image.setAttribute('crossOrigin', 'anonymous');
@@ -107,564 +107,6 @@ var PrintContainerDemo = function () {
107
107
  return (React.createElement(PrintContainer, { isAddExportPage: true, loading: loading, request: request, deptId: "1295909543961944065", flowId: "scm_print_tdtd", fileId: "1551733945007517697",
108
108
  // keywordList={keywordList}
109
109
  imgWaterBg: water, isSetPosition: false, showPrintMessage: true, showAddSeal: true, apiUrl: "http://192.168.0.83:8000", fileBaseUrl: "http://192.168.0.83:88" },
110
- React.createElement("div", { className: "html2canvas-container-page simple-print", style: { paddingTop: 0, paddingLeft: 0 } },
111
- React.createElement("div", { className: "print-header" },
112
- React.createElement("img", { src: imgSrc, alt: "" }),
113
- React.createElement("h3", { className: "print-title" },
114
- "\u63D0\u8D27\u5355",
115
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
116
- React.createElement("div", { className: "right-info" },
117
- React.createElement("div", { className: "info-item" },
118
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
119
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
120
- React.createElement("div", { className: "info-item" },
121
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
122
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
123
- React.createElement("div", { className: "info-item" },
124
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
125
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
126
- React.createElement("div", { className: "print-header" },
127
- React.createElement("img", { src: imgSrc, alt: "" }),
128
- React.createElement("h3", { className: "print-title" },
129
- "\u63D0\u8D27\u5355",
130
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
131
- React.createElement("div", { className: "right-info" },
132
- React.createElement("div", { className: "info-item" },
133
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
134
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
135
- React.createElement("div", { className: "info-item" },
136
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
137
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
138
- React.createElement("div", { className: "info-item" },
139
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
140
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
141
- React.createElement("div", { className: "print-header" },
142
- React.createElement("img", { src: imgSrc, alt: "" }),
143
- React.createElement("h3", { className: "print-title" },
144
- "\u63D0\u8D27\u5355",
145
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
146
- React.createElement("div", { className: "right-info" },
147
- React.createElement("div", { className: "info-item" },
148
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
149
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
150
- React.createElement("div", { className: "info-item" },
151
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
152
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
153
- React.createElement("div", { className: "info-item" },
154
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
155
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
156
- React.createElement("div", { className: "print-header" },
157
- React.createElement("img", { src: imgSrc, alt: "" }),
158
- React.createElement("h3", { className: "print-title" },
159
- "\u63D0\u8D27\u5355",
160
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
161
- React.createElement("div", { className: "right-info" },
162
- React.createElement("div", { className: "info-item" },
163
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
164
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
165
- React.createElement("div", { className: "info-item" },
166
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
167
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
168
- React.createElement("div", { className: "info-item" },
169
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
170
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
171
- React.createElement("div", { className: "print-header" },
172
- React.createElement("img", { src: imgSrc, alt: "" }),
173
- React.createElement("h3", { className: "print-title" },
174
- "\u63D0\u8D27\u5355",
175
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
176
- React.createElement("div", { className: "right-info" },
177
- React.createElement("div", { className: "info-item" },
178
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
179
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
180
- React.createElement("div", { className: "info-item" },
181
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
182
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
183
- React.createElement("div", { className: "info-item" },
184
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
185
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
186
- React.createElement("div", { className: "print-header" },
187
- React.createElement("img", { src: imgSrc, alt: "" }),
188
- React.createElement("h3", { className: "print-title" },
189
- "\u63D0\u8D27\u5355",
190
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
191
- React.createElement("div", { className: "right-info" },
192
- React.createElement("div", { className: "info-item" },
193
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
194
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
195
- React.createElement("div", { className: "info-item" },
196
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
197
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
198
- React.createElement("div", { className: "info-item" },
199
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
200
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
201
- React.createElement("div", { className: "print-header" },
202
- React.createElement("img", { src: imgSrc, alt: "" }),
203
- React.createElement("h3", { className: "print-title" },
204
- "\u63D0\u8D27\u5355",
205
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
206
- React.createElement("div", { className: "right-info" },
207
- React.createElement("div", { className: "info-item" },
208
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
209
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
210
- React.createElement("div", { className: "info-item" },
211
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
212
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
213
- React.createElement("div", { className: "info-item" },
214
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
215
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
216
- React.createElement("div", { className: "print-header" },
217
- React.createElement("img", { src: imgSrc, alt: "" }),
218
- React.createElement("h3", { className: "print-title" },
219
- "\u63D0\u8D27\u5355",
220
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
221
- React.createElement("div", { className: "right-info" },
222
- React.createElement("div", { className: "info-item" },
223
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
224
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
225
- React.createElement("div", { className: "info-item" },
226
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
227
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
228
- React.createElement("div", { className: "info-item" },
229
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
230
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
231
- React.createElement("div", { className: "print-header" },
232
- React.createElement("img", { src: imgSrc, alt: "" }),
233
- React.createElement("h3", { className: "print-title" },
234
- "\u63D0\u8D27\u5355",
235
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
236
- React.createElement("div", { className: "right-info" },
237
- React.createElement("div", { className: "info-item" },
238
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
239
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
240
- React.createElement("div", { className: "info-item" },
241
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
242
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
243
- React.createElement("div", { className: "info-item" },
244
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
245
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
246
- React.createElement("div", { className: "print-header" },
247
- React.createElement("img", { src: imgSrc, alt: "" }),
248
- React.createElement("h3", { className: "print-title" },
249
- "\u63D0\u8D27\u5355",
250
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
251
- React.createElement("div", { className: "right-info" },
252
- React.createElement("div", { className: "info-item" },
253
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
254
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
255
- React.createElement("div", { className: "info-item" },
256
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
257
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
258
- React.createElement("div", { className: "info-item" },
259
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
260
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
261
- React.createElement("div", { className: "print-header" },
262
- React.createElement("img", { src: imgSrc, alt: "" }),
263
- React.createElement("h3", { className: "print-title" },
264
- "\u63D0\u8D27\u5355",
265
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
266
- React.createElement("div", { className: "right-info" },
267
- React.createElement("div", { className: "info-item" },
268
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
269
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
270
- React.createElement("div", { className: "info-item" },
271
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
272
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
273
- React.createElement("div", { className: "info-item" },
274
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
275
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
276
- React.createElement("div", { className: "print-header" },
277
- React.createElement("img", { src: imgSrc, alt: "" }),
278
- React.createElement("h3", { className: "print-title" },
279
- "\u63D0\u8D27\u5355",
280
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
281
- React.createElement("div", { className: "right-info" },
282
- React.createElement("div", { className: "info-item" },
283
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
284
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
285
- React.createElement("div", { className: "info-item" },
286
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
287
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
288
- React.createElement("div", { className: "info-item" },
289
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
290
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
291
- React.createElement("div", { className: "purchaseIn-print-box" },
292
- React.createElement("div", { className: "pt10" },
293
- React.createElement("table", null,
294
- React.createElement("tbody", null,
295
- React.createElement("tr", null,
296
- React.createElement("td", null, "\u63D0\u8D27\u5355\u4F4D"),
297
- React.createElement("td", { colSpan: 3 }),
298
- React.createElement("td", null, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
299
- React.createElement("td", { colSpan: 3 }),
300
- React.createElement("td", { width: "100px" }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
301
- React.createElement("td", { colSpan: 3 })),
302
- React.createElement("tr", null,
303
- React.createElement("td", null, "\u7A0E\u53F7"),
304
- React.createElement("td", { colSpan: 3 }),
305
- React.createElement("td", null, "\u5730\u5740\u53CA\u7535\u8BDD"),
306
- React.createElement("td", { colSpan: 3 }),
307
- React.createElement("td", { width: "100px" }, "\u9500\u552E\u5408\u540C\u53F7"),
308
- React.createElement("td", { colSpan: 3 })),
309
- React.createElement("tr", null,
310
- React.createElement("td", null, "\u63D0\u8D27\u4ED3\u5E93"),
311
- React.createElement("td", { colSpan: 2 }),
312
- React.createElement("td", null, "\u4ED3\u5E93\u5730\u5740"),
313
- React.createElement("td", { colSpan: 2 }),
314
- React.createElement("td", null, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
315
- React.createElement("td", { colSpan: 2 }),
316
- React.createElement("td", null, "\u4ED3\u5E93\u7535\u8BDD"),
317
- React.createElement("td", { colSpan: 2 })),
318
- React.createElement("tr", null,
319
- React.createElement("td", { rowSpan: 2, colSpan: 4 }, "\u5546\u54C1\u540D\u79F0"),
320
- React.createElement("td", { width: "100px", rowSpan: 2 }, "\u6279\u6B21\u53F7"),
321
- React.createElement("td", { colSpan: 2, width: "150px" }, "\u5F00\u5355\u6570\u91CF"),
322
- React.createElement("td", { colSpan: 2, width: "150px" }, "\u5B9E\u53D1\u6570\u91CF"),
323
- React.createElement("td", { rowSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
324
- React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
325
- React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
326
- React.createElement("tr", null,
327
- React.createElement("td", { width: "50px" }, "\u4EF6"),
328
- React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)"),
329
- React.createElement("td", { width: "50px" }, "\u4EF6"),
330
- React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)")),
331
- React.createElement("tr", null,
332
- React.createElement("td", { colSpan: 4, style: { height: '23px' } }),
333
- React.createElement("td", null),
334
- React.createElement("td", null),
335
- React.createElement("td", null),
336
- React.createElement("td", null),
337
- React.createElement("td", null),
338
- React.createElement("td", null),
339
- React.createElement("td", null),
340
- React.createElement("td", null)),
341
- React.createElement("tr", null,
342
- React.createElement("td", { colSpan: 4, align: "left", style: { padding: '0px 30px' } }, "\u5408\u8BA1"),
343
- React.createElement("td", null),
344
- React.createElement("td", null),
345
- React.createElement("td", null),
346
- React.createElement("td", null),
347
- React.createElement("td", null),
348
- React.createElement("td", null),
349
- React.createElement("td", null),
350
- React.createElement("td", null)),
351
- React.createElement("tr", null,
352
- React.createElement("td", null, "\u5907\u6CE8"),
353
- React.createElement("td", { colSpan: 5 }),
354
- React.createElement("td", null, "\u63D0\u5355\u6709\u6548\u671F"),
355
- React.createElement("td", { colSpan: 2 }),
356
- React.createElement("td", null, "\u51FA\u5E93\u65B9\u5F0F"),
357
- React.createElement("td", { colSpan: 2 })),
358
- React.createElement("tr", null,
359
- React.createElement("td", null, "\u63D0\u8D27\u4EBA"),
360
- React.createElement("td", { colSpan: 2 }),
361
- React.createElement("td", null, "\u63D0\u8D27\u8F66\u724C"),
362
- React.createElement("td", { colSpan: 2 }),
363
- React.createElement("td", null, "\u6253\u5370\u6B21\u6570"),
364
- React.createElement("td", { colSpan: 2 }),
365
- React.createElement("td", null, "\u5B58\u8D27\u5355\u4F4D"),
366
- React.createElement("td", { colSpan: 2 })),
367
- React.createElement("tr", null,
368
- React.createElement("td", null, "\u53D1\u8D27\u4EBA"),
369
- React.createElement("td", { colSpan: 2 }),
370
- React.createElement("td", null, "\u5236\u5355\u4EBA"),
371
- React.createElement("td", { colSpan: 2 }),
372
- React.createElement("td", null, "\u90E8\u95E8"),
373
- React.createElement("td", { colSpan: 2 }),
374
- React.createElement("td", null, "\u4E1A\u52A1\u4EE3\u8868"),
375
- React.createElement("td", { colSpan: 2 }))))),
376
- React.createElement("div", { className: "pt_bottom" },
377
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } },
378
- React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: 0 } },
379
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
380
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "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"),
381
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } })),
382
- React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: 0 } },
383
- React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
384
- React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
385
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
386
- React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
387
- React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
388
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } }))))))),
389
- React.createElement("div", { className: "html2canvas-container-page simple-print", style: { paddingTop: 0, paddingLeft: 0 } },
390
- React.createElement("div", { className: "print-header" },
391
- React.createElement("img", { src: imgSrc, alt: "" }),
392
- React.createElement("h3", { className: "print-title" },
393
- "\u63D0\u8D27\u5355",
394
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
395
- React.createElement("div", { className: "right-info" },
396
- React.createElement("div", { className: "info-item" },
397
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
398
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
399
- React.createElement("div", { className: "info-item" },
400
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
401
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
402
- React.createElement("div", { className: "info-item" },
403
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
404
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
405
- React.createElement("div", { className: "print-header" },
406
- React.createElement("img", { src: imgSrc, alt: "" }),
407
- React.createElement("h3", { className: "print-title" },
408
- "\u63D0\u8D27\u5355",
409
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
410
- React.createElement("div", { className: "right-info" },
411
- React.createElement("div", { className: "info-item" },
412
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
413
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
414
- React.createElement("div", { className: "info-item" },
415
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
416
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
417
- React.createElement("div", { className: "info-item" },
418
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
419
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
420
- React.createElement("div", { className: "print-header" },
421
- React.createElement("img", { src: imgSrc, alt: "" }),
422
- React.createElement("h3", { className: "print-title" },
423
- "\u63D0\u8D27\u5355",
424
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
425
- React.createElement("div", { className: "right-info" },
426
- React.createElement("div", { className: "info-item" },
427
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
428
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
429
- React.createElement("div", { className: "info-item" },
430
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
431
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
432
- React.createElement("div", { className: "info-item" },
433
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
434
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
435
- React.createElement("div", { className: "print-header" },
436
- React.createElement("img", { src: imgSrc, alt: "" }),
437
- React.createElement("h3", { className: "print-title" },
438
- "\u63D0\u8D27\u5355",
439
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
440
- React.createElement("div", { className: "right-info" },
441
- React.createElement("div", { className: "info-item" },
442
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
443
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
444
- React.createElement("div", { className: "info-item" },
445
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
446
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
447
- React.createElement("div", { className: "info-item" },
448
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
449
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
450
- React.createElement("div", { className: "print-header" },
451
- React.createElement("img", { src: imgSrc, alt: "" }),
452
- React.createElement("h3", { className: "print-title" },
453
- "\u63D0\u8D27\u5355",
454
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
455
- React.createElement("div", { className: "right-info" },
456
- React.createElement("div", { className: "info-item" },
457
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
458
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
459
- React.createElement("div", { className: "info-item" },
460
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
461
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
462
- React.createElement("div", { className: "info-item" },
463
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
464
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
465
- React.createElement("div", { className: "print-header" },
466
- React.createElement("img", { src: imgSrc, alt: "" }),
467
- React.createElement("h3", { className: "print-title" },
468
- "\u63D0\u8D27\u5355",
469
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
470
- React.createElement("div", { className: "right-info" },
471
- React.createElement("div", { className: "info-item" },
472
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
473
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
474
- React.createElement("div", { className: "info-item" },
475
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
476
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
477
- React.createElement("div", { className: "info-item" },
478
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
479
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
480
- React.createElement("div", { className: "print-header" },
481
- React.createElement("img", { src: imgSrc, alt: "" }),
482
- React.createElement("h3", { className: "print-title" },
483
- "\u63D0\u8D27\u5355",
484
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
485
- React.createElement("div", { className: "right-info" },
486
- React.createElement("div", { className: "info-item" },
487
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
488
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
489
- React.createElement("div", { className: "info-item" },
490
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
491
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
492
- React.createElement("div", { className: "info-item" },
493
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
494
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
495
- React.createElement("div", { className: "print-header" },
496
- React.createElement("img", { src: imgSrc, alt: "" }),
497
- React.createElement("h3", { className: "print-title" },
498
- "\u63D0\u8D27\u5355",
499
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
500
- React.createElement("div", { className: "right-info" },
501
- React.createElement("div", { className: "info-item" },
502
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
503
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
504
- React.createElement("div", { className: "info-item" },
505
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
506
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
507
- React.createElement("div", { className: "info-item" },
508
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
509
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
510
- React.createElement("div", { className: "print-header" },
511
- React.createElement("img", { src: imgSrc, alt: "" }),
512
- React.createElement("h3", { className: "print-title" },
513
- "\u63D0\u8D27\u5355",
514
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
515
- React.createElement("div", { className: "right-info" },
516
- React.createElement("div", { className: "info-item" },
517
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
518
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
519
- React.createElement("div", { className: "info-item" },
520
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
521
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
522
- React.createElement("div", { className: "info-item" },
523
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
524
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
525
- React.createElement("div", { className: "print-header" },
526
- React.createElement("img", { src: imgSrc, alt: "" }),
527
- React.createElement("h3", { className: "print-title" },
528
- "\u63D0\u8D27\u5355",
529
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
530
- React.createElement("div", { className: "right-info" },
531
- React.createElement("div", { className: "info-item" },
532
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
533
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
534
- React.createElement("div", { className: "info-item" },
535
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
536
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
537
- React.createElement("div", { className: "info-item" },
538
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
539
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
540
- React.createElement("div", { className: "print-header" },
541
- React.createElement("img", { src: imgSrc, alt: "" }),
542
- React.createElement("h3", { className: "print-title" },
543
- "\u63D0\u8D27\u5355",
544
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
545
- React.createElement("div", { className: "right-info" },
546
- React.createElement("div", { className: "info-item" },
547
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
548
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
549
- React.createElement("div", { className: "info-item" },
550
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
551
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
552
- React.createElement("div", { className: "info-item" },
553
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
554
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
555
- React.createElement("div", { className: "print-header" },
556
- React.createElement("img", { src: imgSrc, alt: "" }),
557
- React.createElement("h3", { className: "print-title" },
558
- "\u63D0\u8D27\u5355",
559
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
560
- React.createElement("div", { className: "right-info" },
561
- React.createElement("div", { className: "info-item" },
562
- React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
563
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
564
- React.createElement("div", { className: "info-item" },
565
- React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
566
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
567
- React.createElement("div", { className: "info-item" },
568
- React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
569
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
570
- React.createElement("div", { className: "purchaseIn-print-box" },
571
- React.createElement("div", { className: "pt10" },
572
- React.createElement("table", null,
573
- React.createElement("tbody", null,
574
- React.createElement("tr", null,
575
- React.createElement("td", null, "\u63D0\u8D27\u5355\u4F4D"),
576
- React.createElement("td", { colSpan: 3 }),
577
- React.createElement("td", null, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
578
- React.createElement("td", { colSpan: 3 }),
579
- React.createElement("td", { width: "100px" }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
580
- React.createElement("td", { colSpan: 3 })),
581
- React.createElement("tr", null,
582
- React.createElement("td", null, "\u7A0E\u53F7"),
583
- React.createElement("td", { colSpan: 3 }),
584
- React.createElement("td", null, "\u5730\u5740\u53CA\u7535\u8BDD"),
585
- React.createElement("td", { colSpan: 3 }),
586
- React.createElement("td", { width: "100px" }, "\u9500\u552E\u5408\u540C\u53F7"),
587
- React.createElement("td", { colSpan: 3 })),
588
- React.createElement("tr", null,
589
- React.createElement("td", null, "\u63D0\u8D27\u4ED3\u5E93"),
590
- React.createElement("td", { colSpan: 2 }),
591
- React.createElement("td", null, "\u4ED3\u5E93\u5730\u5740"),
592
- React.createElement("td", { colSpan: 2 }),
593
- React.createElement("td", null, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
594
- React.createElement("td", { colSpan: 2 }),
595
- React.createElement("td", null, "\u4ED3\u5E93\u7535\u8BDD"),
596
- React.createElement("td", { colSpan: 2 })),
597
- React.createElement("tr", null,
598
- React.createElement("td", { rowSpan: 2, colSpan: 4 }, "\u5546\u54C1\u540D\u79F0"),
599
- React.createElement("td", { width: "100px", rowSpan: 2 }, "\u6279\u6B21\u53F7"),
600
- React.createElement("td", { colSpan: 2, width: "150px" }, "\u5F00\u5355\u6570\u91CF"),
601
- React.createElement("td", { colSpan: 2, width: "150px" }, "\u5B9E\u53D1\u6570\u91CF"),
602
- React.createElement("td", { rowSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
603
- React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
604
- React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
605
- React.createElement("tr", null,
606
- React.createElement("td", { width: "50px" }, "\u4EF6"),
607
- React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)"),
608
- React.createElement("td", { width: "50px" }, "\u4EF6"),
609
- React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)")),
610
- React.createElement("tr", null,
611
- React.createElement("td", { colSpan: 4, style: { height: '23px' } }),
612
- React.createElement("td", null),
613
- React.createElement("td", null),
614
- React.createElement("td", null),
615
- React.createElement("td", null),
616
- React.createElement("td", null),
617
- React.createElement("td", null),
618
- React.createElement("td", null),
619
- React.createElement("td", null)),
620
- React.createElement("tr", null,
621
- React.createElement("td", { colSpan: 4, align: "left", style: { padding: '0px 30px' } }, "\u5408\u8BA1"),
622
- React.createElement("td", null),
623
- React.createElement("td", null),
624
- React.createElement("td", null),
625
- React.createElement("td", null),
626
- React.createElement("td", null),
627
- React.createElement("td", null),
628
- React.createElement("td", null),
629
- React.createElement("td", null)),
630
- React.createElement("tr", null,
631
- React.createElement("td", null, "\u5907\u6CE8"),
632
- React.createElement("td", { colSpan: 5 }),
633
- React.createElement("td", null, "\u63D0\u5355\u6709\u6548\u671F"),
634
- React.createElement("td", { colSpan: 2 }),
635
- React.createElement("td", null, "\u51FA\u5E93\u65B9\u5F0F"),
636
- React.createElement("td", { colSpan: 2 })),
637
- React.createElement("tr", null,
638
- React.createElement("td", null, "\u63D0\u8D27\u4EBA"),
639
- React.createElement("td", { colSpan: 2 }),
640
- React.createElement("td", null, "\u63D0\u8D27\u8F66\u724C"),
641
- React.createElement("td", { colSpan: 2 }),
642
- React.createElement("td", null, "\u6253\u5370\u6B21\u6570"),
643
- React.createElement("td", { colSpan: 2 }),
644
- React.createElement("td", null, "\u5B58\u8D27\u5355\u4F4D"),
645
- React.createElement("td", { colSpan: 2 })),
646
- React.createElement("tr", null,
647
- React.createElement("td", null, "\u53D1\u8D27\u4EBA"),
648
- React.createElement("td", { colSpan: 2 }),
649
- React.createElement("td", null, "\u5236\u5355\u4EBA"),
650
- React.createElement("td", { colSpan: 2 }),
651
- React.createElement("td", null, "\u90E8\u95E8"),
652
- React.createElement("td", { colSpan: 2 }),
653
- React.createElement("td", null, "\u4E1A\u52A1\u4EE3\u8868"),
654
- React.createElement("td", { colSpan: 2 }))))),
655
- React.createElement("div", { className: "pt_bottom" },
656
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } },
657
- React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: 0 } },
658
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
659
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "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"),
660
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } })),
661
- React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: 0 } },
662
- React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
663
- React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
664
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
665
- React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
666
- React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
667
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } }))))))),
668
110
  React.createElement("div", { className: "html2canvas-container-page simple-print", style: { paddingTop: 0, paddingLeft: 0 } },
669
111
  React.createElement("div", { className: "print-header" },
670
112
  React.createElement("img", { src: imgSrc, alt: "" }),
@@ -893,49 +335,47 @@ var PrintContainerDemo = function () {
893
335
  React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
894
336
  React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
895
337
  React.createElement("span", { style: { display: 'inline-block', width: '100px' } }))))))),
896
- React.createElement("div", { className: "html2canvas-container-page simple-print", style: { paddingTop: 0, paddingLeft: 0 } },
897
- React.createElement("div", { className: "print-header" },
898
- React.createElement("img", { src: imgSrc, alt: "" }),
899
- React.createElement("h3", { className: "print-title" },
900
- "\u63D0\u8D27\u5355",
901
- React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
338
+ React.createElement("div", { className: "html2canvas-container-page simple-print" },
339
+ React.createElement("div", { className: "print-header set-box" },
340
+ React.createElement("img", { src: base64Img, alt: "" }),
341
+ React.createElement("h3", { className: "print-title" }, "\u63D0\u8D27\u53552"),
902
342
  React.createElement("div", { className: "right-info" },
903
343
  React.createElement("div", { className: "info-item" },
904
344
  React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
905
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
345
+ React.createElement("span", null, "8000000399")),
906
346
  React.createElement("div", { className: "info-item" },
907
347
  React.createElement("span", null, "\u5F00\u5355\u65F6\u95F4\uFF1A"),
908
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
348
+ React.createElement("span", null, "2022-08-03")),
909
349
  React.createElement("div", { className: "info-item" },
910
350
  React.createElement("span", null, "\u5BA1\u6838\u65F6\u95F4\uFF1A"),
911
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))),
351
+ React.createElement("span", null, "2022-08-06")))),
912
352
  React.createElement("div", { className: "purchaseIn-print-box" },
913
353
  React.createElement("div", { className: "pt10" },
914
354
  React.createElement("table", null,
915
355
  React.createElement("tbody", null,
916
356
  React.createElement("tr", null,
917
357
  React.createElement("td", null, "\u63D0\u8D27\u5355\u4F4D"),
918
- React.createElement("td", { colSpan: 3 }),
358
+ React.createElement("td", { colSpan: 3 }, "\u4E2D\u94C1\u4E8C\u5341\u4E8C\u5C40\u96C6\u56E2\u6709\u9650\u4E2D\u94C1\u4E8C\u5341\u4E8C\u5C40\u96C6\u56E2\u6709\u9650,\u516C\u53F8"),
919
359
  React.createElement("td", null, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
920
- React.createElement("td", { colSpan: 3 }),
360
+ React.createElement("td", { colSpan: 3 }, "12312312313123123123123"),
921
361
  React.createElement("td", { width: "100px" }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
922
- React.createElement("td", { colSpan: 3 })),
362
+ React.createElement("td", { colSpan: 3 }, "123123123123123123123")),
923
363
  React.createElement("tr", null,
924
364
  React.createElement("td", null, "\u7A0E\u53F7"),
925
- React.createElement("td", { colSpan: 3 }),
365
+ React.createElement("td", { colSpan: 3 }, "9111000071092227XH"),
926
366
  React.createElement("td", null, "\u5730\u5740\u53CA\u7535\u8BDD"),
927
- React.createElement("td", { colSpan: 3 }),
367
+ React.createElement("td", { colSpan: 3 }, "\u5317\u4EAC\u5E02\u77F3\u666F\u5C71\u533A\u77F3\u666F\u5C71\u8DEF35\u53F7"),
928
368
  React.createElement("td", { width: "100px" }, "\u9500\u552E\u5408\u540C\u53F7"),
929
- React.createElement("td", { colSpan: 3 })),
369
+ React.createElement("td", { colSpan: 3 }, "SC2208010002")),
930
370
  React.createElement("tr", null,
931
371
  React.createElement("td", null, "\u63D0\u8D27\u4ED3\u5E93"),
932
- React.createElement("td", { colSpan: 2 }),
372
+ React.createElement("td", { colSpan: 2 }, "\u7269\u4EA7\u7269\u6D41\u6B23\u987A\u7F8E\u5E93"),
933
373
  React.createElement("td", null, "\u4ED3\u5E93\u5730\u5740"),
934
- React.createElement("td", { colSpan: 2 }),
374
+ React.createElement("td", { colSpan: 2 }, "1231\u554A\u5B9E\u6253\u5B9E\u7684\u5927\u82CF\u6253"),
935
375
  React.createElement("td", null, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
936
- React.createElement("td", { colSpan: 2 }),
376
+ React.createElement("td", { colSpan: 2 }, "\u554A\u5B9E\u6253\u5B9E\u7684\u963F\u677E\u5927\u662F\u554A\u5927\u82CF\u6253\u788D\u4E8B"),
937
377
  React.createElement("td", null, "\u4ED3\u5E93\u7535\u8BDD"),
938
- React.createElement("td", { colSpan: 2 })),
378
+ React.createElement("td", { colSpan: 2 }, "\u554A\u5B9E\u6253\u5B9E\u5927\u82CF\u6253\u5B9E\u6253\u5B9E\u7684\u963F\u677E\u5927")),
939
379
  React.createElement("tr", null,
940
380
  React.createElement("td", { rowSpan: 2, colSpan: 4 }, "\u5546\u54C1\u540D\u79F0"),
941
381
  React.createElement("td", { width: "100px", rowSpan: 2 }, "\u6279\u6B21\u53F7"),
@@ -950,62 +390,72 @@ var PrintContainerDemo = function () {
950
390
  React.createElement("td", { width: "50px" }, "\u4EF6"),
951
391
  React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)")),
952
392
  React.createElement("tr", null,
953
- React.createElement("td", { colSpan: 4, style: { height: '23px' } }),
954
- React.createElement("td", null),
955
- React.createElement("td", null),
956
- React.createElement("td", null),
957
- React.createElement("td", null),
958
- React.createElement("td", null),
959
- React.createElement("td", null),
960
- React.createElement("td", null),
961
- React.createElement("td", null)),
393
+ React.createElement("td", { colSpan: 4 }, "\u91CD\u8F68 50MN \u6CB3\u5317\u6C38\u6D0B"),
394
+ React.createElement("td", null, "BN2207210002"),
395
+ React.createElement("td", null, "0"),
396
+ React.createElement("td", null, "1.000000"),
397
+ React.createElement("td", null, "0"),
398
+ React.createElement("td", null, "0.000000"),
399
+ React.createElement("td", null, "12.00"),
400
+ React.createElement("td", null, "\u5426"),
401
+ React.createElement("td", null, "\u5426")),
402
+ React.createElement("tr", null,
403
+ React.createElement("td", { colSpan: 4 }, "\u91CD\u8F68 50MN \u6CB3\u5317\u6C38\u6D0B"),
404
+ React.createElement("td", null, "BN2207140002"),
405
+ React.createElement("td", null, "0"),
406
+ React.createElement("td", null, "10.000000"),
407
+ React.createElement("td", null, "0"),
408
+ React.createElement("td", null, "0.000000"),
409
+ React.createElement("td", null, "12.00"),
410
+ React.createElement("td", null, "\u5426"),
411
+ React.createElement("td", null, "\u5426")),
962
412
  React.createElement("tr", null,
963
413
  React.createElement("td", { colSpan: 4, align: "left", style: { padding: '0px 30px' } }, "\u5408\u8BA1"),
964
414
  React.createElement("td", null),
965
- React.createElement("td", null),
966
- React.createElement("td", null),
967
- React.createElement("td", null),
968
- React.createElement("td", null),
415
+ React.createElement("td", null, "0"),
416
+ React.createElement("td", null, "11.000000"),
417
+ React.createElement("td", null, "0"),
418
+ React.createElement("td", null, "0.000000"),
969
419
  React.createElement("td", null),
970
420
  React.createElement("td", null),
971
421
  React.createElement("td", null)),
972
422
  React.createElement("tr", null,
973
423
  React.createElement("td", null, "\u5907\u6CE8"),
974
- React.createElement("td", { colSpan: 5 }),
424
+ React.createElement("td", { colSpan: 5 }, "\u554A\u5B9E\u6253\u5B9E\u5927\u82CF\u6253\u554A\u5B9E\u6253\u5B9E\u5927\u82CF\u6253\u963F\u677E\u5927\u963F\u677E\u5927\u963F\u677E\u5927\u554A\u5B9E\u6253\u5B9E\u6253\u7B97\u8FBE\u5230\u963F\u677E\u5927\u963F\u677E\u5927\u963F\u677E\u5927\u963F\u677E\u5927\u963F\u677E\u5927"),
975
425
  React.createElement("td", null, "\u63D0\u5355\u6709\u6548\u671F"),
976
- React.createElement("td", { colSpan: 2 }),
426
+ React.createElement("td", { colSpan: 2 }, "24"),
977
427
  React.createElement("td", null, "\u51FA\u5E93\u65B9\u5F0F"),
978
- React.createElement("td", { colSpan: 2 })),
428
+ React.createElement("td", { colSpan: 2 }, "\u5BA2\u6237\u81EA\u63D0")),
979
429
  React.createElement("tr", null,
980
430
  React.createElement("td", null, "\u63D0\u8D27\u4EBA"),
981
- React.createElement("td", { colSpan: 2 }),
431
+ React.createElement("td", { colSpan: 2 }, "\u554A\u5B9E\u6253\u5B9E\u7684"),
982
432
  React.createElement("td", null, "\u63D0\u8D27\u8F66\u724C"),
983
- React.createElement("td", { colSpan: 2 }),
433
+ React.createElement("td", { colSpan: 2 }, "\u554A\u5927\u82CF\u6253\u6492\u65E6"),
984
434
  React.createElement("td", null, "\u6253\u5370\u6B21\u6570"),
985
- React.createElement("td", { colSpan: 2 }),
435
+ React.createElement("td", { colSpan: 2 }, "123123"),
986
436
  React.createElement("td", null, "\u5B58\u8D27\u5355\u4F4D"),
987
- React.createElement("td", { colSpan: 2 })),
437
+ React.createElement("td", { colSpan: 2 }, "\u91CD\u5E86\u4E2D\u62D3-\u7535\u5546\u90E8")),
988
438
  React.createElement("tr", null,
989
439
  React.createElement("td", null, "\u53D1\u8D27\u4EBA"),
990
- React.createElement("td", { colSpan: 2 }),
440
+ React.createElement("td", { colSpan: 2 }, "\u6492\u5927\u82CF\u6253"),
991
441
  React.createElement("td", null, "\u5236\u5355\u4EBA"),
992
- React.createElement("td", { colSpan: 2 }),
442
+ React.createElement("td", { colSpan: 2 }, "\u9EC4\u667A\u575A"),
993
443
  React.createElement("td", null, "\u90E8\u95E8"),
994
- React.createElement("td", { colSpan: 2 }),
444
+ React.createElement("td", { colSpan: 2 }, "\u91CD\u5E86\u4E2D\u62D3-\u7535\u5546\u90E8"),
995
445
  React.createElement("td", null, "\u4E1A\u52A1\u4EE3\u8868"),
996
- React.createElement("td", { colSpan: 2 }))))),
446
+ React.createElement("td", { colSpan: 2 }, "\u80E1\u4F1F\u534E"))))),
997
447
  React.createElement("div", { className: "pt_bottom" },
998
448
  React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } },
999
- React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: 0 } },
1000
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
1001
- React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "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"),
449
+ React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: '0px' } },
450
+ React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\u554A\u5B9E\u6253\u5B9E\u7684\uFF1B"),
451
+ React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "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\u554A\u554A\u5B9E\u6253\u5B9E\u5927\u5E08\u7684\u6492\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"),
1002
452
  React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } })),
1003
- React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: 0 } },
453
+ React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: '0px' } },
1004
454
  React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
1005
455
  React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
1006
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
456
+ React.createElement("span", null, "2022-08-12 14:45:57")),
1007
457
  React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
1008
458
  React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
1009
- React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))))))));
459
+ React.createElement("span", null, "chenyx")))))))));
1010
460
  };
1011
461
  export default PrintContainerDemo;
package/dist/components/PrintContainer/handle.d.ts CHANGED
@@ -57,3 +57,16 @@ export declare function setMinusPosition(dom: any, style: any): void;
57
57
  export declare function initMinusPosition(dom: any): void;
58
58
  export declare function reductionMinusPostion(dom: any, type?: any): void;
59
59
  export declare function useInitSetPostion(): void;
60
+ export declare function htmlToPdfUseCanvas({ pageClassName, dom, pdfName, isShowPage, noWater, pdfOptions, imgPositionX, isDownload, }: {
61
+ pageClassName?: string;
62
+ dom: HTMLElement;
63
+ pdfName: string;
64
+ isShowPage?: boolean;
65
+ noWater?: boolean;
66
+ pdfOptions?: any;
67
+ imgPositionX?: number;
68
+ isDownload?: boolean;
69
+ }): Promise<{
70
+ pdfs: any;
71
+ pdfBase64: any;
72
+ }>;
package/dist/components/PrintContainer/handle.js CHANGED
@@ -1,3 +1,14 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
1
12
  var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
13
  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
14
  return new (P || (P = Promise))(function (resolve, reject) {
@@ -41,6 +52,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
41
52
  import jsPDF from 'jspdf';
42
53
  import { useEffect } from 'react';
43
54
  import { plus } from 'ztxkutils/dist/tools';
55
+ import html2canvas from 'html2canvas';
56
+ import { getToken, jwtDecode } from 'ztxkutils/dist/authority';
44
57
  /**
45
58
  * 图片转base64
46
59
  */
@@ -401,3 +414,163 @@ export function useInitSetPostion() {
401
414
  }
402
415
  }, []);
403
416
  }
417
+ /**
418
+ * 创建文本水印图片
419
+ * @param waterText 水印文本
420
+ * @param opacity 水印透明度
421
+ * @returns canvas png
422
+ */
423
+ function createWaterHandle(obj) {
424
+ var token = getToken();
425
+ var defaultWaterText = '内部资料，严禁外泄!';
426
+ if (token) {
427
+ try {
428
+ var tokenObj = jwtDecode(token);
429
+ defaultWaterText = "\u6D59\u5546\u4E2D\u62D3 " + ((tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.real_name) || '');
430
+ }
431
+ catch (err) {
432
+ console.log(err);
433
+ }
434
+ }
435
+ var _a = obj || {}, waterText = _a.waterText, opacity = _a.opacity, fontSize = _a.fontSize, cavansWidth = _a.cavansWidth, cavansHeight = _a.cavansHeight;
436
+ var canvas = document.createElement('canvas');
437
+ canvas.width = cavansWidth || 240;
438
+ canvas.height = cavansHeight || 100;
439
+ var ctx = canvas.getContext('2d');
440
+ if (ctx) {
441
+ ctx.rotate((-10 * Math.PI) / 180); // 水印旋转角度
442
+ ctx.font = (fontSize || '18px') + " \u5FAE\u8F6F\u96C5\u9ED1";
443
+ ctx.fillStyle = "rgba(0,0,0," + (opacity ? opacity : '0.07') + ")";
444
+ ctx.textAlign = 'center';
445
+ ctx.textBaseline = 'middle';
446
+ ctx.fillText(waterText || defaultWaterText, canvas.width / 2, canvas.height); // 水印在画布的位置x，y轴
447
+ }
448
+ return canvas.toDataURL('image/png');
449
+ }
450
+ function addPdfWaterHandle(pdf, waterBase64) {
451
+ for (var i = 0; i < 10; i++) {
452
+ pdf.addImage(waterBase64, 'PNG', 40, 140 * i, 200, 80, "1" + i);
453
+ pdf.addImage(waterBase64, 'PNG', 280, 140 * i, 200, 80, "2" + i);
454
+ }
455
+ }
456
+ /**
457
+ * html转pdf
458
+ */
459
+ function createPdf(canvas, pdf, noWater, positionX, options) {
460
+ var contentWidth = canvas.width;
461
+ var contentHeight = canvas.height;
462
+ var setWidth = (options === null || options === void 0 ? void 0 : options.width) || 592.28;
463
+ var setHeight = (options === null || options === void 0 ? void 0 : options.height) || 841.89;
464
+ // 一页pdf显示html页面生成的canvas高度
465
+ // const pageHeight = (contentWidth / 592.28) * 841.89;
466
+ var pageHeight = (contentWidth / setWidth) * setHeight;
467
+ // 未生成pdf的html页面高度
468
+ var leftHeight = contentHeight;
469
+ // 页面拍内衣
470
+ var position = 0;
471
+ //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
472
+ // const imgWidth = 595.28;
473
+ // const imgHeight = (592.28 / contentWidth) * contentHeight;
474
+ var imgWidth = setWidth - (positionX || 20) - 10;
475
+ var imgHeight = (setWidth / contentWidth) * contentHeight;
476
+ var pageData = canvas.toDataURL('image/jpeg', 1.0);
477
+ //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
478
+ //当内容未超过pdf一页显示的范围，无需分页
479
+ if (leftHeight < pageHeight) {
480
+ pdf.addImage(pageData, 'JPEG', positionX || 20, 10, imgWidth, imgHeight);
481
+ if (!noWater) {
482
+ var waterBase64 = createWaterHandle({
483
+ opacity: '0.07',
484
+ fontSize: '14px',
485
+ });
486
+ addPdfWaterHandle(pdf, waterBase64);
487
+ }
488
+ }
489
+ else {
490
+ while (leftHeight > 0) {
491
+ pdf.addImage(pageData, 'JPEG', positionX || 20, position, imgWidth, imgHeight);
492
+ if (!noWater) {
493
+ var waterBase64 = createWaterHandle({
494
+ opacity: '0.07',
495
+ fontSize: '14px',
496
+ });
497
+ addPdfWaterHandle(pdf, waterBase64);
498
+ }
499
+ leftHeight -= pageHeight;
500
+ // position -= 841.89;
501
+ position -= setHeight;
502
+ //避免添加空白页
503
+ if (leftHeight > 0) {
504
+ pdf.addPage();
505
+ }
506
+ }
507
+ }
508
+ }
509
+ export function htmlToPdfUseCanvas(_a) {
510
+ var pageClassName = _a.pageClassName, dom = _a.dom, pdfName = _a.pdfName, isShowPage = _a.isShowPage, noWater = _a.noWater, pdfOptions = _a.pdfOptions, imgPositionX = _a.imgPositionX, isDownload = _a.isDownload;
511
+ var allDom = document.querySelectorAll(pageClassName ? pageClassName : '.html2canvas-container-page');
512
+ var format = (pdfOptions === null || pdfOptions === void 0 ? void 0 : pdfOptions.format) || [632.28, 841.89];
513
+ var _pdfOptions = __assign({ unit: 'pt', format: format }, (pdfOptions || {}));
514
+ if (allDom.length > 0 && isShowPage) {
515
+ var allDomArray = Array.prototype.slice.call(allDom);
516
+ var pdfBase64_2 = [];
517
+ var pdfs_2 = [];
518
+ var promiseAllDomArray_1 = allDomArray.map(function (dom) {
519
+ return html2canvas(dom, {
520
+ scale: 2,
521
+ });
522
+ });
523
+ return (function () {
524
+ return __awaiter(this, void 0, void 0, function () {
525
+ var _i, promiseAllDomArray_2, item, pdf, canvas;
526
+ return __generator(this, function (_a) {
527
+ switch (_a.label) {
528
+ case 0:
529
+ _i = 0, promiseAllDomArray_2 = promiseAllDomArray_1;
530
+ _a.label = 1;
531
+ case 1:
532
+ if (!(_i < promiseAllDomArray_2.length)) return [3 /*break*/, 4];
533
+ item = promiseAllDomArray_2[_i];
534
+ pdf = new jsPDF(_pdfOptions);
535
+ return [4 /*yield*/, item];
536
+ case 2:
537
+ canvas = _a.sent();
538
+ createPdf(canvas, pdf, noWater, imgPositionX, {
539
+ width: format === null || format === void 0 ? void 0 : format[0],
540
+ height: format === null || format === void 0 ? void 0 : format[1],
541
+ });
542
+ if (isDownload) {
543
+ pdf.save(pdfName + ".pdf");
544
+ }
545
+ pdfBase64_2.push(pdf.output('dataurlstring'));
546
+ pdfs_2.push(pdf);
547
+ _a.label = 3;
548
+ case 3:
549
+ _i++;
550
+ return [3 /*break*/, 1];
551
+ case 4: return [2 /*return*/, Promise.resolve({
552
+ pdfs: pdfs_2,
553
+ pdfBase64: pdfBase64_2,
554
+ })];
555
+ }
556
+ });
557
+ });
558
+ })();
559
+ }
560
+ else {
561
+ var pdf_2 = new jsPDF(_pdfOptions);
562
+ return html2canvas(dom, { scale: 2 }).then(function (canvas) {
563
+ createPdf(canvas, pdf_2, noWater, imgPositionX, {
564
+ width: format === null || format === void 0 ? void 0 : format[0],
565
+ height: format === null || format === void 0 ? void 0 : format[1],
566
+ });
567
+ if (isDownload) {
568
+ pdf_2.save(pdfName + ".pdf");
569
+ }
570
+ return {
571
+ pdfs: [pdf_2],
572
+ pdfBase64: [pdf_2.output('dataurlstring')],
573
+ };
574
+ });
575
+ }
576
+ }
package/dist/components/PrintContainer/print-container.js CHANGED
@@ -65,7 +65,7 @@ import PrintModal from './PrintModal';
65
65
  // 其他文件
66
66
  import { printCurrentDom, htmlToPdfNoCanvas, htmlToPdf, addWaterHandle, removeWaterHandle, } from 'ztxkutils/dist/print';
67
67
  import { createDownloadUrlNoBase, createDownloadUrl, } from 'ztxkutils/dist/fileOperation';
68
- import { dataURLtoFile, setPositionLocal, getPositionLocal, setPositionDom, setPositionDeviation, useInitSetPostion, } from './handle';
68
+ import { dataURLtoFile, setPositionLocal, getPositionLocal, setPositionDom, setPositionDeviation, useInitSetPostion, htmlToPdfUseCanvas, } from './handle';
69
69
  import { autoSealThenDownloadFilesHandle } from './service';
70
70
  import { createTask } from './lodop';
71
71
  import { useNeedLodop } from './utils';
@@ -613,7 +613,7 @@ var PrintContainer = function (_a) {
613
613
  dom: containerRef.current,
614
614
  isShowPage: isAddExportPage,
615
615
  fileBinary: fontTTF,
616
- // isDownload: true,
616
+ isDownload: true,
617
617
  isCompress: true,
618
618
  pdfName: pdfName,
619
619
  pdfOption: {
@@ -899,6 +899,36 @@ var PrintContainer = function (_a) {
899
899
  });
900
900
  }
901
901
  // 导出盖章件
902
+ var exportCreatePdfHandle = function (_a) {
903
+ var successCallback = _a.successCallback, options = _a.options;
904
+ clickCreatePdfHandlePre && clickCreatePdfHandlePre();
905
+ setTimeout(function () {
906
+ if (isSetPosition) {
907
+ setPositionDom(setPositionDeviation(value));
908
+ }
909
+ htmlToPdfUseCanvas({
910
+ dom: containerRef.current,
911
+ isShowPage: isAddExportPage,
912
+ pdfName: pdfName,
913
+ isDownload: true,
914
+ pdfOptions: {
915
+ orientation: options.pdfOptions.orientation,
916
+ format: options.pdfOptions.format,
917
+ },
918
+ })
919
+ .then(function (option) {
920
+ clickCreatePdfHandleNext && clickCreatePdfHandleNext();
921
+ setPositionDom(value);
922
+ // 成功回调
923
+ successCallback(option);
924
+ })
925
+ .catch(function () {
926
+ clickCreatePdfHandleNext && clickCreatePdfHandleNext();
927
+ setPositionDom(value);
928
+ setSpinning(false);
929
+ });
930
+ });
931
+ };
902
932
  var onExportSealFileHandle = function (options, isZip) {
903
933
  if (!Array.isArray(autoSealList) || autoSealList.length === 0) {
904
934
  message.info("\u5F53\u524D\u90E8\u95E8\u3001\u6D41\u7A0B\u4E0B\u672A\u914D\u7F6E\u81EA\u52A8\u76D6\u7AE0\u76F8\u5173\u5370\u7AE0\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u914D\u7F6E!");
@@ -939,6 +969,14 @@ var PrintContainer = function (_a) {
939
969
  exportSealPdf(options, isZip);
940
970
  }
941
971
  };
972
+ var onExportSealFileHandlePhoto = function (options, isZip) {
973
+ if (!Array.isArray(autoSealList) || autoSealList.length === 0) {
974
+ message.info("\u5F53\u524D\u90E8\u95E8\u3001\u6D41\u7A0B\u4E0B\u672A\u914D\u7F6E\u81EA\u52A8\u76D6\u7AE0\u76F8\u5173\u5370\u7AE0\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u914D\u7F6E!");
975
+ return;
976
+ }
977
+ setSpinning(true);
978
+ exportSealPdfPhoto(options, isZip);
979
+ };
942
980
  var setFormDataSeal = function (formData) {
943
981
  if (Array.isArray(autoSealList)) {
944
982
  autoSealList.forEach(function (autoSealItem, i) {
@@ -1048,6 +1086,46 @@ var PrintContainer = function (_a) {
1048
1086
  options: options,
1049
1087
  });
1050
1088
  }
1089
+ function exportSealPdfPhoto(options, isZip) {
1090
+ exportCreatePdfHandle({
1091
+ successCallback: function (option) {
1092
+ var pdfBase64 = option.pdfBase64;
1093
+ var allDom = document.querySelectorAll('.html2canvas-container-page');
1094
+ var files = Array.isArray(pdfBase64)
1095
+ ? pdfBase64.map(function (base64, index) {
1096
+ var _a, _b;
1097
+ var title = ((_b = (_a = allDom[index]) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.title) ||
1098
+ pdfName ||
1099
+ "\u5355\u636E" + (index + 1);
1100
+ return dataURLtoFile(base64, title + ".pdf");
1101
+ })
1102
+ : [];
1103
+ if (isZip) {
1104
+ var formData_2 = new FormData();
1105
+ if (isUseXy) {
1106
+ formData_2.append("useXY", 'true');
1107
+ }
1108
+ files.forEach(function (file, i) {
1109
+ formData_2.append("fileList[" + i + "]", file);
1110
+ });
1111
+ setFormDataSeal(formData_2);
1112
+ autoSealThenDownloadFilesHandle(request, formData_2, {
1113
+ sucessCallback: function () {
1114
+ setSpinning(false);
1115
+ },
1116
+ errorCallback: function () {
1117
+ setSpinning(false);
1118
+ },
1119
+ });
1120
+ }
1121
+ else {
1122
+ // 不压缩 一个个上传
1123
+ noZipDownloadHandle(files);
1124
+ }
1125
+ },
1126
+ options: options,
1127
+ });
1128
+ }
1051
1129
  return (React.createElement(Spin, { spinning: spinning },
1052
1130
  React.createElement("div", { className: "print-container--header" },
1053
1131
  React.createElement("div", { className: "print-container--header__content" },
@@ -1089,7 +1167,7 @@ var PrintContainer = function (_a) {
1089
1167
  },
1090
1168
  }, true);
1091
1169
  }
1092
- else {
1170
+ else if (e.key === 'nozip') {
1093
1171
  onExportSealFileHandle({
1094
1172
  pdfOptions: {
1095
1173
  orientation: 'l',
@@ -1097,7 +1175,25 @@ var PrintContainer = function (_a) {
1097
1175
  },
1098
1176
  }, false);
1099
1177
  }
1178
+ else if (e.key === 'zip-photo') {
1179
+ onExportSealFileHandlePhoto({
1180
+ pdfOptions: {
1181
+ orientation: 'l',
1182
+ format: EXPORT_PDF_PAGEFORMATL,
1183
+ },
1184
+ }, true);
1185
+ }
1186
+ else if (e.key === 'nozip-photo') {
1187
+ onExportSealFileHandlePhoto({
1188
+ pdfOptions: {
1189
+ orientation: 'l',
1190
+ format: EXPORT_PDF_PAGEFORMATL,
1191
+ },
1192
+ }, false);
1193
+ }
1100
1194
  } },
1195
+ React.createElement(Menu.Item, { key: "zip-photo" }, "\u56FE\u7247\u538B\u7F29\u7248"),
1196
+ React.createElement(Menu.Item, { key: "nozip-photo" }, "\u56FE\u7247\u4E0D\u538B\u7F29\u7248"),
1101
1197
  React.createElement(Menu.Item, { key: "zip" }, "\u538B\u7F29"),
1102
1198
  React.createElement(Menu.Item, { key: "nozip" }, "\u4E0D\u538B\u7F29"))); }, placement: "bottomLeft" },
1103
1199
  React.createElement(Button, { type: "primary" }, "\u5BFC\u51FA\u76D6\u7AE0\u4EF6"))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ztxkui",
3
- "version": "4.2.12",
3
+ "version": "4.2.13",
4
4
  "private": false,
5
5
  "description": "React components library",
6
6
  "author": "zt-front-end",