路由

src/pages/modules/firedry/one.vue

@@ -170,13 +170,14 @@
         </div>
         <div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
           <div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(3)">3</div>
-            <div class="tooltip_page current_page pointer" @click.stop="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepageone" class="tooltip_page">1</router-link>
+            <router-link to="/hnlkone" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapeone" class="tooltip_page">3</router-link>
+            <div class="tooltip_page current_page pointer">4</div>
+            <router-link to="/sortpackone" class="tooltip_page">5</router-link>
+            <router-link to="/pdone" class="tooltip_page">6</router-link>
           </div>
         </div>
     </div>
@@ -208,27 +209,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepageone')
-          break
-        case 2:
-          this.$router.push('/hnlkone')
-          break
-        case 3:
-          this.$router.push('/takeshapeone')
-          break
-        case 4:
-          break
-        case 5:
-          this.$router.push('/sortpackone')
-          break
-        case 6:
-          this.$router.push('/pdone')
-          break
-      }
-    },
     mouseoverHandle (e) {
       this.FinishedProductShelfList.map(el => {
         if (e.material_code !== '-' && e.material_code === el.material_code) {

src/pages/modules/firedry/two.vue

@@ -94,13 +94,14 @@
             </div>
         </div>
         <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepagetwo" class="tooltip_page">1</router-link>
+            <router-link to="/hnlktwo" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapetwo" class="tooltip_page">3</router-link>
+            <div class="tooltip_page current_page pointer">4</div>
+            <router-link to="/sortpacktwo" class="tooltip_page">5</router-link>
+            <router-link to="/pdtwo" class="tooltip_page">6</router-link>
           </div>
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
         </div>

src/pages/modules/homepage/one.vue

@@ -636,13 +636,14 @@
         </div>
         <div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <div class="tooltip_page current_page pointer">1</div>
+            <router-link to="/hnlkone" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapeone" class="tooltip_page">3</router-link>
+            <router-link to="/firedryone" class="tooltip_page">4</router-link>
+            <router-link to="/sortpackone" class="tooltip_page">5</router-link>
+            <router-link to="/pdone" class="tooltip_page">6</router-link>
           </div>
         </div>
         <!-- <div class="style_block" style="left: calc(100% / 3);top:0;"></div>
@@ -1131,27 +1132,6 @@ export default {
     },
     expandTooltip () {
       this.expand = !this.expand
-    },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          break
-        case 2:
-          this.$router.push('/hnlkone')
-          break
-        case 3:
-          this.$router.push('/takeshapeone')
-          break
-        case 4:
-          this.$router.push('/firedryone')
-          break
-        case 5:
-          this.$router.push('/sortpackone')
-          break
-        case 6:
-          this.$router.push('/pdone')
-          break
-      }
     }
   }
 }

src/pages/modules/homepage/two.vue

@@ -350,13 +350,14 @@
           </div>
         </div>
         <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <div class="tooltip_page current_page pointer">1</div>
+            <router-link to="/hnlktwo" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapetwo" class="tooltip_page">3</router-link>
+            <router-link to="/firedrytwo" class="tooltip_page">4</router-link>
+            <router-link to="/sortpacktwo" class="tooltip_page">5</router-link>
+            <router-link to="/pdtwo" class="tooltip_page">6</router-link>
           </div>
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
         </div>
@@ -696,27 +697,6 @@ export default {
     },
     expandTooltip () {
       this.expand = !this.expand
-    },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          break
-        case 2:
-          this.$router.push('/hnlktwo')
-          break
-        case 3:
-          this.$router.push('/takeshapetwo')
-          break
-        case 4:
-          this.$router.push('/firedrytwo')
-          break
-        case 5:
-          this.$router.push('/sortpacktwo')
-          break
-        case 6:
-          this.$router.push('/pdtwo')
-          break
-      }
     }
   }
 }

src/pages/modules/hunniankunliao/one.vue

@@ -206,13 +206,14 @@
         </div>
         <div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
           <div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
-            <div class="tooltip_page current_page pointer" @click.stop="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepageone" class="tooltip_page">1</router-link>
+            <div class="tooltip_page current_page pointer">2</div>
+            <router-link to="/takeshapeone" class="tooltip_page">3</router-link>
+            <router-link to="/firedryone" class="tooltip_page">4</router-link>
+            <router-link to="/sortpackone" class="tooltip_page">5</router-link>
+            <router-link to="/pdone" class="tooltip_page">6</router-link>
           </div>
         </div>
     </div>
@@ -262,27 +263,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepageone')
-          break
-        case 2:
-          break
-        case 3:
-          this.$router.push('/takeshapeone')
-          break
-        case 4:
-          this.$router.push('/firedryone')
-          break
-        case 5:
-          this.$router.push('/sortpackone')
-          break
-        case 6:
-          this.$router.push('/pdone')
-          break
-      }
-    },
     getInfo1 (e, i) {
       this.pkId = e.device_code
       this.pkObj = e

src/pages/modules/hunniankunliao/two.vue

@@ -339,13 +339,14 @@
             </div>
         </div>
         <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepagetwo" class="tooltip_page">1</router-link>
+            <div class="tooltip_page current_page pointer">2</div>
+            <router-link to="/takeshapetwo" class="tooltip_page">3</router-link>
+            <router-link to="/firedrytwo" class="tooltip_page">4</router-link>
+            <router-link to="/sortpacktwo" class="tooltip_page">5</router-link>
+            <router-link to="/pdtwo" class="tooltip_page">6</router-link>
           </div>
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
         </div>
@@ -410,27 +411,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepagetwo')
-          break
-        case 2:
-          break
-        case 3:
-          this.$router.push('/takeshapetwo')
-          break
-        case 4:
-          this.$router.push('/firedrytwo')
-          break
-        case 5:
-          this.$router.push('/sortpacktwo')
-          break
-        case 6:
-          this.$router.push('/pdtwo')
-          break
-      }
-    },
     getInfo1 (e, i) {
       this.pkId = e.point_code
       this.pkObj = e

src/pages/modules/processproduction/one.vue

@@ -97,13 +97,14 @@
         </div>
         <div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
           <div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
-            <div class="tooltip_page current_page pointer" @click.stop="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepageone" class="tooltip_page">1</router-link>
+            <router-link to="/hnlkone" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapeone" class="tooltip_page">3</router-link>
+            <router-link to="/firedryone" class="tooltip_page">4</router-link>
+            <router-link to="/sortpackone" class="tooltip_page">5</router-link>
+            <div class="tooltip_page current_page pointer">6</div>
           </div>
         </div>
     </div>
@@ -147,27 +148,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepageone')
-          break
-        case 2:
-          this.$router.push('/hnlkone')
-          break
-        case 3:
-          this.$router.push('/takeshapeone')
-          break
-        case 4:
-          this.$router.push('/firedryone')
-          break
-        case 5:
-          this.$router.push('/sortpackone')
-          break
-        case 6:
-          break
-      }
-    },
     async initData () {
       let res = await processProduction()
       this.resData = res.result

src/pages/modules/processproduction/two.vue

@@ -100,13 +100,14 @@
             </div>
         </div>
         <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepagetwo" class="tooltip_page">1</router-link>
+            <router-link to="/hnlktwo" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapetwo" class="tooltip_page">3</router-link>
+            <router-link to="/firedrytwo" class="tooltip_page">4</router-link>
+            <router-link to="/sortpacktwo" class="tooltip_page">5</router-link>
+            <div class="tooltip_page current_page pointer">6</div>
           </div>
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
         </div>
@@ -154,27 +155,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepagetwo')
-          break
-        case 2:
-          this.$router.push('/hnlktwo')
-          break
-        case 3:
-          this.$router.push('/takeshapetwo')
-          break
-        case 4:
-          this.$router.push('/firedrytwo')
-          break
-        case 5:
-          this.$router.push('/sortpacktwo')
-          break
-        case 6:
-          break
-      }
-    },
     async initData () {
       let res = await processProduction()
       this.resData = res.result

src/pages/modules/sortpack/one.vue

@@ -301,13 +301,14 @@
         </div>
         <div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepageone" class="tooltip_page">1</router-link>
+            <router-link to="/hnlkone" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapeone" class="tooltip_page">3</router-link>
+            <router-link to="/firedryone" class="tooltip_page">4</router-link>
+            <div class="tooltip_page current_page pointer">5</div>
+            <router-link to="/pdone" class="tooltip_page">6</router-link>
           </div>
         </div>
     </div>
@@ -368,27 +369,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepageone')
-          break
-        case 2:
-          this.$router.push('/hnlkone')
-          break
-        case 3:
-          this.$router.push('/takeshapeone')
-          break
-        case 4:
-          this.$router.push('/firedryone')
-          break
-        case 5:
-          break
-        case 6:
-          this.$router.push('/pdone')
-          break
-      }
-    },
     closeModal () {
       this.showModal = false
       this.machine = ''

src/pages/modules/sortpack/two.vue

@@ -92,13 +92,14 @@
             </div>
         </div>
         <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepagetwo" class="tooltip_page">1</router-link>
+            <router-link to="/hnlktwo" class="tooltip_page">2</router-link>
+            <router-link to="/takeshapetwo" class="tooltip_page">3</router-link>
+            <router-link to="/firedrytwo" class="tooltip_page">4</router-link>
+            <div class="tooltip_page current_page pointer">5</div>
+            <router-link to="/pdtwo" class="tooltip_page">6</router-link>
           </div>
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
         </div>
@@ -493,27 +494,6 @@ export default {
     },
     expandTooltip () {
       this.expand = !this.expand
-    },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepagetwo')
-          break
-        case 2:
-          this.$router.push('/hnlktwo')
-          break
-        case 3:
-          this.$router.push('/takeshapetwo')
-          break
-        case 4:
-          this.$router.push('/firedrytwo')
-          break
-        case 5:
-          break
-        case 6:
-          this.$router.push('/pdtwo')
-          break
-      }
     }
   }
 }

