新增员工管理等

pages/order/index.vue

@@ -1,6 +1,17 @@
 <template>
 	<view>
-		
+		<view class="tabs">
+			<view class="item show">待发货</view>
+			<view class="item">已发货</view>
+			<view class="item">待提货</view>
+			<view class="item">已提货</view>
+		</view>
+		<view class="orders">
+			<view class="item" v-for="(item, index) in 10" :key="index">
+				{{index}}
+				订单信息
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -8,15 +19,50 @@
 	export default {
 		data() {
 			return {
-				
+				type: ''
 			}
 		},
+		created() {
+			this.type = this.$Route.query.type
+			console.log(this.type)
+		},
 		methods: {
 			
 		}
 	}
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+	// tabs
+	.tabs{
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 99;
+		display: flex;
+		justify-content: space-around;
+		background: #F8F8F8;
+		padding: 15rpx 0;
+		font-size: $title-size-lg;
+		color: $text-gray;
+		.item{
+			height: 60rpx;
+			line-height: 60rpx;
+			&.show{
+				color: $text-price;
+				border-bottom: solid 4rpx $text-price;
+			}
+		}
+	}
+	// 订单管理
+	.orders{
+		padding-top: 90rpx;
+		.item{
+			background: white;
+			margin: ($margin - 10) $margin;
+			border-radius: $radius;
+			padding: $padding;
+		}
+	}
 </style>