hcj
/
keysass_portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改师资培训二维码、添加培训内容

Browse Source
main
hcj 10 months ago
parent e9507f012c
commit a4d78a6298
5 changed files with 526 additions and 391 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. BIN
      public/assets/newtrain/teainfo5.png
  2. BIN
      public/assets/newtrain/teainfo5_def.png
  3. 44
      src/page/homepage/traininstitute/teacherDetail.css
  4. 821
      src/page/homepage/traininstitute/teacherDetail.vue
  5. 52
      src/page/homepage/traininstitute/trainMockData.js

BIN
public/assets/newtrain/teainfo5.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
public/assets/newtrain/teainfo5_def.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

44
src/page/homepage/traininstitute/teacherDetail.css
Unescape View File

@ -0,0 +1,44 @@
.trainTime{
font-size: 18px;
font-weight: Bold;
font-family: PingFang-SC-Bold;
}
.trainContentWrap {
display: flex;
}
.trainContentWrap .lefeLine{
width: 2px;
margin: 0 36px;
background: #1b68de;
position: relative;
}
.trainContentWrap .lefeLine .throughCicle{
position: absolute;
left: -6px;
width: 11px;
top: 50%;
transform: translate(0,-50%);
height: 11px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #1b68de;
}
.trainContentWrap .trainContentText{
font-size: 16px;
flex: 1;
background: #F5F6F7;
border-radius: 6px;
}
.trainContentWrap .trainContentText .trainContentTextItem{
padding: 18px 42px 0px 42px;
font-family: PingFang-SC-Bold;
color: #4D4D4D;
font-weight: 400;
}
.trainContentWrap .trainContentText .trainContentTextItem .trainContentTextrow{
padding: 0px 0 18px 0;
}
.trainContentWrap .trainContentText .trainContentTextItem .trainContentTextrow :first-child{
color: #1B68DE;
font-weight: Bold;
}

821
src/page/homepage/traininstitute/teacherDetail.vue
Unescape View File

