1

src/views/study/Growth.vue

@@ -38,6 +38,9 @@
           <div class="footerBtn">
             <el-button type="primary">1-7课</el-button>
             <el-button>8-14课程</el-button>
+            <el-button type="primary" @click="switchInfo(5)">5</el-button>
+            <el-button type="primary" @click="switchInfo(7)">7</el-button>
+            <el-button type="primary" @click="switchInfo(14)">14</el-button>
           </div>
         </div>
       </div>
@@ -109,7 +112,20 @@ export default {
             { left: 904, top: 334 },
             { left: 990, top: 56 },
           ]
-        }
+        },
+        '路径图背景7': {
+          outsideColors: "#b8e3b8",
+          withinColors: "#8bc94b",
+          positions: [
+            { left: 656, top: 594 },
+            { left: 3, top: 530 },
+            { left: 436, top: 360 },
+            { left: 904, top: 334 },
+            { left: 990, top: 56 },
+            { left: 0, top: 0 },
+            { left: 0, top: 0 },
+          ]
+        },
       },
       dataList: [{
         name: '路径图背景',
@@ -141,6 +157,72 @@ export default {
   mounted() {
   },
   methods: {
+    switchInfo(num) {
+      if (num === 5) {
+        this.dataList = [{
+          name: '路径图背景',
+          progress: '99',
+          title: '岗前培训+OJT辅导OJT辅导OJT辅导OJT辅导OJT辅导'
+        }, {
+          name: '路径图背景',
+          progress: '10',
+          title: '岗前培JT辅导OJT辅导'
+        },
+        {
+          name: '路径图背景',
+          progress: '10',
+          title: '岗前'
+        },
+        {
+          name: '路径图背景',
+          progress: '10',
+          title: '岗位'
+        },
+        {
+          name: '路径图背景',
+          progress: '10',
+          title: '岗前岗前'
+        }]
+        return false
+      }
+      if (num === 7) {
+        this.dataList = [{
+          name: '路径图背景7',
+          progress: '99',
+          title: '岗前培训+OJT辅导OJT辅导OJT辅导OJT辅导OJT辅导'
+        }, {
+          name: '路径图背景7',
+          progress: '10',
+          title: '岗前培JT辅导OJT辅导'
+        },
+        {
+          name: '路径图背景7',
+          progress: '10',
+          title: '岗前'
+        },
+        {
+          name: '路径图背景7',
+          progress: '10',
+          title: '岗位'
+        },
+        {
+          name: '路径图背景7',
+          progress: '10',
+          title: '岗前岗前'
+        },
+        {
+          name: '路径图背景7',
+          progress: '10',
+          title: '岗前岗前'
+        },
+        {
+          name: '路径图背景7',
+          progress: '10',
+          title: '岗前岗前'
+        }]
+        return false
+      }
+    },
     showClass(flag) {
       if (flag) {
         this.showUClass = flag;