shish 1 bulan lalu
induk
melakukan
4990497c65
2 mengubah file dengan 61 tambahan dan 27 penghapusan
  1. 42 23
      ghsApp/src/pagesStore/me/withdraw.vue
  2. 19 4
      hdApp/src/pagesStore/me/withdraw.vue

+ 42 - 23
ghsApp/src/pagesStore/me/withdraw.vue

@@ -6,8 +6,7 @@
 				<view class="table-header">
 					<view class="header-item time-col">申请时间</view>
 					<view class="header-item arrival-col">到账时间</view>
-					<view class="header-item amount-col">提现</view>
-					<view class="header-item actual-col">实到</view>
+					<view class="header-item amount-col">提现金额</view>
 					<view class="header-item status-col">状态</view>
 				</view>
 				
@@ -31,10 +30,6 @@
 						<view class="row-item amount-col" @click="getDetail(item.id)">
 							<view class="amount-text">{{item.amount}}</view>
 						</view>
-						<view class="row-item actual-col" @click="getDetail(item.id)">
-							<view class="actual-text" v-if="item.status==2"></view>
-							<view class="actual-text" v-else></view>
-						</view>
 						<view class="row-item status-col" @click="getDetail(item.id)">
 							<view class="status-text">{{item.status==1?'处理中':item.status==2?'已到账':'失败'}}</view>
 						</view>
@@ -96,19 +91,31 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+/**
+ * 提现记录列表
+ * 四列等比铺满屏幕宽度,避免固定 upx 宽度导致右侧留白
+ */
 .app-content {
 	background-color: #f5f5f5;
 	min-height: 100vh;
+	width: 100%;
+	box-sizing: border-box;
 }
 
 .main-view {
 	padding: 0;
+	width: 100%;
+	box-sizing: border-box;
 }
 
 .table-header {
 	display: flex;
+	flex-direction: row;
+	align-items: center;
+	width: 100%;
+	box-sizing: border-box;
 	background-color: #F0F2F6;
-	padding: 24upx 16upx;
+	padding: 24upx 0;
 	margin-bottom: 2upx;
 	font-size: 32upx;
 	font-weight: 600;
@@ -118,11 +125,16 @@ export default {
 .table-body {
 	background-color: #fff;
 	overflow: hidden;
+	width: 100%;
 }
 
 .table-row {
 	display: flex;
-	padding: 24upx 16upx;
+	flex-direction: row;
+	align-items: center;
+	width: 100%;
+	box-sizing: border-box;
+	padding: 24upx 0;
 	border-bottom: 1upx solid #f0f0f0;
 	transition: background-color 0.2s ease;
 	
@@ -135,42 +147,47 @@ export default {
 	}
 }
 
-.header-item {
-	font-size: 32upx;
-	font-weight: 600;
-	color: #000;
-}
-
+.header-item,
 .row-item {
+	flex: 1;
+	width: 0;
+	min-width: 0;
+	box-sizing: border-box;
+	padding: 0 8upx;
 	font-size: 30upx;
 	color: #000;
 	display: flex;
+	flex-direction: row;
 	align-items: center;
 	justify-content: center;
+	text-align: center;
+}
+
+.header-item {
+	font-size: 32upx;
+	font-weight: 600;
 }
 
 .time-col {
-	flex: 0 0 180upx;
+	flex: 1.35;
 	justify-content: flex-start;
+	text-align: left;
 }
 
 .arrival-col {
-	flex: 0 0 150upx;
+	flex: 1.15;
 }
 
 .amount-col {
-	flex: 0 0 120upx;
-}
-
-.actual-col {
-	flex: 0 0 100upx;
+	flex: 1;
 }
 
 .status-col {
-	flex: 0 0 100upx;
+	flex: 0.95;
 }
 
 .time-info {
+	width: 100%;
 	text-align: left;
 	
 	.time {
@@ -187,10 +204,12 @@ export default {
 
 .arrival-text,
 .amount-text,
-.actual-text,
 .status-text {
 	font-size: 30upx;
 	color: #000;
 	font-weight: 500;
+	width: 100%;
+	text-align: center;
+	word-break: break-all;
 }
 </style>

+ 19 - 4
hdApp/src/pagesStore/me/withdraw.vue

@@ -5,8 +5,7 @@
 				<t-tr header>
 					<t-th><view style="width:150upx;">申请时间</view></t-th>
 					<t-th>到账时间</t-th>
-					<t-th>提现</t-th>
-					<t-th>实到</t-th>
+					<t-th>提现金额</t-th>
 					<t-th>状态</t-th>
 				</t-tr>
 				<t-tr v-for="(item, index) in list.data" :key="index">
@@ -18,7 +17,6 @@
 						</t-td>
 					<t-td> <view v-if="item.status==2">{{item.updateTime.substr(5,11)}}</view><view v-else></view> </t-td>
 					<t-td> <view>{{item.amount}}</view> </t-td>
-					<t-td> <view v-if="item.status==2">{{item.beAmount}}</view><view v-else></view> </t-td>
 					<t-td> <view>{{item.status==1?'处理中':item.status==2?'已提现':'失败'}}</view> </t-td>
 				</t-tr>
 			</t-table>
@@ -74,4 +72,21 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+/**
+ * 提现记录页样式
+ * 表头/单元格字体颜色与 ghsApp 同页保持一致(#000)
+ */
+.app-content {
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
+::v-deep .t-th {
+	color: #000;
+}
+
+::v-deep .t-td {
+	color: #000;
+}
+</style>