fix button status

This commit is contained in:
quantulr
2024-05-24 17:17:01 +08:00
parent 5c547bdd69
commit c5011c53d7
10 changed files with 259 additions and 192 deletions

View File

@ -26,6 +26,48 @@ Page({
url: '/pages/my/after_sales_next/after_sales_next?id=' + this.data.id + '&&num=' + this.data.num,
})
},
// 撤销退换货申请
cancel() {
wx.showModal({
title: '确定要撤销申请吗?',
// content: '',
complete: (res) => {
if (res.cancel) {
}
if (res.confirm) {
wx.request({
url: app.globalData.ip + '/wisdommining/api/order/cancelRefund',
method: 'GET',
header: {
"content-type": "application/x-www-form-urlencoded",
},
data: {
orderId: this.data.id
},
success(res) {
if (res.data.code == 1) {
wx.showToast({
title: res.data.message,
})
wx.navigateTo({
url: '/pages/my/my_order/my_order?state=' + 3,
})
} else {
wx.showModal({
title: '提示!',
content: res.data.message,
showCancel: false,
})
}
}
})
}
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
@ -49,14 +91,14 @@ Page({
},
data: {
userId: app.globalData.userId,
orderNumber:this.data.num,
orderNumber: this.data.num,
},
success: res => {
console.log(res)
wx.hideLoading()
if (res.data.code == 1) {
let goods = res.data.value;
if(goods.orderRefundImage){
if (goods.orderRefundImage) {
goods.orderRefundImage = goods.orderRefundImage.split(',');
}
this.setData({

View File

@ -81,6 +81,8 @@
<!-- 申请中 -->
<view class="btn-1" wx:if='{{goods.afterSalesStatus==61||goods.afterSalesStatus==62}}'>下一步</view>
<view class="btn btn-cancel" wx:if='{{goods.afterSalesStatus==61||goods.afterSalesStatus==62}}' catchtap="cancel">撤销申请</view>
<view class="height100"></view>
<view class="height100"></view>

View File

@ -1,29 +1,29 @@
/* pages/my/after_sales/after_sales.wxss */
page{
page {
background-color: #f5f5f5;
}
.top{
.top {
width: 750rpx;
height: 80rpx;
line-height: 80rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #f7e0cd;
font-size: 28rpx;
color: #333333;
text-align: center;
}
.top text{
.top text {
color: #ff372d;
/* margin-left: 15rpx; */
}
.jl{
width:750rpx;
background-color: #ffffff;
.jl {
width: 750rpx;
background-color: #ffffff;
border-radius: 40rpx;
margin-top: 30rpx;
padding-bottom:60rpx;
padding-bottom: 60rpx;
}
.title{
.title {
width: 100%;
height: 90rpx;
line-height: 90rpx;
@ -33,40 +33,38 @@ page{
border-bottom: 1rpx #eeeeee solid;
margin-bottom: 35rpx;
}
.jlcont{
padding:0 30rpx;
.jlcont {
padding: 0 30rpx;
margin-bottom: 35rpx;
line-height: 45rpx;
}
.cont-1{
.cont-1 {
width: 15rpx;
height: 15rpx;
height: 15rpx;
background-color: #cccccc;
border-radius: 50%;
margin-top:15rpx;
margin-top: 15rpx;
margin-right: 15rpx;
}
.cont-1h{
.cont-1h {
background-color: #ffbb00;
}
.cont-2{
.cont-2 {
font-size: 28rpx;
color: #999999;
width: 150rpx;
}
.cont-3{
.cont-3 {
font-size: 28rpx;
color: #333333;
width: 480rpx;
}
.btn{
.btn {
width: 690rpx;
height: 80rpx;
line-height: 80rpx;
background-image: linear-gradient(90deg,
#fdac04 0%,
#ee7c1d 100%);
height: 80rpx;
line-height: 80rpx;
background-image: linear-gradient(90deg, #fdac04 0%, #ee7c1d 100%);
border-radius: 40rpx;
position: fixed;
left: 30rpx;
@ -75,100 +73,114 @@ page{
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{
.btn-cancel {
bottom: 160rpx;
}
.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;
}
.btn-2 {
width: 690rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #999;
border-radius: 40rpx;
position: fixed;
left: 30rpx;
bottom: 160rpx;
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;
line-height: 48rpx;
color: #999999;
width: 690rpx;
padding: 0 30rpx;
}
.goods{
.goods {
width: 690rpx;
padding: 0 30rpx;
background-color: #ffffff;
background-color: #ffffff;
border-radius: 20rpx;
margin: 30rpx 0;
}
.cont{
.cont {
padding: 30rpx 0;
border-bottom: 1rpx #dcdcdc solid;
}
.cont:last-child{
.cont:last-child {
border-bottom: none;
}
.cont-l image{
.cont-l image {
width: 160rpx;
height: 160rpx;
height: 160rpx;
}
.cont-m{
.cont-m {
width: 400rpx;
padding: 10rpx 0;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.name{
width:100%;
.name {
width: 100%;
font-size: 28rpx;
color: #333333;
color: #333333;
}
.specs{
width:100%;
.specs {
width: 100%;
font-size: 24rpx;
color: #999999;
}
.price{
width:100%;
.price {
width: 100%;
font-size: 36rpx;
color: #ff291e;
color: #ff291e;
}
.price text{
.price text {
font-size: 24rpx;
color: #999999;
text-decoration: line-through;
margin-left: 11rpx;
}
.cont-r{
.cont-r {
display: flex;
align-items : flex-end;
align-items: flex-end;
font-size: 32rpx;
color: #0b0b0b;
height: 130rpx;
}
.up{
.up {
width: 690rpx;
background-color: #ffffff;
background-color: #ffffff;
border-radius: 20rpx;
padding: 30rpx;
}
@ -176,7 +188,6 @@ page{
font-size: 32rpx;
color: #333;
margin: 0 0 30rpx 0;
}
.title text {
@ -184,7 +195,6 @@ page{
color: #bababa;
}
.photo {
margin-top: 50rpx;
}
@ -199,7 +209,7 @@ page{
float: left;
}
.photo_all>view:nth-child(4) {
.photo_all > view:nth-child(4) {
margin-right: 0;
}
@ -211,7 +221,6 @@ page{
margin-right: 30rpx;
margin-bottom: 30rpx;
float: left;
}
.photo_cont image {
@ -236,9 +245,7 @@ page{
.submit {
width: 690rpx;
height: 80rpx;
background-image: linear-gradient(-90deg,
#ee7b1e 0%,
#fdae03 100%);
background-image: linear-gradient(-90deg, #ee7b1e 0%, #fdae03 100%);
border-radius: 40rpx;
font-size: 36rpx;
line-height: 80rpx;
@ -247,37 +254,36 @@ page{
position: fixed;
bottom: 100rpx;
left: 30rpx;
}
.aArice{
.aArice {
width: 690rpx;
padding: 0 30rpx;
height: 100rpx;
line-height: 100rpx;
background-color: #ffffff;
background-color: #ffffff;
border-radius: 20rpx;
margin: 30rpx 0;
font-size: 28rpx;
letter-spacing: 1rpx;
color: #333333;
letter-spacing: 1rpx;
color: #333333;
}
.aArice text{
.aArice text {
font-size: 28rpx;
letter-spacing: 2rpx;
color: #ee7b1e;
letter-spacing: 2rpx;
color: #ee7b1e;
}
.aArice text text{
.aArice text text {
font-size: 36rpx;
}
.aArice2{
.aArice2 {
font-size: 28rpx;
letter-spacing: 1rpx;
letter-spacing: 1rpx;
color: #333333;
margin-top: 30rpx;
border-radius: 20rpx;
}
.aArice input{
.aArice input {
height: 100%;
line-height: 100%;
border: none;