ydb-components-material 0.1.86 → 0.1.88

package/es/components/file-list/signUtil.js

@@ -0,0 +1,369 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { getBlob, getFileExtension, upload, dataURLtoBlob, uploadFilePromise } from "./file";
+import { createbycategory, contractSignUrl, signurl, checkSignState, contractFinish, documentDownload, fileUploadApi } from "../../api";
+var categoryId = '3354397552669692408';
+// 预发
+var categoryIdRelease = '3291682531601133765'; // 手写签批id
+var documentId = ''; // 手写签批生成的文件id
+var contractId = ''; // 合同id
+
+// 对外的方法 初始化手写签批的页面
+export function initSignPageMethod(_x, _x2, _x3) {
+  return _initSignPageMethod.apply(this, arguments);
+}
+
+// 【第 1 步】上传要手写签批的文件
+function _initSignPageMethod() {
+  _initSignPageMethod = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileObj, userInfo, config) {
+    var fileName, docId, contrId, flag, pageUrl, params;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          console.log('fileObj', fileObj, userInfo);
+          fileName = fileObj.fileName; // 【第 1 步】上传要手写签批的文件
+          _context.next = 1;
+          return uploadSignFile(fileObj, config);
+        case 1:
+          docId = _context.sent;
+          console.log('docId---', docId);
+          if (docId) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 2:
+          documentId = docId; // 保存文档 id
+
+          // 【第 2 步】创建或者发起电子签批
+          _context.next = 3;
+          return createbycategoryFun(fileName, docId, config);
+        case 3:
+          contrId = _context.sent;
+          console.log('contrId---', contrId);
+          if (contrId) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 4:
+          contractId = contrId;
+
+          // 【第 3 步】创建手写签批页面
+          _context.next = 5;
+          return getContractSignUrl(contrId, userInfo, config);
+        case 5:
+          flag = _context.sent;
+          if (flag) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 6:
+          _context.next = 7;
+          return getSignUrl(userInfo, config);
+        case 7:
+          pageUrl = _context.sent;
+          if (pageUrl) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 8:
+          // 将 文档 id/签批文件 id/签署地址/文件名称 返回
+          params = {
+            documentId: documentId,
+            contractId: contractId,
+            pageUrl: pageUrl,
+            fileName: fileName
+          };
+          return _context.abrupt("return", params);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _initSignPageMethod.apply(this, arguments);
+}
+function uploadSignFile(_x4, _x5) {
+  return _uploadSignFile.apply(this, arguments);
+} // 【第 2 步】创建或者发起电子签批
+function _uploadSignFile() {
+  _uploadSignFile = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event, config) {
+    var blob, file, signApprovalFileType;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          console.log('文件 1111', event, config);
+          // uni.showLoading({ title: '加载中' })
+          _context2.next = 1;
+          return getBlob(event.fileUrl);
+        case 1:
+          blob = _context2.sent;
+          file = new File([blob], event.fileName, {
+            type: getFileExtension(event.fileName)
+          });
+          console.log('file----', file);
+          // 获取文件类型
+          signApprovalFileType = getFileExtension(event.fileName);
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            // 上传文件
+            upload({
+              file: file,
+              title: event.fileName,
+              fileType: signApprovalFileType,
+              filename: event.fileName,
+              // 文件名称
+              headers: {
+                Authorization: config.tokenTY
+              },
+              // https://zwfwpt.sxzwfw.gov.cn${window.env === 'release' ? ':10010' : ''}/DeclarationAPI
+              action: config.baseUrl + "/declaration/center/signapproval/api/createbyfile",
+              // 上传文件的地址
+              onError: function onError(e) {
+                // uni.$u.toast(e.msg || '手写签批上传文件异常');
+                // uni.hideLoading();
+                resolve(false);
+              },
+              onSuccess: function onSuccess(e) {
+                // 上传成功
+                console.log('上传成功', e);
+                resolve(e.data.documentId);
+              }
+            });
+          }));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _uploadSignFile.apply(this, arguments);
+}
+function createbycategoryFun(fileName, documentIdVal, config) {
+  // uni.showLoading({ title: '加载中' })
+  console.log('env---', config.env);
+  var params = {
+    subject: fileName,
+    documents: [documentIdVal],
+    categoryId: config.env === 'releaseHLW' ? categoryIdRelease : categoryId,
+    send: true,
+    tenantName: '山西省行政审批服务管理局'
+  };
+  return new Promise(function (resolve) {
+    createbycategory(params, config).then(function (res) {
+      console.log('创建订单成功', res);
+      if (res.code === 200) {
+        resolve(res.data.contractId);
+      } else {
+        resolve(false);
+      }
+    })["catch"](function (error) {
+      // uni.hideLoading();
+      resolve(false);
+    });
+  });
+}
+
+// 【第 3 步】创建手写签批页面
+function getContractSignUrl(contractIdVal, userInfo, config) {
+  console.log('contractIdVal', contractIdVal, userInfo);
+  // uni.showLoading({ title: '加载中' })
+  var params = {
+    contractId: contractIdVal,
+    signatories: [{
+      tenantType: 'PERSONAL',
+      tenantName: userInfo.acctType === '20' ? userInfo.legalName : userInfo.userName,
+      contact: userInfo.acctType === '20' ? userInfo.legalMobile : userInfo.contactMobile,
+      serialNo: 1,
+      signAuthConfig: {
+        signAuth: 'DEFAULT'
+      },
+      remind: false
+    }]
+  };
+  return new Promise(function (resolve) {
+    contractSignUrl(params, config).then(function (res) {
+      if (res.data.code == 0) {
+        resolve(true);
+      } else {
+        // uni.hideLoading();
+        // uni.showModal({
+        //   title: '温馨提示',
+        //   content: '获取签批页面失败',
+        //   confirmText: '知道了',
+        //   showCancel: false,
+        // })
+        resolve(false);
+      }
+    })["catch"](function (error) {
+      // uni.hideLoading();
+      resolve(false);
+    });
+  });
+}
+
+// 【第 4 步】获取签 pi 页面
+function getSignUrl(userInfo, config) {
+  // uni.showLoading({ title: '加载中' })
+  var params = {
+    contractId: contractId,
+    tenantType: 'PERSONAL',
+    // COMPANY（组织）,PERSONAL（个人）
+    tenantName: userInfo.acctType === '20' ? userInfo.legalName : userInfo.userName,
+    contact: userInfo.acctType === '20' ? userInfo.legalMobile : userInfo.contactMobile,
+    canReturn: false,
+    // 页面是否显示返回按钮
+    canWithdraw: false,
+    // 页面是否显示撤回/回退/拒签按钮
+    rejectable: false,
+    // 页面是否显示拒签按钮
+    allowDownload: false,
+    // 页面是否显示下载按钮
+    allowPrint: false,
+    // 页面是否显示打印按钮
+    canViewDetail: false,
+    // 页面是否显示签署详情按钮
+    canMoreOperation: false,
+    // 页面是否显示"更多操作"按钮
+    autoClosePage: true,
+    // 操作完成自动关闭页面
+    language: 'ZH_CN',
+    deviceType: config.isPC || 'H5' // 取值范围：PC（返回 PC 页面），H5（返回 H5 页面）；不传值默认为：根据请求的 UserAgent 自动判断返回的页面类型。
+  };
+  return new Promise(function (resolve) {
+    signurl(params, config).then(function (res) {
+      console.log(res, '页面结果');
+      if (res.data.code == 0) {
+        resolve(res.data.signUrl);
+      } else {
+        resolve(false);
+      }
+      // uni.hideLoading();
+    })["catch"](function (error) {
+      resolve(false);
+      // uni.hideLoading();
+    });
+  });
+}
+
+// 下方是打开手写签批页面后 的后续操作
+
+// 对外的方法 获取签批后的文件
+export function getSignRes(_x6, _x7, _x8, _x9, _x0) {
+  return _getSignRes.apply(this, arguments);
+}
+
+// 轮询 签批状态
+function _getSignRes() {
+  _getSignRes = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(documentIdVal, contractIdVal, name, autoUpload, config) {
+    var isSignSucc, newFile, params, uploadRes;
+    return _regeneratorRuntime.wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 1;
+          return getCheckSignState(contractIdVal, config);
+        case 1:
+          isSignSucc = _context3.sent;
+          if (!isSignSucc) {
+            _context3.next = 8;
+            break;
+          }
+          // 封存
+          getContractFinish(contractIdVal, config);
+          _context3.next = 2;
+          return handleSignApprovalDown(documentIdVal, name, config);
+        case 2:
+          newFile = _context3.sent;
+          console.log('newFile', newFile);
+          // 如果需要自动上传
+          if (!autoUpload) {
+            _context3.next = 6;
+            break;
+          }
+          params = {
+            materiaBase: newFile,
+            open: true
+          };
+          console.log('params', params);
+          _context3.next = 3;
+          return fileUploadApi(params, config);
+        case 3:
+          uploadRes = _context3.sent;
+          // const uploadedFileObj = await uploadFilePromise(newFile, config)
+          console.log('签批完成后的文件地址', uploadRes);
+          if (!(uploadRes.code === 200)) {
+            _context3.next = 4;
+            break;
+          }
+          return _context3.abrupt("return", uploadRes.data);
+        case 4:
+          return _context3.abrupt("return", false);
+        case 5:
+          _context3.next = 7;
+          break;
+        case 6:
+          return _context3.abrupt("return", newFile);
+        case 7:
+          _context3.next = 9;
+          break;
+        case 8:
+          return _context3.abrupt("return", false);
+        case 9:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _getSignRes.apply(this, arguments);
+}
+function getCheckSignState(contractIdVal, config) {
+  return new Promise(function (resolve) {
+    checkSignState({
+      contractId: contractIdVal
+    }, config).then(function (res) {
+      console.log('轮询结果---', res);
+      // console.log('轮询结果', JSON.parse(res.data));
+      // 签署完成
+      if (res.data !== 'null') {
+        res = JSON.parse(res.data);
+        if (res.status == 'SIGNED') {
+          resolve(true);
+        } else {
+          resolve(false);
+        }
+      } else {
+        resolve(false);
+      }
+    });
+  });
+}
+
+// 封存电子签批
+function getContractFinish(contractIdVal, config) {
+  contractFinish({
+    contractId: contractIdVal
+  }, config);
+}
+
+// 下载签署完的文档
+function handleSignApprovalDown(documentIdVal, name, config) {
+  var params = {
+    documentId: documentIdVal,
+    type: 'pdf'
+  };
+  return new Promise(function (resolve) {
+    documentDownload(params, config).then(function (res) {
+      console.log('下载文件：', res);
+      // 返回来是base64格式的
+      // const blob = dataURLtoBlob(res.data); // 转成blob格式进行上传
+      // console.log(blob, '新文件的blob格式');
+      if (res.code === 200) {
+        resolve(res.data);
+      } else {
+        resolve(false);
+      }
+    });
+  });
+}

package/es/index.d.ts

@@ -39,5 +39,7 @@ export type { PreviewMaterialProps } from './components/preview-material';
 export { default as PreviewMaterial } from './components/preview-material';
 export type { PrintButtonProps } from './components/print';
 export { default as PrintButton } from './components/print';
+export type { FileListProps } from './components/file-list';
+export { default as FileList } from './components/file-list';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -25,5 +25,6 @@ export { default as AddressSelect } from "./components/address-select";
 export { default as AddressCascader } from "./components/address-cascade";
 export { default as PreviewMaterial } from "./components/preview-material";
 export { default as PrintButton } from "./components/print";
+export { default as FileList } from "./components/file-list";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/lib/components/file-item/index.js

@@ -103,6 +103,12 @@ var FileItem = function FileItem(_ref) {
   var _useState13 = (0, _react.useState)(null),
     checkPointData = _useState13[0],
     setCheckPointData = _useState13[1];
+  var _useState14 = (0, _react.useState)(0),
+    materialLibTotal = _useState14[0],
+    setMaterialLibTotal = _useState14[1];
+  var _useState15 = (0, _react.useState)(1),
+    pageNum = _useState15[0],
+    setPageNum = _useState15[1];
   var upload = function upload() {
     if (disabled) return;
     var inputEl = document.createElement('input');
@@ -214,27 +220,67 @@ var FileItem = function FileItem(_ref) {
     };
   }();
 
-  // 预览材料中的材料
-  var previewMaterial = function previewMaterial(id, url) {
-    if (materialUrlMap[id]) {
-      setIsShowMaterialPreview(true);
-      setMaterialPreviewUrl(materialUrlMap[id]);
-      return;
-    }
-    fetch(baseUrl + "/declaration/material/onlinePreview?url=" + url, {
-      method: 'GET',
-      headers: {
-        'Authorization': tokenTY || ''
-      }
-    }).then(function (response) {
-      return response.json();
-    }).then(function (res) {
-      var _extends2;
-      setMaterialPreviewUrl(res.url);
-      setIsShowMaterialPreview(true);
-      setMaterialUrlMap((0, _extends3["default"])({}, materialUrlMap, (_extends2 = {}, _extends2[id] = res.url, _extends2)));
-    });
-  };
+  // 预览材料库中的材料
+  var previewMaterial = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(id, url) {
+      var materialUrl, urlRes;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!materialUrlMap[id]) {
+              _context2.next = 1;
+              break;
+            }
+            setIsShowMaterialPreview(true);
+            setMaterialPreviewUrl(materialUrlMap[id]);
+            return _context2.abrupt("return");
+          case 1:
+            materialUrl = url;
+            if (materialUrl) {
+              _context2.next = 3;
+              break;
+            }
+            _context2.next = 2;
+            return (0, _api.getUrlById)({
+              id: id,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 2:
+            urlRes = _context2.sent;
+            if (urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0) {
+              materialUrl = urlRes.presignedUrlList[2];
+            }
+          case 3:
+            fetch(baseUrl + "/declaration/material/onlinePreview?url=" + materialUrl, {
+              method: 'GET',
+              headers: {
+                'Authorization': tokenTY || ''
+              }
+            }).then(function (response) {
+              return response.json();
+            }).then(function (res) {
+              var _extends2;
+              setMaterialPreviewUrl(res.url);
+              setIsShowMaterialPreview(true);
+              setMaterialUrlMap((0, _extends3["default"])({}, materialUrlMap, (_extends2 = {}, _extends2[id] = res.url, _extends2)));
+            });
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function previewMaterial(_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
 
   // 手写签批
   var sign = function sign() {
@@ -284,7 +330,7 @@ var FileItem = function FileItem(_ref) {
       // 个人传身份证号、法人传社会统一信用代码
       // cardno: '140110199504131013', // 个人传身份证号、法人传社会统一信用代码
       type: acctType === '10' ? '11' : '21',
-      pageNum: 1,
+      pageNum: pageNum,
       pageSize: 10
     };
     (0, _api.getMaterialLib)(params, {
@@ -297,30 +343,32 @@ var FileItem = function FileItem(_ref) {
     }).then(function (res) {
       if (res.code === 200) {
         var records = res.data.records;
-        setMaterialLib(records);
+        setMaterialLib(function (list) {
+          return list.concat(records);
+        });
+        setMaterialLibTotal(+res.data.total);
+        setPageNum(pageNum + 1);
       }
-      // if (+total === this.fileList.length) {
-      //   this.loadStatus = 'nomore'
-      // } else {
-      //   this.loadStatus = 'loadmore'
-      // }
-    })["catch"](function () {
-      // this.loadStatus = 'nomore'
+    })["catch"](function (err) {
+      console.error(err);
     });
   };
+  var loadMore = function loadMore() {
+    queryFileLibs();
+  };
   var showGuide = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
       var guideImgRes;
-      return _regenerator["default"].wrap(function (_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (guideImg) {
-              _context2.next = 1;
+              _context3.next = 1;
               break;
             }
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 1:
-            _context2.next = 2;
+            _context3.next = 2;
             return (0, _api.getGuideImg)({
               id: guideImg,
               effectiveTime: 3600000
@@ -333,50 +381,94 @@ var FileItem = function FileItem(_ref) {
               accessToken: accessToken
             });
           case 2:
-            guideImgRes = _context2.sent;
+            guideImgRes = _context3.sent;
             if (guideImgRes.presignedUrl) {
               setGuideurl(guideImgRes.presignedUrl);
               setIsShowGuide(true);
             }
           case 3:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function showGuide() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var selectMaterialOk = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+      var selectedMaterial, arr, fileFormat, formatFinal, urlRes, m;
+      return _regenerator["default"].wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            console.log('val', materialId);
+            console.log('materialLib==', materialLib);
+            selectedMaterial = materialLib.find(function (item) {
+              return item.fileId === materialId;
+            });
+            console.log('selectedMaterial', selectedMaterial);
+            if (!spec) {
+              _context4.next = 1;
+              break;
+            }
+            arr = selectedMaterial.fileName.split('.'); //
+            fileFormat = arr[arr.length - 1]; // 获取当前材料库材料的文件类型
+            console.log(fileFormat, '材料库当前选择的文件格式');
+            formatFinal = (0, _file2.initFormat)(spec); // 限制的文件类型
+            console.log(formatFinal, '限制的格式最后');
+            if (formatFinal.includes(fileFormat)) {
+              _context4.next = 1;
+              break;
+            }
+            _message["default"].notice("\u8BE5\u6750\u6599\u4E0D\u652F\u6301\u4E0A\u4F20\u3010" + fileFormat + "\u3011\u683C\u5F0F\u7684\u6587\u4EF6");
+            return _context4.abrupt("return");
+          case 1:
+            if (!(selectedMaterial.type === 1)) {
+              _context4.next = 2;
+              break;
+            }
+            _message["default"].notice('该文件为旧文件, 请先下载后手动上传');
+            return _context4.abrupt("return");
+          case 2:
+            if (selectedMaterial.innerFileUrl) {
+              _context4.next = 4;
+              break;
+            }
+            _context4.next = 3;
+            return (0, _api.getUrlById)({
+              id: selectedMaterial.fileId,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            urlRes = _context4.sent;
+            if (urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0) {
+              selectedMaterial.innerFileUrl = urlRes.presignedUrlList[2];
+            }
+          case 4:
+            m = (0, _extends3["default"])({}, selectedMaterial, {
+              fileUrl: selectedMaterial.innerFileUrl
+            });
+            console.log('m', m);
+            valChange(m);
+            setIsShowMaterialLib(false);
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function selectMaterialOk() {
+      return _ref5.apply(this, arguments);
     };
   }();
-  var selectMaterialOk = function selectMaterialOk() {
-    console.log('val', materialId);
-    console.log('materialLib==', materialLib);
-    var selectedMaterial = materialLib.find(function (item) {
-      return item.fileId === materialId;
-    });
-    console.log('selectedMaterial', selectedMaterial);
-    if (spec) {
-      var arr = selectedMaterial.fileName.split('.'); //
-      var fileFormat = arr[arr.length - 1]; // 获取当前材料库材料的文件类型
-      console.log(fileFormat, '材料库当前选择的文件格式');
-      var formatFinal = (0, _file2.initFormat)(spec); // 限制的文件类型
-      console.log(formatFinal, '限制的格式最后');
-      if (!formatFinal.includes(fileFormat)) {
-        _message["default"].notice("\u8BE5\u6750\u6599\u4E0D\u652F\u6301\u4E0A\u4F20\u3010" + fileFormat + "\u3011\u683C\u5F0F\u7684\u6587\u4EF6");
-        return;
-      }
-    }
-    if (selectedMaterial.type === 1) {
-      _message["default"].notice('该文件为旧文件, 请先下载后手动上传');
-      return;
-    }
-    var m = (0, _extends3["default"])({}, selectedMaterial, {
-      fileUrl: selectedMaterial.innerFileUrl
-    });
-    console.log('m', m);
-    valChange(m);
-    setIsShowMaterialLib(false);
-  };
   var onDownload = function onDownload() {
     if (disabled) return;
     var format = (0, _file2.getFileExtension)(fileName);
@@ -559,7 +651,10 @@ var FileItem = function FileItem(_ref) {
       src: _preview["default"],
       alt: ""
     }), "\u9884\u89C8"));
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }), materialLib.length < materialLibTotal && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "more",
+    onClick: loadMore
+  }, "\u52A0\u8F7D\u66F4\u591A")), /*#__PURE__*/_react["default"].createElement("div", {
     className: "bottom_btn"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "btn cancel",