Commit 633471c4 authored by wangxuelai's avatar wangxuelai

'搜索优化'

parent 3cbe2b0c
...@@ -938,8 +938,8 @@ class CourseChart extends React.Component { ...@@ -938,8 +938,8 @@ class CourseChart extends React.Component {
</div> </div>
<div className={pageStyle.rightbox}> <div className={pageStyle.rightbox}>
{LocalStorage.getItem('role') != 1 && {LocalStorage.getItem('role') != 1 &&
<Select className={pageStyle.selectitem} value={scheduleListQueryParams.teacher_id} onChange={this.changeTeacher}> <Select className={pageStyle.selectitem} allowClear placeholder="全部老师" value={scheduleListQueryParams.teacher_id == '' ? undefined : scheduleListQueryParams.teacher_id} onChange={this.changeTeacher}>
<Option value="">全部老师</Option> {/* <Option value="">全部老师</Option> */}
{teacherList.map(ele => ( {teacherList.map(ele => (
<Option key={ele.id} value={ele.id}>{ele.nickname}</Option> <Option key={ele.id} value={ele.id}>{ele.nickname}</Option>
)) ))
......
...@@ -18,7 +18,7 @@ import { ...@@ -18,7 +18,7 @@ import {
} from '../../utils/index'; } from '../../utils/index';
const { TabPane } = Tabs; const { TabPane } = Tabs;
const { Option } = Select; const { Option } = Select;
const { TextArea } = Input; const { TextArea, Search } = Input;
const FormItem = Form.Item; const FormItem = Form.Item;
const { Group } = Radio; const { Group } = Radio;
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
...@@ -1667,13 +1667,16 @@ class ClassDetailForm extends React.Component { ...@@ -1667,13 +1667,16 @@ class ClassDetailForm extends React.Component {
style={{ width: '214px', marginRight: '21px' }} style={{ width: '214px', marginRight: '21px' }}
placeholder="搜索学员姓名" placeholder="搜索学员姓名"
suffix={ suffix={
<Icon type="search" style={{ color: 'rgba(0,0,0,.45)' }} /> <Icon type="search" style={{ color: 'rgba(0,0,0,.45)' }} onClick={this.handleSearchStudent} />
} }
value={studentKeyword} value={studentKeyword}
onChange={e => this.handleSearchKeyword(e)} onChange={e => this.handleSearchKeyword(e)}
/> />
<Button onClick={this.handleSearchReset} style={{ marginRight: 10 }}> </Button> <Tooltip title="清空筛选">
<Button type="primary" onClick={this.handleSearchStudent}> </Button> <img onClick={this.handleSearchReset} className={pageStyle.resetIcon} src={`${__IMGCDN__}common/reset.png`} alt="" />
</Tooltip>
{/* <Button onClick={this.handleSearchReset} style={{ marginRight: 10 }}>重 置</Button> */}
{/* <Button type="primary" onClick={this.handleSearchStudent}>搜 索</Button> */}
</Col> </Col>
</Row> </Row>
<div className={pageStyle.studenttablebox}> <div className={pageStyle.studenttablebox}>
...@@ -1708,8 +1711,8 @@ class ClassDetailForm extends React.Component { ...@@ -1708,8 +1711,8 @@ class ClassDetailForm extends React.Component {
<Row type="flex" justify="space-between" className={pageStyle.courseoperate}> <Row type="flex" justify="space-between" className={pageStyle.courseoperate}>
<Col xs={{ span: 24 }} sm={{ span: 24 }} md={{ span: 24 }} lg={{ span: 24 }} xl={{ span: 8 }} style={{ display: 'flex', alignItems: 'center', marginBottom: '12px' }}> <Col xs={{ span: 24 }} sm={{ span: 24 }} md={{ span: 24 }} lg={{ span: 24 }} xl={{ span: 8 }} style={{ display: 'flex', alignItems: 'center', marginBottom: '12px' }}>
<div className={pageStyle.dianmingtime}>一周点名情况 {scheduleListQueryParams.start_time}{scheduleListQueryParams.end_time}</div> <div className={pageStyle.dianmingtime}>一周点名情况 {scheduleListQueryParams.start_time}{scheduleListQueryParams.end_time}</div>
<Select value={scheduleListQueryParams.teacher_id} onChange={this.filterTeachersSchedule}> <Select value={scheduleListQueryParams.teacher_id == '' ? undefined : scheduleListQueryParams.teacher_id} allowClear placeholder="全部老师" onChange={this.filterTeachersSchedule} style={{ width: 150 }}>
<Option value="">全部老师</Option> {/* <Option value="">全部老师</Option> */}
{classDetail.school_teachers && classDetail.school_teachers.map(ele => <Option key={ele.id} value={ele.id}>{ele.nickname}</Option>)} {classDetail.school_teachers && classDetail.school_teachers.map(ele => <Option key={ele.id} value={ele.id}>{ele.nickname}</Option>)}
</Select> </Select>
</Col> </Col>
...@@ -1726,6 +1729,7 @@ class ClassDetailForm extends React.Component { ...@@ -1726,6 +1729,7 @@ class ClassDetailForm extends React.Component {
}} }}
onChange={this.onRangePickerChange} onChange={this.onRangePickerChange}
style={{ width: 280, marginRight: 15 }} style={{ width: 280, marginRight: 15 }}
allowClear={false}
value={[moment(scheduleListQueryParams.start_time, 'YYYY-MM-DD'), moment(scheduleListQueryParams.end_time, 'YYYY-MM-DD')]} value={[moment(scheduleListQueryParams.start_time, 'YYYY-MM-DD'), moment(scheduleListQueryParams.end_time, 'YYYY-MM-DD')]}
/> />
{hasBtnPower('sjd/classdetail', 'noPlanCallStudent') && <Button className={pageStyle.resetcourse} type="primary" onClick={this.toQuickCallStudents}>未排课直接点名</Button>} {hasBtnPower('sjd/classdetail', 'noPlanCallStudent') && <Button className={pageStyle.resetcourse} type="primary" onClick={this.toQuickCallStudents}>未排课直接点名</Button>}
......
...@@ -25,6 +25,12 @@ ...@@ -25,6 +25,12 @@
.classDetailbox { .classDetailbox {
padding: 32px 16px 27px 32px; padding: 32px 16px 27px 32px;
} }
.resetIcon {
width: 14px;
height: 14px;
cursor: pointer;
margin-right: 15px;
}
.detailrow:first-child { .detailrow:first-child {
margin-bottom: 26px; margin-bottom: 26px;
} }
......
This diff is collapsed.
...@@ -28,7 +28,31 @@ ...@@ -28,7 +28,31 @@
} }
} }
} }
}
.rightList {
display: flex;
align-items: center;
height: 32px;
.resetIcon {
width: 14px;
height: 14px;
cursor: pointer;
margin-right: 15px;
}
.expend {
font-size:13px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
display: inline-block;
cursor: pointer;
}
}
.resetIcon {
width: 14px;
height: 14px;
cursor: pointer;
margin-right: 15px;
} }
.headerbtn{ .headerbtn{
margin-right: 15px; margin-right: 15px;
......
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