123

api/user.js

@@ -1,17 +1,12 @@
 import request from '@/utils/request'
+import {
+	upFilse
+} from '@/utils/request'
 
-// 订单统计信息
-export function orderData(data) {
-	return request({
-		url: '/api/order/data',
-		method: 'get',
-		data
-	});
-}
-// 实名认证
-export function real_name(data) {
-	return request({
-		url: '/api/real_name',
+//上传图片
+export function upload(data) {
+	return upFilse({
+		url: '/api/upload/image',
 		method: 'post',
 		data
 	});
@@ -24,249 +19,4 @@ export function getUserInfo(data) {
 		method: 'get',
 		data
 	});
-}
-// 个人中心页数据
-export function getUser(data) {
-	return request({
-		url: '/api/user',
-		method: 'get',
-		data
-	});
-}
-
-// 用户分享图
-export function spreadBanner(data) {
-	return request({
-		url: '/api/spread/banner',
-		method: 'get',
-		data
-	});
-}
-
-// 获取地址列表
-export function getAddressList(data) {
-	return request({
-		url: '/api/address/list',
-		method: 'get',
-		data
-	});
-}
-// 修改地址
-export function addressEdit(data) {
-	return request({
-		url: '/api/address/edit',
-		method: 'post',
-		data
-	});
-}
-// 删除地址
-export function addressDel(data) {
-	return request({
-		url: '/api/address/del',
-		method: 'post',
-		data
-	});
-}
-// 设为默认地址
-export function setAddressDefault(data) {
-	return request({
-		url: '/api/address/default/set',
-		method: 'post',
-		data
-	});
-}
-// 购物车列表
-export function getCartList(data) {
-	return request({
-		url: '/api/cart/list',
-		method: 'get',
-		data
-	});
-}
-
-// 修改购物车数量
-export function getCartNum(data) {
-	return request({
-		url: '/api/cart/num',
-		method: 'post',
-		data
-	});
-}
-//删除购物车
-export function cartDel(data) {
-	return request({
-		url: '/api/cart/del',
-		method: 'post',
-		data
-	});
-}
-//获取收藏夹列表
-export function getcollectList(data) {
-	return request({
-		url: '/api/collect/user',
-		method: 'get',
-		data
-	});
-}
-// 取消收藏
-export function delcollect(data) {
-	return request({
-		url: '/api/collect/del',
-		method: 'post',
-		data
-	});
-}
-// 获取我的团队
-export function spreadPeople(data) {
-	return request({
-		url: '/api/spread/people',
-		method: 'post',
-		data
-	});
-}
-// 获取我的所有车辆包含被授权车辆
-export function mycar(data) {
-	return request({
-		url: '/api/car/mycar',
-		method: 'get',
-		data
-	});
-}
-// 获取我的车辆
-export function carList(data) {
-	return request({
-		url: '/api/car/lst',
-		method: 'get',
-		data
-	});
-}
-// 获取授权车辆
-export function get_touid_car(data) {
-	return request({
-		url: '/api/car/get_touid_car',
-		method: 'post',
-		data
-	});
-}
-// 获取车辆详情
-export function getCarInfo(data) {
-	return request({
-		url: '/api/car/info',
-		method: 'get',
-		data
-	});
-}
-// 获取车辆行程记录列表
-export function car_record(data) {
-	return request({
-		url: '/api/car/car_record',
-		method: 'post',
-		data
-	});
-}
-// 获取车辆行程记录详细
-export function record_info(data) {
-	return request({
-		url: '/api/car/record_info',
-		method: 'get',
-		data
-	});
-}
-// 车锁开关
-export function car_switch(data) {
-	return request({
-		url: '/api/car/car_switch',
-		method: 'post',
-		data
-	});
-}
-
-// 车辆授权
-export function add_auth_car(data) {
-	return request({
-		url: '/api/car/add_auth_car',
-		method: 'post',
-		data
-	});
-}
-// 删除授权
-export function del_auth_car(data) {
-	return request({
-		url: '/api/car/del_auth_car',
-		method: 'post',
-		data
-	});
-}
-
-// 车辆授权列表
-export function get_auth(data) {
-	return request({
-		url: '/api/car/get_auth',
-		method: 'post',
-		data
-	});
-}
-
-// 车辆报修
-export function create_question(data) {
-	return request({
-		url: '/api/car/create_question',
-		method: 'post',
-		data
-	});
-}
-
-// 车辆报修详情
-export function question_info(data) {
-	return request({
-		url: '/api/car/question_info',
-		method: 'post',
-		data
-	});
-}
-
-// 车辆报修历史
-export function question(data) {
-	return request({
-		url: '/api/car/question',
-		method: 'post',
-		data
-	});
-}
-// 车辆报修评价
-export function question_score(data) {
-	return request({
-		url: '/api/car/question_score',
-		method: 'post',
-		data
-	});
-}
-
-// 撤销报修
-export function cancel_question(data) {
-	return request({
-		url: '/api/car/cancel_question',
-		method: 'get',
-		data
-	});
-}
-
-// 提前还款
-export function prepayment(data) {
-	return request({
-		url: '/api/car/prepayment',
-		method: 'post',
-		data
-	});
-}
-
-
-// 提前还款
-export function getcar_status(data) {
-	return request({
-		url: '/api/car/getcar_status',
-		method: 'get',
-		data
-	});
-}
-
+}

pages.json

@@ -11,7 +11,80 @@
 			"style": {
 				"navigationBarTitleText": "打卡记录"
 			}
+		},
+		{
+			"path": "pages/order/Inspection",
+			"style": {
+				"navigationBarTitleText": "待检验订单"
+			}
+		},
+		{
+			"path": "pages/user/myorder",
+			"style": {
+				"navigationBarTitleText": "我的订单"
+			}
+		},
+		{
+			"path": "pages/user/myorderDetail",
+			"style": {
+				"navigationBarTitleText": "订单详情"
+			}
+		},
+		{
+			"path": "pages/user/myorderRecord",
+			"style": {
+				"navigationBarTitleText": "记录"
+			}
+		},
+		{
+			"path": "pages/order/foreignOrder",
+			"style": {
+				"navigationBarTitleText": "外发检验订单"
+			}
+		},
+		{
+			"path": "pages/order/record",
+			"style": {
+				"navigationBarTitleText": "检验记录"
+			}
+		},
+		{
+			"path": "pages/order/Addgaps",
+			"style": {
+				"navigationBarTitleText": "添加缺漏记录"
+			}
+		},
+		{
+			"path": "pages/order/Addcheckout",
+			"style": {
+				"navigationBarTitleText": "添加检验记录"
+			}
+		},
+		{
+			"path": "pages/leader/porder",
+			"style": {
+				"navigationBarTitleText": "领单"
+			}
+		},
+		{
+			"path": "pages/leader/receive",
+			"style": {
+				"navigationBarTitleText": "领单"
+			}
+		},
+		{
+			"path": "pages/leader/gxlist",
+			"style": {
+				"navigationBarTitleText": "工序列表"
+			}
+		},
+		{
+			"path": "pages/leader/image",
+			"style": {
+				"navigationBarTitleText": "相册"
+			}
 		}
+
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/leader/gxlist.vue

