修改报价订单列表UI

supplier/pages/order/index.vue

@@ -13,16 +13,21 @@
 					:refresher-triggered="tabItem.isRefresher" 
 					@refresherrefresh="onRefresherrefresh">
 					<view class="card" v-for="(item, index) in tabItem.list" :key="item.id" @click="$url('/pages/order/detail?q_sn='+ item.q_sn)">
-						<view class="lf-row-between upper">
-							<view class="lf-font-28 lf-color-333">订单状态</view>
-							<view class="order-btn" :class="stateClass(item.state)">{{ item.state }}</view>
+						<view class="lf-row-between item">
+							<view class="lf-color-gray">报价单号</view>
+							<view class="lf-color-black">{{ item.q_sn }}</view>
 						</view>
-						<view class="lf-row-between lower" style="padding-bottom: 0;">
-							<view>批次号 {{ item.batch_sn }}</view>
+						<view class="lf-row-between item">
+							<view class="lf-color-gray">批次号</view>
+							<view class="lf-color-black">{{ item.batch_sn }}</view>
 						</view>
-						<view class="lf-row-between lower">
-							<view>报价单号 {{ item.q_sn }}</view>
-							<view>{{ item.deadline }}</view>
+						<view class="lf-row-between item">
+							<view class="lf-color-gray">订单状态</view>
+							<view :class="stateClass(item.state)">{{ item.state }}</view>
+						</view>
+						<view class="lf-row-between item">
+							<view class="lf-color-gray">创建时间</view>
+							<view class="lf-color-black">{{ item.deadline_text }}</view>
 						</view>
 					</view>
 					<view class="loading-more">
@@ -164,41 +169,31 @@
 		padding: 0 20rpx;
 		box-sizing: border-box;
 		margin-bottom: 30rpx;
-		.upper{
-			width: 100%;
+		.item{
 			padding: 20rpx 0;
-			// border-bottom: 1rpx solid #e5e5e5;
 			box-sizing: border-box;
-			.order-btn{
-				width: max-content;
-				height: 62rpx;
-				border-radius: 32rpx;
-				// border: 2rpx solid #777777;
-				// padding: 0 20rpx;
-				line-height: 60rpx;
-				font-size: 28rpx;
-			}
-			// 已通过
-			.quoted-price{
-				color: #777777;
-			}
-			// 待发起
-			.wait{
-				color: #1833F2;
-			}
-			// 待审核
-			.passed{
-				color: #0BCE5F;
-			}
-			// 未通过
-			.refuse{
-				color: #FF0000;
+			width: 100%;
+			font-size: 28rpx;
+			&:last-child{
+				border-bottom: none;
 			}
 		}
-		.lower{
-			padding: 20rpx 0;
-			font-size: 24rpx;
-			color: #777777;
-		}
+	}
+	
+	// 已通过
+	.quoted-price{
+		color: #777777;
+	}
+	// 待发起
+	.wait{
+		color: #1833F2;
+	}
+	// 待审核
+	.passed{
+		color: #0BCE5F;
+	}
+	// 未通过
+	.refuse{
+		color: #FF0000;
 	}
 </style>