app-base-react/lib/pages/config/CfgDynamicTable/CfgDictionaryOfSqlList.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _table=require("antd/lib/table"),_table2=_interopRequireDefault(_table),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_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/row/style/css"),require("antd/lib/button/style/css"),require("antd/lib/col/style/css"),require("antd/lib/message/style/css"),require("antd")),_react=require("react"),_react2=_interopRequireDefault(_react),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilModal=require("../../../library/util-modal"),_utilModal2=_interopRequireDefault(_utilModal);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 title="动态查询",url="SysDynamicQuery/",FormView=(0,_react.lazy)(function(){return import("./CfgDictionaryOfSqlView")}),FormEdit=(0,_react.lazy)(function(){return import("./CfgDictionaryOfSqlEdit")}),CfgDictionaryOfSqlList=function(){function t(e){_classCallCheck(this,t);var i=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return i.onChange=function(e,t,a){var n=i.state.params;n.pageSize=1e3,n.pageIndex=1,i.onLoad(n)},i.onSearch=function(e){var t=i.state.params;t.zh_CN=e,i.onLoad(t)},i.onAdd=function(){var e={};e.type=i.state.params.type,e.app=i.state.params.appName,i.setState({showView:!1,showEdit:!0,values:e})},i.onView=function(e){i.setState({showView:!0,loading:!1,values:e})},i.onEdit=function(e){var t=i;_utilAxios2.default.get(url+"getModel?id="+e.id,{},function(e){t.setState({showEdit:!0,showView:!1,showEditBatch:!1,values:e.data})})},i.onSave=function(e){i.onLoad(i.state.params)},i.onDel=function(){var t=i;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)})}})},i.state={params:{appName:e.app,type:"配置sql查询",pageSize:1e3},data:[],pagination:{},loading:!1,selected:[],showView:!1,showEdit:!1,values:{}},i.columns=[{title:"查询事项",dataIndex:"queryItems",render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(e){e.stopPropagation(),i.onView(t)}},e)}}],i}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.onLoad(this.state.params)}},{key:"onLoad",value:function(t){var a=this;a.setState({loading:!0}),_utilAxios2.default.get(url+"getList",t,function(e){a.setState({loading:!1,showEdit:!1,params:t,data:e.data,pagination:!1,selected:[],selectedRows:[]})})}},{key:"render",value:function(){var a=this,e={scroll:{y:this.props.height-210},size:"small",columns:this.columns,rowKey:"id",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){console.log("event",e),a.props.onSetDynamicTableId(t.id),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||this.state.showEditBatch?"hide":""},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:10,className:"main-title"},_react2.default.createElement("i",{className:"iconfont icon-title"}),title),_react2.default.createElement(_col2.default,{xs:14,style:{textAlign:"right"}},_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(_table2.default,e)),_react2.default.createElement(_react.Suspense,{fallback:_react2.default.createElement("div",null)},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}();exports.default=CfgDictionaryOfSqlList;