window.open("/glcc/help")}>
-
- 帮助中心
+
+
+
+
+ QQ交流
+
+
+
window.open("/glcc/help")}>
+
+ 帮助中心
+
)
}
diff --git a/src/glcc/student/index.jsx b/src/glcc/student/index.jsx
new file mode 100644
index 00000000..51948a58
--- /dev/null
+++ b/src/glcc/student/index.jsx
@@ -0,0 +1,477 @@
+import React, { useCallback, useEffect, useState, Fragment } from 'react';
+import { Breadcrumb, Button, Form, Input, Select, Upload, Cascader, Spin } from 'antd';
+import { getUploadActionUrl, getUrl, appendFileSizeToUploadFileAll } from 'educoder';
+import { locData } from '../../forge/Utils/locData';
+import { getStudentApplyInfo, taskList, studentApply, studentApplyEdit } from '../api';
+import TextArea from 'antd/lib/input/TextArea';
+import { httpUrl } from '../fetch';
+import banner from "../img/banner.png";
+import studentSvg from "../img/student.png";
+import './index.scss';
+import { Link } from 'react-router-dom';
+
+const Option = Select.Option;
+const gradeList = [
+ { id: '大一', name: '大一' },
+ { id: '大二', name: '大二' },
+ { id: '大三', name: '大三' },
+ { id: '大四', name: '大四' },
+ { id: '大五', name: '大五' },
+ { id: '研一', name: '研一' },
+ { id: '研二', name: '研二' },
+ { id: '研三', name: '研三' }];
+function Apply(props) {
+ const { form, current_user, showNotification, isGlccApplyDate, match } = props;
+ const taskId = Number(match.params.taskId);
+ // 可用于开发时不同账号报名
+ // current_user && (current_user.user_id = 6)
+ // current_user && (current_user.userName = "创新使者")
+ const { getFieldDecorator, validateFields, setFieldsValue, validateFieldsAndScroll } = form;
+ const [imageUrl, setImageUrl] = useState(undefined);
+ const [loading, setLoading] = useState(false);
+ const [reload, setReload] = useState();
+ const [userApplyInfo, setUserApplyInfo] = useState(undefined);
+ const [editable, setEditable] = useState(true);
+ const [files, setFiles] = useState([]);
+ const [files1, setFiles1] = useState([]);
+ const initTask = {
+ taskId,
+ memo: '',
+ memoAttachmentId: ''
+ };
+ const [myTaskList, setMyTaskList] = useState([]);
+ const [allTaskList, setAllTaskList] = useState([]);
+
+ useEffect(() => {
+ // 进入此页面置顶
+ window.scrollTo(0, 0);
+ if (!isGlccApplyDate) {
+ // 不在开源夏令营报名时间之内
+ window.location.href = "/glcc";
+ } else if (current_user && current_user.login) {
+
+ } else {
+ window.location.href = "/login?go_page=/glcc";
+ }
+ }, [])
+
+ useEffect(() => {
+ const params = {
+ curPage: 1,
+ pageSize: 10000
+ }
+ taskList(params).then(response => {
+ if (response && response.message === "success") {
+ setAllTaskList(response.data.rows);
+ }
+ })
+ }, [])
+
+
+ useEffect(() => {
+ // 获取当前用户报名信息
+ current_user && getStudentApplyInfo({ userId: current_user.user_id }).then(response => {
+ if (response && response.message === "success" && response.data) {
+ let data = response.data;
+ let applyInfo = {
+ grade: data.grade,
+ location: data.location && data.location.split(','),
+ mail: data.mail,
+ phone: data.phone,
+ proveAttachmentId: data.proveAttachmentId,
+ school: data.school,
+ studentName: data.studentName,
+ userId: current_user.user_id,
+ profession: data.profession,
+ };
+
+ if (Array.isArray(data.registrationStudentTaskList)) {
+ if (data.registrationStudentTaskList.length) {
+ let initTaskList = [];
+ for (const [i, item] of data.registrationStudentTaskList.entries()) {
+ applyInfo['memo' + i] = item.memo;
+ applyInfo['taskId' + i] = item.taskId;
+ applyInfo['memoAttachmentId' + i] = item.memoAttachmentId;
+
+ if (i == 0) {
+ setFiles([{
+ name: item.memoAttachment && item.memoAttachment.fileName || '已上传文件',
+ id: item.memoAttachmentId,
+ uid: item.memoAttachmentId
+ }]);
+ } else {
+ setFiles1([{
+ name: item.memoAttachment && item.memoAttachment.fileName || '已上传文件',
+ id: item.memoAttachmentId,
+ uid: item.memoAttachmentId,
+ }]);
+ }
+
+ initTaskList.push({
+ id: item.id,
+ memo: item.memo,
+ memoAttachmentId: item.memoAttachmentId,
+ taskId: item.taskId,
+ });
+ }
+ setMyTaskList(initTaskList);
+
+ // 如果只有一条报名数据，且课题id与当前id不一致，那么新增一条默认数据
+ if (data.registrationStudentTaskList.length === 1 && data.registrationStudentTaskList[0].taskId != taskId) {
+ addTask(data.registrationStudentTaskList);
+ }
+ } else {
+ // 先增加数据再给选择框赋默认值，否则不生效
+ new Promise((resove) => {
+ setMyTaskList(() => {
+ resove();
+ return [initTask]
+ });
+ }).then(res => setFieldsValue({ 'taskId0': taskId }))
+ }
+ }
+
+ setFieldsValue(applyInfo);
+ setUserApplyInfo(response.data);
+ } else {
+ // 先增加数据再给选择框赋默认值，否则不生效
+ new Promise((resove) => {
+ setMyTaskList(() => {
+ resove();
+ return [initTask]
+ });
+ }).then(res => setFieldsValue({ 'taskId0': taskId }))
+ }
+ })
+ }, [current_user, reload])
+
+ // 当用户输入结束时 检验用户输入是否符合规范
+ function verify(dataIndex) {
+ validateFields([dataIndex], (error, values) => {
+ if (error && error[dataIndex]) {
+ return;
+ }
+ })
+ }
+
+ // 学生报名夏令营
+ function handleSubmit(e) {
+ e.preventDefault();
+ validateFieldsAndScroll((err, values) => {
+ if (!err) {
+ setLoading(true);
+ const params = {
+ grade: values.grade,
+ location: Array.isArray(values.location) && values.location.join(),
+ mail: values.mail,
+ phone: values.phone,
+ proveAttachmentId: values.proveAttachmentId.file ? values.proveAttachmentId.file.response.id : userApplyInfo.proveAttachmentId,
+ school: values.school,
+ profession: values.profession,
+ studentName: values.studentName,
+ userId: current_user.user_id,
+ registrationStudentTaskList: myTaskList
+ }
+
+ if (userApplyInfo) {
+ params.id = userApplyInfo.id;
+ studentApplyEdit(params).then(response => {
+ if (response && response.message === "success") {
+ showNotification("修改信息成功");
+ setReload(Math.random());
+ setLoading(false);
+ }
+ });
+ } else {
+ studentApply(params).then(response => {
+ if (response && response.message === "success") {
+ showNotification("报名成功");
+ setReload(Math.random());
+ setLoading(false);
+ }
+ });
+ }
+ }
+ });
+ };
+
+ const helper = useCallback(
+ (label, extra, name, rules, widget) => (
+
+ {getFieldDecorator(name, { rules, validateFirst: true })(widget)}
+
+ ),
+ []
+ );
+
+
+ // 检查文件上传是否符合规定
+ function beforeUpload(file) {
+ const isType = file.type === "image/png" || file.type === "image/jpg" || file.type === "image/jpeg";
+ if (!isType) {
+ showNotification("只能上传png、jpg、jpeg格式文件");
+ }
+ return isType;
+ }
+
+ function getBase64(img, callback) {
+ const reader = new FileReader();
+ reader.addEventListener('load', () => callback(reader.result));
+ reader.readAsDataURL(img);
+ reader.onload = function (e) {
+ setImageUrl(e.target.result); // 上传的图片的编码
+ }
+ }
+
+ // 图片上传完成后
+ function handleChange(info) {
+ if (info && info.file && info.file.status === "done") {
+ getBase64(info.file.originFileObj, imageUrl =>
+ setImageUrl(imageUrl)
+ );
+ }
+ }
+
+ // 自荐书上传
+ function bookChange(info, i) {
+ if (info.file.status === 'uploading' || info.file.status === "done" || info.file.status === 'removed') {
+ setLoading(true);
+ if (info.file.status === "done") {
+ changeTaskItem('memoAttachmentId', info.fileList[0].response && info.fileList[0].response.data.id, i)
+ }
+ if (info.file.status === 'removed') {
+ console.log(1111)
+ changeTaskItem('memoAttachmentId', '', i);
+ }
+ console.log(info.fileList);
+ if (i) {
+ setFiles1(appendFileSizeToUploadFileAll(info.fileList).slice(-1));
+ } else {
+ setFiles(appendFileSizeToUploadFileAll(info.fileList).slice(-1));
+ }
+ }
+
+ if (info.file.status === "done" || info.file.status === 'removed') {
+ setLoading(false);
+ }
+ }
+
+ // 支持文件下载
+ function download(file) {
+ const fileId = file.id || file.response.data.id;
+ window.open(`${httpUrl}/busiAttachments/download/${fileId}`);
+ }
+
+ function addTask(List) {
+ let taskListNew = List ? [...List] : [...myTaskList];
+ if (taskId != taskListNew[0].taskId) {
+ taskListNew.push(initTask);
+ // 先增加数据再给选择框赋默认值，否则不生效
+ new Promise((resove) => {
+ setMyTaskList(() => {
+ resove();
+ return taskListNew
+ });
+ }).then(res => setFieldsValue({ 'taskId1': taskId }))
+ } else {
+ taskListNew.push({ ...initTask, taskId: '' });
+ setMyTaskList(taskListNew);
+ }
+ }
+
+ function deleteTask(i) {
+ let taskListNew = myTaskList.slice();
+ let reWriteInfo;
+ if (i) {
+ reWriteInfo = {
+ taskId1: '',
+ memo1: '',
+ memoAttachmentId1: ''
+ }
+ setFiles1([]);
+ } else {
+ reWriteInfo = {
+ taskId0: taskListNew[1].taskId,
+ memo0: taskListNew[1].memo,
+ memoAttachmentId0: taskListNew[1].memoAttachmentId,
+ taskId1: '',
+ memo1: '',
+ memoAttachmentId1: ''
+ }
+ setFiles(files1);
+ setFiles1([]);
+ }
+
+ taskListNew.splice(i, 1);
+ setMyTaskList(taskListNew);
+ setFieldsValue(reWriteInfo);
+ }
+
+ function changeTaskItem(field, val, i) {
+ let taskListNew = [...myTaskList];
+ taskListNew[i][field] = val;
+ setMyTaskList(taskListNew);
+ }
+
+ return (
+
+
+
+
+
+ 开源夏令营
+ 查看项目
+ 学生报名
+
+
+
+
申请说明：
+
1、学生报名时间为2022年5月21日-6月19日，请在报名截止时间（北京时间2022年6月19日18点）前提交报名信息。
+
2、本次GLCC夏令营基于GitLink代码托管平台完成编程任务，若您没有平台账户，请先注册后完成课题申请
+
3、每位学员最多可申请2个课题，至多有且仅有1个课题可以入选
+
4、建议在提交课题申请，与课题导师邮件沟通，详细了解课题描述、编码任务、技能要求&编程语言、预期产出结果等信息，以便您能够选择最适合的课题
+
5、提交申请后，请耐心等待，我们会在2022年7月1日公布入围结果。如有任何问题，请添加开源夏令营微信群进行咨询
+
+
+
学生报名
+
+
申请课题
+
+ 项目报名 >
+ 项目报名已截止
+ 
+ 学生报名 >
+ 
+