回寄地址

 <template>
   <div class="address-wrapper">
-    <i class="address-icon"></i>
+    <i
+      v-if="$route.params.owner === 'sell'"
+      class="address-icon back-address-icon"
+    ></i>
+    <i v-else class="address-icon"></i>
     <div>
-      <p class="consignee">{{ userAddress.consignee }}</p>
+      <p class="consignee">
+        {{
+          isSell ? `回寄地址: ${userAddress.consignee}` : userAddress.consignee
+        }}
+      </p>
       <p class="area">{{ userAddress.area }}</p>
       <p class="mobile">{{ userAddress.mobile }}</p>
     </div>
@@ -15,7 +23,11 @@ const { mapGetters } = createNamespacedHelpers("order/orderDetail");
 
 export default {
   computed: {
-    ...mapGetters(["userAddress"])
+    ...mapGetters(["userAddress"]),
+    isSell() {
+      const { owner } = this.$route.params;
+      return owner === "sell";
+    }
   }
 };
 </script>
@@ -46,7 +58,10 @@ export default {
     display: block;
     background-size: contain;
     margin-right: 40px;
-    background-image: url("~statics/image/order/addr-icon@3x.png");
+  }
+
+  .back-address-icon {
+    background-image: url("~statics/image/order/blackAddress@3x.png");
   }
 }
 </style>
\ No newline at end of file

@@ -77,8 +77,9 @@ export default {
 
   // 获取订单数据
   asyncData({ store, router }) {
+    const { status } = router.params;
     store.commit(`${STORE_PATH}/resetData`);
-    store.commit(`${STORE_PATH}/setOrderStatus`, router.params.status);
+    store.commit(`${STORE_PATH}/setOrderStatus`, status);
     return store.dispatch(`${STORE_PATH}/fetchOrderList`, router.params);
   },
 
@@ -87,7 +88,7 @@ export default {
     fetchData() {
       this.fetchOrderList(this.$route.params);
     }
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>