ydb-components-material 0.1.102 → 0.1.104

package/es/components/guide/compoents/result.js

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import "./result.scss";
+import commonBg from "../imgs/bg2.png";
+import icon1 from "../imgs/icon1.png";
+import icon2 from "../imgs/icon2.png";
+import icon3 from "../imgs/icon3.png";
+import icon4 from "../imgs/icon4.png";
+import down from "../imgs/down.png";
+var Result = function Result(_ref) {
+  var eventInfoProp = _ref.eventInfo;
+  var _React$useState = React.useState([]),
+    list = _React$useState[0],
+    setList = _React$useState[1];
+  React.useEffect(function () {
+    initData();
+  }, []);
+  var initData = function initData() {
+    var eventInfo = eventInfoProp;
+    if (eventInfo !== null && eventInfo !== void 0 && eventInfo.applicationConfigEfficiencies) {
+      setList(eventInfo.applicationConfigEfficiencies);
+    }
+  };
+  if (!list.length) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "result-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "empty-text"
+    }, "\u6682\u65E0\u6210\u6548\u5206\u6790"));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "result-content"
+  }, list.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "card",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "title"
+    }, "\u60C5\u5F62", index + 1), /*#__PURE__*/React.createElement("div", {
+      className: "desc"
+    }, item.scene), /*#__PURE__*/React.createElement("div", {
+      className: "info-con",
+      style: {
+        backgroundImage: "url(" + commonBg + ")"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "info-title"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "title-item"
+    }, "\u73B0\u5728\u529E\u7406\u4E1A\u52A1"), /*#__PURE__*/React.createElement("div", {
+      className: "title-item"
+    }, "\u8FC7\u5F80\u529E\u7406\u4E1A\u52A1")), /*#__PURE__*/React.createElement("div", {
+      className: "info-list"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "info-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "icon",
+      style: {
+        backgroundImage: "url(" + icon1 + ")"
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "info"
+    }, "\u5E73\u5747\u63D0\u4EA4\u6750\u6599\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
+      className: "num"
+    }, item.materialReduction), "\u4EFD"), /*#__PURE__*/React.createElement("div", {
+      className: "downIcon",
+      style: {
+        backgroundImage: "url(" + down + ")"
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "info-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "icon",
+      style: {
+        backgroundImage: "url(" + icon2 + ")"
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "info"
+    }, "\u5E73\u5747\u8017\u65F6\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
+      className: "num"
+    }, item.timeReduction), "\u5929"), /*#__PURE__*/React.createElement("div", {
+      className: "downIcon",
+      style: {
+        backgroundImage: "url(" + down + ")"
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "info-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "icon",
+      style: {
+        backgroundImage: "url(" + icon3 + ")"
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "info"
+    }, "\u5E73\u5747\u8868\u5355\u5B57\u6BB5\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
+      className: "num"
+    }, item.formReduction), "\u4E2A"), /*#__PURE__*/React.createElement("div", {
+      className: "downIcon",
+      style: {
+        backgroundImage: "url(" + down + ")"
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "info-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "icon",
+      style: {
+        backgroundImage: "url(" + icon4 + ")"
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "info"
+    }, "\u5E73\u5747\u8DD1\u817F\u6B21\u6570\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
+      className: "num"
+    }, item.runReduction), "\u6B21"), /*#__PURE__*/React.createElement("div", {
+      className: "downIcon",
+      style: {
+        backgroundImage: "url(" + down + ")"
+      }
+    })))));
+  }));
+};
+Result.displayName = 'Result';
+export default Result;

package/es/components/guide/compoents/result.scss

@@ -0,0 +1,88 @@
+.result-content {
+  margin-top: 12px;
+
+  .card {
+    background: #ffffff;
+    border-radius: 8px;
+    padding: 16px 0 0;
+    margin-bottom: 12px;
+
+    .title {
+      font-size: 15px;
+      font-weight: 500;
+      color: #333333;
+      margin: 0 16px;
+    }
+
+    .desc {
+      font-size: 14px;
+      line-height: 22px;
+      color: #222222;
+      margin: 8px 16px 12px;
+    }
+
+    .info-con {
+      width: 100%;
+      height: 254px;
+      background-size: 100% 100%;
+
+      .info-title {
+        height: 45px;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+
+        .title-item {
+          font-size: 16px;
+          font-weight: 500;
+          color: #FFFFFF;
+
+          &:last-child {
+            color: #6480A7;
+            font-size: 14px;
+            margin-top: 8px;
+          }
+        }
+      }
+
+      .info-list {
+        margin: 15px 30px 0;
+
+        .info-item {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          margin-top: 8px;
+
+          .icon {
+            width: 26px;
+            height: 26px;
+            background-size: 100% 100%;
+          }
+
+          .info {
+            margin: 0 10px;
+            font-size: 14px;
+            color: #333333;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            .num {
+              font-size: 24px;
+              font-weight: 500;
+              color: #1678FF;
+              margin: 0 5px;
+            }
+          }
+
+          .downIcon {
+            width: 17px;
+            height: 17px;
+            background-size: 100% 100%;
+          }
+        }
+      }
+    }
+  }
+}

package/es/components/guide/index.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import './index.scss';
+export interface GuideProps {
+    /** Called when user clicks "立即办理" or "上一步" */
+    onNextStep?: (action: string) => void;
+    /** Whether to disable the prev/next buttons (coming from authorization page) */
+    cantNext?: boolean;
+    /** Standard item ID for fetching event details */
+    standardItemId?: string;
+    /** Task handle item code */
+    taskHandleItem?: string;
+    /** Access token */
+    accessToken?: string;
+    /** Event info data */
+    eventInfo?: object;
+    /** Account type */
+    acctType?: string;
+    /** Agent info */
+    agentInfo?: object;
+    /** Application ID */
+    applicationId?: string;
+    /** Form data */
+    formData?: object;
+    /** Form field names */
+    formFieldNames?: object;
+    /** Item situation row uid */
+    itemSituationRowUid?: object;
+    /** Work number */
+    workNo?: object;
+    /** Final materials after intelligent guidance */
+    finalMaterials?: object[];
+    /** Filter materials */
+    filterMaterials?: object;
+    /** Step list */
+    stepList?: object[];
+    /** Declaration app token */
+    declarationAppToken?: string;
+    /** Declare page URL */
+    declarePage?: string;
+    /** Base URL */
+    baseUrl?: string;
+    /** Download handler */
+    download?: (params: any) => void;
+    /** Situation result re-change handler */
+    situationResRechange?: (data: any) => void;
+}
+declare const Guide: React.FC<GuideProps>;
+export default Guide;