app-base-react
Version:
react development common base package.
1 lines • 4.32 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_datePicker=require("antd/lib/date-picker"),_datePicker2=_interopRequireDefault(_datePicker),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,a=arguments[t];for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_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/row/style/css"),require("antd/lib/button/style/css"),require("antd/lib/date-picker/style/css"),require("antd/lib/col/style/css"),require("antd/lib/form/style/css"),require("antd/lib/input/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_moment=require("../../../library/moment"),_moment2=_interopRequireDefault(_moment);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 FormQuery=function(){function r(e){_classCallCheck(this,r);var t=_possibleConstructorReturn(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.onSearch=function(e){e.createTime&&Array.isArray(e.createTime)&&(e.createTimeStart=(0,_moment2.default)(e.createTime[0].toISOString()).format("YYYY-MM-DD HH:mm:ss"),e.createTimeEnd=(0,_moment2.default)(e.createTime[1].toISOString()).format("YYYY-MM-DD HH:mm:ss")),t.props.onSearch(e)},t.onReset=function(){t.formRef.current.resetFields()},t.state=_extends({},e.values),t.formRef=_react2.default.createRef(),t}return _inherits(r,_react2.default.Component),_createClass(r,[{key:"render",value:function(){return _react2.default.createElement(_form2.default,{ref:this.formRef,className:"form-query",onFinish:this.onSearch},_react2.default.createElement(_row2.default,{className:"background",gutter:[16,0],style:{margin:"0 0 10px"}},_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"operation",label:"操作"},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"code",label:"用户账号"},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"userName",label:"用户名称"},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"url",label:"访问链接"},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"createTime",label:"发生时间段"},_react2.default.createElement(_datePicker2.default.RangePicker,{showTime:!0}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_button2.default,{className:"btn-search",htmlType:"submit"},_react2.default.createElement("i",{className:"iconfont icon-search"}),"搜索"),_react2.default.createElement(_button2.default,{className:"btn-reset",onClick:this.onReset},_react2.default.createElement("i",{className:"iconfont icon-reset"}),"重置"))))}}]),r}();exports.default=FormQuery;