退款订单详情

pages/users/user_return_list/detail/detail.vue

@@ -0,0 +1,106 @@
+<template>
+	<view class="page flex-col">
+
+		<view class="block_4 flex-col">
+
+			<view v-if="userAfterSales.status ===1" class="group_1 flex-row">
+				<view class="image-text_10 flex-row justify-between">
+					<image class="icon_2" src="/static/images/已完成@2x.png"/>
+					<text class="text-group_1_1">{{userAfterSales.statusDesc}}</text>
+				</view>
+			</view>
+
+			<view v-else class="group_1 flex-row">
+				<view class="image-text_10 flex-row justify-between">
+					<image class="icon_2" src="/static/images/退款中.png"/>
+					<text class="text-group_1">{{userAfterSales.statusDesc}}</text>
+				</view>
+			</view>
+
+			<view class="group_2 flex-col">
+				<view class="image-text_11 flex-row justify-between" v-for="(item,index) in userAfterSales.goodsList " :key="index">
+					<view class="group_3 flex-col"></view>
+					<view class="text-group_8 flex-col">
+						<text class="text_4">
+							{{item.goodsName}}
+						</text>
+						<view class="text-wrapper_26 flex-row justify-between">
+							<text class="text_5">¥{{item.goodsPrice}}</text>
+							<text class="text_6">x&nbsp;{{item.goodsNum}}</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="box_7 flex-col">
+			<view class="text-wrapper_27 flex-row">
+				<text class="text_10">售后信息</text>
+			</view>
+			<view class="text-wrapper_28 flex-row justify-between">
+				<text class="text_11">售后编号</text>
+				<text class="text_12">{{userAfterSales.afterSalesNo}}</text>
+			</view>
+			<view class="text-wrapper_29 flex-row justify-between">
+				<text class="text_13">售后原因</text>
+				<text class="text_14">{{userAfterSales.reason}}</text>
+			</view>
+			<view class="text-wrapper_30 flex-row justify-between">
+				<text class="text_15">申请时间</text>
+				<text class="text_16">{{userAfterSales.createTime}}</text>
+			</view>
+			<view class="text-wrapper_31 flex-row justify-between">
+				<text class="text_17">退款编号</text>
+				<text class="text_18">{{userAfterSales.afterSalesNo}}</text>
+			</view>
+			<view class="text-wrapper_32 flex-row justify-between">
+				<text class="text_19">退款方式</text>
+				<text class="text_20">原路返还</text>
+			</view>
+			<view class="text-wrapper_33 flex-row justify-between">
+				<text class="text_21">退款金额</text>
+				<text class="text_22">¥ {{money}}</text>
+			</view>
+		</view>
+
+		<!--这里是广告-->
+		<view class="section_3 flex-col">
+			<view class="tag_1 flex-col"><text class="text_23">1/3</text></view>
+		</view>
+		<!--广告结束-->
+	</view>
+</template>
+<script>
+	import {getUserAfterSalesDetail} from '@/api/groupon.js'
+	export default {
+		data() {
+			return {
+				money:0,
+				userAfterSales:{},
+				constants: {},
+			};
+		},
+
+		onload(e){
+			this.getDetail(e.id);
+		},
+
+		methods: {
+			getDetail(id){
+				getUserAfterSalesDetail(id).then(res =>{
+					this.userAfterSales = res.data;
+
+					this.userAfterSales.goodsList.forEach(item =>{
+						this.money += item.goodsPrice * item.goodsNum;
+					})
+					console.log("++++++++getUserAfterSalesDetail++++++++++++",res.data)
+				})
+
+			},
+
+		},
+	};
+</script>
+<style lang="scss" scoped>
+	@import '/static/css/common.css';
+	@import './index.rpx.css';
+</style>

pages/users/user_return_list/detail/index.rpx.css

