Skip to content

7
7-Eleven
Commit 2c021055 by 高淑倩
Options

add: 退单详情

parent ef43cb00
Showing with 120 additions and 125 deletions
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
<!--pages/refundDetail/refundDetail.wxml-->
<view class="page-refund-detail">
<view class="header-wrap" style="background-image:url('/assets/imgs/7_1_0/rf_bgc.jpg')">
<!--<image class="header-bg" src="/assets/imgs/7_1_0/address-line.png"></image>-->
<view class="refund-status">
<view class="status">待审核</view>
<view class="desc">退款申请已经提交，等待商家处理哦~</view>
</view>
</view>
<view class="header-wrap" style="background-image:url('/assets/imgs/7_1_0/rf_bgc.jpg')">
<!--<image class="header-bg" src="/assets/imgs/7_1_0/address-line.png"></image>-->
<view class="refund-status">
<view class="status">待审核</view>
<view class="desc">退款申请已经提交，等待商家处理哦~</view>
</view>
</view>
<view class="logistics-wrap">
<view class="logistics-info">
<view class="logistics-item">
<text>物流公司</text>
<text class="company">xxxxxxx</text>
</view>
<view class="logistics-item">
<text>快递单号</text>
<text class="company">456575687686786</text>
</view>
<view class="write-logistics" bindtap="tapWriteLogis">
<button class="btn btn-primary btn-outline write-btn">填写物流信息</button>
</view>
</view>
</view>
<view class="logistics-wrap">
<view class="logistics-info">
<view class="logistics-item">
<text>物流公司</text>
<text class="company">xxxxxxx</text>
</view>
<view class="logistics-item">
<text>快递单号</text>
<text class="company">456575687686786</text>
</view>
<view class="write-logistics" bindtap="tapWriteLogis">
<button class="btn btn-primary btn-outline write-btn">填写物流信息</button>
</view>
</view>
</view>
<view class="pro-wrap">
<view class="pro-header">
<text class="choose-pro">选择商品</text>
<view class="pro-total-price">
退款总金额 <text class="total-price">￥306</text>
</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>
</view>
</view>
</view>
<view class="pro-wrap">
<view class="pro-header">
<text class="choose-pro">选择商品</text>
<view class="pro-total-price">
退款总金额
<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" />
<view class="pro-info">
<view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
<view class="pro-desc">
规格
</view>
<view class="pro-price">
<text class="price">￥{{item.amount}}</text>
<text class="number">x {{item.count}}</text>
</view>
</view>
</view>
</block>
</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>
</view>
</view>
</view>
</view>
<view class="refund-info">
<view class="refund-item">
<text class="refund-label">退款原因</text>
<text class="refund-desc">{{refundDetail.reason}}</text>
</view>
<view class="refund-item">
<text class="refund-label">退款时间</text>
<text class="refund-desc">{{refundDetail.createTime}}</text>
</view>
<view class="refund-item">
<text class="refund-label">退单编号</text>
<text class="refund-desc">{{refundDetail.tradeId}}</text>
</view>
<view class="refund-item">
<text class="refund-label">订单编号</text>
<text class="refund-desc">{{refundDetail.id}}</text>
</view>
<view class="refund-item">
<text class="refund-label">寄回信息</text>
<text class="refund-desc" selectable="true">物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因</text>
<view class="copy" bindtap="copy" data-content="物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因">复制</view>
</view>
<view class="refund-item">
<text class="refund-label">退货凭证</text>
<view class="refund-certificate">
<view class="refund-img">
<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" />
</view>
<view class="refund-img">
<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" />
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png" />
</view>
</view>
</view>
<view class="refund-info">
<view class="refund-item">
<text class="refund-label">退款原因</text>
<text class="refund-desc">物流原因</text>
</view>
<view class="refund-item">
<text class="refund-label">退款时间</text>
<text class="refund-desc">2019</text>
</view>
<view class="refund-item">
<text class="refund-label">退单编号</text>
<text class="refund-desc">物流原因</text>
</view>
<view class="refund-item">
<text class="refund-label">订单编号</text>
<text class="refund-desc">物流原因</text>
</view>
<view class="refund-item">
<text class="refund-label">寄回信息</text>
<text class="refund-desc" selectable="true">物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因</text>
<view class="copy" bindtap="copy" data-content="物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因">复制</view>
</view>
<view class="refund-item">
<text class="refund-label">退货凭证</text>
<view class="refund-certificate">
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
<view class="refund-img">
<image src="/assets/imgs/7_1_0/address-line.png"></image>
</view>
</view>
</view>
</view>
<view class="cancel">
<button class="btn btn-primary btn-lg">撤销退款</button>
</view>
</view>
<view class="cancel">
<button class="btn btn-primary btn-lg">撤销退款</button>
</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
},
{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment