ydb-components-material 0.1.87 → 0.1.89

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

@@ -0,0 +1,854 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _Message from "@alifd/next/es/message";
+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";
+import SealPage from "./seal";
+import { getMaterialLib, getGuideImg, getUrlById, onlinePreview } from "../../api";
+import { initFormat, getFileExtension } from "./file.js";
+import CheckPoint from "./checkPoint";
+import "./item.scss";
+var RadioGroup = _Radio.Group;
+var FileItem = function FileItem(_ref) {
+  var index = _ref.index,
+    subIndex = _ref.subIndex,
+    fileIndex = _ref.fileIndex,
+    file = _ref.file,
+    fileConfig = _ref.fileConfig,
+    maxFileSize = _ref.maxFileSize,
+    spec = _ref.spec,
+    isShowLib = _ref.isShowLib,
+    userInfo = _ref.userInfo,
+    token = _ref.token,
+    tokenTY = _ref.tokenTY,
+    accessToken = _ref.accessToken,
+    baseUrl = _ref.baseUrl,
+    env = _ref.env,
+    isPC = _ref.isPC,
+    disabled = _ref.disabled,
+    style = _ref.style,
+    valChange = _ref.valChange,
+    download = _ref.download;
+  console.log('fileItem', file, maxFileSize);
+  var fileName = file.fileName,
+    fileUrl = file.fileUrl,
+    fileId = file.fileId,
+    isSigned = file.isSigned,
+    isSealed = file.isSealed,
+    fileType = file.fileType;
+  var signatureEnable = fileConfig.signatureEnable,
+    signEnable = fileConfig.signEnable,
+    isInValid = fileConfig.isInValid,
+    signGuidFileId = fileConfig.signGuidFileId,
+    keyPoint = fileConfig.keyPoint;
+  var _useState = useState(false),
+    isShowMaterialLib = _useState[0],
+    setIsShowMaterialLib = _useState[1];
+  var _useState2 = useState(),
+    materialId = _useState2[0],
+    setMaterial = _useState2[1]; // 在材料库中的材料
+  var _useState3 = useState(false),
+    isShowSignPage = _useState3[0],
+    setIsShowSignPage = _useState3[1];
+  var _useState4 = useState(false),
+    isShowSealPage = _useState4[0],
+    setIsShowSealPage = _useState4[1];
+  var _useState5 = useState(false),
+    isShowPreview = _useState5[0],
+    setIsShowPreview = _useState5[1];
+  var _useState6 = useState(''),
+    previewIframeUrl = _useState6[0],
+    setPreviewIframeUrl = _useState6[1];
+  var _useState7 = useState({}),
+    materialUrlMap = _useState7[0],
+    setMaterialUrlMap = _useState7[1];
+  var _useState8 = useState(''),
+    materialPreviewUrl = _useState8[0],
+    setMaterialPreviewUrl = _useState8[1];
+  var _useState9 = useState(false),
+    isShowMaterialPreview = _useState9[0],
+    setIsShowMaterialPreview = _useState9[1];
+  var _useState0 = useState([]),
+    materialLib = _useState0[0],
+    setMaterialLib = _useState0[1];
+  var _useState1 = useState(''),
+    guideurl = _useState1[0],
+    setGuideurl = _useState1[1];
+  var _useState10 = useState(false),
+    isShowGuide = _useState10[0],
+    setIsShowGuide = _useState10[1];
+  var _useState11 = useState(null),
+    checkPointData = _useState11[0],
+    setCheckPointData = _useState11[1];
+  var _useState12 = useState(0),
+    materialLibTotal = _useState12[0],
+    setMaterialLibTotal = _useState12[1];
+  var _useState13 = useState(1),
+    pageNum = _useState13[0],
+    setPageNum = _useState13[1];
+  var _useState14 = useState(''),
+    thumbnail = _useState14[0],
+    setThumbnail = _useState14[1]; // 缩略图
+
+  var upload = function upload() {
+    if (disabled) return;
+    var inputEl = document.createElement('input');
+    inputEl.setAttribute('type', 'file');
+    inputEl.style.display = 'none';
+    document.body.appendChild(inputEl);
+    inputEl.click();
+    inputEl.addEventListener('change', function (e) {
+      console.log(e.target.files);
+      var fileData = e.target.files[0];
+      console.log('fileData----', fileData);
+      if (fileData.size > (maxFileSize || 50) * 1024 * 1024) {
+        _Message.notice("\u6587\u4EF6 \"" + fileData.name + "\" \u8D85\u8FC7" + maxFileSize + "MB\u9650\u5236");
+        return;
+      }
+      if (spec) {
+        var type = getFileExtension(fileData.name);
+        if (!initFormat(spec).includes(type)) {
+          _Message.notice("\u6587\u4EF6 \"" + fileData.name + "\" \u683C\u5F0F\u4E0D\u6B63\u786E");
+          return;
+        }
+      }
+      var formData = new FormData();
+      formData.append('file', fileData);
+      formData.append('open', true);
+      fetch(baseUrl + "/declaration/material/file/files/api", {
+        method: 'POST',
+        body: formData,
+        headers: {
+          Authorization: tokenTY || ''
+        }
+      }).then(function (response) {
+        return response.json();
+      }).then(function (res) {
+        document.body.removeChild(inputEl);
+        if (res.fileId) {
+          console.log('--------res', res);
+          valChange(_extends({}, res, {
+            fileName: fileData.name,
+            fileType: fileData.type
+          }), fileIndex, index, subIndex);
+          _Message.notice('上传成功');
+        } else {
+          _Message.error('上传失败，请重试');
+        }
+      })["catch"](function (err) {
+        return err;
+      });
+    });
+  };
+
+  // 预览材料
+  var preview = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var fileUrl, fileId, 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;
+            }
+            return _context.abrupt("return");
+          case 1:
+            console.log('fileUrl', fileUrl, fileId);
+            setPreviewIframeUrl(fileUrl);
+            setIsShowPreview(true);
+            // if (!fileId) return;
+            _context.next = 2;
+            return getUrlById({
+              id: fileId,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 2:
+            urlRes = _context.sent;
+            if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 3;
+            return onlinePreview({
+              url: urlRes.presignedUrlList[2]
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            res = _context.sent;
+            setPreviewIframeUrl(res.url);
+            setIsShowPreview(true);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function preview() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // 预览材料库中的材料
+  var previewMaterial = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id, url) {
+      var materialUrl, urlRes;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!materialUrlMap[id]) {
+              _context2.next = 1;
+              break;
+            }
+            setIsShowMaterialPreview(true);
+            setMaterialPreviewUrl(materialUrlMap[id]);
+            return _context2.abrupt("return");
+          case 1:
+            materialUrl = url;
+            if (materialUrl) {
+              _context2.next = 3;
+              break;
+            }
+            _context2.next = 2;
+            return getUrlById({
+              id: id,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 2:
+            urlRes = _context2.sent;
+            if (urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0) {
+              materialUrl = urlRes.presignedUrlList[2];
+            }
+          case 3:
+            fetch(baseUrl + "/declaration/material/onlinePreview?url=" + materialUrl, {
+              method: 'GET',
+              headers: {
+                Authorization: tokenTY || ''
+              }
+            }).then(function (response) {
+              return response.json();
+            }).then(function (res) {
+              var _extends2;
+              setMaterialPreviewUrl(res.url);
+              setIsShowMaterialPreview(true);
+              setMaterialUrlMap(_extends({}, materialUrlMap, (_extends2 = {}, _extends2[id] = res.url, _extends2)));
+            });
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function previewMaterial(_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  // 手写签批
+  var sign = function sign() {
+    // handleSign()
+    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()
+    setIsShowSealPage(true);
+  };
+  var signAndSeal = function signAndSeal() {
+    seal();
+  };
+
+  // 获取签pi结果
+  var getRes = function getRes(val) {
+    console.log('val---', val);
+    valChange(val, fileIndex, index, subIndex);
+  };
+
+  // 获取签章结果
+  var getSealRes = function getSealRes(val) {
+    console.log('sealval---', val);
+    valChange(val, fileIndex, index, subIndex);
+    // 如果还允许签批 就连住一起做了
+    if (signatureEnable) {
+      sign();
+    }
+  };
+  var queryFileLibs = function queryFileLibs() {
+    console.log('queryFileLibs', userInfo);
+    var certNo = userInfo.certNo,
+      certificateSno = userInfo.certificateSno,
+      acctType = userInfo.acctType;
+    var params = {
+      cardno: acctType === '10' ? certNo : certificateSno,
+      // 个人传身份证号、法人传社会统一信用代码
+      // cardno: '140110199504131013', // 个人传身份证号、法人传社会统一信用代码
+      type: acctType === '10' ? '11' : '21',
+      pageNum: pageNum,
+      pageSize: 10
+    };
+    getMaterialLib(params, {
+      token: token,
+      tokenTY: tokenTY,
+      baseUrl: baseUrl,
+      env: env,
+      isPC: isPC,
+      accessToken: accessToken
+    }).then(function (res) {
+      if (res.code === 200) {
+        var records = res.data.records;
+        setMaterialLib(function (list) {
+          return list.concat(records);
+        });
+        setMaterialLibTotal(+res.data.total);
+        setPageNum(pageNum + 1);
+      }
+    })["catch"](function (err) {
+      console.error(err);
+    });
+  };
+  var loadMore = function loadMore() {
+    queryFileLibs();
+  };
+  var showGuide = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var guideImgRes;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (signGuidFileId) {
+              _context3.next = 1;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 1:
+            _context3.next = 2;
+            return getGuideImg({
+              id: signGuidFileId,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 2:
+            guideImgRes = _context3.sent;
+            if (guideImgRes.presignedUrl) {
+              setGuideurl(guideImgRes.presignedUrl);
+              setIsShowGuide(true);
+            }
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function showGuide() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var selectMaterialOk = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var selectedMaterial, arr, fileFormat, formatFinal, urlRes, m;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            console.log('val', materialId);
+            console.log('materialLib==', materialLib);
+            selectedMaterial = materialLib.find(function (item) {
+              return item.fileId === materialId;
+            });
+            console.log('selectedMaterial', selectedMaterial);
+            if (!spec) {
+              _context4.next = 1;
+              break;
+            }
+            arr = selectedMaterial.fileName.split('.'); //
+            fileFormat = arr[arr.length - 1]; // 获取当前材料库材料的文件类型
+            console.log(fileFormat, '材料库当前选择的文件格式');
+            formatFinal = initFormat(spec); // 限制的文件类型
+            console.log(formatFinal, '限制的格式最后');
+            if (formatFinal.includes(fileFormat)) {
+              _context4.next = 1;
+              break;
+            }
+            _Message.notice("\u8BE5\u6750\u6599\u4E0D\u652F\u6301\u4E0A\u4F20\u3010" + fileFormat + "\u3011\u683C\u5F0F\u7684\u6587\u4EF6");
+            return _context4.abrupt("return");
+          case 1:
+            if (!(selectedMaterial.type === 1)) {
+              _context4.next = 2;
+              break;
+            }
+            _Message.notice('该文件为旧文件, 请先下载后手动上传');
+            return _context4.abrupt("return");
+          case 2:
+            if (selectedMaterial.innerFileUrl) {
+              _context4.next = 4;
+              break;
+            }
+            _context4.next = 3;
+            return getUrlById({
+              id: selectedMaterial.fileId,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            urlRes = _context4.sent;
+            if (urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0) {
+              selectedMaterial.innerFileUrl = urlRes.presignedUrlList[2];
+            }
+          case 4:
+            m = _extends({}, selectedMaterial, {
+              fileUrl: selectedMaterial.innerFileUrl
+            });
+            console.log('m', m);
+            valChange(m, fileIndex, index, subIndex);
+            setIsShowMaterialLib(false);
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function selectMaterialOk() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var onDownload = function onDownload() {
+    var fileName = file.fileName,
+      fileId = file.fileId;
+    if (disabled) return;
+    var format = getFileExtension(fileName);
+    download({
+      fileId: fileId,
+      format: format
+    });
+  };
+  var handleDel = function handleDel() {
+    if (disabled) return;
+    valChange(undefined, fileIndex, index, subIndex);
+  };
+  useEffect(function () {
+    if (userInfo && isShowLib && tokenTY) {
+      console.log('userInfo', tokenTY, userInfo);
+      setTimeout(function () {
+        queryFileLibs();
+      }, 0);
+    }
+  }, [userInfo, isShowLib, tokenTY]);
+  var extractImageUrls = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(previewUrl) {
+      var response, htmlText, parser, doc, imgElements, srcList;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 1;
+            return fetch(previewUrl);
+          case 1:
+            response = _context5.sent;
+            _context5.next = 2;
+            return response.text();
+          case 2:
+            htmlText = _context5.sent;
+            parser = new DOMParser();
+            doc = parser.parseFromString(htmlText, 'text/html');
+            imgElements = doc.querySelectorAll('img');
+            srcList = Array.from(imgElements).map(function (img) {
+              return img.getAttribute('data-src');
+            });
+            return _context5.abrupt("return", srcList);
+          case 3:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function extractImageUrls(_x3) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  var getViewUrl = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
+      var type, urlRes, res, list;
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            type = getFileExtension(fileName);
+            if (!['png', 'jpg', 'jpeg'].includes(type)) {
+              _context6.next = 1;
+              break;
+            }
+            return _context6.abrupt("return", fileUrl);
+          case 1:
+            if (!(type !== 'pdf')) {
+              _context6.next = 2;
+              break;
+            }
+            return _context6.abrupt("return", '');
+          case 2:
+            _context6.next = 3;
+            return getUrlById({
+              id: id,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            urlRes = _context6.sent;
+            if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
+              _context6.next = 6;
+              break;
+            }
+            console.log('urlRes', urlRes);
+            _context6.next = 4;
+            return onlinePreview({
+              url: urlRes.presignedUrlList[2]
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 4:
+            res = _context6.sent;
+            _context6.next = 5;
+            return extractImageUrls(res.url);
+          case 5:
+            list = _context6.sent;
+            console.log('list---', list);
+            return _context6.abrupt("return", list[0]);
+          case 6:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function getViewUrl(_x4) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (fileId) {
+      getViewUrl(fileId).then(function (url) {
+        setThumbnail(url);
+      });
+    }
+  }, [fileId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "file_item",
+    style: style
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "file_name"
+  }, fileName), /*#__PURE__*/React.createElement("div", {
+    className: "file"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "file_img"
+  }, fileUrl ? /*#__PURE__*/React.createElement("div", {
+    className: "filed"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "small_img",
+    style: !thumbnail ? {
+      width: '30px',
+      height: '30px'
+    } : {},
+    src: thumbnail || fileIcon,
+    alt: ""
+  }), !disabled && /*#__PURE__*/React.createElement("img", {
+    className: "del",
+    src: delIcon,
+    alt: "",
+    onClick: handleDel
+  }), isInValid && /*#__PURE__*/React.createElement("img", {
+    className: "error_msg",
+    src: errorMsgIcon,
+    alt: ""
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "add",
+    onClick: function onClick() {
+      return upload();
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "upload",
+    src: uploadIcon,
+    alt: ""
+  }), "\u4E0A\u4F20\u6750\u6599"), !isPC && (isSigned || isSealed) && /*#__PURE__*/React.createElement("div", {
+    className: "mask"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "center"
+  }, isSigned && isSealed && /*#__PURE__*/React.createElement("div", {
+    className: "checked",
+    style: {
+      marginBottom: '9px'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: CheckedIcon,
+    alt: ""
+  }), "\u5DF2\u7B7E\u7F72"), isSigned && !isSealed && /*#__PURE__*/React.createElement("div", {
+    className: "checked",
+    style: {
+      marginBottom: '9px'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: CheckedIcon,
+    alt: ""
+  }), "\u5DF2\u7B7E\u6279"), isSealed && !isSigned && /*#__PURE__*/React.createElement("div", {
+    className: "checked"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: CheckedIcon,
+    alt: ""
+  }), "\u5DF2\u7B7E\u7AE0")))), isPC && /*#__PURE__*/React.createElement("div", {
+    className: "blocks"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "status"
+  }, isSigned && /*#__PURE__*/React.createElement("div", {
+    className: "status_item"
+  }, "\u5DF2\u7B7E\u6279"), isSealed && /*#__PURE__*/React.createElement("div", {
+    className: "status_item"
+  }, "\u5DF2\u7B7E\u7AE0")), fileUrl && /*#__PURE__*/React.createElement("div", {
+    className: "btns"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "btn",
+    onClick: preview
+  }, /*#__PURE__*/React.createElement("img", {
+    src: previewIconPC,
+    alt: ""
+  }), "\u9884\u89C8"), !disabled && /*#__PURE__*/React.createElement("div", {
+    className: "btn",
+    onClick: onDownload
+  }, /*#__PURE__*/React.createElement("img", {
+    src: downloadIconPC,
+    alt: ""
+  }), "\u4E0B\u8F7D"))), !disabled && /*#__PURE__*/React.createElement("div", {
+    className: isPC ? 'operation_pc' : 'operation'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "btn"
+  }, signGuidFileId && /*#__PURE__*/React.createElement("div", {
+    className: "img_btn",
+    onClick: showGuide
+  }, "\u7B7E\u7AE0\u5F15\u5BFC"), keyPoint && /*#__PURE__*/React.createElement("div", {
+    className: "img_btn",
+    onClick: function onClick() {
+      return setCheckPointData(keyPoint);
+    }
+  }, "\u5BA1\u67E5\u8981\u70B9")), fileUrl && !disabled ?
+  /*#__PURE__*/
+  // 有文件且配置了这俩功能且没有禁用操作才展示
+  React.createElement("div", {
+    className: "btn"
+  }, 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", {
+    className: "operation_btn",
+    onClick: sign
+  }, isSigned ? '重新签批' : '手写签批'), !signatureEnable && userInfo.acctType === '20' && signEnable && /*#__PURE__*/React.createElement("div", {
+    className: "operation_btn",
+    onClick: seal
+  }, isSealed ? '重新签章' : '电子签章')) :
+  // 展示材料库
+  isShowLib && !disabled && !!materialLib.length && /*#__PURE__*/React.createElement("div", {
+    className: "operation_btn",
+    onClick: function onClick() {
+      return setIsShowMaterialLib(true);
+    }
+  }, "\u6750\u6599\u5E93"))), !isPC && /*#__PURE__*/React.createElement("div", {
+    className: "file_item_bottom",
+    style: {
+      justifyContent: disabled ? 'center' : 'space-evenly'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "icon_text",
+    onClick: preview
+  }, /*#__PURE__*/React.createElement("img", {
+    src: previewIcon,
+    alt: ""
+  }), "\u9884\u89C8"), !disabled && /*#__PURE__*/React.createElement("div", {
+    className: "line"
+  }), !disabled && /*#__PURE__*/React.createElement("div", {
+    className: "icon_text",
+    onClick: onDownload
+  }, /*#__PURE__*/React.createElement("img", {
+    src: downloadIcon,
+    alt: ""
+  }), "\u4E0B\u8F7D")), isShowMaterialLib && /*#__PURE__*/React.createElement("div", {
+    className: "material_lib"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "material_lib_content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "material_lib_title"
+  }, "\u9009\u62E9\u6750\u6599"), /*#__PURE__*/React.createElement("div", {
+    className: "tips"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: warningIcon,
+    alt: ""
+  }), "\u4E3A\u907F\u514D\u529E\u4EF6\u4E0D\u901A\u8FC7\uFF0C\u9009\u62E9\u6750\u6599\u65F6\uFF0C\u8BF7\u60A8\u6CE8\u610F\u6750\u6599\u6709\u6548\u671F\uFF01"), /*#__PURE__*/React.createElement(RadioGroup, {
+    className: "list",
+    value: materialId,
+    onChange: function onChange(val) {
+      return setMaterial(val);
+    }
+  }, materialLib.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "item",
+      key: item.fileId
+    }, /*#__PURE__*/React.createElement(_Radio, {
+      id: item.fileId,
+      value: item.fileId
+    }, item.fileName), /*#__PURE__*/React.createElement("div", {
+      className: "preview_icon",
+      onClick: function onClick() {
+        return previewMaterial(item.fileId, item.innerFileUrl);
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      src: previewIcon,
+      alt: ""
+    }), "\u9884\u89C8"));
+  }), materialLib.length < materialLibTotal && /*#__PURE__*/React.createElement("div", {
+    className: "more",
+    onClick: loadMore
+  }, "\u52A0\u8F7D\u66F4\u591A")), /*#__PURE__*/React.createElement("div", {
+    className: "bottom_btn"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "btn cancel",
+    onClick: function onClick() {
+      return setIsShowMaterialLib(false);
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement("div", {
+    className: "btn ok",
+    onClick: selectMaterialOk
+  }, "\u786E\u5B9A")))), isShowSignPage && /*#__PURE__*/React.createElement(SignPage, {
+    isShowSignPage: isShowSignPage,
+    userInfo: userInfo,
+    file: file,
+    token: token,
+    tokenTY: tokenTY,
+    baseUrl: baseUrl,
+    env: env,
+    isPC: isPC,
+    getRes: getRes,
+    handleClose: function handleClose() {
+      return setIsShowSignPage(false);
+    }
+  }), isShowSealPage && /*#__PURE__*/React.createElement(SealPage, {
+    isShowSealPage: isShowSealPage,
+    userInfo: userInfo,
+    file: file,
+    token: token,
+    tokenTY: tokenTY,
+    baseUrl: baseUrl,
+    env: env,
+    isPC: isPC,
+    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 + '#toolbar=0&navpanes=0&scrollbar=0&messages=0&statusbar=0',
+    frameborder: "0",
+    height: "600px",
+    width: "100%"
+  })), isShowMaterialPreview && /*#__PURE__*/React.createElement("div", {
+    className: "preview"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "close",
+    src: closeIcon,
+    alt: "",
+    onClick: function onClick() {
+      return setIsShowMaterialPreview(false);
+    }
+  }), /*#__PURE__*/React.createElement("iframe", {
+    src: materialPreviewUrl,
+    frameborder: "0",
+    height: "90%",
+    width: "100%"
+  })), isShowGuide && /*#__PURE__*/React.createElement("div", {
+    className: "preview"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "close",
+    src: closeIcon,
+    alt: "",
+    onClick: function onClick() {
+      return setIsShowGuide(false);
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    src: guideurl,
+    style: {
+      height: '90%'
+    }
+  })), checkPointData && /*#__PURE__*/React.createElement(CheckPoint, {
+    checkPointData: checkPointData,
+    handleClose: function handleClose() {
+      return setCheckPointData(null);
+    }
+  }));
+};
+FileItem.displayName = 'FileItem';
+export default FileItem;