Initial Commit
This commit is contained in:
121
pages/my/after_jilu/after_jilu.js
Normal file
121
pages/my/after_jilu/after_jilu.js
Normal file
@ -0,0 +1,121 @@
|
||||
// pages/my/applyAfter_sales/applyAfter_sales.js
|
||||
const app = getApp();
|
||||
const IP = app.globalData.ip;
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
ipUrl: app.globalData.ipUrl,
|
||||
textarea: '',
|
||||
total: 0,
|
||||
},
|
||||
|
||||
//复制
|
||||
fz(e) {
|
||||
wx.setClipboardData({
|
||||
data: e.currentTarget.dataset.num,
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.setData({
|
||||
orderId: options.id,
|
||||
num: options.num,
|
||||
sq: options.sq,
|
||||
})
|
||||
if (options.sq == 1) {
|
||||
wx.setNavigationBarTitle({
|
||||
title: '退货记录'
|
||||
})
|
||||
} else {
|
||||
wx.setNavigationBarTitle({
|
||||
title: '换货记录'
|
||||
})
|
||||
}
|
||||
wx.showLoading({
|
||||
title: '加载中..',
|
||||
})
|
||||
wx.request({
|
||||
url: app.globalData.ip + '/wisdommining/api/order/getOrderDetail',
|
||||
method: 'GET',
|
||||
header: {
|
||||
"content-type": "application/x-www-form-urlencoded",
|
||||
},
|
||||
data: {
|
||||
userId: app.globalData.userId,
|
||||
orderNumber: options.num,
|
||||
},
|
||||
success: res => {
|
||||
console.log(res)
|
||||
wx.hideLoading()
|
||||
if (res.data.code == 1) {
|
||||
let goods = res.data.value;
|
||||
goods.orderRefundImage = goods.orderRefundImage.split(',');
|
||||
this.setData({
|
||||
goods: goods,
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: '提示!',
|
||||
content: res.data.message,
|
||||
showCancel: false,
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
textarea: function (e) {
|
||||
this.setData({
|
||||
textarea: e.detail.value,
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
})
|
4
pages/my/after_jilu/after_jilu.json
Normal file
4
pages/my/after_jilu/after_jilu.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "退换货记录"
|
||||
}
|
72
pages/my/after_jilu/after_jilu.wxml
Normal file
72
pages/my/after_jilu/after_jilu.wxml
Normal file
@ -0,0 +1,72 @@
|
||||
<view class="jl" wx:if="{{goods.orderRefundType==1}}">
|
||||
<view class="title">商家物流单号</view>
|
||||
<view class="shangjia_1" wx:if="{{goods.status==64}}" style="margin-top:60rpx;">商家正在发货请稍等~</view>
|
||||
<view class="shangjia_1" wx:if="{{goods.status==65}}" style="margin-top:40rpx;">{{goods.orderRefundMerchantsName}}</view>
|
||||
<view class="shangjia_1"wx:if="{{goods.status==65}}">{{goods.orderRefundMerchantsNum}}</view>
|
||||
<view class="shangjia_2 display_J_C display_A_C" wx:if="{{goods.status==65}}" catchtap="fz" data-num='{{goods.orderRefundMerchantsNum}}'>
|
||||
<image src="/icon/sq_4.png"></image>复制单号
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 申请记录 -->
|
||||
<view class="jl">
|
||||
<view class="title">申请记录</view>
|
||||
<view class="jlcont display_J_S">
|
||||
<view class="cont-1"></view>
|
||||
<view class="cont-2">申请时间</view>
|
||||
<view class="cont-3">{{goods.orderRefundTime}}</view>
|
||||
</view>
|
||||
<view class="jlcont display_J_S">
|
||||
<view class="cont-1"></view>
|
||||
<view class="cont-2">{{goods.orderRefundType==1?'换货':'退货'}}说明</view>
|
||||
<view class="cont-3">{{goods.orderRefund}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="jl" style="margin-top:70rpx;" >
|
||||
<view class="title">申请结果</view>
|
||||
<view class="jieguo_cont">{{goods.orderRefundRemarke}}</view>
|
||||
</view>
|
||||
|
||||
<!-- 退货发货时 -->
|
||||
<view class="goods">
|
||||
<view class="cont display_J_B" wx:for='{{goods.goodsList}}' wx:key='index'>
|
||||
<view class="cont-l">
|
||||
<image src="{{item.goodsPhoto}}"></image>
|
||||
</view>
|
||||
<view class="cont-m">
|
||||
<view class="name GStitleOne">{{item.goodsName}}</view>
|
||||
<view class="specs" wx:if="{{goods.orderPayWay!=3}}">规格:{{item.wisdGoodsSpec.specName}}</view>
|
||||
<view class="price" wx:if="{{goods.orderPayWay!=3}}">
|
||||
{{goods.orderPayWay!=2?'¥':''}}{{item.wisdGoodsSpec.specBulyPrice==null?item.wisdGoodsSpec.specPrice:item.wisdGoodsSpec.specBulyPrice}}{{goods.orderPayWay!=2?'':'积分'}}
|
||||
</view>
|
||||
<view class="price" wx:if="{{goods.orderPayWay==3}}">¥0</view>
|
||||
</view>
|
||||
<view class="cont-r">x{{item.goodsNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="aArice display_J_S">
|
||||
<view class="aArice-l">{{goods.orderRefundType==2?'退货':'换货'}}说明:</view>
|
||||
<view>{{goods.orderRefundInstructions}}</view>
|
||||
</view>
|
||||
|
||||
<view class="aArice display_J_S">
|
||||
<view class="aArice-l">物流名称:</view>
|
||||
<view>{{goods.orderRefundName}}</view>
|
||||
</view>
|
||||
<view class="aArice display_J_S">
|
||||
<view class="aArice-l">物流单号:</view>
|
||||
<view>{{goods.orderRefundNumber}}</view>
|
||||
</view>
|
||||
|
||||
<view class="up">
|
||||
<view class='title'>客户凭证</view>
|
||||
<view class='photo'>
|
||||
<view class='photo_cont' wx:for="{{goods.orderRefundImage}}" wx:key="index">
|
||||
<image src='{{item}}'></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="height100"></view>
|
248
pages/my/after_jilu/after_jilu.wxss
Normal file
248
pages/my/after_jilu/after_jilu.wxss
Normal file
@ -0,0 +1,248 @@
|
||||
/* pages/my/applyAfter_sales/applyAfter_sales.wxss */
|
||||
page{
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.goods{
|
||||
width: 690rpx;
|
||||
padding: 0 30rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
.cont{
|
||||
padding: 30rpx 0;
|
||||
border-bottom: 1rpx #dcdcdc solid;
|
||||
}
|
||||
.cont:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
.cont-l image{
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
}
|
||||
.cont-m{
|
||||
width: 400rpx;
|
||||
padding: 10rpx 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: space-between;
|
||||
}
|
||||
.name{
|
||||
width:100%;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.specs{
|
||||
width:100%;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.price{
|
||||
width:100%;
|
||||
font-size: 36rpx;
|
||||
color: #ff291e;
|
||||
}
|
||||
.price text{
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
text-decoration: line-through;
|
||||
margin-left: 11rpx;
|
||||
}
|
||||
.cont-r{
|
||||
display: flex;
|
||||
align-items : flex-end;
|
||||
font-size: 32rpx;
|
||||
color: #0b0b0b;
|
||||
height: 130rpx;
|
||||
}
|
||||
|
||||
.up{
|
||||
width: 690rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
margin: 0 0 30rpx 0;
|
||||
|
||||
}
|
||||
|
||||
.title text {
|
||||
font-size: 28rpx;
|
||||
color: #bababa;
|
||||
}
|
||||
|
||||
|
||||
.photo {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
|
||||
.photo::after {
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.photo_all {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.photo_all>view:nth-child(4) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.photo_cont {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
.photo_cont image {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
|
||||
.photo_upload {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 10rpx;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.photo_upload image {
|
||||
width: 72rpx;
|
||||
height: 52rpx;
|
||||
margin: 44rpx 34rpx;
|
||||
}
|
||||
|
||||
.submit {
|
||||
width: 690rpx;
|
||||
height: 80rpx;
|
||||
background-image: linear-gradient(-90deg,
|
||||
#ee7b1e 0%,
|
||||
#fdae03 100%);
|
||||
border-radius: 40rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
color: #f0f0f0;
|
||||
position: fixed;
|
||||
bottom: 100rpx;
|
||||
left: 30rpx;
|
||||
|
||||
}
|
||||
|
||||
.aArice{
|
||||
width: 690rpx;
|
||||
padding: 0 30rpx;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
margin: 30rpx 0;
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 1rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.aArice text{
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 2rpx;
|
||||
color: #ee7b1e;
|
||||
}
|
||||
.aArice text text{
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.aArice2{
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 1rpx;
|
||||
color: #333333;
|
||||
margin-top: 30rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.aArice input{
|
||||
height: 100%;
|
||||
line-height: 100%;
|
||||
border: none;
|
||||
width: 500rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.jl{
|
||||
width:750rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 40rpx;
|
||||
margin-top: 30rpx;
|
||||
padding-bottom:60rpx;
|
||||
}
|
||||
.title{
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx #eeeeee solid;
|
||||
margin-bottom: 35rpx;
|
||||
}
|
||||
.jlcont{
|
||||
padding:0 30rpx;
|
||||
margin-bottom: 35rpx;
|
||||
line-height: 45rpx;
|
||||
}
|
||||
.cont-1{
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
background-color: #cccccc;
|
||||
border-radius: 50%;
|
||||
margin-top:15rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.cont-1h{
|
||||
background-color: #ffbb00;
|
||||
}
|
||||
.cont-2{
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
width: 150rpx;
|
||||
}
|
||||
.cont-3{
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
width: 480rpx;
|
||||
}
|
||||
|
||||
.jieguo_cont{
|
||||
font-size: 28rpx;
|
||||
line-height: 48rpx;
|
||||
color: #999999;
|
||||
width: 690rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.shangjia_1{
|
||||
font-size: 32rpx;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.shangjia_2{
|
||||
margin-top: 30rpx;
|
||||
font-size: 24rpx;
|
||||
color: #f77e1c;
|
||||
}
|
||||
.shangjia_2 image{
|
||||
width: 28rpx;
|
||||
height: 33rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
Reference in New Issue
Block a user