ydb-components-material 0.1.119 → 0.1.121

package/es/components/guide-pc/index.js

@@ -0,0 +1,440 @@
+import _Button from "@alifd/next/es/button";
+import _Dialog from "@alifd/next/es/dialog";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _Message from "@alifd/next/es/message";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import * as React from 'react';
+import GuideTabs from "./components/guideTabs";
+import Situation from "./components/situation";
+import MaterialsList from "./components/materialsList";
+import BasicInfo from "./components/basicInfo";
+import ProcessImg from "./components/processImg";
+import Accept from "./components/accept";
+import Places from "./components/places";
+import Result from "./components/result";
+import commentIcon from "../guide/imgs/comment.png";
+import shareIcon from "../guide/imgs/share.png";
+import downloadIcon from "../guide/imgs/download.png";
+import "./index.scss";
+
+// TODO: API imports not available
+// import { getTyEventDetailApi, getFormValueApi } from '@/api/tyBusiness.js'
+
+var tabSections = [{
+  id: 'section-materials',
+  label: '材料清单'
+}, {
+  id: 'section-basicInfo',
+  label: '事项信息'
+}, {
+  id: 'section-process',
+  label: '办事流程'
+}, {
+  id: 'section-accept',
+  label: '受理条件'
+}, {
+  id: 'section-places',
+  label: '办事大厅'
+}, {
+  id: 'section-result',
+  label: '成效分析'
+}];
+var GuidePc = function GuidePc(_ref) {
+  var _eventInfoProp$taskGe;
+  var onNextStep = _ref.onNextStep,
+    _ref$cantNext = _ref.cantNext,
+    cantNext = _ref$cantNext === void 0 ? false : _ref$cantNext,
+    _ref$hasPrevious = _ref.hasPrevious,
+    hasPrevious = _ref$hasPrevious === void 0 ? false : _ref$hasPrevious,
+    taskHandleItem = _ref.taskHandleItem,
+    accessToken = _ref.accessToken,
+    eventInfoProp = _ref.eventInfo,
+    acctType = _ref.acctType,
+    agentInfo = _ref.agentInfo,
+    applicationId = _ref.applicationId,
+    finalMaterials = _ref.finalMaterials,
+    declarationAppToken = _ref.declarationAppToken,
+    situationPageUrl = _ref.situationPageUrl,
+    baseUrl = _ref.baseUrl,
+    download = _ref.download,
+    situationResRechange = _ref.situationResRechange,
+    previousData = _ref.previousData;
+  var _React$useState = React.useState(0),
+    tabIndex = _React$useState[0],
+    setTabIndex = _React$useState[1];
+  var _React$useState2 = React.useState(true),
+    canHandle = _React$useState2[0];
+  var _React$useState3 = React.useState(false),
+    popShow = _React$useState3[0],
+    setPopShow = _React$useState3[1];
+  var _React$useState4 = React.useState(false),
+    modalShow = _React$useState4[0],
+    setModalShow = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    isAgree = _React$useState5[0],
+    setIsAgree = _React$useState5[1];
+  var _React$useState6 = React.useState(''),
+    agreementPrompt = _React$useState6[0],
+    setAgreementPrompt = _React$useState6[1];
+  var _React$useState7 = React.useState([]),
+    userAgreementList = _React$useState7[0],
+    setUserAgreementList = _React$useState7[1];
+  var _React$useState8 = React.useState(''),
+    userAgreement = _React$useState8[0],
+    setUserAgreement = _React$useState8[1];
+  React.useEffect(function () {
+    initUserNotice();
+    document.title = '办事指南';
+  }, [eventInfoProp]);
+
+  // ============ 用户协议 ============
+  var initUserNotice = function initUserNotice() {
+    var _eventInfo$applicatio, _eventInfo$applicatio2;
+    var eventInfo = eventInfoProp;
+    if (!eventInfo) return;
+    if ((_eventInfo$applicatio = eventInfo.applicationUserAgreementBO) !== null && _eventInfo$applicatio !== void 0 && _eventInfo$applicatio.agreementContent) {
+      setAgreementPrompt(eventInfo.applicationUserAgreementBO.agreementPrompt);
+      setUserAgreementList(eventInfo.applicationUserAgreementBO.agreementContent);
+      setIsAgree(false);
+    } else {
+      setIsAgree(true);
+    }
+    if ((_eventInfo$applicatio2 = eventInfo.applicationUserNoticeBO) !== null && _eventInfo$applicatio2 !== void 0 && _eventInfo$applicatio2.userNotice) {
+      var userNotice = {
+        agreementName: '用户协议',
+        agreementDetail: eventInfo.applicationUserNoticeBO.userNotice
+      };
+      setUserAgreementList(function (prev) {
+        return [userNotice].concat(prev);
+      });
+    }
+  };
+  var showAgree = function showAgree(item) {
+    setModalShow(false);
+    setUserAgreement(item.agreementDetail);
+    setPopShow(true);
+  };
+  var yesAgree = function yesAgree() {
+    setIsAgree(true);
+    setModalShow(false);
+    handleEvent();
+  };
+
+  // ============ 按钮操作 ============
+  var prepStep = function prepStep() {
+    onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep('上一步');
+  };
+  var goComment = function goComment() {
+    _Message.show({
+      type: 'help',
+      content: '评价页面跳转未实现'
+    });
+  };
+  var goShare = function goShare() {
+    var href = window.location.href;
+    navigator.clipboard.writeText(href).then(function () {
+      _Message.success('已复制网址链接');
+    })["catch"](function () {
+      var textarea = document.createElement('textarea');
+      textarea.value = href;
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand('copy');
+      document.body.removeChild(textarea);
+      _Message.success('已复制网址链接');
+    });
+  };
+  var goDownload = function goDownload() {
+    _Message.show({
+      type: 'help',
+      content: '下载功能待完善'
+    });
+  };
+  var changeTab = function changeTab(index) {
+    setTabIndex(index);
+    var section = tabSections[index];
+    if (section) {
+      var element = document.getElementById(section.id);
+      if (element) {
+        var offsetTop = element.offsetTop;
+        window.scrollTo({
+          top: offsetTop - 100,
+          behavior: 'smooth'
+        });
+      }
+    }
+  };
+
+  // Scroll-spy to update active tab based on scroll position
+  React.useEffect(function () {
+    var handleScroll = function handleScroll() {
+      var scrollY = window.scrollY + 120;
+      var activeIdx = 0;
+      for (var i = 0; i < tabSections.length; i++) {
+        var el = document.getElementById(tabSections[i].id);
+        if (el && el.offsetTop <= scrollY) {
+          activeIdx = i;
+        }
+      }
+      setTabIndex(activeIdx);
+    };
+    window.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return function () {
+      return window.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+
+  // ============ 立即办理 ============
+  var handleEvent = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var eventInfo, _ref3, serviceObjectType, finalAcctType;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (isAgree) {
+              _context.next = 1;
+              break;
+            }
+            setModalShow(true);
+            return _context.abrupt("return");
+          case 1:
+            eventInfo = eventInfoProp;
+            if (eventInfo) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _ref3 = eventInfo.taskGeneralExtend || {}, serviceObjectType = _ref3.serviceObjectType;
+            if (serviceObjectType) {
+              _context.next = 3;
+              break;
+            }
+            _Dialog.confirm({
+              title: '提示',
+              content: '当前暂无匹配服务对象，无法继续办理，如需帮助请致电：0351-2366413',
+              locale: {
+                ok: '知道了'
+              },
+              footerActions: ['ok']
+            });
+            return _context.abrupt("return");
+          case 3:
+            finalAcctType = '';
+            if (agentInfo) {
+              finalAcctType = agentInfo.acctType === '10' ? '1' : '2';
+            } else {
+              finalAcctType = acctType === '10' ? '1' : '2';
+            }
+            if (serviceObjectType.split(',').includes(finalAcctType)) {
+              _context.next = 4;
+              break;
+            }
+            _Message.warning(finalAcctType === '1' ? '该事项不允许个人用户办理' : '该事项不允许法人用户办理');
+            return _context.abrupt("return");
+          case 4:
+            onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep('立即办理');
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleEvent() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // ============ 返回顶部 ============
+  var goUp = function goUp() {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  };
+
+  // Show scroll-to-top button when scrolled down
+  var _React$useState9 = React.useState(false),
+    showGoUp = _React$useState9[0],
+    setShowGoUp = _React$useState9[1];
+  React.useEffect(function () {
+    var handleScroll = function handleScroll() {
+      setShowGoUp(window.scrollY > 400);
+    };
+    window.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return function () {
+      return window.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-wrapper"
+  }, !canHandle && /*#__PURE__*/React.createElement("div", {
+    className: "guide-empty"
+  }, "\u6682\u672A\u67E5\u8BE2\u5230\u76F8\u5173\u4E8B\u9879"), canHandle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-main"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "stity"
+  }, /*#__PURE__*/React.createElement(GuideTabs, {
+    curTab: tabIndex,
+    onTabsChange: changeTab
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "gap"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "section-materials"
+  }, (eventInfoProp === null || eventInfoProp === void 0 ? void 0 : (_eventInfoProp$taskGe = eventInfoProp.taskGeneralExtend) === null || _eventInfoProp$taskGe === void 0 ? void 0 : _eventInfoProp$taskGe.programProcess) && /*#__PURE__*/React.createElement(Situation, {
+    eventInfo: eventInfoProp,
+    applicationId: applicationId,
+    accessToken: accessToken,
+    acctType: acctType,
+    declarationAppToken: declarationAppToken,
+    taskHandleItem: taskHandleItem
+  }), /*#__PURE__*/React.createElement(MaterialsList, {
+    eventInfo: eventInfoProp,
+    finalMaterials: finalMaterials,
+    baseUrl: baseUrl,
+    declarationAppToken: declarationAppToken,
+    download: download
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-basicInfo",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(BasicInfo, {
+    eventInfo: eventInfoProp
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-process",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(ProcessImg, {
+    eventInfo: eventInfoProp,
+    baseUrl: baseUrl,
+    declarationAppToken: declarationAppToken
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-accept",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(Accept, {
+    eventInfo: eventInfoProp
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-places",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(Places, {
+    eventInfo: eventInfoProp
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "section-result",
+    className: "content-section"
+  }, /*#__PURE__*/React.createElement(Result, {
+    eventInfo: eventInfoProp
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "guidePc-bottom"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bottom-inner"
+  }, userAgreementList.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "agreement-row"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "agreement-checkbox"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: isAgree,
+    onChange: function onChange(e) {
+      return setIsAgree(e.target.checked);
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "agreement-label-text"
+  }, agreementPrompt)), /*#__PURE__*/React.createElement("div", {
+    className: "agreement-tip-slot"
+  }, userAgreementList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: index,
+      className: "agreement-item",
+      onClick: function onClick() {
+        return showAgree(item);
+      }
+    }, "\u300A", item.agreementName, "\u300B");
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "action-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left-actions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "action-btn",
+    onClick: goComment
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "btn-icon",
+    src: commentIcon,
+    alt: "\u8BC4\u4EF7"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, "\u8BC4\u4EF7\u6307\u5357")), /*#__PURE__*/React.createElement("div", {
+    className: "action-btn",
+    onClick: goShare
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "btn-icon",
+    src: shareIcon,
+    alt: "\u5206\u4EAB"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, "\u5206\u4EAB")), /*#__PURE__*/React.createElement("div", {
+    className: "action-btn",
+    onClick: goDownload
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "btn-icon",
+    src: downloadIcon,
+    alt: "\u4E0B\u8F7D"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "name"
+  }, "\u4E0B\u8F7D"))), /*#__PURE__*/React.createElement("div", {
+    className: "right-actions"
+  }, hasPrevious && /*#__PURE__*/React.createElement(_Button, {
+    className: "prev-btn",
+    onClick: prepStep,
+    disabled: cantNext
+  }, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    className: "next-btn",
+    disabled: !canHandle,
+    onClick: handleEvent
+  }, "\u7ACB\u5373\u529E\u7406"))))), showGoUp && /*#__PURE__*/React.createElement("div", {
+    className: "go-up-btn",
+    onClick: goUp
+  }, "\u25B2 \u9876\u90E8")), /*#__PURE__*/React.createElement(_Dialog, {
+    visible: popShow,
+    onClose: function onClose() {
+      return setPopShow(false);
+    },
+    footer: false,
+    width: "90%"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "agree-detail",
+    dangerouslySetInnerHTML: {
+      __html: userAgreement
+    }
+  })), /*#__PURE__*/React.createElement(_Dialog, {
+    visible: modalShow,
+    title: "\u8BF7\u9605\u8BFB\u5E76\u540C\u610F\u4EE5\u4E0B\u534F\u8BAE",
+    locale: {
+      ok: '同意并继续',
+      cancel: '不同意'
+    },
+    onOk: yesAgree,
+    onCancel: function onCancel() {
+      return setModalShow(false);
+    },
+    onClose: function onClose() {
+      return setModalShow(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "agree"
+  }, agreementPrompt, userAgreementList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: index,
+      className: "agreement-sub-item",
+      onClick: function onClick() {
+        return showAgree(item);
+      }
+    }, "\u300A", item.agreementName, "\u300B");
+  }))));
+};
+GuidePc.displayName = 'GuidePc';
+export default GuidePc;

