ydb-components-material 0.1.94 → 0.1.96

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

@@ -15,6 +15,8 @@ export interface FileListProps {
     disabled?: boolean;
     style?: object;
     download: (value: any) => void;
+    openLoading: () => void;
+    closeLoading: () => void;
     valChange: (value: any) => void;
 }
 declare const FileList: React.FC<FileListProps>;

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

@@ -38,9 +38,10 @@ var FileList = function FileList(_ref) {
     env = _ref.env,
     isPC = _ref.isPC,
     disabled = _ref.disabled,
-    isShowLib = _ref.isShowLib,
     style = _ref.style,
     download = _ref.download,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading,
     valChange = _ref.valChange;
   var convertNumbersToChinese = function convertNumbersToChinese(str) {
     // 定义基础映射关系
@@ -224,6 +225,8 @@ var FileList = function FileList(_ref) {
           disabled: disabled,
           download: download,
           valChange: handleChange,
+          openLoading: openLoading,
+          closeLoading: closeLoading,
           style: {
             marginBottom: '12px'
           }
@@ -239,7 +242,6 @@ var FileList = function FileList(_ref) {
         fileConfig: item,
         maxFileSize: item.materialSize,
         spec: item.materialSpec,
-        isShowLib: isShowLib,
         userInfo: userInfo,
         token: token,
         tokenTY: tokenTY,
@@ -250,6 +252,8 @@ var FileList = function FileList(_ref) {
         disabled: disabled,
         download: download,
         valChange: handleChange,
+        openLoading: openLoading,
+        closeLoading: closeLoading,
         style: {
           marginBottom: '12px'
         }

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

@@ -19,7 +19,7 @@
 
     .tag {
       border-radius: 4px;
-      padding: 0 4px;
+      padding: 2px 4px;
       font-size: 12px;
       color: #FFFFFF;
     }

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

@@ -16,10 +16,10 @@ export interface FileItemProps {
     maxFileSize: number;
     spec: string;
     isInValid: boolean;
-    isShowLib: boolean;
     userInfo: object;
     style?: object;
-    del: () => void;
+    openLoading: () => void;
+    closeLoading: () => void;
     valChange: (value: any, fileIndex: any, index: any, subIndex: any) => void;
     download: (value: any) => void;
 }

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

@@ -30,7 +30,6 @@ var FileItem = function FileItem(_ref) {
     fileConfig = _ref.fileConfig,
     maxFileSize = _ref.maxFileSize,
     spec = _ref.spec,
-    isShowLib = _ref.isShowLib,
     userInfo = _ref.userInfo,
     token = _ref.token,
     tokenTY = _ref.tokenTY,
@@ -41,7 +40,9 @@ var FileItem = function FileItem(_ref) {
     disabled = _ref.disabled,
     style = _ref.style,
     valChange = _ref.valChange,
-    download = _ref.download;
+    download = _ref.download,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading;
   console.log('fileItem', file, maxFileSize);
   var fileName = file.fileName,
     fileUrl = file.fileUrl,
@@ -53,7 +54,9 @@ var FileItem = function FileItem(_ref) {
     signEnable = fileConfig.signEnable,
     isInValid = fileConfig.isInValid,
     signGuidFileId = fileConfig.signGuidFileId,
-    keyPoint = fileConfig.keyPoint;
+    keyPoint = fileConfig.keyPoint,
+    isSmart = fileConfig.isSmart,
+    isShareFile = fileConfig.isShareFile;
   var _useState = useState(false),
     isShowMaterialLib = _useState[0],
     setIsShowMaterialLib = _useState[1];
@@ -128,6 +131,7 @@ var FileItem = function FileItem(_ref) {
       var formData = new FormData();
       formData.append('file', fileData);
       formData.append('open', true);
+      openLoading();
       fetch(baseUrl + "/declaration/material/file/files/api", {
         method: 'POST',
         body: formData,
@@ -144,6 +148,7 @@ var FileItem = function FileItem(_ref) {
             fileName: fileData.name,
             fileType: fileData.type
           }), fileIndex, index, subIndex);
+          closeLoading();
           _Message.notice('上传成功');
         } else {
           _Message.error('上传失败，请重试');
@@ -157,11 +162,10 @@ var FileItem = function FileItem(_ref) {
   // 预览材料
   var preview = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var fileUrl, fileId, urlRes, res;
+      var urlRes, res;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            fileUrl = file.fileUrl, fileId = file.fileId;
             if (fileUrl) {
               _context.next = 1;
               break;
@@ -280,21 +284,19 @@ var FileItem = function FileItem(_ref) {
 
   // 手写签批
   var sign = function sign() {
-    // handleSign()
+    openLoading();
     setIsShowSignPage(true);
   };
 
   // 签章
   var seal = function seal() {
-    var fileName = file.fileName,
-      fileType = file.fileType;
     console.log('fileType', fileType);
     var type = getFileExtension(fileName);
     if (type !== 'pdf') {
       _Message.notice('只有pdf文件才能使用电子签章');
       return;
     }
-    // handleSeal()
+    openLoading();
     setIsShowSealPage(true);
   };
   var signAndSeal = function signAndSeal() {
@@ -466,8 +468,6 @@ var FileItem = function FileItem(_ref) {
     };
   }();
   var onDownload = function onDownload() {
-    var fileName = file.fileName,
-      fileId = file.fileId;
     if (disabled) return;
     var format = getFileExtension(fileName);
     download({
@@ -480,13 +480,15 @@ var FileItem = function FileItem(_ref) {
     valChange(undefined, fileIndex, index, subIndex);
   };
   useEffect(function () {
-    if (userInfo && isShowLib && tokenTY) {
+    if (userInfo && tokenTY) {
       console.log('userInfo', tokenTY, userInfo);
       setTimeout(function () {
         queryFileLibs();
       }, 0);
     }
-  }, [userInfo, isShowLib, tokenTY]);
+  }, [userInfo, tokenTY]);
+
+  // 获取缩略图
   var extractImageUrls = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(previewUrl) {
       var response, htmlText, parser, doc, imgElements, srcList;
@@ -518,6 +520,8 @@ var FileItem = function FileItem(_ref) {
       return _ref6.apply(this, arguments);
     };
   }();
+
+  // 获取预览图片
   var getViewUrl = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
       var type, urlRes, res, list;
@@ -704,7 +708,7 @@ var FileItem = function FileItem(_ref) {
     onClick: seal
   }, isSealed ? '重新签章' : '电子签章')) :
   // 展示材料库
-  isShowLib && !disabled && !!materialLib.length && /*#__PURE__*/React.createElement("div", {
+  !isShareFile && !isSmart && !disabled && !!materialLib.length && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
     onClick: function onClick() {
       return setIsShowMaterialLib(true);
@@ -786,7 +790,8 @@ var FileItem = function FileItem(_ref) {
     getRes: getRes,
     handleClose: function handleClose() {
       return setIsShowSignPage(false);
-    }
+    },
+    closeLoading: closeLoading
   }), isShowSealPage && /*#__PURE__*/React.createElement(SealPage, {
     isShowSealPage: isShowSealPage,
     userInfo: userInfo,
@@ -800,7 +805,8 @@ var FileItem = function FileItem(_ref) {
     accessToken: accessToken,
     handleClose: function handleClose() {
       return setIsShowSealPage(false);
-    }
+    },
+    closeLoading: closeLoading
   }), isShowPreview && /*#__PURE__*/React.createElement("div", {
     className: "preview"
   }, /*#__PURE__*/React.createElement("img", {

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

@@ -398,6 +398,18 @@
     height: 100%;
     z-index: 99;
     background: rgba(0, 0, 0, 0.5);
+
+    .seal_close {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      width: 30px;
+      height: 30px;
+      background: #3333337d;
+      border-radius: 50%;
+      padding: 5px;
+      z-index: 999;
+    }
   }
   .sign_page {
     position: fixed;
@@ -407,6 +419,17 @@
     height: 100%;
     z-index: 99;
     background: rgba(0, 0, 0, 0.5);
+    .sign_close {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      width: 30px;
+      height: 30px;
+      background: #3333337d;
+      border-radius: 50%;
+      padding: 5px;
+      z-index: 999;
+    }
   }
 
 }

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

@@ -4,6 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState, useRef } from 'react';
 import { initSealPageMethod } from "./sealUtil";
 import { signFileDownApi, getSignFileApi, fileUploadApi } from "../../api";
+import closeIcon from "./icon/close.svg";
 // import { uploadFilePromise, dataURLtoBlob } from './file.js'
 
 function SealPage(props) {
@@ -15,7 +16,8 @@ function SealPage(props) {
     baseUrl = props.baseUrl,
     env = props.env,
     isPC = props.isPC,
-    accessToken = props.accessToken;
+    accessToken = props.accessToken,
+    closeLoading = props.closeLoading;
   var _useState = useState(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -56,6 +58,7 @@ function SealPage(props) {
             return _context.abrupt("return");
           case 2:
             pageUrl = res.pageUrl, orderIdVal = res.orderId;
+            closeLoading();
             console.log('pageUrl', pageUrl);
             setSrcUrl(pageUrl);
             setOrderId(orderIdVal);
@@ -211,7 +214,16 @@ function SealPage(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "sealPage",
     ref: elementRef
-  }, /*#__PURE__*/React.createElement("iframe", {
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "seal_close",
+    src: closeIcon,
+    alt: "",
+    onClick: function onClick(e) {
+      console.log('close');
+      e.stopPropagation();
+      handleClose();
+    }
+  }), /*#__PURE__*/React.createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",

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

@@ -3,6 +3,7 @@ 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";
+import closeIcon from "./icon/close.svg";
 function SignPage(props) {
   var userInfo = props.userInfo,
     file = props.file,
@@ -12,7 +13,8 @@ function SignPage(props) {
     tokenTY = props.tokenTY,
     baseUrl = props.baseUrl,
     env = props.env,
-    isPC = props.isPC;
+    isPC = props.isPC,
+    closeLoading = props.closeLoading;
   var _useState = useState(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -50,6 +52,7 @@ function SignPage(props) {
           case 1:
             res = _context.sent;
             documentIdVal = res.documentId, contractIdVal = res.contractId, pageUrl = res.pageUrl, nameVal = res.fileName;
+            closeLoading();
             setSrcUrl(pageUrl);
             setDocumentId(documentIdVal);
             setContractId(contractIdVal);
@@ -127,7 +130,12 @@ function SignPage(props) {
   }, [srcUrl, documentId, contractId, name]);
   return /*#__PURE__*/React.createElement("div", {
     className: "sign_page"
-  }, /*#__PURE__*/React.createElement("iframe", {
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "sign_close",
+    src: closeIcon,
+    alt: "",
+    onClick: handleClose
+  }), /*#__PURE__*/React.createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",

package/lib/components/file-list/index.d.ts

@@ -15,6 +15,8 @@ export interface FileListProps {
     disabled?: boolean;
     style?: object;
     download: (value: any) => void;
+    openLoading: () => void;
+    closeLoading: () => void;
     valChange: (value: any) => void;
 }
 declare const FileList: React.FC<FileListProps>;

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

@@ -43,9 +43,10 @@ var FileList = function FileList(_ref) {
     env = _ref.env,
     isPC = _ref.isPC,
     disabled = _ref.disabled,
-    isShowLib = _ref.isShowLib,
     style = _ref.style,
     download = _ref.download,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading,
     valChange = _ref.valChange;
   var convertNumbersToChinese = function convertNumbersToChinese(str) {
     // 定义基础映射关系
@@ -229,6 +230,8 @@ var FileList = function FileList(_ref) {
           disabled: disabled,
           download: download,
           valChange: handleChange,
+          openLoading: openLoading,
+          closeLoading: closeLoading,
           style: {
             marginBottom: '12px'
           }
@@ -244,7 +247,6 @@ var FileList = function FileList(_ref) {
         fileConfig: item,
         maxFileSize: item.materialSize,
         spec: item.materialSpec,
-        isShowLib: isShowLib,
         userInfo: userInfo,
         token: token,
         tokenTY: tokenTY,
@@ -255,6 +257,8 @@ var FileList = function FileList(_ref) {
         disabled: disabled,
         download: download,
         valChange: handleChange,
+        openLoading: openLoading,
+        closeLoading: closeLoading,
         style: {
           marginBottom: '12px'
         }

package/lib/components/file-list/index.scss

@@ -19,7 +19,7 @@
 
     .tag {
       border-radius: 4px;
-      padding: 0 4px;
+      padding: 2px 4px;
       font-size: 12px;
       color: #FFFFFF;
     }

package/lib/components/file-list/item.d.ts

@@ -16,10 +16,10 @@ export interface FileItemProps {
     maxFileSize: number;
     spec: string;
     isInValid: boolean;
-    isShowLib: boolean;
     userInfo: object;
     style?: object;
-    del: () => void;
+    openLoading: () => void;
+    closeLoading: () => void;
     valChange: (value: any, fileIndex: any, index: any, subIndex: any) => void;
     download: (value: any) => void;
 }

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

@@ -36,7 +36,6 @@ var FileItem = function FileItem(_ref) {
     fileConfig = _ref.fileConfig,
     maxFileSize = _ref.maxFileSize,
     spec = _ref.spec,
-    isShowLib = _ref.isShowLib,
     userInfo = _ref.userInfo,
     token = _ref.token,
     tokenTY = _ref.tokenTY,
@@ -47,7 +46,9 @@ var FileItem = function FileItem(_ref) {
     disabled = _ref.disabled,
     style = _ref.style,
     valChange = _ref.valChange,
-    download = _ref.download;
+    download = _ref.download,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading;
   console.log('fileItem', file, maxFileSize);
   var fileName = file.fileName,
     fileUrl = file.fileUrl,
@@ -59,7 +60,9 @@ var FileItem = function FileItem(_ref) {
     signEnable = fileConfig.signEnable,
     isInValid = fileConfig.isInValid,
     signGuidFileId = fileConfig.signGuidFileId,
-    keyPoint = fileConfig.keyPoint;
+    keyPoint = fileConfig.keyPoint,
+    isSmart = fileConfig.isSmart,
+    isShareFile = fileConfig.isShareFile;
   var _useState = (0, _react.useState)(false),
     isShowMaterialLib = _useState[0],
     setIsShowMaterialLib = _useState[1];
@@ -134,6 +137,7 @@ var FileItem = function FileItem(_ref) {
       var formData = new FormData();
       formData.append('file', fileData);
       formData.append('open', true);
+      openLoading();
       fetch(baseUrl + "/declaration/material/file/files/api", {
         method: 'POST',
         body: formData,
@@ -150,6 +154,7 @@ var FileItem = function FileItem(_ref) {
             fileName: fileData.name,
             fileType: fileData.type
           }), fileIndex, index, subIndex);
+          closeLoading();
           _message["default"].notice('上传成功');
         } else {
           _message["default"].error('上传失败，请重试');
@@ -163,11 +168,10 @@ var FileItem = function FileItem(_ref) {
   // 预览材料
   var preview = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var fileUrl, fileId, urlRes, res;
+      var urlRes, res;
       return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            fileUrl = file.fileUrl, fileId = file.fileId;
             if (fileUrl) {
               _context.next = 1;
               break;
@@ -286,21 +290,19 @@ var FileItem = function FileItem(_ref) {
 
   // 手写签批
   var sign = function sign() {
-    // handleSign()
+    openLoading();
     setIsShowSignPage(true);
   };
 
   // 签章
   var seal = function seal() {
-    var fileName = file.fileName,
-      fileType = file.fileType;
     console.log('fileType', fileType);
     var type = (0, _file2.getFileExtension)(fileName);
     if (type !== 'pdf') {
       _message["default"].notice('只有pdf文件才能使用电子签章');
       return;
     }
-    // handleSeal()
+    openLoading();
     setIsShowSealPage(true);
   };
   var signAndSeal = function signAndSeal() {
@@ -472,8 +474,6 @@ var FileItem = function FileItem(_ref) {
     };
   }();
   var onDownload = function onDownload() {
-    var fileName = file.fileName,
-      fileId = file.fileId;
     if (disabled) return;
     var format = (0, _file2.getFileExtension)(fileName);
     download({
@@ -486,13 +486,15 @@ var FileItem = function FileItem(_ref) {
     valChange(undefined, fileIndex, index, subIndex);
   };
   (0, _react.useEffect)(function () {
-    if (userInfo && isShowLib && tokenTY) {
+    if (userInfo && tokenTY) {
       console.log('userInfo', tokenTY, userInfo);
       setTimeout(function () {
         queryFileLibs();
       }, 0);
     }
-  }, [userInfo, isShowLib, tokenTY]);
+  }, [userInfo, tokenTY]);
+
+  // 获取缩略图
   var extractImageUrls = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(previewUrl) {
       var response, htmlText, parser, doc, imgElements, srcList;
@@ -524,6 +526,8 @@ var FileItem = function FileItem(_ref) {
       return _ref6.apply(this, arguments);
     };
   }();
+
+  // 获取预览图片
   var getViewUrl = /*#__PURE__*/function () {
     var _ref7 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(id) {
       var type, urlRes, res, list;
@@ -710,7 +714,7 @@ var FileItem = function FileItem(_ref) {
     onClick: seal
   }, isSealed ? '重新签章' : '电子签章')) :
   // 展示材料库
-  isShowLib && !disabled && !!materialLib.length && /*#__PURE__*/_react["default"].createElement("div", {
+  !isShareFile && !isSmart && !disabled && !!materialLib.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn",
     onClick: function onClick() {
       return setIsShowMaterialLib(true);
@@ -792,7 +796,8 @@ var FileItem = function FileItem(_ref) {
     getRes: getRes,
     handleClose: function handleClose() {
       return setIsShowSignPage(false);
-    }
+    },
+    closeLoading: closeLoading
   }), isShowSealPage && /*#__PURE__*/_react["default"].createElement(_seal["default"], {
     isShowSealPage: isShowSealPage,
     userInfo: userInfo,
@@ -806,7 +811,8 @@ var FileItem = function FileItem(_ref) {
     accessToken: accessToken,
     handleClose: function handleClose() {
       return setIsShowSealPage(false);
-    }
+    },
+    closeLoading: closeLoading
   }), isShowPreview && /*#__PURE__*/_react["default"].createElement("div", {
     className: "preview"
   }, /*#__PURE__*/_react["default"].createElement("img", {

package/lib/components/file-list/item.scss

@@ -398,6 +398,18 @@
     height: 100%;
     z-index: 99;
     background: rgba(0, 0, 0, 0.5);
+
+    .seal_close {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      width: 30px;
+      height: 30px;
+      background: #3333337d;
+      border-radius: 50%;
+      padding: 5px;
+      z-index: 999;
+    }
   }
   .sign_page {
     position: fixed;
@@ -407,6 +419,17 @@
     height: 100%;
     z-index: 99;
     background: rgba(0, 0, 0, 0.5);
+    .sign_close {
+      position: absolute;
+      top: 3px;
+      right: 3px;
+      width: 30px;
+      height: 30px;
+      background: #3333337d;
+      border-radius: 50%;
+      padding: 5px;
+      z-index: 999;
+    }
   }
 
 }

package/lib/components/file-list/seal.js

@@ -9,6 +9,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireWildcard(require("react"));
 var _sealUtil = require("./sealUtil");
 var _api = require("../../api");
+var _close = _interopRequireDefault(require("./icon/close.svg"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // import { uploadFilePromise, dataURLtoBlob } from './file.js'
 
@@ -21,7 +22,8 @@ function SealPage(props) {
     baseUrl = props.baseUrl,
     env = props.env,
     isPC = props.isPC,
-    accessToken = props.accessToken;
+    accessToken = props.accessToken,
+    closeLoading = props.closeLoading;
   var _useState = (0, _react.useState)(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -62,6 +64,7 @@ function SealPage(props) {
             return _context.abrupt("return");
           case 2:
             pageUrl = res.pageUrl, orderIdVal = res.orderId;
+            closeLoading();
             console.log('pageUrl', pageUrl);
             setSrcUrl(pageUrl);
             setOrderId(orderIdVal);
@@ -217,7 +220,16 @@ function SealPage(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sealPage",
     ref: elementRef
-  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "seal_close",
+    src: _close["default"],
+    alt: "",
+    onClick: function onClick(e) {
+      console.log('close');
+      e.stopPropagation();
+      handleClose();
+    }
+  }), /*#__PURE__*/_react["default"].createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",

package/lib/components/file-list/sign.js

@@ -8,6 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _signUtil = require("./signUtil");
+var _close = _interopRequireDefault(require("./icon/close.svg"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function SignPage(props) {
   var userInfo = props.userInfo,
@@ -18,7 +19,8 @@ function SignPage(props) {
     tokenTY = props.tokenTY,
     baseUrl = props.baseUrl,
     env = props.env,
-    isPC = props.isPC;
+    isPC = props.isPC,
+    closeLoading = props.closeLoading;
   var _useState = (0, _react.useState)(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -56,6 +58,7 @@ function SignPage(props) {
           case 1:
             res = _context.sent;
             documentIdVal = res.documentId, contractIdVal = res.contractId, pageUrl = res.pageUrl, nameVal = res.fileName;
+            closeLoading();
             setSrcUrl(pageUrl);
             setDocumentId(documentIdVal);
             setContractId(contractIdVal);
@@ -133,7 +136,12 @@ function SignPage(props) {
   }, [srcUrl, documentId, contractId, name]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sign_page"
-  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "sign_close",
+    src: _close["default"],
+    alt: "",
+    onClick: handleClose
+  }), /*#__PURE__*/_react["default"].createElement("iframe", {
     src: srcUrl,
     id: "iframe",
     frameborder: "0",