提前预写分支页面

config/.env.dev.js

@@ -1,7 +1,7 @@
 const UNI_APP = {  
-	ProjectName :"地方铁路",
-	BASE_URL: 'http://36.134.122.108/railroad-server/',
-	IMG_URL:"http://www.jsrailway.com.cn/",
+	ProjectName :"荆力设备管理",
+	BASE_URL: 'http://192.168.77.162:8086/equipment-manage-server/',
+	//IMG_URL:"http://www.jsrailway.com.cn/",
 	//BASE_URL: 'https://charging.xiaoxinda.com/charging-station-test/',
 	
 	//BASE_URL:'http://192.168.77.162:8081/railroad-server/',

pages.json

@@ -10,7 +10,7 @@
             "path" : "pages/storeManagement/homePage/homePage",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -19,7 +19,7 @@
             "path" : "pages/storeManagement/equipmentDelivery/equipmentDelivery",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -28,7 +28,7 @@
             "path" : "pages/storeManagement/equipmentDelivery/deliveryDetails",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -37,7 +37,7 @@
             "path" : "pages/storeManagement/equipmentDelivery/deliveryList",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -46,7 +46,7 @@
             "path" : "pages/storeManagement/equipmentDelivery/deliveried",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -55,7 +55,7 @@
             "path" : "pages/storeManagement/equipmentDelivery/deliveriedList",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -64,7 +64,7 @@
             "path" : "pages/storeManagement/equipmentEnter/equipmentEnter",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -73,7 +73,7 @@
             "path" : "pages/storeManagement/equipmentEnter/verification",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -82,7 +82,7 @@
             "path" : "pages/storeManagement/equipmentEnter/returnList",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -91,7 +91,7 @@
             "path" : "pages/storeManagement/equipmentEnter/enterDetails",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -100,7 +100,7 @@
             "path" : "pages/storeManagement/equipmentInspection/equipmentInspection",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -109,7 +109,7 @@
             "path" : "pages/storeManagement/equipmentInspection/planDetail",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -118,7 +118,7 @@
             "path" : "pages/storeManagement/equipmentInspection/inspectionRecord",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -127,7 +127,7 @@
             "path" : "pages/storeManagement/equipmentRetrieval/equipmentRetrieval",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -136,7 +136,7 @@
             "path" : "pages/storeManagement/equipmentRetrieval/equipmentDetail",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -145,7 +145,7 @@
             "path" : "pages/storeManagement/messageCenter/messageCenter",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -154,25 +154,25 @@
             "path" : "pages/storeManagement/messageCenter/messageList",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
         }
