1.引入订单追踪图标

2.修改订单追踪图标替换逻辑
3.去除高德地图的logo和版本号

src/assets/styles/common.scss

@@ -284,4 +284,11 @@ body{
   font-size: 13px;
   color: $txtGrayL;
 }
+
+.amap-logo{
+  display: none !important;//去掉高德地图logo
+}
+.amap-copyright {
+  display: none !important;//去掉高德的版本号
+}
 /*-----------公共样式---------------------------结束*/

src/views/myOrder/components/stepItem.vue

@@ -6,7 +6,8 @@
     </div>
     <div class="step-tips">
       <div >
-        <van-icon class="state-icon" name="smile" />
+<!--        <van-icon class="state-icon" name="smile" />-->
+        <van-icon class="state-icon" :size="calcStateIcon(stepInfo.typeCode)==='circle'?'13':''" :name="calcStateIcon(stepInfo.typeCode)" />
       </div>
       <div class="state-line" v-show="stepInfo.showLine"></div>
     </div>
@@ -22,7 +23,18 @@ export default {
   name: 'stepItem',
   data () {
     return {
-      state: 'normal'
+      state: 'normal',
+      icons: {
+        xd: require('@/assets/img/icon_xiadan.png'),
+        xdOver: require('@/assets/img/icon_xiadan_over.png'),
+        fh: require('@/assets/img/icon_fahuo.png'),
+        fhOver: require('@/assets/img/icon_fahuo_over.png'),
+        ps: require('@/assets/img/icon_paisong.png'),
+        psOver: require('@/assets/img/icon_paisong_over.png'),
+        ys: require('@/assets/img/icon_yunsong.png'),
+        ysOver: require('@/assets/img/icon_yunsong_over.png'),
+        qs: require('@/assets/img/icon_qianshou.png')
+      }
     }
   },
   props: {
@@ -47,21 +59,46 @@ export default {
   },
   methods: {
     calcStateIcon(typeCode) {
-      let resIcon = ''
+      let resIcon = 'circle'//this.icons.xd
       switch (typeCode) {
         // 已开单
         case '100':
+          resIcon = this.stepState === 'normal' ? this.icons.xd : this.icons.xdOver
+          break
+        // 已取消
+        case '110':
+          break
+        // 已完成
+        case '180':
+          break
+        // 待出库
+        case '200':
+          break
+        // 拣配中
+        case '210':
           break
         // 已出库
         case '220':
+          resIcon = this.stepState === 'normal' ? this.icons.fh : this.icons.fhOver
           break
-        // 运输中
+        // 调度中
         case '300':
           break
+        // 运输中
+        case '310':
+          resIcon = this.stepState === 'normal' ? this.icons.ys : this.icons.ysOver
+          break
+        // 已签收
         case '400':
+          // resIcon = this.stepState === 'normal' ? this.icons.qs : this.icons.qs
+          resIcon = this.stepState === 'normal' ? this.icons.ps : this.icons.psOver
+          break
+        // 签收回执
+        case '410':
           break
         default:
       }
+      return resIcon
     }
   }
 }
@@ -97,6 +134,7 @@ export default {
 
       .state-icon{
         z-index: 100;
+        font-weight: bold;
         color: $main1
       }
 
@@ -147,7 +185,8 @@ export default {
     }
     .step-tips {
       .state-icon {
-        color: $txtGrayL
+        color: $txtGrayL;
+        background-color: #fff;
       }
     }
     .step-content {