退货详情

mobile-web/src/api/order.js

@@ -149,7 +149,7 @@ export function getLogisticsInfo(params) {
 export function getOrderReturnReason() {
   return request({
     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,
+    },
+  });
+}

mobile-web/src/config/router.js

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

mobile-web/src/page/user/aftersale/detail.vue

-</<template>
-    <div>
-        <headerNav title="服务单详情"/>
-        <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-steps>
-        
-        <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">
-          <product-card :product='product' />
-        </div>
-        
-        <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>
+<template>
+  <div>
+    <headerNav title="服务单详情"/>
+    <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-steps>
+
+    <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">
+      <product-card :product='product'/>
     </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>
 
 <script>
-export default {
-    data(){
-        return {
-            active:0,
-            
-            products:[
-                {
-                    imageURL:'https://pop.nosdn.127.net/19e33c9b-6c22-4a4b-96da-1cb7afb32712',
-                    title:'BEYOND博洋家纺 床上套件 秋冬保暖纯棉床单被套 双人被罩 磨毛全棉印花床品四件套',
-                    price:'499',
-                    quantity:2
-                },
-                {
-                    imageURL:'https://pop.nosdn.127.net/19e33c9b-6c22-4a4b-96da-1cb7afb32712',
-                    title:'BEYOND博洋家纺 床上套件 秋冬保暖纯棉床单被套 双人被罩 磨毛全棉印花床品四件套',
-                    price:'499',
-                    quantity:2
-                },
-            ]
-        }
-    }
-}
+
+  import moment from 'moment';
+  import { getOrderReturnInfo } from '../../../api/order';
+
+  export default {
+    data() {
+      return {
+        active: 0,
+        serviceNumber: -1,
+        applyTime: '-1',
+        serviceType: '',
+        products: [
+          {
+            imageURL: 'https://pop.nosdn.127.net/19e33c9b-6c22-4a4b-96da-1cb7afb32712',
+            title: 'BEYOND博洋家纺 床上套件 秋冬保暖纯棉床单被套 双人被罩 磨毛全棉印花床品四件套',
+            price: '499',
+            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>
 
 <style>

mobile-web/src/page/user/order/info.vue

@@ -46,7 +46,12 @@
     </van-cell-group>
     <div class="footer">
       <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 === 1 " size="small" type="danger" @click="goPay(orderInfo.id)">支付</van-button>
       </div>