app-base-react
Version:
react development common base package.
1,244 lines (1,132 loc) • 39.2 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _inputNumber = require("antd/lib/input-number");
var _inputNumber2 = _interopRequireDefault(_inputNumber);
var _form = require("antd/lib/form");
var _form2 = _interopRequireDefault(_form);
var _layout = require("antd/lib/layout");
var _layout2 = _interopRequireDefault(_layout);
var _tree = require("antd/lib/tree");
var _tree2 = _interopRequireDefault(_tree);
var _table = require("antd/lib/table");
var _table2 = _interopRequireDefault(_table);
var _input = require("antd/lib/input");
var _input2 = _interopRequireDefault(_input);
var _button = require("antd/lib/button");
var _button2 = _interopRequireDefault(_button);
var _row = require("antd/lib/row");
var _row2 = _interopRequireDefault(_row);
var _col = require("antd/lib/col");
var _col2 = _interopRequireDefault(_col);
var _regenerator = require("babel-runtime/regenerator");
var _regenerator2 = _interopRequireDefault(_regenerator);
var _message2 = require("antd/lib/message");
var _message3 = _interopRequireDefault(_message2);
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require("antd/lib/input-number/style/css");
require("antd/lib/form/style/css");
require("antd/lib/layout/style/css");
require("antd/lib/tree/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/message/style/css");
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _jquery = require("../../../library/jquery");
var _jquery2 = _interopRequireDefault(_jquery);
var _radioGroup = require("../../../library/radio-group");
var _radioGroup2 = _interopRequireDefault(_radioGroup);
var _utilAxios = require("../../../library/util-axios");
var _utilAxios2 = _interopRequireDefault(_utilAxios);
var _utilModal = require("../../../library/util-modal");
var _utilModal2 = _interopRequireDefault(_utilModal);
var _utilString = require("../../../library/util-string");
var _utilString2 = _interopRequireDefault(_utilString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
// 配置管理-专区分类管理
var title = "专区联系人";
var url = "CfgZone/";
var CfgZoneList = function (_React$Component) {
_inherits(CfgZoneList, _React$Component);
function CfgZoneList(props) {
_classCallCheck(this, CfgZoneList);
var _this = _possibleConstructorReturn(this, (CfgZoneList.__proto__ || Object.getPrototypeOf(CfgZoneList)).call(this, props));
_this.onChange = function (pagination, filters, sorter) {
var params = _this.state.params;
params.pageSize = pagination.pageSize;
params.pageIndex = pagination.current;
_this.onLoad(params);
};
_this.onSearch = function (value) {
var params = _this.state.params;
params.name = value;
_this.onLoad(params);
};
_this.onAdd = function () {
var values = {};
Object.keys(_this.state.values).forEach(function (key) {
return values[key] = undefined;
});
values.parentId = _this.state.params.parentId;
values.parentName = _this.state.params.parentName;
_this.setState({
showView: false,
showEdit: true,
values: values
});
};
_this.onView = function (values) {
_this.setState({
showView: true,
loading: false,
values: values
});
};
_this.onEdit = function (values) {
var me = _this;
//已发布的文档，提示不能编辑
if ("1" == values.state) {
_message3.default.info("不能编辑已发布的记录!");
return;
}
_utilAxios2.default.get(url + "getModel?id=" + values.id, {}, function (rs) {
me.setState({
showEdit: true,
showView: false,
values: rs.data
});
});
};
_this.onSave = function (values) {
_this.onLoad(_this.state.params);
if (_this.props.onSave) {
_this.props.onSave();
}
};
_this.onDel = function () {
var me = _this;
if (me.state.selected.length == 0) {
_message3.default.error("请选择记录！");
return;
}
_utilModal2.default.confirm({
content: "确定删除？",
okText: "确认",
cancelText: "取消",
onOk: function onOk() {
_utilAxios2.default.post(url + "delete?id=" + me.state.selected + "&subType=" + me.state.params.subType).then(function (rs) {
if (rs.success) {
_message3.default.info(rs.msg);
me.onLoad(me.state.params || {});
if (me.props.onSave) {
me.props.onSave();
}
} else {
_message3.default.error(rs.msg);
}
});
}
});
};
_this.state = {
params: {
parentId: _this.props.parentId || undefined,
parentName: _this.props.parentName || undefined,
subType: _this.props.subType || undefined
},
data: [],
pagination: {},
loading: false,
selected: [], //Table checked
//显藏控制
showView: false,
showEdit: false,
//values
values: {},
systemId: _this.props.systemId,
showField: _extends({}, _this.props.showField)
};
_this.columns = [{
title: "序号",
width: 50,
fixed: "left",
render: function render(text, record, index) {
return index + 1;
}
}, {
title: "ID",
width: 50,
dataIndex: "id"
}, {
title: "父ID",
width: 60,
dataIndex: "parentId"
}, {
title: "类型",
dataIndex: "type",
width: 100,
show: _this.state.showField.showType,
render: function render(text, record) {
return _react2.default.createElement(
"a",
{ className: "btn-detail", onClick: function onClick() {
return _this.onView(record);
} },
text == "1" ? "专区" : "目录"
);
}
}, {
title: "专区名称",
dataIndex: "name",
width: 100,
render: function render(text, record) {
return _react2.default.createElement(
"a",
{ className: "btn-detail", onClick: function onClick() {
return _this.onView(record);
} },
text
);
}
}, {
title: "副标题",
dataIndex: "subTitle",
width: 100,
show: _this.state.showField.showSubTitle
},
// {
// title: '是否显示',
// dataIndex: 'isShow',
// width: 100,
// render: (text, record) => {
// return (
// <Switch
// checkedChildren=""
// unCheckedChildren=""
// checked={Boolean(text)}
// />
// )
// },
// },
{
title: "联系人",
dataIndex: "userName",
width: 100
}, {
title: "联系人账号",
dataIndex: "account",
width: 100
}, {
title: "联系电话",
dataIndex: "mobile",
width: 100
}, {
title: "电子邮箱",
dataIndex: "email",
width: 100
}, {
title: "排序号",
dataIndex: "ord",
width: 100
}];
return _this;
}
_createClass(CfgZoneList, [{
key: "componentDidMount",
value: function componentDidMount() {
this.onLoad(this.state.params);
this.columns = this.columns.filter(function (item) {
return item.show !== false;
});
}
/*** Table ***/
}, {
key: "onLoad",
value: function () {
var _ref = _asyncToGenerator( /*#__PURE__*/_regenerator2.default.mark(function _callee(params) {
var rs, pagination;
return _regenerator2.default.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
this.setState({ loading: true });
_context.next = 3;
return _utilAxios2.default.get(url + "getList", params);
case 3:
rs = _context.sent;
pagination = {
pageSizeOptions: ["20", "100", "200", "500", "1000"],
pageSize: params.pageSize || 20,
defaultPageSize: params.pageSize || 20,
showSizeChanger: true,
showQuickJumper: true,
total: rs.total,
showTotal: function showTotal(total) {
return "\u603B\u8BB0\u5F55 " + total + " ";
}
};
this.setState({
loading: false,
showEdit: false,
params: params,
data: rs.data,
pagination: pagination,
selected: [],
selectedRows: []
});
case 6:
case "end":
return _context.stop();
}
}
}, _callee, this);
}));
function onLoad(_x) {
return _ref.apply(this, arguments);
}
return onLoad;
}()
}, {
key: "render",
value: function render() {
var _this2 = this;
var tableCfg = {
scroll: { y: this.props.height - 210 },
size: "middle",
rowKey: "id",
columns: this.columns,
rowSelection: {
selectedRowKeys: this.state.selected,
onChange: function onChange(selectedRowKeys, selectedRows) {
_this2.setState({
selected: selectedRowKeys
});
}
},
rowClassName: function rowClassName(record) {
return record.id === _this2.state.selectedRowId ? "row-selected" : "";
},
onRow: function onRow(record) {
return {
onClick: function onClick(event) {
_this2.setState({ selectedRowId: record.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: 13 },
_react2.default.createElement(
_button2.default,
{ className: "btn-add", onClick: this.onAdd },
_react2.default.createElement("i", { className: "iconfont icon-add" }),
"\u5F55\u5165"
),
_react2.default.createElement(
_button2.default,
{ className: "btn-del", onClick: this.onDel },
_react2.default.createElement("i", { className: "iconfont icon-del" }),
"\u5220\u9664"
)
),
_react2.default.createElement(_col2.default, {
className: "text-right",
style: { paddingRight: "8px", textAlign: "left" },
xs: 3
}),
_react2.default.createElement(
_col2.default,
{ className: "text-right", xs: 8 },
_react2.default.createElement(_input2.default.Search, {
placeholder: "\u8BF7\u8F93\u5165\u5206\u533A\u540D\u79F0",
onSearch: function onSearch(value) {
return _this2.onSearch(value);
},
enterButton: true
})
)
),
_react2.default.createElement(_table2.default, tableCfg)
),
this.state.showView ? _react2.default.createElement(FormView, {
systemId: this.state.systemId,
height: this.props.height - 140,
values: this.state.values,
onEdit: this.onEdit,
showField: this.state.showField,
onReturn: function onReturn() {
_this2.setState({ showView: false });
}
}) : "",
this.state.showEdit ? _react2.default.createElement(FormEdit, {
systemId: this.state.systemId,
height: this.props.height - 140,
subType: this.props.subType,
values: this.state.values,
onSave: this.onSave,
showField: this.state.showField,
onCancel: function onCancel() {
_this2.setState({ showEdit: false });
},
onEditReturn: function onEditReturn() {
_this2.setState({ showEdit: false, showView: true });
}
}) : ""
);
}
}]);
return CfgZoneList;
}(_react2.default.Component);
var CfgZoneTree = function (_React$Component2) {
_inherits(CfgZoneTree, _React$Component2);
function CfgZoneTree(props) {
_classCallCheck(this, CfgZoneTree);
var _this3 = _possibleConstructorReturn(this, (CfgZoneTree.__proto__ || Object.getPrototypeOf(CfgZoneTree)).call(this, props));
_this3.onSelect = function (selectedKeys, e) {
_this3.props.onSetParent(e.node.props.id, e.node.props.title, e.node.props.systemId);
};
_this3.state = {
value: undefined,
label: undefined,
subType: _this3.props.subType || undefined,
treeData: [],
treeKey: _utilString2.default.uuid()
};
_this3.initData();
return _this3;
}
_createClass(CfgZoneTree, [{
key: "initData",
value: function () {
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
var params, rs;
return _regenerator2.default.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
params = {
subType: this.state.subType
};
_context2.next = 3;
return _utilAxios2.default.get("CfgZone/listTree", params);
case 3:
rs = _context2.sent;
this.setState({
treeData: rs.data.treeData,
defaultExpandedKeys: rs.data.defaultExpandedKeys,
treeKey: _utilString2.default.uuid()
});
case 5:
case "end":
return _context2.stop();
}
}
}, _callee2, this);
}));
function initData() {
return _ref2.apply(this, arguments);
}
return initData;
}()
}, {
key: "render",
value: function render() {
return _react2.default.createElement(_tree2.default, {
autoExpandParent: true,
blockNode: true,
checkable: false,
treeData: this.state.treeData,
defaultExpandAll: true,
defaultExpandParent: true,
defaultExpandedKeys: this.state.defaultExpandedKeys,
showLine: true,
draggable: true,
selectable: true,
onSelect: this.onSelect,
key: this.state.treeKey
});
}
}]);
return CfgZoneTree;
}(_react2.default.Component);
var CfgZoneMain = function (_React$Component3) {
_inherits(CfgZoneMain, _React$Component3);
function CfgZoneMain(props) {
_classCallCheck(this, CfgZoneMain);
var _this4 = _possibleConstructorReturn(this, (CfgZoneMain.__proto__ || Object.getPrototypeOf(CfgZoneMain)).call(this, props));
_this4.onSetParent = function (parentId, parentName, systemId) {
_this4.setState({
parentId: parentId,
parentName: parentName,
systemId: systemId,
menuKey: _utilString2.default.uuid(),
isShowMenu: true
});
};
_this4.onSave = function () {
_this4.setState({
menuTreeKey: _utilString2.default.uuid()
});
};
_this4.state = {
parentId: 0,
parentName: "",
subType: _this4.props.subType,
systemId: _this4.props.systemId,
menuKey: _utilString2.default.uuid(),
menuTreeKey: _utilString2.default.uuid(),
isShowMenu: false,
showField: _extends({
showType: true,
showSubType: false,
showSubTitle: true,
showSummary: true
}, _this4.props.showField)
};
return _this4;
}
_createClass(CfgZoneMain, [{
key: "componentDidMount",
value: function componentDidMount() {
var timer = setInterval(function () {
var el = (0, _jquery2.default)(".ant-tree-iconEle");
if (el.length > 0) {
el.remove();
clearInterval(timer);
}
}, 100);
}
}, {
key: "render",
value: function render() {
return _react2.default.createElement(
_layout2.default,
{ style: { background: "#f0f2f5", height: "100%" } },
_react2.default.createElement(
_layout2.default.Sider,
{
theme: "light",
width: "200",
style: { padding: "15px 20px", marginRight: "10px" }
},
_react2.default.createElement(CfgZoneTree, {
onSetParent: this.onSetParent,
key: this.state.menuTreeKey,
subType: this.state.subType
})
),
_react2.default.createElement(
_layout2.default.Content,
{ style: { background: "#fff", paddingLeft: "20px" } },
_react2.default.createElement(CfgZoneList, {
key: this.state.menuKey,
parentId: this.state.parentId,
subType: this.state.subType,
parentName: this.state.parentName,
systemId: this.state.systemId,
onSave: this.onSave,
showField: this.state.showField
})
)
);
}
}]);
return CfgZoneMain;
}(_react2.default.Component);
exports.default = CfgZoneMain;
var FormView = function (_React$Component4) {
_inherits(FormView, _React$Component4);
function FormView(props) {
_classCallCheck(this, FormView);
var _this5 = _possibleConstructorReturn(this, (FormView.__proto__ || Object.getPrototypeOf(FormView)).call(this, props));
_this5.state = _extends({}, props.values);
return _this5;
}
_createClass(FormView, [{
key: "componentDidMount",
value: function componentDidMount() {
var me = this;
_utilAxios2.default.get(url + "getModel?id=" + this.state.id, {}, function (rs) {
me.setState(_extends({}, rs.data));
});
}
}, {
key: "render",
value: function render() {
var _this6 = this;
var _props$showField = this.props.showField,
showType = _props$showField.showType,
showSubTitle = _props$showField.showSubTitle,
showSummary = _props$showField.showSummary;
return _react2.default.createElement(
_form2.default,
{ className: "form-view" },
_react2.default.createElement(
"div",
{ className: "form-title" },
_react2.default.createElement(
"i",
null,
title,
" - \u8BE6\u60C5"
),
_react2.default.createElement(
"span",
null,
_react2.default.createElement(
_button2.default,
{
className: "btn-edit",
onClick: function onClick(e) {
_this6.props.onEdit(_this6.state);
}
},
_react2.default.createElement("i", { className: "iconfont icon-edit" }),
"\u7F16\u8F91"
)
)
),
_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",
null,
"\u4E13\u533A\u540D\u79F0"
),
_react2.default.createElement(
"span",
null,
this.state.name
)
),
showSubTitle ? _react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u526F\u6807\u9898"
),
_react2.default.createElement(
"span",
null,
this.state.subTitle
)
) : ""
),
_react2.default.createElement(
_row2.default,
null,
showType ? _react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u7C7B\u578B"
),
_react2.default.createElement(
"span",
null,
this.state.type == "1" ? "专区" : "目录"
)
) : ""
),
_react2.default.createElement(
_row2.default,
null,
showSummary ? _react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u7B80\u4ECB"
),
_react2.default.createElement(
"span",
null,
this.state.summary
)
) : ""
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u8054\u7CFB\u4EBA"
),
_react2.default.createElement(
"span",
null,
this.state.userName
)
),
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u8054\u7CFB\u4EBA\u8D26\u53F7"
),
_react2.default.createElement(
"span",
null,
this.state.account
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u8054\u7CFB\u7535\u8BDD"
),
_react2.default.createElement(
"span",
null,
this.state.mobile
)
),
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
"label",
null,
"\u7535\u5B50\u90AE\u7BB1"
),
_react2.default.createElement(
"span",
null,
this.state.email
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u5907\u6CE8"
),
_react2.default.createElement(
"span",
null,
this.state.memo
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
"label",
null,
"\u6392\u5E8F\u53F7"
),
_react2.default.createElement(
"span",
null,
this.state.ord
)
)
)
),
_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" }),
"\u8FD4\u56DE"
)
)
);
}
}]);
return FormView;
}(_react2.default.Component);
var FormEdit = function (_React$Component5) {
_inherits(FormEdit, _React$Component5);
function FormEdit(props) {
_classCallCheck(this, FormEdit);
var _this7 = _possibleConstructorReturn(this, (FormEdit.__proto__ || Object.getPrototypeOf(FormEdit)).call(this, props));
_this7.onSave = function (values) {
var me = _this7;
values.id = _this7.state.id;
values.systemId = values.systemId ? values.systemId : _this7.props.systemId;
if (_this7.props.subType) {
values.subType = _this7.props.subType;
}
var showType = _this7.props.showField.showType;
if (!showType) {
values.type = "1";
}
if (_this7.state.params) {
values.params = _this7.state.params;
}
_utilAxios2.default.post(url + "save", values).then(function (rs) {
if (rs.success) {
_message3.default.info(rs.msg);
me.props.onSave(values);
} else {
_message3.default.error(rs.msg);
}
});
if (_this7.props.onSave) {
_this7.props.onSave();
}
};
_this7.state = _extends({}, props.values);
_this7.formRef = _react2.default.createRef();
return _this7;
}
_createClass(FormEdit, [{
key: "render",
value: function render() {
var _props$showField2 = this.props.showField,
showType = _props$showField2.showType,
showSubType = _props$showField2.showSubType,
showSubTitle = _props$showField2.showSubTitle,
showSummary = _props$showField2.showSummary;
return _react2.default.createElement(
"div",
null,
_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" }),
"\u8FD4\u56DE"
)
) : ""
),
_react2.default.createElement(
"div",
{ className: "form-content", style: { height: this.props.height } },
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "parentId",
label: "\u4E0A\u7EA7ID",
initialValue: this.state.parentId
},
_react2.default.createElement(_input2.default, { disabled: true })
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
_form2.default.Item,
{
name: "name",
label: "\u4E13\u533A\u540D\u79F0",
initialValue: this.state.name,
rules: [{
required: true,
message: "请输入专区名称"
}]
},
_react2.default.createElement(_input2.default, null)
)
),
showSubTitle ? _react2.default.createElement(
_col2.default,
{ xs: 12 },
_react2.default.createElement(
_form2.default.Item,
{
name: "subTitle",
label: "\u526F\u6807\u9898",
initialValue: this.state.subTitle
},
_react2.default.createElement(_input2.default, null)
)
) : ""
),
_react2.default.createElement(
_row2.default,
null,
showType ? _react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "type",
label: "\u7C7B\u578B",
initialValue: this.state.type,
rules: [{
required: true,
message: "请选择类型"
}]
},
_react2.default.createElement(_radioGroup2.default, {
type: "button",
options: [{ id: "1", name: "专区" }, { id: "2", name: "目录" }]
})
)
) : "",
showSubType ? _react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "subType",
label: "\u5B50\u7C7B\u578B",
initialValue: this.state.subType,
rules: [{
required: true,
message: "请输入子类型"
}]
},
_react2.default.createElement(_input2.default, null)
)
) : ""
),
_react2.default.createElement(
_row2.default,
null,
showSummary ? _react2.default.createElement(
_col2.default,
{ xs: 24 },
_react2.default.createElement(
_form2.default.Item,
{
name: "summary",
label: "\u7B80\u4ECB",
initialValue: this.state.summary
},
_react2.default.createElement(_input2.default.TextArea, null)
)
) : ""
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "userName",
label: "\u8054\u7CFB\u4EBA",
initialValue: this.state.userName,
rules: [{
required: true,
message: "请输入联系人"
}]
},
_react2.default.createElement(_input2.default, null)
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "account",
label: "\u8054\u7CFB\u4EBA\u8D26\u53F7",
initialValue: this.state.account
},
_react2.default.createElement(_input2.default, null)
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "mobile",
label: "\u8054\u7CFB\u7535\u8BDD",
initialValue: this.state.mobile,
rules: [{
required: true,
message: "请输入联系电话"
}, {
pattern: /^1[3456789]\d{9}$/,
message: "请输入正确格式的手机号码"
}]
},
_react2.default.createElement(_input2.default, null)
)
),
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "email",
label: "\u7535\u5B50\u90AE\u7BB1",
initialValue: this.state.email,
rules: [{
required: true,
message: "请输入电子邮箱"
}, {
pattern: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
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: "memo",
label: "\u5907\u6CE8",
initialValue: this.state.memo
},
_react2.default.createElement(_input2.default.TextArea, null)
)
)
),
_react2.default.createElement(
_row2.default,
null,
_react2.default.createElement(
_col2.default,
{ xs: 6 },
_react2.default.createElement(
_form2.default.Item,
{
name: "ord",
label: "\u6392\u5E8F\u53F7",
initialValue: this.state.ord
},
_react2.default.createElement(_inputNumber2.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" }),
"\u53D6\u6D88"
),
_react2.default.createElement(
_button2.default,
{ className: "btn-submit", htmlType: "submit" },
_react2.default.createElement("i", { className: "iconfont icon-submit" }),
"\u63D0\u4EA4"
)
)
)
);
}
}]);
return FormEdit;
}(_react2.default.Component);