ydb-components-material 0.1.18 → 0.1.19

package/es/components/file-item/sign.js

@@ -0,0 +1,114 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState, useRef } from 'react';
+import { initSignPageMethod, getSignRes } from "./signUtil";
+function SignPage(props) {
+  var isShowSignPage = props.isShowSignPage,
+    userInfo = props.userInfo,
+    file = props.file,
+    token = props.token,
+    getRes = props.getRes;
+  var _useState = useState(''),
+    srcUrl = _useState[0],
+    setSrcUrl = _useState[1];
+  var _useState2 = useState(''),
+    documentId = _useState2[0],
+    setDocumentId = _useState2[1];
+  var _useState3 = useState(''),
+    contractId = _useState3[0],
+    setContractId = _useState3[1];
+  var _useState4 = useState(''),
+    name = _useState4[0],
+    setName = _useState4[1];
+  var timerRef = useRef(null);
+  var handleRes = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var res, documentIdVal, contractIdVal, pageUrl, nameVal;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 1;
+            return initSignPageMethod(file, userInfo, token);
+          case 1:
+            res = _context.sent;
+            documentIdVal = res.documentId, contractIdVal = res.contractId, pageUrl = res.pageUrl, nameVal = res.name;
+            setSrcUrl(pageUrl);
+            setDocumentId(documentIdVal);
+            setContractId(contractIdVal);
+            setName(nameVal);
+            console.log(res);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleRes() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getSignedFile = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(documentIdVal, contractIdVal, nameVal, tokenVal) {
+      var newFile, finalFile;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            console.log('tokenVal----', tokenVal);
+            // const { autoUpload } = this
+            _context2.next = 1;
+            return getSignRes(documentIdVal, contractIdVal, nameVal, true, tokenVal);
+          case 1:
+            newFile = _context2.sent;
+            console.log(newFile, '签署完毕后的');
+            if (newFile) {
+              // 关闭轮询定时
+              handleClearInterval();
+              // 关闭弹框
+              // this.handleClose()
+              // 将手写签批后的新文件 传给
+              finalFile = _extends({
+                name: nameVal,
+                url: newFile.fileUrlList[0]
+              }, newFile);
+              console.log('finalFile---', finalFile);
+              getRes(finalFile);
+            }
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getSignedFile(_x, _x2, _x3, _x4) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleClearInterval = function handleClearInterval() {
+    clearInterval(timerRef.current);
+    timerRef.current = null;
+  };
+  useEffect(function () {
+    if (isShowSignPage) {
+      handleRes();
+    }
+  }, [isShowSignPage]);
+  useEffect(function () {
+    if (srcUrl && documentId && contractId && name && token && !timerRef.current) {
+      handleClearInterval();
+      timerRef.current = setInterval(function () {
+        getSignedFile(documentId, contractId, name, token);
+      }, 3000);
+    }
+  }, [srcUrl, documentId, contractId, name, token]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sign_page"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    src: srcUrl,
+    id: "iframe",
+    frameborder: "0",
+    height: "500px",
+    width: "100%"
+  }));
+}
+export default SignPage;

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

