From 8db79d599b983c31f6699260ff33eebf130589bc Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 26 Jun 2024 09:05:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/growth/index.js             |   6 +-
 src/assets/images/growth/return.png | Bin 0 -> 818 bytes
 src/assets/images/growth/yuan.png   | Bin 0 -> 2195 bytes
 src/router/index.js                 |   7 +
 src/views/study/ExamScore.vue       | 567 ++++++++++++++++++++++++++++
 src/views/study/GrowthPath.vue      |  23 +-
 6 files changed, 600 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/images/growth/return.png
 create mode 100644 src/assets/images/growth/yuan.png
 create mode 100644 src/views/study/ExamScore.vue

diff --git a/src/api/growth/index.js b/src/api/growth/index.js
index 39fb0293..e00e31a0 100644
--- a/src/api/growth/index.js
+++ b/src/api/growth/index.js
@@ -4,4 +4,8 @@ export const getList = (params) => ajax.get('/manageApi',`/stu/grow/getStuLearnI
 //获取路径图详情
 export const taskList = (params) => ajax.get('/manageApi',`/stu/grow/taskList?growId=${params}`);
 //全岗位路径
-export const getFullJobPath = (params) => ajax.get('/manageApi',`/stu/grow/getFullJobPath`);
\ No newline at end of file
+export const getFullJobPath = (params) => ajax.get('/manageApi',`/stu/grow/getFullJobPath`);
+//外部考试
+export const queryExternalExam = (params) => ajax.get('/manageApi',`/external/exam/queryExternalExam?externalId=${params.externalId}&type=14`);
+//外部考试点击调用
+export const submitExternalExam = (params) => ajax.postJson('/manageApi',`/stu/externalExam/submitExternalExam`,params);
\ No newline at end of file
diff --git a/src/assets/images/growth/return.png b/src/assets/images/growth/return.png
new file mode 100644
index 0000000000000000000000000000000000000000..009c9c86cde95a0097eef6fb2f4f8bafc45ec628
GIT binary patch
literal 818
zcmV-21I_%2P)<h;3K|Lk000e1NJLTq000vJ000vR1^@s6a!@wR00001b5ch_0Itp)
z=>Px%>`6pHR5(v{lTBz9R~Uw$_e^fpQY31tL@RV7x)5Es&`Ki_{3%w^3YLnrwOEu`
zy*KSbODQOVt%{J`Yp@}T3n?u%3)3P*g@Qj+p}!_5Vo`KsbY)D_n%K;luguK#-rO5A
ztC@4o_ssXb?|Ve`v%}^PM7uz%!CtA@Hu{myBORbce^i&MVj=7IAwB~#z~7i%M0$u}
zNH1fy6fr6J##-qKKIMYKXN)o|=Z^zh5=g|Cgahq-UE5djv+ed08Qurm12z@x41>XX
z+BF=XOJP~R7qJK9F5&PBj*h=QYW$H4JMC2zbs^>g$H)g;Q&_6e4U8cIH=kyW0GY@}
z$B|~xtGDQoFEMjA4Wb@kDsoF{(FKw7Cx8zzc2furl^ZaTi@pWk1#Z#p=8n`SIoA|!
z!t@QM^Ay}lk@b%d8OFKk9MV7vi$V51*aqM>PoFl>_Tv3fqi?W)y66s~4(ICP&SGay
zldoA{29-Lxj(00*RqvP@KAQ|%o5GBC3c<G2jPNAVdueeDvDo^`2*J<fgN@0Noc|oy
z5B5Q^Gup@pjYU`&(wphDJVCq=r>xXj@}{fgU41bLyATI4+gyaHgS>ku+5E&N;O!i;
zdQ9CoHSmQ0O0bED!}_=Mo%P2MA0hX43>&~0CU7%o)?f)3`JX_q1J@XI4YaHOxw>Wj
zO<)#7Lo;LhPbIDyjTC~mQbE$8kMH3d!0+_Bg%vrA5AL)zxadbrmnpa<B5Mm!^c(O9
z=jPF@as*OfC(;zU-J*(|HTBhE6aNHWLv9r<>MCBRuodZJjO&DMIY;$y%qXO~PR3hj
zs;m7#p=MoTOH#DgYUs1mV5>n7uxK|u!FQt)pNtl+!KsjRWcr1Fw2TvJ*vpo0wG0#d
z5m1^pxCdOq_zMwYHajsy%qeEDgK^qYzBQx62)W@Upf51hBgR*a8-lK2{woTZv(-{m
wC%e4gXp^Y%i-9S)AYOlr_>~qt7)#Ip0eVCyBd-tU*Z=?k07*qoM6N<$f*L)20ssI2

literal 0
HcmV?d00001

diff --git a/src/assets/images/growth/yuan.png b/src/assets/images/growth/yuan.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6545d0a1aed15f58c0045c93ae03a21b191923e
GIT binary patch
literal 2195
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
Vt=MYCH0=NY002ovPDHLkV1l#SL(u>L

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index 6f7163be..a52d8abf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -124,6 +124,13 @@ export const constantRoutes = [{
   name: 'growthpath',
   meta: { title: '成长路径图', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
 },
+{
+  path: '/ExamScore',
+  hidden: true,
+  component: (resolve) => require(['@/views/study/ExamScore'], resolve),
+  name: 'ExamScore',
+  meta: { title: '成长路径图', keepAlive: true, icon: 'dashboard', noCache: true, affix: false },
+},
 {
     path: '/courseRecommended',
     hidden: true,
diff --git a/src/views/study/ExamScore.vue b/src/views/study/ExamScore.vue
new file mode 100644
index 00000000..4cff6238
--- /dev/null
+++ b/src/views/study/ExamScore.vue
@@ -0,0 +1,567 @@
+<template>
+  <div>
+    <div style="background-color: #0078fc;">
+      <portalHeader textColor="#fff" class="qa-nav" @emitInput="emitInput" @showClass="showClass"></portalHeader>
+    </div>
+    <div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
+    <div class="moreactive" style="padding: 30px">
+      <!-- 面包屑导航 -->
+      <div class="crumb">
+        <div>学习任务</div>
+        <div style="margin-left: 6px; margin-right: 6px">/</div>
+        <div>外部考试</div>
+        <div style="margin-left: 6px; margin-right: 6px">/</div>
+        <div style="font-weight: 700; font-size: 16px">考试详情</div>
+        <div class="return">
+          <div style="background: #fff;display: flex;color:#0073FB;align-items: center;justify-content: center;border-radius: 6px;width: 92px;height: 32px;" @click="returnclick">
+            <!-- <div style="color:#0073FB;display: flex;align-items: center;">	 -->
+              <img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/images/growth/return.png" />
+              <span>返回</span>
+            <!-- </div> -->
+          </div>
+        </div>
+      </div>
+      <!-- 面包屑导航 -->
+      <!-- 详细信息 -->
+      <div class="detailinfo">
+        <div class="detail">
+          <div class="detailT">
+            <div class="left">
+              <div class="debateTitle" style="color:rgba(51, 51, 51, 1);font-size:20px;margin-top:46px;">【考试】{{ this.$route.query.pName }}</div>
+              <div class="title">
+                <img
+                    style="width: 20px; height: 20px"
+                    src="../../assets/images/growth/yuan.png"
+                />
+                <div class="text">数据来源</div>
+                <div class="box"></div>
+              </div>
+              <div class="all" style="font-size:14px;color:rgba(51, 51, 48, 1);">
+                {{  datainfo.source ? datainfo.source : "-"  }}
+              </div>            
+            </div>
+          </div>
+
+          <div class="detailT" style="margin-top:20px;height:671px;">
+            <div class="left">
+              <div class="title">
+                <img
+                    style="width: 20px; height: 20px"
+                    src="../../assets/images/growth/yuan.png"
+                />
+                <div class="text">考试说明</div>
+                <div class="box"></div>
+              </div>
+              <!-- <div style="display: flex; align-items: center"></div> -->
+              <div class="all" style="font-size:14px;color:rgba(51, 51, 48, 1);">
+                <div>
+                    {{ datainfo.examinationExplain ? datainfo.examinationExplain : "暂无考试说明" }}
+                </div>
+              </div>            
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 详细信息 -->
+    </div>
+  </div>
+</template>
+
+<script>
+import portalHeader from '@/components/PortalHeader.vue';
+import {queryExternalExam,submitExternalExam} from '@/api/growth/index'
+  export default {
+    name: "ExamScore",
+    components: { portalHeader },
+    data() {
+      return {
+        hasPrev: false,
+        hasNext: false,
+        exname: "",
+        datainfo: {},
+      };
+    },
+    mounted() {
+      queryExternalExam({
+        externalId: this.$route.query.courseId
+      }).then(res=>{
+        console.log(res,'res')
+        this.datainfo = res.data
+      })
+    },
+    methods: {
+      returnclick () {
+        this.$router.back();
+      },
+      emitInput(val) {
+        this.queryKeyWord = val;
+        this.isSeach = true;
+        this.search();
+      },
+      showClass(flag) {
+        if (flag) {
+          this.showUClass = flag;
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .clearfix:before,
+  .clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+  
+  .moreactive {
+    .crumb {
+      color: #fff;
+      display: flex;
+      font-size: 14px;
+      line-height: 24px;
+      position: relative;
+    }
+    .return{
+      position: absolute;
+      right: 1%;
+      .text{
+        text-align: center;
+       display: flex;
+       flex-direction: row;
+       align-items: center;
+      }
+    }
+    .preNext {
+      position: absolute;
+      right: 0px;
+  
+      .content {
+        font-size: 14px;
+        color: #fff;
+        width: 43px;
+        height: 14px;
+        display: inline-block;
+        position: relative;
+        top: -6px;
+        cursor: pointer;
+      }
+  
+      .btn {
+        width: 23px;
+        height: 23px;
+        border-radius: 50%;
+        border: 0;
+        cursor: pointer;
+      }
+    }
+  
+    .debateTitle {
+      margin-top: 15px;
+      font-size: 20px;
+      line-height: 24px;
+      height: 24px;
+      font-weight: 600;
+      color: #fff;
+      margin-left: -10px;
+    }
+  
+    .detailinfo {
+      width: 100%;
+      margin-top: 20px;
+      display: flex;
+  
+      .detail {
+        flex: 1;
+        // margin-right: 20px;
+        .detailT {
+          min-height: 95px;
+          background: #ffffff;
+          border-radius: 8px;
+          color: rgba(51, 51, 51, 1);
+          display: flex;
+          padding-bottom: 20px;
+  
+          .left {
+            margin-left: 48px;
+            flex: 1;
+          }
+  
+          .right {
+            width: 417px;
+            margin-right: 48px;
+  
+            .righttitle {
+              display: flex;
+              padding-top: 39px;
+              position: relative;
+  
+              .text {
+                margin-left: 8px;
+                font-size: 16px;
+                color: rgba(51, 51, 51, 1);
+                font-weight: 800;
+              }
+  
+              .box {
+                width: 75px;
+                height: 10px;
+                background-color: rgba(36, 120, 255, 0.15);
+                position: absolute;
+                left: 23px;
+                top: 53px;
+              }
+            }
+  
+            .timebox {
+              width: 417px;
+              height: 149px;
+              background: linear-gradient(90deg, #b6c6e1 0%, #89aed6 100%);
+              border-radius: 4px;
+              margin-top: 42px;
+            }
+  
+            .innertime {
+              margin-top: 17px;
+              margin-left: 55px;
+              font-size: 14px;
+              font-weight: 500;
+              color: #ffffff;
+              line-height: 24px;
+            }
+  
+            .endtime {
+              margin-left: 10px;
+              margin-top: 16px;
+              width: 397px;
+              height: 81px;
+              background: #f2f5f7;
+              border-radius: 0px 8px 0px 8px;
+  
+              .endtimetext {
+                margin-top: 25px;
+                margin-left: 46px;
+  
+                .te {
+                  font-size: 28px;
+                  font-weight: 800;
+                  color: #4a9cf8;
+                  line-height: 24px;
+                }
+              }
+            }
+  
+            .explain {
+              margin-top: 30px;
+              width: 416px;
+              padding-bottom: 50px;
+              background: #f2f5f7;
+              border-radius: 8px;
+            }
+  
+            .explaincontent {
+              width: 368px;
+              font-size: 16px;
+              font-weight: 500;
+              color: #333330;
+              line-height: 24px;
+              margin-left: 24px;
+              margin-top: 47px;
+            }
+          }
+  
+          .title {
+            display: flex;
+            align-items: center;
+            padding-top: 39px;
+            position: relative;
+          }
+  
+          .title .text {
+            margin-left: 8px;
+            font-size: 16px;
+            color: rgba(51, 51, 51, 1);
+            font-weight: 800;
+          }
+  
+          .title .box {
+            width: 75px;
+            height: 10px;
+            background-color: rgba(36, 120, 255, 0.15);
+            position: absolute;
+            left: 23px;
+            top: 53px;
+          }
+  
+          .all {
+            display: flex;
+            justify-content: space-between;
+            // width: 1280px;
+            margin-right: 48px;
+            margin-top: 43px;
+  
+            .allbox1 {
+              margin-right: 22px;
+              background: linear-gradient(
+                      0deg,
+                      rgba(160, 193, 230, 0) 0%,
+                      rgba(161, 195, 231, 0.2) 100%
+              );
+            }
+  
+            .allbox2 {
+              margin-right: 22px;
+              background: linear-gradient(
+                      0deg,
+                      rgba(177, 219, 229, 0) 0%,
+                      rgba(172, 216, 227, 0.2) 100%
+              );
+            }
+  
+            .allbox3 {
+              background: linear-gradient(
+                      0deg,
+                      rgba(195, 209, 234, 0) 0%,
+                      rgba(191, 206, 231, 0.2) 100%
+              );
+            }
+  
+            .item {
+              // width: 410px;
+              width: calc(100% - 44px);
+              height: 149px;
+              text-align: center;
+              border-radius: 4px;
+  
+              .item1 {
+                color: #089dff;
+                font-size: 24px;
+                font-weight: bold;
+                margin-top: 36px;
+              }
+  
+              .item2 {
+                color: #333330;
+                font-size: 14px;
+                margin-top: 29px;
+              }
+            }
+          }
+  
+          .join {
+            // width: 1280px;
+            margin-right: 48px;
+            // min-height: 408px;
+            // background: #f5f6f7;
+            // border-radius: 8px;
+            margin-top: 32px;
+            margin-left: 21px;
+            flex: 1;
+  
+            .stem {
+              display: flex;
+              font-size: 16px;
+              font-weight: 500;
+              color: #333330;
+              line-height: 38px;
+            }
+  
+            .options {
+              display: flex;
+              align-items: center;
+              flex-wrap: wrap;
+            }
+  
+            .radio {
+              margin-top: 14px;
+              margin-left: -16px;
+              position: relative;
+            }
+  
+            .radio label {
+              line-height: 20px;
+              position: relative;
+              display: flex;
+              align-items: center;
+              font-weight: normal;
+  
+              .opt-text {
+                font-size: 14px;
+                font-weight: bold;
+                color: #333330;
+                line-height: 18px;
+                margin-left: 10px;
+              }
+            }
+  
+            .radio .option {
+              width: 19px;
+              height: 18px;
+              // position: absolute;
+              // top: 1px;
+              // // top: 32px;
+              // left: 0px;
+              background-size: cover;
+              // background: url(../../assets/image/noselect.png) no-repeat;
+              background-size: cover;
+            }
+  
+            .radio input[type="radio"] {
+              display: inline-block;
+              margin-right: -3px;
+              opacity: 0;
+            }
+  
+            .radio input[type="radio"]:checked + div {
+              // background: url(../../assets/image/select.png) no-repeat;
+              background-size: cover;
+            }
+  
+            .imgcontent {
+              display: flex;
+  
+              .imgone {
+                width: 140px;
+                height: 140px;
+                border-radius: 8px;
+                // background-image: url(../../assets/image/px.png);
+                background-size: 100% 100%;
+                background-position: center;
+              }
+            }
+  
+            .ontitle {
+              margin-top: 27px;
+              font-size: 14px;
+              color: #333330;
+            }
+          }
+        }
+  
+        .detailB {
+          min-height: 363px;
+          background: #ffffff;
+          border-radius: 8px;
+          margin-top: 20px;
+  
+          .el-tabs__item {
+            height: 69px;
+            padding: 25px 7px 0px 52px;
+            font-size: 14px;
+            font-weight: 500;
+          }
+  
+          .el-tabs__nav-wrap::after {
+            background-color: rgba(56, 125, 247, 0.2);
+          }
+  
+          .enclosure {
+            height: 89px;
+            margin-left: 51px;
+            margin-right: 40px;
+            // border-bottom: 1px solid rgba(56, 125, 247, 0.2);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+  
+            .enclosureL {
+              display: flex;
+              align-items: center;
+              font-size: 14px;
+              font-weight: 400;
+              color: #677d86;
+              line-height: 24px;
+            }
+  
+            .download {
+              display: flex;
+              align-items: center;
+              font-size: 16px;
+              font-weight: 400;
+              color: #2478ff;
+              line-height: 24px;
+              cursor: pointer;
+            }
+          }
+  
+          .work {
+            margin-left: 51px;
+            margin-right: 40px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 37px;
+          }
+  
+          .work .question {
+            font-size: 14px;
+            font-weight: 500;
+            color: #333330;
+            line-height: 18px;
+          }
+  
+          .work .active {
+            width: 82px;
+            height: 28px;
+            background: linear-gradient(90deg, #a5d4e0 0%, #b4dce6 100%);
+            border-radius: 4px;
+            font-size: 14px;
+            font-weight: 500;
+            color: #ffffff;
+            line-height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            margin-right: 11px;
+          }
+  
+          .work .unactive {
+            width: 80px;
+            height: 26px;
+            border: 1px solid #a5d4e0;
+            border-radius: 4px;
+            font-size: 14px;
+            font-weight: 500;
+            color: #a5d4e0;
+            line-height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-right: 11px;
+            cursor: pointer;
+          }
+  
+          .work .btncolor {
+            background: linear-gradient(90deg, #84aad2 0%, #a4c5e9 100%);
+          }
+  
+          .work .bordercolor {
+            border: 1px solid #85aad2;
+          }
+  
+          .work .fontcolor {
+            color: rgba(133, 170, 210, 1);
+          }
+  
+          .work .submit {
+            width: 126px;
+            height: 46px;
+            background: #2478ff;
+            box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+            border-radius: 4px;
+            font-size: 16px;
+            font-weight: 800;
+            color: #ffffff;
+            line-height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/study/GrowthPath.vue b/src/views/study/GrowthPath.vue
index 2ce528a7..ba1b69b0 100644
--- a/src/views/study/GrowthPath.vue
+++ b/src/views/study/GrowthPath.vue
@@ -269,7 +269,7 @@
 
 <script>
 import portalHeader from '@/components/PortalHeader.vue';
-import {taskList,getFullJobPath} from '@/api/growth';
+import {taskList,getFullJobPath,submitExternalExam} from '@/api/growth';
 import { scrollTo } from '@/utils/scroll-to'
 export default {
   name: 'GrowthPath',
@@ -698,7 +698,26 @@ export default {
         this.$router.push("/course/studyindex?id=" + item.targetId);
       }else if (item.type == 5) {
         if(item.examType != 1){
-          window.open(`${process.env.VUE_APP_BOE_WEB_URL}/fe-student/externalexamination?id=${item.id}&type=${item.type}&infoId=${item.id}&courseId=${item.id}&pName=${item.name}&exname=${item.name}&chapterOrStageId=${0}`)
+          // window.open(`${process.env.VUE_APP_BOE_WEB_URL}/fe-student/externalexamination?id=${item.id}&type=${14}&infoId=${item.id}&courseId=${item.id}&pName=${item.name}&exname=${item.name}&chapterOrStageId=${0}`)
+          submitExternalExam({
+            "type": 14,
+            "externalId": item.courseId,
+            "externalName": item.title,
+            "targetId": this.$route.query.growId,
+            "studentNo": item.studentNo
+          }).then(res=>{
+            console.log(res,'res')
+          })
+          this.$router.push({
+            path: '/ExamScore',
+            query: {
+              id: item.id,
+              type: 14,
+              pName: item.title,
+              courseId: item.courseId,
+              studentNo: item.studentNo
+            }
+          })
           return
         }
         console.log(item,'考试')