zc

pages/views/supplierCylinderManagement/home.vue

@@ -8,7 +8,9 @@
 			</view>
 			<view class="button-one-box">
 				<view class="button-min" @click="goPage()" style="margin:23rpx 0 0 20rpx;">
-					<img class="button-img" :src="imagesUrl('home/icon_sy_aqks@1x.png')">
+					<view class="button-img-box">
+						<img class="button-img" :src="imagesUrl('supplierCylinderManagement/iconPark-diving-bottle 1@2x.png')">
+					</view>
 					<view class="button-name">气瓶管理</view>
 				</view>
 			</view>
@@ -148,14 +150,21 @@
 					display: inline-block;
 					overflow: hidden;
 					width: 172rpx;
-					height: 123rpx;
+					height: 152rpx;
 					margin-top: 23rpx;
-
-					.button-img {
-						display: block;
-						width: 80rpx;
-						height: 80rpx;
+					.button-img-box{
+						width: 100rpx;
+						height: 100rpx;
 						margin: 0 auto;
+						border-radius:32rpx;
+						background: linear-gradient(to bottom, rgba(255, 29, 26, 0.4), #FF1D1A);
+						overflow: hidden;
+						.button-img {
+							display: block;
+							width: 60rpx;
+							height: 60rpx;
+							margin: 20rpx;
+						}
 					}
 
 					.button-name {

pages_supplierCylinderManagement/views/gasCylinderManagement/cylinderDetails.vue

@@ -1,26 +1,207 @@
 <!-- 气瓶详情 -->
 <template>
 	<view id="gasCylinderDetails">
-		
+		<view class="text-max-big-box">
+			<view class="for-title-box">
+				<view>气瓶状态：</view>
+				<view :class="newData.data7==1?'colorA':'colorB'">{{newData.data7==1?'已入库':'已出库'}}</view>
+			</view>
+		</view>
+		<view class="title-p" v-if="newData.data7 == 1">气瓶信息</view>
+		<view class="text-max-big-box">
+			<view class="for-text-box" v-if="newData.data6 == 1">
+				<view>气瓶编码：</view>
+				<view>{{newData.data1}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>气体：</view>
+				<view>{{newData.data2}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>气瓶规格：</view>
+				<view>{{newData.data3}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>气体类别：</view>
+				<view>{{newData.data4}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>纯度：</view>
+				<view>{{newData.data5}}</view>
+			</view>
+			<view class="for-text-box" v-if="newData.data6 == 1">
+				<view>压力：</view>
+				<view>{{newData.data8}}</view>
+			</view>
+			<view class="for-text-box" v-if="newData.data7 == 2">
+				<view>实验室名称：</view>
+				<view>{{newData.data9}}</view>
+			</view>
+			<view class="for-text-box" v-if="newData.data7 == 2">
+				<view>楼栋：</view>
+				<view>{{newData.data10}}</view>
+			</view>
+			<view class="for-text-box" v-if="newData.data7 == 2">
+				<view>楼层：</view>
+				<view>{{newData.data11}}</view>
+			</view>
+			<view class="for-text-box" v-if="newData.data7 == 2">
+				<view>房间：</view>
+				<view>{{newData.data12}}</view>
+			</view>
+		</view>
+		<view class="title-p" v-if="newData.data7 == 1">实验室信息</view>
+		<view class="text-max-big-box" v-if="newData.data7 == 1">
+			<view class="for-text-box">
+				<view>实验室名称：</view>
+				<view>{{newData.data9}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>楼栋：</view>
+				<view>{{newData.data10}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>楼层：</view>
+				<view>{{newData.data11}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>房间：</view>
+				<view>{{newData.data12}}</view>
+			</view>
+		</view>
+		<view class="text-max-big-box" v-if="newData.data7 == 1">
+			<view class="for-text-box">
+				<view>签收人：</view>
+				<view>{{newData.data13}}</view>
+			</view>
+		</view>
+		<view class="text-max-big-box">
+			<view class="for-border-box" v-if="newData.data7 == 2">
+				<view>出库类型：</view>
+				<view>{{newData.data14==1?'空瓶出库':'满瓶出库'}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>费用：</view>
+				<view>{{newData.data15}}</view>
+			</view>
+		</view>
+		<view class="text-max-big-box" v-if="newData.data7 == 2">
+			<view class="for-text-box">
+				<view>签出人：</view>
+				<view>{{newData.data21}}</view>
+			</view>
+		</view>
+		<view class="text-max-big-box">
+			<view class="for-img-box">
+				<view>{{newData.data7==1?'入库单':'出库单'}}：</view>
+				<img class="img-box" @click="previewSingleImage(baseUrl+item)" :src="baseUrl+newData.data16">
+			</view>
+			<view class="for-text-box">
+				<view>{{newData.data7==1?'入库时间':'出库时间'}}：</view>
+				<view>{{newData.data17}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>{{newData.data7==1?'入库人':'出库人'}}：</view>
+				<view>{{newData.data18}}</view>
+			</view>
+			<view class="for-text-box">
+				<view>联系电话</view>
+				<view>{{newData.data19}}</view>
+			</view>
+		</view>
+		<view class="text-max-big-box">
+			<view class="for-text-one-box">
+				<view>备注：</view>
+				<view>{{newData.data20}}</view>
+			</view>
+		</view>
+		<view v-if="newData.data7 == 1" class="bottom-button-box">
+			<view @click="submitButton()">撤回入库</view>
+			<view @click="goPage()">气瓶出库</view>
+		</view>
 	</view>
 </template>
 
 <script>
+	import {
+		config
+	} from '@/api/request/config.js'
 	export default {
 		data() {
 			return {
-				
+				baseUrl: config.base_url,
+				newData: {
+					data1: '1231315',
+					data2: '氢气',
+					data3: '8L',
+					data4: '易燃气体',
+					data5: '99%',
+					data6: '1',
+					data7: '1',
+					data8: '15Mpa',
+					data9: '实验室-11',
+					data10: '名义楼',
+					data11: '10层',
+					data12: '302',
+					data13: '张签收',
+					data14: '1',
+					data15: '5000',
+					data16: 'statics/2026/08/24/b8877900-a4b7-44c3-949c-3d652d54063f.jpg',
+					data17: '2022-0202 16:42',
+					data18: '张出库',
+					data19: '13333333333',
+					data20: '我是备注信息,我是备注信息,我是备注信息,我是备注信息,我是备注信息,我是备注信息',
+					data21: '张签出',
+				}
 			}
 		},
-		onLoad(option) {
-			
+		onLoad(options) {
+			console.log(options.id)
 		},
 		onShow() {
 
 		},
 
 		methods: {
-			
+			//气瓶出库
+			goPage(){
+				let obj = {
+					
+				}
+				uni.navigateTo({
+					url: '/pages_supplierCylinderManagement/views/gasCylinderManagement/outbound?form='+encodeURIComponent(JSON.stringify(obj))+'&pageType=3'
+				});
+			},
+			//撤回入库
+			submitButton(){
+				uni.showModal({
+					title: '撤回入库',
+					content: '撤回后，该气体气瓶的当前状态将被强制回退至待入库。',
+					showCancel: true, 
+					cancelText: '关闭',
+					confirmText: '确认撤回',
+					confirmColor:'#FF0000',
+					success: (res) => {
+						if (res.confirm) {
+							uni.showToast({
+								title:'入库完成',
+								icon:"success",
+								mask:true,
+								duration: 2000
+							});
+							setTimeout(function(){
+								uni.navigateBack();
+							},2000);
+						}
+					}
+				});
+			},
+			//预览图片
+			previewSingleImage(imageUrl) {
+				uni.previewImage({
+					urls: [imageUrl] // 必须包裹成数组
+				});
+			},
 		}
 	}
 </script>
@@ -29,8 +210,105 @@
 	#gasCylinderDetails {
 		height: 100%;
 		width: 100%;
-		display flex ;
+		display flex;
 		flex-direction column;
-		overflow: hidden;
+		overflow-y: scroll;
+
+		.title-p{
+			margin: 25rpx 25rpx 0 50rpx;
+			font-size:28rpx;
+		}
+		.text-max-big-box {
+			padding: 20rpx 30rpx;
+			background-color: #fff;
+			border-radius: 10rpx;
+			margin: 25rpx 25rpx 0;
+
+			.for-title-box {
+				display: flex;
+				view {
+					line-height: 60rpx ;
+					font-weight: 700;
+				}
+
+				view:nth-child(1) {}
+
+				view:nth-child(2) {
+					flex: 1;
+					text-align: right;
+				}
+
+				.colorA {
+					color: #FF6B00;
+				}
+
+				.colorB {
+					color: #0075FF;
+				}
+			}
+			.for-text-box{
+				display: flex;
+				view{
+					line-height: 60rpx
+					font-weight: 700;
+				}
+				view:nth-child(1){
+				}
+				view:nth-child(2){
+					flex:1;
+					text-align: right;
+				}
+			}
+			.for-border-box{
+				
+			}
+			.for-img-box{
+				view{
+					line-height: 60rpx
+					font-weight: 700;
+				}
+				.img-box{
+					width:160rpx;
+					height:160rpx;
+					border-radius:12rpx;
+					margin:15rpx 0;
+				}
+			}
+			.for-text-one-box{
+				view{
+					line-height: 60rpx
+					font-weight: 700;
+				}
+				view:nth-child(1){
+				}
+				view:nth-child(2){
+					padding:10rpx 0 20rpx;
+					font-size:24rpx;
+					line-height:30rpx;
+				}
+			}
+		}
+		.bottom-button-box{
+			display: flex;
+			margin:40rpx 30rpx 60rpx;
+			view:nth-child(1){
+				border:1rpx solid #0183FA;
+				color:#0183FA;
+				text-align: center;
+				border-radius:12rpx;
+				line-height:80rpx;
+				width:200rpx;
+			}
+			view:nth-child(2){
+				margin-left:30rpx;
+				border:1rpx solid #0183FA;
+				color:#fff;
+				background-color: #0183fa;
+				text-align: center;
+				border-radius:12rpx;
+				line-height:80rpx;
+				flex:1;
+			}
+		}
 	}
 </style>

pages_supplierCylinderManagement/views/gasCylinderManagement/historyRecord.vue

@@ -1,7 +1,61 @@
 <!-- 历史记录 -->
 <template>
 	<view id="gasCylinderHistoryRecord">
-		
+		<view class="top-input-max-box">
+			<view class="input-box">
+				<uni-icons type="search" class="icon-box" color="#7C7C7C" size="25"></uni-icons>
+				<input class="uni-input input-min" confirm-type="search" @confirm="getList()"
+					v-model="inputData" maxlength="20" placeholder="搜索气瓶" />	
+			</view>
+			<view class="picker-box">
+				<picker @change="bindPickerChangeA" :value="indexA" :range="arrayA">
+					<view class="picker-min-box">
+						<view>{{indexA==null?'已入库':arrayA[indexA]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+				<picker @change="bindPickerChangeB" :value="indexB" :range="arrayB">
+					<view class="picker-min-box">
+						<view>{{indexB==null?'气体':arrayB[indexB]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+			</view>
+		</view>
+		<view class="content-box">
+			<view class="null-p" v-if="!dataList[0]">暂无数据</view>
+			<view class="for-max-big-box" @click="checkButton(item)"
+			v-for="(item,index) in dataList" :key="index">
+				<view class="for-title-box" v-if="item.data6 == 1">
+					<view>气瓶编码：{{item.data1}}</view>
+					<view :class="item.data7==1?'colorA':'colorB'">{{item.data7==1?'已入库':'已出库'}}</view>
+				</view>
+				<view class="for-title-box" v-if="item.data6 == 2">
+					<view>气体：{{item.data2}}</view>
+					<view :class="item.data7==1?'colorA':'colorB'">{{item.data7==1?'已入库':'已出库'}}</view>
+				</view>
+				<view class="for-text-box" v-if="item.data6 == 1">
+					<view>气体：</view>
+					<view>{{item.data2}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>纯度：</view>
+					<view>{{item.data2}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>实验室名称：</view>
+					<view>{{item.data2}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>入库时间：</view>
+					<view>{{item.data3}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>入库人：</view>
+					<view>{{item.data4}}</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -9,7 +63,49 @@
 	export default {
 		data() {
 			return {
-				
+				inputData:'',
+				arrayA:[],
+				indexA:null,
+				arrayB:[],
+				indexB:null,
+				dataList:[
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'实验室A03',
+						data4:'2026-06-06',
+						data5:'张老师',
+						data6:'1',
+						data7:'1',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'实验室A03',
+						data4:'2026-06-06',
+						data5:'张老师',
+						data6:'1',
+						data7:'2',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'实验室A03',
+						data4:'2026-06-06',
+						data5:'张老师',
+						data6:'2',
+						data7:'1',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'实验室A03',
+						data4:'2026-06-06',
+						data5:'张老师',
+						data6:'2',
+						data7:'2',
+					},
+				],
 			}
 		},
 		onLoad(option) {
@@ -20,7 +116,21 @@
 		},
 
 		methods: {
-			
+			bindPickerChangeA(e) {
+				this.indexA = e.detail.value
+			},
+			bindPickerChangeB(e) {
+				this.indexB = e.detail.value
+			},
+			getList(){
+				
+			},
+			//跳转详情
+			checkButton(){
+				uni.navigateTo({
+					url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/cylinderDetails?id=1",
+				});
+			},
 		}
 	}
 </script>
@@ -32,5 +142,87 @@
 		display flex ;
 		flex-direction column;
 		overflow: hidden;
+		.top-input-max-box{
+			background-color: #fff;
+			.input-box{
+				display: flex;
+				border-radius:40rpx;
+				background-color: #D4D4D4;
+				margin:20rpx 20rpx 0 20rpx;
+				color:#7C7C7C;
+				.icon-box{
+					margin:15rpx;
+				}
+				.input-min{
+					height:80rpx;
+					line-height:80rpx;
+					flex:1;
+				}
+			}
+			.picker-box{
+					display: flex;
+				.picker-min-box{
+					height:80rpx;
+					line-height:80rpx;
+					display: flex;
+					padding:0 30rpx;
+					.icon-box{
+						margin-left:10rpx;
+					}
+				}
+			}
+		}
+		.content-box{
+			flex:1;
+			display flex ;
+			flex-direction column;
+			overflow: scroll;
+			padding-bottom:200rpx;
+			.null-p{
+				text-align: center;
+				line-height:300rpx;
+				color:#999;
+			}
+			.for-max-big-box{
+				padding:20rpx 30rpx;
+				background-color: #fff;
+				border-radius:10rpx;
+				margin:25rpx 25rpx 0;
+				.for-title-box{
+					display: flex;
+					margin-bottom:20rpx;
+					view{
+						padding-bottom:20rpx;
+						line-height: 60rpx;
+						border-bottom:1rpx solid #dedede;
+						font-weight:700;
+					}
+					view:nth-child(1){
+					}
+					view:nth-child(2){
+						flex:1;
+						text-align: right;
+					}
+					.colorA{
+						color:#FF6B00;
+					}
+					.colorB{
+						color:#0075FF;
+					}
+				}
+				.for-text-box{
+					display: flex;
+					view{
+						line-height: 60rpx
+					}
+					view:nth-child(1){
+					}
+					view:nth-child(2){
+						flex:1;
+						text-align: right;
+					}
+				}
+			}
+		}
 	}
 </style>

pages_supplierCylinderManagement/views/gasCylinderManagement/inbound.vue

@@ -43,7 +43,7 @@
 					<view class="content-title-p">实验室信息</view>
 					<view class="content-min-box">
 						<view class="content-check-box" @click="checkButton(2)">
-							<view>选择气瓶</view>
+							<view>出库实验室</view>
 							<view>{{newData.newData8?'更改':'请选择'}}</view>
 							<uni-icons class="right-icon" type="right"></uni-icons>
 						</view>
@@ -79,9 +79,11 @@
 				<view class="content-max-up-box">
 					<view class="name-box">入库单</view>
 					<view class="up-big-box">
-						<img class="img-data" v-if="newData.newData15" @click="previewSingleImage(baseUrl+newData.newData15)"
-							:src="baseUrl+newData.newData15">
-						<view class="add-button" @click="selectImage()">
+						<view class="img-data" v-for="(item,index) in newData.newData15" :key="index">
+							<img class="min-img" @click="previewSingleImage(baseUrl+item)" :src="baseUrl+item">
+							<uni-icons class="del-postion-p" @click="delImg(index)" type="close" color="red" size="20"></uni-icons>
+						</view>
+						<view class="add-button" @click="selectImage()" v-if="!newData.newData15[8]">
 							<uni-icons type="cloud-upload" size="30" color="#666"></uni-icons>
 							<view>上传照片</view>
 						</view>
@@ -93,7 +95,7 @@
 						v-model="newData.newData16"></textarea>
 				</view>
 			</view>
-			<view class="bottom-button-p">确认入库</view>
+			<view class="bottom-button-p" @click="submitButton()">确认入库</view>
 		</view>
 	</view>
 </template>
@@ -121,13 +123,26 @@
 					newData12: '',
 					newData13: '',
 					newData14: '',
-					newData15: '',
+					newData15: [],
 					newData16: '',
 				}
 			}
 		},
-		onLoad(option) {
-
+		onLoad(options) {
+			if(options.pageType){
+				let obj = decodeURIComponent(options.form);
+				if(options.pageType == 1){
+					this.$set(this.newData,'newData1',obj.data1);
+					this.$set(this.newData,'newData2',obj.data2);
+					this.$set(this.newData,'newData3',obj.data3);
+					this.$set(this.newData,'newData4',obj.data4);
+				}else if(options.pageType == 2){
+					this.$set(this.newData,'newData5',obj.data5);
+					this.$set(this.newData,'newData6',obj.data6);
+					this.$set(this.newData,'newData7',obj.data7);
+					this.$set(this.newData,'newData8',obj.data8);
+				}
+			}
 		},
 		onShow() {
 
@@ -137,20 +152,52 @@
 			checkButton(type) {
 				if (type == 1) {
 					uni.navigateTo({
-						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/selectCylinder",
+						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/selectCylinder?from=1",
 					});
 				} else if (type == 2) {
 					uni.navigateTo({
-						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/selectLab",
+						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/selectLab?from=1",
 					});
 				}
 			},
+			//提交方法
+			submitButton(){
+				uni.showModal({
+					title: '确认入库',
+					content: '确认后，该气体气瓶的当前状态将变更为已入库。',
+					showCancel: true, 
+					cancelText: '关闭',
+					confirmText: '确认入库',
+					confirmColor:'#2684D8',
+					success: (res) => {
+						if (res.confirm) {
+							uni.showToast({
+								title:'入库完成',
+								icon:"success",
+								mask:true,
+								duration: 2000
+							});
+							setTimeout(function(){
+								uni.navigateBack();
+							},2000);
+						}
+					}
+				});
+			},
 			/******图片上传******/
 			selectImage() {
 				let self = this;
-				let photoMaxNun = 0;
-				wx.chooseImage({
-					count: photoMaxNun,
+				if (self.newData.newData15[8]) {
+					uni.showToast({
+						title: '最多上传9张图片',
+						icon: "none",
+						mask: true,
+						duration: 2000
+					});
+					return
+				}
+				uni.chooseImage({
+					count:1,
 					sizeType: ["original", "compressed"],
 					sourceType: ["album", "camera"],
 					success: function(res) {
@@ -181,7 +228,8 @@
 					success: (uploadFileRes) => {
 						let res = JSON.parse(uploadFileRes.data);
 						if (res.code == 200) {
-							this.$set(this.newData, 'newData15', res.data.url);
+							this.newData.newData15.push(res.data.url)
+							// this.$set(this.newData, 'newData15', res.data.url);
 						} else {
 							uni.showToast({
 								title: res.msg,
@@ -197,6 +245,10 @@
 					}
 				});
 			},
+			//删除图片
+			delImg(index) {
+				this.newData.newData15.splice(index, 1)
+			},
 			//预览图片
 			previewSingleImage(imageUrl) {
 				uni.previewImage({
@@ -325,27 +377,49 @@
 				}
 
 				.up-big-box {
-					display: flex;
 					padding: 0 0 30rpx 0;
 
+					.img-data:nth-child(3n) {
+						margin-right: 0 !important;
+					}
+
 					.img-data {
-						display: block;
-						width: 160rpx;
-						height: 160rpx;
-						border-radius: 12rpx;
-						overflow: hidden;
+						display: inline-block;
+						width: 190rpx;
+						height: 190rpx;
 						margin-right: 30rpx;
+						margin-bottom: 25rpx;
+						position: relative;
+
+						.min-img {
+							display: block;
+							width: 190rpx;
+							height: 190rpx;
+							overflow: hidden;
+							border-radius: 12rpx;
+						}
+
+						.del-postion-p {
+							position: absolute;
+							top: -15rpx;
+							right: -15rpx;
+							width: 40rpx;
+							height: 40rpx;
+							color: red;
+						}
 					}
 
 					.add-button {
+						display: inline-block;
+						overflow: hidden;
 						border: 1rpx solid #dedede;
 						border-radius: 12rpx;
-						width: 160rpx !important;
-						height: 130rpx;
+						width: 190rpx !important;
+						height: 145rpx;
 						text-align: center;
 						color: #666;
 						font-size: 28rpx;
-						padding-top: 30rpx;
+						padding-top: 45rpx;
 					}
 				}
 

pages_supplierCylinderManagement/views/gasCylinderManagement/index.vue

@@ -3,11 +3,11 @@
 	<view id="gasCylinderManagement">
 		<view class="content-box">
 			<view class="button-box" @click="goPage(1)">
-				<img :src="imagesUrl('home/icon_sy_aqks@1x.png')">
+				<img :src="imagesUrl('supplierCylinderManagement/iconPark-warehousing 1@2x.png')">
 				<view style="color:#FF6B00;">气瓶入库</view>
 			</view>
 			<view class="button-box" @click="goPage(2)">
-				<img :src="imagesUrl('home/icon_sy_aqks@1x.png')">
+				<img :src="imagesUrl('supplierCylinderManagement/iconPark-outbound@2x.png')">
 				<view style="color:#0075FF;">气瓶出库</view>
 			</view>
 		</view>
@@ -71,8 +71,8 @@
 				overflow: hidden;
 				margin:20rpx 30rpx;
 				img{
-					width:160rpx;
-					height:160rpx;
+					width:120rpx;
+					height:120rpx;
 					display: block;
 					margin:70rpx auto 0;
 				}

pages_supplierCylinderManagement/views/gasCylinderManagement/outbound.vue

@@ -1,26 +1,284 @@
 <!-- 气瓶出库 -->
 <template>
 	<view id="gasCylinderOutbound">
-		
+		<view class="gasCylinderOutbound-page">
+			<view class="content-max-box">
+				<view class="content-big-box">
+					<view class="content-title-p">气瓶信息</view>
+					<view class="content-min-box">
+						<view class="content-check-box" @click="checkButton(1)" v-if="!detailsType">
+							<view>选择气瓶</view>
+							<view>{{newData.newData1?'更改':'请选择'}}</view>
+							<uni-icons class="right-icon" type="right"></uni-icons>
+						</view>
+						<view class="content-bottom-text-box" v-if="newData.newData1">
+							<view class="content-text-box">
+								<view>气瓶编码：</view>
+								<view>{{newData.newData2}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>气体：</view>
+								<view>{{newData.newData3}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>气瓶规格：</view>
+								<view>{{newData.newData4}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>气体类别：</view>
+								<view>{{newData.newData5}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>压力：</view>
+								<view>{{newData.newData6}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>纯度：</view>
+								<view>{{newData.newData7}}</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="content-big-box">
+					<view class="content-title-p">实验室信息</view>
+					<view class="content-min-box">
+						<view class="content-bottom-text-box" v-if="newData.newData8">
+							<view class="content-text-box">
+								<view>实验室名称：</view>
+								<view>{{newData.newData9}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>楼栋：</view>
+								<view>{{newData.newData10}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>楼层：</view>
+								<view>{{newData.newData11}}</view>
+							</view>
+							<view class="content-text-box">
+								<view>房间：</view>
+								<view>{{newData.newData12}}</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="content-big-box" style="margin-top:30rpx;">
+					<view class="content-min-box">
+						<picker @change="bindPickerChange" :value="index" :range="array">
+							<view class="content-check-box">
+								<view>出库类型</view>
+								<view>{{newData.newData17 == 1?'空瓶出库':(newData.newData17 == 2?'满瓶出库':'请选择')}}</view>
+								<uni-icons class="right-icon" type="right"></uni-icons>
+							</view>
+						</picker>
+						<view class="content-max-input-box" style="margin:0;">
+							<view class="name-box">费用</view>
+							<input class="uni-input input-box" v-if="newData.newData17 != 2" v-model="newData.newData14" type="number"
+								maxlength="10" placeholder="请输入" />
+							<p class="input-box" v-if="newData.newData17 == 2">0</p>
+						</view>
+					</view>
+				</view>
+				<view class="content-max-input-box">
+					<view class="name-box">签出人</view>
+					<input class="uni-input input-box" v-model="newData.newData13" maxlength="20" placeholder="请输入" />
+				</view>
+				<view class="content-max-up-box">
+					<view class="name-box">出库单</view>
+					<view class="up-big-box">
+						<view class="img-data" v-for="(item,index) in newData.newData15" :key="index">
+							<img class="min-img" @click="previewSingleImage(baseUrl+item)" :src="baseUrl+item">
+							<uni-icons class="del-postion-p" @click="delImg(index)" type="close" color="red" size="20"></uni-icons>
+						</view>
+						<view class="add-button" @click="selectImage()" v-if="!newData.newData15[8]">
+							<uni-icons type="cloud-upload" size="30" color="#666"></uni-icons>
+							<view>上传照片</view>
+						</view>
+					</view>
+				</view>
+				<view class="content-max-up-box">
+					<view class="name-box">备注</view>
+					<textarea class="textarea textarea-box" placeholder="请输入" maxlength="100"
+						v-model="newData.newData16"></textarea>
+				</view>
+			</view>
+			<view class="bottom-button-p" @click="submitButton()">确认出库</view>
+		</view>
 	</view>
 </template>
 
 <script>
+	import {
+		config
+	} from '@/api/request/config.js'
 	export default {
 		data() {
 			return {
-				
+				baseUrl: config.base_url,
+				detailsType:false,
+				newData: {
+					newData1: '',
+					newData2: '',
+					newData3: '',
+					newData4: '',
+					newData5: '',
+					newData6: '',
+					newData7: '',
+					newData8: '',
+					newData9: '',
+					newData10: '',
+					newData11: '',
+					newData12: '',
+					newData13: '',
+					newData14: '',
+					newData15: [],
+					newData16: '',
+					newData17: '',
+				},
+				array: ['空瓶出库', '满瓶出库'],
 			}
 		},
-		onLoad(option) {
-			
+		onLoad(options) {
+			if (options.pageType) {
+				let obj = decodeURIComponent(options.form);
+				if (options.pageType == 1) {
+					//选择气瓶
+					this.$set(this.newData, 'newData1', obj.data1);
+					this.$set(this.newData, 'newData2', obj.data2);
+					this.$set(this.newData, 'newData3', obj.data3);
+					this.$set(this.newData, 'newData4', obj.data4);
+				} else if (options.pageType == 2) {
+					//选择实验室
+					this.$set(this.newData, 'newData5', obj.data5);
+					this.$set(this.newData, 'newData6', obj.data6);
+					this.$set(this.newData, 'newData7', obj.data7);
+					this.$set(this.newData, 'newData8', obj.data8);
+				} else if (options.pageType == 3) {
+					//历史记录-气瓶出库
+					this.$set(this,'detailsType',true);
+					this.$set(this.newData, 'newData1', "1");
+					this.$set(this.newData, 'newData8', "1");
+				}
+			}
 		},
 		onShow() {
 
 		},
 
 		methods: {
-			
+			bindPickerChange(e) {
+				if (e.detail.value == 0) {
+					this.$set(this.newData, 'newData17', 1)
+				} else {
+					this.$set(this.newData, 'newData17', 2)
+				}
+			},
+			checkButton(type) {
+				if (type == 1) {
+					uni.navigateTo({
+						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/selectCylinder?from=2",
+					});
+				} else if (type == 2) {
+					uni.navigateTo({
+						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/selectLab?from=2",
+					});
+				}
+			},
+			//提交方法
+			submitButton() {
+				uni.showModal({
+					title: '确认出库',
+					content: '确认后，该气体气瓶的当前状态将变更为已出库。',
+					showCancel: true, 
+					cancelText: '关闭',
+					confirmText: '确认出库',
+					confirmColor:'#2684D8',
+					success: (res) => {
+						if (res.confirm) {
+							uni.showToast({
+								title:'出库完成',
+								icon:"success",
+								mask:true,
+								duration: 2000
+							});
+							setTimeout(function(){
+								uni.navigateBack();
+							},2000);
+						}
+					}
+				});
+			},
+			/******图片上传******/
+			selectImage() {
+				let self = this;
+				if (self.newData.newData15[8]) {
+					uni.showToast({
+						title: '最多上传9张图片',
+						icon: "none",
+						mask: true,
+						duration: 2000
+					});
+					return
+				}
+				uni.chooseImage({
+					count:1,
+					sizeType: ["original", "compressed"],
+					sourceType: ["album", "camera"],
+					success: function(res) {
+						if (res.tempFilePaths[0]) {
+							res.tempFilePaths.forEach(function(item, index) {
+								self.uploadImg(item);
+							})
+						}
+					}
+				});
+			},
+			async uploadImg(tempFilePaths) {
+				var self = this;
+				uni.showLoading({
+					title: '上传中',
+					mask: true
+				});
+				uni.uploadFile({
+					url: config.base_url + '/system/file/upload', //仅为示例，非真实的接口地址
+					header: {
+						'Authorization': uni.getStorageSync('token')
+					},
+					filePath: tempFilePaths,
+					name: 'file',
+					formData: {
+						'user': 'test'
+					},
+					success: (uploadFileRes) => {
+						let res = JSON.parse(uploadFileRes.data);
+						if (res.code == 200) {
+							this.newData.newData15.push(res.data.url)
+							// this.$set(this.newData, 'newData15', res.data.url);
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: "none",
+								mask: true,
+								duration: 2000
+							});
+						}
+					},
+					fail: err => {},
+					complete: () => {
+						uni.hideLoading()
+					}
+				});
+			},
+			//删除图片
+			delImg(index) {
+				this.newData.newData15.splice(index, 1)
+			},
+			//预览图片
+			previewSingleImage(imageUrl) {
+				uni.previewImage({
+					urls: [imageUrl] // 必须包裹成数组
+				});
+			},
 		}
 	}
 </script>
@@ -29,8 +287,185 @@
 	#gasCylinderOutbound {
 		height: 100%;
 		width: 100%;
-		display flex ;
+		display flex;
 		flex-direction column;
 		overflow: hidden;
+
+		.gasCylinderOutbound-page {
+			flex: 1;
+			display flex;
+			flex-direction column;
+			overflow: hidden;
+
+			.content-max-box {
+				flex: 1;
+				display flex;
+				flex-direction column;
+				overflow-y: scroll;
+
+				.content-big-box {
+					margin: 0 30rpx 0;
+
+					.content-title-p {
+						line-height: 80rpx;
+						padding: 0 20rpx;
+						color: #666;
+					}
+
+					.content-min-box {
+						background-color: #fff;
+						border-radius: 12rpx;
+
+						.content-check-box {
+							display: flex;
+							padding: 40rpx 30rpx;
+							border-bottom: 1rpx solid #dedede;
+
+							view {
+								font-size: 30rpx;
+								line-height: 40rpx;
+							}
+
+							view:nth-child(1) {
+								flex: 1;
+								font-weight: 600;
+							}
+
+							view:nth-child(2) {
+								font-size: 28rpx;
+								font-weight: 600;
+								margin-right: 10rpx;
+								color: #666;
+							}
+
+							.right-icon {
+								font-size: 30rpx;
+							}
+						}
+
+						.content-bottom-text-box {
+							margin: 0 30rpx;
+							padding: 20rpx 0;
+
+							.content-text-box {
+								display: flex;
+
+								view {
+									font-size: 28rpx;
+									line-height: 60rpx;
+								}
+
+								view:nth-child(1) {}
+
+								view:nth-child(2) {
+									flex: 1;
+									text-align: right;
+								}
+							}
+						}
+					}
+				}
+			}
+
+			.content-max-input-box {
+				background-color: #fff;
+				border-radius: 12rpx;
+				display: flex;
+				margin: 30rpx 30rpx 0;
+				padding: 0 30rpx;
+
+				.name-box {
+					font-size: 30rpx;
+					font-weight: 600;
+					line-height: 100rpx;
+				}
+
+				.input-box {
+					flex: 1;
+					height: 100rpx;
+					line-height: 100rpx;
+					text-align: right;
+				}
+			}
+
+			.content-max-up-box {
+				background-color: #fff;
+				border-radius: 12rpx;
+				margin: 30rpx 30rpx 0;
+				padding: 0 30rpx;
+
+				.name-box {
+					font-size: 30rpx;
+					font-weight: 600;
+					line-height: 100rpx;
+				}
+
+				.up-big-box {
+					padding: 0 0 30rpx 0;
+
+					.img-data:nth-child(3n) {
+						margin-right: 0 !important;
+					}
+
+					.img-data {
+						display: inline-block;
+						width: 190rpx;
+						height: 190rpx;
+						margin-right: 30rpx;
+						margin-bottom: 25rpx;
+						position: relative;
+
+						.min-img {
+							display: block;
+							width: 190rpx;
+							height: 190rpx;
+							overflow: hidden;
+							border-radius: 12rpx;
+						}
+
+						.del-postion-p {
+							position: absolute;
+							top: -15rpx;
+							right: -15rpx;
+							width: 40rpx;
+							height: 40rpx;
+							color: red;
+						}
+					}
+
+					.add-button {
+						display: inline-block;
+						overflow: hidden;
+						border: 1rpx solid #dedede;
+						border-radius: 12rpx;
+						width: 190rpx !important;
+						height: 145rpx;
+						text-align: center;
+						color: #666;
+						font-size: 28rpx;
+						padding-top: 45rpx;
+					}
+				}
+
+				.textarea-box {
+					width: 570rpx;
+					padding: 30rpx;
+					border: 1px solid #dedede;
+					border-radius: 12rpx;
+					margin-bottom: 30rpx;
+				}
+			}
+
+			.bottom-button-p {
+				width: 700rpx;
+				height: 100rpx;
+				line-height: 100rpx;
+				text-align: center;
+				margin: 30rpx auto 60rpx;
+				color: #fff;
+				background-color: #0183FA;
+				border-radius: 16rpx;
+			}
+		}
 	}
 </style>

pages_supplierCylinderManagement/views/gasCylinderManagement/selectCylinder.vue

@@ -1,7 +1,58 @@
 <!-- 选择气瓶 -->
 <template>
 	<view id="gasCylinderSelectCylinder">
-		
+		<view class="top-input-max-box">
+			<view class="input-box">
+				<uni-icons type="search" class="icon-box" color="#7C7C7C" size="25"></uni-icons>
+				<input class="uni-input input-min" confirm-type="search" @confirm="getList()"
+					v-model="inputData" maxlength="20" placeholder="搜索关键字" />	
+			</view>
+			<view class="picker-box">
+				<picker @change="bindPickerChangeA" :value="indexA" :range="arrayA">
+					<view class="picker-min-box">
+						<view>{{indexA==null?'气体':arrayA[indexA]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+				<picker @change="bindPickerChangeB" :value="indexB" :range="arrayB">
+					<view class="picker-min-box">
+						<view>{{indexB==null?'气体类别':arrayB[indexB]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+			</view>
+		</view>
+		<view class="content-box">
+			<view class="null-p" v-if="!dataList[0]">暂无数据</view>
+			<view class="for-max-big-box" @click="checkButton(item)"
+			v-for="(item,index) in dataList" :key="index">
+				<view class="for-title-box" v-if="item.data7 == 1">
+					<view>气瓶编码：</view>
+					<view>{{item.data1}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>气体：</view>
+					<view>{{item.data2}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>气瓶规格：</view>
+					<view>{{item.data3}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>气体类别：</view>
+					<view>{{item.data4}}</view>
+				</view>
+				<view class="for-text-box" v-if="item.data7 == 1">
+					<view>压力：</view>
+					<view>{{item.data5}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>纯度：</view>
+					<view>{{item.data6}}</view>
+				</view>
+			</view>
+		</view>
+		<uni-icons class="sao-code-box" type="scan" color="#fff" size="25"></uni-icons>
 	</view>
 </template>
 
@@ -9,18 +60,107 @@
 	export default {
 		data() {
 			return {
-				
+				fromPage:'',
+				inputData:'',
+				arrayA:[],
+				indexA:null,
+				arrayB:[],
+				indexB:null,
+				dataList:[
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'1',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'2',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'1',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'1',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'2',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'1',
+					},
+					{
+						data1:'1231315',
+						data2:'氢气',
+						data3:'8L',
+						data4:'易燃气体',
+						data5:'15Mpa',
+						data6:'99.99%',
+						data7:'1',
+					},
+				],
 			}
 		},
-		onLoad(option) {
-			
+		onLoad(options) {
+			this.fromPage = options.from;
 		},
 		onShow() {
 
 		},
 
 		methods: {
-			
+			bindPickerChangeA(e) {
+				this.indexA = e.detail.value
+			},
+			bindPickerChangeB(e) {
+				this.indexB = e.detail.value
+			},
+			getList(){
+				
+			},
+			checkButton(item){
+				if(this.fromPage == 1){
+					uni.redirectTo({
+						url: '/pages_supplierCylinderManagement/views/gasCylinderManagement/inbound?form='+encodeURIComponent(JSON.stringify(item))+'&pageType=1'
+					});
+				}else if(this.fromPage == 2){
+					uni.redirectTo({
+						url: '/pages_supplierCylinderManagement/views/gasCylinderManagement/outbound?form='+encodeURIComponent(JSON.stringify(item))+'&pageType=1'
+					});
+				}
+			},
 		}
 	}
 </script>
@@ -32,5 +172,97 @@
 		display flex ;
 		flex-direction column;
 		overflow: hidden;
+		position: relative;
+		.top-input-max-box{
+			background-color: #fff;
+			.input-box{
+				display: flex;
+				border-radius:40rpx;
+				background-color: #D4D4D4;
+				margin:20rpx 20rpx 0 20rpx;
+				color:#7C7C7C;
+				.icon-box{
+					margin:15rpx;
+				}
+				.input-min{
+					height:80rpx;
+					line-height:80rpx;
+					flex:1;
+				}
+			}
+			.picker-box{
+					display: flex;
+				.picker-min-box{
+					height:80rpx;
+					line-height:80rpx;
+					display: flex;
+					padding:0 30rpx;
+					.icon-box{
+						margin-left:10rpx;
+					}
+				}
+			}
+		}
+		.content-box{
+			flex:1;
+			display flex ;
+			flex-direction column;
+			overflow: scroll;
+			padding-bottom:200rpx;
+			.null-p{
+				text-align: center;
+				line-height:300rpx;
+				color:#999;
+			}
+			.for-max-big-box{
+				padding:20rpx 30rpx;
+				background-color: #fff;
+				border-radius:10rpx;
+				margin:25rpx 25rpx 0;
+				.for-title-box{
+					display: flex;
+					margin-bottom:20rpx;
+					view{
+						padding-bottom:20rpx;
+						line-height: 60rpx
+						border-bottom:1rpx solid #dedede;
+						font-weight:700;
+					}
+					view:nth-child(1){
+						color:#666666;
+					}
+					view:nth-child(2){
+						flex:1;
+						text-align: right;
+					}
+				}
+				.for-text-box{
+					display: flex;
+					view{
+						line-height: 60rpx
+						font-weight:700;
+					}
+					view:nth-child(1){
+						color:#666666;
+					}
+					view:nth-child(2){
+						flex:1;
+						text-align: right;
+					}
+				}
+			}
+		}
+		.sao-code-box{
+			width:100rpx;
+			height:100rpx;
+			line-height:100rpx;
+			text-align: center;
+			background-color: #266FFF;
+			border-radius:50%;
+			position: absolute;
+			bottom:60rpx;
+			left:50%;
+			margin-left:-50rpx;
+		}
 	}
 </style>

pages_supplierCylinderManagement/views/gasCylinderManagement/selectLab.vue

@@ -1,7 +1,56 @@
 <!-- 选择实验室 -->
 <template>
 	<view id="gasCylinderSelectLab">
-		
+		<view class="top-input-max-box">
+			<view class="input-box">
+				<uni-icons type="search" class="icon-box" color="#7C7C7C" size="25"></uni-icons>
+				<input class="uni-input input-min" confirm-type="search" @confirm="getList()"
+					v-model="inputData" maxlength="20" placeholder="搜索实验室" />	
+			</view>
+			<view class="picker-box">
+				<picker @change="bindPickerChangeA" :value="indexA" :range="arrayA">
+					<view class="picker-min-box">
+						<view>{{indexA==null?'学院':arrayA[indexA]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+				<picker @change="bindPickerChangeB" :value="indexB" :range="arrayB">
+					<view class="picker-min-box">
+						<view>{{indexB==null?'楼栋':arrayB[indexB]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+				<picker @change="bindPickerChangeC" :value="indexC" :range="arrayC">
+					<view class="picker-min-box">
+						<view>{{indexC==null?'楼层':arrayC[indexC]}}</view>
+						<uni-icons type="down" class="icon-box" size="15"></uni-icons>
+					</view>
+				</picker>
+			</view>
+		</view>
+		<view class="content-box">
+			<view class="null-p" v-if="!dataList[0]">暂无数据</view>
+			<view class="for-max-big-box" @click="checkButton(item)"
+			v-for="(item,index) in dataList" :key="index">
+				<view class="for-title-box">
+					<view>实验室名称：</view>
+					<view>{{item.data1}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>楼栋：</view>
+					<view>{{item.data2}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>楼层：</view>
+					<view>{{item.data3}}</view>
+				</view>
+				<view class="for-text-box">
+					<view>房间号：</view>
+					<view>{{item.data4}}</view>
+				</view>
+			</view>
+		</view>
+		<uni-icons class="sao-code-box" type="scan" color="#fff" size="25"></uni-icons>
 	</view>
 </template>
 
@@ -9,18 +58,97 @@
 	export default {
 		data() {
 			return {
-				
+				fromPage:'',
+				inputData:'',
+				arrayA:[],
+				indexA:null,
+				arrayB:[],
+				indexB:null,
+				arrayC:[],
+				indexC:null,
+				dataList:[
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+					{
+						data1:'实验室A',
+						data2:'名义楼',
+						data3:'8L',
+						data4:'803',
+					},
+				],
 			}
 		},
-		onLoad(option) {
-			
+		onLoad(options) {
+			this.fromPage = options.from;
 		},
 		onShow() {
 
 		},
 
 		methods: {
-			
+			bindPickerChangeA(e) {
+				this.indexA = e.detail.value
+			},
+			bindPickerChangeB(e) {
+				this.indexB = e.detail.value
+			},
+			bindPickerChangeC(e) {
+				this.indexC = e.detail.value
+			},
+			getList(){
+				
+			},
+			checkButton(item){
+				if(this.fromPage == 1){
+					uni.redirectTo({
+						url: '/pages_supplierCylinderManagement/views/gasCylinderManagement/inbound?form='+encodeURIComponent(JSON.stringify(item))+'&pageType=2'
+					});
+				}else if(this.fromPage == 2){
+					uni.redirectTo({
+						url: '/pages_supplierCylinderManagement/views/gasCylinderManagement/outbound?form='+encodeURIComponent(JSON.stringify(item))+'&pageType=2'
+					});
+				}
+			},
 		}
 	}
 </script>
@@ -32,5 +160,97 @@
 		display flex ;
 		flex-direction column;
 		overflow: hidden;
+		position: relative;
+		.top-input-max-box{
+			background-color: #fff;
+			.input-box{
+				display: flex;
+				border-radius:40rpx;
+				background-color: #D4D4D4;
+				margin:20rpx 20rpx 0 20rpx;
+				color:#7C7C7C;
+				.icon-box{
+					margin:15rpx;
+				}
+				.input-min{
+					height:80rpx;
+					line-height:80rpx;
+					flex:1;
+				}
+			}
+			.picker-box{
+					display: flex;
+				.picker-min-box{
+					height:80rpx;
+					line-height:80rpx;
+					display: flex;
+					padding:0 30rpx;
+					.icon-box{
+						margin-left:10rpx;
+					}
+				}
+			}
+		}
+		.content-box{
+			flex:1;
+			display flex ;
+			flex-direction column;
+			overflow: scroll
+			padding-bottom:200rpx;
+			.null-p{
+				text-align: center;
+				line-height:300rpx;
+				color:#999;
+			}
+			.for-max-big-box{
+				padding:20rpx 30rpx;
+				background-color: #fff;
+				border-radius:10rpx;
+				margin:25rpx 25rpx 0;
+				.for-title-box{
+					display: flex;
+					margin-bottom:20rpx;
+					view{
+						padding-bottom:20rpx;
+						line-height: 60rpx
+						border-bottom:1rpx solid #dedede;
+						font-weight:700;
+					}
+					view:nth-child(1){
+						color:#666666;
+					}
+					view:nth-child(2){
+						flex:1;
+						text-align: right;
+					}
+				}
+				.for-text-box{
+					display: flex;
+					view{
+						line-height: 60rpx
+						font-weight:700;
+					}
+					view:nth-child(1){
+						color:#666666;
+					}
+					view:nth-child(2){
+						flex:1;
+						text-align: right;
+					}
+				}
+			}
+		}
+		.sao-code-box{
+			width:100rpx;
+			height:100rpx;
+			line-height:100rpx;
+			text-align: center;
+			background-color: #266FFF;
+			border-radius:50%;
+			position: absolute;
+			bottom:60rpx;
+			left:50%;
+			margin-left:-50rpx;
+		}
 	}
 </style>