dlt-for-react 1.0.1

package/lib/components/NHUpload/index.js

@@ -0,0 +1,1070 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _regenerator = require("babel-runtime/regenerator");
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require("babel-runtime/helpers/asyncToGenerator");
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _getIterator2 = require("babel-runtime/core-js/get-iterator");
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _spin = require("antd/lib/spin");
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _upload = require("antd/lib/upload");
+
+var _upload2 = _interopRequireDefault(_upload);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _stringify = require("babel-runtime/core-js/json/stringify");
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _promise = require("babel-runtime/core-js/promise");
+
+var _promise2 = _interopRequireDefault(_promise);
+
+require("antd/lib/spin/style");
+
+require("antd/lib/upload/style");
+
+require("antd/lib/button/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/message/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHCore = require("../../utils/NHCore");
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _dynamicLoadJs = require("../../utils/dynamicLoadJs");
+
+var _dynamicLoadJs2 = _interopRequireDefault(_dynamicLoadJs);
+
+require("../../../assets/NHUpload/index.less");
+
+var _reactViewer = require("react-viewer");
+
+var _reactViewer2 = _interopRequireDefault(_reactViewer);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var downloadPrefix = "zuul/docrepo/download/file";
+
+// import TurnLeftSvg from '../../../assets/NHUpload/images/turnLeft.svg'
+// import TurnRightSvg from '../../../assets/NHUpload/images/turnLeft.svg'
+// import {createUuid,NHFetch,getLoginUser} from 'xgui-for-react'
+
+/**
+ * 文件上传路径：
+ * file模式：zuul/docrepo/upload
+ * redis模式：api/zhxg-lxxt/proData/uploadRedis
+ * 文件下载路径：
+ * file模式：zuul/docrepo/download/file?attachmentId={uuid}
+ * redis模式：api/zhxg-lxxt/proData/downloadRedis
+ */
+
+function getBase64(file) {
+  return new _promise2.default(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function () {
+      return resolve(reader.result);
+    };
+    reader.onerror = function (error) {
+      return reject(error);
+    };
+  });
+}
+
+//pageOffice附件(Office文档)预览接口url(参数：attachmentId(必填),openType(非必填))
+// const previewOfficeUrl = `api/pageoffice/docPageOffice/docShow`;
+var previewOfficeUrl = "front/zhxg-unauth/pageoffice/docShow";
+
+//pdf预览url(参数：attachmentId(必填))
+var previewPdfUrl = "front/zhxg-unauth/pageoffice/preview/pdf";
+
+//pageOffice正文新增与编辑接口url(参数：docId(必填),openType(非必填),templateId(非必填))
+var docUrl = "api/pageoffice/docPageOffice/docAddOrShow";
+
+var NHUpload = function (_React$Component) {
+  (0, _inherits3.default)(NHUpload, _React$Component);
+
+  function NHUpload(props) {
+    (0, _classCallCheck3.default)(this, NHUpload);
+
+    // let fileList = props.value || props.defaultValue || props.fileList;
+    var _this = (0, _possibleConstructorReturn3.default)(this, (NHUpload.__proto__ || (0, _getPrototypeOf2.default)(NHUpload)).call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var value = props.value || props.defaultValue;
+    _this.state = {
+      fileList: [], //上传的文件
+      value: value !== undefined && value !== null && value.trim() !== "" ? value : (0, _NHCore.createUuid)(), //传了附件主表id，查询附件明细
+      // value:'',
+      // previewVisible: false,
+      // previewImage: '',
+      fileName: "",
+      spinLoading: false, //加载中标识
+      rotateDeg: 0 //旋转角度
+    };
+    return _this;
+  }
+  //设置可以传递参数的默认值
+
+
+  (0, _createClass3.default)(NHUpload, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      var _this2 = this;
+
+      if (this.props.uploadType === "file") {
+        var _props = this.props,
+            serviceMark = _props.serviceMark,
+            moduleName = _props.moduleName;
+
+        if (serviceMark && moduleName) {
+          if ("value" in nextProps) {
+            var value = nextProps.value;
+            if ((0, _stringify2.default)(value) === "[]" || typeof value === "undefined" || typeof value === "string" && value.trim() === "" || value === null) {} else {
+              if (value !== this.state.value) {
+                this.setState({ value: value });
+                this.setState({ fileList: [] });
+                var t = new Date().getTime();
+                (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/" + value + "/getDetailed", "GET", t).then(function (res) {
+                  if (res && res.data && res.data.length > 0) {
+                    _this2.handleFileList(res.data);
+                  }
+                });
+              }
+            }
+          }
+        } else {
+          _message3.default.error("服务标志和模块名称不能为空");
+        }
+      }
+    }
+
+    //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+  }, {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
+      var _this3 = this;
+
+      this.setState({ fileList: [] });
+      if (this.props.uploadType === "file") {
+        var _props2 = this.props,
+            serviceMark = _props2.serviceMark,
+            moduleName = _props2.moduleName;
+
+        if (serviceMark && moduleName) {
+          var value = this.state.value;
+          var t = new Date().getTime();
+          (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/" + value + "/getDetailed", "GET", t).then(function (res) {
+            if (res && res.data && res.data.length > 0) {
+              _this3.handleFileList(res.data);
+            }
+          });
+        } else {
+          _message3.default.error("服务标志和模块名称不能为空");
+        }
+      }
+      if (!window.POBrowser) {
+        // 检测是否有引入pageoffice相关的js
+        // 引入pageoffice相关的js
+        (0, _dynamicLoadJs2.default)("front/zhxg-unauth/jquery.min.js");
+        (0, _dynamicLoadJs2.default)("front/zhxg-unauth/pageoffice.js");
+      }
+    }
+
+    //在组件挂载之后调用一次。
+
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {}
+
+    //处理fileList
+
+
+    //判断文件是否满足要求文件格式的要求
+
+
+    //判断文件是否是可执行文件
+
+
+    //文件上传之前执行的方法
+
+
+    //在上传之前转换文件
+
+
+    //检查是否为图片类型
+
+
+    //新增附件主表和明细
+
+    //文件上传改变事件
+
+
+    //发送请求的时候的数据
+
+
+    //打开正文  
+
+
+    // 图片旋转90度
+
+  }, {
+    key: "render",
+    value: function render() {
+      var action = this.props.uploadType === "file" ? "zuul/docrepo/upload" : window.baseUrl + "/proData/uploadRedis?fileName=" + this.state.fileName;
+      // const {fileList} = this.state;
+      var _state = this.state,
+          previewVisible = _state.previewVisible,
+          previewImage = _state.previewImage,
+          fileList = _state.fileList,
+          rotateDeg = _state.rotateDeg;
+
+      var showUploadList = {
+        showDownloadIcon: this.props.uploadType === "file" ? true : false
+      };
+      var _props3 = this.props,
+          _props3$templateList = _props3.templateList,
+          templateList = _props3$templateList === undefined ? [] : _props3$templateList,
+          _props3$accept = _props3.accept,
+          accept = _props3$accept === undefined ? "*/*" : _props3$accept,
+          image = _props3.image,
+          _props3$fileCountLimi = _props3.fileCountLimit,
+          fileCountLimit = _props3$fileCountLimi === undefined ? 1 : _props3$fileCountLimi,
+          _props3$disableDelete = _props3.disableDelete,
+          disableDelete = _props3$disableDelete === undefined ? false : _props3$disableDelete;
+
+      var uploadButton = image ? _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(_icon2.default, { type: "plus" })
+      ) : _react2.default.createElement(
+        _button2.default,
+        { disabled: this.props.disabled },
+        _react2.default.createElement(_icon2.default, { type: "upload" }),
+        " \u70B9\u51FB\u4E0A\u4F20"
+      );
+      if (fileList.length >= fileCountLimit) {
+        uploadButton = null;
+      }
+      return _react2.default.createElement(
+        "div",
+        { className: disableDelete ? 'nhUpload-removeDelete' : '' },
+        this.props.isEdit === true ? _react2.default.createElement(
+          "div",
+          null,
+          _react2.default.createElement(
+            _upload2.default,
+            {
+              name: "file",
+              accept: accept,
+              action: action,
+              beforeUpload: this.beforeUpload,
+              transformFile: this.transformFile,
+              listType: this.props.listType,
+              onChange: this.handleChange,
+              disabled: this.props.disabled,
+              data: this.requestData(),
+              fileList: fileList,
+              onPreview: this.handlePreview,
+              onDownload: this.handleDownload,
+              showUploadList: showUploadList,
+              multiple: this.props.multiple
+            },
+            uploadButton
+          ),
+          templateList.map(function (item) {
+            return _react2.default.createElement(
+              "a",
+              {
+                key: item.uuid,
+                href: downloadPrefix + "?attachmentId=" + item.uuid
+              },
+              item.name
+            );
+          }),
+          this.state.spinLoading && _react2.default.createElement(_spin2.default, null)
+        ) : _react2.default.createElement(_upload2.default, {
+          name: "file",
+          accept: accept,
+          action: action,
+          beforeUpload: this.beforeUpload,
+          transformFile: this.transformFile,
+          listType: this.props.listType,
+          disabled: true,
+          data: this.requestData(),
+          fileList: fileList,
+          onPreview: this.handlePreview,
+          onDownload: this.handleDownload,
+          showUploadList: showUploadList,
+          multiple: this.props.multiple
+        }),
+        _react2.default.createElement(_reactViewer2.default, {
+          visible: previewVisible,
+          loop: false,
+          onClose: this.handleCancel,
+          images: [{ src: previewImage, alt: '' }],
+          changeable: false
+        }),
+        _react2.default.createElement(
+          "style",
+          { jsx: "true", global: "true" },
+          "\n          .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name {\n            color: #40a9ff;\n            cursor: pointer;\n          }\n          "
+        )
+      );
+    }
+  }]);
+  return NHUpload;
+}(_react2.default.Component);
+
+NHUpload.defaultProps = {
+  multiple: false, //是否支持上传多个文件，默认false
+  // fileList:[],//设置默认上传的内容，格式:[{uuid:'附件文档库的标志',name:'文件名称'}],只有uploadType为file(文档库)模式的时候才能使用此功能
+  uploadType: "file", //文件上传方式，file:文档库，redis:Redis缓存，如果是需要永久上传请使用文档库，如果只是暂存，建议使用redis缓存
+  redisData: 30, //缓存时间,单位：分钟，设置缓存时间，意思是超过这个时间就会删除这个缓存信息
+  fileCountLimit: undefined, //上传文件个数限制
+  fileTypeLimit: undefined, //上传文件格式限制
+  disabled: false, //是否禁用
+  onChange: undefined, //值改变事件,参数：resultStr,resultList
+  maxFileSize: 20, //默认上传最大大小限制20MB,
+  sizeWord: 'M', //大小单位，默认为M
+  serviceMark: "ly-zhxg-xtgl", //服务标志，说明是属于哪个服务
+  moduleName: "系统管理", //模块名称，说明是属于哪个服务的哪个模块
+  value: "", //附件主表id
+  describe: "", //描述，对上传的附件的一个描述信息
+  fileMainName: "", //附件主表名，存储该附件对应的主表的名称，主要是为了以后进行追溯
+  isEdit: true, //是否可以编辑，默认为true，查看模式必须传value
+  listType: "picture", //上传列表的内建样式，支持两种基本样式 text, picture
+  compressThreshold: 5, //压缩的阈值,图片大小超过5M,则需要进行压缩
+  isPictureCompress: false, //是否开启图片压缩
+  pictureQuality: 0.92, //指定压缩的图片质量,取值范围为0~1,quality值越小,图像越模糊,默认图片质量为0.92
+  defaultEffective: false, //指定上传的附件是否默认在附件主表有效
+  templateList: [], // 附件模板
+  image: false,
+  disableDelete: false // 是否隐藏删除按钮，默认为false
+};
+
+var _initialiseProps = function _initialiseProps() {
+  var _this4 = this;
+
+  this.handleFileList = function (propsfileList) {
+    var initFielList = propsfileList;
+    if (typeof propsfileList === "string") {
+      initFielList = [];
+      propsfileList.split(",").map(function (item) {
+        initFielList.push({
+          uuid: item.split(";")[0],
+          name: item.split(";")[1]
+        });
+        return item;
+      });
+    }
+    var fileList = _this4.state.fileList;
+    var uuidList = [];
+    if (fileList.length > 0) {
+      fileList.map(function (item) {
+        uuidList.push(item.uuid);
+      });
+    }
+    var img = ["png", "jpeg", "jpg", "gif", "bmp"];
+    initFielList.map(function (item, index) {
+      if (uuidList.indexOf(item.uuid) === -1) {
+        if (!_this4.checkIsImage(item.name)) {
+          fileList.push({
+            uuid: item.uuid,
+            uid: item.uuid,
+            name: item.name,
+            status: "done",
+            reponse: "Server Error 500" // custom error message to show
+            // url: 'api/docrepo/download/file?attachmentId='+item.uuid,
+          });
+          return item;
+        }
+        fileList.push({
+          uuid: item.uuid,
+          uid: item.uuid,
+          name: item.name,
+          status: "done",
+          reponse: "Server Error 500", // custom error message to show
+          url: "zuul/docrepo/download/file?attachmentId=" + item.uuid
+        });
+        return item;
+      }
+    });
+    _this4.setState({
+      fileList: fileList
+    });
+  };
+
+  this.checkTypeLimit = function (filename, fileTypeLimit) {
+    for (var i = 0; i < fileTypeLimit.length; i++) {
+      if (filename.toUpperCase().indexOf(fileTypeLimit[i].toUpperCase()) > -1) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  this.checkIsRun = function (filename, executable) {
+    for (var i = 0; i < executable.length; i++) {
+      if (filename.toUpperCase().indexOf(executable[i].toUpperCase()) > -1) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  this.beforeUpload = function (file, fileList) {
+    var suffixMap = {
+      word: [".doc", ".docx"],
+      exce: [".xls", ".xlsx"],
+      img: [".png", ".jpeg", ".jpg", ".gif", ".bmp"]
+    };
+    var executable = [".exe", ".sys", ".com", ".bat", ".jsp", ".asp", ".php", ".aspx", ".asa", ".asax", ".asmx", ".ashx", ".ascx", ".pif", ".acf", ".arj", ".swg", ".swf", ".svx", ".dos"];
+    //文件格式的限制
+    if (_this4.checkIsRun(file.name, executable)) {
+      _message3.default.info("不允许上传可执行的文件！");
+      return false;
+    } else {
+      if (_this4.props.fileTypeLimit && _this4.props.fileTypeLimit.length > 0) {
+        var fileTypeLimit = _this4.props.fileTypeLimit;
+        for (var i = fileTypeLimit.length - 1; i >= 0; i--) {
+          var list = suffixMap[fileTypeLimit[i]];
+          if (list) {
+            fileTypeLimit.splice(i, 1);
+            for (var j = 0; j < list.length; j++) {
+              fileTypeLimit.push(list[j]);
+            }
+          }
+        }
+        if (!_this4.checkTypeLimit(file.name, fileTypeLimit)) {
+          _message3.default.info("只能上传后缀为[" + fileTypeLimit.join(",") + "]格式的文件！");
+          return false;
+        }
+      }
+    }
+    if (_this4.props.image && !_this4.checkIsImage(file.name)) {
+      _message3.default.info("只能上传图片类型");
+      return false;
+    }
+    //文件上传数量限制
+    var fileCountLimit = _this4.props.multiple === false ? 1 : _this4.props.fileCountLimit;
+    if (fileCountLimit && fileCountLimit <= _this4.state.fileList.length) {
+      _message3.default.info("最多只能上传" + fileCountLimit + "个文件！");
+      return false;
+    }
+
+    //限制上传文件大小(默认上传大小限制20MB)
+    var _props4 = _this4.props,
+        _props4$maxFileSize = _props4.maxFileSize,
+        maxFileSize = _props4$maxFileSize === undefined ? 20 : _props4$maxFileSize,
+        _props4$sizeWord = _props4.sizeWord,
+        sizeWord = _props4$sizeWord === undefined ? 'M' : _props4$sizeWord;
+
+    var isOverSize = false;
+    if (sizeWord.toLocaleLowerCase() === 'kb') {
+      // 若单位为kb则按kb的比较
+      var fileSize = file.size / 1024;
+      isOverSize = fileSize > maxFileSize;
+    } else {
+      var _fileSize = file.size / 1024 / 1024;
+      isOverSize = _fileSize > maxFileSize;
+    }
+
+    if (isOverSize) {
+      var msg = "抱歉，上传文件大小最大不能超过" + maxFileSize + sizeWord + "！";
+      _message3.default.error(msg);
+      return !isOverSize;
+    }
+    _this4.setState({ fileName: file.name });
+    return true;
+  };
+
+  this.transformFile = function (file) {
+    /**
+     * 针对图片进行压缩,如果图片大小超过压缩阈值,则执行压缩,否则不压缩
+     */
+    //判断是否是图片类型
+    if (_this4.checkIsImage(file.name)) {
+      var _props5 = _this4.props,
+          _props5$compressThres = _props5.compressThreshold,
+          compressThreshold = _props5$compressThres === undefined ? 5 : _props5$compressThres,
+          _props5$isPictureComp = _props5.isPictureCompress,
+          isPictureCompress = _props5$isPictureComp === undefined ? false : _props5$isPictureComp,
+          _props5$pictureQualit = _props5.pictureQuality,
+          pictureQuality = _props5$pictureQualit === undefined ? 0.92 : _props5$pictureQualit;
+
+      var fileSize = file.size / 1024 / 1024;
+      // console.log('before compress, the file size is : ', fileSize + "M");
+      //当开启图片压缩且图片大小大于等于压缩阈值,进行压缩
+      if (fileSize >= compressThreshold && isPictureCompress) {
+        //判断浏览器内核是否支持base64图片压缩
+        if (typeof FileReader === "undefined") {
+          return file;
+        } else {
+          try {
+            _this4.setState({
+              spinLoading: true
+            });
+            return new _promise2.default(function (resolve) {
+              //声明FileReader文件读取对象
+              var reader = new FileReader();
+              reader.readAsDataURL(file);
+              reader.onload = function () {
+                // 生成canvas画布
+                var canvas = document.createElement("canvas");
+                // 生成img
+                var img = document.createElement("img");
+                img.src = reader.result;
+                img.onload = function () {
+                  var ctx = canvas.getContext("2d");
+                  //原始图片宽度、高度
+                  var originImageWidth = img.width,
+                      originImageHeight = img.height;
+                  //默认最大尺度的尺寸限制在（1920 * 1080）
+                  var maxWidth = 1920,
+                      maxHeight = 1080,
+                      ratio = maxWidth / maxHeight;
+                  //目标尺寸
+                  var targetWidth = originImageWidth,
+                      targetHeight = originImageHeight;
+                  //当图片的宽度或者高度大于指定的最大宽度或者最大高度时,进行缩放图片
+                  if (originImageWidth > maxWidth || originImageHeight > maxHeight) {
+                    //超过最大宽高比例
+                    if (originImageWidth / originImageHeight > ratio) {
+                      //宽度取最大宽度值maxWidth,缩放高度
+                      targetWidth = maxWidth;
+                      targetHeight = Math.round(maxWidth * (originImageHeight / originImageWidth));
+                    } else {
+                      //高度取最大高度值maxHeight,缩放宽度
+                      targetHeight = maxHeight;
+                      targetWidth = Math.round(maxHeight * (originImageWidth / originImageHeight));
+                    }
+                  }
+                  // canvas对图片进行缩放
+                  canvas.width = targetWidth;
+                  canvas.height = targetHeight;
+                  // 清除画布
+                  ctx.clearRect(0, 0, targetWidth, targetHeight);
+                  // 绘制图片
+                  ctx.drawImage(img, 0, 0, targetWidth, targetHeight);
+                  // quality值越小,图像越模糊,默认图片质量为0.92
+                  var imageDataURL = canvas.toDataURL(file.type || "image/jpeg", pictureQuality);
+                  // 去掉URL的头,并转换为byte
+                  var imageBytes = window.atob(imageDataURL.split(",")[1]);
+                  // 处理异常,将ascii码小于0的转换为大于0
+                  var arrayBuffer = new ArrayBuffer(imageBytes.length);
+                  var uint8Array = new Uint8Array(arrayBuffer);
+                  for (var i = 0; i < imageBytes.length; i++) {
+                    uint8Array[i] = imageBytes.charCodeAt(i);
+                  }
+                  var mimeType = imageDataURL.split(",")[0].match(/:(.*?);/)[1];
+                  var newFile = new File([uint8Array], file.name, {
+                    type: mimeType || "image/jpeg"
+                  });
+                  // console.log('after compress, the file size is : ', (newFile.size / 1024 / 1024) + "M");
+                  resolve(newFile);
+                };
+              };
+              reader.onerror = function () {
+                _this4.setState({
+                  spinLoading: false
+                });
+                return file;
+              };
+            }).then(function (res) {
+              _this4.setState({
+                spinLoading: false
+              });
+              return res;
+            }).catch(function () {
+              _this4.setState({
+                spinLoading: false
+              });
+              return file;
+            });
+          } catch (e) {
+            _this4.setState({
+              spinLoading: false
+            });
+            //压缩出错,直接返回原file对象
+            return file;
+          }
+        }
+      } else {
+        //不需要压缩，直接返回原file对象
+        return file;
+      }
+    } else {
+      //非图片文件,不进行压缩,直接返回原file对象
+      return file;
+    }
+  };
+
+  this.checkIsImage = function (fileName) {
+    var flag = void 0;
+    var imageTypeList = [".jpg", ".png", ".jpeg", ".gif", ".GIF", ".JPG", ".PNG", ".JPEG"];
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = (0, _getIterator3.default)(imageTypeList), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var item = _step.value;
+
+        flag = fileName.endsWith(item);
+        if (flag) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+
+    return flag;
+  };
+
+  this.handleMasterTable = function (e, fileList) {
+    var value = _this4.state.value;
+    var _props6 = _this4.props,
+        serviceMark = _props6.serviceMark,
+        moduleName = _props6.moduleName,
+        describe = _props6.describe,
+        fileMainName = _props6.fileMainName,
+        defaultEffective = _props6.defaultEffective;
+
+    var param = {
+      fjzbid: value,
+      fwbz: serviceMark,
+      mkmc: moduleName,
+      ms: describe,
+      fjzbm: fileMainName,
+
+      fjid: e.file.response.data.ssbh,
+      fjmc: e.file.name,
+      cjsid: (0, _NHCore.getLoginUser)().userId
+    };
+    if (defaultEffective) {
+      param.ztm = "1";
+    }
+    (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/insert", "POST", param).then(function (res) {
+      if (res && res.code === 200) {
+        // 插入主表成功后 去掉将size设置为false，size存在应该为上传阶段的，若存在则未成功保存到接口，getResult时将去掉当前数据
+        fileList.map(function (item) {
+          if (e.file.uid = item.uid) {
+            item.size = false;
+          }
+        });
+        _this4.getResult(fileList);
+      } else {
+        fileList.map(function (item, key) {
+          if (e.file.uid = item.uid) {
+            fileList.splice(key, 1);
+          }
+        });
+        _this4.setState({ fileList: fileList });
+        _message3.default.error("附件上传失败！");
+      }
+    }).catch(function () {
+      fileList.map(function (item, key) {
+        if (e.file.uid = item.uid) {
+          fileList.splice(key, 1);
+        }
+      });
+      _this4.setState({ fileList: fileList });
+    });
+  };
+
+  this.handleChange = function (e) {
+    var fileList = e.fileList;
+    if (e.file.status === "done") {
+      //上传链接调用成功
+      var response = e.file.response;
+      if (_this4.props.uploadType === "file") {
+        //上传到文档库中
+        if (response.meta && response.meta.statusCode === 200) {
+          //导出成功
+          fileList = fileList.map(function (file) {
+            if (file.uid === e.file.uid) {
+              file.uuid = response.data.ssbh;
+            }
+            return file;
+          });
+          _this4.handleMasterTable(e, fileList);
+        } else {
+          _message3.default.error("文件上传失败，请重新上传！");
+          fileList = _this4.filterCurrentFile(e.fileList, e.file);
+        }
+      } else {
+        //上传到redis中缓存
+        if (response.code === 200) {
+          fileList = fileList.map(function (file) {
+            if (file.uid === e.file.uid) {
+              file.uuid = e.file.response.data;
+            }
+            return file;
+          });
+          _this4.getResult(fileList);
+        } else {
+          _message3.default.error("文件上传失败，请重新上传！");
+          fileList = _this4.filterCurrentFile(e.fileList, e.file);
+        }
+      }
+    } else if (e.file.status === "uploading") {
+      //上传中，此时不需要做处理
+      _this4.setState({
+        // loading: true, 
+        fileList: fileList
+      });
+    } else if (e.file.status === "error") {
+      //上传错误
+      _message3.default.error("文件由于未知原因失败，请重新上传！");
+      fileList = _this4.filterCurrentFile(e.fileList, e.file);
+    } else if (e.file.status === "removed") {
+      //删除
+      (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/updateDel", "POST", e.file.uid).then(function (res) {
+        if (res && res.code === 200) {
+          _this4.getResult(fileList);
+        } else {
+          _message3.default.error("附件上传失败！");
+          fileList = _this4.filterCurrentFile(e.fileList, e.file);
+        }
+      });
+    }
+
+    //beforeUpload返回false的时候，status状态值是undefined
+    // if (e.file.status) {
+    //   if (
+    //     e.file.response &&
+    //     e.file.response.meta &&
+    //     e.file.response.meta.statusCode === 200
+    //   ) {
+    //     let img = ["png", "jpeg", "jpg", "gif", "bmp"];
+    //     if (img.indexOf(e.file.name.split(".")[1]) === -1) {
+    //       fileList.push({
+    //         uuid: e.file.response.data.ssbh,
+    //         uid: e.file.response.data.ssbh,
+    //         name: e.file.name,
+    //         status: e.file.status,
+    //         reponse: "Server Error 500", // custom error message to show
+    //         // url: 'api/docrepo/download/file?attachmentId='+e.file.response.data.ssbh,
+    //       });
+    //     } else {
+    //       fileList.push({
+    //         uuid: e.file.response.data.ssbh,
+    //         uid: e.file.response.data.ssbh,
+    //         name: e.file.name,
+    //         status: e.file.status,
+    //         reponse: "Server Error 500", // custom error message to show
+    //         url:
+    //           "zuul/docrepo/download/file?attachmentId=" +
+    //           e.file.response.data.ssbh,
+    //       });
+    //     }
+    //   }
+    //   this.setState({ fileList });
+    // }
+  };
+
+  this.filterCurrentFile = function (list, currFile) {
+    var fileList = [];
+    list.map(function (file) {
+      if (file.uid !== currFile.uid) {
+        fileList.push(file);
+      }
+      return file;
+    });
+    return fileList;
+  };
+
+  this.requestData = function () {
+    if (_this4.props.uploadType === "file") {
+      return { uuid: (0, _NHCore.createUuid)(), type: "1" };
+    } else {
+      return { redisData: _this4.props.redisData };
+    }
+  };
+
+  this.handelFileUrl = function (fileList) {
+    // 上传完后修改图片链接
+    if (fileList.length > 0) {
+      fileList.map(function (item) {
+        if (item.response && item.response.meta && item.response.meta.statusCode === 200) {
+          var img = ['png', 'jpeg', 'jpg', 'gif', 'bmp'];
+          var fileNameSplitArry = item.name.split('.');
+          if (img.indexOf(img.indexOf(fileNameSplitArry[fileNameSplitArry.length - 1]) === -1)) {
+            item.uuid = item.response.data.ssbh;
+            item.uid = item.response.data.ssbh;
+            // item.name = item.name;
+            item.reponse = 'Server Error 500'; // custom error message to show
+            // item.url = 'api/docrepo/download/file?attachmentId='+item.response.data.ssbh;
+          } else {
+            item.uuid = item.response.data.ssbh;
+            item.uid = item.response.data.ssbh;
+            // item.name = item.name;
+            item.reponse = 'Server Error 500'; // custom error message to show
+            item.url = 'api/docrepo/download/file?attachmentId=' + item.response.data.ssbh;
+          }
+        }
+      });
+    }
+    return fileList;
+  };
+
+  this.getResult = function (fileList) {
+    if (_this4.props.uploadType === "file") {
+      var list = [];
+      var listMap = [];
+      fileList.map(function (item, index) {
+        if (item.name) {
+          list.push(item.name);
+        }
+        if (item.size || item.size === 0) {
+          fileList.splice(index, 1);
+        }
+        if (item.uuid) {
+          var param = {};
+          param.uuid = item.uuid;
+          param.name = item.name;
+          listMap.push(param);
+        }
+      });
+      fileList = _this4.handelFileUrl(fileList);
+      _this4.setState({ fileList: fileList });
+      var value = _this4.state.value;
+      if (_this4.props.onChange) {
+        if (fileList.length > 0) {
+          _this4.props.onChange(value, list, listMap);
+        } else {
+          _this4.props.onChange(undefined);
+        }
+      }
+    } else {
+      var resultStr = "";
+      var resultList = [];
+      fileList.map(function (file) {
+        resultList.push({
+          uuid: file.uuid,
+          name: file.name
+        });
+        resultStr += "," + file.uuid + ";" + file.name;
+        return file;
+      });
+      _this4.setState({ fileList: fileList });
+      if (resultStr) {
+        resultStr = resultStr.substring(1);
+      }
+      if (_this4.props.onChange) {
+        _this4.props.onChange(resultStr, resultList);
+      }
+    }
+  };
+
+  this.handleDownload = function () {
+    var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(file) {
+      return _regenerator2.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              window.open("zuul/docrepo/download/file?attachmentId=" + file.uid);
+
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, _this4);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  this.handlePreview = function () {
+    var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(file) {
+      var dotIndex;
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(!file.url && !file.preview)) {
+                _context2.next = 10;
+                break;
+              }
+
+              _context2.prev = 1;
+              _context2.next = 4;
+              return getBase64(file.originFileObj);
+
+            case 4:
+              file.preview = _context2.sent;
+              _context2.next = 10;
+              break;
+
+            case 7:
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](1);
+
+              console.log(_context2.t0);
+
+            case 10:
+              //截取最后一个点.jpg/png/gif/jpeg
+              dotIndex = file.name.lastIndexOf('.');
+              //从最后一个点开始往后面获取
+
+              name = file.name.substring(dotIndex + 1);
+              if (name === "png" || name === "PNG" || name === "jpeg" || name === "JPEG" || name === "jpg" || name === "JPG" || name === "gif" || name === "GIF" || name === "bmp" || name === "BMP") {
+                _this4.setState({
+                  previewImage: file.url || file.preview,
+                  previewVisible: true
+                });
+              } else if (name === "doc" || name === "docx" || name === "xls" || name === "xlsx" || name === "ppt" || name === "pptx" || name === "vsd" || name === "mpp" || name === "pdf" || name === "DOC" || name === "DOCX" || name === "XLS" || name === "XLSX" || name === "PPT" || name === "PPTX" || name === "VSD" || name === "MPP" || name === "PDF") {
+                _this4.previewAttachment(file.uid, file.name);
+              } else {
+                _this4.setState({
+                  previewImage: file.url || file.preview,
+                  previewVisible: false
+                });
+              }
+
+            case 13:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this4, [[1, 7]]);
+    }));
+
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  this.previewAttachment = function (attachmentId, attachmentName) {
+    // console.log('attachmentId',attachmentId)
+    var suffixList = [".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".vsd", ".mpp", ".pdf", ".DOC", ".DOCX", ".XLS", ".XLSX", ".PPT", ".PPTX", ".VSD", ".MPP", ".PDF"];
+    var attachmentSuffix = attachmentName.substring(attachmentName.lastIndexOf("."));
+    if (suffixList.indexOf(attachmentSuffix) === -1) {
+      _message3.default.info("该文件格式暂不支持预览");
+      return;
+    }
+    var previewUrl = "";
+    if (attachmentSuffix === ".pdf" || attachmentSuffix === ".PDF") {
+      previewUrl = previewPdfUrl;
+    } else {
+      previewUrl = previewOfficeUrl;
+    }
+    var url = window.location.origin + window.location.pathname + previewUrl + "?attachmentId=" + attachmentId;
+    if (window.POBrowser) {
+      window.POBrowser.openWindowModeless(url, 'width=1200px;height=850px;');
+    } else {
+      _message3.default.error("pageoffice错误，请检查服务是否正常启动！");
+    }
+  };
+
+  this.openDoc = function (docId, openType, templateId) {
+    //新增或者编辑正文（附件）必需参数：docId,openType  
+    //若docId存在，则是编辑附件，不存在则是新增附件，新增时可传递模板Id，即原有附件的Id,在其基础上修改  
+
+    //docId（对应附件表的所属编号ssbh）: 添加附件记录时，标明该附件是属于哪个发文  
+    // docId: this.state.documentData.id,  
+
+    //打开模式：docNormalEdit（word普通编辑模式），docReadOnly(word只读模式)  
+    // openType: "docNormalEdit",  
+
+    //templateId: 附件表原有的附件Id，即新增附件记录时，在原有的附件基础上进行修改、添加，可不用该字段  
+    //templateId: "3ab374b70f88704ef209b9e02eb6ecc4130d"  
+    if (window.POBrowser) {
+      var url = window.location.origin + window.location.pathname + docUrl + "?docId=" + docId + "&openType=" + openType;
+      window.POBrowser.openWindowModeless(url, 'width=1200px;height=850px;');
+    } else {
+      _message3.default.error("pageoffice错误，请检查服务是否正常启动！");
+    }
+  };
+
+  this.handleCancel = function () {
+    return _this4.setState({ previewVisible: false });
+  };
+
+  this.imgTrunDeg = function (direction) {
+    var rotateDeg = _this4.state.rotateDeg;
+
+    if (direction == "left") {
+      rotateDeg -= 90;
+    }
+    if (direction == "right") {
+      rotateDeg += 90;
+    }
+    _this4.setState({
+      rotateDeg: rotateDeg
+    });
+  };
+};
+
+exports.default = NHUpload;