ydb-components-material 0.1.201 → 0.1.203
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/build/docs/404.html +3 -3
- package/build/docs/_demos/:uuid +3 -3
- package/build/docs/colorful-button.html +3 -3
- package/build/docs/colorful-input.html +3 -3
- package/build/docs/index.html +3 -3
- package/build/docs/{umi.4aa6a455.js → umi.93821ab1.js} +1 -1
- package/build/docs/{umi.c6775933.css → umi.a4eecfb4.css} +1 -1
- package/build/docs/~demos/:uuid.html +3 -3
- package/build/docs/~demos/colorful-button-demo.html +3 -3
- package/build/docs/~demos/colorful-input-demo.html +3 -3
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +1 -1
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +1 -1
- package/dist/BizComps.css +1 -1
- package/dist/BizComps.js +1 -1
- package/dist/BizComps.js.map +1 -1
- package/es/components/file-list/index.js +13 -12
- package/es/components/file-list/item.js +8 -11
- package/es/components/file-list/merge.d.ts +1 -0
- package/es/components/file-list/merge.js +113 -41
- package/es/components/file-list/merge.scss +18 -0
- package/es/components/sign-file/mobile.js +0 -1
- package/lib/components/file-list/index.js +13 -12
- package/lib/components/file-list/item.js +8 -11
- package/lib/components/file-list/merge.d.ts +1 -0
- package/lib/components/file-list/merge.js +114 -42
- package/lib/components/file-list/merge.scss +18 -0
- package/lib/components/sign-file/mobile.js +0 -1
- package/lowcode_es/meta.js +1 -1
- package/lowcode_lib/meta.js +1 -1
- package/package.json +3 -3
|
@@ -91,7 +91,7 @@ var FileList = function FileList(_ref) {
|
|
|
91
91
|
};
|
|
92
92
|
useEffect(function () {
|
|
93
93
|
var stored = localStorage.getItem(tokenTY);
|
|
94
|
-
console.log('fileList-stored', stored);
|
|
94
|
+
// console.log('fileList-stored', stored);
|
|
95
95
|
if (stored) {
|
|
96
96
|
try {
|
|
97
97
|
setFileArray(JSON.parse(stored));
|
|
@@ -141,7 +141,7 @@ var FileList = function FileList(_ref) {
|
|
|
141
141
|
|
|
142
142
|
// 拼接材料的提示文案 - 一级材料
|
|
143
143
|
var getTipText = function getTipText(item) {
|
|
144
|
-
console.log('getTipText', item);
|
|
144
|
+
// console.log('getTipText', item);
|
|
145
145
|
var materialSize = item.materialSize,
|
|
146
146
|
materialSpec = item.materialSpec,
|
|
147
147
|
materialType = item.materialType;
|
|
@@ -156,8 +156,8 @@ var FileList = function FileList(_ref) {
|
|
|
156
156
|
// 拼接材料的提示文案 - 二级材料
|
|
157
157
|
var getTipTextForSubMaterial = function getTipTextForSubMaterial(item, index, subIndex) {
|
|
158
158
|
var subMaterials = fileArray[index].subMaterials;
|
|
159
|
-
console.log('getTipTextForSubMaterial', item, index, subIndex);
|
|
160
|
-
console.log('subMaterials', subMaterials);
|
|
159
|
+
// console.log('getTipTextForSubMaterial', item, index, subIndex);
|
|
160
|
+
// console.log('subMaterials', subMaterials);
|
|
161
161
|
var materialSize = item.materialSize,
|
|
162
162
|
materialSpec = item.materialSpec,
|
|
163
163
|
materialType = item.materialType;
|
|
@@ -177,7 +177,7 @@ var FileList = function FileList(_ref) {
|
|
|
177
177
|
text = "\u3010" + materialNames.join('和') + "\u3011\u81F3\u5C11\u4E0A\u4F20\u4E00\u4EFD\uFF0C";
|
|
178
178
|
}
|
|
179
179
|
var sizeText = materialSize ? "\u5355\u4E2A\u4E0D\u8D85\u8FC7\u3010" + materialSize + "MB\u3011" : '';
|
|
180
|
-
console.log('text', sizeText);
|
|
180
|
+
// console.log('text', sizeText);
|
|
181
181
|
return text + "\u9700\u4E0A\u4F20\u3010" + MATERIAL_TYPE[materialType] + "\u3011\uFF0C\u652F\u6301\u3010" + formatText + "\u3011\u683C\u5F0F\u3002" + sizeText;
|
|
182
182
|
};
|
|
183
183
|
var mergeFiles = function mergeFiles(name, files, index, subIndex) {
|
|
@@ -193,7 +193,7 @@ var FileList = function FileList(_ref) {
|
|
|
193
193
|
setShowMerge(true);
|
|
194
194
|
};
|
|
195
195
|
var mergeChange = function mergeChange(value) {
|
|
196
|
-
console.log('mergeChange', value);
|
|
196
|
+
// console.log('mergeChange', value);
|
|
197
197
|
for (var i = 0; i < curMerge.fileList.length - 1; i++) {
|
|
198
198
|
handleChange(undefined, 0, curMerge.index, curMerge.subIndex);
|
|
199
199
|
}
|
|
@@ -213,7 +213,7 @@ var FileList = function FileList(_ref) {
|
|
|
213
213
|
return list;
|
|
214
214
|
};
|
|
215
215
|
var handleChange = function handleChange(value, fileIndex, index, subIndex) {
|
|
216
|
-
console.log('handleChange', value, fileIndex, index, subIndex);
|
|
216
|
+
// console.log('handleChange', value, fileIndex, index, subIndex);
|
|
217
217
|
// 先找到一级目录
|
|
218
218
|
var oneLevelItem = fileArray[index];
|
|
219
219
|
// 如果subIndex有值。再去找一下二级目录
|
|
@@ -253,7 +253,7 @@ var FileList = function FileList(_ref) {
|
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
|
-
console.log('fileList--------res', fileArray);
|
|
256
|
+
// console.log('fileList--------res', fileArray);
|
|
257
257
|
valChange(fileArray);
|
|
258
258
|
setFileArray([].concat(fileArray));
|
|
259
259
|
};
|
|
@@ -268,16 +268,16 @@ var FileList = function FileList(_ref) {
|
|
|
268
268
|
|
|
269
269
|
// 如果 文件列表中都是图片,且数量大于1 判断需要合并
|
|
270
270
|
var judgeNeedMerge = function judgeNeedMerge(files) {
|
|
271
|
-
console.log('files--------judgeNeedMerge', files)
|
|
271
|
+
// console.log('files--------judgeNeedMerge', files)
|
|
272
272
|
var filterList = files.filter(function (file) {
|
|
273
273
|
return !!file.fileId;
|
|
274
274
|
});
|
|
275
275
|
return filterList.every(function (file) {
|
|
276
276
|
var fileName = file.fileName;
|
|
277
277
|
if (!fileName) return false;
|
|
278
|
-
console.log('fileName----', fileName)
|
|
278
|
+
// console.log('fileName----', fileName)
|
|
279
279
|
var type = getFileExtension(fileName);
|
|
280
|
-
console.log('type----', type)
|
|
280
|
+
// console.log('type----', type)
|
|
281
281
|
return ['png', 'jpg', 'jpeg'].includes(type);
|
|
282
282
|
}) && filterList.length > 1;
|
|
283
283
|
};
|
|
@@ -449,7 +449,8 @@ var FileList = function FileList(_ref) {
|
|
|
449
449
|
tokenTY: tokenTY,
|
|
450
450
|
materialName: curMerge.materialName,
|
|
451
451
|
openLoading: openLoading,
|
|
452
|
-
closeLoading: closeLoading
|
|
452
|
+
closeLoading: closeLoading,
|
|
453
|
+
isPC: isPC
|
|
453
454
|
}));
|
|
454
455
|
};
|
|
455
456
|
export default FileList;
|
|
@@ -59,7 +59,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
59
59
|
autoShowSignerInfo = _ref.autoShowSignerInfo,
|
|
60
60
|
onNeedSignerInfo = _ref.onNeedSignerInfo,
|
|
61
61
|
onCloseSignerInfo = _ref.onCloseSignerInfo;
|
|
62
|
-
console.log('fileItem', file, maxFileSize);
|
|
62
|
+
// console.log('fileItem', file, maxFileSize);
|
|
63
63
|
var fileName = file.fileName,
|
|
64
64
|
fileUrl = file.fileUrl,
|
|
65
65
|
fileId = file.fileId,
|
|
@@ -133,7 +133,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
133
133
|
setShowSignBtn = _React$useState6[1];
|
|
134
134
|
React.useEffect(function () {
|
|
135
135
|
var prerequisite = signatureEnable || signEnable;
|
|
136
|
-
console.log('prerequisite', prerequisite)
|
|
136
|
+
// console.log('prerequisite', prerequisite)
|
|
137
137
|
if (!prerequisite) {
|
|
138
138
|
setShowSignBtn(false);
|
|
139
139
|
// return;
|
|
@@ -221,7 +221,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
221
221
|
return _regeneratorRuntime.wrap(function (_context) {
|
|
222
222
|
while (1) switch (_context.prev = _context.next) {
|
|
223
223
|
case 0:
|
|
224
|
-
console.log('params---', documentIdVal, contractIdVal, nameVal, file);
|
|
225
224
|
_context.next = 1;
|
|
226
225
|
return getSignRes(documentIdVal, contractIdVal, nameVal, true, {
|
|
227
226
|
token: token,
|
|
@@ -358,7 +357,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
358
357
|
}
|
|
359
358
|
return _context2.abrupt("return");
|
|
360
359
|
case 1:
|
|
361
|
-
console.log('fileUrl', fileUrl, fileId);
|
|
360
|
+
// console.log('fileUrl', fileUrl, fileId);
|
|
362
361
|
captureComponentTop();
|
|
363
362
|
setPreviewIframeUrl(fileUrl);
|
|
364
363
|
setIsShowPreview(true);
|
|
@@ -635,7 +634,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
635
634
|
// invalidHandle()
|
|
636
635
|
// 轮询回调是旧闭包,这里读 ref 拿最新值,避免读到挂载时的初始 false
|
|
637
636
|
var needOther = needOtherSignRef.current;
|
|
638
|
-
console.log('needOtherSign-----', needOther);
|
|
637
|
+
// console.log('needOtherSign-----', needOther);
|
|
639
638
|
if (needOther) {
|
|
640
639
|
// 弹窗状态放到父级 FileList 控制,避免 FileItem 因 fileId 变化重挂载导致弹窗状态丢失
|
|
641
640
|
onNeedSignerInfo && onNeedSignerInfo({
|
|
@@ -648,7 +647,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
648
647
|
|
|
649
648
|
// 获取签章结果
|
|
650
649
|
var getSealRes = function getSealRes(val) {
|
|
651
|
-
console.log('sealval---', val);
|
|
650
|
+
// console.log('sealval---', val);
|
|
652
651
|
// 如果还允许签批 就连住一起做了
|
|
653
652
|
if (signatureEnable) {
|
|
654
653
|
setSealedFile(val);
|
|
@@ -688,7 +687,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
688
687
|
}
|
|
689
688
|
return _context5.abrupt("return", null);
|
|
690
689
|
case 1:
|
|
691
|
-
console.log('queryFileLibs', userInfo);
|
|
690
|
+
// console.log('queryFileLibs', userInfo);
|
|
692
691
|
certNo = userInfo.certNo, certificateSno = userInfo.certificateSno, acctType = userInfo.acctType;
|
|
693
692
|
currentPage = reset ? 1 : pageNum;
|
|
694
693
|
params = {
|
|
@@ -1004,7 +1003,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
1004
1003
|
_context1.next = 6;
|
|
1005
1004
|
break;
|
|
1006
1005
|
}
|
|
1007
|
-
console.log('urlRes', urlRes);
|
|
1008
1006
|
_context1.next = 4;
|
|
1009
1007
|
return onlinePreview({
|
|
1010
1008
|
url: urlRes.presignedUrlList[2]
|
|
@@ -1022,7 +1020,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
1022
1020
|
return extractImageUrls(res.url);
|
|
1023
1021
|
case 5:
|
|
1024
1022
|
list = _context1.sent;
|
|
1025
|
-
console.log('list---111111', list);
|
|
1026
1023
|
return _context1.abrupt("return", list[0]);
|
|
1027
1024
|
case 6:
|
|
1028
1025
|
case "end":
|
|
@@ -1036,7 +1033,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
1036
1033
|
}();
|
|
1037
1034
|
useEffect(function () {
|
|
1038
1035
|
if (fileId) {
|
|
1039
|
-
console.log('fileId---', fileId)
|
|
1036
|
+
// console.log('fileId---', fileId)
|
|
1040
1037
|
getViewUrl(fileId).then(function (url) {
|
|
1041
1038
|
setThumbnail(url);
|
|
1042
1039
|
});
|
|
@@ -1199,7 +1196,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
1199
1196
|
className: "operation_btn",
|
|
1200
1197
|
onClick: signAndSeal
|
|
1201
1198
|
}, function () {
|
|
1202
|
-
console.log('isSigned---', isSigned, signatureEnable)
|
|
1199
|
+
// console.log('isSigned---', isSigned, signatureEnable)
|
|
1203
1200
|
var canSign = signatureEnable;
|
|
1204
1201
|
var canSeal = userInfo.acctType === '20' && signEnable;
|
|
1205
1202
|
// 两者都开启:两个都签署过才算重新签署
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _Message from "@alifd/next/es/message";
|
|
1
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
3
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
4
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
@@ -18,19 +19,23 @@ var Merge = function Merge(_ref) {
|
|
|
18
19
|
tokenTY = _ref.tokenTY,
|
|
19
20
|
openLoading = _ref.openLoading,
|
|
20
21
|
closeLoading = _ref.closeLoading,
|
|
21
|
-
close = _ref.close
|
|
22
|
+
close = _ref.close,
|
|
23
|
+
isPC = _ref.isPC;
|
|
22
24
|
var _useState = useState(''),
|
|
23
25
|
viewUrl = _useState[0],
|
|
24
26
|
setViewUrl = _useState[1];
|
|
25
|
-
var _useState2 = useState(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var _useState3 = useState(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var _useState4 = useState(
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
var _useState2 = useState(false),
|
|
28
|
+
isShowPreview = _useState2[0],
|
|
29
|
+
setIsShowPreview = _useState2[1];
|
|
30
|
+
var _useState3 = useState(''),
|
|
31
|
+
viewPdfUrl = _useState3[0],
|
|
32
|
+
setViewPdfUrl = _useState3[1];
|
|
33
|
+
var _useState4 = useState(null),
|
|
34
|
+
blob = _useState4[0],
|
|
35
|
+
setBlob = _useState4[1];
|
|
36
|
+
var _useState5 = useState(fileList),
|
|
37
|
+
materialList = _useState5[0],
|
|
38
|
+
setMaterialList = _useState5[1];
|
|
34
39
|
|
|
35
40
|
// 置顶
|
|
36
41
|
var top = function top(index) {
|
|
@@ -185,9 +190,9 @@ var Merge = function Merge(_ref) {
|
|
|
185
190
|
};
|
|
186
191
|
|
|
187
192
|
// 核心:多张图片合并PDF
|
|
188
|
-
var
|
|
193
|
+
var buildPdfBlob = /*#__PURE__*/function () {
|
|
189
194
|
var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
190
|
-
var pdf, i, fileUrl, _blob, file, img, targetWidth, scale, targetHeight
|
|
195
|
+
var pdf, i, fileUrl, _blob, file, img, targetWidth, scale, targetHeight;
|
|
191
196
|
return _regeneratorRuntime.wrap(function (_context2) {
|
|
192
197
|
while (1) switch (_context2.prev = _context2.next) {
|
|
193
198
|
case 0:
|
|
@@ -238,56 +243,112 @@ var Merge = function Merge(_ref) {
|
|
|
238
243
|
_context2.next = 1;
|
|
239
244
|
break;
|
|
240
245
|
case 5:
|
|
241
|
-
|
|
242
|
-
pdfBlob = pdf.output('blob');
|
|
243
|
-
setBlob(pdfBlob);
|
|
244
|
-
|
|
245
|
-
// 2. 创建 Blob URL
|
|
246
|
-
blobUrl = URL.createObjectURL(pdfBlob);
|
|
247
|
-
setViewPdfUrl(blobUrl);
|
|
246
|
+
return _context2.abrupt("return", pdf.output('blob'));
|
|
248
247
|
case 6:
|
|
249
248
|
case "end":
|
|
250
249
|
return _context2.stop();
|
|
251
250
|
}
|
|
252
251
|
}, _callee2);
|
|
253
252
|
}));
|
|
254
|
-
return function
|
|
253
|
+
return function buildPdfBlob() {
|
|
255
254
|
return _ref3.apply(this, arguments);
|
|
256
255
|
};
|
|
257
256
|
}();
|
|
258
|
-
|
|
257
|
+
|
|
258
|
+
// PC:先拼出 PDF,再用 iframe 交给浏览器内置的 PDF 查看器预览
|
|
259
|
+
var imgsToPdf = /*#__PURE__*/function () {
|
|
259
260
|
var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
|
260
|
-
var
|
|
261
|
+
var pdfBlob;
|
|
261
262
|
return _regeneratorRuntime.wrap(function (_context3) {
|
|
262
263
|
while (1) switch (_context3.prev = _context3.next) {
|
|
264
|
+
case 0:
|
|
265
|
+
_context3.next = 1;
|
|
266
|
+
return buildPdfBlob();
|
|
267
|
+
case 1:
|
|
268
|
+
pdfBlob = _context3.sent;
|
|
269
|
+
setBlob(pdfBlob);
|
|
270
|
+
setViewPdfUrl(URL.createObjectURL(pdfBlob));
|
|
271
|
+
setIsShowPreview(true);
|
|
272
|
+
case 2:
|
|
273
|
+
case "end":
|
|
274
|
+
return _context3.stop();
|
|
275
|
+
}
|
|
276
|
+
}, _callee3);
|
|
277
|
+
}));
|
|
278
|
+
return function imgsToPdf() {
|
|
279
|
+
return _ref4.apply(this, arguments);
|
|
280
|
+
};
|
|
281
|
+
}();
|
|
282
|
+
|
|
283
|
+
// 移动端:WebView 没有内置 PDF 查看器(iframe 里的 blob PDF 渲染不出来),
|
|
284
|
+
// 直接按顺序滚动预览图片,内容与 PDF 一致;PDF 留到点「确认无误」时再生成
|
|
285
|
+
var openImgPreview = function openImgPreview() {
|
|
286
|
+
return setIsShowPreview(true);
|
|
287
|
+
};
|
|
288
|
+
var previewMaterial = function previewMaterial() {
|
|
289
|
+
return isPC ? imgsToPdf() : openImgPreview();
|
|
290
|
+
};
|
|
291
|
+
var uploadPdf = /*#__PURE__*/function () {
|
|
292
|
+
var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
|
293
|
+
var pdfBlob, formData, response, res, _t2, _t3;
|
|
294
|
+
return _regeneratorRuntime.wrap(function (_context4) {
|
|
295
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
263
296
|
case 0:
|
|
264
297
|
openLoading();
|
|
298
|
+
_context4.prev = 1;
|
|
299
|
+
_t2 = blob;
|
|
300
|
+
if (_t2) {
|
|
301
|
+
_context4.next = 3;
|
|
302
|
+
break;
|
|
303
|
+
}
|
|
304
|
+
_context4.next = 2;
|
|
305
|
+
return buildPdfBlob();
|
|
306
|
+
case 2:
|
|
307
|
+
_t2 = _context4.sent;
|
|
308
|
+
case 3:
|
|
309
|
+
pdfBlob = _t2;
|
|
310
|
+
if (!blob) setBlob(pdfBlob);
|
|
265
311
|
formData = new FormData();
|
|
266
|
-
formData.append('file',
|
|
312
|
+
formData.append('file', pdfBlob, materialName + '.pdf');
|
|
267
313
|
formData.append('open', true);
|
|
268
|
-
|
|
314
|
+
_context4.next = 4;
|
|
315
|
+
return fetch(baseUrl + "/declaration/material/file/files/api", {
|
|
269
316
|
method: 'POST',
|
|
270
317
|
body: formData,
|
|
271
318
|
headers: {
|
|
272
319
|
'Authorization': tokenTY || ''
|
|
273
320
|
}
|
|
274
|
-
}).then(function (response) {
|
|
275
|
-
return response.json();
|
|
276
|
-
}).then(function (res) {
|
|
277
|
-
console.log(res);
|
|
278
|
-
valChange(_extends({}, res, {
|
|
279
|
-
fileName: materialName + '.pdf'
|
|
280
|
-
}));
|
|
281
|
-
closeLoading();
|
|
282
321
|
});
|
|
283
|
-
case
|
|
322
|
+
case 4:
|
|
323
|
+
response = _context4.sent;
|
|
324
|
+
_context4.next = 5;
|
|
325
|
+
return response.json();
|
|
326
|
+
case 5:
|
|
327
|
+
res = _context4.sent;
|
|
328
|
+
console.log(res);
|
|
329
|
+
valChange(_extends({}, res, {
|
|
330
|
+
fileName: materialName + '.pdf'
|
|
331
|
+
}));
|
|
332
|
+
_context4.next = 7;
|
|
333
|
+
break;
|
|
334
|
+
case 6:
|
|
335
|
+
_context4.prev = 6;
|
|
336
|
+
_t3 = _context4["catch"](1);
|
|
337
|
+
console.error(_t3);
|
|
338
|
+
_Message.error('生成或上传失败,请重试');
|
|
339
|
+
case 7:
|
|
340
|
+
_context4.prev = 7;
|
|
341
|
+
// 原来只在成功分支里关,失败时全屏 loading 会一直挂着
|
|
342
|
+
closeLoading();
|
|
343
|
+
return _context4.finish(7);
|
|
344
|
+
case 8:
|
|
284
345
|
case "end":
|
|
285
|
-
return
|
|
346
|
+
return _context4.stop();
|
|
286
347
|
}
|
|
287
|
-
},
|
|
348
|
+
}, _callee4, null, [[1, 6, 7, 8]]);
|
|
288
349
|
}));
|
|
289
350
|
return function uploadPdf() {
|
|
290
|
-
return
|
|
351
|
+
return _ref5.apply(this, arguments);
|
|
291
352
|
};
|
|
292
353
|
}();
|
|
293
354
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -355,7 +416,7 @@ var Merge = function Merge(_ref) {
|
|
|
355
416
|
onClick: close
|
|
356
417
|
}, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement("div", {
|
|
357
418
|
className: "preview btn",
|
|
358
|
-
onClick:
|
|
419
|
+
onClick: previewMaterial
|
|
359
420
|
}, "\u9884\u89C8\u6750\u6599")), viewUrl && /*#__PURE__*/React.createElement("div", {
|
|
360
421
|
className: "viewImg"
|
|
361
422
|
}, /*#__PURE__*/React.createElement(CloseOutlined, {
|
|
@@ -367,15 +428,26 @@ var Merge = function Merge(_ref) {
|
|
|
367
428
|
className: "view",
|
|
368
429
|
src: viewUrl,
|
|
369
430
|
alt: ""
|
|
370
|
-
})),
|
|
431
|
+
})), isShowPreview && /*#__PURE__*/React.createElement("div", {
|
|
371
432
|
className: "view_pdf"
|
|
372
|
-
}, /*#__PURE__*/React.createElement("iframe", {
|
|
433
|
+
}, isPC ? /*#__PURE__*/React.createElement("iframe", {
|
|
373
434
|
src: viewPdfUrl + '#toolbar=0&navpanes=0&scrollbar=0&messages=0&statusbar=0',
|
|
374
435
|
id: "iframe",
|
|
375
436
|
frameBorder: "0",
|
|
376
437
|
height: "95%",
|
|
377
438
|
width: "100%"
|
|
378
|
-
})
|
|
439
|
+
}) :
|
|
440
|
+
/*#__PURE__*/
|
|
441
|
+
// 移动端 WebView 没有内置 PDF 查看器,iframe 里的 blob PDF 渲染不出来,改为直接滚动预览图片
|
|
442
|
+
React.createElement("div", {
|
|
443
|
+
className: "view_imgs"
|
|
444
|
+
}, materialList.map(function (item) {
|
|
445
|
+
return /*#__PURE__*/React.createElement("img", {
|
|
446
|
+
key: item.fileId,
|
|
447
|
+
src: item.fileUrl,
|
|
448
|
+
alt: ""
|
|
449
|
+
});
|
|
450
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
379
451
|
className: "bottom_btn",
|
|
380
452
|
style: {
|
|
381
453
|
background: '#fff',
|
|
@@ -384,7 +456,7 @@ var Merge = function Merge(_ref) {
|
|
|
384
456
|
}, /*#__PURE__*/React.createElement("div", {
|
|
385
457
|
className: "previous btn",
|
|
386
458
|
onClick: function onClick() {
|
|
387
|
-
return
|
|
459
|
+
return setIsShowPreview(false);
|
|
388
460
|
}
|
|
389
461
|
}, "\u8FD4\u56DE\u4FEE\u6539"), /*#__PURE__*/React.createElement("div", {
|
|
390
462
|
className: "preview btn",
|
|
@@ -112,6 +112,24 @@
|
|
|
112
112
|
height: 100%;
|
|
113
113
|
z-index: 999;
|
|
114
114
|
}
|
|
115
|
+
// 移动端:按顺序滚动预览待合并的图片(代替渲染不出来的 PDF iframe)
|
|
116
|
+
.view_imgs {
|
|
117
|
+
height: 100%;
|
|
118
|
+
box-sizing: border-box;
|
|
119
|
+
overflow-y: auto;
|
|
120
|
+
-webkit-overflow-scrolling: touch;
|
|
121
|
+
background: #ffffff;
|
|
122
|
+
// 底部留出固定按钮的位置,别让最后一张图被压住
|
|
123
|
+
padding: 12px 12px 100px;
|
|
124
|
+
|
|
125
|
+
img {
|
|
126
|
+
display: block;
|
|
127
|
+
width: 100%;
|
|
128
|
+
margin-bottom: 12px;
|
|
129
|
+
border-radius: 4px;
|
|
130
|
+
background: #ffffff;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
115
133
|
.viewImg {
|
|
116
134
|
background-color: #3333336a;
|
|
117
135
|
position: fixed;
|
|
@@ -22,7 +22,6 @@ var SignFileMobile = function SignFileMobile(props) {
|
|
|
22
22
|
var _useSignFile = useSignFile(props, {
|
|
23
23
|
withThumbnail: true
|
|
24
24
|
}),
|
|
25
|
-
fileName = _useSignFile.fileName,
|
|
26
25
|
originalFileId = _useSignFile.originalFileId,
|
|
27
26
|
guideImg = _useSignFile.guideImg,
|
|
28
27
|
thumbnail = _useSignFile.thumbnail,
|
|
@@ -97,7 +97,7 @@ var FileList = function FileList(_ref) {
|
|
|
97
97
|
};
|
|
98
98
|
(0, _react.useEffect)(function () {
|
|
99
99
|
var stored = localStorage.getItem(tokenTY);
|
|
100
|
-
console.log('fileList-stored', stored);
|
|
100
|
+
// console.log('fileList-stored', stored);
|
|
101
101
|
if (stored) {
|
|
102
102
|
try {
|
|
103
103
|
setFileArray(JSON.parse(stored));
|
|
@@ -147,7 +147,7 @@ var FileList = function FileList(_ref) {
|
|
|
147
147
|
|
|
148
148
|
// 拼接材料的提示文案 - 一级材料
|
|
149
149
|
var getTipText = function getTipText(item) {
|
|
150
|
-
console.log('getTipText', item);
|
|
150
|
+
// console.log('getTipText', item);
|
|
151
151
|
var materialSize = item.materialSize,
|
|
152
152
|
materialSpec = item.materialSpec,
|
|
153
153
|
materialType = item.materialType;
|
|
@@ -162,8 +162,8 @@ var FileList = function FileList(_ref) {
|
|
|
162
162
|
// 拼接材料的提示文案 - 二级材料
|
|
163
163
|
var getTipTextForSubMaterial = function getTipTextForSubMaterial(item, index, subIndex) {
|
|
164
164
|
var subMaterials = fileArray[index].subMaterials;
|
|
165
|
-
console.log('getTipTextForSubMaterial', item, index, subIndex);
|
|
166
|
-
console.log('subMaterials', subMaterials);
|
|
165
|
+
// console.log('getTipTextForSubMaterial', item, index, subIndex);
|
|
166
|
+
// console.log('subMaterials', subMaterials);
|
|
167
167
|
var materialSize = item.materialSize,
|
|
168
168
|
materialSpec = item.materialSpec,
|
|
169
169
|
materialType = item.materialType;
|
|
@@ -183,7 +183,7 @@ var FileList = function FileList(_ref) {
|
|
|
183
183
|
text = "\u3010" + materialNames.join('和') + "\u3011\u81F3\u5C11\u4E0A\u4F20\u4E00\u4EFD\uFF0C";
|
|
184
184
|
}
|
|
185
185
|
var sizeText = materialSize ? "\u5355\u4E2A\u4E0D\u8D85\u8FC7\u3010" + materialSize + "MB\u3011" : '';
|
|
186
|
-
console.log('text', sizeText);
|
|
186
|
+
// console.log('text', sizeText);
|
|
187
187
|
return text + "\u9700\u4E0A\u4F20\u3010" + MATERIAL_TYPE[materialType] + "\u3011\uFF0C\u652F\u6301\u3010" + formatText + "\u3011\u683C\u5F0F\u3002" + sizeText;
|
|
188
188
|
};
|
|
189
189
|
var mergeFiles = function mergeFiles(name, files, index, subIndex) {
|
|
@@ -199,7 +199,7 @@ var FileList = function FileList(_ref) {
|
|
|
199
199
|
setShowMerge(true);
|
|
200
200
|
};
|
|
201
201
|
var mergeChange = function mergeChange(value) {
|
|
202
|
-
console.log('mergeChange', value);
|
|
202
|
+
// console.log('mergeChange', value);
|
|
203
203
|
for (var i = 0; i < curMerge.fileList.length - 1; i++) {
|
|
204
204
|
handleChange(undefined, 0, curMerge.index, curMerge.subIndex);
|
|
205
205
|
}
|
|
@@ -219,7 +219,7 @@ var FileList = function FileList(_ref) {
|
|
|
219
219
|
return list;
|
|
220
220
|
};
|
|
221
221
|
var handleChange = function handleChange(value, fileIndex, index, subIndex) {
|
|
222
|
-
console.log('handleChange', value, fileIndex, index, subIndex);
|
|
222
|
+
// console.log('handleChange', value, fileIndex, index, subIndex);
|
|
223
223
|
// 先找到一级目录
|
|
224
224
|
var oneLevelItem = fileArray[index];
|
|
225
225
|
// 如果subIndex有值。再去找一下二级目录
|
|
@@ -259,7 +259,7 @@ var FileList = function FileList(_ref) {
|
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
console.log('fileList--------res', fileArray);
|
|
262
|
+
// console.log('fileList--------res', fileArray);
|
|
263
263
|
valChange(fileArray);
|
|
264
264
|
setFileArray([].concat(fileArray));
|
|
265
265
|
};
|
|
@@ -274,16 +274,16 @@ var FileList = function FileList(_ref) {
|
|
|
274
274
|
|
|
275
275
|
// 如果 文件列表中都是图片,且数量大于1 判断需要合并
|
|
276
276
|
var judgeNeedMerge = function judgeNeedMerge(files) {
|
|
277
|
-
console.log('files--------judgeNeedMerge', files)
|
|
277
|
+
// console.log('files--------judgeNeedMerge', files)
|
|
278
278
|
var filterList = files.filter(function (file) {
|
|
279
279
|
return !!file.fileId;
|
|
280
280
|
});
|
|
281
281
|
return filterList.every(function (file) {
|
|
282
282
|
var fileName = file.fileName;
|
|
283
283
|
if (!fileName) return false;
|
|
284
|
-
console.log('fileName----', fileName)
|
|
284
|
+
// console.log('fileName----', fileName)
|
|
285
285
|
var type = (0, _file.getFileExtension)(fileName);
|
|
286
|
-
console.log('type----', type)
|
|
286
|
+
// console.log('type----', type)
|
|
287
287
|
return ['png', 'jpg', 'jpeg'].includes(type);
|
|
288
288
|
}) && filterList.length > 1;
|
|
289
289
|
};
|
|
@@ -455,7 +455,8 @@ var FileList = function FileList(_ref) {
|
|
|
455
455
|
tokenTY: tokenTY,
|
|
456
456
|
materialName: curMerge.materialName,
|
|
457
457
|
openLoading: openLoading,
|
|
458
|
-
closeLoading: closeLoading
|
|
458
|
+
closeLoading: closeLoading,
|
|
459
|
+
isPC: isPC
|
|
459
460
|
}));
|
|
460
461
|
};
|
|
461
462
|
var _default = exports["default"] = FileList;
|
|
@@ -65,7 +65,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
65
65
|
autoShowSignerInfo = _ref.autoShowSignerInfo,
|
|
66
66
|
onNeedSignerInfo = _ref.onNeedSignerInfo,
|
|
67
67
|
onCloseSignerInfo = _ref.onCloseSignerInfo;
|
|
68
|
-
console.log('fileItem', file, maxFileSize);
|
|
68
|
+
// console.log('fileItem', file, maxFileSize);
|
|
69
69
|
var fileName = file.fileName,
|
|
70
70
|
fileUrl = file.fileUrl,
|
|
71
71
|
fileId = file.fileId,
|
|
@@ -139,7 +139,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
139
139
|
setShowSignBtn = _React$useState6[1];
|
|
140
140
|
_react["default"].useEffect(function () {
|
|
141
141
|
var prerequisite = signatureEnable || signEnable;
|
|
142
|
-
console.log('prerequisite', prerequisite)
|
|
142
|
+
// console.log('prerequisite', prerequisite)
|
|
143
143
|
if (!prerequisite) {
|
|
144
144
|
setShowSignBtn(false);
|
|
145
145
|
// return;
|
|
@@ -227,7 +227,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
227
227
|
return _regenerator["default"].wrap(function (_context) {
|
|
228
228
|
while (1) switch (_context.prev = _context.next) {
|
|
229
229
|
case 0:
|
|
230
|
-
console.log('params---', documentIdVal, contractIdVal, nameVal, file);
|
|
231
230
|
_context.next = 1;
|
|
232
231
|
return (0, _signUtil.getSignRes)(documentIdVal, contractIdVal, nameVal, true, {
|
|
233
232
|
token: token,
|
|
@@ -364,7 +363,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
364
363
|
}
|
|
365
364
|
return _context2.abrupt("return");
|
|
366
365
|
case 1:
|
|
367
|
-
console.log('fileUrl', fileUrl, fileId);
|
|
366
|
+
// console.log('fileUrl', fileUrl, fileId);
|
|
368
367
|
captureComponentTop();
|
|
369
368
|
setPreviewIframeUrl(fileUrl);
|
|
370
369
|
setIsShowPreview(true);
|
|
@@ -641,7 +640,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
641
640
|
// invalidHandle()
|
|
642
641
|
// 轮询回调是旧闭包,这里读 ref 拿最新值,避免读到挂载时的初始 false
|
|
643
642
|
var needOther = needOtherSignRef.current;
|
|
644
|
-
console.log('needOtherSign-----', needOther);
|
|
643
|
+
// console.log('needOtherSign-----', needOther);
|
|
645
644
|
if (needOther) {
|
|
646
645
|
// 弹窗状态放到父级 FileList 控制,避免 FileItem 因 fileId 变化重挂载导致弹窗状态丢失
|
|
647
646
|
onNeedSignerInfo && onNeedSignerInfo({
|
|
@@ -654,7 +653,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
654
653
|
|
|
655
654
|
// 获取签章结果
|
|
656
655
|
var getSealRes = function getSealRes(val) {
|
|
657
|
-
console.log('sealval---', val);
|
|
656
|
+
// console.log('sealval---', val);
|
|
658
657
|
// 如果还允许签批 就连住一起做了
|
|
659
658
|
if (signatureEnable) {
|
|
660
659
|
setSealedFile(val);
|
|
@@ -694,7 +693,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
694
693
|
}
|
|
695
694
|
return _context5.abrupt("return", null);
|
|
696
695
|
case 1:
|
|
697
|
-
console.log('queryFileLibs', userInfo);
|
|
696
|
+
// console.log('queryFileLibs', userInfo);
|
|
698
697
|
certNo = userInfo.certNo, certificateSno = userInfo.certificateSno, acctType = userInfo.acctType;
|
|
699
698
|
currentPage = reset ? 1 : pageNum;
|
|
700
699
|
params = {
|
|
@@ -1010,7 +1009,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
1010
1009
|
_context1.next = 6;
|
|
1011
1010
|
break;
|
|
1012
1011
|
}
|
|
1013
|
-
console.log('urlRes', urlRes);
|
|
1014
1012
|
_context1.next = 4;
|
|
1015
1013
|
return (0, _api.onlinePreview)({
|
|
1016
1014
|
url: urlRes.presignedUrlList[2]
|
|
@@ -1028,7 +1026,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
1028
1026
|
return extractImageUrls(res.url);
|
|
1029
1027
|
case 5:
|
|
1030
1028
|
list = _context1.sent;
|
|
1031
|
-
console.log('list---111111', list);
|
|
1032
1029
|
return _context1.abrupt("return", list[0]);
|
|
1033
1030
|
case 6:
|
|
1034
1031
|
case "end":
|
|
@@ -1042,7 +1039,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
1042
1039
|
}();
|
|
1043
1040
|
(0, _react.useEffect)(function () {
|
|
1044
1041
|
if (fileId) {
|
|
1045
|
-
console.log('fileId---', fileId)
|
|
1042
|
+
// console.log('fileId---', fileId)
|
|
1046
1043
|
getViewUrl(fileId).then(function (url) {
|
|
1047
1044
|
setThumbnail(url);
|
|
1048
1045
|
});
|
|
@@ -1205,7 +1202,7 @@ var FileItem = function FileItem(_ref) {
|
|
|
1205
1202
|
className: "operation_btn",
|
|
1206
1203
|
onClick: signAndSeal
|
|
1207
1204
|
}, function () {
|
|
1208
|
-
console.log('isSigned---', isSigned, signatureEnable)
|
|
1205
|
+
// console.log('isSigned---', isSigned, signatureEnable)
|
|
1209
1206
|
var canSign = signatureEnable;
|
|
1210
1207
|
var canSeal = userInfo.acctType === '20' && signEnable;
|
|
1211
1208
|
// 两者都开启:两个都签署过才算重新签署
|