ydb-components-material 0.1.14 → 0.1.16

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

@@ -13,20 +13,27 @@ var _preview = _interopRequireDefault(require("./icon/preview.svg"));
 var _download = _interopRequireDefault(require("./icon/download.svg"));
 var _file = _interopRequireDefault(require("./icon/file.svg"));
 var _icon_warning = _interopRequireDefault(require("./icon/icon_warning.svg"));
+var _icon_errorMsg = _interopRequireDefault(require("./icon/icon_errorMsg.svg"));
+var _upload = _interopRequireDefault(require("./icon/upload.svg"));
 require("./index.scss");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var RadioGroup = _radio["default"].Group;
-var BASE_URL = 'http://172.16.132.18:5010';
+var BASE_URL = 'http://172.16.132.12:5005';
 var FileItem = function FileItem(_ref) {
-  var file = _ref.file,
+  var _ref$fileList = _ref.fileList,
+    fileList = _ref$fileList === void 0 ? [] : _ref$fileList,
     guideImg = _ref.guideImg,
     checkImg = _ref.checkImg,
     approvalUrl = _ref.approvalUrl,
     signatureUrl = _ref.signatureUrl,
-    isApproval = _ref.isApproval,
-    isSignature = _ref.isSignature,
     materialList = _ref.materialList,
     maxFileSize = _ref.maxFileSize,
+    isInValid = _ref.isInValid,
+    isShowLib = _ref.isShowLib,
+    fileName = _ref.fileName,
+    fileTip = _ref.fileTip,
+    originalDocNum = _ref.originalDocNum,
+    listChange = _ref.listChange,
     del = _ref.del;
   var _useState = (0, _react.useState)(false),
     isShowView = _useState[0],
@@ -78,15 +85,22 @@ var FileItem = function FileItem(_ref) {
       }
       var formData = new FormData();
       formData.append('file', fileData);
-      fetch(BASE_URL + '/file/upload', {
+      formData.append('open', true);
+      fetch(BASE_URL + '/declaration/material/file/files/api', {
         method: 'POST',
         body: formData
       }).then(function (response) {
         return response.json();
       }).then(function (res) {
         document.body.removeChild(inputEl);
-        if (res.code === 200) {
+        if (res.fileId) {
           _message["default"].notice('上传成功');
+          var oldList = [].concat(fileList);
+          oldList.splice(oldList.length - 1, 0, res);
+          if (oldList.length > originalDocNum) {
+            oldList.pop();
+          }
+          listChange(oldList);
         } else {
           _message["default"].error('上传失败，请重试');
         }
@@ -96,89 +110,110 @@ var FileItem = function FileItem(_ref) {
     });
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file_item"
+    className: "file_main"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file_img"
-  }, file ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "filed"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: "small_img",
-    src: _file["default"],
-    alt: ""
-  }), "\u6587\u4EF6", /*#__PURE__*/_react["default"].createElement("img", {
-    className: "del",
-    src: _del["default"],
-    alt: ""
-  })) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "add",
-    onClick: function onClick() {
-      return upload();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    className: "add_icon",
-    type: "add"
-  }), "\u4E0A\u4F20\u6750\u6599"), isShowCheckedMask && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "mask"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "center"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "checked",
-    style: {
-      marginBottom: '9px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _checked["default"],
-    alt: "\u9009\u4E2D"
-  }), "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "checked"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _checked["default"],
-    alt: "\u9009\u4E2D"
-  }), "\u5DF2\u7B7E\u6279")))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "operation"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "btn"
-  }, guideImg && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "img_btn",
-    onClick: function onClick() {
-      return showViewImg(guideImg);
-    }
-  }, "\u7B7E\u7AE0\u5F15\u5BFC"), checkImg && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "img_btn",
-    onClick: function onClick() {
-      return showViewImg(checkImg);
-    }
-  }, "\u5BA1\u67E5\u8981\u70B9")), file ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "btn",
-    style: {
-      marginTop: '20px'
-    }
-  }, approvalUrl && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "operation_btn"
-  }, "\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "operation_btn"
-  }, "\u7B7E\u7AE0")) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "operation_btn btn",
-    onClick: function onClick() {
-      return setIsShowMaterialLib(true);
-    }
-  }, "\u6750\u6599\u5E93"))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "file_item_bottom"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "icon_text"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _preview["default"],
-    alt: ""
-  }), "\u9884\u89C8"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "line"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "icon_text"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _download["default"],
-    alt: ""
-  }), "\u4E0B\u8F7D")), isShowView && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_name"
+  }, fileName), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_tip"
+  }, fileTip), fileList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "file_item"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "file"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "file_img"
+    }, item.fileId ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "filed"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "small_img",
+      src: _file["default"],
+      alt: ""
+    }), "\u6587\u4EF6", /*#__PURE__*/_react["default"].createElement("img", {
+      className: "del",
+      src: _del["default"],
+      alt: ""
+    }), isInValid && /*#__PURE__*/_react["default"].createElement("img", {
+      className: "error_msg",
+      src: _icon_errorMsg["default"],
+      alt: ""
+    })) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "add",
+      onClick: function onClick() {
+        return upload();
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "upload",
+      src: _upload["default"],
+      alt: ""
+    }), "\u4E0A\u4F20\u6750\u6599"), isShowCheckedMask && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "mask"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "center"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "checked",
+      style: {
+        marginBottom: '9px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _checked["default"],
+      alt: "\u9009\u4E2D"
+    }), "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "checked"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _checked["default"],
+      alt: "\u9009\u4E2D"
+    }), "\u5DF2\u7B7E\u6279")))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "operation"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "btn"
+    }, guideImg && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "img_btn",
+      onClick: function onClick() {
+        return showViewImg(guideImg);
+      }
+    }, "\u7B7E\u7AE0\u5F15\u5BFC"), checkImg && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "img_btn",
+      onClick: function onClick() {
+        return showViewImg(checkImg);
+      }
+    }, "\u5BA1\u67E5\u8981\u70B9")), item.fileId ?
+    /*#__PURE__*/
+    // 有文件且配置了这俩功能才展示
+    _react["default"].createElement("div", {
+      className: "btn",
+      style: {
+        marginTop: '20px'
+      }
+    }, approvalUrl && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "operation_btn"
+    }, "\u624B\u5199\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "operation_btn"
+    }, "\u7535\u5B50\u7B7E\u7AE0")) :
+    // 展示材料库
+    isShowLib && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "operation_btn",
+      style: {
+        marginTop: '20px'
+      },
+      onClick: function onClick() {
+        return setIsShowMaterialLib(true);
+      }
+    }, "\u6750\u6599\u5E93"))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "file_item_bottom"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "icon_text"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _preview["default"],
+      alt: ""
+    }), "\u9884\u89C8"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "line"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "icon_text"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _download["default"],
+      alt: ""
+    }), "\u4E0B\u8F7D")));
+  }), isShowView && /*#__PURE__*/_react["default"].createElement("div", {
     className: "img_view"
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     className: "close",