Browse Source

售后详情静态页面添加

master
2021 4 years ago
parent
commit
02534e936a
  1. 13
      .hbuilderx/launch.json
  2. 6
      pages.json
  3. 135
      pages/order/OrderReturnDetail/index.vue
  4. 1
      pages/order/ReturnList/index.vue

13
.hbuilderx/launch.json

@ -2,10 +2,15 @@
// launchtypelocalremote, localremote
"version": "0.0",
"configurations": [{
"type": "uniCloud",
"default": {
"launchtype": "remote"
}
"default" :
{
"launchtype" : "remote"
},
"mp-weixin" :
{
"launchtype" : "remote"
},
"type" : "uniCloud"
}
]
}

6
pages.json

@ -297,6 +297,12 @@
"navigationBarTitleText": "订单详情"
}
},
{
"path" : "pages/order/OrderReturnDetail/index",
"style": {
"navigationBarTitleText": "售后详情"
}
},
{
"path": "pages/order/OrderSubmission/index",
"style": {

135
pages/order/OrderReturnDetail/index.vue

@ -0,0 +1,135 @@
<template>
<view class="returnList">
<!-- 给header上与data上加on为退款订单-->
<view class="header bg-color-red acea-row row-middle" :class="refundOrder ? 'on' : ''">
<view class="data" :class="refundOrder ? 'on' : ''">
<view class="state">{{ orderInfo._status._msg }}</view>
<view>{{ orderInfo.createTime || '' }}</view>
</view>
</view>
<!-- 退款总金额 -->
<view class="money">
<view class="top">
<text>退款总金额</text>
<text class="colorRed">{{200.0}}</text>
</view>
<!-- 退款信息 -->
<view class="tips">
<text class="title">您已成功发起退款申请请耐心等待商家处理</text>
<view class="content">
<view>· 卖家同意或超时未处理系统将退款给您</view>
<view>· 如果卖家拒绝您可以修改退款申请后再次发起卖家会重新处理</view>
</view>
</view>
<view class="bottom">
<view class="btns def" @click="cancelReq">撤销申请</view>
<view class="btns redBtn" @click="editReq">修改申请</view>
</view>
</view>
<!-- 退款信息 -->
<view class="rebackInfo">
<view class="top">
</view>
<view class="Item">
</view>
<view class="bottom">
</view>
</view>
<!-- 协商历史 -->
<view class="history">
<view class="top">
</view>
<view class="stepList">
</view>
<view class="bottom">
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
orderInfo: {}
}
},
mounted() {
this.getReturnDetail()
},
methods: {
getReturnDetail() {
console.log(this.$yroute.query)
},
//
cancelReq() {},
//
editReq() {}
}
}
</script>
<style scoped lang='scss'>
$red: #EB3729;
.returnList{
.colorRed{
color: $red;
}
.bgRed{
background-color: $red;
}
.money{
background-color: #FFF;
.top{
padding: 20rpx 30rpx;
font-size: 30rpx;
display: flex;
justify-content: space-between;
border-bottom: 2rpx solid #F3F4F5;
}
.tips{
height: 160rpx;
padding: 20rpx 30rpx;
color: #999999;
border-bottom: 2rpx solid #F3F4F5;
font-size: 26rpx;
.title{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.content{
font-size: 20rpx;
}
}
.bottom{
padding: 20rpx 30rpx;
display: flex;
justify-content: flex-end;
.btns{
width: 160rpx;
height: 58rpx;
font-size: 24rpx;
text-align: center;
line-height: 58rpx;
border-radius: 180rpx;
}
.def{
margin-right: 20rpx;
color: #DDDDDD;
border: 2rpx solid #DDDDDD;
}
.redBtn{
color: #FFF;
background-color: $red;
}
}
}
}
</style>

1
pages/order/ReturnList/index.vue

@ -69,6 +69,7 @@ export default {
},
goOrderDetails(order) {
this.$yrouter.push({
// path: "/pages/order/OrderReturnDetail/index",
path: "/pages/order/OrderDetails/index",
query: { id: order.orderId }
});

Loading…
Cancel
Save