From a1e314e1ffb4ca73d9d99417304325e59fba8d53 Mon Sep 17 00:00:00 2001
From: chenghx <chenghx@nfex.com>
Date: Wed, 8 Aug 2018 10:05:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9AAStepItem=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=A2=9E=E5=8A=A0link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tool/AStepItem.vue | 35 ++++++++++++++++++++++++-------
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/components/tool/AStepItem.vue b/src/components/tool/AStepItem.vue
index 0b458e7..c1891ca 100644
--- a/src/components/tool/AStepItem.vue
+++ b/src/components/tool/AStepItem.vue
@@ -1,9 +1,11 @@
 <template>
-  <div>
-    <router-link to="/" style="text-decoration:none;out-line: none; color: #000">
-      <span :style="titleStyle">{{title}}</span>
-      <a-icon :style="iconStyle" :type="icon" />
-    </router-link>
+  <div
+    :class="['step-item', link ? 'linkable' : null]"
+    @click="go"
+  >
+    <span :style="titleStyle">{{title}}</span>
+    <a-icon :style="iconStyle" :type="icon" />
+    <slot></slot>
   </div>
 </template>
 
@@ -25,10 +27,27 @@ export default {
   name: 'AStepItem',
   Group: Group,
   components: {AIcon},
-  props: ['title', 'icon', 'link', 'titleStyle', 'iconStyle']
+  props: ['title', 'icon', 'link', 'titleStyle', 'iconStyle'],
+  methods: {
+    go () {
+      const link = this.link
+      if (link) {
+        this.$router.push(link)
+      }
+    }
+  }
 }
 </script>
 
-<style scoped>
-
+<style lang="less" scoped>
+  .step-item{
+    cursor: pointer;
+  }
+  :global{
+    .ant-steps-item-process{
+      .linkable{
+        color: #40a9ff;
+      }
+    }
+  }
 </style>