dlt-for-react 1.0.1 → 1.0.3

package/lib/components/{NHUpload → KyUpload}/index.js

@@ -1,114 +1,123 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _regenerator = require("babel-runtime/regenerator");
+var _getLoginUser2 = require('xgui-for-react/lib/utils/getLoginUser');
 
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require("babel-runtime/helpers/asyncToGenerator");
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+var _getLoginUser3 = _interopRequireDefault(_getLoginUser2);
 
-var _getIterator2 = require("babel-runtime/core-js/get-iterator");
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
 
 var _getIterator3 = _interopRequireDefault(_getIterator2);
 
-var _spin = require("antd/lib/spin");
+var _spin = require('antd/lib/spin');
 
 var _spin2 = _interopRequireDefault(_spin);
 
-var _upload = require("antd/lib/upload");
+var _upload = require('antd/lib/upload');
 
 var _upload2 = _interopRequireDefault(_upload);
 
-var _button = require("antd/lib/button");
+var _button = require('antd/lib/button');
 
 var _button2 = _interopRequireDefault(_button);
 
-var _icon = require("antd/lib/icon");
+var _icon = require('antd/lib/icon');
 
 var _icon2 = _interopRequireDefault(_icon);
 
-var _message2 = require("antd/lib/message");
+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 _stringify = require("babel-runtime/core-js/json/stringify");
+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 _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+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 _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = require("babel-runtime/helpers/createClass");
+var _createClass2 = require('babel-runtime/helpers/createClass');
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = require("babel-runtime/helpers/inherits");
+var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _promise = require("babel-runtime/core-js/promise");
+var _promise = require('babel-runtime/core-js/promise');
 
 var _promise2 = _interopRequireDefault(_promise);
 
-require("antd/lib/spin/style");
+require('antd/lib/spin/style');
 
-require("antd/lib/upload/style");
+require('antd/lib/upload/style');
 
-require("antd/lib/button/style");
+require('antd/lib/button/style');
 
-require("antd/lib/icon/style");
+require('antd/lib/icon/style');
 
-require("antd/lib/message/style");
+require('antd/lib/message/style');
 
-var _react = require("react");
+var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _NHCore = require("../../utils/NHCore");
+var _classnames = require('classnames');
 
-var _NHFetch = require("../../utils/NHFetch");
+var _classnames2 = _interopRequireDefault(_classnames);
 
-var _NHFetch2 = _interopRequireDefault(_NHFetch);
+var _KyModal = require('../KyModal');
 
-var _dynamicLoadJs = require("../../utils/dynamicLoadJs");
+var _KyModal2 = _interopRequireDefault(_KyModal);
 
-var _dynamicLoadJs2 = _interopRequireDefault(_dynamicLoadJs);
+var _KyPreview = require('../KyPreview');
 
-require("../../../assets/NHUpload/index.less");
+var _KyPreview2 = _interopRequireDefault(_KyPreview);
 
-var _reactViewer = require("react-viewer");
-
-var _reactViewer2 = _interopRequireDefault(_reactViewer);
+require('../../../assets/components/KyUpload/index.less');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var downloadPrefix = "zuul/docrepo/download/file";
+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
+ * redis模式：${baseUrl}/proData/uploadRedis
  * 文件下载路径：
  * file模式：zuul/docrepo/download/file?attachmentId={uuid}
- * redis模式：api/zhxg-lxxt/proData/downloadRedis
+ * redis模式：${baseUrl}/proData/downloadRedis
+ * 文件删除路径：
+ * ${baseUrl}/dynamic/updateDel
  */
 
 function getBase64(file) {
@@ -124,62 +133,65 @@ function getBase64(file) {
   });
 }
 
-//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 docUrl = 'api/pageoffice/docPageOffice/docAddOrShow';
 
