parent
8cafadf478
commit
4c7ce43ffa
|
After Width: | Height: | Size: 288 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 472 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 172 KiB |
@ -0,0 +1,459 @@ |
|||||||
|
<template> |
||||||
|
<div class="teacherDetail"> |
||||||
|
<div class="container"> |
||||||
|
<div class="topbg"> |
||||||
|
<img class="topbg1" src="/assets/newtrain/teainfo1.png" alt="" /> |
||||||
|
<img class="topbg2" src="/assets/newtrain/teainfo2.png" alt="" /> |
||||||
|
</div> |
||||||
|
<div class="toptitle">北京关键科技股份有限公司 & 河南科技大学</div> |
||||||
|
<div class="toptitle">关于举办2024“软件可靠性测试”<span>暑期师资培训预报名通知</span></div> |
||||||
|
<div class="topbbox"> |
||||||
|
为深入贯彻党的二十大和全国新型工业化推进大会精神，落实《关于加强和改进工业和信息化人才队伍建设的实施意见》等文件精神。本次师资培训由北京关键科技股份有限公司邀请政府领导、高校软件学院院长、公司内部高级培训讲师提供培训，并根据《软件可靠性测试产业人才岗位能力要求》标准对独立软件的功能、性能和接口等各项需求进行动态测试，对软件以及单元之间的功能、接口、数据结构和逻辑等进行动态测试，以促进产业需求与人才培养对接为目标，决定举办暑期师资培训（双师型）。现将有关通知如下： |
||||||
|
</div> |
||||||
|
<div class="model1"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">01</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">组织架构</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelCon">主办单位：北京关键科技股份有限公司、河南科技大学软件学院</div> |
||||||
|
</div> |
||||||
|
<div class="model2"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">02</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">培训目的及内容</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelConT">目的：</div> |
||||||
|
<div class="modelCon"> |
||||||
|
培养一支数量充足、结构合理、素质优良的专业知识丰富、实践技能过硬的师资队伍，培训后可以进入公司师资库，成为双师型教师，成为关键公司特聘讲师 |
||||||
|
</div> |
||||||
|
<div class="modelConT">培训内容：</div> |
||||||
|
<div class="modelCon">培训内容详见附件</div> |
||||||
|
</div> |
||||||
|
<div class="model3"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">03</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">培训对象</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelCon">本次培训针对全国院校软件测试相关的骨干教师、专业带头人及院校领导。</div> |
||||||
|
</div> |
||||||
|
<div class="model4"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">04</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">培训形式及考核方式</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelConT">培训形式：</div> |
||||||
|
<div class="modelCon"> |
||||||
|
培训形式采用理论知识讲解、测试工具安装和使用、项目实践三个部分进行培训，通过课程，让教师熟悉相关理论知识，熟悉测试工具安装和使用，并结合实际项目了解相关的概念，能够达到在授课老师的指导下完成测试任务，并具有一定独立工作能力。 |
||||||
|
</div> |
||||||
|
<div class="modelConT">培训考核方式：</div> |
||||||
|
<div class="modelCon"> |
||||||
|
培训考核方式采用对每个参培人员进行考核，考核成绩主要包括：项目成绩、考试成绩，其在考核成绩中所占比例如下：<br /> |
||||||
|
考核成绩 = 项目成绩（75%）+ 考试成绩（25%）。<br /> |
||||||
|
理论考试为线上，包括：单选、多选、判断。 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="model5"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">05</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">培训证书</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelCon"> |
||||||
|
本次活动由北京关键科技股份有限公司按照《工业和信息化人才岗位能力评价通则》组织实施，软件可靠性测试结束后，经工业和信息化部人才交流中心审核，符合条件的教师统一参加能力评测，能力评测采取理论和实践相结合的方式进行，通过能力测评的教师，可获得相对应软件测试工程师（高级）。 |
||||||
|
</div> |
||||||
|
<div class="zstitle">通过人员颁发：软件可靠性测试工程师（高级）能力认证证书</div> |
||||||
|
<div class="zsimg"> |
||||||
|
<img src="/assets/newtrain/teainfo6.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="model6" style="margin: 40px 0 0 0"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">06</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">培训时间、地点与费用</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelConT">培训时间及地点：</div> |
||||||
|
<div class="modellineL"> |
||||||
|
<div class="modellineLL"></div> |
||||||
|
<div class="modellineLR"> |
||||||
|
<div class="modellineLRA modellineLR61"> |
||||||
|
<div class="modellineLRAcom"><span>培训时间：</span>2024年8月5日-8月11日，共计7天</div> |
||||||
|
<div class="modellineLRAcom"> |
||||||
|
<span>报到及返程时间：</span>2024年8月4日报到、8月12日返程 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modellineLRA modellineLR62"> |
||||||
|
<div class="modellineLRAcom"> |
||||||
|
<span>培训地点：</span>河南省洛阳市涧西区河南科技大学西苑校区 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelConT">培训收费：</div> |
||||||
|
<div class="modellineL"> |
||||||
|
<div class="modellineLL modellineLL2"></div> |
||||||
|
<div class="modellineLR2"> |
||||||
|
<div class="modellineLR2T"> |
||||||
|
<div class="modellineLR2TL">培训收费：</div> |
||||||
|
<div class="modellineLR2TM"> |
||||||
|
<div class="modellineLRAcom">2980元/人（含考证费）。</div> |
||||||
|
<div class="modellineLRAcom">汇款账户：北京关键科技股份有限公司</div> |
||||||
|
<div class="modellineLRAcom">开户银行：招商银行北京分行大屯路支行</div> |
||||||
|
<div class="modellineLRAcom">银行账户：8661 8062 8710 001</div> |
||||||
|
</div> |
||||||
|
<div class="modellineLR2TB"> |
||||||
|
<img src="/assets/newtrain/teainfo5.png" alt="" /> |
||||||
|
<div class="modellineLRAcom modellineLRAcom1">（扫码查看发票详情信息）</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modellineLR2B"> |
||||||
|
<div class="modellineLR2TL">备注：</div> |
||||||
|
<div class="modellineLRAcom">1、此账号仅接受公对公转账打款。</div> |
||||||
|
<div class="modellineLRAcom"> |
||||||
|
2、现场刷卡或通过公对公汇款（汇款时请备注：关键科技2024暑期师资培训-汇款单位-培训人姓名），并由收款方按照规定开具培训费发票。 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelConT">住宿酒店（报到地点）：</div> |
||||||
|
<div class="modellineL"> |
||||||
|
<div class="modellineLL modellineLL3"></div> |
||||||
|
<div class="modellineLR3"> |
||||||
|
<div class="modellineLRAcom"> |
||||||
|
<span>报到地点：</span>润华君悦酒店。本次培训食宿统一安排，费用自理，不安排接站。 |
||||||
|
</div> |
||||||
|
<div class="modellineLRAcom"> |
||||||
|
住宿费单间330元/天/人含三餐，标间230元/天/人含三餐（暑期资源有限优先选择）。 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelConT">报名方式及联系人：</div> |
||||||
|
<div class="modellineL"> |
||||||
|
<div class="modellineLL modellineLL3"></div> |
||||||
|
<div class="modellineLR3"> |
||||||
|
<div class="modellineLRAcom"><span>报名方式：</span>点击右侧报名入口</div> |
||||||
|
<div class="modellineLRAcom"> |
||||||
|
<span> 项目负责人：</span>牛中东 13683248482（同微信），项目联系人：王博洋 1521099799 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="model7" style="margin: 40px 0"> |
||||||
|
<div class="modelTitle"> |
||||||
|
<div class="modelTitleL">07</div> |
||||||
|
<div class="modelTitleR"> |
||||||
|
<div class="modelTitleRT">培训参会须知</div> |
||||||
|
<div class="modelTitleRB"> |
||||||
|
<img src="/assets/newtrain/teainfo4.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="modelCon"> |
||||||
|
1.培训期间，请服从班级统一管理，有任何问题请联系培训负责人； |
||||||
|
<br /> |
||||||
|
2.培训期间，遵守上课时间要求，每天实名签到打卡； |
||||||
|
<br /> |
||||||
|
3.请遵守考勤制度，上课请提前5分钟进入培训教室； |
||||||
|
<br /> |
||||||
|
4.请参训学员自行携带笔记本电脑一台。 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- 悬浮按钮 --> |
||||||
|
<div class="fixBtn" @click="gosign"> |
||||||
|
点击报名 |
||||||
|
<img src="/assets/newtrain/teainfo3.png" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapGetters } from 'vuex' |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return {} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapGetters(['token']), |
||||||
|
}, |
||||||
|
created() {}, |
||||||
|
methods: { |
||||||
|
gosign() { |
||||||
|
if (!this.token) { |
||||||
|
this.$confirm('您未登录,请您先去登录', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$router.push('/login?type=log') |
||||||
|
}) |
||||||
|
.catch(() => {}) |
||||||
|
} else { |
||||||
|
this.$router.push('/college/teacherSign') |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.modelTitle { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.modelTitleL { |
||||||
|
flex: 1; |
||||||
|
font-weight: 800; |
||||||
|
font-size: 50px; |
||||||
|
color: #1b68de; |
||||||
|
} |
||||||
|
.modelTitleR { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
.modelTitleRT { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 25px; |
||||||
|
color: #1b68de; |
||||||
|
} |
||||||
|
.modelTitleRB { |
||||||
|
width: 1127px; |
||||||
|
height: 16px; |
||||||
|
margin-top: 15px; |
||||||
|
} |
||||||
|
.modelTitleRB img { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.container { |
||||||
|
width: 1200px; |
||||||
|
margin: auto; |
||||||
|
} |
||||||
|
.teacherDetail { |
||||||
|
width: 100%; |
||||||
|
background: linear-gradient(0deg, #ffffff, #ffffff, #cadefc); |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.topbg { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
margin: 70px 0 40px 0; |
||||||
|
} |
||||||
|
.topbg1 { |
||||||
|
width: 156px; |
||||||
|
height: 68px; |
||||||
|
} |
||||||
|
.topbg2 { |
||||||
|
width: 264px; |
||||||
|
height: 68px; |
||||||
|
margin-left: 20px; |
||||||
|
} |
||||||
|
.toptitle { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 32px; |
||||||
|
color: #1a1a1a; |
||||||
|
line-height: 65px; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.toptitle span { |
||||||
|
color: #1b68de; |
||||||
|
} |
||||||
|
.topbbox { |
||||||
|
width: 100%; |
||||||
|
height: 203px; |
||||||
|
background: #e5effd; |
||||||
|
box-shadow: 0px 1px 6px 0px rgba(29, 30, 32, 0.02); |
||||||
|
border-radius: 6px; |
||||||
|
margin-top: 40px; |
||||||
|
padding: 30px 33px; |
||||||
|
box-sizing: border-box; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #4d4d4d; |
||||||
|
line-height: 38px; |
||||||
|
margin-bottom: 30px; |
||||||
|
} |
||||||
|
.modelConT { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 20px; |
||||||
|
color: #1a1a1a; |
||||||
|
line-height: 39px; |
||||||
|
margin: 20px 0; |
||||||
|
} |
||||||
|
.modelCon { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #4d4d4d; |
||||||
|
line-height: 36px; |
||||||
|
margin: 20px 0 30px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.zstitle { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 16px; |
||||||
|
color: #1a1a1a; |
||||||
|
text-align: center; |
||||||
|
margin-bottom: 26px; |
||||||
|
} |
||||||
|
.zsimg { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
.zsimg img { |
||||||
|
width: 516px; |
||||||
|
height: 345px; |
||||||
|
} |
||||||
|
.modellineL { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-around; |
||||||
|
} |
||||||
|
.modellineLL { |
||||||
|
width: 2px; |
||||||
|
height: 233px; |
||||||
|
background: #1b68de; |
||||||
|
} |
||||||
|
.modellineLRA { |
||||||
|
background: #f8f9fa; |
||||||
|
border-radius: 6px; |
||||||
|
padding: 0 40px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
.modellineLRAcom { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #4d4d4d; |
||||||
|
line-height: 36px; |
||||||
|
} |
||||||
|
.modellineLRAcom span { |
||||||
|
font-weight: 800; |
||||||
|
} |
||||||
|
.modellineLRAcom1 { |
||||||
|
font-size: 15px; |
||||||
|
} |
||||||
|
.modellineLR61 { |
||||||
|
width: 1087px; |
||||||
|
height: 110px; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.modellineLR62 { |
||||||
|
width: 1087px; |
||||||
|
height: 80px; |
||||||
|
margin-top: 31px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.modellineLL2 { |
||||||
|
height: 350px; |
||||||
|
} |
||||||
|
.modellineLR2 { |
||||||
|
width: 1087px; |
||||||
|
height: 338px; |
||||||
|
background: #f8f9fa; |
||||||
|
border-radius: 6px; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
padding: 0 40px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
.modellineLR2T { |
||||||
|
border-bottom: 1px dashed #e0e0e0; |
||||||
|
display: flex; |
||||||
|
align-items: flex-start; |
||||||
|
padding: 25px 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
.modellineLR2TL { |
||||||
|
font-size: 16px; |
||||||
|
color: #4d4d4d; |
||||||
|
line-height: 36px; |
||||||
|
font-weight: 800; |
||||||
|
} |
||||||
|
.modellineLR2TB { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
margin-left: 100px; |
||||||
|
} |
||||||
|
.modellineLR2TB img { |
||||||
|
width: 114px; |
||||||
|
height: 108px; |
||||||
|
} |
||||||
|
.modellineLR2B { |
||||||
|
padding-top: 20px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
.modellineLL3 { |
||||||
|
height: 119px; |
||||||
|
} |
||||||
|
.modellineLR3 { |
||||||
|
width: 1087px; |
||||||
|
height: 110px; |
||||||
|
background: #f8f9fa; |
||||||
|
border-radius: 6px; |
||||||
|
padding: 0 40px; |
||||||
|
box-sizing: border-box; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
.fixBtn { |
||||||
|
width: 160px; |
||||||
|
height: 68px; |
||||||
|
background: linear-gradient(0deg, #5ea6fd, #1a81f9); |
||||||
|
box-shadow: 0px 1px 20px 1px rgba(13, 92, 187, 0.4); |
||||||
|
border-radius: 4px; |
||||||
|
position: fixed; |
||||||
|
right: 10px; |
||||||
|
top: 40%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 17px; |
||||||
|
color: #ffffff; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.fixBtn img { |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
margin-left: 5px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,205 @@ |
|||||||
|
<template> |
||||||
|
<div class="teacherSign"> |
||||||
|
<img src="/assets/newtrain/teacherb.png" class="topbanner" alt="" /> |
||||||
|
<div class="container"> |
||||||
|
<div class="contitle">北京关键科技股份有限公司&河南科技大学</div> |
||||||
|
<div class="contitle">2024“软件可靠性测试”暑期师资培训</div> |
||||||
|
<div class="signTable">— 报名表 —</div> |
||||||
|
<div class="concontent"> |
||||||
|
为深入贯彻党的二十大和全国新型工业化推进大会精神，落实《关于加强和改进工业和信息化人才队伍建设的实施意见》等文件精神。本次师资培训由北京关键科技股份有限公司邀请政府领导、高校软件学院院长、公司内部高级培训讲师提供培训，并根据《软件可靠性测试产业人才岗位能力要求》标准对独立软件的功能、性能和接口等各项需求进行动态测试，对软件以及单元之间的功能、接口、数据结构和逻辑等进行动态测试，以促进产业需求与人才培养对接为目标，决定举办暑期师资培训（双师型）。现将有关通知如下： |
||||||
|
</div> |
||||||
|
<div class="concontent1"><span>主办单位</span>：北京关键科技股份有限公司、河南科技大学软件学院</div> |
||||||
|
<div class="concontent1"><span>项目联系人</span>：王博洋 15210997991</div> |
||||||
|
<div class="line"></div> |
||||||
|
<!-- 表单 --> |
||||||
|
<el-form class="formclas" ref="formclas" :rules="rules" :model="form" label-position="top"> |
||||||
|
<el-form-item |
||||||
|
v-for="(it, index) in detailForm" |
||||||
|
:key="it.key" |
||||||
|
:label="index + 1 + '.' + it[it.key] + ':'" |
||||||
|
:prop="it.key" |
||||||
|
> |
||||||
|
<!-- 输入框 --> |
||||||
|
<el-input |
||||||
|
v-if="it.type == 'input'" |
||||||
|
:placeholder="`请输入${it[it.key]}`" |
||||||
|
v-model="form[it.key]" |
||||||
|
></el-input> |
||||||
|
<!-- 单选框 --> |
||||||
|
<el-radio-group v-else-if="it.type == 'radio'" v-model="form[it.key]"> |
||||||
|
<el-radio v-for="i in it.value" :key="i" :label="i">{{ i }}</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
<!-- 多选框 --> |
||||||
|
<!-- <el-checkbox-group v-else-if="it.type == 'checkbox'" v-model="form[it.name]"> |
||||||
|
<el-checkbox v-for="ite in it.options" :key="ite" :label="ite"></el-checkbox> |
||||||
|
</el-checkbox-group> --> |
||||||
|
<!-- 文本域 --> |
||||||
|
<el-input |
||||||
|
v-if="it.type == 'textarea'" |
||||||
|
type="textarea" |
||||||
|
:placeholder="`请输入${it[it.key]}`" |
||||||
|
v-model="form[it.key]" |
||||||
|
:rows="7" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<div class="line"></div> |
||||||
|
<div class="submit" @click="signClick">报名</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { getTeacherForm, postBaoming } from '@/api/train' |
||||||
|
|
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
form: {}, |
||||||
|
rules: {}, |
||||||
|
detailForm: [], |
||||||
|
trainClassId: null, |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getform() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取动态表单 |
||||||
|
getform() { |
||||||
|
getTeacherForm().then((res) => { |
||||||
|
// 班级id |
||||||
|
this.trainClassId = res.trainClassId |
||||||
|
// 处理json |
||||||
|
this.detailForm = JSON.parse(res.data) |
||||||
|
// 校验规则 |
||||||
|
this.detailForm.map((it) => { |
||||||
|
if (it.type == 'radio') { |
||||||
|
this.rules[it.key] = { required: true, message: `请选择一项`, trigger: 'change' } |
||||||
|
} else { |
||||||
|
this.rules[it.key] = { required: true, message: `请输入${it[it.key]}`, trigger: 'blur' } |
||||||
|
} |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 提交 |
||||||
|
signClick() { |
||||||
|
this.$refs['formclas'].validate((valid) => { |
||||||
|
if (valid) { |
||||||
|
const newData = JSON.parse(JSON.stringify(this.detailForm)) |
||||||
|
newData.forEach((it) => { |
||||||
|
it.value = this.form[it.key] |
||||||
|
}) |
||||||
|
const data = { |
||||||
|
mobile: this.form.mobile, |
||||||
|
studentName: this.form.name, |
||||||
|
trainClassId: this.trainClassId, |
||||||
|
classType: '3', |
||||||
|
data: JSON.stringify(newData), |
||||||
|
} |
||||||
|
postBaoming(data).then((res) => { |
||||||
|
if (res.data.code == 200) { |
||||||
|
this.$message.success('报名成功') |
||||||
|
this.form = {} |
||||||
|
this.$refs['formclas'].resetFields() |
||||||
|
} else { |
||||||
|
this.$message.warning(res.data.msg) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.container { |
||||||
|
width: 1200px; |
||||||
|
margin: auto; |
||||||
|
} |
||||||
|
.topbanner { |
||||||
|
width: 100%; |
||||||
|
height: 450px; |
||||||
|
} |
||||||
|
.contitle { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 32px; |
||||||
|
color: #000000; |
||||||
|
text-align: center; |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
.signTable { |
||||||
|
color: #1b68de; |
||||||
|
font-size: 32px; |
||||||
|
font-weight: bold; |
||||||
|
text-align: center; |
||||||
|
margin-bottom: 30px; |
||||||
|
} |
||||||
|
.concontent { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #000000; |
||||||
|
line-height: 39px; |
||||||
|
text-indent: 2em; |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
.concontent1 { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #000000; |
||||||
|
line-height: 39px; |
||||||
|
} |
||||||
|
.concontent1 span { |
||||||
|
font-weight: Bold; |
||||||
|
} |
||||||
|
.line { |
||||||
|
width: 1200px; |
||||||
|
height: 1px; |
||||||
|
background: #f2f2f2; |
||||||
|
margin: 30px 0; |
||||||
|
} |
||||||
|
.formclas >>> .el-form-item { |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
.formclas >>> .el-form-item__label { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 18px; |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
.formclas >>> .el-input__inner { |
||||||
|
width: 1200px; |
||||||
|
height: 45px; |
||||||
|
background: #f8f9fa; |
||||||
|
border: 1px solid #f8f9fa; |
||||||
|
border-radius: 4px; |
||||||
|
} |
||||||
|
.formclas >>> .el-radio-group { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.formclas >>> .el-textarea__inner { |
||||||
|
background: #f8f9fa; |
||||||
|
border: 1px solid #f8f9fa; |
||||||
|
} |
||||||
|
.formclas >>> .el-radio { |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
.formclas >>> .el-radio__label { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
.submit { |
||||||
|
width: 278px; |
||||||
|
height: 50px; |
||||||
|
background: linear-gradient(90deg, #5ea6fd, #1a81f9); |
||||||
|
border-radius: 4px; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 18px; |
||||||
|
color: #ffffff; |
||||||
|
line-height: 50px; |
||||||
|
text-align: center; |
||||||
|
margin-bottom: 40px; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue