售后详情静态页面添加

.hbuilderx/launch.json

@@ -2,10 +2,15 @@
   // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
     "version": "0.0",
     "configurations": [{
-            "type": "uniCloud",
+     	"default" : 
-            "default": {
+     	{
-                "launchtype": "remote"
+     		"launchtype" : "remote"
-            }
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "remote"
+     	},
+     	"type" : "uniCloud"
      }
     ]
 }

pages.json

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

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>

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 }
       });