工单页优化

src/components/userinfo/usercenter/components/mybill.vue

@@ -1,5 +1,6 @@
 <template>
-	<div class="mybill-container f40 w">
+	<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 }">
@@ -284,6 +285,7 @@
 			</div>
 		</a-modal>
 		</div>
+	</div>
 </template>
 
 <script>
@@ -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;

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 = ''
 			}