@@ -0,0 +1,305 @@
+<template>
+	<view class="content">
+		<view class="top"></view>
+		<view class="search flex">
+			<view class="input-box flex">
+				<view class=" input-content flex">
+					<view class="iconfont iconsearch"></view>
+					<view class="input"><input type="text" placeholder-class="place" v-model="name"
+							placeholder="请输入搜索门店名字" />
+					</view>
+					<view class="btn" @click="search">
+						搜索
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="main">
+			<view class="main-item" v-for="(item,index) in list">
+				<view class="main-title flex">
+					<view class="maint-left" @click="show(item)">
+						<view class="maint-font">{{item.name}}</view>
+						<image class="maint-iconh" v-if="item.isshow == 0" src="../../static/img/jt.png" mode="">
+						</image>
+						<image class="maint-icon" v-else src="../../static/icon/downxia.png" mode=""></image>
+					</view>
+					<view class="maint-right" @click="allChoose(item)">
+						<view class="maint-all">全选</view>
+						<view class="maint-allicon">
+							<image :src="item.isall == 1?'../../static/icon/have.png':'../../static/icon/null.png'"
+								mode="widthFix"></image>
+						</view>
+					</view>
+				</view>
+				<view class="main-info flex" v-for="(itm,ind) in item.orderlist" v-if="item.isshow == 1">
+					<view class="maini-left">
+						{{itm.name}}(<text>￥{{itm.number}}</text>)
+					</view>
+					<view class="maini-right" @click="choose(itm,item)">
+						<image :src="itm.ischoose == 1?'../../static/icon/have.png':'../../static/icon/null.png'"
+							mode="widthFix"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+						name: '加工',
+						isall: 0,
+						isshow: 1,
+						orderlist: [{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							}
+						]
+					},
+					{
+						name: '大标题',
+						isall: 0,
+						isshow: 0,
+						orderlist: [{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							},
+							{
+								name: '缝纫',
+								number: 100,
+								ischoose: 0
+							}
+						]
+					}
+				]
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			show(item) {
+				item.isshow = !item.isshow
+			},
+			allChoose(item) {
+				if (item.isall == 0) {
+					item.isall = 1
+					item.orderlist.forEach(e => {
+						e.ischoose = 1
+					})
+				} else {
+					item.isall = 0
+					item.orderlist.forEach(e => {
+						e.ischoose = 0
+					})
+				}
+			},
+			choose(son, father) {
+				if (son.ischoose == 0) {
+					son.ischoose = 1;
+					let fengshu = 1
+					father.orderlist.forEach(e => {
+						if (e.ischoose == 0) {
+							fengshu = 0
+						}
+					})
+					father.isall = fengshu
+				} else {
+					son.ischoose = 0;
+					father.isall = 0
+				}
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+		background: #ffffff;
+	}
+
+	.top {
+		background: #f8f8f8;
+		width: 750rpx;
+		height: 20rpx;
+	}
+
+	.search {
+		justify-content: flex-start;
+		padding: 10rpx 32rpx 20rpx;
+		align-items: center;
+		background-color: #fff;
+
+		.input-box {
+			margin-left: 10rpx;
+			position: relative;
+			z-index: 99;
+			width: 710rpx;
+			height: 60rpx;
+			background: #eeeeee;
+			border-radius: 30rpx;
+
+			.input-content {
+				position: relative;
+				z-index: 11;
+				border-radius: 99rpx;
+				flex-grow: 1;
+				padding: 5rpx 30rpx;
+				background: #eeeeee;
+
+				.iconfont {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 30rpx;
+					height: 14rpx;
+					line-height: 1;
+					margin-left: 4rpx;
+
+					&.active {
+						color: $base-color;
+					}
+				}
+
+				.iconsearch {
+					font-size: 50rpx;
+					color: #cbcbcb;
+				}
+
+				.input {
+					margin-left: 19rpx;
+					flex-grow: 1;
+
+					.place {
+						color: #cbcbcb;
+					}
+
+				}
+			}
+		}
+	}
+
+	.main {
+		margin-top: 30rpx;
+		border-top: 1px solid #F0F0F0;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+
+		.main-title {
+			padding: 32rpx 42rpx;
+			border-bottom: 1px solid #F0F0F0;
+
+			.maint-left {
+				display: flex;
+				align-items: center;
+
+				.maint-font {
+					font-size: 32rpx;
+					font-family: PingFang SC;
+					font-weight: bold;
+					color: #3F454B;
+					margin-right: 20rpx;
+				}
+
+				.maint-icon {
+					width: 20rpx;
+					height: 11rpx;
+				}
+
+				.maint-iconh {
+					width: 11rpx;
+					height: 20rpx;
+				}
+			}
+
+			.maint-right {
+				display: flex;
+				align-items: center;
+
+				.maint-all {
+					margin-right: 20rpx;
+					font-size: 28rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #3F454B;
+				}
+
+				.maint-allicon {
+					width: 38rpx;
+					height: 38rpx;
+					border-radius: 50%;
+				}
+			}
+		}
+
+		.main-info {
+			margin: 0 24rpx;
+			border-bottom: 1px solid #F0F0F0;
+			padding: 38rpx 18rpx 28rpx;
+
+			.maini-left {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #3F454B;
+
+				text {
+					color: #FF4C4C;
+				}
+			}
+
+			.maini-right {
+				width: 38rpx;
+				height: 38rpx;
+				border-radius: 50%;
+			}
+		}
+	}
+</style>

pages/leader/image.vue

@@ -0,0 +1,57 @@
+<template>
+	<view class="content">
+		<view class="main">
+			<view class="main-item" v-for="(item,index) in list">
+				<image :src="item" mode=""></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: ['../../static/img/avatar.png', '../../static/img/avatar.png', '../../static/img/avatar.png',
+					'../../static/img/avatar.png', '../../static/img/avatar.png', '../../static/img/avatar.png',
+					'../../static/img/avatar.png', '../../static/img/avatar.png', '../../static/img/avatar.png'
+				]
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.main {
+		margin-top: 20rpx;
+		background: #ffffff;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+		padding: 20rpx 10rpx;
+
+		.main-item {
+			margin: 20rpx 10rpx;
+			width: 334rpx;
+			height: 334rpx;
+			border-radius: 14rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+				border-radius: 14rpx;
+			}
+		}
+	}
+</style>

pages/leader/porder.vue

