From dd96b610bdc4ba365bde5051edfbb801f3816ce3 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Thu, 25 Jan 2024 12:14:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E5=B2=97=E4=BD=8D=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/growth/CurrentPath.png      | Bin 0 -> 470 bytes
 src/assets/images/growth/NoPermissionPath.png | Bin 0 -> 442 bytes
 src/assets/images/growth/OtherPath.png        | Bin 0 -> 422 bytes
 src/views/study/Growth.vue                    | 145 +++++++++++++++++-
 4 files changed, 141 insertions(+), 4 deletions(-)
 create mode 100755 src/assets/images/growth/CurrentPath.png
 create mode 100755 src/assets/images/growth/NoPermissionPath.png
 create mode 100755 src/assets/images/growth/OtherPath.png

diff --git a/src/assets/images/growth/CurrentPath.png b/src/assets/images/growth/CurrentPath.png
new file mode 100755
index 0000000000000000000000000000000000000000..94cf9819aa023f011ff7458a929df557d838b467
GIT binary patch
literal 470
zcmV;{0V)28P)<h;3K|Lk000e1NJLTq000{R000>X1^@s6z#LUx00001b5ch_0Itp)
z=>Px$kV!;AR7gwBma%ITK^%p@w|A=-3_>DeCAKyaFvy-Eg@u(^*eD2EMFcC`z~%HX
z|ADPtY|<uRlT?z%Al9iRX;cI)bT8}PK8X+;FYfKI7u|N=d*3|fH_YnN;+LsYaq9*4
zO~grR{tTJWMwI?oP|{6b3hvd+_#@7EUF~lA5jZ<;7-nDXZvQLz^w?p*e*yc1^#Bzg
z${G)fxY3C6$H1L3?a*e1)$QepyJhCX^`w)|D`Klme*{e5Fi(+7n+cj03o`RTurgEV
z`oA9#n_Zf%x$U0zhPAlb^R)B*P2|f}S{~Kx^_%61Ykvz$meLi8`*px<v?hw7&1{{K
zbQ|2P16CztWbJVeNctI=9(jA=!d%Hx`by$Pc*bZ>!<Obc>4ib$HKCc&Y#}P`6gjta
zXuZ<;e!dw;wZGIE&ffJ}yCDCDh3vPgN3#zdpE#FYguK$7sRGI=vbT-NorBTe1YfUW
z4$&G`lyv(8;V2}aqG#`*Sq6?P8Uy5dulAGvbL>aJ*v{<NzoU8f6I|A%!?R;x>i_@%
M07*qoM6N<$f-n^0mjD0&

literal 0
HcmV?d00001

diff --git a/src/assets/images/growth/NoPermissionPath.png b/src/assets/images/growth/NoPermissionPath.png
new file mode 100755
index 0000000000000000000000000000000000000000..6bc5bb8898d7d30e71e4d76a48fe606f1b68a153
GIT binary patch
literal 442
zcmV;r0Y(0aP)<h;3K|Lk000e1NJLTq000{R000;W1^@s63qXeZ00001b5ch_0Itp)
z=>Px$bV)=(R7gv`mQPB<Kp4f}mx#?2x==*V-~qIQ3l%(pH_!_dT)1e>Kp^$cq9}Cl
z72LVEAd;TIjTcbFE()0_O+Tqnv9)c+k}<o$oA;adzHc!k{rD1~3J5N2eT)>~CP`oS
ztb&FC7%54mdGJrJv;Kki*Sy0mqOihg|M814ggI_+?I9?=<PF;jx~u(k;dv%ZDt!vj
z5x`ebC{E_Rgdr@60Tux1DD;X_C3gVtWJ9SHh2HK^X9ycjR`zv^2-{X**`{WSxsq9~
zadc)@Yy8)3G@D4a%4lZUHf9PV*m#Y07sS^w2m%Zp)kV?jf|Qj$Cs2jK&2}iNW~KdB
z8Pzzi`S`hsFlN*oqHbQ0Zy%--Q~wM=kEBZ80A9)+GG@rYEp62Fp5x*GZ1Gv(;0cb`
zAlr$4`p<wdZC1O>X#vI;5=kk&zo5>v08@>mif;hg|7&svH`-zGc+$D4u(HzEU>p*e
kC&S>$MhK!%)F;6{0g;0()?m2QYXATM07*qoM6N<$f>~h2ivR!s

literal 0
HcmV?d00001

diff --git a/src/assets/images/growth/OtherPath.png b/src/assets/images/growth/OtherPath.png
new file mode 100755
index 0000000000000000000000000000000000000000..bb5aa403ec346efde6da85c4b39a1973e2a00970
GIT binary patch
literal 422
zcmV;X0a^ZuP)<h;3K|Lk000e1NJLTq000{R000;W1^@s63qXeZ00001b5ch_0Itp)
z=>Px$U`a$lR7gv`md{E;K@`Tn&v2pAqKJBiUZR4Ypf{+EGr9;`w8%Cs`m>P&5u79R
z3hmnGQ?%&?il{}P8|R+5pn{^_Q5^5?GH1TueBU`RLlJoda1LMt@jefrK@sUk1`RFv
z6sCi}eE{DP%<TYpPjyGIBuVxvmCDzuVXancH<!zO&V`A{9e@h}PsW(*We*Vw>jEeM
z=ow>*?RNW3RS&bEBs=AD`Dj=d3LA4KA{_t+QD9l3q3cUIiyh-w&!Wb-)@cmwNmgA@
z&$2{9*Mne_F-9E_=UkU$K~;O!+G6Yhc^F(h4P(qzXl#>pK`|~X9t2a>8p*#^L54ac
zH&yjsRr~1`^8;XO)sQKAuXN5GlRPCE<ynv<2}pjFN~Jp2;An)H2V=9@+|K9o!3Xl*
z`)alNJIlaKA?Mr+$&*E$t7_d^dpT|2Oqhr~12{|HDGLC-s@_;@Z>R0~2k|B?S{0pk
Q{{R3007*qoM6N<$f(6F2h5!Hn

literal 0
HcmV?d00001

diff --git a/src/views/study/Growth.vue b/src/views/study/Growth.vue
index 6bdc7760..6bab22cf 100644
--- a/src/views/study/Growth.vue
+++ b/src/views/study/Growth.vue
@@ -16,7 +16,7 @@
             <div class="select-radio"><span style="background: #F2675D;"></span>已完成</div>
           </div>
           <div class="btn">
-            <el-button type="primary">全岗位路径图</el-button>
+            <el-button type="primary" @click="dialogTableVisible = true">全岗位路径图</el-button>
             <el-button type="primary" style="margin-left: 0;margin-top: 30px;">未完成</el-button>
           </div>
           <div class="detailContent">
@@ -96,6 +96,74 @@
         </div>
       </el-dialog>
     </div>
+    <el-dialog  :visible.sync="dialogTableVisible">
+      <span slot="title" class="dialog-header">
+        <div>全岗位路径</div>
+        <div class="otherImg">
+          <img src="../../assets/images/growth/CurrentPath.png" alt="">
+          <span>当前路径</span>
+        </div>
+        <div class="otherImg">
+          <img src="../../assets/images/growth/OtherPath.png" alt="">
+          <span>其他路径</span>
+        </div>
+        <div class="otherImg">
+          <img src="../../assets/images/growth/NoPermissionPath.png" alt="">
+          <span>其他路径（无权限）</span>
+        </div>
+      </span>
+      <el-table :data="gridData" border>
+        <el-table-column property="name" label=""></el-table-column>
+        <el-table-column label="市场企划岗" >
+          <template slot-scope="scope">
+            <span v-if="scope.row.marketStatus === 0"><img src="../../assets/images/growth/CurrentPath.png" alt=""></span>
+            <span v-else-if="scope.row.marketStatus === 1">
+              <img src="../../assets/images/growth/OtherPath.png" alt="">
+            </span>
+            <span v-else><img src="../../assets/images/growth/NoPermissionPath.png" alt=""></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="销售岗" >
+          <template slot-scope="scope">
+            <span v-if="scope.row.saleStatus === 0"><img src="../../assets/images/growth/CurrentPath.png" alt=""></span>
+            <span v-else-if="scope.row.saleStatus === 1">
+              <img src="../../assets/images/growth/OtherPath.png" alt="">
+            </span>
+            <span v-else><img src="../../assets/images/growth/NoPermissionPath.png" alt=""></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="产品企划岗">
+          <template slot-scope="scope">
+            <span v-if="scope.row.productStatus === 0"><img src="../../assets/images/growth/CurrentPath.png"
+                alt=""></span>
+            <span v-else-if="scope.row.productStatus === 1">
+              <img src="../../assets/images/growth/OtherPath.png" alt="">
+            </span>
+            <span v-else><img src="../../assets/images/growth/NoPermissionPath.png" alt=""></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="FAE岗">
+          <template slot-scope="scope">
+            <span v-if="scope.row.FAEStatusL === 0"><img src="../../assets/images/growth/CurrentPath.png" alt=""></span>
+            <span v-else-if="scope.row.FAEStatusL === 1">
+              <img src="../../assets/images/growth/OtherPath.png" alt="">
+            </span>
+            <span v-else><img src="../../assets/images/growth/NoPermissionPath.png" alt=""></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="销售管理岗位">
+          <template slot-scope="scope">
+            <span v-if="scope.row.salesManagement === 0"><img src="../../assets/images/growth/CurrentPath.png"
+                alt=""></span>
+            <span v-else-if="scope.row.salesManagement === 1">
+              <img src="../../assets/images/growth/OtherPath.png" alt="">
+            </span>
+            <span v-else><img src="../../assets/images/growth/NoPermissionPath.png" alt=""></span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+    </el-dialog>
   </div>
 </template>
 
@@ -104,8 +172,6 @@ import portalHeader from '@/components/PortalHeader.vue';
 export default {
   name: 'Growth',
   components: { portalHeader },
-  computed: {
-  },
   data() {
     return {
       showUClass: false,
@@ -164,7 +230,51 @@ export default {
         progress: '10',
         title: '岗前岗前',
         status: 1
-      }]
+      }],
+      dialogTableVisible: false,
+      gridData: [{
+        name: 'Band10+',
+        marketStatus: 0,
+        saleStatus: 1,
+        productStatus: 2,
+        FAEStatusL: 0,
+        salesManagement: 1
+      }, {
+        name: 'Band10',
+        marketStatus: 1,
+        saleStatus: 2,
+        productStatus: 1,
+        FAEStatusL: 0,
+        salesManagement: 1
+      }, {
+        name: 'Band9',
+        marketStatus: 2,
+        saleStatus: 0,
+        productStatus: 0,
+        FAEStatusL: 0,
+        salesManagement: 1
+      }, {
+        name: 'Band8',
+        marketStatus: 0,
+        saleStatus: 1,
+        productStatus: 2,
+        FAEStatusL: 0,
+        salesManagement: 1
+      }, {
+        name: 'Band7',
+        marketStatus: 1,
+        saleStatus: 2,
+        productStatus: 0,
+        FAEStatusL: 0,
+        salesManagement: 1
+      }, {
+        name: 'Band6',
+        marketStatus: 2,
+        saleStatus: 0,
+        productStatus: 1,
+        FAEStatusL: 0,
+        salesManagement: 1
+      }],
 
     };
   },
@@ -270,6 +380,33 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .el-dialog__header {
+  border-bottom: 1px solid #E8E8E8;
+  padding-bottom: 20px;
+
+  .dialog-header {
+    display: flex;
+    align-items: center;
+    font-size: 18px;
+    color: #333333;
+
+    .otherImg {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 60px;
+
+      img {
+        width: 27px;
+        height: 24px;
+        margin-right: 6px;
+      }
+    }
+  }
+}
+
+
+
 .address {
   position: absolute;
   width: 50px;