ydb-components-material 0.1.21 → 0.1.22

package/es/api.js

@@ -1,11 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 export var post = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, data, config) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, data, config, noJson) {
     var res;
     return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
+          if (noJson === void 0) {
+            noJson = false;
+          }
           _context.next = 1;
           return fetch(url, {
             method: 'POST',
@@ -16,7 +19,8 @@ export var post = /*#__PURE__*/function () {
             },
             body: JSON.stringify(data)
           }).then(function (response) {
-            return response.json();
+            console.log('response', response, response.body);
+            return noJson ? response.text() : response.json();
           }).then(function (res) {
             return res;
           })["catch"](function (err) {
@@ -31,7 +35,7 @@ export var post = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function post(_x, _x2, _x3) {
+  return function post(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };
 }();
@@ -63,7 +67,7 @@ export var get = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function get(_x4, _x5, _x6) {
+  return function get(_x5, _x6, _x7) {
     return _ref2.apply(this, arguments);
   };
 }();
@@ -96,15 +100,24 @@ export var documentDownload = function documentDownload(params, config) {
   return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/documentDownload", params, config);
 };
 export var qrySealApi = function qrySealApi(params, config) {
-  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/qrySeal", params, config);
+  return post(config.baseUrl + "/declaration/center/sign/api/qrySeal", params, config);
 };
 
+// 获取电子签章页面
+export var getSignOrderIdApi = function getSignOrderIdApi(params, config) {
+  return post(config.baseUrl + "/declaration/center/sign/api/outSignCreateSiggOrder", params, config);
+};
 // 获取电子签章页面
 export var getSealUrlApi = function getSealUrlApi(params, config) {
-  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/signWebByDirect", params, config);
+  return post(config.baseUrl + "/declaration/center/sign/api/signWebByDirectMobile", params, config, true);
 };
 
 // 电子签章-下载文件
 export var signFileDownApi = function signFileDownApi(params, config) {
-  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/fileDownloadBySign", params, config);
+  return post(config.baseUrl + "declaration/center/sign/api/fileDownloadBySign", params, config);
+};
+
+// 预览
+export var previewApi = function previewApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/preview", params, config);
 };

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

@@ -93,18 +93,17 @@ export function dataURLtoBlob(dataUrl) {
 }
 
 // 上传文件至申报端的服务器 [方法]
-export function uploadFilePromise(url, token) {
-  // const { baseURL } = apiConfig
+export function uploadFilePromise(url, baseUrl, token) {
   return new Promise(function (resolve, reject) {
     var formData = new FormData();
     formData.append('file', url);
     formData.append('open', true);
     formData.append('open', 'true');
-    fetch('http://172.16.132.12:5005/declaration/material/file/files/api', {
+    fetch(baseUrl + "/declaration/material/file/files/api", {
       method: 'POST',
       body: formData,
       header: {
-        // Authorization: 'rjvntrnggysagvpqhi7qfasqpd2hz736qap5vkikjgni3h3g4a5gcsawoooosvb2523mo5ifltk22vdki2u5q6vd2ceefhy5sk6e2kofxadn354ridcbcypgqgcljs27bhdnviiza7hdnbnwlh6e4yxe45kapm7y3wb6qqod5wysmjirbl6iwtaz3tzve7rdxq6blrfdqygjsfi5iosrwmpiumocr52tufnpcan2hdzydamjvbso2hmbrp32aymb2cahlcv2liswbhpwiqvf72anhnyycoyr3lwfp4xufasn7cbb2sxq'
+        Authorization: token
       }
     }).then(function (response) {
       return response.json();

package/es/components/file-item/icon/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_106_93607"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_93607)"><path d="M10.62774178125,12.00024228125L3.78474200125,5.15724198125C3.40573692325,4.77823618125,3.40573692325,4.16374743125,3.7847423512500002,3.7847423512500002C4.16374779125,3.40573692325,4.77823648125,3.40573692325,5.15724198125,3.78474200125L12.00024228125,10.62774178125L18.843241281250002,3.78474200125C19.222301281249997,3.40605306625,19.83653228125,3.40620327025,20.21540428125,3.78507745125C20.59428028125,4.16395199125,20.59443128125,4.77818178125,20.21574428125,5.15724198125L13.37274168125,12.00024228125L20.21574028125,18.843241281250002C20.59474528125,19.22224728125,20.59474528125,19.83673828125,20.21574028125,20.21574028125C19.83673428125,20.59474528125,19.22224428125,20.59474528125,18.843241281250002,20.21574428125L12.00024228125,13.37274168125L5.15724198125,20.21574428125C4.77818178125,20.59443128125,4.16395163125,20.59428028125,3.78507709125,20.21540428125C3.40620291225,19.83653228125,3.40605306625,19.222301281249997,3.78474200125,18.843241281250002L10.62774178125,12.00024228125Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/es/components/file-item/index.d.ts

@@ -4,24 +4,29 @@ export interface FileItemProps {
     /**
      * 标题
      */
-    file: string;
+    fileUrl: string;
     fileName: string;
+    fileId: string;
     fileType: string;
     guideImg: string;
     checkImg: string;
-    approvalUrl: string;
-    signatureUrl: string;
+    signatureEnable: boolean;
+    signEnable: boolean;
     token: string;
     accessToken: string;
-    isApproval: boolean;
-    isSignature: boolean;
+    isSigned: boolean;
+    isSealed: boolean;
     materialList: any[];
     maxFileSize: number;
     isInValid: boolean;
     isShowLib: boolean;
     userInfo: any;
+    baseUrl: string;
     del: () => void;
+    handleSeal: () => void;
+    handleSign: () => void;
     valChange: (value: any) => void;
+    download: (value: any) => void;
 }
 declare const FileItem: React.FC<FileItemProps>;
 export default FileItem;

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

@@ -11,19 +11,20 @@ import fileIcon from "./icon/file.svg";
 import warningIcon from "./icon/icon_warning.svg";
 import errorMsgIcon from "./icon/icon_errorMsg.svg";
 import uploadIcon from "./icon/upload.svg";
+import closeIcon from "./icon/close.svg";
 import SignPage from "./sign";
 import SealPage from "./seal";
 import "./index.scss";
 var RadioGroup = _Radio.Group;
-var BASE_URL = 'http://172.16.132.12:5005';
 var FileItem = function FileItem(_ref) {
-  var file = _ref.file,
+  var fileUrl = _ref.fileUrl,
     guideImg = _ref.guideImg,
     checkImg = _ref.checkImg,
-    approvalUrl = _ref.approvalUrl,
-    signatureUrl = _ref.signatureUrl,
-    isApproval = _ref.isApproval,
-    isSignature = _ref.isSignature,
+    fileId = _ref.fileId,
+    signatureEnable = _ref.signatureEnable,
+    signEnable = _ref.signEnable,
+    isSigned = _ref.isSigned,
+    isSealed = _ref.isSealed,
     materialList = _ref.materialList,
     maxFileSize = _ref.maxFileSize,
     isInValid = _ref.isInValid,
@@ -33,29 +34,34 @@ var FileItem = function FileItem(_ref) {
     fileType = _ref.fileType,
     token = _ref.token,
     accessToken = _ref.accessToken,
+    baseUrl = _ref.baseUrl,
     valChange = _ref.valChange,
+    download = _ref.download,
     del = _ref.del;
   var _useState = useState(false),
     isShowView = _useState[0],
     setIsShowView = _useState[1];
-  var _useState2 = useState(false),
-    isShowCheckedMask = _useState2[0],
-    setIsShowCheckedMask = _useState2[1];
-  var _useState3 = useState(''),
-    viewImg = _useState3[0],
-    setViewImg = _useState3[1];
-  var _useState4 = useState(false),
-    isShowMaterialLib = _useState4[0],
-    setIsShowMaterialLib = _useState4[1];
-  var _useState5 = useState(),
-    material = _useState5[0],
-    setMaterial = _useState5[1];
+  var _useState2 = useState(''),
+    viewImg = _useState2[0],
+    setViewImg = _useState2[1];
+  var _useState3 = useState(false),
+    isShowMaterialLib = _useState3[0],
+    setIsShowMaterialLib = _useState3[1];
+  var _useState4 = useState(),
+    material = _useState4[0],
+    setMaterial = _useState4[1];
+  var _useState5 = useState(false),
+    isShowSignPage = _useState5[0],
+    setIsShowSignPage = _useState5[1];
   var _useState6 = useState(false),
-    isShowSignPage = _useState6[0],
-    setIsShowSignPage = _useState6[1];
+    isShowSealPage = _useState6[0],
+    setIsShowSealPage = _useState6[1];
   var _useState7 = useState(false),
-    isShowSealPage = _useState7[0],
-    setIsShowSealPage = _useState7[1];
+    isShowPreview = _useState7[0],
+    setIsShowPreview = _useState7[1];
+  var _useState8 = useState(''),
+    previewIframeUrl = _useState8[0],
+    setPreviewIframeUrl = _useState8[1];
   var list = materialList || [{
     name: '图片1',
     value: 1
@@ -92,7 +98,7 @@ var FileItem = function FileItem(_ref) {
       var formData = new FormData();
       formData.append('file', fileData);
       formData.append('open', true);
-      fetch(BASE_URL + '/declaration/material/file/files/api', {
+      fetch(baseUrl + "/declaration/material/file/files/api", {
         method: 'POST',
         body: formData
       }).then(function (response) {
@@ -100,6 +106,7 @@ var FileItem = function FileItem(_ref) {
       }).then(function (res) {
         document.body.removeChild(inputEl);
         if (res.fileId) {
+          console.log('--------res', res);
           valChange(_extends({}, res, {
             name: fileData.name,
             type: fileData.type
@@ -113,17 +120,45 @@ var FileItem = function FileItem(_ref) {
       });
     });
   };
+  var preview = function preview() {
+    if (!fileUrl) return;
+    fetch(baseUrl + "/declaration/material/onlinePreview?url=" + fileUrl, {
+      method: 'GET'
+    }).then(function (response) {
+      return response.json();
+    }).then(function (res) {
+      setPreviewIframeUrl(res.url);
+      setIsShowPreview(true);
+    });
+  };
+  var sign = function sign() {
+    // handleSign()
+    setIsShowSignPage(true);
+  };
+  var seal = function seal() {
+    console.log('fileType', fileType);
+    if (fileType !== 'application/pdf') {
+      _Message.notice('只有pdf文件才能使用电子签章');
+      return;
+    }
+    // handleSeal()
+    setIsShowSealPage(true);
+  };
   var getRes = function getRes(val) {
     console.log('val---', val);
     valChange(val);
   };
+  var getSealRes = function getSealRes(val) {
+    console.log('sealval---', val);
+    valChange(val);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "file_item"
   }, /*#__PURE__*/React.createElement("div", {
     className: "file"
   }, /*#__PURE__*/React.createElement("div", {
     className: "file_img"
-  }, file ? /*#__PURE__*/React.createElement("div", {
+  }, fileUrl ? /*#__PURE__*/React.createElement("div", {
     className: "filed"
   }, /*#__PURE__*/React.createElement("img", {
     className: "small_img",
@@ -146,24 +181,24 @@ var FileItem = function FileItem(_ref) {
     className: "upload",
     src: uploadIcon,
     alt: ""
-  }), "\u4E0A\u4F20\u6750\u6599"), isShowCheckedMask && /*#__PURE__*/React.createElement("div", {
+  }), "\u4E0A\u4F20\u6750\u6599"), (isSigned || isSealed) && /*#__PURE__*/React.createElement("div", {
     className: "mask"
   }, /*#__PURE__*/React.createElement("div", {
     className: "center"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, isSigned && /*#__PURE__*/React.createElement("div", {
     className: "checked",
     style: {
       marginBottom: '9px'
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: CheckedIcon,
-    alt: "\u9009\u4E2D"
-  }), "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/React.createElement("div", {
+    alt: ""
+  }), "\u5DF2\u7B7E\u6279"), isSealed && /*#__PURE__*/React.createElement("div", {
     className: "checked"
   }, /*#__PURE__*/React.createElement("img", {
     src: CheckedIcon,
-    alt: "\u9009\u4E2D"
-  }), "\u5DF2\u7B7E\u6279")))), /*#__PURE__*/React.createElement("div", {
+    alt: ""
+  }), "\u5DF2\u7B7E\u7AE0")))), /*#__PURE__*/React.createElement("div", {
     className: "operation"
   }, /*#__PURE__*/React.createElement("div", {
     className: "btn"
@@ -177,7 +212,7 @@ var FileItem = function FileItem(_ref) {
     onClick: function onClick() {
       return showViewImg(checkImg);
     }
-  }, "\u5BA1\u67E5\u8981\u70B9")), file ?
+  }, "\u5BA1\u67E5\u8981\u70B9")), fileUrl ?
   /*#__PURE__*/
   // 有文件且配置了这俩功能才展示
   React.createElement("div", {
@@ -185,17 +220,13 @@ var FileItem = function FileItem(_ref) {
     style: {
       marginTop: '20px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, signatureEnable && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
-    onClick: function onClick() {
-      return setIsShowSignPage(true);
-    }
-  }, "\u624B\u5199\u5BA1\u6279"), /*#__PURE__*/React.createElement("div", {
+    onClick: sign
+  }, isSigned ? '重新签批' : '手写审批'), userInfo.acctType === '20' && signEnable && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
-    onClick: function onClick() {
-      return setIsShowSealPage(true);
-    }
-  }, "\u7535\u5B50\u7B7E\u7AE0")) :
+    onClick: seal
+  }, isSealed ? '重新签章' : '电子签章')) :
   // 展示材料库
   isShowLib && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
@@ -208,14 +239,16 @@ var FileItem = function FileItem(_ref) {
   }, "\u6750\u6599\u5E93"))), /*#__PURE__*/React.createElement("div", {
     className: "file_item_bottom"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "icon_text"
+    className: "icon_text",
+    onClick: preview
   }, /*#__PURE__*/React.createElement("img", {
     src: previewIcon,
     alt: ""
   }), "\u9884\u89C8"), /*#__PURE__*/React.createElement("div", {
     className: "line"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "icon_text"
+    className: "icon_text",
+    onClick: download
   }, /*#__PURE__*/React.createElement("img", {
     src: downloadIcon,
     alt: ""
@@ -275,24 +308,46 @@ var FileItem = function FileItem(_ref) {
     userInfo: userInfo,
     file: {
       name: fileName,
-      url: file,
+      url: fileUrl,
       type: fileType
     },
     token: token,
-    getRes: getRes
+    baseUrl: baseUrl,
+    getRes: getRes,
+    handleClose: function handleClose() {
+      return setIsShowSignPage(false);
+    }
   }), isShowSealPage && /*#__PURE__*/React.createElement(SealPage, {
     isShowSealPage: isShowSealPage,
     userInfo: userInfo,
     file: {
       name: fileName,
-      url: file,
-      type: fileType
+      url: fileUrl,
+      type: fileType,
+      fileId: fileId
     },
-    token: token
-    // getRes={getRes}
-    ,
-    accessToken: accessToken
-  }));
+    token: token,
+    baseUrl: baseUrl,
+    getSealRes: getSealRes,
+    accessToken: accessToken,
+    handleClose: function handleClose() {
+      return setIsShowSealPage(false);
+    }
+  }), isShowPreview && /*#__PURE__*/React.createElement("div", {
+    className: "preview"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "close",
+    src: closeIcon,
+    alt: "",
+    onClick: function onClick() {
+      return setIsShowPreview(false);
+    }
+  }), /*#__PURE__*/React.createElement("iframe", {
+    src: previewIframeUrl,
+    frameborder: "0",
+    height: "500px",
+    width: "100%"
+  })));
 };
 FileItem.displayName = 'FileItem';
 export default FileItem;

package/es/components/file-item/index.scss

@@ -58,7 +58,7 @@
         height: 16px;
         top: -6px;
         right: -6px;
-        z-index: 9;
+        z-index: 3;
       }
 
       .error_msg {
@@ -81,7 +81,7 @@
         justify-content: center;
         align-items: center;
         color: #fff;
-        z-index: 8;
+        z-index: 3;
 
         .checked {
           display: flex;
@@ -296,4 +296,41 @@
       }
     }
   }
+
+  .preview {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .close {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+    }
+  }
+
+  .sealPage {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 99;
+    background: rgba(0, 0, 0, 0.5);
+  }
+  .sign_page {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 99;
+    background: rgba(0, 0, 0, 0.5);
+  }
 }

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

@@ -1,14 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import { initSealPageMethod } from "./sealUtil";
+import { signFileDownApi } from "../../api";
+import { uploadFilePromise } from "./file.js";
 function SealPage(props) {
-  var isShowSealPage = props.isShowSealPage,
-    userInfo = props.userInfo,
+  var userInfo = props.userInfo,
     file = props.file,
     token = props.token,
     accessToken = props.accessToken,
-    getRes = props.getRes;
+    getSealRes = props.getSealRes,
+    baseUrl = props.baseUrl,
+    handleClose = props.handleClose;
   var _useState = useState(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -20,10 +24,11 @@ function SealPage(props) {
           case 0:
             console.log('file', file, userInfo);
             _context.next = 1;
-            return initSealPageMethod(file, userInfo, token, accessToken);
+            return initSealPageMethod(file, userInfo, token, accessToken, baseUrl);
           case 1:
             res = _context.sent;
             pageUrl = res.pageUrl;
+            console.log('pageUrl', pageUrl);
             setSrcUrl(pageUrl);
             // console.log(res)
           case 2:
@@ -36,18 +41,71 @@ function SealPage(props) {
       return _ref.apply(this, arguments);
     };
   }();
-  useEffect(function () {
-    if (isShowSealPage) {
-      handleRes();
+
+  // 将返回的文件重新上传
+  var uploadNewFile = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileData) {
+      var uploadedFileObj, finalFile;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 1;
+            return uploadFilePromise('data:application/pdf;base64,' + fileData, baseUrl, token);
+          case 1:
+            uploadedFileObj = _context2.sent;
+            console.log('重新上传的文件', uploadedFileObj);
+            handleClose();
+            finalFile = _extends({
+              name: file.name,
+              url: uploadedFileObj.fileUrlList[0],
+              status: 'success',
+              message: '上传成功'
+            }, uploadedFileObj);
+            getSealRes(finalFile);
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function uploadNewFile(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // 下载文件
+  var signFileDown = function signFileDown(filePath) {
+    signFileDownApi({
+      fileUrl: filePath
+    }).then(function (res) {
+      uploadNewFile(res);
+    });
+  };
+  // 监听子页面数据
+  var getMessage = function getMessage(e) {
+    console.log('子页面数据', e);
+    if (e.data.type === 'signal' && e.data.data && e.data.data.length) {
+      console.log(e.data.data[0]); // 文件路径
+      var filePath = e.data.data[0];
+      signFileDown(filePath);
     }
-  }, [isShowSealPage, userInfo, file, token, accessToken]);
+  };
+  useEffect(function () {
+    window.addEventListener('message', getMessage);
+    return function () {
+      window.removeEventListener('message', getMessage);
+    };
+  }, []);
+  useEffect(function () {
+    handleRes();
+  }, [userInfo, file, token, accessToken, baseUrl]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "seal_page"
+    className: "sealPage"
   }, /*#__PURE__*/React.createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",
-    height: "500px",
+    height: "100%",
     width: "100%"
   }));
 }