161 lines
3.6 KiB
Vue
161 lines
3.6 KiB
Vue
<template>
|
|
<!-- 查看物流 页面 -->
|
|
<view class="content bg_F2F2F2">
|
|
<PublicTop page_title='物流详情'></PublicTop>
|
|
<!-- 占位 -->
|
|
<view class="place"></view>
|
|
<view class="x_margin0auto w-90 padding-30 x-bg-white my_order margin-bottom22">
|
|
<view class="d-flex goods_items a-center w-100" v-for="(item,index) of goods_list" :key='index'>
|
|
<view class="box_img">
|
|
<an-image :src="item.app_thumb?item.app_thumb:'https://ydyd-develop-file.oss-cn-hangzhou.aliyuncs.com/imageerror.jpg'" alt="https://ydyd-develop-file.oss-cn-hangzhou.aliyuncs.com/imageerror.jpg"></an-image>
|
|
</view>
|
|
<view class="goods_txt flex-1 padding-zy30">
|
|
<view class="font-weight">{{item.name}}</view>
|
|
<view class="">{{item.manufacturer_name}}</view>
|
|
<view class="d-flex j-sb">
|
|
<view>{{item.spec_desc}}</view>
|
|
<view>{{item.retail_flag == 1?'整':'零'}}</view>
|
|
<view>X {{item.goods_number}}</view>
|
|
</view>
|
|
<view class="d-flex j-sb margin-shu20">
|
|
<view class="x-text-159">￥ {{item.unit_price}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="x_margin0auto w-90 padding-30 x-bg-white my_order margin-bottom22">
|
|
<view class="wuliu">
|
|
<uni-steps :options=list direction="column" :active = list_index active-color='#EB5159'></uni-steps>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uniSteps from'../../components/uni-steps/uni-steps.vue'
|
|
import PublicTop from '../../components/HeaderTop/PublicTop.vue'
|
|
import order from '../../utils/models/order.js'
|
|
import anImage from '@/components/an-image/an-image'
|
|
export default {
|
|
data() {
|
|
return {
|
|
order_info:{},
|
|
goods_list:[],
|
|
list: [],
|
|
list_index:1,
|
|
order_id:0,
|
|
exp_num:'',
|
|
exp_type:'',
|
|
type:'get_detail'
|
|
}
|
|
},
|
|
components:{
|
|
PublicTop,
|
|
uniSteps,
|
|
anImage
|
|
},
|
|
methods: {
|
|
async getExpress() {
|
|
let parames = {
|
|
order_id:this.order_id,
|
|
exp_num : this.exp_num,
|
|
exp_type : this.exp_type,
|
|
type : this.type
|
|
}
|
|
let data = await order.getExpress(parames)
|
|
this.list = data.data.express_info
|
|
this.goods_list = data.data.order_info.order_goods
|
|
this.order_info = data.data.order_info.order_detail
|
|
this.handleError(data, res => {
|
|
|
|
})
|
|
},
|
|
},
|
|
created() {
|
|
this.getExpress()
|
|
},
|
|
onLoad(option) {
|
|
this.order_id = option.id
|
|
this.exp_num = option.express_sn
|
|
this.exp_type = option.express_name
|
|
this.type = 'get_detail'
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.place{
|
|
background-color: #ffffff;
|
|
height: 148upx;
|
|
}
|
|
.content {
|
|
height:100%;
|
|
overflow-y: auto;
|
|
.my_order {
|
|
margin-top:30upx;
|
|
border-radius: 20upx;
|
|
position: relative;}
|
|
.box_img {
|
|
height: 153.3upx;
|
|
width: 198upx;
|
|
background-color: #F2F2F2;
|
|
padding: 10upx 20upx;
|
|
margin: 0 10upx;
|
|
}
|
|
.order_list {
|
|
height: calc(100% - 238upx);
|
|
overflow-y: auto;
|
|
.order_items {
|
|
border-radius: 20upx;
|
|
}
|
|
}
|
|
|
|
.list {
|
|
font-size: 26upx;
|
|
|
|
.list_items {
|
|
position: relative;
|
|
.box_img {
|
|
height: 153.3upx;
|
|
width: 198upx;
|
|
|
|
padding: 10upx 20upx;
|
|
margin: 0 10upx;
|
|
}
|
|
|
|
.goods_items {
|
|
position: relative;
|
|
|
|
.goods_count {
|
|
position: absolute;
|
|
bottom: -14upx;
|
|
right: 8upx;
|
|
}
|
|
}
|
|
|
|
.line {
|
|
height: 4upx;
|
|
background-color: #F2F2F2;
|
|
}
|
|
}
|
|
.look_logistics{
|
|
border-radius: 20upx;
|
|
width:132upx;
|
|
height:45upx;
|
|
line-height: 45upx;
|
|
text-align: center;
|
|
border:1upx solid #C3C3C3;
|
|
|
|
position: absolute;
|
|
right:22upx;
|
|
bottom:-54upx;
|
|
}
|
|
}
|
|
.img{
|
|
height:17upx;
|
|
width:32upx;
|
|
}
|
|
|
|
}
|
|
</style>
|