app-base-react/lib/pages/train/TrainSystemList.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _datePicker=require("antd/lib/date-picker"),_datePicker2=_interopRequireDefault(_datePicker),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_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),_switch=require("antd/lib/switch"),_switch2=_interopRequireDefault(_switch),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a,l=arguments[t];for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},_createClass=function(){function l(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(e,t,a){return t&&l(e.prototype,t),a&&l(e,a),e}}(),_react=(require("antd/lib/date-picker/style/css"),require("antd/lib/form/style/css"),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/switch/style/css"),require("antd/lib/message/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_moment=require("../../library/moment"),_moment2=_interopRequireDefault(_moment),_utilDate=require("../../library/util-date"),_utilDate2=_interopRequireDefault(_utilDate),_selectTree=require("../../library/select-tree"),_selectTree2=_interopRequireDefault(_selectTree),_utilString=require("../../library/util-string"),_utilString2=_interopRequireDefault(_utilString),_utilModal=require("../../library/util-modal"),_utilModal2=_interopRequireDefault(_utilModal),_utilAxios=require("../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var u=e.apply(this,arguments);return new Promise(function(n,c){return function t(e,a){try{var l=u[e](a),r=l.value}catch(e){return void c(e)}if(!l.done)return Promise.resolve(r).then(function(e){t("next",e)},function(e){t("throw",e)});n(r)}("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 _appKey="91c04c4a031963d638a27f0e5eec61ea",_appSecret="e70813165e30",title="系统管理",url="TrainSystem/",TrainSystemList=function(){function t(e){_classCallCheck(this,t);var r=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.onChange=function(e,t,a){var l=r.state.params;l.pageSize=e.pageSize,l.pageIndex=e.current,r.onLoad(l)},r.onSearch=function(e){var t=r.state.params;t.name=e,r.onLoad(t)},r.onAdd=function(){var t={};Object.keys(r.state.values).forEach(function(e){return t[e]=void 0}),r.setState({showView:!1,showEdit:!0,values:t})},r.onView=function(e){r.setState({showView:!0,loading:!1,values:e})},r.onEdit=function(e){var t=r;_utilAxios2.default.get(url+"getModel?id="+e.id,{},function(e){t.setState({showEdit:!0,showView:!1,values:e.data})})},r.onSave=function(e){r.onLoad(r.state.params)},r.onDel=function(){var t=r;0==t.state.selected.length?_message3.default.error("请选择记录！"):_utilModal2.default.confirm({content:"确定删除？",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)})}})},r.state={params:{},data:[],pagination:{},loading:!1,selected:[],showView:!1,showEdit:!1,values:{}},r.columns=[{title:"系统ID",dataIndex:"id",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return r.onView(t)}},e)}},{title:"系统名称",dataIndex:"name",width:150,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return r.onView(t)}},e)}},{title:"所属公司",dataIndex:"company",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return r.onView(t)}},e)}},{title:"业务负责人",dataIndex:"businessUserName",width:100},{title:"运营负责人",dataIndex:"OperatorName",width:100},{title:"立项时间",dataIndex:"approvalTime",width:100,render:function(e,t){return _utilDate2.default.getDate(e)}},{title:"上线时间",dataIndex:"onlineTime",width:100,render:function(e,t){return _utilDate2.default.getDate(e)}},{title:"启用短信",dataIndex:"enableMsg",width:100,render:function(e,t){return _react2.default.createElement(_switch2.default,{checkedChildren:"",unCheckedChildren:"",checked:Boolean(e)})}},{title:"启用邮件",dataIndex:"enableEmail",width:100,render:function(e,t){return _react2.default.createElement(_switch2.default,{checkedChildren:"",unCheckedChildren:"",checked:Boolean(e)})}},{title:"状态",dataIndex:"state",width:100}],r}var a;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.onLoad(this.state.params)}},{key:"onLoad",value:(a=_asyncToGenerator(_regenerator2.default.mark(function e(t){var a,l;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,l={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({loading:!1,showEdit:!1,params:t,data:a.data,pagination:l});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})}},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"}),title)),_react2.default.createElement(_row2.default,{className:"main-toolbar"},_react2.default.createElement(_col2.default,{className:"text-left",xs:8},_react2.default.createElement(_button2.default,{className:"btn-add",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(_col2.default,{className:"text-right",style:{paddingRight:"8px"},xs:8},_react2.default.createElement(_input2.default,{placeholder:"请输入应用名称",onChange:function(e){var t=a.state.params;t.app=e.target.value,a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"text-right",xs:8},_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,{height:this.props.height-140,values:this.state.values,onEdit:this.onEdit,onReturn:function(){a.setState({showView:!1})}}):"",this.state.showEdit?_react2.default.createElement(FormEdit,{height:this.props.height-140,values:this.state.values,onSave:this.onSave,onCancel:function(){a.setState({showEdit:!1})},onEditReturn:function(){a.setState({showEdit:!1,showView:!0})}}):"")}}]),t}(),FormView=(exports.default=TrainSystemList,function(){function a(e){_classCallCheck(this,a);var t=_possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return t.state=_extends({},e.values),t}return _inherits(a,_react2.default.Component),_createClass(a,[{key:"componentDidMount",value:function(){var t=this;_utilAxios2.default.get(url+"getModel?id="+this.state.id,{},function(e){t.setState(_extends({},e.data))})}},{key:"render",value:function(){var t=this;return _react2.default.createElement(_form2.default,{className:"form-view"},_react2.default.createElement("div",{className:"form-title"},_react2.default.createElement("i",null,title," - 详情"),_react2.default.createElement("span",null,_react2.default.createElement(_button2.default,{className:"btn-edit",onClick:function(e){t.props.onEdit(t.state)}},_react2.default.createElement("i",{className:"iconfont icon-edit"}),"编辑"))),_react2.default.createElement("div",{className:"form-content",style:{height:this.props.height}},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"系统ID"),_react2.default.createElement("span",null,this.state.id)),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"系统名称"),_react2.default.createElement("span",null,this.state.name))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement("label",{className:"label"},"所属公司"),_react2.default.createElement("span",null,this.state.company))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"业务负责人ID"),_react2.default.createElement("span",null,this.state.businessUserId)),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"运营负责人Id"),_react2.default.createElement("span",null,this.state.OperatorId))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"业务负责人名称"),_react2.default.createElement("span",null,this.state.businessUserName)),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"运营负责人名称"),_react2.default.createElement("span",null,this.state.OperatorName))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"立项时间"),_react2.default.createElement("span",null,_utilDate2.default.getDate(this.state.approvalTime))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"上线时间"),_react2.default.createElement("span",null,_utilDate2.default.getDate(this.state.onlineTime)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"启用短信"),_react2.default.createElement("span",null,_react2.default.createElement(_switch2.default,{checkedChildren:"",unCheckedChildren:"",checked:Boolean(this.state.enableMsg)}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"启用邮件"),_react2.default.createElement("span",null,_react2.default.createElement(_switch2.default,{checkedChildren:"",unCheckedChildren:"",checked:Boolean(this.state.enableEmail)})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement("label",{className:"label"},"状态"),_react2.default.createElement("span",null,this.state.state))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement("label",{className:"label"},"描述"),_react2.default.createElement("span",null,this.state.memo))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"网易终端用户token"),_react2.default.createElement("span",null,this.state.wyToken)),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",{className:"label"},"网易终端用户accid"),_react2.default.createElement("span",null,this.state.wyAccId))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement("label",{className:"label"},"网易视频分类"),_react2.default.createElement("span",null,this.state.wyTypeId)))),_react2.default.createElement("div",{className:"form-toolbar"},_react2.default.createElement(_button2.default,{className:"btn-return",onClick:this.props.onReturn},_react2.default.createElement("i",{className:"iconfont icon-return"}),"返回")))}}]),a}()),FormEdit=function(){function a(e){_classCallCheck(this,a);var t=_possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return t.onCreateType=function(t,a){var l=_utilString2.default.uuid(),r=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:l,curTime:r},function(e){console.log(e),e.success&&fetch("https://vcloud.163.com/app/vod/type/create",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:l,CurTime:r,CheckSum:e.msg},body:JSON.stringify({typeName:t.name,parentTypeId:0,description:t.name})}).then(function(e){return e.json()}).then(function(e){t.wyTypeId=e.ret.typeId,a(t)})})},t.onCreateUser=function(t,a){var l=_utilString2.default.uuid(),r=(new Date).getTime();_utilAxios2.default.post("TrainSystem/getChecksum",{appSecret:_appSecret,nonce:l,curTime:r},function(e){e.success&&fetch("http://vcloud.163.com/app/vod/thirdpart/user/create",{method:"POST",mode:"cors",headers:{"Content-Type":"application/json",AppKey:_appKey,Nonce:l,CurTime:r,CheckSum:e.msg},body:JSON.stringify({accid:_utilDate2.default.getTime().replace(":","").replace(":",""),name:t.name,type:1,props:t.name})}).then(function(e){return e.json()}).then(function(e){t.wyAccId=e.ret.accid,t.wyToken=e.ret.token,a(t)})})},t.onSave=function(e){if(e.id=t.state.id,e.wyToken)return me.props.onSave(e);me.onCreateUser(e,function(e){me.onCreateType(e,function(t){_utilAxios2.default.post(url+"save",t).then(function(e){e.success?(_message3.default.info(e.msg),me.props.onSave(t)):_message3.default.error(e.msg)})})})},t.state=_extends({},e.values),t.formRef=_react2.default.createRef(),t}return _inherits(a,_react2.default.Component),_createClass(a,[{key:"render",value:function(){var a=this;return _react2.default.createElement(_form2.default,{ref:this.formRef,className:"form-edit",layout:"vertical",onFinish:this.onSave},_react2.default.createElement("div",{className:"form-title"},_react2.default.createElement("i",null," ",title," - ",this.state.id?"编辑":"录入"),this.state.id?_react2.default.createElement("span",null,_react2.default.createElement(_button2.default,{className:"btn-return",onClick:this.props.onEditReturn},_react2.default.createElement("i",{className:"iconfont icon-return"}),"返回")):""),_react2.default.createElement("div",{className:"form-content",style:{height:this.props.height}},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"name",label:"系统名称",initialValue:this.state.app||"name",rules:[{required:!0,message:"请输入系统名称"}]},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"company",label:"所属公司",initialValue:this.state.app||"company",rules:[{required:!0,message:"请输入所属公司"}]},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"businessUserId",label:"业务负责人",initialValue:this.state.businessUserId},_react2.default.createElement(_selectTree2.default,{onChange:function(e,t){a.setState({businessUserId:e,businessUserName:t})},placeholder:"请选择业务负责人",treeCheckable:!0,url:"SysUser/listTreeUser"}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"OperatorId",label:"运营负责人",initialValue:this.state.OperatorId},_react2.default.createElement(_selectTree2.default,{onChange:function(e,t){a.setState({OperatorId:e,OperatorName:t})},placeholder:"请选择运营负责人",treeCheckable:!0,url:"SysUser/listTreeUser"})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"approvalTime",label:"立项时间",initialValue:(0,_moment2.default)(this.state.approvalTime)},_react2.default.createElement(_datePicker2.default,{format:"YYYY-MM-DD"}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"onlineTime",label:"上线时间",initialValue:(0,_moment2.default)(this.state.onlineTime)},_react2.default.createElement(_datePicker2.default,{format:"YYYY-MM-DD"})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"enableMsg",label:"启用短信",valuePropName:"checked",initialValue:Boolean(this.state.enableMsg)},_react2.default.createElement(_switch2.default,null))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"enableEmail",label:"启用邮件",valuePropName:"checked",initialValue:(0,_moment2.default)(this.state.enableEmail)},_react2.default.createElement(_switch2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"state",label:"状态",initialValue:this.state.state},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"enableEmail",label:"启用邮件",valuePropName:"checked",initialValue:(0,_moment2.default)(this.state.enableEmail)},_react2.default.createElement(_switch2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"memo",label:"描述",initialValue:this.state.memo},_react2.default.createElement(_input2.default.TextArea,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"wyToken",label:"网易终端用户token",initialValue:this.state.wyToken},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"wyAccId",label:"网易终端用户accid",initialValue:this.state.wyAccId},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"wyTypeId",label:"网易视频分类",initialValue:this.state.wyTypeId},_react2.default.createElement(_input2.default,null))))),_react2.default.createElement("div",{className:"form-toolbar"},_react2.default.createElement(_button2.default,{className:"btn-cancel",onClick:this.props.onCancel},_react2.default.createElement("i",{className:"iconfont icon-cancel"}),"取消"),_react2.default.createElement(_button2.default,{className:"btn-submit",htmlType:"submit"},_react2.default.createElement("i",{className:"iconfont icon-submit"}),"提交")))}}]),a}();