forked from Gitlink/forgeplus-react
85 lines
3.7 KiB
JavaScript
85 lines
3.7 KiB
JavaScript
import React , { useCallback, useEffect , useState } from 'react';
|
||
import { Breadcrumb, Button, Form, Input, Select, Upload, Modal, InputNumber } from 'antd';
|
||
import TextArea from 'antd/lib/input/TextArea';
|
||
const Option = Select.Option;
|
||
function TaskApply(props) {
|
||
const {helper, disabled, taskKey, phonereg, emailreg} = props;
|
||
// 低、中、高
|
||
const difficultyList = [
|
||
{id: 1, name: "低"},
|
||
{id: 2, name: "中"},
|
||
{id: 3, name: "高"}
|
||
]
|
||
|
||
return(
|
||
<div className="taskApplyForm">
|
||
<div className="pt20 glcc_info_form">
|
||
{helper('课题名称',
|
||
'',
|
||
`taskName${taskKey}`,
|
||
[{ required: true, message: "请输入课题名称，长度限制32个字符" },
|
||
{ max: 32, message: '超出限制长度32位字符，请重新编辑' }],
|
||
<Input placeholder="请输入课题名称" disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}
|
||
{helper('课题链接',
|
||
'',
|
||
`taskUrl${taskKey}`,
|
||
[{ required: true, message: "请输入课题链接" },
|
||
{ max: 252, message: '超出限制长度252位字符，请重新编辑' }],
|
||
<Input placeholder="请输入课题链接" disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}
|
||
{helper('课题难度',
|
||
'',
|
||
`taskDifficulty${taskKey}`,
|
||
[{ required: true, message: "请选择课题难度" }],
|
||
<Select placeholder="请选择课题难度" disabled = {disabled} className={disabled? "disabledInput":""}>
|
||
{difficultyList && difficultyList.map(item=> {return <Option value={item.id} key={item.id}>{item.name}</Option>})}
|
||
</Select>
|
||
)}
|
||
{helper('课题奖金',
|
||
'',
|
||
`taskReward${taskKey}`,
|
||
[{ required: true, message: "请输入课题奖金" },
|
||
{pattern: /^[1-9]+[0-9]*]*$/, message: "请输入正整数" },
|
||
{ validator: (rule,val,callback) =>{
|
||
if(val>=6000 && val<=12000){
|
||
callback();
|
||
}else{
|
||
callback("区间为6000-12000元");
|
||
}
|
||
}}],
|
||
<Input placeholder="请输入课题奖金" disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}
|
||
{helper('导师姓名',
|
||
'',
|
||
`tutorName${taskKey}`,
|
||
[{ required: true, message: "请输入导师姓名" },
|
||
{ max: 32, message: '超出限制长度32位字符，请重新编辑' }],
|
||
<Input placeholder="请输入导师姓名" disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}
|
||
{helper('导师手机号',
|
||
'',
|
||
`tutorPhone${taskKey}`,
|
||
[{ required: true, message: "请输入导师手机号" },
|
||
{ pattern: phonereg, message: "请输入正确的电话号码"},],
|
||
<Input placeholder="请输入导师手机号" disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}
|
||
{helper('导师邮箱',
|
||
'',
|
||
`tutorMail${taskKey}`,
|
||
[{ required: true, message: "请输入导师邮箱地址" },
|
||
{ pattern: emailreg, message: "请输入正确的邮箱地址"},],
|
||
<Input placeholder="请输入导师邮箱地址" disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}
|
||
<div className='introArea'>{helper('课题简介',
|
||
'',
|
||
`taskDesc${taskKey}`,
|
||
[{ required: true, message: "请输入课题简介" },
|
||
{ max: 200, message: '超出限制长度200位字符，请重新编辑' }],
|
||
<TextArea placeholder="请输入课题简介" rows={4} disabled = {disabled} className={disabled? "disabledInput":""}/>
|
||
)}</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
export default Form.create()(TaskApply); |