ydb-components-material 0.1.127 → 0.1.128

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

@@ -1,16 +1,17 @@
 import _Loading from "@alifd/next/es/loading";
+import _Dialog from "@alifd/next/es/dialog";
 import _Message from "@alifd/next/es/message";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import previewIcon from "./icon/preview.svg";
 import downloadIcon from "./icon/download.svg";
 import fileIcon from "./icon/file.svg";
 import closeIcon from "./icon/close.svg";
-// import SignPage from './sign';
-// import SealPage from './seal';
 import SignPage from "../file-list/sign";
 import SealPage from "../file-list/seal";
+import { querySeal } from "../file-list/sealUtil";
 import { getGuideImg, getUrlById, onlinePreview } from "../../api";
 import { getFileExtension } from "./file.js";
 import "./index.scss";
@@ -28,7 +29,8 @@ var SignFile = function SignFile(_ref) {
     isPC = _ref.isPC,
     style = _ref.style,
     download = _ref.download,
-    valChange = _ref.valChange;
+    valChange = _ref.valChange,
+    applySeal = _ref.applySeal;
   var fileName = file.fileName,
     fileUrl = file.fileUrl,
     fileId = file.fileId,
@@ -64,6 +66,10 @@ var SignFile = function SignFile(_ref) {
   var _useState9 = useState(),
     sealedFile = _useState9[0],
     setSealedFile = _useState9[1];
+  var _useState0 = useState(false),
+    hasSigned = _useState0[0],
+    setHasSigned = _useState0[1];
+  var fileCopy = useRef(_extends({}, file));
 
   // 预览材料
   var preview = /*#__PURE__*/function () {
@@ -286,32 +292,127 @@ var SignFile = function SignFile(_ref) {
   }();
 
   // 手写签批
-  var sign = function sign() {
+  var sign = function sign(fromSeal) {
+    if (fromSeal === void 0) {
+      fromSeal = false;
+    }
+    if (!fromSeal) setSealedFile(undefined);
     setLoading(true);
     setIsShowSignPage(true);
   };
 
   // 签章
-  var seal = function seal() {
-    // 如果不需要签章 就直接去签字
-    if (!signContent.includes(SEAL)) {
-      sign();
-      return;
-    }
-    console.log('fileType', fileType);
-    var type = getFileExtension(fileName);
-    if (type !== 'pdf') {
-      _Message.notice('只有pdf文件才能使用电子签章');
-      return;
-    }
-    setLoading(true);
-    setIsShowSealPage(true);
-  };
+  var seal = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var type, sealList;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            setSealedFile(undefined);
+            // 如果不需要签章 就直接去签字
+            if (signContent.includes(SEAL)) {
+              _context5.next = 1;
+              break;
+            }
+            sign();
+            return _context5.abrupt("return");
+          case 1:
+            console.log('fileType', fileType);
+            type = getFileExtension(fileName);
+            if (!(type !== 'pdf')) {
+              _context5.next = 2;
+              break;
+            }
+            _Message.notice('只有pdf文件才能使用电子签章');
+            return _context5.abrupt("return");
+          case 2:
+            _context5.next = 3;
+            return querySeal(userInfo, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            sealList = _context5.sent;
+            if (!(userInfo.corpType === 'C04')) {
+              _context5.next = 4;
+              break;
+            }
+            if (sealList.length) {
+              // 有印章 → 对话框提示，可跳过走签批
+              _Dialog.confirm({
+                title: '提示',
+                footerAlign: 'center',
+                content: '本份材料可豁免签章流程，完成电子签名即可，是否确认跳过签章？',
+                okProps: {
+                  children: '继续签章'
+                },
+                cancelProps: {
+                  children: '跳过签章'
+                },
+                onOk: function onOk() {
+                  setIsShowSealPage(true);
+                },
+                onCancel: function onCancel() {
+                  sign();
+                },
+                onClose: function onClose() {
+                  setLoading(false);
+                }
+              });
+            } else {
+              // 无印章 → 对话框提示，可申请印章或跳过走签批
+              _Dialog.confirm({
+                title: '提示',
+                content: '经检测，本账户暂未申请企业印章，办理时可选择跳过签章流程完成签名；也可办好印章后再来办理此项业务',
+                footerAlign: 'center',
+                okProps: {
+                  children: '申请印章'
+                },
+                cancelProps: {
+                  children: '跳过签章'
+                },
+                onOk: function onOk() {
+                  applySeal();
+                },
+                onCancel: function onCancel() {
+                  sign();
+                },
+                onClose: function onClose() {
+                  setLoading(false);
+                }
+              });
+            }
+            return _context5.abrupt("return");
+          case 4:
+            if (sealList.length) {
+              _context5.next = 5;
+              break;
+            }
+            _Message.error('该单位下暂无印章，请前往"山西政务服务网"或"三晋通"小程序申领印章');
+            return _context5.abrupt("return");
+          case 5:
+            setLoading(true);
+            setIsShowSealPage(true);
+          case 6:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function seal() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
 
-  // 获取签pi结果
+  // 获取签批结果
   var getRes = function getRes(val) {
     console.log('signVal---', val);
     valChange(val);
+    setHasSigned(true);
   };
 
   // 获取签章结果
@@ -320,9 +421,10 @@ var SignFile = function SignFile(_ref) {
     // 如果还允许签批 就连住一起做了
     if (signatureEnable) {
       setSealedFile(val);
-      sign();
+      sign(true);
     } else {
       valChange(val);
+      setHasSigned(true);
     }
   };
   useEffect(function () {
@@ -384,7 +486,7 @@ var SignFile = function SignFile(_ref) {
   }), "\u4E0B\u8F7D")), isShowSignPage && /*#__PURE__*/React.createElement(SignPage, {
     isShowSignPage: isShowSignPage,
     userInfo: userInfo,
-    file: sealedFile || file,
+    file: sealedFile || fileCopy.current,
     token: token,
     tokenTY: tokenTY,
     baseUrl: baseUrl,
@@ -402,7 +504,7 @@ var SignFile = function SignFile(_ref) {
     showClose: false,
     isShowSealPage: isShowSealPage,
     userInfo: userInfo,
-    file: file,
+    file: fileCopy.current,
     token: token,
     tokenTY: tokenTY,
     baseUrl: baseUrl,
@@ -447,7 +549,7 @@ var SignFile = function SignFile(_ref) {
   }))), /*#__PURE__*/React.createElement("div", {
     className: "sign_btn",
     onClick: seal
-  }, "\u7B7E\u7F72\u6587\u4EF6")));
+  }, hasSigned ? '重新签署' : '签署文件')));
 };
 SignFile.displayName = 'SignFile';
 export default SignFile;

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