-        ,{
-            "path" : "pages/login/login",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
+        // ,{
+        //     "path" : "pages/login/login",
+        //     "style" :                                                                                    
+        //     {
+        //         //navigationBarTitleText": "",
+        //         "enablePullDownRefresh": false
+        //     }
             
-        }
+        // }
         ,{
             "path" : "pages/projectDepartment/homePage/homePage",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             
@@ -181,7 +181,7 @@
             "path" : "pages/projectDepartment/exportApplication/exportApplication",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                //navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
             

pages/projectDepartment/branch/exportApplication/deliveryDetails.vue

@@ -0,0 +1,549 @@
+<template>
+	<view >
+		<u-navbar title="出库单详情"></u-navbar>
+		<!-- 出库单状态 -->
+		<view class="container">
+		<view class="head">
+			<view class="photo">
+				<img src="../../../assets/img/photoCopy 3@1x.png" alt="">
+			</view>
+			<view class="name">
+				刘群
+			</view>
+			<view class="submit">
+				提交了<text>出库申请</text>
+			</view>
+			<view class="state">
+				待出库
+			</view>
+		</view>
+		<!-- 出库单详情 -->
+		<view class="details">
+			<view class="item">
+				<view class="name">
+					所属项目
+				</view>
+				<view class="value">
+					洪湖文泉110kV变电站二期
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					需求时间
+				</view>
+				<view class="value">
+					无
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					使用周期至
+				</view>
+				<view class="value">
+					2023年6月30日
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					申请时间
+				</view>
+				<view class="value">
+					2023年3月27日 11:00
+				</view>
+			</view>
+
+		</view>
+		<!-- 出库设备清单 -->
+		<view class="list">
+			<view class="list-head">
+				<view class="title">
+					出库设备清单
+				</view>
+				<view class="amount">
+					全部 <text>18</text> 件设备
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<!-- 清单信息 -->
+			<view class="list-infos" v-for="item in 2">
+				<view class="infos-head">
+					<view class="name">
+						接地线 220kV 无杆
+					</view>
+					<view class="state">
+						预出库 <text>2</text>
+					</view>
+				</view>
+				<view class="infos">
+					<view class="infos-1">
+						<view class="infos-item">
+							<view class="item-name">
+								型号：
+							</view>
+							<view class="item-value">
+								GZYV GYVZ-50
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+					</view>
+					<view class="infos-2">
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								库存：
+							</view>
+							<view class="item-value">
+								20
+							</view>
+						</view>
+					</view>
+
+				</view>
+
+			</view>
+
+		</view>
+		<!-- 流程 -->
+		<view class="process">
+			<view class="title">
+				流程
+			</view>
+			<u-time-line>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									项目部
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									部门负责人
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									主管领导
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									仓库管理
+								</view>
+								<view class="state">
+									等待出库
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-gradienter-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+								   周乐心
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+			</u-time-line>
+		</view>
+    </view>
+	<!-- 确认出库 -->
+	<view class="bottom" >
+		<button>确认出库</button>
+	</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page {
+		padding-bottom: 200rpx;
+	}
+
+	// 出库单状态
+	.head {
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		color: #101010;
+		font-size: 32rpx;
+
+		.photo {
+			width: 84rpx;
+			height: 84rpx;
+			border-radius: 100rpx;
+
+			img {
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+		}
+
+		.name {
+			color: #101010;
+			font-size: 32rpx;
+			margin-right: 8rpx;
+			margin-left: 24rpx;
+		}
+
+		.submit {
+			text {
+				color: #3385FF;
+			}
+		}
+
+		.state {
+			line-height: 48rpx;
+			padding: 0 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(51, 133, 255, 1);
+			font-size: 12px;
+			text-align: center;
+			font-family: Arial;
+			border: 1px solid rgba(51, 133, 255, 1);
+			margin-left: auto;
+		}
+	}
+
+	// 出库单详情
+	.details {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 0 32rpx;
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			padding: 22rpx 0;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+
+			.name {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.value {
+				color: #101010;
+			}
+		}
+	}
+
+	// 出库单列表
+	.list {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 22rpx 32rpx;
+
+		.list-head {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.title {
+				color: #333333;
+				font-size: 32rpx
+			}
+
+			.amount {
+				color: #777777;
+				font-size: 24rpx;
+
+				text {
+					color: #3385FF;
+				}
+
+				/deep/.u-icon--right {
+					margin-left: 8rpx;
+				}
+			}
+		}
+
+		// 清单信息
+		.list-infos {
+			border-radius: 8px;
+			background-color: #F5F6F9;
+			margin-top: 24rpx;
+			padding: 24rpx;
+
+			.infos-head {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 24rpx;
+
+				.name {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+				}
+
+				.state {
+					color: rgba(0, 81, 255, 1);
+				}
+			}
+
+			.infos {
+				margin-top: 16rpx;
+				display: flex;
+				color: #777777;
+				font-size: 24rpx;
+
+				.infos-1 {
+					margin-right: 68rpx;
+				}
+
+				.infos-item {
+					display: flex;
+					margin-bottom: 8rpx;
+				}
+			}
+		}
+	}
+
+	// 流程
+	.process {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 24rpx 32rpx;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+		}
+        .u-time-axis-item{
+			//margin-bottom: 76rpx;
+		}
+		.u-time-axis {
+			//padding: 18rpx 40rpx;
+		}
+
+		.u-node {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100rpx !important;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #d0d0d0;
+		}
+		.u-order{
+			margin-bottom: 32rpx;
+		}
+		.u-order-title {
+			color: #333333;
+			font-weight: bold;
+			font-size: 32rpx;
+		}
+
+		.u-order-desc {
+			margin-bottom: 16rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.level {
+				color: #333333;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.date {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.state {
+				color: rgba(255, 121, 0, 1);
+			}
+		}
+
+		.u-order-time {
+			width: 90rpx;
+			color: #777777;
+			font-size: 28rpx;
+			margin-top: 16rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.photo {
+				width: 56rpx;
+				height: 56rpx;
+				border-radius: 100px;
+				margin-bottom: 4rpx;
+
+				img {
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+					position: relative;
+				}
+			}
+
+			.confirm {
+				position: absolute;
+				top: 46rpx;
+				left: 56rpx;
+			}
+
+			.name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+
+		}
+      
+	}
+	
+	// .u-time-axis{
+	// 	.u-time-axis-item:last-of-type{
+	// 		margin-bottom: 0;
+	// 	}
+	// }
+	// 确认出库
+	.bottom{
+		background-color: #fff;
+		margin-top: 44rpx;
+		padding: 16rpx 32rpx;
+		z-index: 999;
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		uni-button{
+			border-radius: 8px;
+			background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+			color: rgba(255, 255, 255, 1);
+			font-size: 32rpx;
+			line-height: 88rpx;
+			
+		}
+	}
+</style>

pages/projectDepartment/branch/exportApplication/deliveryFrom.vue

@@ -0,0 +1,549 @@
+<template>
+	<view >
+		<u-navbar title="出库单详情"></u-navbar>
+		<!-- 出库单状态 -->
+		<view class="container">
+		<view class="head">
+			<view class="photo">
+				<img src="../../../assets/img/photoCopy 3@1x.png" alt="">
+			</view>
+			<view class="name">
+				刘群
+			</view>
+			<view class="submit">
+				提交了<text>出库申请</text>
+			</view>
+			<view class="state">
+				待出库
+			</view>
+		</view>
+		<!-- 出库单详情 -->
+		<view class="details">
+			<view class="item">
+				<view class="name">
+					所属项目
+				</view>
+				<view class="value">
+					洪湖文泉110kV变电站二期
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					需求时间
+				</view>
+				<view class="value">
+					无
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					使用周期至
+				</view>
+				<view class="value">
+					2023年6月30日
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					申请时间
+				</view>
+				<view class="value">
+					2023年3月27日 11:00
+				</view>
+			</view>
+
+		</view>
+		<!-- 出库设备清单 -->
+		<view class="list">
+			<view class="list-head">
+				<view class="title">
+					出库设备清单
+				</view>
+				<view class="amount">
+					全部 <text>18</text> 件设备
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<!-- 清单信息 -->
+			<view class="list-infos" v-for="item in 2">
+				<view class="infos-head">
+					<view class="name">
+						接地线 220kV 无杆
+					</view>
+					<view class="state">
+						预出库 <text>2</text>
+					</view>
+				</view>
+				<view class="infos">
+					<view class="infos-1">
+						<view class="infos-item">
+							<view class="item-name">
+								型号：
+							</view>
+							<view class="item-value">
+								GZYV GYVZ-50
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+					</view>
+					<view class="infos-2">
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								库存：
+							</view>
+							<view class="item-value">
+								20
+							</view>
+						</view>
+					</view>
+
+				</view>
+
+			</view>
+
+		</view>
+		<!-- 流程 -->
+		<view class="process">
+			<view class="title">
+				流程
+			</view>
+			<u-time-line>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									项目部
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									部门负责人
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									主管领导
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									仓库管理
+								</view>
+								<view class="state">
+									等待出库
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-gradienter-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+								   周乐心
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+			</u-time-line>
+		</view>
+    </view>
+	<!-- 确认出库 -->
+	<view class="bottom" >
+		<button>确认出库</button>
+	</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page {
+		padding-bottom: 200rpx;
+	}
+
+	// 出库单状态
+	.head {
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		color: #101010;
+		font-size: 32rpx;
+
+		.photo {
+			width: 84rpx;
+			height: 84rpx;
+			border-radius: 100rpx;
+
+			img {
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+		}
+
+		.name {
+			color: #101010;
+			font-size: 32rpx;
+			margin-right: 8rpx;
+			margin-left: 24rpx;
+		}
+
+		.submit {
+			text {
+				color: #3385FF;
+			}
+		}
+
+		.state {
+			line-height: 48rpx;
+			padding: 0 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(51, 133, 255, 1);
+			font-size: 12px;
+			text-align: center;
+			font-family: Arial;
+			border: 1px solid rgba(51, 133, 255, 1);
+			margin-left: auto;
+		}
+	}
+
+	// 出库单详情
+	.details {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 0 32rpx;
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			padding: 22rpx 0;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+
+			.name {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.value {
+				color: #101010;
+			}
+		}
+	}
+
+	// 出库单列表
+	.list {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 22rpx 32rpx;
+
+		.list-head {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.title {
+				color: #333333;
+				font-size: 32rpx
+			}
+
+			.amount {
+				color: #777777;
+				font-size: 24rpx;
+
+				text {
+					color: #3385FF;
+				}
+
+				/deep/.u-icon--right {
+					margin-left: 8rpx;
+				}
+			}
+		}
+
+		// 清单信息
+		.list-infos {
+			border-radius: 8px;
+			background-color: #F5F6F9;
+			margin-top: 24rpx;
+			padding: 24rpx;
+
+			.infos-head {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 24rpx;
+
+				.name {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+				}
+
+				.state {
+					color: rgba(0, 81, 255, 1);
+				}
+			}
+
+			.infos {
+				margin-top: 16rpx;
+				display: flex;
+				color: #777777;
+				font-size: 24rpx;
+
+				.infos-1 {
+					margin-right: 68rpx;
+				}
+
+				.infos-item {
+					display: flex;
+					margin-bottom: 8rpx;
+				}
+			}
+		}
+	}
+
+	// 流程
+	.process {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 24rpx 32rpx;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+		}
+        .u-time-axis-item{
+			//margin-bottom: 76rpx;
+		}
+		.u-time-axis {
+			//padding: 18rpx 40rpx;
+		}
+
+		.u-node {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100rpx !important;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #d0d0d0;
+		}
+		.u-order{
+			margin-bottom: 32rpx;
+		}
+		.u-order-title {
+			color: #333333;
+			font-weight: bold;
+			font-size: 32rpx;
+		}
+
+		.u-order-desc {
+			margin-bottom: 16rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.level {
+				color: #333333;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.date {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.state {
+				color: rgba(255, 121, 0, 1);
+			}
+		}
+
+		.u-order-time {
+			width: 90rpx;
+			color: #777777;
+			font-size: 28rpx;
+			margin-top: 16rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.photo {
+				width: 56rpx;
+				height: 56rpx;
+				border-radius: 100px;
+				margin-bottom: 4rpx;
+
+				img {
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+					position: relative;
+				}
+			}
+
+			.confirm {
+				position: absolute;
+				top: 46rpx;
+				left: 56rpx;
+			}
+
+			.name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+
+		}
+      
+	}
+	
+	// .u-time-axis{
+	// 	.u-time-axis-item:last-of-type{
+	// 		margin-bottom: 0;
+	// 	}
+	// }
+	// 确认出库
+	.bottom{
+		background-color: #fff;
+		margin-top: 44rpx;
+		padding: 16rpx 32rpx;
+		z-index: 999;
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		uni-button{
+			border-radius: 8px;
+			background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+			color: rgba(255, 255, 255, 1);
+			font-size: 32rpx;
+			line-height: 88rpx;
+			
+		}
+	}
+</style>

pages/projectDepartment/branch/exportApplication/exportApplication.vue

@@ -0,0 +1,188 @@
+<template>
+	<view>
+		<view class="head">
+			<u-navbar title="出库申请"></u-navbar>
+			<view class="tabs">
+				<u-tabs bar-width="80" inactive-color="#777777" active-color="#101010":list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+			      <view class="screen" @click="changeShow()">
+			      	  筛选<u-icon size="24" name="arrow-down" color="#777777"></u-icon>
+			      </view>
+				  <view class="options" v-if="this.show==true" @click="changeShow()">
+				  	选项3
+				  </view>
+			</view>
+	
+		</view>
+		<view class="list1" v-if="this.current==0">
+			<view class="item" v-for="item in 2">
+				<view class="title">
+					刘群的出库申请
+				</view>
+				<view class="group">
+					<view class="name">
+						申请人：
+					</view>
+					<view class="value">
+						刘群
+					</view>
+				</view>
+				<view class="group">
+					<view class="name">
+						申请时间：
+					</view>
+					<view class="value">
+					2023/03/15 16:15
+					</view>
+				</view>
+				
+			</view>
+		</view>
+		<view class="list2" v-if="this.current==1" > 
+			<view class="item" v-for="item in 2">
+				<view class="title">
+					刘群的出库申请2
+				</view>
+				<view class="group">
+					<view class="name">
+						申请人：
+					</view>
+					<view class="value">
+						刘群
+					</view>
+				</view>
+				<view class="group">
+					<view class="name">
+						申请时间：
+					</view>
+					<view class="value">
+					2023/03/15 16:15
+					</view>
+				</view>
+				
+			</view>
+		</view>
+		
+		<view class="bottom">
+			<button>填写出库申请</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '未审批'
+				}, {
+					name: '已审批'
+				}	
+				],
+				current: 0,
+				show:false
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			},
+			changeShow(){
+				this.show=!this.show
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page{
+		padding-bottom: 100rpx;
+		
+	}
+	.head{
+		background: linear-gradient(180deg, rgba(190,211,240,1) 0%,rgba(244,244,246,1) 100%) ;
+		height: 590rpx;
+		padding: 0 32rpx;
+		/deep/.u-navbar{
+			background: 0!important;
+		}
+		/deep/.u-border-bottom:after{
+			height: 0;
+		}
+	}
+	.tabs{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		/deep/.u-tabs{
+			background: 0 !important;
+			width: 250rpx;
+		}
+		/deep/.u-tab-bar{
+			background-color: #2A8EFB !important;
+		}
+		.screen{
+			color: #415058;
+			position: relative;
+			font-family: Microsoft Yahei;
+			/deep/.uicon-arrow-down{
+				margin-left: 4rpx;
+			}
+		}
+		.options{
+			width: 120rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			text-align: center;
+			background-color: #fff;
+			color: rgba(65, 80, 88, 1);
+			font-family: Microsoft Yahei;
+			position: absolute;
+			top: 160rpx;
+			right: 24rpx;
+			box-shadow:5px 5px 10px gray;
+		}
+		
+	}
+
+
+ .list1,.list2{
+	 padding: 0 32rpx;
+	 margin-top: -400rpx;
+	 .item{
+		 border-radius: 8px;
+		 background-color: rgba(255, 255, 255, 1);
+		 padding: 32rpx;
+		 margin-bottom: 24rpx;
+		 .title{
+			 color: rgba(51, 51, 51, 1);
+			 font-size: 36rpx;
+			 margin-bottom: 16rpx;
+		 }
+		 .group{
+			 display: flex;
+			 color: rgba(119, 119, 119, 1);
+			 margin-top: 16rpx;
+			 font-weight: bold;
+		 }
+	 }
+	 
+ }
+
+.bottom{
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: #fff;
+	padding: 16rpx 32rpx;
+	uni-button{
+		height: 88rpx;
+		line-height: 88rpx;
+		border-radius: 8px;
+		background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+		color: rgba(255, 255, 255, 1);
+		font-size: 32rpx;
+		font-family: Microsoft Yahei;
+	}
+}
+</style>

pages/projectDepartment/branch/exportProcess/deliveryDetails.vue

@@ -0,0 +1,549 @@
+<template>
+	<view >
+		<u-navbar title="出库单详情"></u-navbar>
+		<!-- 出库单状态 -->
+		<view class="container">
+		<view class="head">
+			<view class="photo">
+				<img src="../../../assets/img/photoCopy 3@1x.png" alt="">
+			</view>
+			<view class="name">
+				刘群
+			</view>
+			<view class="submit">
+				提交了<text>出库申请</text>
+			</view>
+			<view class="state">
+				待出库
+			</view>
+		</view>
+		<!-- 出库单详情 -->
+		<view class="details">
+			<view class="item">
+				<view class="name">
+					所属项目
+				</view>
+				<view class="value">
+					洪湖文泉110kV变电站二期
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					需求时间
+				</view>
+				<view class="value">
+					无
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					使用周期至
+				</view>
+				<view class="value">
+					2023年6月30日
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					申请时间
+				</view>
+				<view class="value">
+					2023年3月27日 11:00
+				</view>
+			</view>
+
+		</view>
+		<!-- 出库设备清单 -->
+		<view class="list">
+			<view class="list-head">
+				<view class="title">
+					出库设备清单
+				</view>
+				<view class="amount">
+					全部 <text>18</text> 件设备
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<!-- 清单信息 -->
+			<view class="list-infos" v-for="item in 2">
+				<view class="infos-head">
+					<view class="name">
+						接地线 220kV 无杆
+					</view>
+					<view class="state">
+						预出库 <text>2</text>
+					</view>
+				</view>
+				<view class="infos">
+					<view class="infos-1">
+						<view class="infos-item">
+							<view class="item-name">
+								型号：
+							</view>
+							<view class="item-value">
+								GZYV GYVZ-50
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+					</view>
+					<view class="infos-2">
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								库存：
+							</view>
+							<view class="item-value">
+								20
+							</view>
+						</view>
+					</view>
+
+				</view>
+
+			</view>
+
+		</view>
+		<!-- 流程 -->
+		<view class="process">
+			<view class="title">
+				流程
+			</view>
+			<u-time-line>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									项目部
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									部门负责人
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									主管领导
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									仓库管理
+								</view>
+								<view class="state">
+									等待出库
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-gradienter-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+								   周乐心
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+			</u-time-line>
+		</view>
+    </view>
+	<!-- 确认出库 -->
+	<view class="bottom" >
+		<button>确认出库</button>
+	</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page {
+		padding-bottom: 200rpx;
+	}
+
+	// 出库单状态
+	.head {
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		color: #101010;
+		font-size: 32rpx;
+
+		.photo {
+			width: 84rpx;
+			height: 84rpx;
+			border-radius: 100rpx;
+
+			img {
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+		}
+
+		.name {
+			color: #101010;
+			font-size: 32rpx;
+			margin-right: 8rpx;
+			margin-left: 24rpx;
+		}
+
+		.submit {
+			text {
+				color: #3385FF;
+			}
+		}
+
+		.state {
+			line-height: 48rpx;
+			padding: 0 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(51, 133, 255, 1);
+			font-size: 12px;
+			text-align: center;
+			font-family: Arial;
+			border: 1px solid rgba(51, 133, 255, 1);
+			margin-left: auto;
+		}
+	}
+
+	// 出库单详情
+	.details {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 0 32rpx;
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			padding: 22rpx 0;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+
+			.name {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.value {
+				color: #101010;
+			}
+		}
+	}
+
+	// 出库单列表
+	.list {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 22rpx 32rpx;
+
+		.list-head {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.title {
+				color: #333333;
+				font-size: 32rpx
+			}
+
+			.amount {
+				color: #777777;
+				font-size: 24rpx;
+
+				text {
+					color: #3385FF;
+				}
+
+				/deep/.u-icon--right {
+					margin-left: 8rpx;
+				}
+			}
+		}
+
+		// 清单信息
+		.list-infos {
+			border-radius: 8px;
+			background-color: #F5F6F9;
+			margin-top: 24rpx;
+			padding: 24rpx;
+
+			.infos-head {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 24rpx;
+
+				.name {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+				}
+
+				.state {
+					color: rgba(0, 81, 255, 1);
+				}
+			}
+
+			.infos {
+				margin-top: 16rpx;
+				display: flex;
+				color: #777777;
+				font-size: 24rpx;
+
+				.infos-1 {
+					margin-right: 68rpx;
+				}
+
+				.infos-item {
+					display: flex;
+					margin-bottom: 8rpx;
+				}
+			}
+		}
+	}
+
+	// 流程
+	.process {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 24rpx 32rpx;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+		}
+        .u-time-axis-item{
+			//margin-bottom: 76rpx;
+		}
+		.u-time-axis {
+			//padding: 18rpx 40rpx;
+		}
+
+		.u-node {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100rpx !important;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #d0d0d0;
+		}
+		.u-order{
+			margin-bottom: 32rpx;
+		}
+		.u-order-title {
+			color: #333333;
+			font-weight: bold;
+			font-size: 32rpx;
+		}
+
+		.u-order-desc {
+			margin-bottom: 16rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.level {
+				color: #333333;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.date {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.state {
+				color: rgba(255, 121, 0, 1);
+			}
+		}
+
+		.u-order-time {
+			width: 90rpx;
+			color: #777777;
+			font-size: 28rpx;
+			margin-top: 16rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.photo {
+				width: 56rpx;
+				height: 56rpx;
+				border-radius: 100px;
+				margin-bottom: 4rpx;
+
+				img {
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+					position: relative;
+				}
+			}
+
+			.confirm {
+				position: absolute;
+				top: 46rpx;
+				left: 56rpx;
+			}
+
+			.name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+
+		}
+      
+	}
+	
+	// .u-time-axis{
+	// 	.u-time-axis-item:last-of-type{
+	// 		margin-bottom: 0;
+	// 	}
+	// }
+	// 确认出库
+	.bottom{
+		background-color: #fff;
+		margin-top: 44rpx;
+		padding: 16rpx 32rpx;
+		z-index: 999;
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		uni-button{
+			border-radius: 8px;
+			background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+			color: rgba(255, 255, 255, 1);
+			font-size: 32rpx;
+			line-height: 88rpx;
+			
+		}
+	}
+</style>

pages/projectDepartment/branch/exportReturn/deliveryDetails.vue

@@ -0,0 +1,549 @@
+<template>
+	<view >
+		<u-navbar title="出库单详情"></u-navbar>
+		<!-- 出库单状态 -->
+		<view class="container">
+		<view class="head">
+			<view class="photo">
+				<img src="../../../assets/img/photoCopy 3@1x.png" alt="">
+			</view>
+			<view class="name">
+				刘群
+			</view>
+			<view class="submit">
+				提交了<text>出库申请</text>
+			</view>
+			<view class="state">
+				待出库
+			</view>
+		</view>
+		<!-- 出库单详情 -->
+		<view class="details">
+			<view class="item">
+				<view class="name">
+					所属项目
+				</view>
+				<view class="value">
+					洪湖文泉110kV变电站二期
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					需求时间
+				</view>
+				<view class="value">
+					无
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					使用周期至
+				</view>
+				<view class="value">
+					2023年6月30日
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					申请时间
+				</view>
+				<view class="value">
+					2023年3月27日 11:00
+				</view>
+			</view>
+
+		</view>
+		<!-- 出库设备清单 -->
+		<view class="list">
+			<view class="list-head">
+				<view class="title">
+					出库设备清单
+				</view>
+				<view class="amount">
+					全部 <text>18</text> 件设备
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<!-- 清单信息 -->
+			<view class="list-infos" v-for="item in 2">
+				<view class="infos-head">
+					<view class="name">
+						接地线 220kV 无杆
+					</view>
+					<view class="state">
+						预出库 <text>2</text>
+					</view>
+				</view>
+				<view class="infos">
+					<view class="infos-1">
+						<view class="infos-item">
+							<view class="item-name">
+								型号：
+							</view>
+							<view class="item-value">
+								GZYV GYVZ-50
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+					</view>
+					<view class="infos-2">
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								库存：
+							</view>
+							<view class="item-value">
+								20
+							</view>
+						</view>
+					</view>
+
+				</view>
+
+			</view>
+
+		</view>
+		<!-- 流程 -->
+		<view class="process">
+			<view class="title">
+				流程
+			</view>
+			<u-time-line>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									项目部
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									部门负责人
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									主管领导
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									仓库管理
+								</view>
+								<view class="state">
+									等待出库
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-gradienter-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+								   周乐心
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+			</u-time-line>
+		</view>
+    </view>
+	<!-- 确认出库 -->
+	<view class="bottom" >
+		<button>确认出库</button>
+	</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page {
+		padding-bottom: 200rpx;
+	}
+
+	// 出库单状态
+	.head {
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		color: #101010;
+		font-size: 32rpx;
+
+		.photo {
+			width: 84rpx;
+			height: 84rpx;
+			border-radius: 100rpx;
+
+			img {
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+		}
+
+		.name {
+			color: #101010;
+			font-size: 32rpx;
+			margin-right: 8rpx;
+			margin-left: 24rpx;
+		}
+
+		.submit {
+			text {
+				color: #3385FF;
+			}
+		}
+
+		.state {
+			line-height: 48rpx;
+			padding: 0 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(51, 133, 255, 1);
+			font-size: 12px;
+			text-align: center;
+			font-family: Arial;
+			border: 1px solid rgba(51, 133, 255, 1);
+			margin-left: auto;
+		}
+	}
+
+	// 出库单详情
+	.details {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 0 32rpx;
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			padding: 22rpx 0;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+
+			.name {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.value {
+				color: #101010;
+			}
+		}
+	}
+
+	// 出库单列表
+	.list {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 22rpx 32rpx;
+
+		.list-head {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.title {
+				color: #333333;
+				font-size: 32rpx
+			}
+
+			.amount {
+				color: #777777;
+				font-size: 24rpx;
+
+				text {
+					color: #3385FF;
+				}
+
+				/deep/.u-icon--right {
+					margin-left: 8rpx;
+				}
+			}
+		}
+
+		// 清单信息
+		.list-infos {
+			border-radius: 8px;
+			background-color: #F5F6F9;
+			margin-top: 24rpx;
+			padding: 24rpx;
+
+			.infos-head {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 24rpx;
+
+				.name {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+				}
+
+				.state {
+					color: rgba(0, 81, 255, 1);
+				}
+			}
+
+			.infos {
+				margin-top: 16rpx;
+				display: flex;
+				color: #777777;
+				font-size: 24rpx;
+
+				.infos-1 {
+					margin-right: 68rpx;
+				}
+
+				.infos-item {
+					display: flex;
+					margin-bottom: 8rpx;
+				}
+			}
+		}
+	}
+
+	// 流程
+	.process {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 24rpx 32rpx;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+		}
+        .u-time-axis-item{
+			//margin-bottom: 76rpx;
+		}
+		.u-time-axis {
+			//padding: 18rpx 40rpx;
+		}
+
+		.u-node {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100rpx !important;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #d0d0d0;
+		}
+		.u-order{
+			margin-bottom: 32rpx;
+		}
+		.u-order-title {
+			color: #333333;
+			font-weight: bold;
+			font-size: 32rpx;
+		}
+
+		.u-order-desc {
+			margin-bottom: 16rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.level {
+				color: #333333;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.date {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.state {
+				color: rgba(255, 121, 0, 1);
+			}
+		}
+
+		.u-order-time {
+			width: 90rpx;
+			color: #777777;
+			font-size: 28rpx;
+			margin-top: 16rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.photo {
+				width: 56rpx;
+				height: 56rpx;
+				border-radius: 100px;
+				margin-bottom: 4rpx;
+
+				img {
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+					position: relative;
+				}
+			}
+
+			.confirm {
+				position: absolute;
+				top: 46rpx;
+				left: 56rpx;
+			}
+
+			.name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+
+		}
+      
+	}
+	
+	// .u-time-axis{
+	// 	.u-time-axis-item:last-of-type{
+	// 		margin-bottom: 0;
+	// 	}
+	// }
+	// 确认出库
+	.bottom{
+		background-color: #fff;
+		margin-top: 44rpx;
+		padding: 16rpx 32rpx;
+		z-index: 999;
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		uni-button{
+			border-radius: 8px;
+			background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+			color: rgba(255, 255, 255, 1);
+			font-size: 32rpx;
+			line-height: 88rpx;
+			
+		}
+	}
+</style>

pages/projectDepartment/branch/exportReturn/deliveryFrom.vue

@@ -0,0 +1,549 @@
+<template>
+	<view >
+		<u-navbar title="出库单详情"></u-navbar>
+		<!-- 出库单状态 -->
+		<view class="container">
+		<view class="head">
+			<view class="photo">
+				<img src="../../../assets/img/photoCopy 3@1x.png" alt="">
+			</view>
+			<view class="name">
+				刘群
+			</view>
+			<view class="submit">
+				提交了<text>出库申请</text>
+			</view>
+			<view class="state">
+				待出库
+			</view>
+		</view>
+		<!-- 出库单详情 -->
+		<view class="details">
+			<view class="item">
+				<view class="name">
+					所属项目
+				</view>
+				<view class="value">
+					洪湖文泉110kV变电站二期
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					需求时间
+				</view>
+				<view class="value">
+					无
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					使用周期至
+				</view>
+				<view class="value">
+					2023年6月30日
+				</view>
+			</view>
+			<view class="item">
+				<view class="name">
+					申请时间
+				</view>
+				<view class="value">
+					2023年3月27日 11:00
+				</view>
+			</view>
+
+		</view>
+		<!-- 出库设备清单 -->
+		<view class="list">
+			<view class="list-head">
+				<view class="title">
+					出库设备清单
+				</view>
+				<view class="amount">
+					全部 <text>18</text> 件设备
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<!-- 清单信息 -->
+			<view class="list-infos" v-for="item in 2">
+				<view class="infos-head">
+					<view class="name">
+						接地线 220kV 无杆
+					</view>
+					<view class="state">
+						预出库 <text>2</text>
+					</view>
+				</view>
+				<view class="infos">
+					<view class="infos-1">
+						<view class="infos-item">
+							<view class="item-name">
+								型号：
+							</view>
+							<view class="item-value">
+								GZYV GYVZ-50
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+					</view>
+					<view class="infos-2">
+						<view class="infos-item">
+							<view class="item-name">
+								单位：
+							</view>
+							<view class="item-value">
+								台
+							</view>
+						</view>
+						<view class="infos-item">
+							<view class="item-name">
+								库存：
+							</view>
+							<view class="item-value">
+								20
+							</view>
+						</view>
+					</view>
+
+				</view>
+
+			</view>
+
+		</view>
+		<!-- 流程 -->
+		<view class="process">
+			<view class="title">
+				流程
+			</view>
+			<u-time-line>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									项目部
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									部门负责人
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view>
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									主管领导
+								</view>
+								<view class="date">
+									2023-03-26 13:00
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-checkbox-circle-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+									李天择
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+
+				<u-time-line-item node-top="10">
+					<template v-slot:node>
+						<view class="">
+							<view class="u-node" style="background:#CDCDCD;">
+								<!-- 此处为uView的icon组件 -->
+								<!-- <u-icon name="checkmark" color="#fff" :size="24"></u-icon> -->
+							</view>
+						</view>
+					</template>
+
+					<template v-slot:content>
+						<view class="u-order">
+							<view class="u-order-desc">
+								<view class="level">
+									仓库管理
+								</view>
+								<view class="state">
+									等待出库
+								</view>
+							</view>
+							<view class="u-order-time">
+								<view class="photo">
+									<img src="../../../assets/img/level.png" alt="">
+								</view>
+								<view class="confirm">
+									<img src="../../../assets/img/riFill-gradienter-fill@1x.png" alt="">
+								</view>
+								<view class="name">
+								   周乐心
+								</view>
+							</view>
+						</view>
+					</template>
+				</u-time-line-item>
+			</u-time-line>
+		</view>
+    </view>
+	<!-- 确认出库 -->
+	<view class="bottom" >
+		<button>确认出库</button>
+	</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page {
+		padding-bottom: 200rpx;
+	}
+
+	// 出库单状态
+	.head {
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		color: #101010;
+		font-size: 32rpx;
+
+		.photo {
+			width: 84rpx;
+			height: 84rpx;
+			border-radius: 100rpx;
+
+			img {
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+		}
+
+		.name {
+			color: #101010;
+			font-size: 32rpx;
+			margin-right: 8rpx;
+			margin-left: 24rpx;
+		}
+
+		.submit {
+			text {
+				color: #3385FF;
+			}
+		}
+
+		.state {
+			line-height: 48rpx;
+			padding: 0 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(51, 133, 255, 1);
+			font-size: 12px;
+			text-align: center;
+			font-family: Arial;
+			border: 1px solid rgba(51, 133, 255, 1);
+			margin-left: auto;
+		}
+	}
+
+	// 出库单详情
+	.details {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 0 32rpx;
+
+		.item {
+			display: flex;
+			justify-content: space-between;
+			padding: 22rpx 0;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+
+			.name {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.value {
+				color: #101010;
+			}
+		}
+	}
+
+	// 出库单列表
+	.list {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 22rpx 32rpx;
+
+		.list-head {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.title {
+				color: #333333;
+				font-size: 32rpx
+			}
+
+			.amount {
+				color: #777777;
+				font-size: 24rpx;
+
+				text {
+					color: #3385FF;
+				}
+
+				/deep/.u-icon--right {
+					margin-left: 8rpx;
+				}
+			}
+		}
+
+		// 清单信息
+		.list-infos {
+			border-radius: 8px;
+			background-color: #F5F6F9;
+			margin-top: 24rpx;
+			padding: 24rpx;
+
+			.infos-head {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 24rpx;
+
+				.name {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+				}
+
+				.state {
+					color: rgba(0, 81, 255, 1);
+				}
+			}
+
+			.infos {
+				margin-top: 16rpx;
+				display: flex;
+				color: #777777;
+				font-size: 24rpx;
+
+				.infos-1 {
+					margin-right: 68rpx;
+				}
+
+				.infos-item {
+					display: flex;
+					margin-bottom: 8rpx;
+				}
+			}
+		}
+	}
+
+	// 流程
+	.process {
+		background-color: #fff;
+		margin-top: 24rpx;
+		padding: 24rpx 32rpx;
+
+		.title {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+		}
+        .u-time-axis-item{
+			//margin-bottom: 76rpx;
+		}
+		.u-time-axis {
+			//padding: 18rpx 40rpx;
+		}
+
+		.u-node {
+			width: 18rpx;
+			height: 18rpx;
+			border-radius: 100rpx !important;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #d0d0d0;
+		}
+		.u-order{
+			margin-bottom: 32rpx;
+		}
+		.u-order-title {
+			color: #333333;
+			font-weight: bold;
+			font-size: 32rpx;
+		}
+
+		.u-order-desc {
+			margin-bottom: 16rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.level {
+				color: #333333;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.date {
+				color: rgba(119, 119, 119, 1);
+			}
+
+			.state {
+				color: rgba(255, 121, 0, 1);
+			}
+		}
+
+		.u-order-time {
+			width: 90rpx;
+			color: #777777;
+			font-size: 28rpx;
+			margin-top: 16rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.photo {
+				width: 56rpx;
+				height: 56rpx;
+				border-radius: 100px;
+				margin-bottom: 4rpx;
+
+				img {
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+					position: relative;
+				}
+			}
+
+			.confirm {
+				position: absolute;
+				top: 46rpx;
+				left: 56rpx;
+			}
+
+			.name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+
+		}
+      
+	}
+	
+	// .u-time-axis{
+	// 	.u-time-axis-item:last-of-type{
+	// 		margin-bottom: 0;
+	// 	}
+	// }
+	// 确认出库
+	.bottom{
+		background-color: #fff;
+		margin-top: 44rpx;
+		padding: 16rpx 32rpx;
+		z-index: 999;
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		uni-button{
+			border-radius: 8px;
+			background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+			color: rgba(255, 255, 255, 1);
+			font-size: 32rpx;
+			line-height: 88rpx;
+			
+		}
+	}
+</style>

pages/projectDepartment/branch/exportReturn/exportReturn.vue

@@ -0,0 +1,188 @@
+<template>
+	<view>
+		<view class="head">
+			<u-navbar title="出库申请"></u-navbar>
+			<view class="tabs">
+				<u-tabs bar-width="80" inactive-color="#777777" active-color="#101010":list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+			      <view class="screen" @click="changeShow()">
+			      	  筛选<u-icon size="24" name="arrow-down" color="#777777"></u-icon>
+			      </view>
+				  <view class="options" v-if="this.show==true" @click="changeShow()">
+				  	选项3
+				  </view>
+			</view>
+	
+		</view>
+		<view class="list1" v-if="this.current==0">
+			<view class="item" v-for="item in 2">
+				<view class="title">
+					刘群的出库申请
+				</view>
+				<view class="group">
+					<view class="name">
+						申请人：
+					</view>
+					<view class="value">
+						刘群
+					</view>
+				</view>
+				<view class="group">
+					<view class="name">
+						申请时间：
+					</view>
+					<view class="value">
+					2023/03/15 16:15
+					</view>
+				</view>
+				
+			</view>
+		</view>
+		<view class="list2" v-if="this.current==1" > 
+			<view class="item" v-for="item in 2">
+				<view class="title">
+					刘群的出库申请2
+				</view>
+				<view class="group">
+					<view class="name">
+						申请人：
+					</view>
+					<view class="value">
+						刘群
+					</view>
+				</view>
+				<view class="group">
+					<view class="name">
+						申请时间：
+					</view>
+					<view class="value">
+					2023/03/15 16:15
+					</view>
+				</view>
+				
+			</view>
+		</view>
+		
+		<view class="bottom">
+			<button>填写出库申请</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '未审批'
+				}, {
+					name: '已审批'
+				}	
+				],
+				current: 0,
+				show:false
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			},
+			changeShow(){
+				this.show=!this.show
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page{
+		padding-bottom: 100rpx;
+		
+	}
+	.head{
+		background: linear-gradient(180deg, rgba(190,211,240,1) 0%,rgba(244,244,246,1) 100%) ;
+		height: 590rpx;
+		padding: 0 32rpx;
+		/deep/.u-navbar{
+			background: 0!important;
+		}
+		/deep/.u-border-bottom:after{
+			height: 0;
+		}
+	}
+	.tabs{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		/deep/.u-tabs{
+			background: 0 !important;
+			width: 250rpx;
+		}
+		/deep/.u-tab-bar{
+			background-color: #2A8EFB !important;
+		}
+		.screen{
+			color: #415058;
+			position: relative;
+			font-family: Microsoft Yahei;
+			/deep/.uicon-arrow-down{
+				margin-left: 4rpx;
+			}
+		}
+		.options{
+			width: 120rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			text-align: center;
+			background-color: #fff;
+			color: rgba(65, 80, 88, 1);
+			font-family: Microsoft Yahei;
+			position: absolute;
+			top: 160rpx;
+			right: 24rpx;
+			box-shadow:5px 5px 10px gray;
+		}
+		
+	}
+
+
+ .list1,.list2{
+	 padding: 0 32rpx;
+	 margin-top: -400rpx;
+	 .item{
+		 border-radius: 8px;
+		 background-color: rgba(255, 255, 255, 1);
+		 padding: 32rpx;
+		 margin-bottom: 24rpx;
+		 .title{
+			 color: rgba(51, 51, 51, 1);
+			 font-size: 36rpx;
+			 margin-bottom: 16rpx;
+		 }
+		 .group{
+			 display: flex;
+			 color: rgba(119, 119, 119, 1);
+			 margin-top: 16rpx;
+			 font-weight: bold;
+		 }
+	 }
+	 
+ }
+
+.bottom{
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: #fff;
+	padding: 16rpx 32rpx;
+	uni-button{
+		height: 88rpx;
+		line-height: 88rpx;
+		border-radius: 8px;
+		background: linear-gradient(180deg, rgba(22,119,255,1) 0%,rgba(16,98,213,1) 100%);
+		color: rgba(255, 255, 255, 1);
+		font-size: 32rpx;
+		font-family: Microsoft Yahei;
+	}
+}
+</style>