dianliang/school_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

前端补正

Browse Source
This commit is contained in:
xvv 2024-08-01 09:32:11 +08:00
parent fd952b5462
commit aa27d8475c
2 changed files with 132 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ruoyi-ui/src/views/officialWebsite/cases.vue
View File

@ -200,7 +200,6 @@ getPageColumn(routeParam).then(response => {
::v-deep .el-pagination .btn-prev .el-icon {
font-size: 18px;
}
.top-box {
width: 100%;
/* height: 1000px; */

135
ruoyi-ui/src/views/officialWebsite/competition.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="container">
<div class="container" style="background: #f6f6f6">
<div class="top-box">
<headers></headers>
@ -22,10 +22,102 @@
</div>
</div>
<div class="committee-cont">
<div class="tabber-box " v-if="currentActive == 3" >
<div class="titel_">赛区参赛报名表（本科组）</div>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px" class="demo-ruleForm">
<div style="display: flex;">
<el-form-item label="所属赛区" prop="name">
<el-input style="width: 300px" v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="学校及院系名称" prop="name">
<el-input style="width: 300px" v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="参赛团队名称" prop="name">
<el-input style="width: 300px" v-model="ruleForm.name"></el-input>
</el-form-item>
</div>
<div style="width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 4px 10px">
<div style="font-size: 16px;font-weight: bold">
教师信息
</div>
<el-button type="primary" icon="el-icon-plus">新增</el-button>
</div>
<div class="kuang" v-for="(item, index) in ruleForm.teacherlsit" :key="index" >
<div class="d-s">
<el-form-item label="领队教师姓名" prop="name">
<el-input v-model="item.name" style="width: 260px"></el-input>
</el-form-item>
<el-form-item label="领队教师职务" prop="name">
<el-input v-model="item.duties" style="width: 260px"></el-input>
</el-form-item>
<el-form-item label="领队教师手机" prop="name">
<el-input v-model="item.tel" style="width: 260px"></el-input>
</el-form-item>
</div>
<div class="d-s">
<el-form-item label="领队教师E-mail" prop="name">
<el-input v-model="item.Email" style="width: 260px"></el-input>
</el-form-item>
<el-form-item label="领队教师所在系及专业" prop="name">
<el-input v-model="item.details" style="width: 260px"></el-input>
</el-form-item>
</div>
</div>
<div style="width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 4px 10px">
<div style="font-size: 16px;font-weight: bold">
参赛队员信息
</div>
<el-button type="primary" icon="el-icon-plus">新增</el-button>
</div>
<div class="kuang" v-for="(item, index) in ruleForm.studentlist" :key="index" >
<div class="d-s">
<el-form-item label="参赛队员姓名" prop="name">
<el-input v-model="item.name" style="width: 260px"></el-input>
</el-form-item>
<el-form-item label="参赛队员性别" prop="name">
<el-input v-model="item.duties" style="width: 260px"></el-input>
</el-form-item>
<el-form-item label="参赛队员手机号" prop="name">
<el-input v-model="item.tel" style="width: 260px"></el-input>
</el-form-item>
</div>
<div class="d-s">
<el-form-item label="参赛队员专业" prop="name">
<el-input v-model="item.details" style="width: 260px"></el-input>
</el-form-item>
</div>
</div>
<div style="width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 4px 10px">
<div style="font-size: 16px;font-weight: bold">
盲样邮寄地址
</div>
</div>
<div class="d-s">
<el-form-item label="盲样收件人及联系电话" prop="name">
<el-input style="width: 300px" v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="邮寄地址" prop="name">
<el-input style="width: 300px" v-model="ruleForm.name"></el-input>
</el-form-item>
</div>
</el-form>
<div style="display: flex;justify-content: center">
<el-button type="primary" >确认提交</el-button>
</div>
</div>
<!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
<div v-if="currentActive != 3" class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- <div class="news">
@ -69,6 +161,21 @@ export default {
},
data() {
return {
ruleForm: {
name: '',
teacherlsit:[
{}
],
studentlist:[
{}
]
},
rules: {
name: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
},
pageContextList: [],
nav: [
// { name: '大赛信息' },
@ -324,7 +431,9 @@ export default {
}
.committee-cont {
width: 80%;
margin: 100px auto;
margin: 40px auto;
background: #fff;
border-radius: 8px;
}
.committee-cont .news {
@ -538,4 +647,24 @@ export default {
line-height: 18px;
}
.tabber-box{
width: 100%;
box-sizing: border-box;
padding: 15px;
}
.titel_{
font-weight: bold;
font-size: 28px;
color: #333333;
text-align: center;
margin-bottom: 25px;
}
.kuang{
border: 1px solid #ccc;
border-radius: 8px;
box-sizing: border-box;
padding: 15px;
margin: 15px auto;
}
</style>