@@ -23,7 +23,11 @@ function CheckPoint(props) {
   var _useState4 = (0, _react.useState)(0),
     pageHeight = _useState4[0],
     setPageHeight = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    containerHeight = _useState5[0],
+    setContainerHeight = _useState5[1];
   var imgRef = (0, _react.useRef)();
+  var containerRef = (0, _react.useRef)();
   var initData = function initData() {
     var fileUrl = checkPointData.fileUrl,
       _checkPointData$annot = checkPointData.annotations,
@@ -96,8 +100,27 @@ function CheckPoint(props) {
       initData();
     }
   }, [checkPointData]);
-  return /*#__PURE__*/_react.React.createElement("div", null, /*#__PURE__*/_react.React.createElement("div", {
-    className: "keyPoint-container"
+
+  // 计算容器高度：从自身顶部到视口底部
+  (0, _react.useEffect)(function () {
+    var calcHeight = function calcHeight() {
+      if (containerRef.current) {
+        var rect = containerRef.current.getBoundingClientRect();
+        setContainerHeight(window.innerHeight - rect.top);
+      }
+    };
+    calcHeight();
+    window.addEventListener('resize', calcHeight);
+    return function () {
+      return window.removeEventListener('resize', calcHeight);
+    };
+  }, []);
+  return /*#__PURE__*/_react.React.createElement("div", {
+    className: "keyPoint-container",
+    ref: containerRef,
+    style: {
+      height: containerHeight || '100vh'
+    }
   }, /*#__PURE__*/_react.React.createElement("div", {
     className: "tipDot-content",
     style: {
@@ -155,5 +178,5 @@ function CheckPoint(props) {
     style: {
       height: ((_resultData$at2 = resultData.at(-1)) === null || _resultData$at2 === void 0 ? void 0 : _resultData$at2.page) * pageHeight + 'px'
     }
-  })));
+  }));
 }

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

