From 519b464e4ed3d07bd5aa23a4067e5869058de2e5 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 26 十月 2023 13:36:51 +0800
Subject: [PATCH] 添加统计日志

---
 minipro_standard/pages_inspect/pages/InOperation/InOperation.vue |  961 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 961 insertions(+), 0 deletions(-)

diff --git a/minipro_standard/pages_inspect/pages/InOperation/InOperation.vue b/minipro_standard/pages_inspect/pages/InOperation/InOperation.vue
new file mode 100644
index 0000000..11c4c17
--- /dev/null
+++ b/minipro_standard/pages_inspect/pages/InOperation/InOperation.vue
@@ -0,0 +1,961 @@
+<template>
+	<view>
+		<InOutInfo :info="info" :isOut="false" />
+
+		<uni-collapse @change="change" @close="close" @open="open">
+			<uni-collapse-item v-if="type==7" v-for="(item1, index) in wtransferWarehouseList" :key="index"
+				:open="item1.wtransferDetailList.length">
+				<view class="p30 cY" style="border-bottom: 4rpx solid #f7f7f7;" slot="title">
+					<image src="../../../static/chuku_ic_cangku@2x.png" class="img36 mr10" mode=""></image>
+					<view>{{ item1.warehouseName }}</view>
+				</view>
+				<view class="p30">
+					<div class="page_dck">
+						<div class="page_dck_title">
+							<div class="page_dck_title_x"></div>
+							<span>寰呭叆搴撶墿鏂�</span>
+						</div>
+					</div>
+					<div class="page_content" v-for="(item, index) in item1.wtransferDetailList" v-if="item.outActnum" :key="index"
+						:name="index">
+						<div class="page_content_title">
+							<div class="page_content_title_top">
+								<span v-if="item.batch">{{ item.materialName + ' | ' + item.materialCode }}</span>
+								<span v-else>{{ item.materialName + ' | ' + item.materialCode }}</span>
+								<span>{{item.outActnum}}{{item.unitName}}</span>
+							</div>
+							<div class="page_content_title_bottom">
+								<span class="green" v-if="item.qualityType === 0">鍚堟牸<text class="c6" decode>{{ split}}</text></span>
+								<span class="warning" v-else-if="item.qualityType === 1">涓嶈壇<text class="c6" decode>{{ split}}</text></span>
+								<span class="error" v-else-if="item.qualityType === 2">鎶ュ簾<text class="c6" decode>{{ split}}</text></span>
+								<span v-else>-<text class="c6" decode>{{ split}}</text></span>
+								<span>{{item.procedureName ? item.procedureName : '-'}}<text class="c6" decode>{{ split}}</text></span>
+								<span>{{item.batch ? item.batch : '-'}}</span>
+							</div>
+						</div>
+						<!-- <div class="page_content_list" v-for="(childer, idxs) in item.wstockExtListVOList" :key="idxs">
+							<div class="page_content_list_item">
+								<div class="page_content_list_item_label">鍏ュ簱璐т綅锛�</div>
+								<div class="page_content_list_item_nr">{{ childer.locationName }}</div>
+							</div>
+							<div class="page_content_list_items">
+								<div class="page_content_list_item_label">鏁伴噺锛�</div>
+								<div class="page_content_list_item_nr">{{ childer.num }}{{ childer.unitName }}</div>
+							</div>
+						</div> -->
+					</div>
+				</view>
+			</uni-collapse-item>
+		</uni-collapse>
+		<div class="page_h"></div>
+		<div class="page_yxwl">
+			<div class="page_yxwl_title">
+				<div class="left">
+					<div class="page_yxwl_title_x"></div>
+					<span>宸查�夋嫨鐗╂枡</span>
+				</div>
+
+				<div class="right" v-if="isZKD" @click="openxz">
+					<image src="../../../static/gongdan_ic_shoudong@2x.png" class="img36" mode=""></image><span>鎵嬪姩鍏ュ簱</span>
+					<!-- <img src="@/assets/icon/gongdan_ic_shoudong@2x.png" alt=""> -->
+				</div>
+			</div>
+			<!--        鍏ュ簱鍗曪紙鍗曚釜浠撳簱锛�        -->
+			<template v-if="type == 9 && woScanMaterialBeanList && woScanMaterialBeanList.length > 0">
+				<div class="page_yxwl_list">
+					<div class="page_yxwl_list_item" v-for="(item, index) in woScanMaterialBeanList" :key="index">
+						<div class="page_yxwl_list_item_top">
+							<div class="page_yxwl_list_item_top_left">{{item.materialName}} | {{item.materialCode}}
+							</div>
+						</div>
+						<div class="page_yxwl_list_item_sx">
+							<span class="green" v-if="item.qualityType === 0">鍚堟牸<text class="c6" decode>{{ split}}</text></span>
+							<span class="warning" v-else-if="item.qualityType === 1">涓嶈壇<text class="c6" decode>{{ split}}</text></span>
+							<span class="red" v-else-if="item.qualityType === 2">鎶ュ簾<text class="c6" decode>{{ split}}</text></span>
+							<span>{{item.procedureName ? item.procedureName : '-'}}<text class="c6" decode>{{ split}}</text></span>
+							<span>{{item.batch ? item.batch : '-'}}</span>
+						</div>
+						<div class="page_yxwl_list_item_num">
+							<div class="dis">
+								<div class="item">
+									<div class="label">鍏ュ簱璐т綅锛�</div>
+									<div class="nr">
+										<span>{{item.locationName ? item.locationName : '-'}}</span>
+									</div>
+								</div>
+								<div class="items f24">
+									<div class="label">鏁伴噺锛�</div>
+									<div class="nr">
+										<input type="text" v-model="item.scanNum" placeholder="璇疯緭鍏�" />
+										<span>{{item.unitName}}</span>
+									</div>
+								</div>
+							</div>
+							<div class="itemy" v-for="(item1, idx) in item.woutboundRedisCodeBeanList" :key="idx">
+								<div class="label">宸ヨ{{item1.scanCode}}锛�</div>
+								<div class="nr">{{item1.num}}{{item1.unitName}}</div>
+								<div class="dele" @click="woScanMaterialBeanList.splice(index, 1)">
+									<image src="../../../static/chuku_ic_delete@2x.png" class="img48" mode=""></image>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</template>
+			<!--        杞簱鍗曪紙澶氫釜浠撳簱锛�        -->
+			<template v-else-if="type == 7 && seleMateriaList.length > 0">
+				<!-- <template v-for="(item, index) in info.wtransferWarehouseList" :key="index"> -->
+				<div class="page_yxwl_list">
+					<div class="page_yxwl_list_item" v-for="(item1, idx) in seleMateriaList" :key="idx">
+						<div class="page_yxwl_list_item_top">
+							<div class="page_yxwl_list_item_top_left">{{item1.materialName}} | {{item1.materialCode}}
+							</div>
+						</div>
+						<div class="page_yxwl_list_item_sx">
+							<span class="green" v-if="item1.qualityType === 0">鍚堟牸<text class="c6" decode>{{ split}}</text></span>
+							<span class="yellow" v-else-if="item1.qualityType === 1">涓嶈壇<text class="c6" decode>{{ split}}</text></span>
+							<span class="red" v-else-if="item1.qualityType === 2">鎶ュ簾<text class="c6" decode>{{ split}}</text></span>
+							<span>{{item1.procedureName ? item1.procedureName : '-'}}<text class="c6" decode>{{ split}}</text></span>
+							<span>{{item1.batch ? item1.batch : '-'}}</span>
+						</div>
+						<div class="page_yxwl_list_item_num">
+							<div class="itemy">
+								<div class="itemy_item">
+									<div class="label">鍏ュ簱璐т綅锛�</div>
+									<div class="nr">
+										<span>{{item1.locationName}}</span>
+									</div>
+								</div>
+								<div class="itemy_item f24">
+									<div class="label">鏁伴噺锛�</div>
+									<div class="nr">
+										<!-- @input="inputNum(item1)"  -->
+										<input type="number" v-model="item1.outActnum" placeholder="璇疯緭鍏�" />
+										<span>{{item1.unitName}}</span>
+									</div>
+								</div>
+								<!-- @click="dele()" dele(index) {
+				 this.outboundList.splice(index, 1)
+			}, -->
+								<div class="dele" @click="seleMateriaList.splice(index, 1)">
+									<image src="../../../static/chuku_ic_delete@2x.png" class="img48" mode=""></image>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- </template> -->
+			</template>
+			<div class="page_yxwl_kong" v-else>鏆傛棤鏁版嵁</div>
+		</div>
+		<div class="page_zw"></div>
+		<!--    鎻愪氦鎸夐挳    -->
+		<div class="page_footer">
+			<div class="page_footer_ck" @click="submit">
+				<span>纭鍏ュ簱</span>
+			</div>
+		</div>
+		<SelectLoaction ref="selectLoaction" @selected="selectLocation" />
+		<MaterialIn ref="materialIn" @selected="selectMaterial" />
+	</view>
+</template>
+
+<script>
+	import InOutInfo from '@/components/InOutInfo.vue'
+	import SelectLoaction from '@/components/SelectLoaction.vue'
+	import MaterialIn from '@/components/materialIn.vue'
+	import {
+		QRCodeType
+	} from '@/common/config.js'
+	import {
+		getList,
+		outScanAppliances,
+		getLocationInfo,
+		saveIn,
+		getInByWTransferId,
+		wTransferForInOut,
+		wOutBoundForInOut,
+		wOutBoundForUpload,
+		transferToInNew
+	} from '@/util/api/ExWarehouse'
+	import {
+		wTransferForInOutUpload
+	} from '@/util/api/ExWarehouse'
+	import {
+		getBarcodeContent,
+		getListByCondition,
+		getListByWarehouseId
+	} from '@/util/api/WorkOrderAPI'
+	import {
+		getDB
+	} from '@/util/api/agencyAPI'
+	export default {
+		components: {
+			InOutInfo,
+			SelectLoaction,
+			MaterialIn
+		},
+		data() {
+			return {
+				split: '&nbsp;/&nbsp;',
+				type: '',
+				id: '',
+				wareHouseId: '',
+				isZKD: false,
+				show: false,
+				info: {},
+				ids: [],
+				mainOrder: '',
+				location: '',
+				locationName: '',
+				wtransferWarehouseList: [],
+				MateriaList: [],
+				woScanMaterialBeanList: [],
+				seleMateriaList: [] // 宸查�夌墿鏂�
+			};
+		},
+		onLoad(option) {
+			this.type = option.type
+			this.id = option.id
+			this.isZKD = this.type == QRCodeType.ZKD
+			if (option.dbid) {
+				this.getDBs(option.dbid)
+			} else {
+				this.getInfo()
+			}
+		},
+		methods: {
+			getDBs(dbid) {
+				getDB(dbid)
+					.then(res => {
+						let {
+							data
+						} = res
+						if (data.status == 1) {
+							// 宸插畬鎴�
+						} else {
+							this.getInfo()
+						}
+					})
+					.catch(err => {})
+			},
+			getInfo() {
+				let infoAction
+				let data = {
+					id: this.id
+				}
+				// console.log(this.type, QRCodeType.CKD);
+				if (this.type == QRCodeType.RKD) {
+					infoAction = wOutBoundForInOut
+					data.wOutboundType = '1'
+				} else if (this.type == QRCodeType.ZKD) {
+					infoAction = wTransferForInOut
+					data.wTransferType = '1'
+				}
+				infoAction(data).then(res => {
+					this.mainOrder = res.data.id
+					if (this.isZKD) {
+						this.info = res.data.wtransfer
+						this.wareHouseId = res.data.wtransfer.inWarehouseId
+						this.wtransferWarehouseList = res.data.wtransferWarehouseList
+						this.MateriaList = res.data.wtransferWarehouseList[0].wtransferDetailList
+					} else {
+						this.info = res.data.woutbound
+						this.woutboundDetailsWait = res.data.woutboundDetailsWait
+						this.woScanMaterialBeanList = res.data.woScanMaterialBeanList
+					}
+				}).catch(err => {
+					uni.$u.toast(err)
+					uni.navigateBack()
+				})
+			},
+			change() {},
+			close() {},
+			open() {},
+			openxz() {
+				getListByWarehouseId({
+						wareHouseId: this.wareHouseId
+					})
+					.then(res => {
+						if (res.data.length === 1) {
+							this.location = res.data[0].id
+							this.locationName = res.data[0].unionName
+							this.$refs.materialIn.open({
+								list: this.MateriaList
+							})
+						} else {
+							this.$refs.selectLoaction.open({
+								wareHouseId: this.wareHouseId
+							})
+						}
+					})
+			},
+			selectLocation(item) {
+				this.location = item.id
+				this.locationName = item.unionName
+				this.$refs.materialIn.open({
+					list: this.MateriaList
+				})
+			},
+			selectMaterial(val) {
+				let material = JSON.parse(JSON.stringify(val))
+				let repetition = false
+				this.seleMateriaList.forEach(item => {
+					if (item.locationId == this.location) {
+						if (item.id == material.id) {
+							repetition = true
+							return
+						}
+					}
+				})
+				if (repetition) {
+					uni.$u.toast('鐩稿悓璐т綅锛屽悓涓�涓墿鏂欏彧鑳芥湁涓�涓�')
+					return
+				}
+				// let tempMaterial = this.seleMateriaList.find(item => item.locationId == this.location)
+				// debugger
+				// if (tempMaterial) {
+				// 	/*
+				// 	tempMaterial.qualityType == material.qualityType
+				// 		&& tempMaterial.procedureId == material.procedureId
+				// 		&&tempMaterial.batch == material.batch
+				// 		&&tempMaterial.oldLocationId == material.locationId
+				// 		&& tempMaterial.materialId == material.materialId
+				// 	*/ 
+				// 	if (tempMaterial.id == material.id) {
+				// 		uni.$u.toast('鐩稿悓璐т綅锛屽悓涓�涓墿鏂欏彧鑳芥湁涓�涓�')
+				// 		return
+				// 	}
+				// }
+				// if (tempMaterial && tempMaterial.id == material.id) {
+				// 	uni.$u.toast('鐩稿悓璐т綅锛屽悓涓�涓墿鏂欏彧鑳芥湁涓�涓�')
+				// 	return
+				// }
+				let materialNum = 0
+				let num = 0
+				// let selectedM = this.seleMateriaList.find(item => item.id == material.id)
+				// let waitMaterial = this.MateriaList.find(item => item.id === material.id)
+				this.seleMateriaList.forEach(item => {
+					if (item.id === material.id) {
+						materialNum += Number(item.outActnum)
+					}
+				})
+				this.MateriaList.forEach(item => {
+					if (item.id === material.id) {
+						num = item.outActnum - materialNum
+					}
+				})
+				
+				material.outActnum = num
+				this.seleMateriaList.push({
+					...material,
+					oldLocationId: material.locationId,
+					locationId: this.location,
+					locationName: this.locationName
+				})
+			},
+			submit() {
+				if (this.type == QRCodeType.ZKD) {
+					if (!this.seleMateriaList.length) {
+						uni.$u.toast('杞叆鐗╂枡涓嶈兘涓虹┖')
+						return
+					}
+					let result = this.seleMateriaList.reduce((a, b) => {
+						if (a[b.id]) {
+							a[b.id].push(b);
+						} else {
+							a[b.id] = [b];
+						}
+						return a;
+					}, {});
+					for (let i = 0; i < this.MateriaList.length; i++) {
+						for (let a in result) {
+							if (this.MateriaList[i].id == a) {
+								let total = 0
+								for (let b = 0; b < result[a].length; b++) {
+									total = Number(total) + Number(result[a][b].outActnum)
+								}
+								if (!total || total <= 0) {
+									uni.$u.toast('鍏ュ簱鏁伴噺涓嶈兘灏忎簬0')
+									return 
+									// Toast.fail({
+									// 	message: '鍏ュ簱鏁伴噺涓嶈兘灏忎簬0',
+									// 	forbidClick: true,
+									// 	duration: 2000
+									// })
+								}
+								if (total > this.MateriaList[i].outActnum) {
+									uni.$u.toast('鍏ュ簱鏁伴噺涓嶈兘澶т簬寰呭叆搴撴暟閲�')
+									return 
+									// Toast.fail({
+									// 	message: '鍏ュ簱鏁伴噺涓嶈兘澶т簬寰呭叆搴撴暟閲�',
+									// 	forbidClick: true,
+									// 	duration: 2000
+									// })
+								}
+							}
+						}
+					}
+					let submitTransferInDetailDTOList = []
+					this.seleMateriaList.forEach(item => {
+						submitTransferInDetailDTOList.push({
+							inNum: item.outActnum,
+							locationId: item.locationId,
+							wtransferDetailId: item.id
+						})
+					})
+					transferToInNew({
+						submitTransferInDetailDTOList,
+						wtransferId: this.id
+					}).then(res => {
+						if (res.code === 200) {
+							this.$store.dispatch('getUpcomingNum')
+							uni.$emit('success')
+							uni.$u.toast('鎿嶄綔鎴愬姛')
+							if (this.type == '4') { // 璺宠浆瀹屽伐鍏ュ簱璇︽儏
+								// uni.navigateTo({
+								// 	url: 
+								// })
+								// router.push({
+								// 	name: 'completionDetails',
+								// 	query: {
+								// 		id: route.query.id,
+								// 		dbid: route.query.dbid,
+								// 		type: 7,
+								// 		isShow: 2
+								// 	}
+								// })
+								return
+							}
+							uni.redirectTo({
+								url: `/pages_adjust/pages/warehousingDetails/warehousingDetails?id=${this.id}`
+								// pages_adjust/pages/warehousingDetails/warehousingDetails
+							})
+							// setTimeout(() => {
+								// if (route.query.Type == '4') { // 璺宠浆瀹屽伐鍏ュ簱璇︽儏
+								// 	router.push({
+								// 		name: 'completionDetails',
+								// 		query: {
+								// 			id: route.query.id,
+								// 			dbid: route.query.dbid,
+								// 			type: 7,
+								// 			isShow: 2
+								// 		}
+								// 	})
+								// 	return
+								// }
+								// router.replace({
+								// 	name: 'wTransferDetail',
+								// 	query: {
+								// 		id: route.query.id
+								// 	}
+								// })
+							// }, 2000)
+						}
+					})
+
+				} else if (this.type === QRCodeType.RKD) {
+					wOutBoundForUpload({
+						id: this.info.id,
+						wOutboundType: 1
+					}).then(res => {
+						if (res.code === 200) {
+							this.$store.dispatch('getUpcomingNum')
+							uni.$u.toast('鎿嶄綔鎴愬姛')
+							uni.$emit('success')
+							uni.redirectTo({
+								url: `/pages_adjust/pages/warehousingDetails1/warehousingDetails1?id=${this.id}`
+							})
+							// Toast.success({
+							// 	message: '鎿嶄綔鎴愬姛',
+							// 	forbidClick: true,
+							// 	duration: 2000
+							// })
+							// setTimeout(() => {
+							// 	// router.go(-1)
+							// 	router.replace({
+							// 		name: 'wInboundDetail',
+							// 		query: {
+							// 			id: this.id
+							// 		}
+							// 	})
+							// }, 2000)
+						}
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.page_dck {
+		.page_dck_title {
+			display: flex;
+			align-items: center;
+
+			.page_dck_title_x {
+				width: 8rpx;
+				height: 30rpx;
+				background: #4275FC;
+				border-radius: 2rpx;
+				margin-right: 16rpx;
+			}
+
+			span {
+				font-size: 32rpx;
+				font-weight: 500;
+				color: #222222;
+			}
+		}
+	}
+
+	.page_content {
+		margin-top: 36rpx;
+
+		.page_content_title {
+			display: flex;
+			flex-direction: column;
+			margin-bottom: 10rpx;
+
+			.page_content_title_top {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+
+				span {
+					&:nth-child(1) {
+						font-size: 30rpx;
+						font-weight: 500;
+						color: #222222;
+					}
+
+					&:nth-child(2) {
+						flex-shrink: 0;
+						font-size: 24rpx;
+						font-weight: 400;
+						color: #333333;
+
+						span {
+							font-size: 24rpx;
+							color: $nav-color;
+						}
+					}
+				}
+			}
+
+			.page_content_title_bottom {
+				.green {
+					color: $nav-stateColor7 !important;
+
+					.black {
+						color: black !important;
+					}
+				}
+
+				.warning {
+					color: $nav-stateColor5 !important;
+
+					.black {
+						color: black !important;
+					}
+				}
+
+				.error {
+					color: $nav-stateColor4 !important;
+
+					.black {
+						color: black !important;
+					}
+				}
+
+				span {
+					font-size: 24rpx;
+					font-weight: 400;
+					color: #666666;
+				}
+			}
+		}
+
+		.lineBorder {
+			border: none !important;
+			padding-bottom: 0 !important;
+			margin-bottom: 24rpx;
+		}
+
+		.page_content_list {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			flex-wrap: wrap;
+
+			&:first-child {
+				margin: 0;
+			}
+
+			&:last-child {
+				border: none;
+			}
+
+			.page_content_list_nums {
+				width: 30%;
+				display: flex;
+
+				.page_content_list_num_label {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #666666;
+				}
+
+				.page_content_list_num_nr {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #222222;
+				}
+			}
+
+			.page_content_list_num {
+				width: 70%;
+				display: flex;
+
+				.page_content_list_num_label {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #666666;
+				}
+
+				.page_content_list_num_nr {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #222222;
+				}
+			}
+
+			.page_content_list_items {
+				width: 30%;
+				display: flex;
+				margin-top: 24rpx;
+
+				.page_content_list_item_label {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #666666;
+					flex-shrink: 0;
+				}
+
+				.page_content_list_item_nr {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #222222;
+				}
+			}
+
+			.page_content_list_item {
+				width: 70%;
+				display: flex;
+
+				.page_content_list_item_label {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #666666;
+					flex-shrink: 0;
+				}
+
+				.page_content_list_item_nr {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #222222;
+				}
+			}
+		}
+	}
+
+	.page_h {
+		height: 20rpx;
+	}
+
+	.page_yxwl {
+		padding: 30rpx;
+		background: #ffffff;
+
+		.page_yxwl_title {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.page_yxwl_title_x {
+				width: 8rpx;
+				height: 30rpx;
+				background: #4275FC;
+				border-radius: 2rpx;
+				margin-right: 16rpx;
+			}
+
+			span {
+				font-size: 32rpx;
+				font-weight: 500;
+				color: #222222;
+			}
+
+			.left {
+				display: flex;
+				align-items: center;
+
+				.page_yxwl_title_x {
+					width: 8rpx;
+					height: 30rpx;
+					background: #4275FC;
+					border-radius: 2rpx;
+					margin-right: 16rpx;
+				}
+
+				span {
+					font-size: 32rpx;
+					font-weight: 500;
+					color: #222222;
+				}
+			}
+
+			.right {
+				display: flex;
+				align-items: center;
+
+				img {
+					width: 28rpx;
+					height: 28rpx;
+					margin-right: 14rpx;
+				}
+
+				span {
+					font-size: 26rpx;
+					font-weight: 400;
+					color: #222222;
+				}
+			}
+		}
+
+		.page_yxwl_list {
+			display: flex;
+			flex-direction: column;
+			padding-bottom: 30rpx;
+			border-bottom: 1rpx solid #ececec;
+
+			&:last-child {
+				margin-bottom: 0;
+				border: none;
+			}
+
+			.page_yxwl_list_item {
+				margin-top: 28rpx;
+
+				.page_yxwl_list_item_top {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+
+					.page_yxwl_list_item_top_left {
+						font-size: 30rpx;
+						font-weight: 500;
+						color: #222222;
+					}
+				}
+
+				.page_yxwl_list_item_sx {
+					display: flex;
+					align-items: center;
+					margin-top: 15rpx;
+					font-size: 24rpx;
+				}
+
+				.page_yxwl_list_item_num {
+					display: flex;
+					flex-direction: column;
+
+					// margin-top: 30rpx;
+					&:first-child {
+						margin-top: 0;
+					}
+
+					.dis {
+						display: flex;
+					}
+
+					.itemy {
+						margin-top: 20rpx;
+						width: 100%;
+						display: flex;
+						align-items: center;
+						position: relative;
+
+						.itemy_item {
+							flex: 1;
+							display: flex;
+							align-items: center;
+
+							.label {
+								font-size: 26rpx;
+								font-weight: 400;
+								color: #666666;
+								flex-shrink: 0;
+							}
+
+							.nr {
+								display: flex;
+								font-size: 26rpx;
+								font-weight: 400;
+								color: #222222;
+
+								input {
+									width: 100rpx;
+									height: 35rpx;
+									border-radius: 8rpx;
+									border: 1rpx solid #E5E5E5;
+									margin-right: 10rpx;
+									margin-left: 5rpx;
+								}
+
+								span {
+									font-size: 26rpx;
+									font-weight: 400;
+									color: #222222;
+								}
+							}
+						}
+
+						.dele {
+							position: absolute;
+							right: -30rpx;
+							width: 48rpx;
+							height: 48rpx;
+
+							img {
+								width: 100%;
+								height: 100%;
+							}
+						}
+					}
+
+					.items {
+						width: 50%;
+						display: flex;
+						align-items: center;
+
+						.label {
+							font-size: 26rpx;
+							font-weight: 400;
+							color: #666666;
+							flex-shrink: 0;
+						}
+
+						.nr {
+							font-size: 26rpx;
+							font-weight: 400;
+							color: #222222;
+
+							input {
+								width: 100rpx;
+								height: 40rpx;
+								margin-right: 10rpx;
+							}
+
+							span {
+								font-size: 26rpx;
+								font-weight: 400;
+								color: #222222;
+							}
+						}
+					}
+
+					.item {
+						width: 70%;
+						display: flex;
+						align-items: center;
+
+						.label {
+							font-size: 26rpx;
+							font-weight: 400;
+							color: #666666;
+							flex-shrink: 0;
+						}
+
+						.nr {
+							font-size: 26rpx;
+							font-weight: 400;
+							color: #222222;
+
+							input {
+								width: 100rpx;
+								height: 40rpx;
+								margin-right: 10rpx;
+							}
+
+							span {
+								font-size: 26rpx;
+								font-weight: 400;
+								color: #222222;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		.page_yxwl_kong {
+			padding: 50rpx 0;
+			font-size: 25rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+
+	.page_zw {
+		height: 160rpx;
+	}
+
+	.page_footer {
+		width: calc(100% - 60rpx);
+		background: #F7F7F7;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		position: fixed;
+		bottom: 0;
+		left: 30rpx;
+		padding-bottom: 68rpx;
+
+		.page_footer_qr {
+			flex: 1;
+			height: 88rpx;
+			background: #fff;
+			box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
+			border-radius: 8rpx;
+			font-size: 32rpx;
+			font-weight: 500;
+			color: $nav-color;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			img {
+				width: 30rpx;
+				height: 30rpx;
+				margin-right: 12rpx;
+			}
+		}
+
+		.page_footer_ck {
+			flex: 1;
+			height: 88rpx;
+			background: $nav-color;
+			box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
+			border-radius: 8rpx;
+			font-size: 32rpx;
+			font-weight: 500;
+			color: #FFFFFF;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+</style>

--
Gitblit v1.9.3