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

src/page/homepage/traininstitute/teacherDetail.css

@@ -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;
+}

src/page/homepage/traininstitute/teacherDetail.vue

@@ -6,7 +6,9 @@
         <img class="topbg2" src="/assets/newtrain/teainfo2.png" alt="" />
       </div>
       <div class="toptitle">北京关键科技股份有限公司 & 河南科技大学</div>
-            <div class="toptitle">关于举办2024“软件可靠性测试”<span>暑期师资培训预报名通知</span></div>
+      <div class="toptitle">
+        关于举办2024“软件可靠性测试”<span>暑期师资培训预报名通知</span>
+      </div>
       <div class="topbbox">
         为深入贯彻党的二十大和全国新型工业化推进大会精神，落实《关于加强和改进工业和信息化人才队伍建设的实施意见》等文件精神。本次师资培训由北京关键科技股份有限公司邀请政府领导、高校软件学院院长、公司内部高级培训讲师提供培训，并根据《软件可靠性测试产业人才岗位能力要求》标准对独立软件的功能、性能和接口等各项需求进行动态测试，对软件以及单元之间的功能、接口、数据结构和逻辑等进行动态测试，以促进产业需求与人才培养对接为目标，决定举办暑期师资培训（双师型）。现将有关通知如下：
       </div>
@@ -20,7 +22,9 @@
             </div>
           </div>
         </div>
-                <div class="modelCon">主办单位：北京关键科技股份有限公司、河南科技大学软件学院</div>
+        <div class="modelCon">
+          主办单位：北京关键科技股份有限公司、河南科技大学软件学院
+        </div>
       </div>
       <div class="model2">
         <div class="modelTitle">
@@ -37,7 +41,21 @@
           培养一支数量充足、结构合理、素质优良的专业知识丰富、实践技能过硬的师资队伍，培训后可以进入公司师资库，成为双师型教师，成为关键公司特聘讲师
         </div>
         <div class="modelConT">培训内容：</div>
-                <div class="modelCon">培训内容详见附件</div>
+        <div class="trainItem" v-for="item in trainMock" :key="item.time">
+          <div class="trainTime">{{item.time}}</div>
+          <div class="trainContentWrap">
+            <div class="lefeLine">
+              <div class="throughCicle"></div>
+            </div>
+            <div class="trainContentText">
+              <div class="trainContentTextItem">
+                <div class="trainContentTextrow"  v-for="(con,cIndex) in item.content" :key="cIndex">
+                  <span>{{con.substring(0,3)}}</span><span>{{con.substring(3,con.length)}}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div class="model3">
         <div class="modelTitle">
@@ -49,7 +67,9 @@
             </div>
           </div>
         </div>
-                <div class="modelCon">本次培训针对全国院校软件测试相关的骨干教师、专业带头人及院校领导。</div>
+        <div class="modelCon">
+          本次培训针对全国院校软件测试相关的骨干教师、专业带头人及院校领导。
+        </div>
       </div>
       <div class="model4">
         <div class="modelTitle">
@@ -85,7 +105,9 @@
         <div class="modelCon">
           本次活动由北京关键科技股份有限公司按照《工业和信息化人才岗位能力评价通则》组织实施，软件可靠性测试结束后，经工业和信息化部人才交流中心审核，符合条件的教师统一参加能力评测，能力评测采取理论和实践相结合的方式进行，通过能力测评的教师，可获得相对应软件测试工程师（高级）。
         </div>
-                <div class="zstitle">通过人员颁发：软件可靠性测试工程师（高级）能力认证证书</div>
+        <div class="zstitle">
+          通过人员颁发：软件可靠性测试工程师（高级）能力认证证书
+        </div>
         <div class="zsimg">
           <img src="/assets/newtrain/teainfo6.png" alt="" />
         </div>
@@ -108,7 +130,9 @@
           </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月5日-8月11日，共计7天
+              </div>
               <div class="modellineLRAcom">
                 <span>报到及返程时间：</span>2024年8月4日报到、8月12日返程
               </div>
@@ -130,8 +154,12 @@
               <div class="modellineLR2TL">培训收费：</div>
               <div class="modellineLR2TM">
                 <div class="modellineLRAcom">2980元/人（含考证费）。</div>
-                                <div class="modellineLRAcom">汇款账户：西安关键软件科技有限公司</div>
+                <div class="modellineLRAcom">
-                                <div class="modellineLRAcom">开户银行：招商银行股份有限公司西安电子二路支行</div>
+                  汇款账户：西安关键软件科技有限公司
+                </div>
+                <div class="modellineLRAcom">
+                  开户银行：招商银行股份有限公司西安电子二路支行
+                </div>
                 <div class="modellineLRAcom">银行账户：129907883710606</div>
               </div>
               <!-- <div class="modellineLR2TB">
@@ -155,7 +183,8 @@
           </div>
           <div class="modellineLR3">
             <div class="modellineLRAcom">
-                            <span>报到地点：</span>润华君悦酒店。本次培训食宿统一安排，费用自理，不安排接站。
+              <span>报到地点：</span
+              >润华君悦酒店。本次培训食宿统一安排，费用自理，不安排接站。
             </div>
             <!-- <div class="modellineLRAcom">
                             住宿费单间330元/天/人含三餐，标间230元/天/人含三餐（暑期资源有限优先选择）。
@@ -169,13 +198,19 @@
           </div>
           <div class="modellineLR3">
             <div class="modellineLRAcom">
-                            <span>报名方式1：</span><span @click="gosign" class="alink">点击报名</span>
+              <span>报名方式1：</span
+              ><span @click="gosign" class="alink">点击报名</span>
             </div>
             <div class="modellineLRAcom">
-                            <span>报名方式2：</span><span class="alink1">扫描右侧二维码报名</span>
+              <span>报名方式2：</span
+              ><span class="alink1">扫描右侧二维码报名</span>
+            </div>
+            <div class="modellineLRAcom">
+              <span> 项目负责人：</span>牛中东 13683248482（同微信）
+            </div>
+            <div class="modellineLRAcom">
+              <span> 项目联系人：</span>王博洋 1521099799
             </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>
@@ -211,9 +246,12 @@
 
 <script>
 // import { mapGetters } from 'vuex'
+import trainMock from "./trainMockData";
 export default {
   data() {
-        return {}
+    return {
+        trainMock:trainMock
+    };
   },
   computed: {
     // ...mapGetters(['token']),
@@ -233,13 +271,14 @@ export default {
       //         .catch(() => {})
       // } else {
       // }
-            this.$router.push('/college/teacherSign')
+      this.$router.push("/college/teacherSign");
     },
   },
-}
+};
 </script>
 
 <style scoped>
+@import url(./teacherDetail.css);
 .modelTitle {
   width: 100%;
   display: flex;

src/page/homepage/traininstitute/trainMockData.js

@@ -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