|
|
@ -20,51 +20,75 @@ |
|
|
|
<view :class="{ on: status.type === 4 }">已完成</view> |
|
|
|
<view :class="{ on: status.type === 4 }">已完成</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="progress acea-row row-between-wrapper"> |
|
|
|
<view class="progress acea-row row-between-wrapper"> |
|
|
|
<view class="iconfont" :class="[ |
|
|
|
<view |
|
|
|
|
|
|
|
class="iconfont" |
|
|
|
|
|
|
|
:class="[ |
|
|
|
status.type === 0 || status.type === 9 |
|
|
|
status.type === 0 || status.type === 9 |
|
|
|
? 'icon-webicon318' |
|
|
|
? 'icon-webicon318' |
|
|
|
: 'icon-yuandianxiao', |
|
|
|
: 'icon-yuandianxiao', |
|
|
|
status.type >= 0 ? 'font-color-red' : '' |
|
|
|
status.type >= 0 ? 'font-color-red' : '' |
|
|
|
]"></view> |
|
|
|
]" |
|
|
|
|
|
|
|
></view> |
|
|
|
<view class="line" :class="{ 'bg-color-red': status.type > 0 && status.type != 9 }"></view> |
|
|
|
<view class="line" :class="{ 'bg-color-red': status.type > 0 && status.type != 9 }"></view> |
|
|
|
<view class="iconfont" :class="[ |
|
|
|
<view |
|
|
|
|
|
|
|
class="iconfont" |
|
|
|
|
|
|
|
:class="[ |
|
|
|
status.type === 1 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type === 1 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type >= 1 && status.type != 6 && status.type != 9 |
|
|
|
status.type >= 1 && status.type != 6 && status.type != 9 |
|
|
|
? 'font-color-red' |
|
|
|
? 'font-color-red' |
|
|
|
: '' |
|
|
|
: '' |
|
|
|
]"></view> |
|
|
|
]" |
|
|
|
<view class="line" :class="{ |
|
|
|
></view> |
|
|
|
|
|
|
|
<view |
|
|
|
|
|
|
|
class="line" |
|
|
|
|
|
|
|
:class="{ |
|
|
|
'bg-color-red': |
|
|
|
'bg-color-red': |
|
|
|
status.type > 1 && status.type != 6 && status.type != 9 |
|
|
|
status.type > 1 && status.type != 6 && status.type != 9 |
|
|
|
}" |
|
|
|
}" |
|
|
|
v-if="orderInfo.shipping_type === 1"></view> |
|
|
|
v-if="orderInfo.shipping_type === 1" |
|
|
|
<view class="iconfont" :class="[ |
|
|
|
></view> |
|
|
|
|
|
|
|
<view |
|
|
|
|
|
|
|
class="iconfont" |
|
|
|
|
|
|
|
:class="[ |
|
|
|
status.type === 2 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type === 2 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type >= 2 && status.type != 6 && status.type != 9 |
|
|
|
status.type >= 2 && status.type != 6 && status.type != 9 |
|
|
|
? 'font-color-red' |
|
|
|
? 'font-color-red' |
|
|
|
: '' |
|
|
|
: '' |
|
|
|
]" |
|
|
|
]" |
|
|
|
v-if="orderInfo.shippingType === 1"></view> |
|
|
|
v-if="orderInfo.shippingType === 1" |
|
|
|
<view class="line" :class="{ |
|
|
|
></view> |
|
|
|
|
|
|
|
<view |
|
|
|
|
|
|
|
class="line" |
|
|
|
|
|
|
|
:class="{ |
|
|
|
'bg-color-red': |
|
|
|
'bg-color-red': |
|
|
|
status.type > 2 && status.type != 6 && status.type != 9 |
|
|
|
status.type > 2 && status.type != 6 && status.type != 9 |
|
|
|
}"></view> |
|
|
|
}" |
|
|
|
<view class="iconfont" :class="[ |
|
|
|
></view> |
|
|
|
|
|
|
|
<view |
|
|
|
|
|
|
|
class="iconfont" |
|
|
|
|
|
|
|
:class="[ |
|
|
|
status.type === 3 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type === 3 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type >= 3 && status.type != 6 && status.type != 9 |
|
|
|
status.type >= 3 && status.type != 6 && status.type != 9 |
|
|
|
? 'font-color-red' |
|
|
|
? 'font-color-red' |
|
|
|
: '' |
|
|
|
: '' |
|
|
|
]"></view> |
|
|
|
]" |
|
|
|
<view class="line" :class="{ |
|
|
|
></view> |
|
|
|
|
|
|
|
<view |
|
|
|
|
|
|
|
class="line" |
|
|
|
|
|
|
|
:class="{ |
|
|
|
'bg-color-red': |
|
|
|
'bg-color-red': |
|
|
|
status.type > 3 && status.type != 6 && status.type != 9 |
|
|
|
status.type > 3 && status.type != 6 && status.type != 9 |
|
|
|
}"></view> |
|
|
|
}" |
|
|
|
<view class="iconfont" :class="[ |
|
|
|
></view> |
|
|
|
|
|
|
|
<view |
|
|
|
|
|
|
|
class="iconfont" |
|
|
|
|
|
|
|
:class="[ |
|
|
|
status.type == 4 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type == 4 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
status.type >= 4 && status.type != 6 && status.type != 9 |
|
|
|
status.type >= 4 && status.type != 6 && status.type != 9 |
|
|
|
? 'font-color-red' |
|
|
|
? 'font-color-red' |
|
|
|
: '' |
|
|
|
: '' |
|
|
|
]"></view> |
|
|
|
]" |
|
|
|
|
|
|
|
></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!--<view--> |
|
|
|
<!--<view--> |
|
|
@ -246,21 +270,30 @@ |
|
|
|
<view class="bnt cancel" @click="goGoodsReturn(orderInfo)">申请退款</view> |
|
|
|
<view class="bnt cancel" @click="goGoodsReturn(orderInfo)">申请退款</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-if="status.type == 2"> |
|
|
|
<template v-if="status.type == 2"> |
|
|
|
<view class="bnt default" @click=" |
|
|
|
<view |
|
|
|
|
|
|
|
class="bnt default" |
|
|
|
|
|
|
|
@click=" |
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
">查看物流</view> |
|
|
|
" |
|
|
|
|
|
|
|
>查看物流</view> |
|
|
|
<view class="bnt bg-color-red" @click="takeOrder">确认收货</view> |
|
|
|
<view class="bnt bg-color-red" @click="takeOrder">确认收货</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-if="status.type == 3 && orderInfo.deliveryType == 'express'"> |
|
|
|
<template v-if="status.type == 3 && orderInfo.deliveryType == 'express'"> |
|
|
|
<view class="bnt default" @click=" |
|
|
|
<view |
|
|
|
|
|
|
|
class="bnt default" |
|
|
|
|
|
|
|
@click=" |
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
">查看物流</view> |
|
|
|
" |
|
|
|
|
|
|
|
>查看物流</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-if="status.type == 4"> |
|
|
|
<template v-if="status.type == 4"> |
|
|
|
<view class="bnt cancel" @click="delOrder">删除订单</view> |
|
|
|
<view class="bnt cancel" @click="delOrder">删除订单</view> |
|
|
|
<view class="bnt default" @click=" |
|
|
|
<view |
|
|
|
|
|
|
|
class="bnt default" |
|
|
|
|
|
|
|
@click=" |
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
">查看物流</view> |
|
|
|
" |
|
|
|
|
|
|
|
>查看物流</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-if="status.type == 6"> |
|
|
|
<template v-if="status.type == 6"> |
|
|
|
<view class="bnt bg-color-red" @click="goGroupRule(orderInfo)">查看拼团</view> |
|
|
|
<view class="bnt bg-color-red" @click="goGroupRule(orderInfo)">查看拼团</view> |
|
|
@ -268,32 +301,16 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<Payment v-model="pay" :types="payType" @checked="toPay" :balance="userInfo.nowMoney"></Payment> |
|
|
|
<Payment v-model="pay" :types="payType" @checked="toPay" :balance="userInfo.nowMoney"></Payment> |
|
|
|
<view class="geoPage" v-if="mapShow"> |
|
|
|
<view class="geoPage" v-if="mapShow"> |
|
|
|
<iframe width="100%" height="100%" frameborder="0" scrolling="no" :src="'https://apis.map.qq.com/uri/v1/geocoder?coord=' + system_store.latitude + ',' +system_store.longitude +'&referer=' +mapKey"></iframe> |
|
|
|
<iframe |
|
|
|
|
|
|
|
width="100%" |
|
|
|
|
|
|
|
height="100%" |
|
|
|
|
|
|
|
frameborder="0" |
|
|
|
|
|
|
|
scrolling="no" |
|
|
|
|
|
|
|
:src="'https://apis.map.qq.com/uri/v1/geocoder?coord=' + system_store.latitude + ',' +system_store.longitude +'&referer=' +mapKey" |
|
|
|
|
|
|
|
></iframe> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
|
|
|
|
export default { |
|
|
|
|
|
|
|
methods: { |
|
|
|
|
|
|
|
goGoodsReturn(orderInfo) { |
|
|
|
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
|
|
|
path: "/pages/order/GoodsReturn/index", |
|
|
|
|
|
|
|
query: { |
|
|
|
|
|
|
|
id: orderInfo.orderId |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
goGroupRule(orderInfo) { |
|
|
|
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
|
|
|
path: "/pages/activity/GroupRule/index", |
|
|
|
|
|
|
|
query: { |
|
|
|
|
|
|
|
id: orderInfo.pinkId |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="less"> |
|
|
|
<style scoped lang="less"> |
|
|
|
.geoPage { |
|
|
|
.geoPage { |
|
|
|
position: fixed; |
|
|
|
position: fixed; |
|
|
@ -429,18 +446,11 @@ |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import OrderGoods from "@/components/OrderGoods"; |
|
|
|
import OrderGoods from "@/components/OrderGoods"; |
|
|
|
import { |
|
|
|
import { orderDetail } from "@/api/order"; |
|
|
|
orderDetail |
|
|
|
|
|
|
|
} from "@/api/order"; |
|
|
|
|
|
|
|
import Payment from "@/components/Payment"; |
|
|
|
import Payment from "@/components/Payment"; |
|
|
|
import DataFormat from "@/components/DataFormat"; |
|
|
|
import DataFormat from "@/components/DataFormat"; |
|
|
|
import { |
|
|
|
import { isWeixin, copyClipboard } from "@/utils"; |
|
|
|
isWeixin, |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
copyClipboard |
|
|
|
|
|
|
|
} from "@/utils"; |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
mapGetters |
|
|
|
|
|
|
|
} from "vuex"; |
|
|
|
|
|
|
|
import { |
|
|
|
import { |
|
|
|
cancelOrderHandle, |
|
|
|
cancelOrderHandle, |
|
|
|
takeOrderHandle, |
|
|
|
takeOrderHandle, |
|
|
@ -495,6 +505,23 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
copyClipboard, |
|
|
|
copyClipboard, |
|
|
|
|
|
|
|
goGoodsReturn(orderInfo) { |
|
|
|
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
|
|
|
path: "/pages/order/GoodsReturn/index", |
|
|
|
|
|
|
|
query: { |
|
|
|
|
|
|
|
id: orderInfo.orderId |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
goGroupRule(orderInfo) { |
|
|
|
|
|
|
|
console.log(orderInfo) |
|
|
|
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
|
|
|
path: "/pages/activity/GroupRule/index", |
|
|
|
|
|
|
|
query: { |
|
|
|
|
|
|
|
id: orderInfo.pinkId |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
showChang: function() { |
|
|
|
showChang: function() { |
|
|
|
// 这里判断是不是微信小程序 |
|
|
|
// 这里判断是不是微信小程序 |
|
|
|
if (isWeixin()) { |
|
|
|
if (isWeixin()) { |
|
|
@ -508,10 +535,10 @@ |
|
|
|
if (!this.mapKey) |
|
|
|
if (!this.mapKey) |
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: "暂无法使用查看地图,请配置您的腾讯地图key", |
|
|
|
title: "暂无法使用查看地图,请配置您的腾讯地图key", |
|
|
|
icon: 'none', |
|
|
|
icon: "none", |
|
|
|
duration: 2000 |
|
|
|
duration: 2000 |
|
|
|
}); |
|
|
|
}); |
|
|
|
return |
|
|
|
return; |
|
|
|
this.mapShow = true; |
|
|
|
this.mapShow = true; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
@ -519,7 +546,8 @@ |
|
|
|
const history = this.app.history, |
|
|
|
const history = this.app.history, |
|
|
|
last = history[history.length - 1] || {}; |
|
|
|
last = history[history.length - 1] || {}; |
|
|
|
if (last.name === "MyOrder") return this.$yrouter.back(); |
|
|
|
if (last.name === "MyOrder") return this.$yrouter.back(); |
|
|
|
else return this.$yrouter.replace({ |
|
|
|
else |
|
|
|
|
|
|
|
return this.$yrouter.replace({ |
|
|
|
path: "/order/list/" |
|
|
|
path: "/order/list/" |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
@ -559,9 +587,9 @@ |
|
|
|
delivery_type = orderInfo.deliveryType, |
|
|
|
delivery_type = orderInfo.deliveryType, |
|
|
|
seckill_id = orderInfo.seckillId ? parseInt(orderInfo.seckillId) : 0, |
|
|
|
seckill_id = orderInfo.seckillId ? parseInt(orderInfo.seckillId) : 0, |
|
|
|
bargain_id = orderInfo.bargainId ? parseInt(orderInfo.bargainId) : 0, |
|
|
|
bargain_id = orderInfo.bargainId ? parseInt(orderInfo.bargainId) : 0, |
|
|
|
combination_id = orderInfo.combinationId ? |
|
|
|
combination_id = orderInfo.combinationId |
|
|
|
parseInt(orderInfo.combinationId) : |
|
|
|
? parseInt(orderInfo.combinationId) |
|
|
|
0; |
|
|
|
: 0; |
|
|
|
status = { |
|
|
|
status = { |
|
|
|
type: type, |
|
|
|
type: type, |
|
|
|
class_status: 0 |
|
|
|
class_status: 0 |
|
|
@ -592,10 +620,10 @@ |
|
|
|
if (!id) { |
|
|
|
if (!id) { |
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: "订单不存在", |
|
|
|
title: "订单不存在", |
|
|
|
icon: 'none', |
|
|
|
icon: "none", |
|
|
|
duration: 2000 |
|
|
|
duration: 2000 |
|
|
|
}); |
|
|
|
}); |
|
|
|
return |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
orderDetail(id) |
|
|
|
orderDetail(id) |
|
|
|
.then(res => { |
|
|
|
.then(res => { |
|
|
|