From 64fc368593bde1587daa5c1814029050bcd5f657 Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Wed, 23 Jun 2021 18:04:22 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=B7=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/order/apply-details.vue |  93 +++++++++++++++++++----------
 pages/order/apply-refund.vue  | 107 ++++++++++++++++++++++------------
 2 files changed, 132 insertions(+), 68 deletions(-)

diff --git a/pages/order/apply-details.vue b/pages/order/apply-details.vue
index 683d8d8..dac4973 100644
--- a/pages/order/apply-details.vue
+++ b/pages/order/apply-details.vue
@@ -28,49 +28,80 @@
 
 				</skeleton>
 			</view>
-			
 			<self-line/>
-			<!-- 表单 -->
-			<view class="bg-white">
-				<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
-					<text class="text-gray">可退金额</text>
-					<view class="text-red text-price text-lg">
-						<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+			<skeleton :loading="skeletonLoading" :row="3" :showAvatar="false" :showTitle="true">
+				<view class="bg-white">
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">订单金额</text>
+						<view class="text-price">
+							<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+						</view>
+					</view>
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">扣费率</text>
+						<view>
+							<text>30%</text>
+						</view>
+					</view>
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">扣费金额</text>
+						<view class="text-price">
+							<amount :value="Number(3.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+						</view>
 					</view>
 				</view>
-				<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
-					<text class="text-gray">订单编号</text>
-					<view>
-						<text class="margin-right">67432428794847982374</text>
-						<text class="text-orange text-sm"  @tap="copy('67432428794847982374')">复制</text>
+			</skeleton>
+			<self-line/>
+			<!-- 表单 -->
+			<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true">
+				<view class="bg-white">
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">可退金额</text>
+						<view class="text-price">
+							<amount :value="Number(16.00 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+						</view>
+					</view>
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">订单编号</text>
+						<view>
+							<text class="margin-right">67432428794847982374</text>
+							<text class="text-orange text-sm"  @tap="copy('67432428794847982374')">复制</text>
+						</view>
 					</view>
 				</view>
-			</view>
-			
+			</skeleton>
 			<self-line/>
 			
-			<view class="padding bg-white" style="border-radius: 6rpx 6rpx 0 0">
-				<view class="cu-self menu">
-					<view class="text-gray">退款说明</view>
-				</view>
-				<view class="cu-self menu margin-top">
-					<view class="text-gray">看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！</view>
+			<skeleton :loading="skeletonLoading" :row="6" :showAvatar="false" :showTitle="true">
+				<view class="padding-top padding-lr bg-white">
+					<view class="cu-self menu">
+						<view class="text-gray">
+							由于产品的特殊性，在申请的过程中，供应商会向您收取部分费用。如有疑问可参与产品的《售后说明》或咨询客服
+						</view>
+					</view>
 				</view>
-			</view>
-			<view class="cu-form-group solid-bottom">
-				<view class="grid col-4 grid-square flex-sub">
-					<view class="bg-img">
-						<image src="../../static/tu.png" @tap="showImg" mode="aspectFill"></image>
+				<view class="padding bg-white">
+					<view class="cu-self menu">
+						<view class="text-df text-bold">退款说明</view>
 					</view>
-					<view class="bg-img">
-						<image src="../../static/tu.png" @tap="showImg" mode="aspectFill"></image>
+					<view class="cu-self menu margin-top">
+						<view class="text-gray">看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！</view>
 					</view>
-					<view class="bg-img">
-						<image src="../../static/tu.png" @tap="showImg" mode="aspectFill"></image>
+				</view>
+				<view class="cu-form-group solid-bottom">
+					<view class="grid col-4 grid-square flex-sub">
+						<view class="bg-img">
+							<image src="../../static/tu.png" @tap="showImg" mode="aspectFill"></image>
+						</view>
+						<view class="bg-img">
+							<image src="../../static/tu.png" @tap="showImg" mode="aspectFill"></image>
+						</view>
+						<view class="bg-img">
+							<image src="../../static/tu.png" @tap="showImg" mode="aspectFill"></image>
+						</view>
 					</view>
 				</view>
-			</view>
-			
+			</skeleton>
 		</mescroll-body>
 		
 	</view>
diff --git a/pages/order/apply-refund.vue b/pages/order/apply-refund.vue
index d40a404..3057d8d 100644
--- a/pages/order/apply-refund.vue
+++ b/pages/order/apply-refund.vue
@@ -27,51 +27,84 @@
 			</view>
 			
 			<self-line/>
