root/ludu-cloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

退货详情

Browse Source
This commit is contained in:
sin 2019-04-27 12:47:18 +08:00
parent 207fdc1d55
commit a5a51b9cdb
4 changed files with 90 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
mobile-web/src/api/order.js
View File

@ -149,7 +149,7 @@ export function getLogisticsInfo(params) {
export function getOrderReturnReason() { export function getOrderReturnReason() {
return request({ return request({
url: '/order-api/users/order_return/reason', url: '/order-api/users/order_return/reason',
method: 'get', method: 'GET',
}); });
} }
@ -165,3 +165,13 @@ export function orderReturnApply(params) {
}, },
}); });
} }
export function getOrderReturnInfo(orderId) {
return request({
url: '/order-api/users/order_return/info',
method: 'GET',
params: {
orderId,
},
});
}

2
mobile-web/src/config/router.js
View File

@ -140,7 +140,7 @@ const routes = [
} }
}, },
{ {
path: '/user/aftersale/detail', path: '/user/aftersale/detail/:orderId',
component: () => import('../page/user/aftersale/detail'), component: () => import('../page/user/aftersale/detail'),
meta: { meta: {
title: '服务单详情' title: '服务单详情'

123
mobile-web/src/page/user/aftersale/detail.vue
View File

@ -1,58 +1,79 @@
</<template> <template>
<div> <div>
<headerNav title="服务单详情"/> <headerNav title="服务单详情"/>
<van-steps :active="active"> <van-steps :active="active">
<van-step>提交申请</van-step> <van-step>提交申请</van-step>
<van-step>客服审核</van-step> <van-step>客服审核</van-step>
<van-step>客户确认</van-step> <van-step>客户确认</van-step>
<van-step>仓库收货</van-step> <van-step>仓库收货</van-step>
<van-step>完成</van-step> <van-step>完成</van-step>
</van-steps> </van-steps>
<van-cell class="logistics" to="/user/aftersale/track/1" title="您的服务单435703816的商品已收到" label="2018-08-31 21:04:03" is-link /> <van-cell class="logistics" to="/user/aftersale/track/1" title="您的服务单435703816的商品已收到"
label="2018-08-31 21:04:03" is-link/>
<div style="height:15px;"></div>
<div v-for="(product,i) in products" :key="i"> <div style="height:15px;"></div>
<product-card :product='product' /> <div v-for="(product,i) in products" :key="i">
</div> <product-card :product='product'/>
<div style="height:15px;"></div>
<van-cell-group>
<van-cell title="服务单号" value="18081609422771742" />
<van-cell title="申请时间" value="2018-08-16 09:42:27" />
<van-cell title="服务类型" value="退货" />
</van-cell-group>
<div style="height:15px;"></div>
<van-cell-group>
<van-cell title="联系人" value="张三" />
<van-cell title="联系电话" value="138****6514" />
</van-cell-group>
</div> </div>
<div style="height:15px;"></div>
<van-cell-group>
<van-cell title="服务单号" :value="serviceNumber"/>
<van-cell title="申请时间" :value="applyTime"/>
<van-cell title="服务类型" :value="serviceType"/>
</van-cell-group>
<div style="height:15px;"></div>
<!-- 暂时没有 -->
<!--<van-cell-group>-->
<!--<van-cell title="联系人" value="张三"/>-->
<!--<van-cell title="联系电话" value="138****6514"/>-->
<!--</van-cell-group>-->
</div>
</template> </template>
<script> <script>
export default {
data(){ import moment from 'moment';
return { import { getOrderReturnInfo } from '../../../api/order';
active:0,
export default {
products:[ data() {
{ return {
imageURL:'https://pop.nosdn.127.net/19e33c9b-6c22-4a4b-96da-1cb7afb32712', active: 0,
title:'BEYOND博洋家纺 床上套件 秋冬保暖纯棉床单被套 双人被罩 磨毛全棉印花床品四件套', serviceNumber: -1,
price:'499', applyTime: '-1',
quantity:2 serviceType: '',
}, products: [
{ {
imageURL:'https://pop.nosdn.127.net/19e33c9b-6c22-4a4b-96da-1cb7afb32712', imageURL: 'https://pop.nosdn.127.net/19e33c9b-6c22-4a4b-96da-1cb7afb32712',
title:'BEYOND博洋家纺 床上套件 秋冬保暖纯棉床单被套 双人被罩 磨毛全棉印花床品四件套', title: 'BEYOND博洋家纺 床上套件 秋冬保暖纯棉床单被套 双人被罩 磨毛全棉印花床品四件套',
price:'499', price: '499',
quantity:2 quantity: 2
}, },
] ]
} }
} },
} mounted() {
const { orderId } = this.$route.params;
getOrderReturnInfo(orderId).then(res => {
console.log('getOrderReturnInfo success', res)
const { returnInfo, orderItems } = res;
this.serviceType = returnInfo.serviceTypeText
this.serviceNumber = returnInfo.serviceNumber
this.applyTime = moment(returnInfo.createTime).format("YYYY-MM-DD HH:mm")
this.products = orderItems.map(item => {
return {
...item,
title: item.skuName,
picUrls: [item.skuImage],
price: item.presentTotal,
}
})
})
},
}
</script> </script>
<style> <style>

7
mobile-web/src/page/user/order/info.vue
View File

@ -46,7 +46,12 @@
</van-cell-group> </van-cell-group>
<div class="footer"> <div class="footer">
<div class="munu"> <div class="munu">
<van-button size="small">申请售后</van-button> <router-link v-if="orderInfo.hasOrderReturn === -1 " :to="'/user/aftersale/apply/'+orderId">
<van-button size="small">申请售后</van-button>
</router-link>
<router-link v-if="orderInfo.hasOrderReturn !== -1" :to="'/user/aftersale/detail/'+orderId">
<van-button size="small">查看进度</van-button>
</router-link>
<van-button v-if="orderInfo.status === 3 " size="small" v-on:click="clickConfirmReceiving(orderId)">确认收货</van-button> <van-button v-if="orderInfo.status === 3 " size="small" v-on:click="clickConfirmReceiving(orderId)">确认收货</van-button>
<van-button v-if="orderInfo.status === 1 " size="small" type="danger" @click="goPay(orderInfo.id)">支付</van-button> <van-button v-if="orderInfo.status === 1 " size="small" type="danger" @click="goPay(orderInfo.id)">支付</van-button>
</div> </div>