package/es/components/guide-pc/index.scss

@@ -0,0 +1,185 @@
+.guidePc-wrapper {
+  min-height: 100vh;
+  background: #ffffff;
+  position: relative;
+
+  .guide-empty {
+    text-align: center;
+    padding: 100px 0;
+    font-size: 16px;
+    color: #999;
+  }
+}
+
+.guidePc-main {
+  max-width: 1200px;
+  margin: 0 auto;
+  min-height: 80vh;
+}
+
+/* ============ Sticky Top Tabs ============ */
+.stity {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+  background: #ffffff;
+}
+
+.gap {
+  height: 24px;
+}
+
+/* ============ Content Area ============ */
+.guidePc-content {
+  .content-section {
+    margin-top: 24px;
+  }
+}
+
+/* ============ Bottom Action Bar ============ */
+.guidePc-bottom {
+  border-top: 1px solid #e8e8e8;
+  background: #ffffff;
+  padding: 16px 0;
+
+  .bottom-inner {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .agreement-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+    padding: 0 16px;
+
+    .agreement-checkbox {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      cursor: pointer;
+      font-size: 14px;
+      color: #333;
+
+      input[type="checkbox"] {
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+      }
+    }
+
+    .agreement-item {
+      color: #1678FF;
+      cursor: pointer;
+      font-size: 14px;
+      margin-left: 4px;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .action-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 16px;
+
+    .left-actions {
+      display: flex;
+      gap: 24px;
+
+      .action-btn {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        cursor: pointer;
+        color: #666666;
+        font-size: 14px;
+        padding: 6px 12px;
+        border-radius: 6px;
+        transition: all 0.2s;
+
+        &:hover {
+          background: #f0f5ff;
+          color: #1678FF;
+        }
+
+        .btn-icon {
+          width: 18px;
+          height: 18px;
+        }
+      }
+    }
+
+    .right-actions {
+      display: flex;
+      gap: 12px;
+
+      .prev-btn {
+        border-color: #d9d9d9;
+        color: #333;
+      }
+
+      .next-btn {
+        background: linear-gradient(90deg, #1678FF, #76ADFA);
+        border: none;
+        color: #ffffff;
+        font-weight: 500;
+      }
+    }
+  }
+}
+
+/* ============ Scroll-to-top Button ============ */
+.go-up-btn {
+  position: fixed;
+  bottom: 120px;
+  right: 40px;
+  width: 48px;
+  height: 48px;
+  background: #1678FF;
+  color: #ffffff;
+  border-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  cursor: pointer;
+  box-shadow: 0 2px 8px rgba(22, 120, 255, 0.4);
+  z-index: 100;
+  transition: all 0.2s;
+
+  &:hover {
+    transform: scale(1.05);
+    box-shadow: 0 4px 12px rgba(22, 120, 255, 0.5);
+  }
+}
+
+/* ============ Agreement Modals ============ */
+.agree-detail {
+  max-height: 70vh;
+  overflow-y: auto;
+  padding: 16px;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.agree {
+  font-size: 14px;
+  line-height: 1.6;
+  color: #333;
+
+  .agreement-sub-item {
+    color: #1678FF;
+    cursor: pointer;
+    margin-left: 4px;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}

package/es/index.d.ts

@@ -51,5 +51,7 @@ export type { CommentProps } from './components/guide/comment';
 export { default as Comment } from './components/guide/comment';
 export type { SignFileProps } from './components/sign-file';
 export { default as SignFile } from './components/sign-file';
+export type { GuidePcProps } from './components/guide-pc';
+export { default as GuidePc } from './components/guide-pc';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -31,5 +31,6 @@ export { default as DragDropList } from "./components/drag-drop";
 export { default as Guide } from "./components/guide";
 export { default as Comment } from "./components/guide/comment";
 export { default as SignFile } from "./components/sign-file";
+export { default as GuidePc } from "./components/guide-pc";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

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

@@ -539,8 +539,8 @@ var FileItem = function FileItem(_ref) {
             });
           case 2:
             guideImgRes = _context4.sent;
-            if (guideImgRes.presignedUrl) {
-              setGuideurl(guideImgRes.presignedUrl);
+            if (guideImgRes.presignedUrlList.length && guideImgRes.presignedUrlList[2]) {
+              setGuideurl(guideImgRes.presignedUrlList[2]);
               setIsShowGuide(true);
             }
           case 3:

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

@@ -34,6 +34,9 @@ function SealPage(props) {
   var _useState2 = (0, _react.useState)(''),
     orderId = _useState2[0],
     setOrderId = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    hideClose = _useState3[0],
+    setHideClose = _useState3[1];
   var timerRef = (0, _react.useRef)(null);
   var elementRef = (0, _react.useRef)(null);
   var handleRes = /*#__PURE__*/function () {
@@ -169,6 +172,7 @@ function SealPage(props) {
         signFiles = _res$data.signFiles;
       if (signStatus === 6) {
         // 签署成功
+        setHideClose(true);
         handleClearInterval();
         if (signFiles && signFiles.length) {
           // 下载该文件
@@ -224,7 +228,7 @@ function SealPage(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sealPage",
     ref: elementRef
-  }, showClose && /*#__PURE__*/_react["default"].createElement("img", {
+  }, showClose && !hideClose && /*#__PURE__*/_react["default"].createElement("img", {
     className: "seal_close",
     src: _close["default"],
     alt: "",