app-base-react/lib/pages/issue/IssueNewsOfJH/IssueNewsList.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _table=require("antd/lib/table"),_table2=_interopRequireDefault(_table),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a,n=arguments[t];for(a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_createClass=function(){function n(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,a){return t&&n(e.prototype,t),a&&n(e,a),e}}(),_antd=(require("antd/lib/table/style/css"),require("antd/lib/input/style/css"),require("antd/lib/button/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/message/style/css"),require("antd")),_react=require("react"),_react2=_interopRequireDefault(_react),_dic=require("../../../library/dic"),_dic2=_interopRequireDefault(_dic),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilDate=require("../../../library/util-date"),_utilDate2=_interopRequireDefault(_utilDate),_utilDic=require("../../../library/util-dic"),_utilDic2=_interopRequireDefault(_utilDic),_utilModal=require("../../../library/util-modal"),_utilModal2=_interopRequireDefault(_utilModal);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var o=e.apply(this,arguments);return new Promise(function(i,r){return function t(e,a){try{var n=o[e](a),s=n.value}catch(e){return void r(e)}if(!n.done)return Promise.resolve(s).then(function(e){t("next",e)},function(e){t("throw",e)});i(s)}("next")})}}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 url="IssueNews/",systemId=10031,FormView=(0,_react.lazy)(function(){return import("./IssueNewsView")}),FormEdit=(0,_react.lazy)(function(){return import("./IssueNewsEdit")}),IssueNewsList=function(){function t(e){_classCallCheck(this,t);var s=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return s.onChange=function(e,t,a){var n=s.state.params;n.pageSize=e.pageSize,n.pageIndex=e.current,s.onLoad(n)},s.onSearch=function(e){var t=s.state.params;t.title=e,s.onLoad(t)},s.onAdd=function(){var t={};Object.keys(s.state.values).forEach(function(e){return t[e]=void 0}),s.setState({showView:!1,showEdit:!0,values:t})},s.onView=function(e){s.setState({showView:!0,loading:!1,values:e})},s.onEdit=function(e){var t=s;"1"==e.state?_message3.default.info("不能编辑已发布的记录!"):_utilAxios2.default.get(url+"getModel?id="+e.id,{},function(e){t.setState({showEdit:!0,showView:!1,values:e.data})})},s.onSave=function(e){s.onLoad(s.state.params)},s.onDel=function(){var t=s;0==t.state.selected.length?_message3.default.error("请选择记录！"):_utilModal2.default.confirm({content:"确定删除？",okText:"确认",cancelText:"取消",onOk:function(){_utilAxios2.default.delete(url+"delete?id="+t.state.selected).then(function(e){e.success?(_message3.default.info(e.msg),t.onLoad(t.state.params||{})):_message3.default.error(e.msg)})}})},s.onAudit=function(e){var t=s;0==t.state.selected.length?_message3.default.error("请选择记录！"):_utilModal2.default.confirm({content:"2"==e?"确定撤回发布？":"确定发布？",okText:"确认",cancelText:"取消",onOk:function(){_utilAxios2.default.post(url+"setState?state="+e+"&id="+t.state.selected,{}).then(function(e){e.success?(_message3.default.info(e.msg),t.onLoad(t.state.params||{})):_message3.default.error(e.msg)})}})},s.onCopy=function(e){var t=s;0==t.state.selected.length?_message3.default.error("请选择记录！"):_utilModal2.default.confirm({content:"确定同步至江门平台",okText:"确认",cancelText:"取消",onOk:function(){_utilAxios2.default.post("IssueNews/copy",{ids:t.state.selected,systemId:systemId,subType:0<t.props.subType.indexOf("江海")?t.props.subType.slice(0,11):t.props.subType,type:""}).then(function(e){e.success?(_message3.default.info(e.msg),t.onLoad(t.state.params||{})):_message3.default.error(e.msg)})}})},s.onSetTop=function(e){var t=s;0==t.state.selected.length?_message3.default.error("请选择记录！"):_utilModal2.default.confirm({content:"确定"+("setTop"===e?"":"取消")+"置顶？",okText:"确认",cancelText:"取消",onOk:function(){_utilAxios2.default.post(url+(e+"?id=")+t.state.selected).then(function(e){e.success?(_message3.default.info(e.msg),t.onLoad(t.state.params||{})):_message3.default.error(e.msg)})}})},s.state={params:{type:s.props.type||"",subType:s.props.subType||"",systemId:systemId},data:[],pagination:{},loading:!1,selected:[],selectedRows:[],showView:!1,showEdit:!1,values:{},showListFiled:_extends({showNewsTime:!0,showOrd:!1},s.props.showListFiled),showField:_extends({newsTimeRequired:!0,sourceRequired:!1,showSource:!1,coverUrlRequired:!1,summaryRequired:!0,showNewsTime:!0,showCoverUrl:!0,showSummary:!0,showSummaryText:"",showContent:!0,showFiles:!0,showSetTop:!0,showOrd:!1,showUrl:!1},s.props.showField),title:s.props.title||s.props.subType},s.columns=[{title:"序号",width:50,fixed:"left",render:function(e,t,a){return a+1}},{title:"发布状态",dataIndex:"state",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return s.onView(t)}},_utilDic2.default.json("system","发布状态")[e])}},{title:"标题",dataIndex:"title",width:300,ellipsis:!0,render:function(e,t){return!s.state.showListFiled.showOrd&&0<t.ord?_react2.default.createElement("a",{className:"btn-detail",onClick:function(){return s.onView(t)}},_react2.default.createElement("span",{style:{color:"red"}},"【置顶】"),e):_react2.default.createElement("a",{className:"btn-detail",onClick:function(){return s.onView(t)}},e)}},{title:"浏览量",dataIndex:"cntClick",width:100,align:"right"},{title:"创建人",dataIndex:"createUserName",width:100},{title:"编辑时间",dataIndex:"modifyTime",width:120,render:function(e,t){return _utilDate2.default.getDateTime(e)}},{title:"审核人",dataIndex:"auditorName",width:100},{title:"审核时间",dataIndex:"auditTime",width:120,render:function(e,t){return _utilDate2.default.getDateTime(e)}}],""==s.state.subType&&s.columns.splice(2,0,{title:"类型",dataIndex:"subType",width:80,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return s.onView(t)}},e)}}),s}var a;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.onLoad(this.state.params);var e=this.state.showListFiled,t=e.showNewsTime,e=e.showOrd;t&&this.columns.splice(3,1,{title:"时间",dataIndex:"newsTime",width:120,render:function(e,t){return _utilDate2.default.getDateTime(e)}}),e&&this.columns.splice(3,1,{title:"排序号",dataIndex:"ord",width:60})}},{key:"onLoad",value:(a=_asyncToGenerator(_regenerator2.default.mark(function e(t){var a,n;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.setState({loading:!0}),e.next=3,_utilAxios2.default.get(url+"getList",t);case 3:a=e.sent,n={pageSizeOptions:["20","100","200","500","1000"],pageSize:t.pageSize||20,defaultPageSize:t.pageSize||20,showSizeChanger:!0,showQuickJumper:!0,total:a.total,showTotal:function(e){return"总记录 "+e+" "}},this.setState({selected:[],selectedRows:[],loading:!1,showEdit:!1,params:t,data:a.data,pagination:n});case 6:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)})},{key:"render",value:function(){var a=this,e={scroll:{y:this.props.height-210},size:"middle",rowKey:"id",columns:this.columns,rowSelection:{selectedRowKeys:this.state.selected,onChange:function(e,t){a.setState({selected:e,selectedRows:t})}},rowClassName:function(e){return e.id===a.state.selectedRowId?"row-selected":""},onRow:function(t){return{onClick:function(e){a.setState({selectedRowId:t.id})}}},dataSource:this.state.data,pagination:this.state.pagination,loading:this.state.loading,onChange:this.onChange};return _react2.default.createElement("div",{className:"app-admin"},_react2.default.createElement("div",{className:this.state.showView||this.state.showEdit?"hide":""},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{className:"main-title"},_react2.default.createElement("i",{className:"iconfont icon-title"}),this.state.title)),_react2.default.createElement(_row2.default,{className:"main-toolbar"},_react2.default.createElement(_col2.default,{className:"text-left",xs:16},_react2.default.createElement(_button2.default,{type:"primary",onClick:this.onAdd},_react2.default.createElement("i",{className:"iconfont icon-add"}),"录入"),_react2.default.createElement(_button2.default,{className:"btn-del",onClick:this.onDel},_react2.default.createElement("i",{className:"iconfont icon-del"}),"删除"),_react2.default.createElement(_button2.default,{className:"btn-pass",onClick:function(){a.onAudit(1)}},_react2.default.createElement("i",{className:"iconfont icon-submit"}),"发布"),_react2.default.createElement(_button2.default,{className:"btn-revoke",onClick:function(){a.onAudit(2)}},_react2.default.createElement("i",{className:"iconfont icon-revoke"}),"撤回"),this.state.showField.showSetTop?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement(_button2.default,{className:"btn-publish",onClick:function(){a.onSetTop("setTop")}},_react2.default.createElement("i",{className:"iconfont icon-publish"}),"置顶"),_react2.default.createElement(_button2.default,{className:"btn-publish",onClick:function(){a.onSetTop("cancelTop")}},_react2.default.createElement("i",{className:"iconfont icon-publish1",style:{transform:"rotatex(180deg)"}}),"取消置顶")):"",_react2.default.createElement(_button2.default,{type:"primary",onClick:function(){a.onCopy()}},_react2.default.createElement("i",{className:"iconfont icon-add"}),"同步至江门平台")),_react2.default.createElement(_col2.default,{className:"text-right",style:{paddingRight:"8px",textAlign:"left"},xs:3},_react2.default.createElement(_dic2.default,{placeholder:"请选择状态",style:{width:"100%"},params:{app:"system",type:"发布状态"},onChange:function(e){var t=a.state.params;t.state=e,a.setState({params:t}),a.onLoad(a.state.params)}})),_react2.default.createElement(_col2.default,{className:"text-right",xs:5},_react2.default.createElement(_input2.default.Search,{placeholder:"请输入标题",onSearch:function(e){return a.onSearch(e)},enterButton:!0}))),_react2.default.createElement(_table2.default,e)),this.state.showView?_react2.default.createElement(FormView,{title:this.state.title,systemId:this.props.systemId,type:this.props.type||"",menuId:this.props.menuId,subType:this.props.subType||"",height:this.props.height-140,showField:this.state.showField,values:this.state.values,onEdit:this.onEdit,onReturn:function(){a.setState({showView:!1})}}):"",this.state.showEdit?_react2.default.createElement(FormEdit,{title:this.state.title,systemId:this.props.systemId,type:this.props.type||"",subType:this.props.subType||"",menuId:this.props.menuId,width:this.props.width,height:this.props.height-140,showField:this.state.showField,values:this.state.values,onSave:this.onSave,onCancel:function(){a.setState({showEdit:!1})},onEditReturn:function(){a.setState({showEdit:!1,showView:!0})}}):"")}}]),t}();exports.default=IssueNewsList;