<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>
        <timeLineWrap
          v-for="item in teachTrainData"
          :key="item.time"
          :timeLineData="item"
        >
          <!-- <template slot="contentRow">
              <div>ssss</div>
            </template> -->
        </timeLineWrap>
      </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 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 class="modelConT">培训收费：</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 class="modellineLRAcom">
                  开户银行：招商银行股份有限公司西安电子二路支行
                </div>
                <div class="modellineLRAcom">银行账户：129907883710606</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 class="modellineLLCricle modellineLLCricle1"></div>
          </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" style="height: 250px">
            <div class="modellineLLCricle modellineLLCricle1"></div>
          </div>
          <div class="modellineLR3">
            <div class="modellineLRAcom">
              <span>报名方式1：</span
              ><span @click="gosign" class="alink">点击报名</span>
            </div>
            <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 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'
import teachTrainData from "@/config/teacherTrain";
import timeLineWrap from "../../../components/timeLineWrap/index.vue";
export default {
  data() {
    return {
      teachTrainData: teachTrainData,
    };
  },
  components: {
    timeLineWrap,
  },
  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>
.model2{
  margin-bottom: 40px;
}
.modelTitle {
  width: 100%;
  display: flex;
  align-items: center;
}
.modelTitleL {
  flex: 1;
  font-weight: 800;
  font-size: 50px;
  color: #1b68de;
  transform: translateY(-8px);
}
.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;
  text-indent: 2em;
}
.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: 240px;
  background: #1b68de;
  position: relative;
}
.modellineLLCricle {
  position: absolute;
  left: -6px;
  width: 11px;
  height: 11px;
  background: #f8f9fa;
  border-radius: 50%;
  border: 2px solid #1b68de;
}
.modellineLLCricle1 {
  top: 10px;
}
.modellineLLCricle2 {
  top: 154px;
}
.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;
}
.modellineLRAcom .alink {
  cursor: pointer;
  font-weight: 500;
  color: #1b68de;
}
.modellineLRAcom .alink1 {
  cursor: pointer;
  font-weight: 500;
  color: #fb6827;
}

.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;
}
.modellineLRAcomflex {
  display: flex;
  align-items: flex-start;
  margin: 10px 0;
}
.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;
  background: #f8f9fa;
  border-radius: 6px;
  padding: 20px 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.posiimg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  width: 114px;
  height: 108px;
}
.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>