dlt-for-react 1.0.24 → 1.1.1

package/lib/layouts/KyUpload/index.js

@@ -0,0 +1,1155 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getLoginUser2 = require('xgui-for-react/lib/utils/getLoginUser');
+
+var _getLoginUser3 = _interopRequireDefault(_getLoginUser2);
+
+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 _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _NHFetch2 = require('xgui-for-react/lib/utils/NHFetch');
+
+var _NHFetch3 = _interopRequireDefault(_NHFetch2);
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _createUuid2 = require('xgui-for-react/lib/utils/createUuid');
+
+var _createUuid3 = _interopRequireDefault(_createUuid2);
+
+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 _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _KyModal = require('../KyModal');
+
+var _KyModal2 = _interopRequireDefault(_KyModal);
+
+var _KyPreview = require('../KyPreview');
+
+var _KyPreview2 = _interopRequireDefault(_KyPreview);
+
+require('../../../assets/components/KyUpload/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var downloadPrefix = 'zuul/docrepo/download/file';
+
+
+/**
+ * 文件上传路径：
+ * file模式：zuul/docrepo/upload
+ * redis模式：${baseUrl}/proData/uploadRedis
+ * 文件下载路径：
+ * file模式：zuul/docrepo/download/file?attachmentId={uuid}
+ * redis模式：${baseUrl}/proData/downloadRedis
+ * 文件删除路径：
+ * ${baseUrl}/dynamic/updateDel
+ */
+
+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);
+    };
+  });
+}
+
+var xtglUrl = undefined.props.baseUrl ? undefined.props.baseUrl : 'api/ky-core';
+
+//pageOffice附件(Office文档)预览接口url(参数：attachmentId(必填),openType(非必填))
+var previewOfficeUrl = xtglUrl + '/pageoffice/docShow';
+
+//pdf预览url(参数：attachmentId(必填))
+var previewPdfUrl = xtglUrl + '/pageoffice/preview/pdf';
+
+//pageOffice正文新增与编辑接口url(参数：docId(必填),openType(非必填),templateId(非必填))
+var docUrl = 'api/pageoffice/docPageOffice/docAddOrShow';
+
+var KyUpload = function (_React$Component) {
+  (0, _inherits3.default)(KyUpload, _React$Component);
+
+  function KyUpload(props) {
+    (0, _classCallCheck3.default)(this, KyUpload);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyUpload.__proto__ || (0, _getPrototypeOf2.default)(KyUpload)).call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var value = props.value || props.defaultValue;
+    _this.state = {
+      fileList: [], //上传的文件
+      value: value !== undefined && value !== null && value.trim() !== '' ? value : (0, _createUuid3.default)(), //传了附件主表id，查询附件明细
+      imageVisible: false,
+      previewFile: '',
+      fileName: '',
+      spinLoading: false, //加载中标识
+      rotateDeg: 0, //旋转角度
+      KY_FJFWBZ: 'http://192.168.35.210:1101', //附件服务地址
+      KY_FJYLBZ: 'http://192.168.35.131:8012' //附件预览服务地址
+    };
+    return _this;
+  }
+  //设置可以传递参数的默认值
+
+
+  (0, _createClass3.default)(KyUpload, [{
+    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) {
+              this.setState({ fileList: [] });
+            } else {
+              if (value !== this.state.value) {
+                this.setState({ value: value, fileList: [] });
+                var t = new Date().getTime();
+                // 获取动态文件
+                (0, _NHFetch3.default)(xtglUrl + '/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,
+            newValue = _props2.value;
+
+        if (serviceMark && moduleName) {
+          var value = this.state.value;
+          if (newValue !== value) return;
+          var t = new Date().getTime();
+          (0, _NHFetch3.default)(xtglUrl + '/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
+        // dynamicLoadJs(xtglUrl + '/jquery.min.js');
+        // dynamicLoadJs(xtglUrl + '/pageoffice.js');
+      }
+    }
+
+    //在组件挂载之后调用一次。
+
+  }, {
+    key: 'componentDidMount',
+    value: function () {
+      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+        var params, res, _ref2, KY_FJFWBZ, KY_FJYLBZ;
+
+        return _regenerator2.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                params = ['KY_FJFWBZ', 'KY_FJYLBZ'];
+                _context.next = 3;
+                return (0, _NHFetch3.default)(xtglUrl + '/common/parameters/get', 'POST', params);
+
+              case 3:
+                res = _context.sent;
+
+                if (!(res && res.code !== 200)) {
+                  _context.next = 6;
+                  break;
+                }
+
+                return _context.abrupt('return');
+
+              case 6:
+                _ref2 = res.data || {}, KY_FJFWBZ = _ref2.KY_FJFWBZ, KY_FJYLBZ = _ref2.KY_FJYLBZ;
+
+                this.setState({ KY_FJFWBZ: KY_FJFWBZ, KY_FJYLBZ: KY_FJYLBZ });
+
+              case 8:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function componentDidMount() {
+        return _ref.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+
+    //处理fileList
+
+
+    //判断文件是否满足要求文件格式的要求
+
+
+    //判断文件是否是可执行文件
+
+
+    //文件上传之前执行的方法
+
+
+    //在上传之前转换文件
+
+
+    //检查是否为图片类型
+
+
+    //新增附件主表和明细
+
+    //文件上传改变事件
+
+
+    //发送请求的时候的数据
+
+
+    //打开正文
+
+
+    // 图片旋转90度
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this4 = this;
+
+      var baseUrl = this.props.baseUrl || window.baseUrl;
+      var action = this.props.uploadType === 'file' ? 'zuul/docrepo/upload' : baseUrl + '/proData/uploadRedis?fileName=' + this.state.fileName;
+      var _state = this.state,
+          imageVisible = _state.imageVisible,
+          previewFile = _state.previewFile,
+          fileList = _state.fileList,
+          rotateDeg = _state.rotateDeg,
+          fileType = _state.fileType;
+
+      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,
+          fileCountLimit = _props3.fileCountLimit,
+          _props3$disableDelete = _props3.disableDelete,
+          disableDelete = _props3$disableDelete === undefined ? false : _props3$disableDelete,
+          fileView = _props3.fileView;
+
+      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;
+      }
+      var maxHeight = window.screen.height * 2 / 3;
+      return _react2.default.createElement(
+        'div',
+        { className: (0, _classnames2.default)('ky-upload', disableDelete ? 'nhUpload-removeDelete' : '') },
+        this.props.isEdit === true ? _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            _upload2.default,
+            {
+              className: fileView ? 'file-view' : '',
+              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,
+            _react2.default.createElement(
+              'p',
+              {
+                className: 'kyUpload-hint',
+                style: { display: this.props.hideTips ? 'none' : 'block' }
+              },
+              this.props.tips
+            )
+          ),
+          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, {
+          className: fileView ? 'file-view' : '',
+          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
+        }),
+        imageVisible && _react2.default.createElement(_KyPreview2.default, {
+          fileType: fileType,
+          previewFile: previewFile,
+          visible: imageVisible,
+          height: maxHeight * 0.8,
+          onCancel: this.handleCancel
+        }),
+        _react2.default.createElement(
+          _KyModal2.default,
+          {
+            ref: 'kyModal',
+            title: '\u9644\u4EF6\u9884\u89C8',
+            maxSize: true,
+            footer: [{
+              text: '关闭',
+              type: 'default',
+              onClick: function onClick() {
+                _this4.refs.kyModal.close();
+              }
+            }]
+          },
+          _react2.default.createElement(_KyPreview2.default, {
+            fileType: fileType,
+            previewFile: previewFile,
+            visible: true,
+            height: maxHeight * 0.8,
+            onCancel: this.handleCancel
+          })
+        ),
+        _react2.default.createElement(
+          'style',
+          { jsx: 'true', global: 'true' },
+          '\n            .ant-upload-list-picture .ant-upload-list-item-name,\n            .ant-upload-list-picture-card .ant-upload-list-item-name {\n              color: #40a9ff;\n              cursor: pointer;\n            }\n            // .ant-upload-list-item-info svg {\n            //   display: none;\n            // }\n          '
+        )
+      );
+    }
+  }]);
+  return KyUpload;
+}(_react2.default.Component);
+
+KyUpload.defaultProps = {
+  multiple: false, //是否支持上传多个文件，默认false
+  // fileList:[],//设置默认上传的内容，格式:[{uuid:'附件文档库的标志',name:'文件名称'}],只有uploadType为file(文档库)模式的时候才能使用此功能
+  uploadType: 'file', //文件上传方式，file:文档库，redis:Redis缓存，如果是需要永久上传请使用文档库，如果只是暂存，建议使用redis缓存
+  redisData: 30, //缓存时间,单位：分钟，设置缓存时间，意思是超过这个时间就会删除这个缓存信息
+  fileCountLimit: 10, //上传文件个数限制
+  fileTypeLimit: undefined, //上传文件格式限制
+  disabled: false, //是否禁用
+  onChange: undefined, //值改变事件,参数：resultStr,resultList
+  maxFileSize: 20, //默认上传最大大小限制20MB,
+  sizeWord: 'M', //大小单位，默认为M
+  serviceMark: 'ly-ky', //服务标志，说明是属于哪个服务
+  moduleName: '科研系统', //模块名称，说明是属于哪个服务的哪个模块
+  value: '', //附件主表id
+  describe: '', //描述，对上传的附件的一个描述信息
+  fileMainName: '', //附件主表名，存储该附件对应的主表的名称，主要是为了以后进行追溯
+  isEdit: true, //是否可以编辑，默认为true，查看模式必须传value
+  listType: 'text', //上传列表的内建样式，基本样式 text, picture,picture-card
+  compressThreshold: 5, //压缩的阈值,图片大小超过5M,则需要进行压缩
+  isPictureCompress: false, //是否开启图片压缩
+  pictureQuality: 0.92, //指定压缩的图片质量,取值范围为0~1,quality值越小,图像越模糊,默认图片质量为0.92
+  defaultEffective: false, //指定上传的附件是否默认在附件主表有效
+  templateList: [], // 附件模板
+  image: false, //listType为picture-card才能使用true
+  disableDelete: false, // 是否隐藏删除按钮，默认为false
+  hideTips: true, //默认隐藏附件上传提示语
+  tips: '附件上传提示语',
+  kkFileView: true, //默认使用新版预览方式
+  fileView: true //组件为不可编辑模式下，listType为picture-card,非图片文件默认支持预览
+};
+
+var _initialiseProps = function _initialiseProps() {
+  var _this5 = 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 = _this5.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 (!_this5.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;
+      }
+    });
+    _this5.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 (_this5.checkIsRun(file.name, executable)) {
+      _message3.default.info('不允许上传可执行的文件！');
+      return false;
+    } else {
+      if (_this5.props.fileTypeLimit && _this5.props.fileTypeLimit.length > 0) {
+        var fileTypeLimit = _this5.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 (!_this5.checkTypeLimit(file.name, fileTypeLimit)) {
+          _message3.default.info('只能上传后缀为[' + fileTypeLimit.join(',') + ']格式的文件！');
+          return false;
+        }
+      }
+    }
+    if (_this5.props.image && !_this5.checkIsImage(file.name)) {
+      _message3.default.info('只能上传图片类型');
+      return false;
+    }
+    //文件上传数量限制
+    var fileCountLimit = !_this5.props.multiple ? 1 : _this5.props.fileCountLimit;
+    if (fileCountLimit && fileCountLimit <= _this5.state.fileList.length) {
+      _message3.default.info('最多只能上传' + fileCountLimit + '个文件！');
+      return false;
+    }
+
+    //限制上传文件大小(默认上传大小限制20MB)
+    var _props4 = _this5.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;
+    }
+    _this5.setState({ fileName: file.name });
+    return true;
+  };
+
+  this.transformFile = function (file) {
+    /**
+     * 针对图片进行压缩,如果图片大小超过压缩阈值,则执行压缩,否则不压缩
+     */
+    //判断是否是图片类型
+    if (_this5.checkIsImage(file.name)) {
+      var _props5 = _this5.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 {
+            _this5.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 () {
+                _this5.setState({
+                  spinLoading: false
+                });
+                return file;
+              };
+            }).then(function (res) {
+              _this5.setState({
+                spinLoading: false
+              });
+              return res;
+            }).catch(function () {
+              _this5.setState({
+                spinLoading: false
+              });
+              return file;
+            });
+          } catch (e) {
+            _this5.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 = _this5.state.value;
+    var _props6 = _this5.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, _getLoginUser3.default)().userId
+    };
+    if (defaultEffective) {
+      param.ztm = '1';
+    }
+    (0, _NHFetch3.default)(xtglUrl + '/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;
+          }
+        });
+        _this5.getResult(fileList);
+      } else {
+        fileList.map(function (item, key) {
+          if (e.file.uid = item.uid) {
+            fileList.splice(key, 1);
+          }
+        });
+        _this5.setState({ fileList: fileList });
+        _message3.default.error('附件上传失败！');
+      }
+    }).catch(function () {
+      fileList.map(function (item, key) {
+        if (e.file.uid = item.uid) {
+          fileList.splice(key, 1);
+        }
+      });
+      _this5.setState({ fileList: fileList });
+    });
+  };
+
+  this.handleChange = function (e) {
+    var fileList = e.fileList;
+    if (e.file.status === 'done') {
+      //上传链接调用成功
+      var response = e.file.response;
+      if (_this5.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;
+          });
+          _this5.handleMasterTable(e, fileList);
+        } else {
+          _message3.default.error('文件上传失败，请重新上传！');
+          fileList = _this5.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;
+          });
+          _this5.getResult(fileList);
+        } else {
+          _message3.default.error('文件上传失败，请重新上传！');
+          fileList = _this5.filterCurrentFile(e.fileList, e.file);
+        }
+      }
+    } else if (e.file.status === 'uploading') {
+      //上传中，此时不需要做处理
+      _this5.setState({
+        // loading: true,
+        fileList: fileList
+      });
+    } else if (e.file.status === 'error') {
+      //上传错误
+      _message3.default.error('文件由于未知原因失败，请重新上传！');
+      fileList = _this5.filterCurrentFile(e.fileList, e.file);
+    } else if (e.file.status === 'removed') {
+      //删除
+      (0, _NHFetch3.default)(xtglUrl + '/dynamic/updateDel', 'POST', e.file.uid).then(function (res) {
+        if (res && res.code === 200) {
+          _this5.getResult(fileList);
+        } else {
+          _message3.default.error('附件上传失败！');
+          fileList = _this5.filterCurrentFile(e.fileList, e.file);
+        }
+      });
+    }
+  };
+
+  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 (_this5.props.uploadType === 'file') {
+      return { uuid: (0, _createUuid3.default)(), type: '1' };
+    } else {
+      return { redisData: _this5.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 (_this5.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 = _this5.handelFileUrl(fileList);
+      _this5.setState({ fileList: fileList });
+      var value = _this5.state.value;
+      if (_this5.props.onChange) {
+        if (fileList.length > 0) {
+          _this5.props.onChange(value, list, listMap);
+        } else {
+          _this5.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;
+      });
+      _this5.setState({ fileList: fileList });
+      if (resultStr) {
+        resultStr = resultStr.substring(1);
+      }
+      if (_this5.props.onChange) {
+        _this5.props.onChange(resultStr, resultList);
+      }
+    }
+  };
+
+  this.handleDownload = function () {
+    var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(file) {
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              window.open('zuul/docrepo/download/file?attachmentId=' + file.uid);
+
+            case 1:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this5);
+    }));
+
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  this.handlePreview = function () {
+    var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(file) {
+      var name, previewFile, imageListType, fileListType, imageVisible;
+      return _regenerator2.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(!file.url && !file.preview)) {
+                _context3.next = 14;
+                break;
+              }
+
+              _context3.prev = 1;
+
+              if (!file.originFileObj) {
+                _context3.next = 8;
+                break;
+              }
+
+              _context3.next = 5;
+              return getBase64(file.originFileObj);
+
+            case 5:
+              file.preview = _context3.sent;
+              _context3.next = 9;
+              break;
+
+            case 8:
+              file.preUrl = 'zuul/docrepo/download/file?attachmentId=' + file.uid;
+
+            case 9:
+              _context3.next = 14;
+              break;
+
+            case 11:
+              _context3.prev = 11;
+              _context3.t0 = _context3['catch'](1);
+
+              console.log(_context3.t0);
+
+            case 14:
+              name = file.name.split('.')[1];
+              previewFile = file.url || file.preview || file.preUrl;
+              imageListType = ['png', 'jpeg', 'jpg', 'gif', 'bmp']; //图片格式
+
+              fileListType = ['doc', 'xls', 'ppt', 'pptx', 'vsd', 'mpp']; //file文档
+
+              imageVisible = imageListType.includes(name); //判断是否预览图片文件
+
+              _this5.setState({ previewFile: previewFile, fileType: name, imageVisible: imageVisible }, function () {
+                if (!imageVisible) {
+                  if (_this5.props.kkFileView) {
+                    var _state2 = _this5.state,
+                        KY_FJFWBZ = _state2.KY_FJFWBZ,
+                        KY_FJYLBZ = _state2.KY_FJYLBZ;
+                    // 使用新版附件预览服务
+
+                    var originUrl = KY_FJFWBZ + '/zuul/docrepo/download/file?attachmentId=' + file.uid; //要预览文件的访问地址
+                    var index = file.name.lastIndexOf('.');
+                    var _name = file.name;
+                    if (index > -1) {
+                      var firstName = file.name.substring(0, index);
+                      var lastName = file.name.substring(index);
+                      var size = file.uid.length;
+                      _name = firstName + '_' + file.uid.substring(size - 4) + lastName;
+                    }
+
+                    var previewUrl = originUrl + '&fullfilename=/' + _name;
+                    window.open(KY_FJYLBZ + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(previewUrl)));
+                  } else {
+                    //旧版-预览非图片格式
+                    if (fileListType.includes(name)) {
+                      // 使用pageOffice预览附件
+                      _this5.previewAttachment(file.uid, name);
+                    } else {
+                      // 使用KyPreview封装组件预览附件
+                      _this5.refs.kyModal.show();
+                    }
+                  }
+                }
+              });
+
+            case 20:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this5, [[1, 11]]);
+    }));
+
+    return function (_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  this.previewAttachment = function (uid, name) {
+    var previewUrl = name === 'pdf' ? previewPdfUrl : previewOfficeUrl;
+    var _window$location = window.location,
+        origin = _window$location.origin,
+        pathname = _window$location.pathname;
+
+    var url = origin + pathname + previewUrl + ('?attachmentId=' + uid);
+    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 _this5.setState({ imageVisible: false });
+  };
+
+  this.imgTrunDeg = function (direction) {
+    var rotateDeg = _this5.state.rotateDeg;
+
+    if (direction == 'left') {
+      rotateDeg -= 90;
+    }
+    if (direction == 'right') {
+      rotateDeg += 90;
+    }
+    _this5.setState({
+      rotateDeg: rotateDeg
+    });
+  };
+};
+
+exports.default = KyUpload;