@@ -0,0 +1,370 @@
+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 } from "../../api";
+var baseURL = 'http://172.16.132.12:5005';
+var categoryId = '3354397552669692408';
+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, token) {
+    var name, docId, contrId, flag, pageUrl, params;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          console.log('fileObj', fileObj, userInfo, token);
+          name = fileObj.name; // 【第1步】上传要手写签批的文件
+          _context.next = 1;
+          return uploadSignFile(fileObj, token);
+        case 1:
+          docId = _context.sent;
+          if (docId) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 2:
+          documentId = docId; // 保存文档id
+
+          // 【第2步】创建或者发起电子签批
+          _context.next = 3;
+          return createbycategoryFun(name, docId, token);
+        case 3:
+          contrId = _context.sent;
+          console.log('contrId---', contrId);
+          if (contrId) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 4:
+          contractId = contrId;
+          // const contractIdList = [contrId];
+          // uni.setStorageSync('contractIdList',
+          //   [
+          //     ...uni.getStorageSync('contractIdList'), ...contractIdList
+          //   ]
+          // );
+
+          // 【第3步】创建手写签批页面
+          _context.next = 5;
+          return getContractSignUrl(contrId, userInfo, token);
+        case 5:
+          flag = _context.sent;
+          if (flag) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 6:
+          _context.next = 7;
+          return getSignUrl(userInfo, token);
+        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,
+            name: name
+          };
+          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, token) {
+    var blob, file, signApprovalFileType;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          console.log(event, '文件');
+          // uni.showLoading({ title: '加载中' })
+          _context2.next = 1;
+          return getBlob(event.url);
+        case 1:
+          blob = _context2.sent;
+          file = new File([blob], event.name, {
+            type: event.type
+          }); // 获取文件类型
+          signApprovalFileType = getFileExtension(event.name);
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            // 上传文件
+            upload({
+              file: file,
+              title: event.name,
+              fileType: signApprovalFileType,
+              filename: event.name,
+              // 文件名称
+              headers: {
+                Authorization: token
+              },
+              action: "\nhttps://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/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, token) {
+  // uni.showLoading({ title: '加载中' })
+  var params = {
+    subject: fileName,
+    documents: [documentIdVal],
+    categoryId: categoryId,
+    send: true,
+    tenantName: '山西省行政审批服务管理局'
+  };
+  return new Promise(function (resolve) {
+    createbycategory(params, {
+      token: token
+    }).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, token) {
+  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, {
+      token: token
+    }).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步】获取签章页面
+function getSignUrl(userInfo, token) {
+  // 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: 'H5' // 取值范围：PC（返回PC页面），H5（返回H5页面）；不传值默认为：根据请求的UserAgent自动判断返回的页面类型。
+  };
+  return new Promise(function (resolve) {
+    signurl(params, {
+      token: token
+    }).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, token) {
+    var isSignSucc, newFile, uploadedFileObj;
+    return _regeneratorRuntime.wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 1;
+          return getCheckSignState(contractIdVal, token);
+        case 1:
+          isSignSucc = _context3.sent;
+          if (!isSignSucc) {
+            _context3.next = 6;
+            break;
+          }
+          // 封存
+          getContractFinish(contractIdVal, token);
+          _context3.next = 2;
+          return handleSignApprovalDown(documentIdVal, name, token);
+        case 2:
+          newFile = _context3.sent;
+          console.log('newFile', newFile);
+          // 如果需要自动上传
+          if (!autoUpload) {
+            _context3.next = 4;
+            break;
+          }
+          _context3.next = 3;
+          return uploadFilePromise(newFile, token);
+        case 3:
+          uploadedFileObj = _context3.sent;
+          console.log('签批完成后的文件地址', uploadedFileObj);
+          return _context3.abrupt("return", uploadedFileObj);
+        case 4:
+          return _context3.abrupt("return", newFile);
+        case 5:
+          _context3.next = 7;
+          break;
+        case 6:
+          return _context3.abrupt("return", false);
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _getSignRes.apply(this, arguments);
+}
+function getCheckSignState(contractIdVal, token) {
+  return new Promise(function (resolve) {
+    checkSignState({
+      contractId: contractIdVal
+    }, {
+      token: token
+    }).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, token) {
+  contractFinish({
+    contractId: contractIdVal
+  }, {
+    token: token
+  });
+}
+
+// 下载签署完的文档
+function handleSignApprovalDown(documentIdVal, name, token) {
+  var params = {
+    documentId: documentIdVal,
+    type: 'pdf'
+  };
+  return new Promise(function (resolve) {
+    documentDownload(params, {
+      token: token
+    }).then(function (res) {
+      console.log('下载文件：', res);
+      // 返回来是base64格式的
+      var blob = dataURLtoBlob(res.data); // 转成blob格式进行上传
+      console.log(blob, '新文件的blob格式');
+      var fileObj = {
+        file: [{
+          url: res.data,
+          size: blob.size,
+          isSignApproval: true,
+          name: name
+        }]
+      };
+      resolve(blob);
+    });
+  });
+}

package/es/components/scene-tree/index.js

@@ -150,7 +150,7 @@ var SceneTree = function SceneTree(_ref) {
     console.log('targetNodeOfOriginTree', targetNodeOfOriginTree);
     // 找到题目下选中的那个选项
     var targetOption = targetNodeOfOriginTree.options.find(function (item) {
-      return item.value === val;
+      return item.id === val;
     });
     // 拿到选中选项的子题目
     var targetNodeChildList = (targetOption.children || []).map(function (item) {
@@ -169,6 +169,7 @@ var SceneTree = function SceneTree(_ref) {
   };
   var _TreeNode = function TreeNode(_ref2) {
     var node = _ref2.node;
+    console.log('val', node.value);
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormItem, {
       name: "baseUser",
       label: node.title,
@@ -181,11 +182,12 @@ var SceneTree = function SceneTree(_ref) {
       value: node.value,
       onChange: onValChange,
       "aria-labelledby": "groupId"
-    }, node.options.map(function (option) {
+    }, node.options.map(function (option, index) {
+      console.log('optionsVal', option.value);
       return /*#__PURE__*/React.createElement(_Radio, {
         id: option.pid + "+" + node.pid,
-        key: option.id + node.pid + option.value,
-        value: option.value
+        key: option.id + node.pid + option.value + index,
+        value: option.id
       }, option.name);
     }))), node.children && (node.children || []).map(function (item) {
       return /*#__PURE__*/React.createElement(_TreeNode, {

package/lib/api.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.signurl = exports.signFileDownApi = exports.qrySealApi = exports.post = exports.getSealUrlApi = exports.get = exports.documentDownload = exports.createbycategory = exports.contractSignUrl = exports.contractFinish = exports.checkSignState = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var post = exports.post = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(url, data, config) {
+    var res;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 1;
+          return fetch(url, {
+            method: 'POST',
+            headers: {
+              'Content-Type': config && config['Content-Type'] ? config['Content-Type'] : 'application/json',
+              // 声明发送的数据格式
+              'Authorization': config.token || undefined
+            },
+            body: JSON.stringify(data)
+          }).then(function (response) {
+            return response.json();
+          }).then(function (res) {
+            return res;
+          })["catch"](function (err) {
+            return err;
+          });
+        case 1:
+          res = _context.sent;
+          return _context.abrupt("return", res);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function post(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var get = exports.get = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(url, data, config) {
+    var res;
+    return _regenerator["default"].wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return fetch(url + "?" + new URLSearchParams(data), {
+            method: 'GET',
+            headers: {
+              'Content-Type': config && config['Content-Type'] ? config['Content-Type'] : 'application/json'
+            }
+          }).then(function (response) {
+            return response.json();
+          }).then(function (res) {
+            return res;
+          })["catch"](function (err) {
+            return err;
+          });
+        case 1:
+          res = _context2.sent;
+          return _context2.abrupt("return", res);
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function get(_x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var createbycategory = exports.createbycategory = function createbycategory(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/createbycategory", params, config);
+};
+
+// 获取电子签批签署页面
+var contractSignUrl = exports.contractSignUrl = function contractSignUrl(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/contractSignUrl", params, config);
+};
+
+// 获取电子签批签署页面
+var signurl = exports.signurl = function signurl(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/contract/signurl/v3", params, config);
+};
+
+// 校验签批状态-轮训
+var checkSignState = exports.checkSignState = function checkSignState(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/checkSignState", params, config);
+};
+
+// 封存电子签批并完成签署
+var contractFinish = exports.contractFinish = function contractFinish(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/contract/finish", params, config);
+};
+
+// 下载签署文档
+var documentDownload = exports.documentDownload = function documentDownload(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/documentDownload", params, config);
+};
+var qrySealApi = exports.qrySealApi = function qrySealApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/qrySeal", params, config);
+};
+
+// 获取电子签章页面
+var getSealUrlApi = exports.getSealUrlApi = function getSealUrlApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/signWebByDirect", params, config);
+};
+
+// 电子签章-下载文件
+var signFileDownApi = exports.signFileDownApi = function signFileDownApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/fileDownloadBySign", params, config);
+};