|
|
@ -49,7 +49,8 @@ class PollDetailTabFirst extends Component{
|
|
|
|
poll_types:undefined,
|
|
|
|
poll_types:undefined,
|
|
|
|
course_groups:undefined,
|
|
|
|
course_groups:undefined,
|
|
|
|
options_Class:[],
|
|
|
|
options_Class:[],
|
|
|
|
poll_end_at:""
|
|
|
|
poll_end_at: "",
|
|
|
|
|
|
|
|
order_type: "desc"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 搜索框搜索
|
|
|
|
// 搜索框搜索
|
|
|
@ -59,12 +60,12 @@ class PollDetailTabFirst extends Component{
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
searchInfo=()=>{
|
|
|
|
searchInfo=()=>{
|
|
|
|
let{order,search,commit_status,poll_group_id,page}=this.state
|
|
|
|
let {order, search, commit_status, poll_group_id, page, order_type} = this.state
|
|
|
|
this.getTableList(order,search,commit_status,poll_group_id,page);
|
|
|
|
this.getTableList(order, search, commit_status, poll_group_id, page, order_type);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 获取接口数据
|
|
|
|
// 获取接口数据
|
|
|
|
getTableList=(order,search,commit_status,poll_group_id,page)=>{
|
|
|
|
getTableList = (order, search, commit_status, poll_group_id, page, order_type) => {
|
|
|
|
let pollId=this.props.match.params.pollId;
|
|
|
|
let pollId=this.props.match.params.pollId;
|
|
|
|
let courseid=this.props.match.params.coursesId;
|
|
|
|
let courseid=this.props.match.params.coursesId;
|
|
|
|
let url=`/polls/${pollId}/poll_lists.json`;
|
|
|
|
let url=`/polls/${pollId}/poll_lists.json`;
|
|
|
@ -76,7 +77,8 @@ class PollDetailTabFirst extends Component{
|
|
|
|
search:search,
|
|
|
|
search:search,
|
|
|
|
commit_status:commit_status,
|
|
|
|
commit_status:commit_status,
|
|
|
|
poll_group_id:poll_group_id,
|
|
|
|
poll_group_id:poll_group_id,
|
|
|
|
page:page
|
|
|
|
page: page,
|
|
|
|
|
|
|
|
order_type: order_type
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).then((result)=>{
|
|
|
|
}).then((result)=>{
|
|
|
|
if(result){
|
|
|
|
if(result){
|
|
|
@ -128,8 +130,8 @@ class PollDetailTabFirst extends Component{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
componentDidMount(){
|
|
|
|
componentDidMount(){
|
|
|
|
let {order,search,commit_status,poll_group_id,page}=this.state;
|
|
|
|
let {order, search, commit_status, poll_group_id, page, order_type} = this.state;
|
|
|
|
this.getTableList(order,search,commit_status,poll_group_id,page);
|
|
|
|
this.getTableList(order, search, commit_status, poll_group_id, page, order_type);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 翻页
|
|
|
|
// 翻页
|
|
|
@ -137,17 +139,17 @@ class PollDetailTabFirst extends Component{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
page:pageNumber
|
|
|
|
page:pageNumber
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let {order,search,commit_status,poll_group_id}=this.state;
|
|
|
|
let {order, search, commit_status, poll_group_id, order_type} = this.state;
|
|
|
|
this.getTableList(order,search,commit_status,poll_group_id,pageNumber);
|
|
|
|
this.getTableList(order, search, commit_status, poll_group_id, pageNumber, order_type);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//排序
|
|
|
|
//排序
|
|
|
|
changeOrder=(order)=>{
|
|
|
|
changeOrder = (order, order_type) => {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
order:order
|
|
|
|
order:order
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let {search,commit_status,poll_group_id,page}=this.state;
|
|
|
|
let {search,commit_status,poll_group_id,page}=this.state;
|
|
|
|
this.getTableList(order,search,commit_status,poll_group_id,page);
|
|
|
|
this.getTableList(order, search, commit_status, poll_group_id, page, order_type);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//选择分班情况
|
|
|
|
//选择分班情况
|
|
|
|
classOptionsChange = (values,all) => {
|
|
|
|
classOptionsChange = (values,all) => {
|
|
|
@ -155,8 +157,8 @@ class PollDetailTabFirst extends Component{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
poll_group_id:status
|
|
|
|
poll_group_id:status
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let {order,search,commit_status,page}=this.state;
|
|
|
|
let {order, search, commit_status, page, order_type} = this.state;
|
|
|
|
this.getTableList(order,search,commit_status,status,page);
|
|
|
|
this.getTableList(order, search, commit_status, status, page, order_type);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//选择提交状态
|
|
|
|
//选择提交状态
|
|
|
|
statusOptionChange=(values,all)=>{
|
|
|
|
statusOptionChange=(values,all)=>{
|
|
|
@ -164,10 +166,69 @@ class PollDetailTabFirst extends Component{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
commit_status:status
|
|
|
|
commit_status:status
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let {order,search,poll_group_id,page}=this.state;
|
|
|
|
let {order, search, poll_group_id, page, order_type} = this.state;
|
|
|
|
this.getTableList(order,search,status,poll_group_id,page);
|
|
|
|
this.getTableList(order, search, status, poll_group_id, page, order_type);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//问卷table 列表塞选数据
|
|
|
|
|
|
|
|
table1handleChange = (pagination, filters, sorter) => {
|
|
|
|
|
|
|
|
//"ascend" 升序
|
|
|
|
|
|
|
|
//"descend" 降序
|
|
|
|
|
|
|
|
if (JSON.stringify(sorter) === "{}") {
|
|
|
|
|
|
|
|
//没有选择
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
//学生学号排序
|
|
|
|
|
|
|
|
if (sorter.columnKey === "StudentNo") {
|
|
|
|
|
|
|
|
if (sorter.order === "ascend") {
|
|
|
|
|
|
|
|
//升序
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
order_type: "asc",
|
|
|
|
|
|
|
|
order: "student_id",
|
|
|
|
|
|
|
|
loadingstate: true,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
this.changeOrder("student_id", "asc");
|
|
|
|
|
|
|
|
} else if (sorter.order === "descend") {
|
|
|
|
|
|
|
|
//降序
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
order_type: "desc",
|
|
|
|
|
|
|
|
order: "student_id",
|
|
|
|
|
|
|
|
loadingstate: true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.changeOrder("student_id", "desc");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
//提交时间排序
|
|
|
|
|
|
|
|
if (sorter.columnKey === "time") {
|
|
|
|
|
|
|
|
if (sorter.order === "ascend") {
|
|
|
|
|
|
|
|
//升序
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
order_type: "asc",
|
|
|
|
|
|
|
|
order: "end_at",
|
|
|
|
|
|
|
|
loadingstate: true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.changeOrder("end_at", "asc");
|
|
|
|
|
|
|
|
} else if (sorter.order === "descend") {
|
|
|
|
|
|
|
|
//降序
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
order_type: "desc",
|
|
|
|
|
|
|
|
order: "end_at",
|
|
|
|
|
|
|
|
loadingstate: true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.changeOrder("end_at", "desc");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
render(){
|
|
|
|
render(){
|
|
|
|
let {order,search,data,page,limit,course_groups,poll_types,options_Class,dataInfo,poll_end_at}=this.state;
|
|
|
|
let {order,search,data,page,limit,course_groups,poll_types,options_Class,dataInfo,poll_end_at}=this.state;
|
|
|
|
const isAdmin =this.props.isAdmin();
|
|
|
|
const isAdmin =this.props.isAdmin();
|
|
|
@ -197,6 +258,7 @@ class PollDetailTabFirst extends Component{
|
|
|
|
dataIndex: 'StudentNo',
|
|
|
|
dataIndex: 'StudentNo',
|
|
|
|
key: 'StudentNo',
|
|
|
|
key: 'StudentNo',
|
|
|
|
className:"edu-txt-center",
|
|
|
|
className:"edu-txt-center",
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
render:(StudentNo,item,index)=>{
|
|
|
|
render:(StudentNo,item,index)=>{
|
|
|
|
return(
|
|
|
|
return(
|
|
|
|
item.StudentNo ? <span>{item.StudentNo}</span> : "--"
|
|
|
|
item.StudentNo ? <span>{item.StudentNo}</span> : "--"
|
|
|
@ -230,6 +292,7 @@ class PollDetailTabFirst extends Component{
|
|
|
|
key: 'time',
|
|
|
|
key: 'time',
|
|
|
|
className:"edu-txt-center",
|
|
|
|
className:"edu-txt-center",
|
|
|
|
width:160,
|
|
|
|
width:160,
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
render:(time,item,index)=>{
|
|
|
|
render:(time,item,index)=>{
|
|
|
|
return(
|
|
|
|
return(
|
|
|
|
item.time == null ? <span className="color-grey-9">--</span> : moment(item.time).format('YYYY-MM-DD HH:mm')
|
|
|
|
item.time == null ? <span className="color-grey-9">--</span> : moment(item.time).format('YYYY-MM-DD HH:mm')
|
|
|
@ -316,22 +379,23 @@ class PollDetailTabFirst extends Component{
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
:""
|
|
|
|
:""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
{
|
|
|
|
{/*{*/}
|
|
|
|
isAdmin &&
|
|
|
|
{/* isAdmin && */}
|
|
|
|
<div className="fr">
|
|
|
|
{/* <div className="fr">*/}
|
|
|
|
<li className="drop_down">
|
|
|
|
{/* <li className="drop_down">*/}
|
|
|
|
<span className="color-grey-9 font-12">{order=="end_at"?"提交时间":"学生学号"}</span><i className="iconfont icon-xiajiantou font-12 ml2 color-grey-6"></i>
|
|
|
|
{/* <span className="color-grey-9 font-12">{order=="end_at"?"提交时间":"学生学号"}</span><i className="iconfont icon-xiajiantou font-12 ml2 color-grey-6"></i>*/}
|
|
|
|
<ul className="drop_down_normal">
|
|
|
|
{/* <ul className="drop_down_normal">*/}
|
|
|
|
<li onClick={()=>this.changeOrder("end_at")}>提交时间</li>
|
|
|
|
{/* <li onClick={()=>this.changeOrder("end_at")}>提交时间</li>*/}
|
|
|
|
<li onClick={()=>this.changeOrder("student_id")}>学生学号</li>
|
|
|
|
{/* <li onClick={()=>this.changeOrder("student_id")}>学生学号</li>*/}
|
|
|
|
</ul>
|
|
|
|
{/* </ul>*/}
|
|
|
|
</li>
|
|
|
|
{/* </li>*/}
|
|
|
|
</div>
|
|
|
|
{/* </div>*/}
|
|
|
|
}
|
|
|
|
{/*}*/}
|
|
|
|
</div>}
|
|
|
|
</div>}
|
|
|
|
<div className="edu-table edu-back-white minH-560">
|
|
|
|
<div className="edu-table edu-back-white minH-560">
|
|
|
|
{
|
|
|
|
{
|
|
|
|
data && data.length>0 ?<Table columns={columns} dataSource={data} pagination={false}></Table> :<NoneData></NoneData>
|
|
|
|
data && data.length > 0 ? <Table columns={columns} dataSource={data} pagination={false}
|
|
|
|
|
|
|
|
onChange={this.table1handleChange}></Table> : <NoneData></NoneData>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{
|
|
|
|
{
|
|
|
|