@ -1,515 +1,554 @@
<template> <template>
<div class="teacherDetail"> <div class="teacherDetail">
<div class="container"> <div class="container">
<div class="topbg"> <div class="topbg">
<img class="topbg1" src="/assets/newtrain/teainfo1.png" alt="" /> <img class="topbg1" src="/assets/newtrain/teainfo1.png" alt="" />
<img class="topbg2" src="/assets/newtrain/teainfo2.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 class="toptitle">北京关键科技股份有限公司 & 河南科技大学</div> </div>
<div class="toptitle">关于举办2024“软件可靠性测试”<span>暑期师资培训预报名通知</span></div> </div>
<div class="topbbox"> <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 class="model1"> </div>
<div class="modelTitle"> </div>
<div class="modelTitleL">01</div> <div class="modelConT">目的：</div>
<div class="modelTitleR"> <div class="modelCon">
<div class="modelTitleRT">组织架构</div> 培养一支数量充足、结构合理、素质优良的专业知识丰富、实践技能过硬的师资队伍，培训后可以进入公司师资库，成为双师型教师，成为关键公司特聘讲师
<div class="modelTitleRB"> </div>
<img src="/assets/newtrain/teainfo4.png" alt="" /> <div class="modelConT">培训内容：</div>
</div> <div class="trainItem" v-for="item in trainMock" :key="item.time">
</div> <div class="trainTime">{{item.time}}</div>
</div> <div class="trainContentWrap">
<div class="modelCon">主办单位：北京关键科技股份有限公司、河南科技大学软件学院</div> <div class="lefeLine">
<div class="throughCicle"></div>
</div> </div>
<div class="model2"> <div class="trainContentText">
<div class="modelTitle"> <div class="trainContentTextItem">
<div class="modelTitleL">02</div> <div class="trainContentTextrow" v-for="(con,cIndex) in item.content" :key="cIndex">
<div class="modelTitleR"> <span>{{con.substring(0,3)}}</span><span>{{con.substring(3,con.length)}}</span>
<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>
<div class="modelConT">培训内容：</div> </div>
<div class="modelCon">培训内容详见附件</div>
</div> </div>
<div class="model3"> </div>
<div class="modelTitle"> </div>
<div class="modelTitleL">03</div> </div>
<div class="modelTitleR"> <div class="model3">
<div class="modelTitleRT">培训对象</div> <div class="modelTitle">
<div class="modelTitleRB"> <div class="modelTitleL">03</div>
<img src="/assets/newtrain/teainfo4.png" alt="" /> <div class="modelTitleR">
</div> <div class="modelTitleRT">培训对象</div>
</div> <div class="modelTitleRB">
</div> <img src="/assets/newtrain/teainfo4.png" alt="" />
<div class="modelCon">本次培训针对全国院校软件测试相关的骨干教师、专业带头人及院校领导。</div>
</div> </div>
<div class="model4"> </div>
<div class="modelTitle"> </div>
<div class="modelTitleL">04</div> <div class="modelCon">
<div class="modelTitleR"> 本次培训针对全国院校软件测试相关的骨干教师、专业带头人及院校领导。
<div class="modelTitleRT">培训形式及考核方式</div> </div>
<div class="modelTitleRB"> </div>
<img src="/assets/newtrain/teainfo4.png" alt="" /> <div class="model4">
</div> <div class="modelTitle">
</div> <div class="modelTitleL">04</div>
</div> <div class="modelTitleR">
<div class="modelConT">培训形式：</div> <div class="modelTitleRT">培训形式及考核方式</div>
<div class="modelCon"> <div class="modelTitleRB">
培训形式采用理论知识讲解、测试工具安装和使用、项目实践三个部分进行培训，通过课程，让教师熟悉相关理论知识，熟悉测试工具安装和使用，并结合实际项目了解相关的概念，能够达到在授课老师的指导下完成测试任务，并具有一定独立工作能力。 <img src="/assets/newtrain/teainfo4.png" alt="" />
</div>
<div class="modelConT">培训考核方式：</div>
<div class="modelCon">
培训考核方式采用对每个参培人员进行考核，考核成绩主要包括：项目成绩、考试成绩，其在考核成绩中所占比例如下：<br />
考核成绩 = 项目成绩（75%）+ 考试成绩（25%）。<br />
理论考试为线上，包括：单选、多选、判断。
</div>
</div> </div>
<div class="model5"> </div>
<div class="modelTitle"> </div>
<div class="modelTitleL">05</div> <div class="modelConT">培训形式：</div>
<div class="modelTitleR"> <div class="modelCon">
<div class="modelTitleRT">培训证书</div> 培训形式采用理论知识讲解、测试工具安装和使用、项目实践三个部分进行培训，通过课程，让教师熟悉相关理论知识，熟悉测试工具安装和使用，并结合实际项目了解相关的概念，能够达到在授课老师的指导下完成测试任务，并具有一定独立工作能力。
<div class="modelTitleRB"> </div>
<img src="/assets/newtrain/teainfo4.png" alt="" /> <div class="modelConT">培训考核方式：</div>
</div> <div class="modelCon">
</div> 培训考核方式采用对每个参培人员进行考核，考核成绩主要包括：项目成绩、考试成绩，其在考核成绩中所占比例如下：<br />
</div> 考核成绩 = 项目成绩（75%）+ 考试成绩（25%）。<br />
<div class="modelCon"> 理论考试为线上，包括：单选、多选、判断。
本次活动由北京关键科技股份有限公司按照《工业和信息化人才岗位能力评价通则》组织实施，软件可靠性测试结束后，经工业和信息化部人才交流中心审核，符合条件的教师统一参加能力评测，能力评测采取理论和实践相结合的方式进行，通过能力测评的教师，可获得相对应软件测试工程师（高级）。 </div>
</div> </div>
<div class="zstitle">通过人员颁发：软件可靠性测试工程师（高级）能力认证证书</div> <div class="model5">
<div class="zsimg"> <div class="modelTitle">
<img src="/assets/newtrain/teainfo6.png" alt="" /> <div class="modelTitleL">05</div>
</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 class="modellineLLCricle modellineLLCricle1"></div>
<div class="modellineLLCricle modellineLLCricle2"></div>
</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>
<div class="model6" style="margin: 40px 0 0 0"> <div class="modellineLRA modellineLR62">
<div class="modelTitle"> <div class="modellineLRAcom">
<div class="modelTitleL">06</div> <span>培训地点：</span>河南省洛阳市涧西区河南科技大学西苑校区
<div class="modelTitleR"> </div>
<div class="modelTitleRT">培训时间、地点与费用</div> </div>
<div class="modelTitleRB"> </div>
<img src="/assets/newtrain/teainfo4.png" alt="" /> </div>
</div> <div class="modelConT">培训收费：</div>
</div> <div class="modellineL">
<div class="modellineLL modellineLL2">
<div class="modellineLLCricle modellineLLCricle1"></div>
</div>
<div class="modellineLR2">
<div class="modellineLR2T">
<div class="modellineLR2TL">培训收费：</div>
<div class="modellineLR2TM">
<div class="modellineLRAcom">2980元/人（含考证费）。</div>
<div class="modellineLRAcom">
汇款账户：西安关键软件科技有限公司
</div> </div>
<div class="modelConT">培训时间及地点：</div> <div class="modellineLRAcom">
<div class="modellineL"> 开户银行：招商银行股份有限公司西安电子二路支行
<div class="modellineLL">
<div class="modellineLLCricle modellineLLCricle1"></div>
<div class="modellineLLCricle modellineLLCricle2"></div>
</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>
<div class="modelConT">培训收费：</div> <div class="modellineLRAcom">银行账户：129907883710606</div>
<div class="modellineL"> </div>
<div class="modellineLL modellineLL2"> <!-- <div class="modellineLR2TB">
<div class="modellineLLCricle modellineLLCricle1"></div>
</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">银行账户：129907883710606</div>
</div>
<!-- <div class="modellineLR2TB">
<img src="/assets/newtrain/teainfo5.png" alt="" /> <img src="/assets/newtrain/teainfo5.png" alt="" />
<div class="modellineLRAcom modellineLRAcom1">（扫码查看发票详情信息）</div> <div class="modellineLRAcom modellineLRAcom1">（扫码查看发票详情信息）</div>
</div> --> </div> -->
</div> </div>
<div class="modellineLR2B"> <div class="modellineLR2B">
<div class="modellineLR2TL">备注：</div> <div class="modellineLR2TL">备注：</div>
<div class="modellineLRAcom">1、此账号仅接受公对公转账打款。</div> <div class="modellineLRAcom">1、此账号仅接受公对公转账打款。</div>
<div class="modellineLRAcom"> <div class="modellineLRAcom">
2、现场刷卡或通过公对公汇款（汇款时请备注：关键科技2024暑期师资培训-汇款单位-培训人姓名），并由收款方按照规定开具培训费发票。 2、现场刷卡或通过公对公汇款（汇款时请备注：关键科技2024暑期师资培训-汇款单位-培训人姓名），并由收款方按照规定开具培训费发票。
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="modelConT">住宿酒店（报到地点）：</div> <div class="modelConT">住宿酒店（报到地点）：</div>
<div class="modellineL"> <div class="modellineL">
<div class="modellineLL modellineLL3"> <div class="modellineLL modellineLL3">
<div class="modellineLLCricle modellineLLCricle1"></div> <div class="modellineLLCricle modellineLLCricle1"></div>
</div> </div>
<div class="modellineLR3"> <div class="modellineLR3">
<div class="modellineLRAcom"> <div class="modellineLRAcom">
<span>报到地点：</span>润华君悦酒店。本次培训食宿统一安排，费用自理，不安排接站。 <span>报到地点：</span
</div> >润华君悦酒店。本次培训食宿统一安排，费用自理，不安排接站。
<!-- <div class="modellineLRAcom"> </div>
<!-- <div class="modellineLRAcom">
住宿费单间330元/天/人含三餐，标间230元/天/人含三餐（暑期资源有限优先选择）。 住宿费单间330元/天/人含三餐，标间230元/天/人含三餐（暑期资源有限优先选择）。
</div> --> </div> -->
</div> </div>
</div> </div>
<div class="modelConT">报名方式及联系人：</div> <div class="modelConT">报名方式及联系人：</div>
<div class="modellineL"> <div class="modellineL">
<div class="modellineLL modellineLL3" style="height: 250px"> <div class="modellineLL modellineLL3" style="height: 250px">
<div class="modellineLLCricle modellineLLCricle1"></div> <div class="modellineLLCricle modellineLLCricle1"></div>
</div> </div>
<div class="modellineLR3"> <div class="modellineLR3">
<div class="modellineLRAcom"> <div class="modellineLRAcom">
<span>报名方式1：</span><span @click="gosign" class="alink">点击报名</span> <span>报名方式1：</span
</div> ><span @click="gosign" class="alink">点击报名</span>
<div class="modellineLRAcom">
<span>报名方式2：</span><span class="alink1">扫描右侧二维码报名</span>
</div>
<div class="modellineLRAcom"><span> 项目负责人：</span>牛中东 13683248482（同微信）</div>
<div class="modellineLRAcom"><span> 项目联系人：</span>王博洋 1521099799</div>
<img class="posiimg" src="/assets/newtrain/teainfo5.png" alt="" />
</div>
</div>
</div> </div>
<div class="model7" style="margin: 40px 0"> <div class="modellineLRAcom">
<div class="modelTitle"> <span>报名方式2：</span
<div class="modelTitleL">07</div> ><span class="alink1">扫描右侧二维码报名</span>
<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="modellineLRAcom">
<span> 项目负责人：</span>牛中东 13683248482（同微信）
</div>
<div class="modellineLRAcom">
<span> 项目联系人：</span>王博洋 1521099799
</div>
<img class="posiimg" src="/assets/newtrain/teainfo5.png" alt="" />
</div>
</div> </div>
<!-- 悬浮按钮 --> </div>
<div class="fixBtn" @click="gosign"> <div class="model7" style="margin: 40px 0">
点击报名 <div class="modelTitle">
<img src="/assets/newtrain/teainfo3.png" alt="" /> <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>
<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>
</div>
</template> </template>
<script> <script>
// import { mapGetters } from 'vuex' // import { mapGetters } from 'vuex'
import trainMock from "./trainMockData";
export default { export default {
data() { data() {
return {} return {
}, trainMock:trainMock
computed: { };
// ...mapGetters(['token']), },
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");
}, },
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> </script>
<style scoped> <style scoped>
@import url(./teacherDetail.css);
.modelTitle { .modelTitle {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.modelTitleL { .modelTitleL {
flex: 1; flex: 1;
font-weight: 800; font-weight: 800;
font-size: 50px; font-size: 50px;
color: #1b68de; color: #1b68de;
transform: translateY(-8px); transform: translateY(-8px);
} }
.modelTitleR { .modelTitleR {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
.modelTitleRT { .modelTitleRT {
font-weight: bold; font-weight: bold;
font-size: 25px; font-size: 25px;
color: #1b68de; color: #1b68de;
} }
.modelTitleRB { .modelTitleRB {
width: 1127px; width: 1127px;
height: 16px; height: 16px;
margin-top: 15px; margin-top: 15px;
} }
.modelTitleRB img { .modelTitleRB img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.container { .container {
width: 1200px; width: 1200px;
margin: auto; margin: auto;
} }
.teacherDetail { .teacherDetail {
width: 100%; width: 100%;
background: linear-gradient(0deg, #ffffff, #ffffff, #cadefc); background: linear-gradient(0deg, #ffffff, #ffffff, #cadefc);
overflow: hidden; overflow: hidden;
} }
.topbg { .topbg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 70px 0 40px 0; margin: 70px 0 40px 0;
} }
.topbg1 { .topbg1 {
width: 156px; width: 156px;
height: 68px; height: 68px;
} }
.topbg2 { .topbg2 {
width: 264px; width: 264px;
height: 68px; height: 68px;
margin-left: 20px; margin-left: 20px;
} }
.toptitle { .toptitle {
font-weight: bold; font-weight: bold;
font-size: 32px; font-size: 32px;
color: #1a1a1a; color: #1a1a1a;
line-height: 65px; line-height: 65px;
text-align: center; text-align: center;
} }
.toptitle span { .toptitle span {
color: #1b68de; color: #1b68de;
} }
.topbbox { .topbbox {
width: 100%; width: 100%;
height: 203px; height: 203px;
background: #e5effd; background: #e5effd;
box-shadow: 0px 1px 6px 0px rgba(29, 30, 32, 0.02); box-shadow: 0px 1px 6px 0px rgba(29, 30, 32, 0.02);
border-radius: 6px; border-radius: 6px;
margin-top: 40px; margin-top: 40px;
padding: 30px 33px; padding: 30px 33px;
box-sizing: border-box; box-sizing: border-box;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
color: #4d4d4d; color: #4d4d4d;
line-height: 38px; line-height: 38px;
margin-bottom: 30px; margin-bottom: 30px;
text-indent: 2em; text-indent: 2em;
} }
.modelConT { .modelConT {
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
color: #1a1a1a; color: #1a1a1a;
line-height: 39px; line-height: 39px;
margin: 20px 0; margin: 20px 0;
} }
.modelCon { .modelCon {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
color: #4d4d4d; color: #4d4d4d;
line-height: 36px; line-height: 36px;
margin: 20px 0 30px 0; margin: 20px 0 30px 0;
} }
.zstitle { .zstitle {
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
color: #1a1a1a; color: #1a1a1a;
text-align: center; text-align: center;
margin-bottom: 26px; margin-bottom: 26px;
} }
.zsimg { .zsimg {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.zsimg img { .zsimg img {
width: 516px; width: 516px;
height: 345px; height: 345px;
} }
.modellineL { .modellineL {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.modellineLL { .modellineLL {
width: 2px; width: 2px;
height: 240px; height: 240px;
background: #1b68de; background: #1b68de;
position: relative; position: relative;
} }
.modellineLLCricle { .modellineLLCricle {
position: absolute; position: absolute;
left: -6px; left: -6px;
width: 11px; width: 11px;
height: 11px; height: 11px;
background: #f8f9fa; background: #f8f9fa;
border-radius: 50%; border-radius: 50%;
border: 2px solid #1b68de; border: 2px solid #1b68de;
} }
.modellineLLCricle1 { .modellineLLCricle1 {
top: 10px; top: 10px;
} }
.modellineLLCricle2 { .modellineLLCricle2 {
top: 154px; top: 154px;
} }
.modellineLRA { .modellineLRA {
background: #f8f9fa; background: #f8f9fa;
border-radius: 6px; border-radius: 6px;
padding: 0 40px; padding: 0 40px;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLRAcom { .modellineLRAcom {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
color: #4d4d4d; color: #4d4d4d;
line-height: 36px; line-height: 36px;
} }
.modellineLRAcom span { .modellineLRAcom span {
font-weight: 800; font-weight: 800;
} }
.modellineLRAcom .alink { .modellineLRAcom .alink {
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
color: #1b68de; color: #1b68de;
} }
.modellineLRAcom .alink1 { .modellineLRAcom .alink1 {
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
color: #fb6827; color: #fb6827;
} }
.modellineLRAcom1 { .modellineLRAcom1 {
font-size: 15px; font-size: 15px;
} }
.modellineLR61 { .modellineLR61 {
width: 1087px; width: 1087px;
height: 110px; height: 110px;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
} }
.modellineLR62 { .modellineLR62 {
width: 1087px; width: 1087px;
height: 80px; height: 80px;
margin-top: 31px; margin-top: 31px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.modellineLL2 { .modellineLL2 {
height: 350px; height: 350px;
} }
.modellineLR2 { .modellineLR2 {
width: 1087px; width: 1087px;
height: 338px; height: 338px;
background: #f8f9fa; background: #f8f9fa;
border-radius: 6px; border-radius: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0 40px; padding: 0 40px;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLR2T { .modellineLR2T {
border-bottom: 1px dashed #e0e0e0; border-bottom: 1px dashed #e0e0e0;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
padding: 25px 0; padding: 25px 0;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLRAcomflex { .modellineLRAcomflex {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin: 10px 0; margin: 10px 0;
} }
.modellineLR2TL { .modellineLR2TL {
font-size: 16px; font-size: 16px;
color: #4d4d4d; color: #4d4d4d;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
} }
.modellineLR2TB { .modellineLR2TB {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-left: 100px; margin-left: 100px;
} }
.modellineLR2TB img { .modellineLR2TB img {
width: 114px; width: 114px;
height: 108px; height: 108px;
} }
.modellineLR2B { .modellineLR2B {
padding-top: 20px; padding-top: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLL3 { .modellineLL3 {
height: 119px; height: 119px;
} }
.modellineLR3 { .modellineLR3 {
width: 1087px; width: 1087px;
background: #f8f9fa; background: #f8f9fa;
border-radius: 6px; border-radius: 6px;
padding: 20px 40px; padding: 20px 40px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
position: relative; position: relative;
} }
.posiimg { .posiimg {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
right: 50px; right: 50px;
width: 114px; width: 114px;
height: 108px; height: 108px;
} }
.fixBtn { .fixBtn {
width: 160px; width: 160px;
height: 68px; height: 68px;
background: linear-gradient(0deg, #5ea6fd, #1a81f9); background: linear-gradient(0deg, #5ea6fd, #1a81f9);
box-shadow: 0px 1px 20px 1px rgba(13, 92, 187, 0.4); box-shadow: 0px 1px 20px 1px rgba(13, 92, 187, 0.4);
border-radius: 4px; border-radius: 4px;
position: fixed; position: fixed;
right: 10px; right: 10px;
top: 40%; top: 40%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-weight: 500; font-weight: 500;
font-size: 17px; font-size: 17px;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.fixBtn img { .fixBtn img {
width: 40px; width: 40px;
height: 40px; height: 40px;
margin-left: 5px; margin-left: 5px;
} }
</style> </style>

52
src/page/homepage/traininstitute/trainMockData.js
Unescape View File

@ -0,0 +1,52 @@
const trainMock = [
{
time:"8月5号",
content:[
"全天：政府高校领导讲话。"
]
},
{
time:"8月6号",
content:[
"上午：根据《军用软件测试指南》、《军用软件开发文档通用要求》标准，熟悉配置项、单元测试标准内容，以及文档编写。",
"下午：系统级白盒测试（CUTTLEITE）理论知识讲解，以及项目实操。"
]
},
{
time:"8月7号",
content:[
"上午：静态测试工具（EagleEye）知识理论讲解，以及项目实操。",
"下午：接口测试工具（Kinterface）知识理论讲解，以及项目实操。"
]
},
{
time:"8月8号",
content:[
"上午：根据测试项目，编写项目测试大纲，在进行文档审查、功能测试，并编写项目测试用例。" ,
"下午：根据测试项目，通过单元测试工具对代码的最小可测试单元进行检查和验证，以确保其功能正常。"
]
},
{
time:"8月9号",
content:[
"上午：根据测试项目，进行性能测试、边界测试、恢复性测试、安装性测试、余量测试，并编写项目测试用例。",
"下午：根据测试项目，进行文档审查、代码审查、静态分析、单元测试的测试环境配置。"
]
},
{
time:"8月10号",
content:[
"上午：根据测试项目，进行容量测试、强度测试、人机交互界面测试、安全性测试.并编写项目测试用例。",
"下午：根据测试项目，进行单元测试用例设计、单元测试的执行、问题的记录和处理。"
]
},
{
time:"8月11号",
content:[
"上午：根据测试项目，进行可靠性测试、兼容性测试、互操作性测试，编写项目测试用例，编写项目回归测试报告、项目测试报告。",
"下午：根据测试项目，进行测试计划编写、测试说明编写、测试报告编写。"
]
},
]
export default trainMock
Write Preview
Loading…
Cancel
Save