cxc/sphc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
quantulr
2024-05-06 15:34:15 +08:00
commit e3a0666d5a
307 changed files with 28969 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
pages/my/after_sales/after_sales.js Normal file
View File

@ -0,0 +1,103 @@
// pages/my/after_sales/after_sales.js
const app = getApp();
const IP = app.globalData.ip;
Page({
/**
* 页面的初始数据
*/
data: {
phone: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
phone: app.globalData.customerPhone,
id: options.id,
num: options.num,
})
},
next() {
wx.navigateTo({
url: '/pages/my/after_sales_next/after_sales_next?id=' + this.data.id + '&&num=' + this.data.num,
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
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:this.data.num,
},
success: res => {
console.log(res)
wx.hideLoading()
if (res.data.code == 1) {
let goods = res.data.value;
if(goods.orderRefundImage){
goods.orderRefundImage = goods.orderRefundImage.split(',');
}
this.setData({
goods: goods,
})
} else {
wx.showModal({
title: '提示!',
content: res.data.message,
showCancel: false,
})
}
}
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
})

4
pages/my/after_sales/after_sales.json Normal file
View File

@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "申请记录"
}

87
pages/my/after_sales/after_sales.wxml Normal file
View File

@ -0,0 +1,87 @@
<!--pages/my/after_sales/after_sales.wxml-->
<view class="top">未及时处理可直接联系商家<text>{{phone}}</text>~</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;" wx:if='{{goods.status==63||goods.status==66}}'>
<view class="title">申请结果</view>
<view class="jieguo_cont">{{goods.orderRefundRemarke}}</view>
</view>
<!-- 退货发货时 -->
<view class="goods" wx:if="{{goods.orderRefundNumber}}">
<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" wx:if="{{goods.orderRefundNumber}}">
<view class="aArice-l">{{goods.orderRefundType==2?'退货':'换货'}}说明：</view>
<view>{{goods.orderRefundInstructions}}</view>
</view>
<view class="aArice display_J_S" wx:if="{{goods.orderRefundNumber}}">
<view class="aArice-l">物流单号：</view>
<view>{{goods.orderRefundNumber}}</view>
</view>
<view class="up" wx:if="{{goods.orderRefundNumber}}">
<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="dengdai" wx:if='{{goods.status==66}}'>
<view class="display_J_C"><image src="/icon/sq_2.png"></image></view>
<view style=" margin: 35rpx auto 0;color: #e02e2e;">您的申请被驳回~</view>
</view>
<!-- 申请通过 -->
<view class="dengdai" wx:if='{{goods.status==63}}'>
<view class="display_J_C"><image src="/icon/sq_3.png"></image></view>
<view style=" margin: 35rpx auto 0;color: #3fb265;">您的申请已通过~</view>
</view>
<!-- 申请通过 -->
<view class="btn" wx:if='{{goods.status==63}}' catchtap="next">下一步</view>
<!-- 申请中 -->
<view class="dengdai" wx:if='{{goods.status==61||goods.status==62}}'>
<view class="display_J_C"><image src="/icon/sq_1.png"></image></view>
<view style=" margin: 35rpx auto 0;">等待商家审核~</view>
</view>
<!-- 申请中 -->
<view class="btn-1" wx:if='{{goods.status==61||goods.status==62}}'>下一步</view>
<view class="height100"></view>
<view class="height100"></view>

285
pages/my/after_sales/after_sales.wxss Normal file
View File

@ -0,0 +1,285 @@
/* pages/my/after_sales/after_sales.wxss */
page{
background-color: #f5f5f5;
}
.top{
width: 750rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #f7e0cd;
font-size: 28rpx;
color: #333333;
text-align: center;
}
.top text{
color: #ff372d;
/* margin-left: 15rpx; */
}
.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;
}
.btn{
width: 690rpx;
height: 80rpx;
line-height: 80rpx;
background-image: linear-gradient(90deg,
#fdac04 0%,
#ee7c1d 100%);
border-radius: 40rpx;
position: fixed;
left: 30rpx;
bottom: 50rpx;
font-size: 32rpx;
color: #ffffff;
text-align: center;
}
.btn-1{
width: 690rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #999;
border-radius: 40rpx;
position: fixed;
left: 30rpx;
bottom: 50rpx;
font-size: 32rpx;
color: #ffffff;
text-align: center;
}
.dengdai{
margin-top: 200rpx;
font-size: 32rpx;
color: #ffbb00;
}
.dengdai view image{
width: 103rpx;
height: 103rpx;
}
.dengdai view{
text-align: center;
}
.jieguo_cont{
font-size: 28rpx;
line-height: 48rpx;
color: #999999;
width: 690rpx;
padding: 0 30rpx;
}
.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;
}