added paging and some student activity method
parent
cf8c20f4d6
commit
e8448f7103
@ -0,0 +1,30 @@
|
||||
package com.peteralbus.service;
|
||||
|
||||
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
|
||||
import com.peteralbus.dao.GroupDao;
|
||||
import com.peteralbus.entity.Group;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* The type Group service.
|
||||
* @author peteralbus
|
||||
*/
|
||||
@Service
|
||||
public class GroupService
|
||||
{
|
||||
@Autowired
|
||||
GroupDao groupDao;
|
||||
public List<Group> getGroupListByActivity(Long activityId)
|
||||
{
|
||||
QueryWrapper<Group> queryWrapper=new QueryWrapper<>();
|
||||
queryWrapper.eq("activity_id",activityId);
|
||||
return groupDao.selectList(queryWrapper);
|
||||
}
|
||||
public int insertGroup(Group group)
|
||||
{
|
||||
return groupDao.insert(group);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
package com.peteralbus.service;
|
||||
|
||||
import com.peteralbus.dao.ParticipateDao;
|
||||
import com.peteralbus.entity.Participate;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
@Service
|
||||
public class ParticipateService
|
||||
{
|
||||
@Autowired
|
||||
ParticipateDao participateDao;
|
||||
public int insertParticipate(Participate participate)
|
||||
{
|
||||
return participateDao.insert(participate);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
.button-group{
|
||||
float: right;
|
||||
}
|
||||
@ -0,0 +1,170 @@
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: peteralbus
|
||||
Date: 2021/12/18
|
||||
Time: 16:30
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>申请参加活动</title>
|
||||
<!-- 导入 Vue 3 -->
|
||||
<script src="${pageContext.request.contextPath}/vue/vue@next/vue.global.js"></script>
|
||||
<!-- 导入组件库 -->
|
||||
<script src="${pageContext.request.contextPath}/vue/element/index.full.js"></script>
|
||||
<!-- 引入样式 -->
|
||||
<link rel="stylesheet" href="${pageContext.request.contextPath}/vue/font-awesome/css/font-awesome.css">
|
||||
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/main.css">
|
||||
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/student/applyActivity.css">
|
||||
<link rel="stylesheet" href="//unpkg.com/element-plus@1.1.0-beta.9/dist/index.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<header>
|
||||
<%@ include file="/jsp/header.html" %>
|
||||
</header>
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
<el-container>
|
||||
<el-aside width="80px">
|
||||
<%@ include file="/jsp/aside.html" %>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<el-page-header icon="el-icon-arrow-left" :content="title" @back="goBack"></el-page-header>
|
||||
<br/>
|
||||
<div class="container">
|
||||
<el-steps :active="0" finish-status="success" simple>
|
||||
<el-step title="申请参加" icon="el-icon-edit"></el-step>
|
||||
<el-step title="小组形成" icon="el-icon-s-custom"></el-step>
|
||||
<el-step title="上传日志" icon="el-icon-upload"></el-step>
|
||||
<el-step title="教师评分" icon="el-icon-picture"></el-step>
|
||||
</el-steps>
|
||||
<el-divider content-position="left">社会实践活动信息</el-divider>
|
||||
<div class="activity-info">
|
||||
<el-descriptions
|
||||
title="活动情况"
|
||||
:column="1"
|
||||
border
|
||||
>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
活动名称
|
||||
</template>
|
||||
{{activity.activityName}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
活动类别
|
||||
</template>
|
||||
{{activity.activityType}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
负责老师
|
||||
</template>
|
||||
<span v-for="i in activity.teachers">{{i.realName}} </span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
创建日期
|
||||
</template>
|
||||
{{activity.gmtCreate}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-descriptions :column="1" border direction="vertical">
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
简介
|
||||
</template>
|
||||
{{activity.activityIntroduction}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<el-divider content-position="left">申请参加</el-divider>
|
||||
<div>
|
||||
<el-form ref="apply" :model="form">
|
||||
<el-form-item label="参加方式">
|
||||
<el-radio-group v-model="form.isNewGroup">
|
||||
<el-radio :label="true">作为小组长创建小组</el-radio>
|
||||
<el-radio :label="false">加入已创建的小组</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-row v-if="form.isNewGroup">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="小组名称" >
|
||||
<el-input v-model="form.groupName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="button-group">
|
||||
<el-button type="primary">创建小组并参加活动</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<%@ include file="/jsp/foot.html" %>
|
||||
</footer>
|
||||
</div>
|
||||
<script>
|
||||
const App = {
|
||||
data() {
|
||||
return{
|
||||
title:'申请参加活动',
|
||||
user:{
|
||||
username:'',
|
||||
realName:'',
|
||||
avatarSrc: ''
|
||||
},
|
||||
form:{
|
||||
isNewGroup:true,
|
||||
group:{},
|
||||
groupId:0
|
||||
},
|
||||
activity:{
|
||||
activityId: '${activity.getActivityId()}',
|
||||
activityName: '${activity.getActivityName()}',
|
||||
activityType:'${activity.getActivityType()}',
|
||||
activityIntroduction:'${activity.getActivityIntroduction()}',
|
||||
gmtCreate:'${activity.getFormattedCreateDate()}',
|
||||
teachers:[
|
||||
<c:forEach items="${activity.getTeacherList()}" var="teacher">
|
||||
{
|
||||
userId:'${teacher.getUserId()}',
|
||||
username:'${teacher.getUsername()}',
|
||||
realName:'${teacher.getRealName()}',
|
||||
userPhone:'${teacher.getUserPhone()}',
|
||||
avatarSrc:'${teacher.getAvatarSrc()}'
|
||||
},
|
||||
</c:forEach>
|
||||
]
|
||||
},
|
||||
activeIndex:'3'
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.user.realName='${realName}'
|
||||
this.user.username='${username}'
|
||||
this.user.avatarSrc='${avatarSrc}'
|
||||
},
|
||||
methods: {
|
||||
goBack(){
|
||||
window.history.go(-1);
|
||||
}
|
||||
}
|
||||
};
|
||||
const app = Vue.createApp(App);
|
||||
app.use(ElementPlus);
|
||||
app.mount("#app");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue