前端补正
This commit is contained in:
xvv
parent
fd952b5462
commit
aa27d8475c
@ -200,7 +200,6 @@ getPageColumn(routeParam).then(response => {
|
|||||||
::v-deep .el-pagination .btn-prev .el-icon {
|
::v-deep .el-pagination .btn-prev .el-icon {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-box {
|
.top-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* height: 1000px; */
|
/* height: 1000px; */
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container" style="background: #f6f6f6">
|
||||||
<div class="top-box">
|
<div class="top-box">
|
||||||
<headers></headers>
|
<headers></headers>
|
||||||
|
|
||||||
@ -22,10 +22,102 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="committee-cont">
|
<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 -->
|
<!-- main -->
|
||||||
<div v-for="(item, index) in nav " :key=index>
|
<div v-for="(item, index) in nav " :key=index>
|
||||||
<div class="about-conts-item1" v-if="currentActive == 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>
|
</div>
|
||||||
<!-- <div class="news">
|
<!-- <div class="news">
|
||||||
@ -69,6 +161,21 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
ruleForm: {
|
||||||
|
name: '',
|
||||||
|
teacherlsit:[
|
||||||
|
{}
|
||||||
|
],
|
||||||
|
studentlist:[
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入活动名称', trigger: 'blur' },
|
||||||
|
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
},
|
||||||
pageContextList: [],
|
pageContextList: [],
|
||||||
nav: [
|
nav: [
|
||||||
// { name: '大赛信息' },
|
// { name: '大赛信息' },
|
||||||
@ -324,7 +431,9 @@ export default {
|
|||||||
}
|
}
|
||||||
.committee-cont {
|
.committee-cont {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 100px auto;
|
margin: 40px auto;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.committee-cont .news {
|
.committee-cont .news {
|
||||||
@ -538,4 +647,24 @@ export default {
|
|||||||
line-height: 18px;
|
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>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user