@@ -1,120 +1,111 @@
 .keyPoint-container {
-	// position: sticky;
-	height: 100vh;
-  // margin-top: -56px;
-	width: 100vw;
-  position: fixed;
-  z-index: 999;
-  left: 0;
-  top: 0;
-  background: #919191;
-  overflow-y: scroll;
-  #file_check_point {
-    overflow: visible !important;
-    overflow-clip-margin: unset !important;
-  }
-  .tipDot-content{
-    // height: 100vh;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    // overflow: scroll;
-    .tip-item{
-      position: absolute;
-      border-radius: 2px;
-      border: 1px solid #15BC83;
-      background: rgba(21, 188, 131, 0.1);
-      &.active {
-        background: rgba(247, 98, 93, 0.1);
-        border: 1px solid #F7625D;
-      }
-      .num{
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-        font-size: 10px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        color: #ffffff;
-        margin-left: -20px;
-        background: #15BC83;
-        &.active {
-          background: #F7625D;
-        }
-      }
-    }
-
-  }
-	.result-outter {
-		box-sizing: border-box;
-		padding: 0 24px;
-		// border: 1px solid red;
-		position: fixed;
 		width: 100%;
-		bottom: 65px;
-		left: 0;
-		.result-card {
-			border-radius: 10px;
-			padding: 16px;
-      background: #ffffff;
-      border: 1px solid #ddd;
-      box-shadow: 0px 4px 10px 0px rgba(177, 188, 200, 0.25);
-			.result-title {
-				color: #333;
-				font-size: 14px;
-				margin-bottom: 8px;
-			}
-			.result-info{
-				font-size: 14px;
-				margin-bottom: 10px;
-				display: flex;
-				justify-content: flex-start;
-				align-items: center;
-				gap: 5px;
-				// 提示类型: error/judge/pass
-				.result-text{
+		background: #919191;
+		overflow-y: scroll;
+		#file_check_point {
+			overflow: visible !important;
+			overflow-clip-margin: unset !important;
+		}
+		.tipDot-content{
+			// height: 100vh;
+			width: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			// overflow: scroll;
+			.tip-item{
+				position: absolute;
+				border-radius: 2px;
+				border: 1px solid #15BC83;
+				background: rgba(21, 188, 131, 0.1);
+				&.active {
+					background: rgba(247, 98, 93, 0.1);
+					border: 1px solid #F7625D;
+				}
+				.num{
+					width: 20px;
+					height: 20px;
+					border-radius: 50%;
+					font-size: 10px;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: #ffffff;
+					margin-left: -20px;
+					background: #15BC83;
+					&.active {
+						background: #F7625D;
+					}
 				}
 			}
+
 		}
+		.result-outter {
+			box-sizing: border-box;
+			padding: 0 24px;
+			// border: 1px solid red;
+			position: fixed;
+			width: 100%;
+			bottom: 65px;
+			left: 0;
+			.result-card {
+				border-radius: 10px;
+				padding: 16px;
+				background: #ffffff;
+				border: 1px solid #ddd;
+				box-shadow: 0px 4px 10px 0px rgba(177, 188, 200, 0.25);
+				.result-title {
+					color: #333;
+					font-size: 14px;
+					margin-bottom: 8px;
+				}
+				.result-info{
+					font-size: 14px;
+					margin-bottom: 10px;
+					display: flex;
+					justify-content: flex-start;
+					align-items: center;
+					gap: 5px;
+					// 提示类型: error/judge/pass
+				}
+			}
 
-	}
-	.bottom-btn {
-		box-sizing: border-box;
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		background-color: #fff;
-		padding: 11px 0;
-		display: flex;
-		box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
-		z-index: 200;
-		.btn {
-			margin: 0 10px;
-			flex: 1;
-      color: #323233;
-      background-color: #fff;
-      border-color: #ebedf0;
-      border-width: 1px;
-      border-style: solid;
-      border-radius: 100px;
-      padding: 0 12px;
-      font-size: 14px;
-      height: 40px;
-      position: relative;
-      align-items: center;
-      justify-content: center;
-      display: flex;
-      flex-direction: row;
-      box-sizing: border-box;
-      flex-direction: row;
 		}
-    .btn-blue {
-      color: white;
-      border-width: 0px;
-      background-image: linear-gradient(rgb(22, 120, 255), rgb(118, 173, 250));
-    }
+		.bottom-btn {
+			box-sizing: border-box;
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			background-color: #fff;
+			padding: 11px 0;
+			display: flex;
+			box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
+			z-index: 200;
+			.btn {
+				margin: 0 10px;
+				flex: 1;
+				color: #323233;
+				background-color: #fff;
+				border-color: #ebedf0;
+				border-width: 1px;
+				border-style: solid;
+				border-radius: 100px;
+				padding: 0 12px;
+				font-size: 14px;
+				height: 40px;
+				position: relative;
+				align-items: center;
+				justify-content: center;
+				display: flex;
+				flex-direction: row;
+				box-sizing: border-box;
+				flex-direction: row;
+			}
+			.btn-blue {
+				color: white;
+				border-width: 0px;
+				background-image: linear-gradient(rgb(22, 120, 255), rgb(118, 173, 250));
+			}
+		}
 	}
-}

package/lib/components/file-list/icon/delete.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="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1260_69365"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1260_69365)"><path d="M3.1666667,4.0016272375L2.5,4.0016272375C2.22385764,4.0016272375,2,3.7777693375,2,3.5016272375C2,3.2254849375,2.22385764,3.0016271375,2.5,3.0016271375L13.5,3.0016271375C13.776142,3.0016271375,14,3.2254849375,14,3.5016272375C14,3.7777693375,13.776142,4.0016272375,13.5,4.0016272375L4.1666663,4.0016272375L4.1666663,12.8349589375C4.166667,13.2951979375,4.5397627,13.6682909375,5,13.6682909375L11,13.6682909375C11.4602375,13.6682909375,11.833333,13.2951949375,11.833333,12.8349589375L11.833333,5.5016269375C11.833333,5.2254846375,12.057191,5.0016274375,12.333333,5.0016274375C12.609475,5.0016274375,12.833333,5.2254846375,12.833333,5.5016269375L12.833333,12.8349589375C12.833333,13.8474599375,12.0125,14.6682929375,11,14.6682929375L5,14.6682929375C3.9875,14.6682929375,3.1666665,13.8474599375,3.1666665,12.8349589375L3.1666667,4.0016272375ZM6.666667,2.3349608175C6.3905239,2.3349608175,6.166667,2.1111031775,6.166667,1.8349608775C6.166667,1.5588185475,6.3905239,1.3349609375,6.666667,1.3349609375L9.333334,1.3349609375C9.6094756,1.3349609375,9.8333335,1.5588185475,9.8333335,1.8349608775C9.8333335,2.1111031775,9.6094756,2.3349608175,9.333334,2.3349608175L6.666667,2.3349608175ZM6.166667,6.8349599375C6.166667,6.5588173375,6.3905239,6.3349604375,6.666667,6.3349604375C6.9428091,6.3349604375,7.1666665,6.5588173375,7.1666665,6.8349599375L7.1666665,10.8349599375C7.1666665,11.1111021375,6.9428091,11.3349599375,6.666667,11.3349599375C6.3905239,11.3349599375,6.166667,11.1111021375,6.166667,10.8349599375L6.166667,6.8349599375ZM8.833334,6.8349599375C8.833334,6.5588173375,9.0571914,6.3349604375,9.333334,6.3349604375C9.6094756,6.3349604375,9.8333335,6.5588173375,9.8333335,6.8349599375L9.8333335,10.8349599375C9.8333335,11.1111021375,9.6094756,11.3349599375,9.333334,11.3349599375C9.0571914,11.3349599375,8.833334,11.1111021375,8.833334,10.8349599375L8.833334,6.8349599375Z" fill="#F7625D" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>