wbb

pages/order/shopOrder.vue

@@ -642,7 +642,7 @@ export default {
 						duration: 2000,
 						icon: 'none'
 					});
-					this.listDeal2(); //确认收货成功自动刷新售后列表
+					// this.listDeal2(); //确认收货成功自动刷新售后列表
 				} else {
 					this.$api.msg(res.msg);
 				}

pages/order/shoprefundorderdetail/shoprefundorderdetail.vue

@@ -2,12 +2,11 @@
 	<!-- 商家查看自己店铺的售后订单详情 -->
 	<!-- 订单 order -->
 	<view class="shoporderdetale xiangq yocode">
-		<view class="beijingimg" style="height:80px">
-			<!-- <view class="onetitle">{{detail.orderstatus}}</view>
-			<view class="twotitle">{{detail.statusdesc}}</view> -->
+		<view class="beijingimg">
+			<view class="twotitle">{{detail.desc}}</view>
 		</view>
 		<view class="boxs">
-			<view class="topbox_20  addresone">
+			<view class="topbox_20 mt-20">
 				<view class="ali-c">
 					<view class="weizhiimg"><image class="imgs" src="/static/news/address.png"></image></view>
 					<view class="flex1 ml-20 addrnamesv">
@@ -26,15 +25,15 @@
 			</view> -->
 
 			<!-- 售后说明 -->
-			<view class="topbox_20 mt-20">
+			<view class="topbox_20 mt-20" v-if="detail.refund_datail != '' || detail.refund_pics.length>0 ">
 				<view style="font-size: 30upx;font-weight: 500;">售后说明</view>
-				<view class="mt-20">{{ detail.refund_datail ? detail.refund_datail : '暂无说明' }}</view>
-				<view v-if="detail.refund_pics.length>0">
+				<view class="mt-20 refund_datail">{{ detail.refund_datail }}</view>
+				<view class="datail_img">
 					<image
 						:src="staticUrl + item"
 						mode=""
 						v-for="(item, index) in detail.refund_pics"
-						style="width: 244upx;height: 220upx;padding: 0 20upx 0 0;margin: 10upx 0upx;"
+						style="width: 220upx;height: 196upx;flex-grow: 1;padding: 4upx;"
 					></image>
 				</view>
 			</view>
@@ -202,22 +201,14 @@ export default {
 .beijingimg {
 	background: linear-gradient(#ff5a03, #ff4216);
 	width: 100%;
-	height: 300upx;
-	position: absolute;
-	top: 0;
-	z-index: 1;
-	padding-left: 20upx;
-	padding-top: 25px;
-	.onetitle {
-		color: #ffffff;
-		font-size: 30upx;
-	}
+	padding: 30upx 24upx;
 	.twotitle {
-		color: #ffffff;
-		font-size: 28upx;
+		color: rgba(255, 255, 255, 1);
+		font-size: 32upx;
+		font-weight: 500;
+		line-height: 40upx;
 	}
 }
-
 .addresone {
 	margin-top: 20px;
 }
@@ -225,7 +216,8 @@ export default {
 	position: relative;
 	z-index: 2;
 	width: 100%;
-	padding: 24upx;
+	padding: 0upx 24upx;
+	// margin-top: 60upx;
 	box-sizing: border-box;
 }
 .bt_min {
@@ -463,9 +455,15 @@ view {
 		}
 	}
 }
-
-// .cellboxstow{
-// 	margin-top: 0;
-// 	margin-bottom: 0;
-// }
+.datail_img{
+	// width: 100%;
+	display: flex;
+	flex-direction: row;
+	justify-content: start;
+	align-items: center;
+	flex-wrap: wrap;
+}
+.refund_datail{
+	margin-top: 20upx;
+}
 </style>