-			<!-- 表单 -->
-			<view class="bg-white">
-				<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
-					<text class="text-gray">可退金额</text>
-					<view class="text-red text-price text-lg">
-						<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+			<skeleton :loading="skeletonLoading" :row="3" :showAvatar="false" :showTitle="true">
+				<view class="bg-white">
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">订单金额</text>
+						<view class="text-price">
+							<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+						</view>
 					</view>
-				</view>
-				<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
-					<text class="text-gray">订单编号</text>
-					<view>
-						<text class="margin-right">67432428794847982374</text>
-						<text class="text-orange text-sm"  @tap="copy('67432428794847982374')">复制</text>
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">扣费率</text>
+						<view>
+							<text>30%</text>
+						</view>
+					</view>
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">扣费金额</text>
+						<view class="text-price">
+							<amount :value="Number(3.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+						</view>
 					</view>
 				</view>
-				<view class="cu-bar padding-lr solid-bottom">
-					<text class="text-gray">退款说明</text>
-					<input type="text" class="text-right text-df" placeholder="请输入反馈信息" />
-				</view>
-			</view>
+			</skeleton>
 			
 			<self-line/>
-			
-			<view class="padding bg-white" style="border-radius: 6rpx 6rpx 0 0">
-				<view class="cu-self menu">
-					<view class="text-gray">请上传退款凭证</view>
+			<!-- 表单 -->
+			<skeleton :loading="skeletonLoading" :row="3" :showAvatar="false" :showTitle="true">
+				<view class="bg-white">
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">可退金额</text>
+						<view class="text-price">
+							<amount :value="Number(16.00 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
+						</view>
+					</view>
+					<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
+						<text class="text-gray">订单编号</text>
+						<view>
+							<text class="margin-right">67432428794847982374</text>
+							<text class="text-orange text-sm"  @tap="copy('67432428794847982374')">复制</text>
+						</view>
+					</view>
+					<view class="cu-bar padding-lr solid-bottom">
+						<text class="text-gray">退款说明</text>
+						<input type="text" class="text-right text-df" placeholder="请输入反馈信息" />
+					</view>
 				</view>
-			</view>
-			<view class="cu-form-group solid-bottom">
-				<view class="grid col-4 grid-square flex-sub">
-					<view class="solids" @tap="ChooseImage" v-if="hostImg == ''"><text class="cuIcon-cameraadd"></text></view>
-			
-					<view class="bg-img" v-else>
-						<image :src="hostImg" @tap="showImg" mode="aspectFill"></image>
-						<view class="cu-tag bg-red" @tap.stop="DelImg"><text class="cuIcon-close"></text></view>
+			</skeleton>
+			<self-line/>
+			<skeleton :loading="skeletonLoading" :row="6" :showAvatar="false" :showTitle="true">
+				<view class="padding-top padding-lr bg-white">
+					<view class="cu-self menu">
+						<view class="text-gray">
+							由于产品的特殊性，在申请的过程中，供应商会向您收取部分费用。如有疑问可参与产品的《售后说明》或咨询客服
+						</view>
 					</view>
 				</view>
-			</view>
-			
-			<view class="padding-top-sm padding-lr-lg">
-				<button class="cu-btn block bg-orange lg margin-top round" @tap="$routerGo('/pages/order/apply-details')">
-					<text class="cuIcon-loading2 cuIconfont-spin  margin-right-xs text-white" v-if="loading"></text>
-					<text class="text-df text-white">确认申请</text>
-				</button>
-			</view>
+				<view class="padding bg-white">
+					<view class="cu-self menu">
+						<view class="text-df text-bold">请上传退款凭证</view>
+					</view>
+				</view>
+				<view class="cu-form-group solid-bottom">
+					<view class="grid col-4 grid-square flex-sub">
+						<view class="solids" @tap="ChooseImage" v-if="hostImg == ''"><text class="cuIcon-cameraadd"></text></view>
+				
+						<view class="bg-img" v-else>
+							<image :src="hostImg" @tap="showImg" mode="aspectFill"></image>
+							<view class="cu-tag bg-red" @tap.stop="DelImg"><text class="cuIcon-close"></text></view>
+						</view>
+					</view>
+				</view>
+				
+				<view class="padding-top-sm padding-lr-lg">
+					<button class="cu-btn block bg-orange lg margin-top round" @tap="$routerGo('/pages/order/apply-details')">
+						<text class="cuIcon-loading2 cuIconfont-spin  margin-right-xs text-white" v-if="loading"></text>
+						<text class="text-df text-white">确认申请</text>
+					</button>
+				</view>
+			</skeleton>
 		</mescroll-body>
 		
 	</view>