@@ -0,0 +1,442 @@
+.page {
+    background-color: rgba(250, 250, 250, 1);
+    position: relative;
+    width: 750rpx;
+    overflow: hidden;
+    padding-left: 0;
+    padding-right: 0;
+    padding-top: 0;
+    padding-bottom: 68rpx;
+}
+
+.box_1 {
+    background-color: rgba(255, 255, 255, 1);
+    padding: 30rpx 0 2rpx 0;
+}
+
+.box_11 {
+    width: 686rpx;
+    align-self: center;
+}
+
+.text-wrapper_1 {
+    width: 52rpx;
+    height: 40rpx;
+    overflow-wrap: break-word;
+    font-size: 0;
+    letter-spacing: -0.2800000011920929px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_1 {
+    overflow-wrap: break-word;
+    color: rgba(255, 255, 255, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_2 {
+    overflow-wrap: break-word;
+    color: rgba(255, 255, 255, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.image_1 {
+    width: 134rpx;
+    height: 22rpx;
+    margin: 4rpx 0 14rpx 0;
+}
+
+.nav-bar_4 {
+    width: 750rpx;
+    margin-top: 10rpx;
+    padding: 22rpx 20rpx 12rpx 32rpx;
+}
+
+.box_12 {
+    margin: 6rpx 0 6rpx 0;
+}
+
+.group_7 {
+    width: 192rpx;
+}
+
+.icon_5 {
+    width: 40rpx;
+    height: 40rpx;
+    margin: 4rpx 0 4rpx 0;
+}
+
+.text_3 {
+    overflow-wrap: break-word;
+    color: rgba(51, 51, 51, 1);
+    font-size: 32rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 48rpx;
+}
+
+.applet-top-bar_1 {
+    width: 180rpx;
+    height: 60rpx;
+}
+
+.block_4 {
+    padding-bottom: 18rpx;
+}
+
+.group_1 {
+    background-color: rgba(255, 255, 255, 1);
+    padding: 24rpx 286rpx 24rpx 286rpx;
+}
+
+.image-text_10 {
+    width: 178rpx;
+}
+
+.icon_2 {
+    width: 40rpx;
+    height: 40rpx;
+    margin: 2rpx 0 2rpx 0;
+}
+
+.text-group_1 {
+    overflow-wrap: break-word;
+    color: rgba(51, 51, 51, 1);
+    font-size: 32rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+}
+
+.text-group_1_1{
+    overflow-wrap: break-word;
+    color: #75BE00;
+    font-size: 32rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+}
+
+.group_2 {
+    background-color: rgba(255, 255, 255, 1);
+    margin-top: 16rpx;
+    padding: 24rpx 32rpx 24rpx 32rpx;
+}
+
+.image-text_11 {
+    width: 686rpx;
+}
+
+.group_3 {
+    border-radius: 4px;
+    background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/8f5ea974b60543c494b98601c23f4559_mergeImage.png);
+    width: 132rpx;
+    height: 132rpx;
+}
+
+.text-group_8 {
+}
+
+.text_4 {
+    width: 530rpx;
+    height: 80rpx;
+    overflow-wrap: break-word;
+    color: rgba(51, 51, 51, 1);
+    font-size: 24rpx;
+    font-weight: NaN;
+    text-align: left;
+    line-height: 40rpx;
+}
+
+.text-wrapper_26 {
+    width: 530rpx;
+    margin-top: 8rpx;
+}
+
+.text_5 {
+    overflow-wrap: break-word;
+    color: rgba(178, 35, 56, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+}
+
+.text_6 {
+    overflow-wrap: break-word;
+    color: rgba(153, 153, 153, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 44rpx;
+}
+
+.group_8 {
+    width: 686rpx;
+    margin-top: 24rpx;
+}
+
+.image-text_12 {
+    width: 464rpx;
+}
+
+.box_6 {
+    border-radius: 4px;
+    background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/b2352df9f44c47cfa3e8fc41486bd2b8_mergeImage.png);
+    width: 132rpx;
+    height: 132rpx;
+}
+
+.text-group_9 {
+}
+
+.text_7 {
+    overflow-wrap: break-word;
+    color: rgba(51, 51, 51, 1);
+    font-size: 24rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_8 {
+    overflow-wrap: break-word;
+    color: rgba(178, 35, 56, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+    margin: 48rpx 216rpx 0 0;
+}
+
+.text_9 {
+    overflow-wrap: break-word;
+    color: rgba(153, 153, 153, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 44rpx;
+    margin-top: 88rpx;
+}
+
+.box_7 {
+    background-color: rgba(255, 255, 255, 1);
+    margin-top: -2rpx;
+    padding: 20rpx 32rpx 24rpx 32rpx;
+}
+
+.text-wrapper_27 {
+    margin-right: 558rpx;
+}
+
+.text_10 {
+    overflow-wrap: break-word;
+    color: rgba(17, 17, 17, 1);
+    font-size: 32rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+}
+
+.text-wrapper_28 {
+    width: 686rpx;
+    margin-top: 32rpx;
+}
+
+.text_11 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_12 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text-wrapper_29 {
+    width: 686rpx;
+    margin-top: 24rpx;
+}
+
+.text_13 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_14 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text-wrapper_30 {
+    width: 686rpx;
+    margin-top: 24rpx;
+}
+
+.text_15 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_16 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text-wrapper_31 {
+    width: 686rpx;
+    margin-top: 24rpx;
+}
+
+.text_17 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_18 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text-wrapper_32 {
+    width: 686rpx;
+    margin-top: 24rpx;
+}
+
+.text_19 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text_20 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 40rpx;
+}
+
+.text-wrapper_33 {
+    width: 686rpx;
+    margin-top: 24rpx;
+}
+
+.text_21 {
+    overflow-wrap: break-word;
+    color: rgba(102, 102, 102, 1);
+    font-size: 28rpx;
+    font-weight: NaN;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 40rpx;
+    margin-top: 4rpx;
+}
+
+.text_22 {
+    overflow-wrap: break-word;
+    color: rgba(178, 35, 56, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    text-align: right;
+    white-space: nowrap;
+    line-height: 44rpx;
+}
+
+.section_3 {
+    background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/72802f4f14b9478296163d90c65a511a_mergeImage.png);
+    margin-top: 16rpx;
+    padding: 12rpx 682rpx 376rpx 12rpx;
+}
+
+.tag_1 {
+    background-color: rgba(0, 0, 0, 0.3);
+    border-radius: 6px;
+    padding: 2rpx 12rpx 2rpx 12rpx;
+}
+
+.text_23 {
+    overflow-wrap: break-word;
+    color: rgba(255, 255, 255, 1);
+    font-size: 20rpx;
+    font-weight: NaN;
+    text-align: center;
+    white-space: nowrap;
+    line-height: 28rpx;
+}

pages/users/user_return_list/module/mescrollUni-item.vue

@@ -10,7 +10,8 @@
 		<!-- 数据列表 -->
 
 		<view class="myclient_list flex-col" v-for="(item,index) in list" :key="index">
-			<view class="flex-col" >
+
+			<view class="flex-col" @click="goDetail(item)">
 				<view class="flex-row justify-between">
 					<view class="nl">
 						{{item.mainTitle}}
@@ -37,7 +38,7 @@
 				</view>
 			</view>
 
-			<view class="all-products-item flex-row" v-for="(goods,goodsIndex) in item.goodsList" :key="goodsIndex">
+			<view class="all-products-item flex-row" v-for="(goods,goodsIndex) in item.goodsList" :key="goodsIndex" @click="goDetail(item)">
 				<image
 						:src="goods.goodsImage"
 						mode="scaleToFill" />
@@ -123,6 +124,11 @@
 		},
 
 		methods: {
+			goDetail(item){
+				uni.navigateTo({
+					url:'/pages/users/user_return_list/detail/detail?id='+item.id
+				})
+			},
 
 			/*下拉刷新的回调 */
 			downCallback() {