From f133294879cec540a5f1f92a4955a85094b40b4f Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 20 Jun 2024 11:46:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/growth/plane.png | Bin 0 -> 1190 bytes
 src/views/study/Growth.vue         |   2 +-
 src/views/study/GrowthPath.vue     |  81 ++++++++++++++++++++++++++---
 3 files changed, 76 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/images/growth/plane.png

diff --git a/src/assets/images/growth/plane.png b/src/assets/images/growth/plane.png
new file mode 100644
index 0000000000000000000000000000000000000000..a35746feeef8905863339dd453b6509689f0e983
GIT binary patch
literal 1190
zcmV;X1X=ruP)<h;3K|Lk000e1NJLTq001EX001Hg1^@s6(QvTA00001b5ch_0Itp)
z=>Px(U`a$lR9HvtmVIbdbr{E=@AEtN+|4D8pq4R^LJ_G(BJNF`q}T3JDtlp=K_TUI
z&9zy>8Z5YNy|8v^Q;5i!2$2SA>5z@K(seUvz99Zl6r)m*Xjx3A?VfYres#{--97i-
zv%9vtfq!)VIo#j<o#*#C-{*P0&jH;87j6Ou`X3^m1xF>;zN>W!fn~(h(YMq6$y}$*
z5yIown?bS_OvH@tFsapFHDGwIU>qTqe<)qIT@MWcav3ub1YH%ZY&)?-`Ft)wCN0c|
z+V%U0<ykQ0Fboh#!E*m~8f_S;z2nAg!es0Y?|WK35p|ksSgA4YLtt#~-madTEs!Z%
zRKnY#_X6ZKL12Nfpb$W>AFEc|36R;sOz9JAJ7s}N`bB^WCe$!tOm+J7aQL~N+FO3l
z24qSIBY0(J*vp9afQbRb0mknbX5iT)&%65UAe#>TeV4-SVuj@jK;8`&S2z;-U|&`4
zuc^Q$M43-pq%hS&P?W>&<^dnH)Qu1C*4qHN%S=bSMvQ{BY9$7yP5{F~P%%Iy%(5^I
z7<5gFXzBjPa(=SMHz7(}##SoeZvY7f0#VjBo^Hw?v2R>nea>~~{Y76B#mXiDvEUM^
zvI=?px2?E)x;82s(jbh5RV~3T0=-~tX2uV2x!0d;#N{>q;6hd5Vo9<@0PDcAXuM0v
zXx*gFN&0O7S*qEUV}Z!EkjOh+g;1Jp7d6VfTl4h`fLuHt{4X#f%v6y4cFw_(lBUVv
z1S2w(FLDPSM8t7+l(&qPDS`tGsaUzr?m(yK!8G{M<E~Q2bi@}c-VDA2rq}Gg5C<}y
zb3$I2>6rM>2AsS<QOJU6BudhI;7RptMu<gqL+-)_h35gf*TEO89Gizbc8ODQ4l~mk
zW)6rjf4pyV`XF@liPdk9?E=u2Sq;;|Q`9im&Vy-yA<ux-!Gq7>@>E7P2}E!&KwA^-
zm42Y9L`piCaVZb3r3bd8`%ESfM~I5Ig5NQyB=M%^yto1wvceeg4a~H_?gQptMN}Qx
zq8y&;%^e*xY0)RSLeWOSls7)YUlcNWy#Lj_-;8~aw#oUCd7%-86v>W=z-L?4)zbwq
z_NOVavQ=BcB!9F_Mh>28nwQj0-aVQ}Nb0wZcB2@hu^3i#*Qgg}1){uVY?A;ESrGix
zsV4VPd*I4Wz4>1i;-7x;@xJ%ic6HlK034NA)uOc%WFwe<350VNlMk^Zhz{)pm^Mrp
zk-$hetS{+(Y5vt&gD8JPt6`3<k#Oz)w%K($HE?A|@DBjD$I~GM>W|l`du9sYs6?h<
z>-}<Jl=Vvqm&Ers{!||r@FnKJOkn=gM@>Ai$FDyjSROSY1f-;xr?)Qm<V+6EXxo_r
zdi;7TLpECz5})?gyPwV$VA|<e=hwOcdW4xqql$ZJe;rKk$o86MI<%h|bPt$ze6cg<
z{cI19KR*o!36DQ?kr`k1z3h60DEm+S89>a|d#A_w2io&3GW2q%BLDyZ07*qoM6N<$
Eg2ZV+s{jB1

literal 0
HcmV?d00001

diff --git a/src/views/study/Growth.vue b/src/views/study/Growth.vue
index 33f36d7d..ebbe603e 100644
--- a/src/views/study/Growth.vue
+++ b/src/views/study/Growth.vue
@@ -181,7 +181,7 @@ export default {
     startLearn(){
       this.$router.push({
         path: '/growthpath',
-        query: {growId:this.detailData.growId,name: this.detailData.growName}
+        query: {growId:this.detailData.growId,name: this.detailData.growName,isTrue: true}
       })
     },
     checkedTrue(){
diff --git a/src/views/study/GrowthPath.vue b/src/views/study/GrowthPath.vue
index faf2beaa..09cf23ef 100644
--- a/src/views/study/GrowthPath.vue
+++ b/src/views/study/GrowthPath.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="growth">
-    <div style="background-color: #0078fc;">
+    <div v-if="isIframe" style="background-color: #0078fc;">
       <portalHeader textColor="#fff" class="qa-nav" @emitInput="emitInput" @showClass="showClass"></portalHeader>
     </div>
-    <div class="growth-content">
+    <div v-if="isIframe" class="growth-content">
       <div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
       <div class="pathdetails">
         <div class="pdname">
@@ -31,7 +31,7 @@
                 <el-popover popper-class="pathdetails" placement="right-start" width="360" trigger="click"
                   :visible-arrow="false">
                   <div style="font-size: 14px;padding: 20px 20px 10px; ">
-                    <div style="font-size: 16px;font-weight: 600">{{ item.title }}</div>
+                    <div style="font-size: 16px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="item.title">{{ item.title }}</div>
                     <div style="margin: 20px 0;">
                       <el-tag hit :type="item.flag == 0 ? 'danger' : 'success'">{{ item.flag == 0 ? '选修' : '必修' }}</el-tag>
                       <el-tag>{{item.type == 1 ? '在线' : item.type == 5 ?'考试' : '课程'}}</el-tag>
@@ -80,6 +80,7 @@
                   top: getPosition(item.name, index).top + 'px'
                 }" class="iconTitle" :title="item.title">{{ item.title.length>15?item.title.slice(0,15)+'...':item.title }}</div>
               </div>
+              <div class="text_end">您的学习之旅已结束</div>
             </div>
           </div>
           <!-- <div class="footerBtn">
@@ -92,8 +93,42 @@
         </div>
       </div>
     </div>
-
-
+    <!-- 嵌入 -->
+    <div v-else class="growth-content">
+      <div class="pathdetails">
+        <div class="detailinfo">
+          <div class="select">
+            <div class="select-radio" style="margin-left: 0;"><span style="background: #34CA2B;"></span> 必修</div>
+            <div class="select-radio"><span style="background: #FE9C4A;"></span>选修</div>
+          </div>
+          <div class="btn">
+            <el-button type="primary">全岗位路径图</el-button>
+          </div>
+          <div class="detailContent">
+            <div :class="dataList.length <= 7 ? 'detailbgc' : 'detailAllbgc'">
+              <div v-for="item, index in dataList" :key="index">
+                <div class="address" :style="{
+                  backgroundColor: getColor(item.flag, 0),
+                  left: getPosition(item.name, index).left + 'px',
+                  top: getPosition(item.name, index).top + 'px'
+                }">
+                  <div class="icon">
+                    <div class="icon-content" :style="{ background: getColor(item.flag, 1) }">
+                      {{ item.currentRatio || 0 }}%
+                    </div>
+                  </div>
+                </div>
+                <div :style="{
+                  left: (getPosition(item.name, index).left + 55) + 'px',
+                  top: getPosition(item.name, index).top + 'px'
+                }" class="iconTitle" :title="item.title">{{ item.title.length>15?item.title.slice(0,15)+'...':item.title }}</div>
+              </div>
+              <div class="text_end">您的学习之旅已结束</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
 
 
     <div class="u-class">
@@ -225,6 +260,7 @@ export default {
   components: { portalHeader },
   data() {
     return {
+      isIframe: this.$route.query.isTrue,
       switchFalse: false,
       showUClass: false,
       colorAttrValue: {
@@ -623,7 +659,16 @@ export default {
   padding: 0 20px;
   white-space: nowrap;
 }
-
+.text_end{
+  position: absolute;
+  right: 69px;
+  top: 17px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #387DF7;
+  line-height: 22px;
+  text-align: left;
+}
 
 .growth-content {
   position: relative;
@@ -713,6 +758,18 @@ export default {
             height: 55px;
             z-index: 1000;
           }
+          &::after {
+            content: '';
+            position: absolute;
+            top: -2px;
+            right: 14px;
+            background-image: url('../../assets/images/growth/plane.png');
+            background-repeat: no-repeat;
+            background-size: 100%;
+            width: 50px;
+            height: 50px;
+            z-index: 1000;
+          }
         }
 
         .detailAllbgc {
@@ -734,6 +791,18 @@ export default {
             height: 55px;
             z-index: 1000;
           }
+          &::after {
+            content: '';
+            position: absolute;
+            top: -6px;
+            right: 218px;
+            background-image: url('../../assets/images/growth/plane.png');
+            background-repeat: no-repeat;
+            background-size: 100%;
+            width: 50px;
+            height: 50px;
+            z-index: 1000;
+          }
         }
       }