add: 退单详情

src/pages/refundDetail/refundDetail.js

 // pages/refundDetail/refundDetail.js
-Page({
+const app = getApp()
+const wxService = require('../../utils/wxService')
+const utils = require('../../utils/util')
+const envInfo = require('../../config/index').envInfo
+
+wxService.page({
 
   /**
    * 页面的初始数据
    */
   data: {
     showApplyRefundModal:false,
-    id:''
+    id:'',
+    refundDetail: null
   },
 
   /**
@@ -21,7 +27,6 @@ Page({
    */
   onShow: function () {
     const { id } = this.options
-    console.log('id', id)
     if(id) {
       this.setData({
         id
@@ -31,21 +36,21 @@ Page({
     }
   },
   getRfDetail(id) {
-    // wx.showLoading({
-    //   title: '加载中',
-    //   mask: true
-    // })
-    // wxService.get(`/sale/trade/buyer/${id}`).then(res => {
-    //   if (res) {
-    //     const { result, data } = res.data
-    //     if (result == 0) {
-    //       wx.hideLoading()
-    //       this.setData({
-    //         detail: data
-    //       })
-    //     }
-    //   }
-    // })
+    wx.showLoading({
+      title: '加载中',
+      mask: true
+    })
+    wxService.post(`/sale/refund/buyer/${id}`).then(res => {
+      if (res) {
+        const { result, data } = res.data
+        if (result == 0) {
+          wx.hideLoading()
+          this.setData({
+            refundDetail: data
+          })
+        }
+      }
+    })
   },
   copy(e){
     wx.setClipboardData({

src/pages/refundDetail/refundDetail.wxml

@@ -28,54 +28,43 @@
 		<view class="pro-header">
 			<text class="choose-pro">选择商品</text>
 			<view class="pro-total-price">
-          退款总金额 <text class="total-price">￥306</text>
+				退款总金额
+				<text class="total-price">￥{{refundDetail.amount}}</text>
 			</view>
 		</view>
+		<block wx:for="{{refundDetail.skuList}}" wx:for-item="item" wx:key="{{item}}">
 			<view class="pro-list">
-        <image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
+				<image class="pro-img" src="/assets/imgs/7_1_0/address-line.png" />
 				<view class="pro-info">
 					<view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
 					<view class="pro-desc">
 						规格
 					</view>
 					<view class="pro-price">
-            <text class="price">￥258</text>
-            <text class="number">x 1</text>
-          </view>
-        </view>
-      </view>
-
-      <view class="pro-list">
-        <image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
-        <view class="pro-info">
-          <view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
-          <view class="pro-desc">
-            规格
-          </view>
-          <view class="pro-price">
-            <text class="price">￥258</text>
-            <text class="number">x 1</text>
+						<text class="price">￥{{item.amount}}</text>
+						<text class="number">x {{item.count}}</text>
 					</view>
 				</view>
 			</view>
+		</block>
 	</view>
 
 	<view class="refund-info">
 		<view class="refund-item">
 			<text class="refund-label">退款原因</text>
-      <text class="refund-desc">物流原因</text>
+			<text class="refund-desc">{{refundDetail.reason}}</text>
 		</view>
 		<view class="refund-item">
 			<text class="refund-label">退款时间</text>
-      <text class="refund-desc">2019</text>
+			<text class="refund-desc">{{refundDetail.createTime}}</text>
 		</view>
 		<view class="refund-item">
 			<text class="refund-label">退单编号</text>
-      <text class="refund-desc">物流原因</text>
+			<text class="refund-desc">{{refundDetail.tradeId}}</text>
 		</view>
 		<view class="refund-item">
 			<text class="refund-label">订单编号</text>
-      <text class="refund-desc">物流原因</text>
+			<text class="refund-desc">{{refundDetail.id}}</text>
 		</view>
 		<view class="refund-item">
 			<text class="refund-label">寄回信息</text>
@@ -86,19 +75,19 @@
 			<text class="refund-label">退货凭证</text>
 			<view class="refund-certificate">
 				<view class="refund-img">
-          <image src="/assets/imgs/7_1_0/address-line.png"></image>
+					<image src="/assets/imgs/7_1_0/address-line.png" />
 				</view>
 				<view class="refund-img">
-          <image src="/assets/imgs/7_1_0/address-line.png"></image>
+					<image src="/assets/imgs/7_1_0/address-line.png" />
 				</view>
 				<view class="refund-img">
-          <image src="/assets/imgs/7_1_0/address-line.png"></image>
+					<image src="/assets/imgs/7_1_0/address-line.png" />
 				</view>
 				<view class="refund-img">
-          <image src="/assets/imgs/7_1_0/address-line.png"></image>
+					<image src="/assets/imgs/7_1_0/address-line.png" />
 				</view>
 				<view class="refund-img">
-          <image src="/assets/imgs/7_1_0/address-line.png"></image>
+					<image src="/assets/imgs/7_1_0/address-line.png" />
 				</view>
 			</view>
 		</view>
@@ -109,4 +98,5 @@
 	</view>
 </view>
 
-<apply-refund show="{{showApplyRefundModal}}"/>
+<apply-refund show="{{showApplyRefundModal}}" />
+

src/project.config.json

@@ -39,7 +39,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 24,
+			"current": 23,
 			"list": [
 				{
 					"id": -1,
@@ -189,10 +189,10 @@
 					"scene": null
 				},
 				{
-					"id": -1,
+					"id": 23,
 					"name": "退单详情",
 					"pathName": "pages/refundDetail/refundDetail",
-					"query": "",
+					"query": "id=614542180811411456",
 					"scene": null
 				},
 				{