From 45947ffc8e09de19fa7f23b5e4e499630b01da76 Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Sat, 18 Jan 2025 14:37:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=E9=A1=B5=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../userinfo/usercenter/components/mybill.vue      | 34 +++++++++++++---------
 src/views/main.vue                                 |  4 ++-
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index 036827b..03cca2c 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -1,7 +1,8 @@
 <template>
-	<div class="mybill-container f40 w">
-		<div class="contenttitle">
-			<ul @click="resetpag">
+	<div class="mybill-container f40 w" style="background-color: #f0f0f0;width: 100vw;min-width: 100vw;">
+		<div class=" "  style="width: 800px;min-width: 800px;margin: 20px auto 20px;background-color: #fff;border-radius: 6px;padding: 20px;">
+			<div class="contenttitle">
+			<ul @click="resetpag"> 
 				<li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">
 					全部
 					<span>{{ billNumber.num }}</span>
@@ -283,6 +284,7 @@
 				<a-empty class="nodata" description="暂无数据" style="padding: 40px" />
 			</div>
 		</a-modal>
+		</div>
 	</div>
 </template>
 
@@ -1105,12 +1107,12 @@ export default {
 				align-items: center;
 				font-size: 14px;
 				> div {
-					margin-left: 50px;
+					margin-left: 10px;
 					width: 70px;
 				}
 			}
 			.ant-input {
-				width: 400px;
+				width: 348px;
 				// width: 300px;
 				position: relative;
 				height: 32px;
@@ -1174,7 +1176,7 @@ export default {
 				padding-left: 0;
 				justify-content: center;
 				// margin-left: 20px;
-				width: 260px;
+				width: 180px;
 				border-color: #ccc;
 				// border-radius: 4px;
 				// border: none;
@@ -1182,14 +1184,14 @@ export default {
 					border-color: #1890ff;
 				}
 				.ant-calendar-range-picker-input {
-					width: 95px;
+					width: 78px;
 					font-size: 14px;
 				}
 				.ant-calendar-range-picker-separator {
-					margin-right: 10px;
+					margin-right: 6px;
 				}
 				.ant-calendar-picker-clear {
-					margin-right: 10px;
+					margin-right: 6px;
 				}
 			}
 		}
@@ -1228,11 +1230,11 @@ export default {
 				// li {
 				// }
 				li:first-child {
-					width: 263px;
+					width: 188px;
 					padding-left: 60px;
 				}
 				li:nth-child(2) {
-					width: 246px;
+					width: 220px;
 					// line-height: 100px;
 					// background-color: red;
 				}
@@ -1305,14 +1307,20 @@ export default {
 				border: 1px solid #ccc;
 				border-radius: 6px 6px 0 0;
 				li {
-					flex: 1;
+					width: 25%;
+					font-size: 12px;
+					text-align: center !important;
+					&:nth-child(1) {
+						width: 23%;
+					}
 					&:nth-child(2) {
 						margin-left: 5px;
 					}
 					&:nth-child(3) {
 						// margin-left: 100px;
 						position: relative;
-						transform: translateX(52px);
+						transform: translateX(0px);
+						width: 27%;
 					}
 					&:last-child {
 						text-align: right;
diff --git a/src/views/main.vue b/src/views/main.vue
index 2afd7a0..693d13c 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -310,7 +310,7 @@
 		<!-- footer部分 -->
 		<footer v-if="isfootershow" :class="loginPage ? 'footer_abs' : ''"
 					  :style="{
-							'background-color': pagrTitle == 'detail' ? '#f0f0f0' : '#ffffff',
+							'background-color': pagrTitle == 'detail' || pagrTitle == 'mybill' ? '#f0f0f0' : '#ffffff',
 							'padding-top': '20px',
 							'margin-top': 0
 						}"
@@ -539,6 +539,8 @@ export default {
 				that.pagrTitle = 'list'
 			}else if(that.$route.name == 'Detail'){
 				that.pagrTitle = 'detail'
+			}else if(that.$route.name == 'mybill'){
+				that.pagrTitle = 'mybill'
 			}else{
 				that.pagrTitle = ''
 			}