@@ -0,0 +1,237 @@
+<template>
+	<view class="content">
+		<view class="main-item" v-for="(item,index) in list">
+			<view class="main-top flex">
+				<view class="orderId">
+					产品货号：{{item.orderId}}
+				</view>
+				<view class="type">
+					{{item.type}}
+				</view>
+			</view>
+			<view class="main-main">
+				<view class="main-title">
+					产品名称
+				</view>
+				<view class="main-info flex">
+					<view class="image-box" v-if="item.image.length >= 4">
+						<view class="image" v-for="itm in 4">
+							<image :src="item.image[itm-1]" mode=""></image>
+						</view>
+					</view>
+					<view class="image-box" v-if="item.image.length < 4">
+						<view class="image" v-for="itm in item.image">
+							<image :src="itm" mode=""></image>
+						</view>
+					</view>
+					<view class="more" @click="navTo('/pages/leader/image')">
+						<view class="more-font">更多图片</view>
+						<view class="more-icon">
+							<image src="../../static/img/jt.png" mode=""></image>
+						</view>
+					</view>
+				</view>
+				<view class="mun">
+					总数量：<text>{{item.num}}</text>
+				</view>
+			</view>
+			<view class="btn-box">
+				<view class="btn1" @click="navTo('/pages/leader/image')">查看样图</view>
+				<view class="btn" @click="navTo('/pages/leader/receive')">组长领单</view>
+				<view class="btn" @click="navTo('/pages/leader/receive')">员工领单</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+						image: ['../../static/img/avatar.png', '../../static/img/avatar.png',
+							'../../static/img/avatar.png', '../../static/img/avatar.png',
+							'../../static/img/avatar.png'
+						],
+						orderId: '9876543211025666',
+						type: '下料',
+						num: '285'
+					},
+					{
+						image: ['../../static/img/avatar.png', '../../static/img/avatar.png',
+							'../../static/img/avatar.png',
+						],
+						orderId: '9876543211025777',
+						type: '下料',
+						num: '280'
+					},
+					{
+						image: ['../../static/img/avatar.png', '../../static/img/avatar.png',
+							'../../static/img/avatar.png',
+						],
+						orderId: '9876543211025888',
+						type: '下料',
+						num: '275'
+					},
+					{
+						image: ['../../static/img/avatar.png', '../../static/img/avatar.png',
+							'../../static/img/avatar.png', '../../static/img/avatar.png',
+							'../../static/img/avatar.png'
+						],
+						orderId: '9876543211025999',
+						type: '下料',
+						num: '265'
+					}
+				]
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			navTo(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.main-item {
+		width: 700rpx;
+		background: #FFFFFF;
+		border-radius: 24rpx;
+		padding: 0 15rpx;
+		margin: 20rpx auto 0;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+
+		.main-top {
+			padding: 30rpx 14rpx;
+			border-bottom: 1px solid #f5f5f5;
+
+			.orderId {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.type {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #FF2D2D;
+			}
+		}
+
+		.main-main {
+			padding: 20rpx 14rpx;
+			border-bottom: 1px solid #f5f5f5;
+
+			.main-title {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #363636;
+			}
+
+			.main-info {
+				margin-top: 16rpx;
+
+				.image-box {
+					display: flex;
+					align-items: center;
+
+					.image {
+						width: 110rpx;
+						height: 110rpx;
+						margin-right: 10rpx;
+					}
+				}
+
+				.more {
+					display: flex;
+					align-items: center;
+					line-height: 1;
+
+					.more-font {
+						font-size: 26rpx;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #333333;
+						margin-right: 10rpx;
+					}
+
+					.more-icon {
+						display: inline-flex;
+						width: 12rpx;
+						height: 22rpx;
+					}
+				}
+			}
+
+			.mun {
+				margin-top: 24rpx;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #333333;
+
+				text {
+					color: #FF4C4C;
+				}
+			}
+		}
+
+		.btn-box {
+			padding: 20rpx 14rpx;
+			display: flex;
+			justify-content: flex-end;
+			align-items: center;
+
+			.btn1 {
+				width: 144rpx;
+				height: 55rpx;
+				border: 2px solid #EBEBEB;
+				border-radius: 28rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+				line-height: 24rpx;
+			}
+
+			.btn {
+				width: 144rpx;
+				height: 55rpx;
+				border: 2px solid #FF2D2D;
+				border-radius: 28rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FF2D2D;
+				line-height: 24rpx;
+				margin-left: 14rpx;
+			}
+		}
+	}
+</style>

pages/leader/receive.vue

@@ -0,0 +1,228 @@
+<template>
+	<view class="content">
+		<view class="box">
+			<view class="title" @click="navTo('/pages/leader/gxlist')">
+				<view class="title-main">
+					<text class="gray">工序:</text>(下料,20件,￥100)(下料,20件,￥100)(下料,20件,￥100)(下料,20件,￥100)
+				</view>
+				<view class="title-money">
+					总计:<text class="red">￥500</text>
+					<image class="jt" src="../../static/img/jt.png" mode=""></image>
+				</view>
+			</view>
+			<view class="main " v-for="(item,index) in list">
+				<view class="main-top">
+					<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+					<view class="main-font">
+						{{item.name}}
+					</view>
+				</view>
+				<view class="main-bottom flex">
+					<view class="num">
+						数量：
+					</view>
+					<view class="main-input">
+						<input type="number" v-model="item.number" placeholder="请填写数量">
+					</view>
+				</view>
+			</view>
+			<view class="all flex">
+				<view class="all-font">
+					订单总金额：
+				</view>
+				<view class="all-num">
+					￥1000
+				</view>
+			</view>
+			<view class="btn">
+				确认领取
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '规格1(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格2(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格3(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格4(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格5(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格6(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格7(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格8(黄色,37码）',
+					number: '',
+				}]
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			navTo(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.box {
+		background: #FFFFFF;
+		margin-top: 20rpx;
+		padding: 32rpx 0;
+	}
+
+	.title {
+		padding: 20rpx;
+		margin: 0 auto;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.title-main {
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #333333;
+
+			.gray {
+				color: #666666;
+			}
+		}
+
+		.title-money {
+			text-align: right;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #333333;
+
+			.red {
+				display: inline-block;
+				margin: 0 20rpx;
+				color: #FF4C4C;
+			}
+
+			.jt {
+				width: 13rpx;
+				height: 20rpx;
+			}
+		}
+	}
+
+	.main {
+		margin: 20rpx auto 0;
+		padding: 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.main-top {
+			display: flex;
+			align-items: center;
+			padding-bottom: 16rpx;
+			border-bottom: 1px solid #EAECED;
+
+			.main-icon {
+				width: 32rpx;
+				height: 37rpx;
+			}
+
+			.main-font {
+				margin-left: 10rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #333333;
+			}
+		}
+
+		.main-bottom {
+			padding-top: 20rpx;
+
+			.num {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.main-input {
+				text-align: right;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+		}
+	}
+
+	.all {
+		margin: 20rpx auto 0;
+		padding: 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.all-font {
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #323333;
+		}
+
+		.all-num {
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #FF4C4C;
+		}
+	}
+
+	.btn {
+		text-align: center;
+		margin: 100rpx auto 0;
+		width: 622rpx;
+		height: 85rpx;
+		background: #069CFA;
+		border-radius: 15rpx;
+		line-height: 85rpx;
+		font-size: 32rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #FFFFFF;
+	}
+</style>

pages/order/Addcheckout.vue

@@ -0,0 +1,375 @@
+<template>
+	<view class="content">
+		<view class="top"></view>
+		<view class="title">
+			<view class="title-item flex">
+				<view class="title-font">
+					提交人：
+				</view>
+				<view class="title-font">
+					全包员工
+				</view>
+			</view>
+			<view class="xian">
+			</view>
+			<view class="title-item flex">
+				<view class="title-font">
+					当前检验阶段：
+				</view>
+				<view class="title-font">
+					下料
+				</view>
+			</view>
+		</view>
+		<view v-for="(item,index) in list">
+			<view class="main">
+				<view class="main-top">
+					<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+					<view class="main-font">
+						{{item.name}}
+					</view>
+				</view>
+				<view class="main-bottom flex">
+					<view class="num">
+						合格/不合格：
+					</view>
+					<view class="main-input">
+						合格
+					</view>
+				</view>
+				<view class="xian"></view>
+				<view class="main-bottom flex">
+					<view class="num">
+						总数量：
+					</view>
+					<view class="main-input red">
+						363
+					</view>
+				</view>
+				<view class="xian"></view>
+				<view class="main-bottom flex">
+					<view class="num">
+						合格数量：
+					</view>
+					<view class="main-input">
+						<input type="number" v-model="item.hnumber" placeholder="请填写合格数量">
+					</view>
+				</view>
+				<view class="xian"></view>
+				<view class="main-bottom flex">
+					<view class="num">
+						品质评级：
+					</view>
+					<view class="main-input">
+						<picker :range="pjlist" @change="choosePj($event,item)">
+							<view v-if="item.pj">{{item.pj}}</view>
+							<view v-else>请选择评级</view>
+						</picker>
+					</view>
+				</view>
+			</view>
+			<view class="main">
+				<view class="main-top">
+					<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+					<view class="main-font">
+						{{item.name}}
+					</view>
+				</view>
+				<view class="main-bottom flex">
+					<view class="num">
+						合格/不合格：
+					</view>
+					<view class="main-input">
+						不合格
+					</view>
+				</view>
+				<view class="xian"></view>
+				<view class="main-bottom flex">
+					<view class="num">
+						总数量：
+					</view>
+					<view class="main-input red">
+						363
+					</view>
+				</view>
+				<view class="xian"></view>
+				<view class="main-bottom flex">
+					<view class="num">
+						不合格数量：
+					</view>
+					<view class="main-input">
+						<input type="number" v-model="item.bnumber" placeholder="请填写不合格数量">
+					</view>
+				</view>
+				<view class="xian"></view>
+				<view class="main-bottom">
+					<view class="num">
+						图片：
+					</view>
+					<view class="banner-box">
+						<view class="banner" v-for="(imgitem,imgindex) in item.images" :key="index">
+							<view class="banner-main">
+								<image :src="imgitem" mode=""></image>
+							</view>
+							<image class="cha" @click.stop="delImg(imgindex)" src="../../static/img/cha.png" mode="">
+							</image>
+						</view>
+						<view class="banner" @click="imgsub(index)">
+							<image src="../../static/img/addP.png" mode=""></image>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="btn">
+			确认提交
+		</view>
+		<view class="" style="height: 80rpx;"></view>
+	</view>
+</template>
+
+<script>
+	import {
+		upload
+	} from '@/api/user.js'
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '规格1(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格2(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格3(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格4(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格5(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格6(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格7(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}, {
+					name: '规格8(黄色,37码）',
+					hnumber: '',
+					bnumber: '',
+					pj: '',
+					images: []
+				}],
+				type: 0,
+				pjlist: ['优', '良', '及', '不及']
+			};
+		},
+		onLoad(opt) {
+			this.type = opt.type
+		},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			choosePj(e, opt) {
+				console.log(e);
+				opt.pj = this.pjlist[e.detail.value]
+			},
+			delImg(i) {
+				uni.showModal({
+					content: '确定删除这张吗',
+					success: res => {
+						if (res.confirm) {
+							this.imageList.splice(i, 1);
+						} else if (res.cancel) {}
+					}
+				});
+			},
+			imgsub(index) {
+				let obj = this;
+				console.log('上传头像');
+				upload({
+					filename: ''
+				}).then(res => {
+					console.log(res[0].url);
+					obj.list[index].images.push(res[0].url)
+				});
+			},
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+		background: #ffffff;
+	}
+
+	.top {
+		width: 100%;
+		height: 20rpx;
+		background: #f8f8f8;
+	}
+
+	.xian {
+		width: 100%;
+		height: 2rpx;
+		background: #EAECED;
+	}
+
+	.title {
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+		margin: 20rpx auto 0;
+		padding: 0 24rpx;
+
+		.title-item {
+			padding: 24rpx 6rpx;
+
+			.title-font {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #323333;
+			}
+		}
+	}
+
+	.main {
+		margin: 20rpx auto 0;
+		padding: 0 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.main-top {
+			display: flex;
+			align-items: center;
+			padding: 16rpx 0;
+			border-bottom: 1px solid #EAECED;
+
+			.main-icon {
+				width: 32rpx;
+				height: 37rpx;
+			}
+
+			.main-font {
+				margin-left: 10rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #333333;
+			}
+		}
+
+		.main-bottom {
+			padding: 20rpx 0;
+
+			.num {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.main-input {
+				text-align: right;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+
+			.red {
+				color: #FF4C4C;
+			}
+		}
+	}
+
+	.btn {
+		text-align: center;
+		margin: 100rpx auto 0;
+		width: 622rpx;
+		height: 85rpx;
+		background: #069CFA;
+		border-radius: 15rpx;
+		line-height: 85rpx;
+		font-size: 32rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #FFFFFF;
+	}
+
+	.banner-box {
+		background: #ffffff;
+		padding: 20rpx;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+
+		.banner {
+			position: relative;
+			width: 110rpx;
+			height: 110rpx;
+			margin-right: 10rpx;
+
+			.banner-main {
+				position: absolute;
+				top: 0;
+				left: 0;
+				right: 0;
+				width: 160rpx;
+				height: 160rpx;
+				border-radius: 20rpx;
+
+				image {
+					border-radius: 20rpx;
+				}
+			}
+
+			.cha {
+				position: absolute;
+				top: 0;
+				right: 0;
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>

pages/order/Addgaps.vue

@@ -0,0 +1,205 @@
+<template>
+	<view class="content">
+		<view class="top"></view>
+		<view class="title">
+			<view class="title-item flex">
+				<view class="title-font">
+					提交人：
+				</view>
+				<view class="title-font">
+					全包员工
+				</view>
+			</view>
+			<view class="xian">
+			</view>
+			<view class="title-item flex">
+				<view class="title-font">
+					当前检验阶段：
+				</view>
+				<view class="title-font">
+					下料
+				</view>
+			</view>
+		</view>
+		<view class="main " v-for="(item,index) in list">
+			<view class="main-top">
+				<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+				<view class="main-font">
+					{{item.name}}
+				</view>
+			</view>
+			<view class="main-bottom flex">
+				<view class="num">
+					总数量：
+				</view>
+				<view class="main-input red">
+					363
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="main-bottom flex">
+				<view class="num">
+					缺漏数量：
+				</view>
+				<view class="main-input">
+					<input type="number" v-model="item.number" placeholder="请填写缺漏数量">
+				</view>
+			</view>
+		</view>
+		<view class="btn">
+			确认领取
+		</view>
+		<view class="" style="height: 80rpx;"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '规格1(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格2(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格3(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格4(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格5(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格6(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格7(黄色,37码）',
+					number: '',
+				}, {
+					name: '规格8(黄色,37码）',
+					number: '',
+				}],
+				type: 0,
+			};
+		},
+		onLoad(opt) {
+			this.type = opt.type
+		},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+		background: #ffffff;
+	}
+
+	.top {
+		width: 100%;
+		height: 20rpx;
+		background: #f8f8f8;
+	}
+
+	.xian {
+		width: 100%;
+		height: 2rpx;
+		background: #EAECED;
+	}
+
+	.title {
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+		margin: 20rpx auto 0;
+		padding: 0 24rpx;
+
+		.title-item {
+			padding: 24rpx 6rpx;
+
+			.title-font {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #323333;
+			}
+		}
+	}
+
+	.main {
+		margin: 20rpx auto 0;
+		padding: 0 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.main-top {
+			display: flex;
+			align-items: center;
+			padding: 16rpx 0;
+			border-bottom: 1px solid #EAECED;
+
+			.main-icon {
+				width: 32rpx;
+				height: 37rpx;
+			}
+
+			.main-font {
+				margin-left: 10rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #333333;
+			}
+		}
+
+		.main-bottom {
+			padding: 20rpx 0;
+
+			.num {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.main-input {
+				text-align: right;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+
+			.red {
+				color: #FF4C4C;
+			}
+		}
+	}
+
+	.btn {
+		text-align: center;
+		margin: 100rpx auto 0;
+		width: 622rpx;
+		height: 85rpx;
+		background: #069CFA;
+		border-radius: 15rpx;
+		line-height: 85rpx;
+		font-size: 32rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #FFFFFF;
+	}
+</style>

pages/order/Inspection.vue

@@ -0,0 +1,204 @@
+<template>
+	<view class="content">
+		<view class="main" v-for="(item,index) in 10">
+			<view class="main-title flex">
+				<view class="main-id">产品货号:987654321025666</view>
+				<view class="main-type">待检验</view>
+			</view>
+			<view class="main-info">
+				<view class="main-name flex">
+					<view>
+						产品名称
+					</view>
+				</view>
+				<scroll-view scroll-x="true">
+					<view class="image-box">
+						<view class="image-item" v-for="(itm,ind) in 10">
+							<image src="../../static/img/user-item2.png" mode=""></image>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					下料待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=1')">检验记录</view>
+					<view class="btn red" @click="navTo('/pages/order/Addgaps?type=1')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=1')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					备料待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=2')">检验记录</view>
+					<view class="btn red" @click="navTo('/pages/order/Addgaps?type=2')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=2')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					针车待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=3')">检验记录</view>
+					<view class="btn red" @click="navTo('/pages/order/Addgaps?type=3')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=3')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					成型待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=4')">检验记录</view>
+					<view class=" btn red" @click="navTo('/pages/order/Addgaps?type=4')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=4')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex" @click="navTo('/pages/leader/image')">
+				<view class="main-name">
+					查看参考图:
+				</view>
+				<view class="main-more">
+					<view class="main-font">
+						查看详细
+					</view>
+					<image class="jt" src="../../static/img/jt.png" mode=""></image>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: []
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			navTo(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.main {
+		padding: 34rpx 20rpx 0;
+		margin: 20rpx auto;
+		width: 700rpx;
+		background: #FFFFFF;
+		border-radius: 24rpx;
+
+		.main-title {
+			padding: 0 14rpx 30rpx;
+
+			.main-id {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.main-type {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #FF2D2D;
+			}
+		}
+
+		.main-info {
+			padding: 14rpx 0;
+			border-top: 1px solid #EAECED;
+
+			.main-name {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #363636;
+			}
+
+			.image-box {
+				padding: 16rpx 10rpx 8rpx;
+				display: flex;
+				align-items: center;
+
+				.image-item {
+					margin-left: 10rpx;
+					width: 110rpx;
+					height: 110rpx;
+					flex-shrink: 0;
+
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+
+			.btn-box {
+				display: flex;
+				justify-content: flex-end;
+				align-items: center;
+
+				.btn {
+					margin-left: 10rpx;
+					background: #FFFFFF;
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					padding: 6rpx 16rpx;
+					border-radius: 60rpx;
+				}
+
+				.gray {
+					color: #999999;
+					border: 2px solid #EBEBEB;
+				}
+
+				.red {
+					color: #FF2D2D;
+					border: 2px solid #FF2D2D;
+				}
+			}
+
+			.main-more {
+				display: flex;
+				align-items: center;
+
+				.main-font {
+					font-size: 26rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #333333;
+					margin-right: 10rpx;
+				}
+
+				.jt {
+					width: 12rpx;
+					height: 22rpx;
+				}
+			}
+		}
+	}
+</style>

pages/order/foreignOrder.vue

@@ -0,0 +1,206 @@
+<template>
+	<view class="content">
+		<view class="main" v-for="(item,index) in 10">
+			<view class="main-title flex">
+				<view class="main-id">产品货号:987654321025666</view>
+				<view class="main-type">待检验</view>
+			</view>
+			<view class="main-info">
+				<view class="main-name flex">
+					<view class="">产品名称</view>
+					<view>合作公司:浙江皮革厂有限公司</view>
+				</view>
+				<scroll-view scroll-x="true">
+					<view class="image-box">
+						<view class="image-item" v-for="(itm,ind) in 10">
+							<image src="../../static/img/user-item2.png" mode=""></image>
+						</view>
+					</view>
+				</scroll-view>
+				<view class="main-name" style="margin-top: 10rpx;">
+					待检验数量： <text style="color: #ff2d2d;">230</text>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					下料待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=1')">检验记录</view>
+					<view class="btn red" @click="navTo('/pages/order/Addgaps?type=1')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=1')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					备料待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=2')">检验记录</view>
+					<view class="btn red" @click="navTo('/pages/order/Addgaps?type=2')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=2')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					针车待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=3')">检验记录</view>
+					<view class="btn red" @click="navTo('/pages/order/Addgaps?type=3')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=3')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex">
+				<view class="main-name">
+					成型待检验:
+				</view>
+				<view class="btn-box">
+					<view class="btn gray" @click="navTo('/pages/order/record?type=4')">检验记录</view>
+					<view class=" btn red" @click="navTo('/pages/order/Addgaps?type=4')">缺漏</view>
+					<view class="btn red" @click="navTo('/pages/order/Addcheckout?type=4')">添加检验</view>
+				</view>
+			</view>
+			<view class="main-info flex" @click="navTo('/pages/leader/image')">
+				<view class="main-name">
+					查看参考图:
+				</view>
+				<view class="main-more">
+					<view class="main-font">
+						查看详细
+					</view>
+					<image class="jt" src="../../static/img/jt.png" mode=""></image>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: []
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			navTo(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.main {
+		padding: 34rpx 20rpx 0;
+		margin: 20rpx auto;
+		width: 700rpx;
+		background: #FFFFFF;
+		border-radius: 24rpx;
+
+		.main-title {
+			padding: 0 14rpx 30rpx;
+
+			.main-id {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.main-type {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #FF2D2D;
+			}
+		}
+
+		.main-info {
+			padding: 14rpx 0;
+			border-top: 1px solid #EAECED;
+
+			.main-name {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #363636;
+			}
+
+			.image-box {
+				padding: 16rpx 10rpx 8rpx;
+				display: flex;
+				align-items: center;
+
+				.image-item {
+					margin-left: 10rpx;
+					width: 110rpx;
+					height: 110rpx;
+					flex-shrink: 0;
+
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+
+			.btn-box {
+				display: flex;
+				justify-content: flex-end;
+				align-items: center;
+
+				.btn {
+					margin-left: 10rpx;
+					background: #FFFFFF;
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					padding: 6rpx 16rpx;
+					border-radius: 60rpx;
+				}
+
+				.gray {
+					color: #999999;
+					border: 2px solid #EBEBEB;
+				}
+
+				.red {
+					color: #FF2D2D;
+					border: 2px solid #FF2D2D;
+				}
+			}
+
+			.main-more {
+				display: flex;
+				align-items: center;
+
+				.main-font {
+					font-size: 26rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #333333;
+					margin-right: 10rpx;
+				}
+
+				.jt {
+					width: 12rpx;
+					height: 22rpx;
+				}
+			}
+		}
+	}
+</style>

pages/order/record.vue

@@ -0,0 +1,487 @@
+<template>
+	<view class="content">
+		<scroll-view scroll-x="true" class="class-box flex b-t" :scroll-with-animation="true">
+			<view class="navbar">
+				<view v-for="(item, index) in navList" :key="index" class="nav-item"
+					:class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
+			</view>
+		</scroll-view>
+		<swiper :style="{ height: maxheight }" :current="tabCurrentIndex" class="swiper-box" duration="300"
+			@change="changeTab">
+			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
+				<scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
+					<!-- 空白页 -->
+					<empty v-if="tabItem.loaded === true && tabItem.orderList.length === 0"></empty>
+
+					<!-- 订单列表 -->
+					<view class="title">
+						<view class="title-item flex">
+							<view class="title-font">
+								提交人：
+							</view>
+							<view class="title-font">
+								全包员工
+							</view>
+						</view>
+						<view class="xian">
+						</view>
+						<view class="title-item flex">
+							<view class="title-font">
+								当前检验阶段：
+							</view>
+							<view class="title-font">
+								下料
+							</view>
+						</view>
+					</view>
+					<view v-for="(item,index) in tabItem.orderList">
+						<view class="main" v-if="tabCurrentIndex == 0">
+							<view class="main-top">
+								<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+								<view class="main-font">
+									{{item.name}}
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom flex">
+								<view class="num">
+									总数量：
+								</view>
+								<view class="main-input red">
+									363
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom flex">
+								<view class="num">
+									合格数量：
+								</view>
+								<view class="main-input red">
+									{{item.number}}
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom flex">
+								<view class="num">
+									品质评级：
+								</view>
+								<view class="main-input">
+									{{item.pj}}
+								</view>
+							</view>
+						</view>
+						<view class="main" v-if="tabCurrentIndex == 1">
+							<view class="main-top">
+								<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+								<view class="main-font">
+									{{item.name}}
+								</view>
+							</view>
+							<view class="main-bottom flex">
+								<view class="num">
+									合格/不合格：
+								</view>
+								<view class="main-input">
+									不合格
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom flex">
+								<view class="num">
+									总数量：
+								</view>
+								<view class="main-input red">
+									363
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom flex">
+								<view class="num">
+									不合格数量：
+								</view>
+								<view class="main-input red">
+									{{item.number}}
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom">
+								<view class="num">
+									图片：
+								</view>
+								<view class="banner-box">
+									<view class="banner" v-for="(imgitem,imgindex) in item.images" :key="index">
+										<view class="banner-main">
+											<image :src="imgitem" mode=""></image>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="main" v-if="tabCurrentIndex == 2">
+							<view class="main-top">
+								<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+								<view class="main-font">
+									{{item.name}}
+								</view>
+							</view>
+							<view class="main-bottom flex">
+								<view class="num">
+									总数量：
+								</view>
+								<view class="main-input red">
+									363
+								</view>
+							</view>
+							<view class="xian"></view>
+							<view class="main-bottom flex">
+								<view class="num">
+									缺漏数量：
+								</view>
+								<view class="main-input red">
+									{{item.number}}
+								</view>
+							</view>
+						</view>
+					</view>
+					<uni-load-more :status="tabItem.loadingType"></uni-load-more>
+				</scroll-view>
+			</swiper-item>
+		</swiper>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				maxheight: '',
+				tabCurrentIndex: 0,
+				navList: [{
+						state: 0,
+						text: '合格记录',
+						loadingType: 'more',
+						orderList: [{
+							name: '规格1(黄色,37码）',
+							number: 10,
+							pj: '优',
+							images: []
+						}, {
+							name: '规格2(黄色,37码）',
+							number: 10,
+							pj: '及',
+							images: []
+						}, {
+							name: '规格3(黄色,37码）',
+							number: 10,
+							pj: '良',
+							images: []
+						}, {
+							name: '规格4(黄色,37码）',
+							number: 10,
+							pj: '不及',
+							images: []
+						}, {
+							name: '规格5(黄色,37码）',
+							number: 10,
+							pj: '优',
+							images: []
+						}, {
+							name: '规格6(黄色,37码）',
+							number: 10,
+							pj: '优',
+							images: []
+						}, {
+							name: '规格7(黄色,37码）',
+							number: 10,
+							pj: '及',
+							images: []
+						}, {
+							name: '规格8(黄色,37码）',
+							number: 10,
+							pj: '及',
+							images: []
+						}],
+						page: 1, //当前页数
+						limit: 10 //每次信息条数
+					},
+					{
+						state: 1,
+						text: '不合格记录',
+						loadingType: 'more',
+						orderList: [{
+							name: '规格1(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格2(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格3(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格4(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格5(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格6(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格7(黄色,37码）',
+							number: 20,
+							images: []
+						}, {
+							name: '规格8(黄色,37码）',
+							number: 20,
+							images: []
+						}],
+						page: 1, //当前页数
+						limit: 10 //每次信息条数
+					},
+					{
+						state: 2,
+						text: '缺漏',
+						loadingType: 'more',
+						orderList: [{
+							name: '规格1(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格2(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格3(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格4(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格5(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格6(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格7(黄色,37码）',
+							number: 28,
+							images: []
+						}, {
+							name: '规格8(黄色,37码）',
+							number: 28,
+							images: []
+						}],
+						page: 1, //当前页数
+						limit: 10 //每次信息条数
+					},
+				],
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady(res) {
+			var _this = this;
+			uni.getSystemInfo({
+				success: resu => {
+					const query = uni.createSelectorQuery();
+					query.select('.swiper-box').boundingClientRect();
+					query.exec(function(res) {
+						_this.maxheight = resu.windowHeight - res[0].top + 'px';
+						console.log('打印页面的剩余高度', _this.maxheight);
+					});
+				},
+				fail: res => {}
+			});
+		},
+		methods: {
+			tabClick(index) {
+				this.tabCurrentIndex = index;
+			},
+			changeTab(e) {
+				this.tabCurrentIndex = e.target.current;
+				// this.loadData('tabChange');
+			},
+			loadData() {
+
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.navbar {
+		display: flex;
+		height: 40px;
+		padding: 0 5px;
+		background: #fff;
+		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
+		position: relative;
+		z-index: 10;
+
+		.nav-item {
+			background: #fff;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 33%;
+			flex-shrink: 0;
+			height: 100%;
+			font-size: 15px;
+			color: #9c9c9c;
+			position: relative;
+
+			&.current {
+				color: #333333;
+
+				&:after {
+					content: '';
+					position: absolute;
+					left: 50%;
+					bottom: 0;
+					transform: translateX(-50%);
+					width: 44px;
+					height: 0;
+					border-bottom: 2px solid #ff4c4c;
+				}
+			}
+		}
+	}
+
+
+	.list-scroll-content {
+		height: 100%;
+	}
+
+	.title {
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+		margin: 20rpx auto 0;
+		padding: 0 24rpx;
+
+		.title-item {
+			padding: 24rpx 6rpx;
+
+			.title-font {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #323333;
+			}
+		}
+	}
+
+	.main {
+		margin: 20rpx auto 0;
+		padding: 0 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.main-top {
+			display: flex;
+			align-items: center;
+			padding: 16rpx 0;
+			border-bottom: 1px solid #EAECED;
+
+			.main-icon {
+				width: 32rpx;
+				height: 37rpx;
+			}
+
+			.main-font {
+				margin-left: 10rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #333333;
+			}
+		}
+
+		.main-bottom {
+			padding: 20rpx 0;
+
+			.num {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.main-input {
+				text-align: right;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+
+			.red {
+				color: #FF4C4C;
+			}
+		}
+	}
+
+	.banner-box {
+		background: #ffffff;
+		padding: 20rpx;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+
+		.banner {
+			position: relative;
+			width: 110rpx;
+			height: 110rpx;
+			margin-right: 10rpx;
+
+			.banner-main {
+				position: absolute;
+				top: 0;
+				left: 0;
+				right: 0;
+				width: 160rpx;
+				height: 160rpx;
+				border-radius: 20rpx;
+
+				image {
+					border-radius: 20rpx;
+				}
+			}
+
+			.cha {
+				position: absolute;
+				top: 0;
+				right: 0;
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>

pages/user/myorder.vue

@@ -0,0 +1,185 @@
+<template>
+	<view class="content">
+		<view class="main" v-for="(item,index) in 10">
+			<view class="main-id">产品货号:9876543211025666</view>
+			<view class="main-name">产品名称</view>
+			<view class="main-info flex">
+				<scroll-view scroll-x="true" class="main-price">
+					<view class="image-box">
+						<view class="image-item" v-for="(itm,ind) in 10">
+							<image src="../../static/img/user-item2.png" mode=""></image>
+						</view>
+					</view>
+				</scroll-view>
+				<view class="main-more" @click="navTo('/pages/user/myorderDetail')">
+					<view class="mainm-font">
+						查看详细
+					</view>
+					<image class="mainm-jt" src="../../static/img/jt.png" mode=""></image>
+				</view>
+			</view>
+			<view class="main-num flex">
+				<view class="mainnum-item">
+					领取数量: <text class="red">285</text>
+				</view>
+				<view class="mainnum-item">
+					已提交: <text class="red">28</text>
+				</view>
+			</view>
+			<view class="btn-box">
+				<view class="box1" @click="navTo('/pages/leader/image')">参考图片</view>
+				<view class="box1" @click="navTo('/pages/user/myorderRecord')">记录</view>
+				<view class="box2" @click="navTo('/pages/user/myorderDispose?type=1')">订单退回</view>
+				<view class="box2">订单提交</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			navTo(url) {
+				console.log(url);
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.main {
+		width: 700rpx;
+		background: #FFFFFF;
+		border-radius: 24rpx;
+		margin: 20rpx auto 0;
+		padding: 0 15rpx;
+		line-height: 1;
+
+		.main-id {
+			padding: 35rpx 14rpx 30rpx;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #666666;
+			border-bottom: 1px solid #ededed;
+		}
+
+		.main-name {
+			padding: 20rpx 14rpx 16rpx;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #363636;
+		}
+
+		.main-info {
+			padding: 0 14rpx;
+
+			.main-price {
+				width: 480rpx;
+
+				.image-box {
+					display: flex;
+					align-items: center;
+
+					.image-item {
+						margin-left: 10rpx;
+						width: 110rpx;
+						height: 110rpx;
+						flex-shrink: 0;
+
+						image {
+							width: 100%;
+							height: 100%;
+						}
+					}
+				}
+			}
+
+			.main-more {
+				display: flex;
+				align-items: center;
+
+				.mainm-font {
+					margin-right: 10rpx;
+					font-size: 26rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #333333;
+				}
+
+				.mainm-jt {
+					width: 12rpx;
+					height: 22rpx;
+				}
+			}
+		}
+
+		.main-num {
+			padding: 24rpx 14rpx 20rpx;
+			border-bottom: 1px solid #ededed;
+
+			.mainnum-item {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #333333;
+
+				.red {
+					color: #FF4C4C
+				}
+			}
+		}
+
+		.btn-box {
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			padding: 20rpx 0;
+
+			.box1 {
+				width: 144rpx;
+				height: 55rpx;
+				border: 2px solid #EBEBEB;
+				border-radius: 28rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+
+			.box2 {
+				width: 144rpx;
+				height: 55rpx;
+				border: 2px solid #FF2D2D;
+				border-radius: 28rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FF2D2D;
+			}
+		}
+	}
+</style>

pages/user/myorderDetail.vue

@@ -0,0 +1,291 @@
+<template>
+	<view class="content">
+		<view class="top"></view>
+		<view class="title">
+			<view class="title-item flex">
+				<view class="title-title">
+					产品名称：
+				</view>
+				<view class="title-font">
+					豆豆鞋
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="title-item flex">
+				<view class="title-title">
+					货号：
+				</view>
+				<view class="title-font">
+					1425115654456
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="title-item flex">
+				<view class="title-title">
+					图片：
+				</view>
+				<scroll-view scroll-x="true" class="main-price">
+					<view class="image-box">
+						<view class="image-item" v-for="(itm,ind) in 10">
+							<image src="../../static/img/user-item2.png" mode=""></image>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="xian"></view>
+			<view class="title-item flex">
+				<view class="title-title">
+					领取日期：
+				</view>
+				<view class="title-font">
+					2022年10月30日
+				</view>
+			</view>
+		</view>
+		<view class="main" v-for="(item,index) in 10">
+			<view class="main-top">
+				<image class="main-icon" src="../../static/icon/order.png" mode=""></image>
+				<view class="main-font">
+					规格{{index + 1 }}
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="main-bottom flex">
+				<view class="num">
+					颜色：
+				</view>
+				<view class="main-input red">
+					黄色
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="main-bottom flex">
+				<view class="num">
+					尺码：
+				</view>
+				<view class="main-input red">
+					37码
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="main-bottom flex">
+				<view class="num">
+					领取数量：
+				</view>
+				<view class="main-input red">
+					253
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="main-bottom flex">
+				<view class="num">
+					已提交数量：
+				</view>
+				<view class="main-input red">
+					253
+				</view>
+			</view>
+			<view class="xian"></view>
+			<view class="main-bottom">
+				<view class="num">
+					<text class="gray">工序:</text>(下料,20件,￥100)(下料,20件,￥100)(下料,20件,￥100)(下料,20件,￥100)
+				</view>
+				<view class="title-money">
+					总计:<text class="red">￥500</text>
+					<image class="jt" src="../../static/img/jt.png" mode=""></image>
+				</view>
+			</view>
+		</view>
+		<view class="all flex">
+			<view class="all-font">
+				总计金额：
+			</view>
+			<view class="all-num">
+				￥1000
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+		background: #ffffff;
+	}
+
+	.top {
+		height: 20rpx;
+		width: 750rpx;
+		background: #f8f8f8;
+	}
+
+	.xian {
+		width: 100%;
+		height: 2rpx;
+		background: #EAECED;
+	}
+
+	.title {
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+		margin: 20rpx auto 0;
+		padding: 0 24rpx;
+
+		.title-item {
+			padding: 24rpx 6rpx;
+
+			.title-title {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+
+			.title-font {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #323333;
+			}
+
+			.main-price {
+				width: 480rpx;
+
+				.image-box {
+					display: flex;
+					align-items: center;
+
+					.image-item {
+						margin-left: 10rpx;
+						width: 110rpx;
+						height: 110rpx;
+						flex-shrink: 0;
+
+						image {
+							width: 100%;
+							height: 100%;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.main {
+		margin: 20rpx auto 0;
+		padding: 0 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.main-top {
+			display: flex;
+			align-items: center;
+			padding: 16rpx 0;
+			border-bottom: 1px solid #EAECED;
+
+			.main-icon {
+				width: 32rpx;
+				height: 37rpx;
+			}
+
+			.main-font {
+				margin-left: 10rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #333333;
+			}
+		}
+
+		.main-bottom {
+			padding: 20rpx 0;
+
+			.num {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #333333;
+
+				.gray {
+					color: #666666;
+				}
+			}
+
+			.main-input {
+				text-align: right;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+
+			.red {
+				color: #FF4C4C;
+			}
+		}
+
+		.title-money {
+			text-align: right;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #333333;
+
+			.red {
+				display: inline-block;
+				margin: 0 20rpx;
+				color: #FF4C4C;
+			}
+
+			.jt {
+				width: 13rpx;
+				height: 20rpx;
+			}
+		}
+	}
+
+	.all {
+		margin: 20rpx auto 0;
+		padding: 20rpx;
+		width: 700rpx;
+		background: #FFFFFF;
+		border: 2px solid #EAECED;
+		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+
+		.all-font {
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #323333;
+		}
+
+		.all-num {
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #FF4C4C;
+		}
+	}
+</style>

pages/user/myorderDispose.vue

@@ -0,0 +1,24 @@
+<template>
+	<view class="content"></view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {};
+	},
+	onLoad() {},
+	onShow() {},
+	onReachBottom() {},
+	onReady() {},
+	methods: {}
+};
+</script>
+
+<style lang="scss">
+page,
+.content {
+	min-height: 100%;
+	height: auto;
+}
+</style>

pages/user/myorderRecord.vue

@@ -0,0 +1,338 @@
+<template>
+	<view class="content">
+		<scroll-view scroll-x="true" class="class-box flex b-t" :scroll-with-animation="true">
+			<view class="navbar">
+				<view v-for="(item, index) in navList" :key="index" class="nav-item"
+					:class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
+			</view>
+		</scroll-view>
+		<view class="top-search flex">
+			<view class="search-box flex">
+				<image class="search-icon" src="../../static/icon/sousuo.png" mode=""></image>
+				<view class="search-font"><input type="text" placeholder="请输入货号搜索" v-model="productname" /></view>
+			</view>
+		</view>
+		<swiper :style="{ height: maxheight }" :current="tabCurrentIndex" class="swiper-box" duration="300"
+			@change="changeTab">
+			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
+				<scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
+					<!-- 空白页 -->
+					<empty v-if="tabItem.loaded === true && tabItem.orderList.length === 0"></empty>
+
+					<!-- 订单列表 -->
+					<view v-for="(item,index) in 10">
+						<view class="main">
+							<view class="main-id">产品货号:9876543211025666</view>
+							<view class="main-name">产品名称</view>
+							<view class="main-info flex">
+								<scroll-view scroll-x="true" class="main-price">
+									<view class="image-box">
+										<view class="image-item" v-for="(itm,ind) in 10">
+											<image src="../../static/img/user-item2.png" mode=""></image>
+										</view>
+									</view>
+								</scroll-view>
+								<view class="main-more" @click="navTo('/pages/user/myorderDetail')">
+									<view class="mainm-font">
+										查看详细
+									</view>
+									<image class="mainm-jt" src="../../static/img/jt.png" mode=""></image>
+								</view>
+							</view>
+							<view class="main-num flex">
+								<view class="mainnum-item">
+									收益: <text class="red">285</text>
+								</view>
+								<view class="mainnum-item">
+									提交日期:2022年2月10日
+								</view>
+							</view>
+							<view class="main-num flex start">
+								<view class="mainnum-item">
+									规格:
+								</view>
+								<view class="mainnum-item">
+									【黄色,37码,数量30】【黄色,37码,数量30】<br />
+									【黄色,37码,数量30】【黄色,37码,数量30】<br />
+									【黄色,37码,数量30】【黄色,37码,数量30】
+								</view>
+							</view>
+						</view>
+					</view>
+					<uni-load-more :status="tabItem.loadingType"></uni-load-more>
+				</scroll-view>
+			</swiper-item>
+		</swiper>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				productname: '',
+				maxheight: '',
+				tabCurrentIndex: 0,
+				navList: [{
+						state: 0,
+						text: '合格记录',
+						loadingType: 'more',
+						orderList: [],
+						page: 1, //当前页数
+						limit: 10 //每次信息条数
+					},
+					{
+						state: 1,
+						text: '不合格记录',
+						loadingType: 'more',
+						orderList: [],
+						page: 1, //当前页数
+						limit: 10 //每次信息条数
+					},
+				],
+			};
+		},
+		onLoad() {},
+		onShow() {},
+		onReachBottom() {},
+		onReady(res) {
+			var _this = this;
+			uni.getSystemInfo({
+				success: resu => {
+					const query = uni.createSelectorQuery();
+					query.select('.swiper-box').boundingClientRect();
+					query.exec(function(res) {
+						_this.maxheight = resu.windowHeight - res[0].top + 'px';
+						console.log('打印页面的剩余高度', _this.maxheight);
+					});
+				},
+				fail: res => {}
+			});
+		},
+		methods: {
+			tabClick(index) {
+				this.tabCurrentIndex = index;
+			},
+			changeTab(e) {
+				this.tabCurrentIndex = e.target.current;
+				// this.loadData('tabChange');
+			},
+			navTo(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+
+	.navbar {
+		display: flex;
+		height: 40px;
+		padding: 0 5px;
+		background: #fff;
+		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
+		position: relative;
+		z-index: 10;
+
+		.nav-item {
+			background: #fff;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 50%;
+			flex-shrink: 0;
+			height: 100%;
+			font-size: 15px;
+			color: #9c9c9c;
+			position: relative;
+
+			&.current {
+				color: #333333;
+
+				&:after {
+					content: '';
+					position: absolute;
+					left: 50%;
+					bottom: 0;
+					transform: translateX(-50%);
+					width: 44px;
+					height: 0;
+					border-bottom: 2px solid #ff4c4c;
+				}
+			}
+		}
+	}
+
+	.top-search {
+		width: 750rpx;
+		height: 100rpx;
+		background: #FFFFFF;
+		padding: 20rpx 32rpx 16rpx;
+
+		.search-box {
+			justify-content: center;
+			width: 100%;
+			height: 64rpx;
+			background: #F6F6F6;
+			border-radius: 34rpx;
+
+			.search-icon {
+				width: 32rpx;
+				height: 32rpx;
+
+			}
+
+			.search-font {
+				margin-left: 20rpx;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+			}
+		}
+
+		.search {
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #666666;
+		}
+	}
+
+	.list-scroll-content {
+		height: 100%;
+	}
+
+	.main {
+		width: 700rpx;
+		background: #FFFFFF;
+		border-radius: 24rpx;
+		margin: 20rpx auto 0;
+		padding: 0 15rpx;
+		line-height: 1;
+
+		.main-id {
+			padding: 35rpx 14rpx 30rpx;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #666666;
+			border-bottom: 1px solid #ededed;
+		}
+
+		.main-name {
+			padding: 20rpx 14rpx 16rpx;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #363636;
+		}
+
+		.main-info {
+			padding: 0 14rpx;
+
+			.main-price {
+				width: 480rpx;
+
+				.image-box {
+					display: flex;
+					align-items: center;
+
+					.image-item {
+						margin-left: 10rpx;
+						width: 110rpx;
+						height: 110rpx;
+						flex-shrink: 0;
+
+						image {
+							width: 100%;
+							height: 100%;
+						}
+					}
+				}
+			}
+
+			.main-more {
+				display: flex;
+				align-items: center;
+
+				.mainm-font {
+					margin-right: 10rpx;
+					font-size: 26rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #333333;
+				}
+
+				.mainm-jt {
+					width: 12rpx;
+					height: 22rpx;
+				}
+			}
+		}
+
+		.main-num {
+			padding: 24rpx 14rpx 20rpx;
+			border-bottom: 1px solid #ededed;
+
+			.mainnum-item {
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #333333;
+				line-height: 1.5;
+
+				.red {
+					color: #FF4C4C
+				}
+			}
+		}
+
+		.start {
+			align-items: flex-start;
+		}
+
+		.btn-box {
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			padding: 20rpx 0;
+
+			.box1 {
+				width: 144rpx;
+				height: 55rpx;
+				border: 2px solid #EBEBEB;
+				border-radius: 28rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+			}
+
+			.box2 {
+				width: 144rpx;
+				height: 55rpx;
+				border: 2px solid #FF2D2D;
+				border-radius: 28rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FF2D2D;
+			}
+		}
+	}
+</style>

pages/user/user.vue

@@ -73,25 +73,29 @@
 						icon: '../../static/icon/u1.png',
 						name: '领单',
 						tip: '领取新订单',
-						bg: '../../static/img/user-item1.png'
+						bg: '../../static/img/user-item1.png',
+						src: '/pages/leader/porder'
 					},
 					{
 						icon: '../../static/icon/u2.png',
 						name: '待检验订单',
 						tip: '检验 | 添加记录',
-						bg: '../../static/img/user-item2.png'
+						bg: '../../static/img/user-item2.png',
+						src: '/pages/order/Inspection'
 					},
 					{
 						icon: '../../static/icon/u3.png',
 						name: '外发检验订单',
 						tip: '订单外发处理',
-						bg: '../../static/img/user-item1.png'
+						bg: '../../static/img/user-item1.png',
+						src: '/pages/order/foreignOrder'
 					},
 					{
 						icon: '../../static/icon/u4.png',
 						name: '我的订单',
 						tip: '订单列表 | 提交记录',
-						bg: '../../static/img/user-item2.png'
+						bg: '../../static/img/user-item2.png',
+						src: '/pages/user/myorder'
 					},
 					{
 						icon: '../../static/icon/u5.png',
@@ -337,8 +341,8 @@
 			align-items: center;
 
 			.tzimage {
-				width: 68rpx;
-				height: 68rpx;
+				width: 90rpx;
+				height: 90rpx;
 
 				image {
 					border-radius: 50%;
@@ -346,9 +350,8 @@
 			}
 
 			.tz-main {
-				height: 58rpx;
-				margin-left: -34rpx;
-				padding-left: 44rpx;
+				margin-left: -45rpx;
+				padding-left: 55rpx;
 				border-radius: 0px 29rpx 29rpx 0px;
 			}
 		}