src/pages/modules/takeshape/one.vue

@@ -746,13 +746,14 @@
         </div>
         <div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
           <div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '&gt;&gt;' : '&lt;&lt;'"></div>
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(2)">2</div>
-            <div class="tooltip_page current_page pointer" @click.stop="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click.stop="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepageone" class="tooltip_page">1</router-link>
+            <router-link to="/hnlkone" class="tooltip_page">2</router-link>
+            <div class="tooltip_page current_page pointer">3</div>
+            <router-link to="/firedryone" class="tooltip_page">4</router-link>
+            <router-link to="/sortpackone" class="tooltip_page">5</router-link>
+            <router-link to="/pdone" class="tooltip_page">6</router-link>
           </div>
         </div>
         <div class="style_block" style="left: calc(100% / 3);top:0;"></div>
@@ -848,27 +849,6 @@ export default {
     expandTooltip () {
       this.expand = !this.expand
     },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepageone')
-          break
-        case 2:
-          this.$router.push('/hnlkone')
-          break
-        case 3:
-          break
-        case 4:
-          this.$router.push('/firedryone')
-          break
-        case 5:
-          this.$router.push('/sortpackone')
-          break
-        case 6:
-          this.$router.push('/pdone')
-          break
-      }
-    },
     closeModal () {
       this.showModal = false
       this.machine = ''

src/pages/modules/takeshape/two.vue

@@ -117,13 +117,14 @@
             </div>
         </div>
         <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
-            <div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
-            <div class="tooltip_page current_page pointer" @click="toJumpPage(3)">3</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
-            <div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
+          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
+            <router-link to="/setup" class="tooltip_page">配置</router-link>
+            <router-link to="/homepagetwo" class="tooltip_page">1</router-link>
+            <router-link to="/hnlktwo" class="tooltip_page">2</router-link>
+            <div class="tooltip_page current_page pointer">3</div>
+            <router-link to="/firedrytwo" class="tooltip_page">4</router-link>
+            <router-link to="/sortpacktwo" class="tooltip_page">5</router-link>
+            <router-link to="/pdtwo" class="tooltip_page">6</router-link>
           </div>
           <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
         </div>
@@ -213,27 +214,6 @@ export default {
     },
     expandTooltip () {
       this.expand = !this.expand
-    },
-    toJumpPage (type) {
-      switch (type) {
-        case 1:
-          this.$router.push('/homepagetwo')
-          break
-        case 2:
-          this.$router.push('/hnlktwo')
-          break
-        case 3:
-          break
-        case 4:
-          this.$router.push('/firedrytwo')
-          break
-        case 5:
-          this.$router.push('/sortpacktwo')
-          break
-        case 6:
-          this.$router.push('/pdtwo')
-          break
-      }
     }
   }
 }