You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
181 lines
7.7 KiB
181 lines
7.7 KiB
<template>
|
|
|
|
<view style="display: flex;flex-direction: column;height: 100vh; background: #F7F7F7;">
|
|
<loading-state ref="pageView" @request="request">
|
|
<view style="height: 100vh;overflow: hidden;overflow-y: auto;">
|
|
|
|
<view style="background: #fff;border-radius: 10px;margin-top: 12px;margin-left: 10px;margin-right: 10px;
|
|
display: flex;flex-direction: column;padding: 12px 16px;">
|
|
|
|
<view
|
|
style="display: flex;flex-direction: column; border-bottom: 1px #F7F7F7 solid; padding-bottom: 10px;">
|
|
|
|
<text style="font-size: 20px;color: #000;" v-show="data.payStatus=='5'">退款中</text>
|
|
<text style="font-size: 14px;color: #999;margin-top: 5px;"
|
|
v-show="data.payStatus=='5'">您已提交退款申请，请等待处理</text>
|
|
|
|
<text style="font-size: 20px;color: #000;" v-show="data.payStatus=='6'">退款成功</text>
|
|
<text style="font-size: 14px;color: #999;margin-top: 5px;"
|
|
v-show="data.payStatus=='6'">已退回至原支付方</text>
|
|
|
|
</view>
|
|
|
|
<view
|
|
style="display: flex;flex-direction:row;justify-content: space-between;align-items: center;margin-top: 10px;">
|
|
<text style="font-size: 16px;color: #666;">退款金额</text>
|
|
<text style="font-size: 16px;color: #FF5006;">￥{{data.totalTee}}</text>
|
|
</view>
|
|
|
|
<view
|
|
style="display: flex;flex-direction:row;justify-content: space-between;align-items: center;margin-top: 10px;">
|
|
<text style="font-size: 16px;color: #666;">退款账户</text>
|
|
<text style="font-size: 13px;color: #999;">原支付账户</text>
|
|
</view>
|
|
|
|
<view
|
|
style="display: flex;flex-direction:row;justify-content: space-between;align-items: center;margin-top: 10px;">
|
|
<text style="font-size: 16px;color: #666;">退款原因</text>
|
|
<text style="font-size: 13px;color: #999;">{{data.reason}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view
|
|
style="background: #fff;border-radius: 10px;display: flex;flex-direction: column;padding: 15px;margin-top: 15px; margin-left: 10px;margin-right: 10px;">
|
|
|
|
<text style="font-size: 18px;font-weight: 600;font-family: serif;margin-bottom: 10px;">退款商品</text>
|
|
|
|
<view v-for="(item,index) in data.ordOrderDetails"
|
|
style=" display: flex;flex-direction: row;align-items: center; margin-bottom: 10px;">
|
|
|
|
<image :src="item.picUrl" @click="itemClick(item.goodsSid)"
|
|
style="width: 70px;height: 70px;border-radius: 15px;" mode="scaleToFill">
|
|
</image>
|
|
|
|
<view style="margin-left: 10px;display: flex;flex-direction: column;flex: 1;">
|
|
|
|
<view style="display: flex;flex-direction: row;width: 100%;">
|
|
|
|
<text style="flex: 1;font-weight: 600;font-family: sans-serif;font-size: 14px;"
|
|
@click="itemClick(item.goodsSid)">{{item.goodsName}}</text>
|
|
<text
|
|
style="font-weight: 600;font-family: sans-serif;font-size: 14px;">￥{{item.priceUnit}}</text>
|
|
</view>
|
|
|
|
<!-- <text style="margin-top: 10px;font-size: 12px;color: #999;">{{item.remarks}}</text> -->
|
|
|
|
<view style="margin-top: 8px;display: flex;flex-direction: column;">
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;">
|
|
<!-- <text style="border: 1px #EE752F solid; border-radius: 5px; padding: 0px 8px;
|
|
font-size: 10px;color: #EE752F;">{{item.priceUnit}}元/{{item.specificationUnit}}</text> -->
|
|
<text
|
|
style="border: 1px #EE752F solid; border-radius: 5px; padding: 0px 8px;
|
|
font-size: 10px;color: #EE752F; margin-right: 10px; ">{{item.numofPart}}{{item.specificationUnit}}/{{item.unitName}}</text>
|
|
</view>
|
|
|
|
<text
|
|
style="margin-top: 12px;font-size: 12px;color: #999;">份数：{{item.partNumber}}</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view style="background: #fff;border-radius: 10px;margin-top: 12px;margin-left: 10px;margin-right: 10px;
|
|
display: flex;flex-direction: column;padding: 12px 16px;margin-bottom: 100px;">
|
|
|
|
<text style="font-size: 16px;">订单信息</text>
|
|
|
|
<view style="display: flex;flex-direction: column;margin-top: 15px; ">
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;">
|
|
|
|
<text style="font-size: 14px;color: #999;">订单编号</text>
|
|
<text
|
|
style="margin-left: 15px;font-size: 14px;color: #333;word-break: break-all;">{{data.outTradeNo}}</text>
|
|
</view>
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;">
|
|
|
|
<text style="font-size: 14px;color: #999;">下单时间</text>
|
|
<text style="margin-left: 15px;font-size: 14px;color: #333;">{{data.createTime}}</text>
|
|
</view>
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;">
|
|
|
|
<text style="font-size: 14px;color: #999;">支付方式</text>
|
|
<text style="margin-left: 15px;font-size: 14px;color: #333;">{{data.payType}}</text>
|
|
</view>
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"
|
|
v-if="data.payStatus=='4'">
|
|
|
|
<text style="font-size: 14px;color: #999;">付款时间</text>
|
|
<text style="margin-left: 15px;font-size: 14px;color: #333;">{{data.payTime}}</text>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</loading-state>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
page: {
|
|
sid: ""
|
|
},
|
|
data: {},
|
|
reason: ""
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.page.sid = options.sid
|
|
this.request()
|
|
},
|
|
methods: {
|
|
|
|
// 获取数据
|
|
request() {
|
|
|
|
|
|
let _this = this
|
|
|
|
_this.$api.orderDetails(_this.page.sid).then((resp) => {
|
|
_this.data = resp
|
|
_this.$nextTick(() => {
|
|
_this.$refs.pageView.setLoadState(2)
|
|
})
|
|
|
|
}).catch(e => {
|
|
_this.$nextTick(() => {
|
|
_this.$refs.pageView.setLoadState(1)
|
|
})
|
|
})
|
|
},
|
|
itemClick(goodsSid) {
|
|
uni.navigateTo({
|
|
url: '/pages/good/goodsDetail2?sid=' + goodsSid
|
|
})
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|