ydb-components-material 0.1.102 → 0.1.104

package/es/components/guide/compoents/materials/materialsList.js

@@ -0,0 +1,411 @@
+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 { numberToChinese } from "../../_utils";
+import CheckPoint from "./checkPoint";
+import "./materialsList.scss";
+import bgImg from "../../imgs/bg1.png";
+import { getUrlById, onlinePreview } from "../../../../api.js";
+
+// TODO: getFileUrlApi and previewFileApi not available in this project
+// import { getFileUrlApi, previewFileApi } from '@/api/business.js'
+// import { hasShareFile } from '@/utils/testShareFile.js'
+
+var MaterialsList = function MaterialsList(_ref) {
+  var eventInfoProp = _ref.eventInfo,
+    finalMaterialsProp = _ref.finalMaterials,
+    declarationAppTokenProp = _ref.declarationAppTokenProp,
+    baseUrlProp = _ref.baseUrl,
+    downloadProp = _ref.download;
+  var _React$useState = React.useState([]),
+    list = _React$useState[0],
+    setList = _React$useState[1];
+  var _React$useState2 = React.useState(false),
+    previewShow = _React$useState2[0],
+    setPreviewShow = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    pickerType = _React$useState3[0],
+    setPickerType = _React$useState3[1];
+  var _React$useState4 = React.useState(false),
+    pickerShow = _React$useState4[0],
+    setPickerShow = _React$useState4[1];
+  var _React$useState5 = React.useState([]),
+    pickerOptions = _React$useState5[0],
+    setPickerOptions = _React$useState5[1];
+  var _React$useState6 = React.useState(null),
+    checkPointKey = _React$useState6[0],
+    setCheckPointKey = _React$useState6[1];
+  var _React$useState7 = React.useState(''),
+    previewIframeUrl = _React$useState7[0],
+    setPreviewIframeUrl = _React$useState7[1];
+  var tip = '根据您的情况为您展示精准材料清单。';
+  React.useEffect(function () {
+    initDataNew();
+  }, []);
+  var initDataNew = function initDataNew() {
+    var finalMaterials = finalMaterialsProp;
+    var eventInfo = eventInfoProp;
+    var taskGeneralMaterials = (eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.taskGeneralMaterials) || [];
+    setList(finalMaterials || taskGeneralMaterials);
+  };
+  var showTip = function showTip(type) {
+    var obj = {
+      '智': '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。',
+      '享': '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。',
+      '自': '需要用户自行准备申报材料'
+    };
+    _Message.show({
+      type: 'help',
+      content: obj[type] || ''
+    });
+  };
+  var getFileType = function getFileType(file) {
+    if (file.formConvertMaterial) return '智';
+    if (file.noNeedSubmit) return '享';
+    return '自';
+  };
+  var handleCheckPoint = function handleCheckPoint(item) {
+    var keyPoint = item.keyPoint;
+    if (!(keyPoint !== null && keyPoint !== void 0 && keyPoint.fileUrl)) {
+      _Message.warning('该审查要点暂时无法查看');
+      return;
+    }
+    setCheckPointKey(keyPoint);
+  };
+  var handleCloseCheckPoint = function handleCloseCheckPoint() {
+    setCheckPointKey(null);
+  };
+  var confirmPicker = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileObj) {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setPickerShow(false);
+            if (pickerType === 'materialExample') {
+              // const fileUrl = await getFileUrl(fileObj.url);
+              // preview(fileUrl);
+              // TODO: getFileUrl API call
+            } else if (pickerType === 'formGuid') {
+              goDownLoad(fileObj);
+            }
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function confirmPicker(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // ============ 空表下载 ============
+  var downloadFile = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(row) {
+      var _row$formGuid;
+      var formGuidArr;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if ((_row$formGuid = row.formGuid) !== null && _row$formGuid !== void 0 && _row$formGuid.includes('name')) {
+              _context2.next = 1;
+              break;
+            }
+            _Message.warning('暂无法下载');
+            return _context2.abrupt("return");
+          case 1:
+            formGuidArr = JSON.parse(row.formGuid);
+            if (!(formGuidArr.length === 0)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            goDownLoad(formGuidArr[0]);
+            // if (formGuidArr.length === 1) {
+            // } else {
+            //   setPickerType('formGuid');
+            //   setPickerOptions(formGuidArr);
+            //   setPickerShow(true);
+            // }
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function downloadFile(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var getFileExtension = function getFileExtension(filename) {
+    var match = filename.match(/\.([^.]+)$/);
+    return match ? match[1].toLowerCase() : '';
+  };
+  var goDownLoad = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(fileObj) {
+      var fileId, format;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            // TODO: getFileUrl API call needed + file download
+            fileId = fileObj.id || fileObj.url;
+            format = getFileExtension(fileObj.name);
+            downloadProp === null || downloadProp === void 0 ? void 0 : downloadProp({
+              fileId: fileId,
+              format: format
+            });
+          case 1:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function goDownLoad(_x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  // ============ 样表预览 ============
+  var previewFile = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(row) {
+      var _row$materialExample;
+      var materialExampleArr, fileObj, fileId, urlRes;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if ((_row$materialExample = row.materialExample) !== null && _row$materialExample !== void 0 && _row$materialExample.includes('name')) {
+              _context4.next = 1;
+              break;
+            }
+            _Message.warning('暂无法预览');
+            return _context4.abrupt("return");
+          case 1:
+            materialExampleArr = JSON.parse(row.materialExample);
+            if (!(materialExampleArr.length === 0)) {
+              _context4.next = 2;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 2:
+            if (!(materialExampleArr.length === 1)) {
+              _context4.next = 4;
+              break;
+            }
+            fileObj = materialExampleArr[0];
+            fileId = fileObj.id || fileObj.url;
+            _context4.next = 3;
+            return getUrlById({
+              id: fileId,
+              effectiveTime: 3600000
+            }, {
+              tokenTY: declarationAppTokenProp,
+              baseUrl: baseUrlProp
+            });
+          case 3:
+            urlRes = _context4.sent;
+            if (urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0) {
+              preview(urlRes.presignedUrlList[2]);
+            }
+            // TODO: getFileUrl API call
+            _context4.next = 5;
+            break;
+          case 4:
+            setPickerType('materialExample');
+            setPickerOptions(materialExampleArr);
+            setPickerShow(true);
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function previewFile(_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var preview = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(url) {
+      var res;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 1;
+            return onlinePreview({
+              url: url
+            }, {
+              tokenTY: declarationAppTokenProp,
+              baseUrl: baseUrlProp
+            });
+          case 1:
+            res = _context5.sent;
+            setPreviewIframeUrl(res.url);
+            setPreviewShow(true);
+          case 2:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function preview(_x5) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "materialsList-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "materials-tip",
+    style: {
+      backgroundImage: "url(" + bgImg + ")"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#1678ff',
+      fontSize: 18,
+      marginRight: 8
+    }
+  }, "\u24D8"), /*#__PURE__*/React.createElement("div", {
+    className: "tip"
+  }, tip)), /*#__PURE__*/React.createElement("div", {
+    className: "materialList"
+  }, list.map(function (materialItem, materialIndex) {
+    var _materialItem$materia, _materialItem$formGui, _materialItem$materia2, _materialItem$formGui2;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "material-item",
+      key: materialIndex
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "materialName"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "innerName"
+    }, numberToChinese(materialIndex + 1), "\u3001", materialItem.materialName), !materialItem.subMaterials && /*#__PURE__*/React.createElement(React.Fragment, null, getFileType(materialItem) === '智' && /*#__PURE__*/React.createElement("div", {
+      className: "type type-zhi",
+      onClick: function onClick() {
+        return showTip('智');
+      }
+    }), getFileType(materialItem) === '享' && /*#__PURE__*/React.createElement("div", {
+      className: "type type-xiang",
+      onClick: function onClick() {
+        return showTip('享');
+      }
+    }), getFileType(materialItem) === '自' && /*#__PURE__*/React.createElement("div", {
+      className: "type type-zi",
+      onClick: function onClick() {
+        return showTip('自');
+      }
+    }))), !materialItem.subMaterials && (((_materialItem$materia = materialItem.materialExample) === null || _materialItem$materia === void 0 ? void 0 : _materialItem$materia.includes('name')) || ((_materialItem$formGui = materialItem.formGuid) === null || _materialItem$formGui === void 0 ? void 0 : _materialItem$formGui.includes('name'))) && /*#__PURE__*/React.createElement("div", {
+      className: "btn-con btn-con2"
+    }, materialItem.keyPoint && /*#__PURE__*/React.createElement("div", {
+      className: "btn-item",
+      onClick: function onClick() {
+        return handleCheckPoint(materialItem);
+      }
+    }, "\u5BA1\u67E5\u8981\u70B9"), ((_materialItem$materia2 = materialItem.materialExample) === null || _materialItem$materia2 === void 0 ? void 0 : _materialItem$materia2.includes('name')) && /*#__PURE__*/React.createElement("div", {
+      className: "btn-item",
+      onClick: function onClick() {
+        return previewFile(materialItem);
+      }
+    }, "\u6837\u8868\u9884\u89C8"), ((_materialItem$formGui2 = materialItem.formGuid) === null || _materialItem$formGui2 === void 0 ? void 0 : _materialItem$formGui2.includes('name')) && /*#__PURE__*/React.createElement("div", {
+      className: "btn-item",
+      onClick: function onClick() {
+        return downloadFile(materialItem);
+      }
+    }, "\u7A7A\u8868\u4E0B\u8F7D")), materialItem.subMaterials && /*#__PURE__*/React.createElement("div", {
+      className: "sub-material"
+    }, materialItem.subMaterials.map(function (sub, subIndex) {
+      var _sub$materialExample, _sub$formGuid, _sub$materialExample2, _sub$formGuid2;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sub-item",
+        key: subIndex
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "sub-name"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "innerName"
+      }, subIndex + 1, "\u3001", sub.materialName), getFileType(sub) === '智' && /*#__PURE__*/React.createElement("div", {
+        className: "type type-zhi",
+        onClick: function onClick() {
+          return showTip('智');
+        }
+      }), getFileType(sub) === '享' && /*#__PURE__*/React.createElement("div", {
+        className: "type type-xiang",
+        onClick: function onClick() {
+          return showTip('享');
+        }
+      }), getFileType(sub) === '自' && /*#__PURE__*/React.createElement("div", {
+        className: "type type-zi",
+        onClick: function onClick() {
+          return showTip('自');
+        }
+      })), (((_sub$materialExample = sub.materialExample) === null || _sub$materialExample === void 0 ? void 0 : _sub$materialExample.includes('name')) || ((_sub$formGuid = sub.formGuid) === null || _sub$formGuid === void 0 ? void 0 : _sub$formGuid.includes('name'))) && /*#__PURE__*/React.createElement("div", {
+        className: "btn-con"
+      }, sub.keyPoint && /*#__PURE__*/React.createElement("div", {
+        className: "btn-item",
+        onClick: function onClick() {
+          return handleCheckPoint(sub);
+        }
+      }, "\u5BA1\u67E5\u8981\u70B9"), ((_sub$materialExample2 = sub.materialExample) === null || _sub$materialExample2 === void 0 ? void 0 : _sub$materialExample2.includes('name')) && /*#__PURE__*/React.createElement("div", {
+        className: "btn-item",
+        onClick: function onClick() {
+          return previewFile(sub);
+        }
+      }, "\u6837\u8868\u9884\u89C8"), ((_sub$formGuid2 = sub.formGuid) === null || _sub$formGuid2 === void 0 ? void 0 : _sub$formGuid2.includes('name')) && /*#__PURE__*/React.createElement("div", {
+        className: "btn-item",
+        onClick: function onClick() {
+          return downloadFile(sub);
+        }
+      }, "\u7A7A\u8868\u4E0B\u8F7D")));
+    })));
+  })), /*#__PURE__*/React.createElement(_Dialog, {
+    visible: previewShow,
+    onClose: function onClose() {
+      return setPreviewShow(false);
+    },
+    footer: false,
+    width: "90vw"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '80vh',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("iframe", {
+    id: "previewIframe",
+    src: previewIframeUrl,
+    frameBorder: "0",
+    height: "100%",
+    width: "100%",
+    title: "\u9884\u89C8"
+  }))), /*#__PURE__*/React.createElement(_Dialog, {
+    visible: pickerShow,
+    onClose: function onClose() {
+      return setPickerShow(false);
+    },
+    footer: false,
+    width: 280
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "material-list"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, "\u6750\u6599\u5217\u8868"), /*#__PURE__*/React.createElement("div", {
+    className: "list-con"
+  }, pickerOptions.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "list-item",
+      key: index,
+      onClick: function onClick() {
+        return confirmPicker(item);
+      }
+    }, item.name);
+  })))), /*#__PURE__*/React.createElement(_Dialog, {
+    visible: !!checkPointKey,
+    onClose: handleCloseCheckPoint,
+    footer: false,
+    width: "90vw",
+    closeable: true
+  }, checkPointKey && /*#__PURE__*/React.createElement(CheckPoint, {
+    checkPointData: checkPointKey,
+    handleClose: handleCloseCheckPoint
+  })));
+};
+MaterialsList.displayName = 'MaterialsList';
+export default MaterialsList;