-var NHUpload = function (_React$Component) {
-  (0, _inherits3.default)(NHUpload, _React$Component);
+var KyUpload = function (_React$Component) {
+  (0, _inherits3.default)(KyUpload, _React$Component);
 
-  function NHUpload(props) {
-    (0, _classCallCheck3.default)(this, NHUpload);
+  function KyUpload(props) {
+    (0, _classCallCheck3.default)(this, KyUpload);
 
-    // let fileList = props.value || props.defaultValue || props.fileList;
-    var _this = (0, _possibleConstructorReturn3.default)(this, (NHUpload.__proto__ || (0, _getPrototypeOf2.default)(NHUpload)).call(this, props));
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyUpload.__proto__ || (0, _getPrototypeOf2.default)(KyUpload)).call(this, props));
 
     _initialiseProps.call(_this);
 
     var value = props.value || props.defaultValue;
+    var urlTemp = props.xtglUrl || window.baseUrl;
+    var xtglUrlTemp = urlTemp ? urlTemp : 'api/ky-core';
+
     _this.state = {
       fileList: [], //上传的文件
-      value: value !== undefined && value !== null && value.trim() !== "" ? value : (0, _NHCore.createUuid)(), //传了附件主表id，查询附件明细
-      // value:'',
-      // previewVisible: false,
-      // previewImage: '',
-      fileName: "",
+      value: value !== undefined && value !== null && value.trim() !== '' ? value : (0, _createUuid3.default)(), //传了附件主表id，查询附件明细
+      imageVisible: false,
+      previewFile: '',
+      fileName: '',
       spinLoading: false, //加载中标识
-      rotateDeg: 0 //旋转角度
+      rotateDeg: 0, //旋转角度
+      KY_FJFWBZ: 'http://192.168.35.210:1101', //附件服务地址
+      KY_FJYLBZ: 'http://192.168.35.131:8012', //附件预览服务地址
+      //pageOffice附件(Office文档)预览接口url(参数：attachmentId(必填),openType(非必填))
+      previewOfficeUrl: xtglUrlTemp + '/pageoffice/docShow',
+      //pdf预览url(参数：attachmentId(必填))
+      previewPdfUrl: xtglUrlTemp + '/pageoffice/preview/pdf',
+      xtglUrl: xtglUrlTemp
     };
     return _this;
   }
   //设置可以传递参数的默认值
 
 
-  (0, _createClass3.default)(NHUpload, [{
-    key: "componentWillReceiveProps",
+  (0, _createClass3.default)(KyUpload, [{
+    key: 'componentWillReceiveProps',
     value: function componentWillReceiveProps(nextProps) {
       var _this2 = this;
 
-      if (this.props.uploadType === "file") {
+      if (this.props.uploadType === 'file') {
         var _props = this.props,
             serviceMark = _props.serviceMark,
             moduleName = _props.moduleName;
 
         if (serviceMark && moduleName) {
-          if ("value" in nextProps) {
+          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 ((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 });
-                this.setState({ fileList: [] });
+                this.setState({ value: value, fileList: [] });
                 var t = new Date().getTime();
-                (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/" + value + "/getDetailed", "GET", t).then(function (res) {
+                // 获取动态文件
+                (0, _NHFetch3.default)(this.state.xtglUrl + '/dynamic/' + value + '/getDetailed', 'GET', t).then(function (res) {
                   if (res && res.data && res.data.length > 0) {
                     _this2.handleFileList(res.data);
                   }
@@ -188,7 +200,7 @@ var NHUpload = function (_React$Component) {
             }
           }
         } else {
-          _message3.default.error("服务标志和模块名称不能为空");
+          _message3.default.error('服务标志和模块名称不能为空');
         }
       }
     }
@@ -196,41 +208,83 @@ var NHUpload = function (_React$Component) {
     //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
 
   }, {
-    key: "UNSAFE_componentWillMount",
+    key: 'UNSAFE_componentWillMount',
     value: function UNSAFE_componentWillMount() {
       var _this3 = this;
 
       this.setState({ fileList: [] });
-      if (this.props.uploadType === "file") {
+      if (this.props.uploadType === 'file') {
         var _props2 = this.props,
             serviceMark = _props2.serviceMark,
-            moduleName = _props2.moduleName;
+            moduleName = _props2.moduleName,
+            newValue = _props2.value;
 
         if (serviceMark && moduleName) {
           var value = this.state.value;
+          if (newValue !== value) return;
           var t = new Date().getTime();
-          (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/" + value + "/getDetailed", "GET", t).then(function (res) {
+          (0, _NHFetch3.default)(this.state.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("服务标志和模块名称不能为空");
+          _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");
+        // dynamicLoadJs(this.state.xtglUrl + '/jquery.min.js');
+        // dynamicLoadJs(this.state.xtglUrl + '/pageoffice.js');
       }
     }
 
     //在组件挂载之后调用一次。
 
   }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {}
+    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)(this.state.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
 
@@ -258,59 +312,64 @@ var NHUpload = function (_React$Component) {
     //发送请求的时候的数据
 
 
-    //打开正文  
+    //打开正文
 
 
     // 图片旋转90度
 
   }, {
-    key: "render",
+    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 _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,
-          previewVisible = _state.previewVisible,
-          previewImage = _state.previewImage,
+          imageVisible = _state.imageVisible,
+          previewFile = _state.previewFile,
           fileList = _state.fileList,
-          rotateDeg = _state.rotateDeg;
+          rotateDeg = _state.rotateDeg,
+          fileType = _state.fileType;
 
       var showUploadList = {
-        showDownloadIcon: this.props.uploadType === "file" ? true : false
+        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,
+          accept = _props3$accept === undefined ? '*/*' : _props3$accept,
           image = _props3.image,
-          _props3$fileCountLimi = _props3.fileCountLimit,
-          fileCountLimit = _props3$fileCountLimi === undefined ? 1 : _props3$fileCountLimi,
+          fileCountLimit = _props3.fileCountLimit,
           _props3$disableDelete = _props3.disableDelete,
-          disableDelete = _props3$disableDelete === undefined ? false : _props3$disableDelete;
+          disableDelete = _props3$disableDelete === undefined ? false : _props3$disableDelete,
+          fileView = _props3.fileView;
 
       var uploadButton = image ? _react2.default.createElement(
-        "div",
+        'div',
         null,
-        _react2.default.createElement(_icon2.default, { type: "plus" })
+        _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"
+        _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: disableDelete ? 'nhUpload-removeDelete' : '' },
+        'div',
+        { className: (0, _classnames2.default)('ky-upload', disableDelete ? 'nhUpload-removeDelete' : '') },
         this.props.isEdit === true ? _react2.default.createElement(
-          "div",
+          'div',
           null,
           _react2.default.createElement(
             _upload2.default,
             {
-              name: "file",
+              className: fileView ? 'file-view' : '',
+              name: 'file',
               accept: accept,
               action: action,
               beforeUpload: this.beforeUpload,
@@ -325,21 +384,27 @@ var NHUpload = function (_React$Component) {
               showUploadList: showUploadList,
               multiple: this.props.multiple
             },
-            uploadButton
+            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
-              },
+              '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",
+          className: fileView ? 'file-view' : '',
+          name: 'file',
           accept: accept,
           action: action,
           beforeUpload: this.beforeUpload,
@@ -353,83 +418,110 @@ var NHUpload = function (_React$Component) {
           showUploadList: showUploadList,
           multiple: this.props.multiple
         }),
-        _react2.default.createElement(_reactViewer2.default, {
-          visible: previewVisible,
-          loop: false,
-          onClose: this.handleCancel,
-          images: [{ src: previewImage, alt: '' }],
-          changeable: false
+        imageVisible && _react2.default.createElement(_KyPreview2.default, {
+          fileType: fileType,
+          previewFile: previewFile,
+          visible: imageVisible,
+          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, .ant-upload-list-picture-card .ant-upload-list-item-name {\n            color: #40a9ff;\n            cursor: pointer;\n          }\n          "
+          _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 NHUpload;
+  return KyUpload;
 }(_react2.default.Component);
 
-NHUpload.defaultProps = {
+KyUpload.defaultProps = {
   multiple: false, //是否支持上传多个文件，默认false
   // fileList:[],//设置默认上传的内容，格式:[{uuid:'附件文档库的标志',name:'文件名称'}],只有uploadType为file(文档库)模式的时候才能使用此功能
-  uploadType: "file", //文件上传方式，file:文档库，redis:Redis缓存，如果是需要永久上传请使用文档库，如果只是暂存，建议使用redis缓存
+  uploadType: 'file', //文件上传方式，file:文档库，redis:Redis缓存，如果是需要永久上传请使用文档库，如果只是暂存，建议使用redis缓存
   redisData: 30, //缓存时间,单位：分钟，设置缓存时间，意思是超过这个时间就会删除这个缓存信息
-  fileCountLimit: undefined, //上传文件个数限制
+  fileCountLimit: 10, //上传文件个数限制
   fileTypeLimit: undefined, //上传文件格式限制
   disabled: false, //是否禁用
   onChange: undefined, //值改变事件,参数：resultStr,resultList
   maxFileSize: 20, //默认上传最大大小限制20MB,
   sizeWord: 'M', //大小单位，默认为M
-  serviceMark: "ly-zhxg-xtgl", //服务标志，说明是属于哪个服务
-  moduleName: "系统管理", //模块名称，说明是属于哪个服务的哪个模块
-  value: "", //附件主表id
-  describe: "", //描述，对上传的附件的一个描述信息
-  fileMainName: "", //附件主表名，存储该附件对应的主表的名称，主要是为了以后进行追溯
+  serviceMark: 'ly-ky', //服务标志，说明是属于哪个服务
+  moduleName: '科研系统', //模块名称，说明是属于哪个服务的哪个模块
+  value: '', //附件主表id
+  describe: '', //描述，对上传的附件的一个描述信息
+  fileMainName: '', //附件主表名，存储该附件对应的主表的名称，主要是为了以后进行追溯
   isEdit: true, //是否可以编辑，默认为true，查看模式必须传value
-  listType: "picture", //上传列表的内建样式，支持两种基本样式 text, picture
+  listType: 'text', //上传列表的内建样式，基本样式 text, picture,picture-card
   compressThreshold: 5, //压缩的阈值,图片大小超过5M,则需要进行压缩
   isPictureCompress: false, //是否开启图片压缩
   pictureQuality: 0.92, //指定压缩的图片质量,取值范围为0~1,quality值越小,图像越模糊,默认图片质量为0.92
   defaultEffective: false, //指定上传的附件是否默认在附件主表有效
   templateList: [], // 附件模板
-  image: false,
-  disableDelete: false // 是否隐藏删除按钮，默认为false
+  image: false, //listType为picture-card才能使用true
+  disableDelete: false, // 是否隐藏删除按钮，默认为false
+  hideTips: true, //默认隐藏附件上传提示语
+  tips: '附件上传提示语',
+  kkFileView: true, //默认使用新版预览方式
+  fileView: true, //组件为不可编辑模式下，listType为picture-card,非图片文件默认支持预览
+  xtglUrl: ""
 };
 
 var _initialiseProps = function _initialiseProps() {
-  var _this4 = this;
+  var _this5 = this;
 
   this.handleFileList = function (propsfileList) {
     var initFielList = propsfileList;
-    if (typeof propsfileList === "string") {
+    if (typeof propsfileList === 'string') {
       initFielList = [];
-      propsfileList.split(",").map(function (item) {
+      propsfileList.split(',').map(function (item) {
         initFielList.push({
-          uuid: item.split(";")[0],
-          name: item.split(";")[1]
+          uuid: item.split(';')[0],
+          name: item.split(';')[1]
         });
         return item;
       });
     }
-    var fileList = _this4.state.fileList;
+    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"];
+    var img = ['png', 'jpeg', 'jpg', 'gif', 'bmp'];
     initFielList.map(function (item, index) {
       if (uuidList.indexOf(item.uuid) === -1) {
-        if (!_this4.checkIsImage(item.name)) {
+        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
+            status: 'done',
+            reponse: 'Server Error 500' // custom error message to show
             // url: 'api/docrepo/download/file?attachmentId='+item.uuid,
           });
           return item;
@@ -438,14 +530,14 @@ var _initialiseProps = function _initialiseProps() {
           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
+          status: 'done',
+          reponse: 'Server Error 500', // custom error message to show
+          url: 'zuul/docrepo/download/file?attachmentId=' + item.uuid
         });
         return item;
       }
     });
-    _this4.setState({
+    _this5.setState({
       fileList: fileList
     });
   };
@@ -470,18 +562,18 @@ var _initialiseProps = function _initialiseProps() {
 
   this.beforeUpload = function (file, fileList) {
     var suffixMap = {
-      word: [".doc", ".docx"],
-      exce: [".xls", ".xlsx"],
-      img: [".png", ".jpeg", ".jpg", ".gif", ".bmp"]
+      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"];
+    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("不允许上传可执行的文件！");
+    if (_this5.checkIsRun(file.name, executable)) {
+      _message3.default.info('不允许上传可执行的文件！');
       return false;
     } else {
-      if (_this4.props.fileTypeLimit && _this4.props.fileTypeLimit.length > 0) {
-        var fileTypeLimit = _this4.props.fileTypeLimit;
+      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) {
@@ -491,25 +583,25 @@ var _initialiseProps = function _initialiseProps() {
             }
           }
         }
-        if (!_this4.checkTypeLimit(file.name, fileTypeLimit)) {
-          _message3.default.info("只能上传后缀为[" + fileTypeLimit.join(",") + "]格式的文件！");
+        if (!_this5.checkTypeLimit(file.name, fileTypeLimit)) {
+          _message3.default.info('只能上传后缀为[' + fileTypeLimit.join(',') + ']格式的文件！');
           return false;
         }
       }
     }
-    if (_this4.props.image && !_this4.checkIsImage(file.name)) {
-      _message3.default.info("只能上传图片类型");
+    if (_this5.props.image && !_this5.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 + "个文件！");
+    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 = _this4.props,
+    var _props4 = _this5.props,
         _props4$maxFileSize = _props4.maxFileSize,
         maxFileSize = _props4$maxFileSize === undefined ? 20 : _props4$maxFileSize,
         _props4$sizeWord = _props4.sizeWord,
@@ -526,11 +618,11 @@ var _initialiseProps = function _initialiseProps() {
     }
 
     if (isOverSize) {
-      var msg = "抱歉，上传文件大小最大不能超过" + maxFileSize + sizeWord + "！";
+      var msg = '抱歉，上传文件大小最大不能超过' + maxFileSize + sizeWord + '！';
       _message3.default.error(msg);
       return !isOverSize;
     }
-    _this4.setState({ fileName: file.name });
+    _this5.setState({ fileName: file.name });
     return true;
   };
 
@@ -539,8 +631,8 @@ var _initialiseProps = function _initialiseProps() {
      * 针对图片进行压缩,如果图片大小超过压缩阈值,则执行压缩,否则不压缩
      */
     //判断是否是图片类型
-    if (_this4.checkIsImage(file.name)) {
-      var _props5 = _this4.props,
+    if (_this5.checkIsImage(file.name)) {
+      var _props5 = _this5.props,
           _props5$compressThres = _props5.compressThreshold,
           compressThreshold = _props5$compressThres === undefined ? 5 : _props5$compressThres,
           _props5$isPictureComp = _props5.isPictureCompress,
@@ -553,11 +645,11 @@ var _initialiseProps = function _initialiseProps() {
       //当开启图片压缩且图片大小大于等于压缩阈值,进行压缩
       if (fileSize >= compressThreshold && isPictureCompress) {
         //判断浏览器内核是否支持base64图片压缩
-        if (typeof FileReader === "undefined") {
+        if (typeof FileReader === 'undefined') {
           return file;
         } else {
           try {
-            _this4.setState({
+            _this5.setState({
               spinLoading: true
             });
             return new _promise2.default(function (resolve) {
@@ -566,12 +658,12 @@ var _initialiseProps = function _initialiseProps() {
               reader.readAsDataURL(file);
               reader.onload = function () {
                 // 生成canvas画布
-                var canvas = document.createElement("canvas");
+                var canvas = document.createElement('canvas');
                 // 生成img
-                var img = document.createElement("img");
+                var img = document.createElement('img');
                 img.src = reader.result;
                 img.onload = function () {
-                  var ctx = canvas.getContext("2d");
+                  var ctx = canvas.getContext('2d');
                   //原始图片宽度、高度
                   var originImageWidth = img.width,
                       originImageHeight = img.height;
@@ -603,42 +695,42 @@ var _initialiseProps = function _initialiseProps() {
                   // 绘制图片
                   ctx.drawImage(img, 0, 0, targetWidth, targetHeight);
                   // quality值越小,图像越模糊,默认图片质量为0.92
-                  var imageDataURL = canvas.toDataURL(file.type || "image/jpeg", pictureQuality);
+                  var imageDataURL = canvas.toDataURL(file.type || 'image/jpeg', pictureQuality);
                   // 去掉URL的头,并转换为byte
-                  var imageBytes = window.atob(imageDataURL.split(",")[1]);
+                  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 mimeType = imageDataURL.split(',')[0].match(/:(.*?);/)[1];
                   var newFile = new File([uint8Array], file.name, {
-                    type: mimeType || "image/jpeg"
+                    type: mimeType || 'image/jpeg'
                   });
                   // console.log('after compress, the file size is : ', (newFile.size / 1024 / 1024) + "M");
                   resolve(newFile);
                 };
               };
               reader.onerror = function () {
-                _this4.setState({
+                _this5.setState({
                   spinLoading: false
                 });
                 return file;
               };
             }).then(function (res) {
-              _this4.setState({
+              _this5.setState({
                 spinLoading: false
               });
               return res;
             }).catch(function () {
-              _this4.setState({
+              _this5.setState({
                 spinLoading: false
               });
               return file;
             });
           } catch (e) {
-            _this4.setState({
+            _this5.setState({
               spinLoading: false
             });
             //压缩出错,直接返回原file对象
@@ -657,7 +749,7 @@ var _initialiseProps = function _initialiseProps() {
 
   this.checkIsImage = function (fileName) {
     var flag = void 0;
-    var imageTypeList = [".jpg", ".png", ".jpeg", ".gif", ".GIF", ".JPG", ".PNG", ".JPEG"];
+    var imageTypeList = ['.jpg', '.png', '.jpeg', '.gif', '.GIF', '.JPG', '.PNG', '.JPEG'];
     var _iteratorNormalCompletion = true;
     var _didIteratorError = false;
     var _iteratorError = undefined;
@@ -690,8 +782,8 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.handleMasterTable = function (e, fileList) {
-    var value = _this4.state.value;
-    var _props6 = _this4.props,
+    var value = _this5.state.value;
+    var _props6 = _this5.props,
         serviceMark = _props6.serviceMark,
         moduleName = _props6.moduleName,
         describe = _props6.describe,
@@ -707,12 +799,12 @@ var _initialiseProps = function _initialiseProps() {
 
       fjid: e.file.response.data.ssbh,
       fjmc: e.file.name,
-      cjsid: (0, _NHCore.getLoginUser)().userId
+      cjsid: (0, _getLoginUser3.default)().userId
     };
     if (defaultEffective) {
-      param.ztm = "1";
+      param.ztm = '1';
     }
-    (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/insert", "POST", param).then(function (res) {
+    (0, _NHFetch3.default)(_this5.state.xtglUrl + '/dynamic/insert', 'POST', param).then(function (res) {
       if (res && res.code === 200) {
         // 插入主表成功后 去掉将size设置为false，size存在应该为上传阶段的，若存在则未成功保存到接口，getResult时将去掉当前数据
         fileList.map(function (item) {
@@ -720,15 +812,15 @@ var _initialiseProps = function _initialiseProps() {
             item.size = false;
           }
         });
-        _this4.getResult(fileList);
+        _this5.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("附件上传失败！");
+        _this5.setState({ fileList: fileList });
+        _message3.default.error('附件上传失败！');
       }
     }).catch(function () {
       fileList.map(function (item, key) {
@@ -736,16 +828,16 @@ var _initialiseProps = function _initialiseProps() {
           fileList.splice(key, 1);
         }
       });
-      _this4.setState({ fileList: fileList });
+      _this5.setState({ fileList: fileList });
     });
   };
 
   this.handleChange = function (e) {
     var fileList = e.fileList;
-    if (e.file.status === "done") {
+    if (e.file.status === 'done') {
       //上传链接调用成功
       var response = e.file.response;
-      if (_this4.props.uploadType === "file") {
+      if (_this5.props.uploadType === 'file') {
         //上传到文档库中
         if (response.meta && response.meta.statusCode === 200) {
           //导出成功
@@ -755,10 +847,10 @@ var _initialiseProps = function _initialiseProps() {
             }
             return file;
           });
-          _this4.handleMasterTable(e, fileList);
+          _this5.handleMasterTable(e, fileList);
         } else {
-          _message3.default.error("文件上传失败，请重新上传！");
-          fileList = _this4.filterCurrentFile(e.fileList, e.file);
+          _message3.default.error('文件上传失败，请重新上传！');
+          fileList = _this5.filterCurrentFile(e.fileList, e.file);
         }
       } else {
         //上传到redis中缓存
@@ -769,66 +861,33 @@ var _initialiseProps = function _initialiseProps() {
             }
             return file;
           });
-          _this4.getResult(fileList);
+          _this5.getResult(fileList);
         } else {
-          _message3.default.error("文件上传失败，请重新上传！");
-          fileList = _this4.filterCurrentFile(e.fileList, e.file);
+          _message3.default.error('文件上传失败，请重新上传！');
+          fileList = _this5.filterCurrentFile(e.fileList, e.file);
         }
       }
-    } else if (e.file.status === "uploading") {
+    } else if (e.file.status === 'uploading') {
       //上传中，此时不需要做处理
-      _this4.setState({
-        // loading: true, 
+      _this5.setState({
+        // loading: true,
         fileList: fileList
       });
-    } else if (e.file.status === "error") {
+    } else if (e.file.status === 'error') {
       //上传错误
-      _message3.default.error("文件由于未知原因失败，请重新上传！");
-      fileList = _this4.filterCurrentFile(e.fileList, e.file);
-    } else if (e.file.status === "removed") {
+      _message3.default.error('文件由于未知原因失败，请重新上传！');
+      fileList = _this5.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) {
+      (0, _NHFetch3.default)(_this5.state.xtglUrl + '/dynamic/updateDel', 'POST', e.file.uid).then(function (res) {
         if (res && res.code === 200) {
-          _this4.getResult(fileList);
+          _this5.getResult(fileList);
         } else {
-          _message3.default.error("附件上传失败！");
-          fileList = _this4.filterCurrentFile(e.fileList, e.file);
+          _message3.default.error('附件上传失败！');
+          fileList = _this5.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) {
@@ -843,10 +902,10 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.requestData = function () {
-    if (_this4.props.uploadType === "file") {
-      return { uuid: (0, _NHCore.createUuid)(), type: "1" };
+    if (_this5.props.uploadType === 'file') {
+      return { uuid: (0, _createUuid3.default)(), type: '1' };
     } else {
-      return { redisData: _this4.props.redisData };
+      return { redisData: _this5.props.redisData };
     }
   };
 
@@ -877,7 +936,7 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.getResult = function (fileList) {
-    if (_this4.props.uploadType === "file") {
+    if (_this5.props.uploadType === 'file') {
       var list = [];
       var listMap = [];
       fileList.map(function (item, index) {
@@ -894,177 +953,204 @@ var _initialiseProps = function _initialiseProps() {
           listMap.push(param);
         }
       });
-      fileList = _this4.handelFileUrl(fileList);
-      _this4.setState({ fileList: fileList });
-      var value = _this4.state.value;
-      if (_this4.props.onChange) {
+      fileList = _this5.handelFileUrl(fileList);
+      _this5.setState({ fileList: fileList });
+      var value = _this5.state.value;
+      if (_this5.props.onChange) {
         if (fileList.length > 0) {
-          _this4.props.onChange(value, list, listMap);
+          _this5.props.onChange(value, list, listMap);
         } else {
-          _this4.props.onChange(undefined);
+          _this5.props.onChange(undefined);
         }
       }
     } else {
-      var resultStr = "";
+      var resultStr = '';
       var resultList = [];
       fileList.map(function (file) {
         resultList.push({
           uuid: file.uuid,
           name: file.name
         });
-        resultStr += "," + file.uuid + ";" + file.name;
+        resultStr += ',' + file.uuid + ';' + file.name;
         return file;
       });
-      _this4.setState({ fileList: fileList });
+      _this5.setState({ fileList: fileList });
       if (resultStr) {
         resultStr = resultStr.substring(1);
       }
-      if (_this4.props.onChange) {
-        _this4.props.onChange(resultStr, resultList);
+      if (_this5.props.onChange) {
+        _this5.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) {
+    var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(file) {
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
-              window.open("zuul/docrepo/download/file?attachmentId=" + file.uid);
+              window.open('zuul/docrepo/download/file?attachmentId=' + file.uid);
 
             case 1:
-            case "end":
-              return _context.stop();
+            case 'end':
+              return _context2.stop();
           }
         }
-      }, _callee, _this4);
+      }, _callee2, _this5);
     }));
 
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref3.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) {
+    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 (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               if (!(!file.url && !file.preview)) {
-                _context2.next = 10;
+                _context3.next = 14;
+                break;
+              }
+
+              _context3.prev = 1;
+
+              if (!file.originFileObj) {
+                _context3.next = 8;
                 break;
               }
 
-              _context2.prev = 1;
-              _context2.next = 4;
+              _context3.next = 5;
               return getBase64(file.originFileObj);
 
-            case 4:
-              file.preview = _context2.sent;
-              _context2.next = 10;
+            case 5:
+              file.preview = _context3.sent;
+              _context3.next = 9;
               break;
 
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](1);
+            case 8:
+              file.preUrl = 'zuul/docrepo/download/file?attachmentId=' + file.uid;
 
-              console.log(_context2.t0);
+            case 9:
+              _context3.next = 14;
+              break;
 
-            case 10:
-              //截取最后一个点.jpg/png/gif/jpeg
-              dotIndex = file.name.lastIndexOf('.');
-              //从最后一个点开始往后面获取
+            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;
+                    }
 
-              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
-                });
-              }
+                    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 13:
-            case "end":
-              return _context2.stop();
+            case 20:
+            case 'end':
+              return _context3.stop();
           }
         }
-      }, _callee2, _this4, [[1, 7]]);
+      }, _callee3, _this5, [[1, 11]]);
     }));
 
     return function (_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref4.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;
+  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错误，请检查服务是否正常启动！");
+      _message3.default.error('pageoffice错误，请检查服务是否正常启动！');
     }
   };
 
   this.openDoc = function (docId, openType, templateId) {
-    //新增或者编辑正文（附件）必需参数：docId,openType  
-    //若docId存在，则是编辑附件，不存在则是新增附件，新增时可传递模板Id，即原有附件的Id,在其基础上修改  
+    //新增或者编辑正文（附件）必需参数：docId,openType
+    //若docId存在，则是编辑附件，不存在则是新增附件，新增时可传递模板Id，即原有附件的Id,在其基础上修改
 
-    //docId（对应附件表的所属编号ssbh）: 添加附件记录时，标明该附件是属于哪个发文  
-    // docId: this.state.documentData.id,  
+    //docId（对应附件表的所属编号ssbh）: 添加附件记录时，标明该附件是属于哪个发文
+    // docId: this.state.documentData.id,
 
-    //打开模式：docNormalEdit（word普通编辑模式），docReadOnly(word只读模式)  
-    // openType: "docNormalEdit",  
+    //打开模式：docNormalEdit（word普通编辑模式），docReadOnly(word只读模式)
+    // openType: "docNormalEdit",
 
-    //templateId: 附件表原有的附件Id，即新增附件记录时，在原有的附件基础上进行修改、添加，可不用该字段  
-    //templateId: "3ab374b70f88704ef209b9e02eb6ecc4130d"  
+    //templateId: 附件表原有的附件Id，即新增附件记录时，在原有的附件基础上进行修改、添加，可不用该字段
+    //templateId: "3ab374b70f88704ef209b9e02eb6ecc4130d"
     if (window.POBrowser) {
-      var url = window.location.origin + window.location.pathname + docUrl + "?docId=" + docId + "&openType=" + openType;
+      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错误，请检查服务是否正常启动！");
+      _message3.default.error('pageoffice错误，请检查服务是否正常启动！');
     }
   };
 
   this.handleCancel = function () {
-    return _this4.setState({ previewVisible: false });
+    return _this5.setState({ imageVisible: false });
   };
 
   this.imgTrunDeg = function (direction) {
-    var rotateDeg = _this4.state.rotateDeg;
+    var rotateDeg = _this5.state.rotateDeg;
 
-    if (direction == "left") {
+    if (direction == 'left') {
       rotateDeg -= 90;
     }
-    if (direction == "right") {
+    if (direction == 'right') {
       rotateDeg += 90;
     }
-    _this4.setState({
+    _this5.setState({
       rotateDeg: rotateDeg
     });
   };
 };
 
-exports.default = NHUpload;
+exports.default = KyUpload;