ydb-components-material 0.1.108 → 0.1.110

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

@@ -6,14 +6,12 @@ import _Radio from "@alifd/next/es/radio";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import CheckedIcon from "./icon/checked.svg";
-import delIcon from "./icon/del.svg";
 import previewIcon from "./icon/preview.svg";
 import previewIconPC from "./icon/preview_pc.svg";
 import downloadIcon from "./icon/download.svg";
 import downloadIconPC from "./icon/download_pc.svg";
 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";
@@ -492,18 +490,7 @@ var FileItem = function FileItem(_ref) {
     className: "small_img",
     src: fileIcon,
     alt: ""
-  }), "\u6587\u4EF6", !disabled && /*#__PURE__*/React.createElement("img", {
-    className: "del",
-    src: delIcon,
-    alt: "",
-    onClick: function onClick() {
-      return del();
-    }
-  }), isInValid && /*#__PURE__*/React.createElement("img", {
-    className: "error_msg",
-    src: errorMsgIcon,
-    alt: ""
-  })) : /*#__PURE__*/React.createElement("div", {
+  }), "\u6587\u4EF6") : /*#__PURE__*/React.createElement("div", {
     className: "add",
     onClick: function onClick() {
       return upload();
@@ -736,7 +723,7 @@ var FileItem = function FileItem(_ref) {
   }), /*#__PURE__*/React.createElement("img", {
     src: guideurl,
     style: {
-      height: '90%'
+      width: '100%'
     }
   })), checkPointData && /*#__PURE__*/React.createElement(CheckPoint, {
     checkPointData: checkPointData,

package/es/components/file-list/icon/add.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="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="master_svg0_1207_75555"><rect x="0" y="0" width="20" height="20" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1207_75555)"><path d="M8.832264925,10.916015625C9.753515225,10.916015625,10.489764225,10.916015625,11.082264625,10.963515472C11.684764625,11.013515472,12.207264625,11.116015625,12.686015625,11.361015315C13.454546625,11.752638285,14.079391625,12.377482625,14.471014625,13.146015125C14.716013625,13.624765825,14.818514625,14.147264925,14.868514625,14.749765825C14.916015625,15.342266125,14.916015625,16.078516525,14.916015625,16.999765825L14.916015625,17.499765825C14.916015625,17.913979525000002,14.580229625,18.249765825,14.166015625,18.249765825L1.666015625,18.249765825C1.251802055,18.249765825,0.916015625,17.913979525000002,0.916015625,17.499765825L0.916015625,16.999765825C0.916015625,16.078516525,0.916015625,15.342266125,0.963515665,14.749765825C1.013515666,14.147266425,1.116015625,13.624765825,1.361015705,13.146015125C1.752639415,12.377483325,2.377483925,11.752638995,3.146015925,11.361015315C3.624765825,11.116015625,4.147265625,11.013515472,4.749765825,10.963515472C5.342265625,10.916015625,6.078515525,10.916015625,6.999765825,10.916015625L8.832264925,10.916015625ZM6.999764925,12.416015625C6.053514925,12.416015625,5.389765225,12.416015625,4.871015325,12.459765625C4.362265125,12.501015525,4.059765325,12.578515625,3.827265225,12.697265625C3.340702025,12.945127225,2.945126725,13.340702025,2.6972652249999998,13.827265225C2.5785153249999997,14.059764825,2.501015325,14.362265825,2.4597653250000002,14.872264825C2.4210151250000003,15.342264625,2.417265325,15.934764825,2.417265325,16.748514625L13.414764625,16.748514625C13.414764625,15.934764825,13.411013625,15.342264625,13.372263625,14.872264825C13.331013625,14.362264425,13.253514625,14.059764825,13.134764625,13.827265225C12.886903625,13.340700625,12.491327625,12.945125625,12.004763625,12.697264925C11.772264625,12.578514925,11.469763625,12.501014725000001,10.961013625,12.459764825C10.442263625,12.417264625,9.778513925,12.416014925,8.832263925,12.416014925L6.999764925,12.416015625Z" fill="#999999" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M15.833983674999999,4.666015625C16.248197275,4.66601600646973,16.583985375,5.001802445,16.583983675,5.416015625L16.583983675,7.166015625L18.333983875,7.166015625C18.748197075,7.166016325,19.083983875,7.501802925,19.083983875,7.916016325C19.083983875,8.330230025,18.748197075,8.666016625000001,18.333983875,8.666015625L16.583983675,8.666015625L16.583983675,10.416015625C16.583985375,10.830229325000001,16.248198775,11.166016625000001,15.833985075000001,11.166016625000001C15.419771675,11.166016625000001,15.083985075000001,10.830230225000001,15.083983674999999,10.416015625L15.083983674999999,8.666015625L13.333983605,8.666015625C12.919770065,8.666016625000001,12.583984375,8.330230025,12.583984375,7.916016325C12.583984375,7.501802925,12.919770065,7.166016325,13.333983605,7.166015625L15.083983674999999,7.166015625L15.083983674999999,5.416015625C15.083985075000001,5.001802055,15.419769975,4.66601600646973,15.833983674999999,4.666015625Z" fill="#999999" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M7.91638631875,1.75C9.94154591875,1.75000019073487,11.583261018750001,3.3917156,11.583261018750001,5.4168746C11.583261018750001,7.4420342,9.94154591875,9.0837502,7.91638631875,9.0837502C5.8912273187499995,9.0837502,4.24951171875,7.4420342,4.24951171875,5.4168746C4.24951171875,3.3917156,5.8912273187499995,1.75000019073487,7.91638631875,1.75ZM7.91638631875,3.25C6.71930931875,3.2503452,5.74916651875,4.2210481,5.74951171875,5.4181252C5.74985691875,6.6152024,6.72055891875,7.5853457,7.91763611875,7.585C9.114712718749999,7.5846553,10.08485551875,6.6139526,10.084510818750001,5.4168758C10.08416601875,4.2197987999999995,9.11346391875,3.2496551,7.91638631875,3.25Z" fill="#999999" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/es/components/file-list/icon/close_black.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="14.166254997253418" height="14.166254997253418" viewBox="0 0 14.166254997253418 14.166254997253418"><path d="M5.9393778,7.083128L0.2368781,1.380628C-0.078959465,1.0647899,-0.078959465,0.55271596,0.2368784,0.2368784C0.55271626,-0.078959465,1.0647901,-0.078959465,1.380628,0.2368781L7.083128,5.9393778L12.785627,0.2368781C13.101511,-0.078696012,13.61337,-0.078570843,13.929096,0.23715764C14.244826,0.55288643,14.244952,1.0647446,13.929379,1.380628L8.2268772,7.083128L13.929377,12.785627C14.245214,13.101465,14.245214,13.613542,13.929377,13.929377C13.613539,14.245214,13.101463,14.245214,12.785627,13.929379L7.083128,8.2268772L1.380628,13.929379C1.0647446,14.244952,0.55288613,14.244826,0.23715734,13.929096C-0.078571141,13.61337,-0.078696012,13.101511,0.2368781,12.785627L5.9393778,7.083128Z" fill="#666666" fill-opacity="1" style="mix-blend-mode:passthrough"/></svg>

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

@@ -5,6 +5,7 @@ export interface FileListProps {
      * 列表数据
      */
     fileList: Array<object>;
+    signerInfo?: object;
     token: string;
     tokenTY: string;
     accessToken: string;
@@ -18,6 +19,7 @@ export interface FileListProps {
     openLoading: () => void;
     closeLoading: () => void;
     valChange: (value: any) => void;
+    saveSignerInfo: (value: any) => boolean;
 }
 declare const FileList: React.FC<FileListProps>;
 export default FileList;

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

@@ -42,10 +42,12 @@ var FileList = function FileList(_ref) {
     isPC = _ref.isPC,
     disabled = _ref.disabled,
     style = _ref.style,
+    signerInfo = _ref.signerInfo,
     download = _ref.download,
     openLoading = _ref.openLoading,
     closeLoading = _ref.closeLoading,
-    valChange = _ref.valChange;
+    valChange = _ref.valChange,
+    saveSignerInfo = _ref.saveSignerInfo;
   var _useState = useState(false),
     showMerge = _useState[0],
     setShowMerge = _useState[1];
@@ -288,11 +290,13 @@ var FileList = function FileList(_ref) {
           baseUrl: baseUrl,
           env: env,
           isPC: isPC,
+          signerInfo: signerInfo,
           disabled: disabled,
           download: download,
           valChange: handleChange,
           openLoading: openLoading,
           closeLoading: closeLoading,
+          saveSignerInfo: saveSignerInfo,
           style: {
             marginBottom: '12px'
           }
@@ -304,6 +308,7 @@ var FileList = function FileList(_ref) {
       return /*#__PURE__*/React.createElement(FileItem, {
         index: index,
         fileIndex: i,
+        signerInfo: signerInfo,
         file: file,
         fileConfig: item,
         maxFileSize: item.materialSize,
@@ -320,6 +325,7 @@ var FileList = function FileList(_ref) {
         valChange: handleChange,
         openLoading: openLoading,
         closeLoading: closeLoading,
+        saveSignerInfo: saveSignerInfo,
         style: {
           marginBottom: '12px'
         }

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

@@ -18,10 +18,12 @@ export interface FileItemProps {
     isInValid: boolean;
     userInfo: object;
     style?: object;
+    signerInfo?: object;
     openLoading: () => void;
     closeLoading: () => void;
     valChange: (value: any, fileIndex: any, index: any, subIndex: any) => void;
     download: (value: any) => void;
+    saveSignerInfo: (value: any) => boolean;
 }
 declare const FileItem: React.FC<FileItemProps>;
 export default FileItem;

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

@@ -20,6 +20,7 @@ import SealPage from "./seal";
 import { getMaterialLib, getGuideImg, getUrlById, onlinePreview } from "../../api";
 import { initFormat, getFileExtension } from "./file.js";
 import CheckPoint from "./checkPoint";
+import SignerInfo from "./signerInfo";
 import "./item.scss";
 var RadioGroup = _Radio.Group;
 var FileItem = function FileItem(_ref) {
@@ -33,6 +34,7 @@ var FileItem = function FileItem(_ref) {
     userInfo = _ref.userInfo,
     token = _ref.token,
     tokenTY = _ref.tokenTY,
+    signerInfo = _ref.signerInfo,
     accessToken = _ref.accessToken,
     baseUrl = _ref.baseUrl,
     env = _ref.env,
@@ -42,7 +44,8 @@ var FileItem = function FileItem(_ref) {
     valChange = _ref.valChange,
     download = _ref.download,
     openLoading = _ref.openLoading,
-    closeLoading = _ref.closeLoading;
+    closeLoading = _ref.closeLoading,
+    saveSignerInfo = _ref.saveSignerInfo;
   console.log('fileItem', file, maxFileSize);
   var fileName = file.fileName,
     fileUrl = file.fileUrl,
@@ -56,7 +59,10 @@ var FileItem = function FileItem(_ref) {
     signGuidFileId = fileConfig.signGuidFileId,
     keyPoint = fileConfig.keyPoint,
     isSmart = fileConfig.isSmart,
-    isShareFile = fileConfig.isShareFile;
+    isShareFile = fileConfig.isShareFile,
+    needOtherSign = fileConfig.needOtherSign;
+  var signBtnText = needOtherSign ? '联合签署' : '签署文件';
+  var reSignBtnText = needOtherSign ? '重新联合签署' : '重新签署';
   var _useState = useState(false),
     isShowMaterialLib = _useState[0],
     setIsShowMaterialLib = _useState[1];
@@ -108,6 +114,9 @@ var FileItem = function FileItem(_ref) {
   var _useState15 = useState(),
     sealedFile = _useState15[0],
     setSealedFile = _useState15[1];
+  var _useState16 = useState(false),
+    showSignerInfo = _useState16[0],
+    setShowSignerInfo = _useState16[1];
   var upload = function upload() {
     if (disabled) return;
     var inputEl = document.createElement('input');
@@ -304,13 +313,19 @@ var FileItem = function FileItem(_ref) {
     setIsShowSealPage(true);
   };
   var signAndSeal = function signAndSeal() {
-    seal();
+    // 如果不能签章就直接签批
+    if (!(userInfo.acctType === '20' && signEnable)) {
+      sign();
+    } else {
+      seal();
+    }
   };
 
   // 获取签pi结果
   var getRes = function getRes(val) {
     console.log('val---', val);
     valChange(val, fileIndex, index, subIndex);
+    needOtherSign && setShowSignerInfo(true);
   };
 
   // 获取签章结果
@@ -322,6 +337,7 @@ var FileItem = function FileItem(_ref) {
       sign();
     } else {
       valChange(val, fileIndex, index, subIndex);
+      needOtherSign && setShowSignerInfo(true);
     }
   };
   var queryFileLibs = function queryFileLibs() {
@@ -709,16 +725,16 @@ var FileItem = function FileItem(_ref) {
   // 有文件且配置了这俩功能且没有禁用操作才展示
   React.createElement("div", {
     className: "btn"
-  }, signatureEnable && userInfo.acctType === '20' && signEnable && /*#__PURE__*/React.createElement("div", {
+  }, signatureEnable || userInfo.acctType === '20' && signEnable && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
     onClick: signAndSeal
-  }, isSigned && isSealed ? '重新签署' : '签署文件'), !(userInfo.acctType === '20' && signEnable) && signatureEnable && /*#__PURE__*/React.createElement("div", {
+  }, isSigned && isSealed ? reSignBtnText : signBtnText), !(userInfo.acctType === '20' && signEnable) && signatureEnable && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
     onClick: sign
-  }, isSigned ? '重新签批' : '签署文件'), !signatureEnable && userInfo.acctType === '20' && signEnable && /*#__PURE__*/React.createElement("div", {
+  }, isSigned ? reSignBtnText : signBtnText), !signatureEnable && userInfo.acctType === '20' && signEnable && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
     onClick: seal
-  }, isSealed ? '重新签章' : '签署文件')) :
+  }, isSealed ? reSignBtnText : signBtnText)) :
   // 展示材料库
   !isShareFile && !isSmart && !disabled && !!materialLib.length && /*#__PURE__*/React.createElement("div", {
     className: "operation_btn",
@@ -866,6 +882,15 @@ var FileItem = function FileItem(_ref) {
     handleClose: function handleClose() {
       return setCheckPointData(null);
     }
+  }), showSignerInfo && /*#__PURE__*/React.createElement(SignerInfo, {
+    signerInfo: signerInfo,
+    handleClose: function handleClose() {
+      console.log('close');
+      setShowSignerInfo(false);
+    },
+    saveSignerInfo: saveSignerInfo,
+    signatureEnable: signatureEnable,
+    signEnable: signEnable
   }));
 };
 FileItem.displayName = 'FileItem';

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

@@ -17,7 +17,9 @@ function SealPage(props) {
     env = props.env,
     isPC = props.isPC,
     accessToken = props.accessToken,
-    closeLoading = props.closeLoading;
+    closeLoading = props.closeLoading,
+    _props$showClose = props.showClose,
+    showClose = _props$showClose === void 0 ? true : _props$showClose;
   var _useState = useState(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -214,7 +216,7 @@ function SealPage(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "sealPage",
     ref: elementRef
-  }, /*#__PURE__*/React.createElement("img", {
+  }, showClose && /*#__PURE__*/React.createElement("img", {
     className: "seal_close",
     src: closeIcon,
     alt: "",

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

@@ -14,7 +14,9 @@ function SignPage(props) {
     baseUrl = props.baseUrl,
     env = props.env,
     isPC = props.isPC,
-    closeLoading = props.closeLoading;
+    closeLoading = props.closeLoading,
+    _props$showClose = props.showClose,
+    showClose = _props$showClose === void 0 ? true : _props$showClose;
   var _useState = useState(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -130,7 +132,7 @@ function SignPage(props) {
   }, [srcUrl, documentId, contractId, name]);
   return /*#__PURE__*/React.createElement("div", {
     className: "sign_page"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, showClose && /*#__PURE__*/React.createElement("img", {
     className: "sign_close",
     src: closeIcon,
     alt: "",

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './signerInfo.scss';
+declare function SignerInfo(props: any): JSX.Element;
+export default SignerInfo;

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

@@ -0,0 +1,274 @@
+import _Checkbox from "@alifd/next/es/checkbox";
+import _Input from "@alifd/next/es/input";
+import _Message from "@alifd/next/es/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _Radio from "@alifd/next/es/radio";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState, useRef } from 'react';
+import closeIcon from "./icon/close_black.svg";
+import addIcon from "./icon/add.svg";
+import QRCode from 'qrcode';
+import "./signerInfo.scss";
+var RadioGroup = _Radio.Group;
+function SignerInfo(props) {
+  var handleClose = props.handleClose,
+    signerInfo = props.signerInfo,
+    saveSignerInfo = props.saveSignerInfo,
+    signatureEnable = props.signatureEnable,
+    signEnable = props.signEnable;
+  var _React$useState = React.useState([]),
+    signerInfoList = _React$useState[0],
+    setSignerInfoList = _React$useState[1];
+  var _useState = useState(false),
+    showQRcode = _useState[0],
+    setShowQRcode = _useState[1];
+  var canvasRef = useRef(null);
+  var _useState2 = useState(''),
+    url = _useState2[0],
+    setUrl = _useState2[1];
+  var handleFieldChange = function handleFieldChange(field, val, index) {
+    var _extends2;
+    var newList = [].concat(signerInfoList);
+    newList[index] = _extends({}, newList[index], (_extends2 = {}, _extends2[field] = val, _extends2));
+    setSignerInfoList(newList);
+  };
+  var next = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var saveRes;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 1;
+            return saveSignerInfo(signerInfoList);
+          case 1:
+            saveRes = _context.sent;
+            if (saveRes) {
+              setUrl("https://zwfw.xzspglj.taiyuan.gov.cn/threeSign?draftNo=" + saveRes);
+              setShowQRcode(true);
+            } else {
+              _Message.warning('信息保存失败，请重试');
+            }
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function next() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var addInfo = function addInfo() {
+    setSignerInfoList([].concat(signerInfoList, [{
+      signType: 0,
+      signerName: '',
+      signerCompany: '',
+      signContent: ''
+    }]));
+  };
+  var onCopy = function onCopy() {
+    navigator.clipboard.writeText(url);
+    _Message.success('复制成功');
+  };
+  useEffect(function () {
+    if (signerInfo) {
+      console.log('signerInfo', signerInfo);
+      var corpName = signerInfo.corpName,
+        certificateSno = signerInfo.certificateSno,
+        legalMobile = signerInfo.legalMobile;
+      setSignerInfoList([{
+        signType: 1,
+        signerCompany: corpName,
+        signerCertificateSno: certificateSno,
+        signerPhoneNum: legalMobile
+      }]);
+    } else {
+      setSignerInfoList([{
+        signType: 0,
+        signerName: '',
+        signerCompany: '',
+        signContent: ''
+      }]);
+    }
+  }, [signerInfo]);
+  useEffect(function () {
+    if (canvasRef.current) {
+      var options = {
+        width: 110,
+        // 二维码的宽度
+        height: 110,
+        // 二维码的高度
+        color: {
+          dark: '#000000',
+          // 二维码的前景色（黑色）
+          light: '#ffffff' // 二维码的背景色（白色）
+        },
+        errorCorrectionLevel: 'H' // 错误修正级别：L (低), M (中), Q (较高), H (最高)
+      };
+      QRCode.toCanvas(canvasRef.current, url, options, function () {});
+    }
+  }, [url]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "signer-info-mask"
+  }, !showQRcode && /*#__PURE__*/React.createElement("div", {
+    className: "signer-info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "signer-info-title"
+  }, /*#__PURE__*/React.createElement("span", null, "\u7EF4\u62A4\u7B7E\u7F72\u4FE1\u606F"), /*#__PURE__*/React.createElement("img", {
+    className: "close",
+    src: closeIcon,
+    alt: "close",
+    onClick: handleClose
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "signer-info-content"
+  }, signerInfoList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item",
+      key: index,
+      style: {
+        marginBottom: index === signerInfoList.length - 1 ? '0' : '12px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-title"
+    }, /*#__PURE__*/React.createElement("span", null), "\u7B7E\u7F72\u65B9", index + 1), /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box",
+      style: {
+        paddingTop: '0'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u7B7E\u7F72\u65B9\u7C7B\u578B", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(RadioGroup, {
+      value: item.signType,
+      onChange: function onChange(val) {
+        return handleFieldChange('signType', val, index);
+      },
+      "aria-labelledby": "groupId"
+    }, /*#__PURE__*/React.createElement(_Radio, {
+      id: 0,
+      value: 0
+    }, "\u4E2A\u4EBA"), /*#__PURE__*/React.createElement(_Radio, {
+      id: 1,
+      value: 1
+    }, "\u4F01\u4E1A"))), item.signType === 0 && /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u59D3\u540D", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(_Input, {
+      className: "signer-info-input",
+      placeholder: "\u8BF7\u8F93\u5165",
+      value: item.signerName,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerName', val, index);
+      }
+    })), item.signType === 0 && /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u8EAB\u4EFD\u8BC1\u53F7", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(_Input, {
+      className: "signer-info-input",
+      placeholder: "\u8BF7\u8F93\u5165",
+      value: item.signerCerNo,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerCerNo', val, index);
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u624B\u673A\u53F7", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(_Input, {
+      className: "signer-info-input",
+      placeholder: "\u8BF7\u8F93\u5165",
+      value: item.signerPhoneNum,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerPhoneNum', val, index);
+      }
+    })), item.signType === 1 && /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u4F01\u4E1A\u540D\u79F0", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(_Input, {
+      className: "signer-info-input",
+      placeholder: "\u8BF7\u8F93\u5165",
+      value: item.signerCompany,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerCompany', val, index);
+      }
+    })), item.signType === 1 && /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(_Input, {
+      className: "signer-info-input",
+      placeholder: "\u8BF7\u8F93\u5165",
+      value: item.signerCertificateSno,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerCompany', val, index);
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-box",
+      style: {
+        border: 'none'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u7B7E\u7F72\u5185\u5BB9", /*#__PURE__*/React.createElement("span", {
+      className: "signer-info-item-label-tip"
+    }, "*")), /*#__PURE__*/React.createElement(_Checkbox.Group, {
+      value: item.signContent,
+      onChange: function onChange(val) {
+        return handleFieldChange('signContent', val, index);
+      },
+      "aria-labelledby": "groupId"
+    }, signatureEnable && /*#__PURE__*/React.createElement(_Checkbox, {
+      id: "1",
+      value: "1"
+    }, "\u4EC5\u7B7E\u540D"), signEnable && item.signType === 1 && /*#__PURE__*/React.createElement(_Checkbox, {
+      id: "2",
+      value: "2"
+    }, "\u4EC5\u7B7E\u7AE0")))));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "footer"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "add",
+    onClick: addInfo
+  }, /*#__PURE__*/React.createElement("img", {
+    src: addIcon,
+    alt: ""
+  }), "\u6DFB\u52A0\u7B7E\u7F72\u65B9"), /*#__PURE__*/React.createElement("div", {
+    className: "next",
+    onClick: next
+  }, "\u4E0B\u4E00\u6B65"))), showQRcode && /*#__PURE__*/React.createElement("div", {
+    className: "qrcode"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "qrcode-close",
+    src: closeIcon,
+    alt: "close",
+    onClick: handleClose
+  }), /*#__PURE__*/React.createElement("canvas", {
+    className: "qrcode-canvas",
+    ref: canvasRef
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "code-title"
+  }, "\u7B7E\u7F72\u4E8C\u7EF4\u7801"), /*#__PURE__*/React.createElement("p", {
+    className: "tip"
+  }, "\u60A8\u53EF\u4EE5\u5C06\u4E8C\u7EF4\u7801\u622A\u56FE\u5206\u4EAB\u81F3\u7B7E\u7F72\u65B9\uFF0C\u4E5F\u53EF\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u5C06\u94FE\u63A5\u53D1\u9001\u81F3\u7B7E\u7F72\u65B9\uFF0C\u7B7E\u7F72\u65B9\u9700\u767B\u5F55\u4E09\u664B\u901A\u5C0F\u7A0B\u5E8F\uFF0C\u540C\u4E00\u4EFD\u6750\u6599\u8BF7\u52FF\u591A\u4EBA\u540C\u65F6\u7B7E\u7F72"), /*#__PURE__*/React.createElement("div", {
+    className: "copy-link",
+    onClick: onCopy
+  }, "\u590D\u5236\u94FE\u63A5")));
+}
+export default SignerInfo;