Skip to content

B
biz.qingxiao.com
Commit 03a050a3 authored by sujie@126.com's avatar sujie@126.com
Browse files
Options

dd

parent 20e059f3
Hide whitespace changes
Inline Side-by-side
Showing with 153 additions and 146 deletions
src/pages/student/StudentAdd.js
View file @ 03a050a3
......@@ -212,7 +212,7 @@ class StudentAddForm extends React.Component {
</Col>
<Col span={24} className={pageStyle.name} >
<Form.Item
label="生日"
label="性别："
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
......@@ -222,15 +222,19 @@ class StudentAddForm extends React.Component {
sm: { span: 18 },
}}
>
{getFieldDecorator('birthday', {
rules: [
{
required: true,
message: '请输入生日',
},
],
})(<DatePicker disabledDate={this.disabledDate} onChange={this.onChange} allowClear style={{ width: 134 }} />)}
<span style={{ marginLeft: 12 }}>年龄：{this.state.cage}</span>
{getFieldDecorator('gender', {
rules: [
{
required: true,
message: '请选择性别',
},
],
})(
<Radio.Group>
<Radio value={1}>男</Radio>
<Radio value={2}>女</Radio>
</Radio.Group>,
)}
</Form.Item>
</Col>
</Col>
......@@ -272,7 +276,7 @@ class StudentAddForm extends React.Component {
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.name}>
<Form.Item
label="&nbsp;&nbsp;性别："
label="生日"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
......@@ -282,96 +286,95 @@ class StudentAddForm extends React.Component {
sm: { span: 18 },
}}
>
{getFieldDecorator('gender', {
rules: [],
})(
<Radio.Group>
<Radio value={1}>男</Radio>
<Radio value={2}>女</Radio>
</Radio.Group>,
)}
{getFieldDecorator('birthday', {
rules: [
{
required: true,
message: '请输入生日',
},
],
})(<DatePicker disabledDate={this.disabledDate} onChange={this.onChange} allowClear style={{ width: 134 }} />)}
<span style={{ marginLeft: 12 }}>年龄：{this.state.cage}</span>
</Form.Item>
</Col>
</Col>
<Col span={24} className={pageStyle.name}> <Col sm={{ span: 16 }} className={pageStyle.name}><div className={pageStyle.addmore} onClick={this.showMoreInfoEvent}>{showMoreInfo ? '隐藏' : '填写'}更多学员信息 {showMoreInfo ? '-' : '+'}</div></Col></Col>
{showMoreInfo &&
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.name}>
<Form.Item
label="备用电话"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 18 },
}}
>
{getFieldDecorator('reservemobile', {
rules: [
{ pattern: /^1[3456789]{1}[0-9]{9}$/, message: '请输入正确的手机号码!' },
{
required: false,
message: '请输入手机号码',
},
],
})(<Input maxLength="11" style={{ width: 200 }} placeholder="输入手机号码" />)}
</Form.Item>
<div className={showMoreInfo ? '' : pageStyle.hidenBox}>
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.name}>
<Form.Item
label="备用电话"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 18 },
}}
>
{getFieldDecorator('reservemobile', {
rules: [
{ pattern: /^1[3456789]{1}[0-9]{9}$/, message: '请输入正确的手机号码!' },
{
required: false,
message: '请输入手机号码',
},
],
})(<Input maxLength="11" style={{ width: 200 }} placeholder="输入手机号码" />)}
</Form.Item>
</Col>
</Col>
</Col>
}
{showMoreInfo &&
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.name}>
<Form.Item
label="年级"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 18 },
}}
>
{getFieldDecorator('grade', {
rules: [],
})(<Input placeholder="输入年级" />)}
</Form.Item>
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.name}>
<Form.Item
label="年级"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 18 },
}}
>
{getFieldDecorator('grade', {
rules: [],
})(<Input placeholder="输入年级" />)}
</Form.Item>
</Col>
</Col>
</Col>}
{showMoreInfo &&
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.textArea}>
<Form.Item
label="备注"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 18 },
}}
>
{getFieldDecorator('remark', {
rules: [
{
required: false,
message: '请输入备注',
},
{
max: 200,
message: '备注最多200个字符',
},
],
})(
<TextArea rows={3} placeholder="请输入备注" />,
)}
</Form.Item>
<Col sm={{ span: 16 }} className={pageStyle.name}>
<Col span={24} className={pageStyle.textArea}>
<Form.Item
label="备注"
labelCol={{
xs: { span: 24 },
sm: { span: 6 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 18 },
}}
>
{getFieldDecorator('remark', {
rules: [
{
required: false,
message: '请输入备注',
},
{
max: 200,
message: '备注最多200个字符',
},
],
})(
<TextArea rows={3} placeholder="请输入备注" />,
)}
</Form.Item>
</Col>
</Col>
</Col>}
</div>
</Row>
</div>
{/* <div
......
src/pages/student/StudentAdd.less
View file @ 03a050a3
......@@ -41,4 +41,8 @@
text-align: center;
margin-left: 92px;
cursor: pointer;
}
.hidenBox{
height: 0;
overflow: hidden;
}
\ No newline at end of file
src/pages/student/index.js
View file @ 03a050a3
......@@ -693,6 +693,7 @@ class StudentMgt extends React.Component {
学员搜索
<div className={pageStyle.expendMore} onClick={this.expendMore}>{isExpendMore ? '收起' : '展开'}更多筛选选项 {isExpendMore ? '-' : '+'}</div>
</div>
{isExpendMore &&
<div className={pageStyle.searchbox}>
<Row
gutter={{
......@@ -727,59 +728,58 @@ class StudentMgt extends React.Component {
</Select>
</Col>
</Row>
{isExpendMore &&
<Row
gutter={{
sm: 24, xs: 24, md: 24, lg: 24,
}}
className={pageStyle.searchrow}
>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 6 }}>
<div className={pageStyle.formitemlabel}>生日月份</div>
<Select className={pageStyle.selectitem} placeholder="请选择月份" value={searchstudentListQueryParams.birthday_month} onChange={e => this.searchParamsChange(e, 'Select', 'birthday_month')}>
<Option value="">全部</Option>
<Option value={1}>一月</Option>
<Option value={2}>二月</Option>
<Option value={3}>三月</Option>
<Option value={4}>四月</Option>
<Option value={5}>五月</Option>
<Option value={6}>六月</Option>
<Option value={7}>七月</Option>
<Option value={8}>八月</Option>
<Option value={9}>九月</Option>
<Option value={10}>十月</Option>
<Option value={11}>十一月</Option>
<Option value={12}>十二月</Option>
</Select>
</Col>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 6 }}>
<div className={pageStyle.formitemlabel}>微信绑定</div>
<Select className={pageStyle.selectitem} placeholder="请选择结业状态" value={searchstudentListQueryParams.wechat_status} onChange={e => this.searchParamsChange(e, 'Select', 'wechat_status')}>
<Option value="">全部</Option>
<Option value={1}>已绑定</Option>
<Option value={2}>未绑定</Option>
</Select>
</Col>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 3 }}>
<div className={pageStyle.formitemlabel} >是否选班</div>
<Select className={pageStyle.selectitem} style={{ width: 74 }} placeholder="是" value={searchstudentListQueryParams.assign_class_status} onChange={e => this.searchParamsChange(e, 'Select', 'assign_class_status')}>
<Option value="">全部</Option>
<Option value={1}>是</Option>
<Option value={2}>否</Option>
</Select>
</Col>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 3 }}>
<div className={pageStyle.formitemlabel} >学员年龄</div>
<InputNumber style={{ width: 50 }} value={searchstudentListQueryParams.age_start} min="0" onChange={e => this.searchParamsChange(e, 'Select', 'age_start')} /> ~ <InputNumber style={{ width: 50 }} min="0" value={searchstudentListQueryParams.age_end} onChange={e => this.searchParamsChange(e, 'Select', 'age_end')} />
</Col>
<Col className={pageStyle.searchbtnbox} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 6 }}>
<Button className={pageStyle.resetbtn} onClick={this.reset}>重置</Button>
<Button className={pageStyle.searchbtn} type="primary" onClick={this.search}>搜索</Button>
<Button icon="download" className={pageStyle.downloadbtn} onClick={() => this.exportExcel(columns)} >导出</Button>
</Col>
</Row>
}
<Row
gutter={{
sm: 24, xs: 24, md: 24, lg: 24,
}}
className={pageStyle.searchrow}
>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 6 }}>
<div className={pageStyle.formitemlabel}>生日月份</div>
<Select className={pageStyle.selectitem} placeholder="请选择月份" value={searchstudentListQueryParams.birthday_month} onChange={e => this.searchParamsChange(e, 'Select', 'birthday_month')}>
<Option value="">全部</Option>
<Option value={1}>一月</Option>
<Option value={2}>二月</Option>
<Option value={3}>三月</Option>
<Option value={4}>四月</Option>
<Option value={5}>五月</Option>
<Option value={6}>六月</Option>
<Option value={7}>七月</Option>
<Option value={8}>八月</Option>
<Option value={9}>九月</Option>
<Option value={10}>十月</Option>
<Option value={11}>十一月</Option>
<Option value={12}>十二月</Option>
</Select>
</Col>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 6 }}>
<div className={pageStyle.formitemlabel}>微信绑定</div>
<Select className={pageStyle.selectitem} placeholder="请选择结业状态" value={searchstudentListQueryParams.wechat_status} onChange={e => this.searchParamsChange(e, 'Select', 'wechat_status')}>
<Option value="">全部</Option>
<Option value={1}>已绑定</Option>
<Option value={2}>未绑定</Option>
</Select>
</Col>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 3 }}>
<div className={pageStyle.formitemlabel} >是否选班</div>
<Select className={pageStyle.selectitem} style={{ width: 74 }} placeholder="是" value={searchstudentListQueryParams.assign_class_status} onChange={e => this.searchParamsChange(e, 'Select', 'assign_class_status')}>
<Option value="">全部</Option>
<Option value={1}>是</Option>
<Option value={2}>否</Option>
</Select>
</Col>
<Col className={pageStyle.formitem} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 3 }}>
<div className={pageStyle.formitemlabel} >学员年龄</div>
<InputNumber style={{ width: 50 }} value={searchstudentListQueryParams.age_start} min="0" onChange={e => this.searchParamsChange(e, 'Select', 'age_start')} /> ~ <InputNumber style={{ width: 50 }} min="0" value={searchstudentListQueryParams.age_end} onChange={e => this.searchParamsChange(e, 'Select', 'age_end')} />
</Col>
<Col className={pageStyle.searchbtnbox} xs={{ span: 12 }} sm={{ span: 12 }} md={{ span: 12 }} lg={{ span: 6 }}>
<Button className={pageStyle.resetbtn} onClick={this.reset}>重置</Button>
<Button className={pageStyle.searchbtn} type="primary" onClick={this.search}>搜索</Button>
<Button icon="download" className={pageStyle.downloadbtn} onClick={() => this.exportExcel(columns)} >导出</Button>
</Col>
</Row>
</div>
}
</div>
<div className={pageStyle.table}>
<div className={pageStyle.title}>学员管理</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment