refund 8.6
This commit is contained in:
@@ -68,8 +68,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" v-if="['1', '2', '4', '6'].indexOf(orderstate) >= 0">
|
||||
<!-- @click="toOtherPage('RefundOrder')" -->
|
||||
<view class="cancel" v-if="orderstate == '4' || orderstate == '1'">申请退款</view>
|
||||
<view class="cancel" v-if="orderstate == '4' || orderstate == '1'" @click="toOtherPage('RefundOrder')">申请退款</view>
|
||||
<view class="cancel" v-if="orderstate == '1'" @click="toOtherPage('Logistics')">查看物流</view>
|
||||
<view class="logistics" v-if="orderstate == '1'" @click="confirmReceive">确认收货</view>
|
||||
<view class="comment" v-if="orderstate == '2'" @click="toOtherPage('Comment')">立即评价</view>
|
||||
@@ -211,9 +210,6 @@ export default {
|
||||
}
|
||||
uni.stopPullDownRefresh(); // 结束刷新
|
||||
})
|
||||
},
|
||||
applyRefund() {
|
||||
|
||||
},
|
||||
cancelOrder() {
|
||||
this.$u.api.cancelOrder({
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<u-radio-group v-model="value" @change="radioChange">
|
||||
<label class="radio-view" v-for="(item, index) in goodsList" :key="index">
|
||||
<view class="radio">
|
||||
<u-radio color="#F0AD4E" :name="item.goods_id" active-color="#FF780F" icon-size="34" shape="circle"></u-radio>
|
||||
<u-radio color="#F0AD4E" :name="item.goods_id" active-color="#FF780F" icon-size="24" shape="circle"></u-radio>
|
||||
</view>
|
||||
<view class="store_info">
|
||||
<view class="info_img">
|
||||
@@ -26,18 +26,18 @@
|
||||
<view class="refund-details">
|
||||
<view class="goods-number">
|
||||
<view>选择数量</view>
|
||||
<view></view>
|
||||
<u-number-box :input-width="40" :input-height="38" :size="22" bg-color="#FFFFFF" :disabled-input=true color="#FF780F" :max="goods.goods_num" v-model="num"></u-number-box>
|
||||
</view>
|
||||
<view class="refund-price">
|
||||
<view>
|
||||
<view>退款金额</view>
|
||||
<view>￥99.00</view>
|
||||
<view class="price">
|
||||
<view class="title">退款金额</view>
|
||||
<view class="value">￥{{ (goods.goods_pay_price * num).toFixed(2) }}</view>
|
||||
</view>
|
||||
<view>若退款成功，将退还给您￥99.00</view>
|
||||
<view class="tips">若退款成功，将退还给您 ￥{{ (goods.goods_pay_price * num).toFixed(2) }}</view>
|
||||
</view>
|
||||
<view class="refund-text">
|
||||
<view>申请说明</view>
|
||||
<u-input v-model="refundText" type="textarea" />
|
||||
<view class="title">申请说明</view>
|
||||
<u-input v-model="refundText" type="textarea" placeholder="必填，请详细说明退款理由" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="submit-btn">提交申请</view>
|
||||
@@ -48,7 +48,13 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
goodsList: [],
|
||||
goods: {
|
||||
goods_num: 0,
|
||||
goods_pay_price: 0,
|
||||
},
|
||||
value: '',
|
||||
refundText: '',
|
||||
num: 0,
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
@@ -56,7 +62,12 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
radioChange(e){
|
||||
console.log(e)
|
||||
const goodsList = this.goodsList.filter(goods => {
|
||||
return e == goods.goods_id;
|
||||
})
|
||||
// console.log(goodsList);
|
||||
this.goods = goodsList[0];
|
||||
console.log(this.goods);
|
||||
},
|
||||
getOrderInfo(id) {
|
||||
this.$u.api.getOrderInfo({
|
||||
@@ -65,7 +76,7 @@ export default {
|
||||
if(res.errCode == 0) {
|
||||
// this.orderInfo = res.data;
|
||||
this.goodsList = res.data.extend_order_goods;
|
||||
console.log(this.goodsList);
|
||||
// console.log(this.goodsList);
|
||||
}
|
||||
// uni.stopPullDownRefresh(); // 结束刷新
|
||||
})
|
||||
@@ -136,7 +147,73 @@ export default {
|
||||
}
|
||||
.refund-details {
|
||||
background-color: #FFFFFF;
|
||||
.goods-number {}
|
||||
.goods-number {
|
||||
padding: 0 30rpx;
|
||||
height: 100rpx;
|
||||
background: rgba(255,255,255,1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 2rpx;
|
||||
/deep/ .u-numberbox {
|
||||
border: 1rpx solid rgba(217,215,215,1);
|
||||
border-radius:4px;
|
||||
.u-icon-minus, .u-icon-plus {
|
||||
width: 38rpx;
|
||||
}
|
||||
.u-number-input {
|
||||
margin: 0;
|
||||
color: #333 !important;
|
||||
border: 1rpx #D9D7D7 solid {
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.refund-price {
|
||||
background: rgba(255,255,255,1);
|
||||
padding: 36rpx 30rpx;
|
||||
margin-bottom: 2rpx;
|
||||
.price {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 36rpx;
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
color: rgba(51,51,51,1);
|
||||
margin-right: 56rpx;
|
||||
}
|
||||
.value {
|
||||
font-size: 28rpx;
|
||||
color: rgba(244,14,14,1);
|
||||
}
|
||||
}
|
||||
.tips {
|
||||
font-size: 24rpx;
|
||||
color: rgba(153,153,153,1);
|
||||
}
|
||||
}
|
||||
.refund-text {
|
||||
background: rgba(255,255,255,1);
|
||||
padding: 36rpx 30rpx;
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
color: rgba(51,51,51,1);
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.submit-btn {
|
||||
width: 690rpx;
|
||||
height: 98rpx;
|
||||
background: rgba(255,120,15,1);
|
||||
border-radius: 49rpx;
|
||||
font-size: 36rpx;
|
||||
color: rgba(255,255,255,1);
|
||||
line-height: 98rpx;
|
||||
text-align: center;
|
||||
margin: 120rpx auto 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user