package/es/components/guide/compoents/materials/materialsList.scss

@@ -0,0 +1,170 @@
+.materialsList-content {
+  margin-top: 12px;
+  overflow: hidden;
+
+  .materials-tip {
+    border-radius: 8px 8px 0 0;
+    padding: 16px;
+    background: #e5f0ff;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    background-repeat: no-repeat;
+    background-position: 97%;
+
+    .tip {
+      font-size: 14px;
+      color: #222222;
+      margin-left: 8px;
+    }
+  }
+
+  .materialList {
+    background: #ffffff;
+    border-radius: 10px;
+    padding: 8px;
+
+    .material-item {
+      margin-bottom: 10px;
+
+      .materialName {
+        font-size: 14px;
+        font-weight: 500;
+        color: #333333;
+        background: rgba(22, 120, 255, 0.05);
+        padding: 14px 8px;
+        border-radius: 4px;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        gap: 10px;
+
+        .innerName {
+          flex: 1;
+        }
+      }
+
+      .sub-material {
+        .sub-item {
+          padding: 12px;
+          border-radius: 8px;
+          border-top: 1px dashed #EEEEEE;
+
+          &:first-child {
+            border: none;
+          }
+
+          .sub-name {
+            font-size: 14px;
+            color: #323232;
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            gap: 10px;
+
+            .innerName {
+              flex: 1;
+            }
+          }
+        }
+      }
+
+      .btn-con {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        gap: 12px;
+        padding-top: 12px;
+
+        &.btn-con2 {
+          border: none;
+        }
+
+        .btn-item {
+          font-size: 12px;
+          text-align: center;
+          color: #1678FF;
+          padding: 0 12px;
+          cursor: pointer;
+          border-right: 1px solid #ebebeb;
+
+          &:last-child {
+            border: none;
+          }
+        }
+      }
+    }
+  }
+
+  .material-list {
+    .title {
+      text-align: center;
+      padding: 15px 0;
+      font-weight: bold;
+      font-size: 17px;
+      position: relative;
+
+      &::after {
+        content: '';
+        display: block;
+        width: 60px;
+        height: 6px;
+        margin: 4px auto 0;
+        background: linear-gradient(90deg, #76ADFA 0%, #1678FF 100%);
+        border-radius: 3px;
+      }
+    }
+
+    .list-con {
+      max-height: 200px;
+      overflow-y: auto;
+      padding: 0 20px 15px;
+
+      .list-item {
+        padding: 10px 0;
+        font-size: 13px;
+        border-bottom: 1px solid #ddd;
+        color: #5c5a5a;
+        cursor: pointer;
+
+        &:hover {
+          color: #1678FF;
+        }
+      }
+    }
+  }
+
+  .type {
+    width: 20px;
+    height: 18px;
+    border-radius: 4px;
+    font-size: 12px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #ffffff;
+    padding-bottom: 2px;
+    cursor: pointer;
+  }
+
+  .type-zhi {
+    background: #1678FF;
+    &::after {
+      content: '智';
+    }
+  }
+
+  .type-zi {
+    background: #9570F7;
+    &::after {
+      content: '自';
+    }
+  }
+
+  .type-xiang {
+    background: #15BC83;
+    &::after {
+      content: '享';
+    }
+  }
+}

package/es/components/guide/compoents/materials/situation.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import './situation.scss';
+export interface SituationProps {
+    eventInfo?: any;
+    stepList?: any[];
+    applicationId?: string;
+    accessToken?: string;
+    acctType?: string;
+    formData?: any;
+    finalMaterials?: any[];
+    formFieldNames?: any;
+    itemSituationRowUid?: any;
+    workNo?: any;
+    declarationAppToken?: string;
+    declarePage?: string;
+    taskHandleItem?: string;
+    situationResRechange?: (data: any) => void;
+}
+declare const Situation: React.FC<SituationProps>;
+export default Situation;