| | |
| | | import React, {Component} from 'react' |
| | | import PropTypes from 'prop-types' |
| | | import { Form, Row, Col, Input, Select, Radio } from 'antd' |
| | | import { Form, Row, Col, Select, Radio } from 'antd' |
| | | import './index.scss' |
| | | |
| | | class MainSearch extends Component { |
| | |
| | | <Form {...formItemLayout} className="mob-card-edit-form"> |
| | | <Row gutter={24}> |
| | | <Col span={24}> |
| | | <Form.Item label="应用名"> |
| | | {getFieldDecorator('name', { |
| | | initialValue: card ? card.name : '', |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入应用名!' |
| | | }, { |
| | | max: 20, |
| | | message: '应用名不可超过20个字符!' |
| | | }] |
| | | })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleSubmit} />)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="应用类型"> |
| | | {getFieldDecorator('type', { |
| | | initialValue: card ? card.type : 'mob', |
| | | {getFieldDecorator('typename', { |
| | | initialValue: card ? card.typename : 'mob', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | } |
| | | ] |
| | | })( |
| | | <Select> |
| | | <Select.Option value="mob">移动端</Select.Option> |
| | | <Select disabled={type === 'edit'}> |
| | | <Select.Option value="mob">移动端(包括android、ios)</Select.Option> |
| | | <Select.Option value="pc">PC端</Select.Option> |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="应用编码"> |
| | | {getFieldDecorator('keiNo', { |
| | | initialValue: card ? card.keiNo : '', |
| | | rules: [{ |
| | | required: true, |
| | | message: '请输入应用编码!' |
| | | }, { |
| | | pattern: /^[a-zA-Z_]*$/ig, |
| | | message: '应用编码只允许包含大小写字母及_!' |
| | | }, { |
| | | max: 20, |
| | | message: '应用编码不可超过20个字符!' |
| | | }] |
| | | })(<Input placeholder="" disabled={type === 'edit'} autoComplete="off" onPressEnter={this.handleSubmit} />)} |
| | | <Form.Item label="语言"> |
| | | {getFieldDecorator('lang', { |
| | | initialValue: card ? card.lang || 'zh-CN' : 'zh-CN' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="zh-CN">中文</Radio> |
| | | <Radio value="en-US">英文</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="登录"> |
| | | {getFieldDecorator('login_types', { |
| | | initialValue: card ? card.login_types || 'true' : 'true' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="true">需要</Radio> |
| | | <Radio value="false">不需要</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="权限管理"> |
| | | {getFieldDecorator('role_manage', { |
| | | initialValue: card ? card.role_manage || 'false' : 'false', |
| | | rules: [{ |
| | | required: true, |
| | | message: '请选择是否启用权限管理!' |
| | | }] |
| | | {getFieldDecorator('role_type', { |
| | | initialValue: card ? card.role_type || 'true' : 'true' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="true">启用</Radio> |
| | | <Radio value="false">不启用</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="短连接"> |
| | | {getFieldDecorator('link_type', { |
| | | initialValue: card ? card.link_type || 'true' : 'true' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="true">启用</Radio> |