Browse Source

修改一点样式

zxz 3 years ago
parent
commit
c3395aa9b4
1 changed files with 63 additions and 44 deletions
  1. 63 44
      pages/task/my_task.vue

+ 63 - 44
pages/task/my_task.vue

@@ -5,11 +5,11 @@
 				<text style='color: #ccc;' class="cuIcon-search"></text>
 				<input type="text" placeholder="请输入合同编号、车牌号或派车编号" confirm-type="search"></input>
 			</view>
-			
+
 		</view>
 		<view style='background:#fff;padding:0 145px;display:table-footer-group ;'>
 			<view @click='tabcarchange(1)' class='line' :class='TabCur==1?"active":""'>未完成</view>
-			<view  @click='tabcarchange(3)' class='line'  :class='TabCur==3?"active":""'>已完成</view>
+			<view @click='tabcarchange(3)' class='line' :class='TabCur==3?"active":""'>已完成</view>
 		</view>
 		<view class="introduce-section">
 			<view v-for="(item, index) in taskInfo" :key="index" class="guess-item" @click="navToDetailPage(item)">
@@ -17,8 +17,8 @@
 					<view class='tag tag-bule radius line-pink'>入库任务</view>
 					<view class="title">辽H12345(C001){{item.car_no}}{{item.tran_car_no}}</view>
 				</view>
-					<view class="titles ">CG12345678{{item.contract_no}}</view>
-					<view class="titles titleds_aa">2021-06-30{{item.predict_date}}</view>
+				<view class="titles ">CG12345678{{item.contract_no}}</view>
+				<view class="titles titleds_aa">2021-06-30{{item.predict_date}}</view>
 			</view>
 			<view v-show="isLoadMore">
 				<uni-load-more :status="loadStatus"></uni-load-more>
@@ -40,17 +40,17 @@
 				isLoadMore: false, //是否加载中
 				showTran: true,
 				scrollTop: 0,
-				statusFlag:1,
+				statusFlag: 1,
 				TabCur: 0,
 				current: 1,
-				warehouseInOutInfo:{
-					pageSize:10,
-					currentPage:1
+				warehouseInOutInfo: {
+					pageSize: 10,
+					currentPage: 1
 				}
 			};
 		},
 		onLoad(options) {
-			
+
 			this.getIndexBuyData();
 			this.getIndexBuyData()
 		},
@@ -61,60 +61,77 @@
 				var pages = that.pages
 				var limit = that.limit
 				console.log(2112454)
-				this.warehouseInOutInfo.statusFlag=this.statusFlag
-				this.$api.doRequest('get','/warehouseInOutInfo/selectInfo',this.warehouseInOutInfo).then(res => {
+				this.warehouseInOutInfo.statusFlag = this.statusFlag
+				this.$api.doRequest('get', '/warehouseInOutInfo/selectInfo', this.warehouseInOutInfo).then(res => {
 					console.log(12545645)
-					if(res.data.code==200){
-					let data = res.data.data
-					//采购信息
-					if (data.length > 0) {
-						that.taskInfo = that.taskInfo.concat(data)
-						that.isLoadMore = false
-					} else {
-						if (that.pages > 1) {
-							that.pages -= 1
+					if (res.data.code == 200) {
+						let data = res.data.data
+						//采购信息
+						if (data.length > 0) {
+							that.taskInfo = that.taskInfo.concat(data)
+							that.isLoadMore = false
+						} else {
+							if (that.pages > 1) {
+								that.pages -= 1
+							}
+							that.isLoadMore = true
+							that.loadStatus = 'nomore'
 						}
-						that.isLoadMore = true
-						that.loadStatus = 'nomore'
-					}
-					uni.hideLoading()
-					}
-					else{
+						uni.hideLoading()
+					} else {
 						uni.showToast({
 							title: res.data.message,
-							icon:'none',
+							icon: 'none',
 							duration: 2000
 						})
 					}
 				}).catch(res => {
 					uni.showToast({
 						title: res.data.message,
-						icon:'none',
+						icon: 'none',
 						duration: 2000
 					})
 				})
 			},
-			tabcarchange(statusFlag){
-				this.statusFlag=statusFlag
+			tabcarchange(statusFlag) {
+				this.statusFlag = statusFlag
 				this.pageSize = 1
 				this.getIndexBuyData()
 			},
-				
-			}
+
 		}
-	
+	}
 </script>
 
 <style lang="scss" scoped>
 	page,
 	.content {
+		background: #F5F6FA;
 	}
-	.line{
-		display:inline-block;
-		padding:5px;
-		position:relative;
-		font-size:17px;
-		margin-right: 126px;
+
+	.line {
+		display: inline-block;
+		padding: 5px;
+		position: relative;
+		font-size: 17px;
+		width: 187px;
+		padding-left: 68px;
+	}
+
+	.line.active {
+		font-size: 19px;
+		font-weight: 900;
+	}
+
+	.line.active:after {
+		content: '';
+		display: block;
+		position: absolute;
+		width: 18px;
+		left: 50%;
+		transform: translateX(-50%);
+		bottom: 0;
+		border-bottom: 1px solid #22C572;
 	}
 
 	.cu-tag.badge {
@@ -425,7 +442,7 @@
 			flex: 2.5;
 			margin-left: -4px;
 			padding: 0px 24px;
-			
+
 		}
 
 		.title-tip {
@@ -474,11 +491,13 @@
 			}
 		}
 	}
-	.titles{
+
+	.titles {
 		display: -webkit-inline-box;
-	
+
 	}
-	.titleds_aa{
-			float: right;
+
+	.titleds_aa {
+		float: right;
 	}
 </style>