<template>
  <div class="main">
    <!-- 物流信息 -->
    <div class="commodity">
      <div>
        <i class="img"> </i>
        <h3>{{deliveryTypeindex}}</h3>
        <br />
        <h4>{{shippingNoindex}}</h4>
      </div>
    </div>
    <van-steps direction="vertical" :active="0" active-color="#88bdfe" v-for="(item,index) in orientation" :key="index">
      <van-step>
        <h3>{{item.AcceptStation}}</h3>
        <p>{{item.AcceptTime}}</p>
      </van-step>
   
    </van-steps>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      deliveryTypeindex:'',
      shippingNoindex:'',
      orientation:[{
        AcceptStation:'',
        AcceptTime:''
      }]
    };
  },
  created(){
    this.deliveryTypeindex = this.$route.query.wuliulx
    this.shippingNoindex = this.$route.query.wuliumsg
    this.logistics()
  },
  filters:{},
  methods:{
    logistics(){
      var obj ={
        deliveryType:this.deliveryTypeindex,//订单物流类型码
        shippingNo:this.shippingNoindex,//订单快递编号
      }
      this.$http.logistics(obj).then(res => {
      this.orientation =res.data
        console.log(res.data)
      })
    }
  },
  mounted() {
    document.querySelector(".main").style.minHeight =
      window.screen.height + "px";
  }
};
</script>

<style lang="less">
.main {
  background: #f4f4f6;
  //   商品信息
  .commodity {
    width: 6.9rem;
    height: 1.65rem;
    background: #ffffff;
    border-radius: 0.2rem;
    position: relative;
    margin: 0 auto;
    top: 0.6rem;
    div {
      width: 6.5rem;
      height: 1.2rem;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      .img {
        width: 1.2rem;
        height: 1.2rem;
      box-shadow: 0rem 0.03rem 0.09rem 0rem 
		rgba(0, 97, 218, 0.23);
        float: left;
        background: url(../assets/images/logistics/xiaoche.png) no-repeat
          center/100%;
      }
      h3 {
        color: #333333;
        font-size: 0.3rem;
        height: 0.6rem;
        line-height: 0.6rem;
        float: left;
        width: 4.5rem;
        padding-left: 0.2rem;
      }
      h4 {
        float: left;
        font-size: 0.28rem;
        height: 0.6rem;
        line-height: 0.6rem;
        padding-left: 0.2rem;
        color: #666666;
      }
    }
  }
  .van-steps{
    margin: 0 auto;
    width: 6.9rem;
    border-radius: 0.1rem;
    position: relative;
    top:0.9rem;
  }
}
</style>
