app-base-react
Version:
react development common base package.
1 lines • 4.04 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _image=require("antd/lib/image"),_image2=_interopRequireDefault(_image),_createClass=function(){function a(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e}}(),_react=(require("antd/lib/image/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilNet=require("../util-net"),_utilNet2=_interopRequireDefault(_utilNet);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(e)return!t||"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Attachment=function(){function t(e){_classCallCheck(this,t);e=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return e.state={urlArr:[],attnameArr:[]},e}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){if(this.props.url){var t=this.props.url||"",r=void 0;try{for(var r=[],e=JSON.parse(t),a=0;a<e.length;a++)e[a].url?r.push(e[a].url):r.push(e[a].response.data)}catch(e){r=t.split(",")}for(var n=[],l=0;l<r.length;l++){var i=_utilNet2.default.getUrlParam(r[l],"attname");n.push(i)}this.setState({urlArr:r,attnameArr:n})}}},{key:"render",value:function(){var r=this;return _react2.default.createElement("span",{className:"app-attachment"},this.state.urlArr.map(function(e,t){return r.props.onClick?r.props.type&&"img"==r.props.type?_react2.default.createElement("a",{style:{margin:"0 8px 8px 0",width:"270px",height:"80px",background:"#FBFBFB",border:"1px solid #DDDDDD"},key:t,onClick:r.props.onClick},_react2.default.createElement(_image2.default,{width:60,height:60,fallback:"https://fdfsuat.7ipr.com:443/group1/M00/00/0F/wKgyM2JY-FKAPDloAAAfy1XJ2eQ554.png?attname=PDF.png",style:r.props.style||{margin:"9px"},src:e}),_react2.default.createElement("span",{style:{verticalAlign:"top",lineHeight:"80px",color:"#4087E9",paddingLeft:"20px"}},r.state.attnameArr[t]||"附件"+(t+1)),_react2.default.createElement("i",{style:{verticalAlign:"top",lineHeight:"80px",fontSize:"16px",float:"right",paddingRight:"10px",color:"#333333"},className:"iconfont icon-download"})):_react2.default.createElement("a",{style:{marginLeft:0<t?"8px":""},key:t,onClick:r.props.onClick},r.state.attnameArr[t]):r.props.type&&"img"==r.props.type?_react2.default.createElement("div",null,_react2.default.createElement("div",{style:{display:"inline-flex",margin:"0 8px 8px 0",height:"80px",background:"#FBFBFB",border:"1px solid #DDDDDD"},key:t},_react2.default.createElement(_image2.default,{width:60,height:60,fallback:"https://fdfs.7ipr.com:443/group1/M00/04/91/wKgBtmOFrzmAJvUNAAAOZZcX75M005.png?attname=文件 (4).png",style:r.props.style||{margin:"9px"},src:e}),_react2.default.createElement("a",{href:e,target:"_blank",download:r.state.attnameArr[t]||"附件"+(t+1)},_react2.default.createElement("span",{style:{verticalAlign:"top",lineHeight:"80px",color:"#4087E9",paddingLeft:"20px"}},r.state.attnameArr[t]||"附件"+(t+1)),_react2.default.createElement("i",{style:{verticalAlign:"top",lineHeight:"80px",fontSize:"16px",float:"right",padding:"0 10px",color:"#333333"},className:"iconfont icon-download"})))):_react2.default.createElement("a",{style:{marginLeft:0<t?"8px":""},key:t,href:e,download:r.state.attnameArr[t]},r.state.attnameArr[t])}))}}]),t}();exports.default=Attachment;