diff --git a/component/public/calendar.vue b/component/public/calendar.vue
index 47c6f5d..a1a99fb 100644
--- a/component/public/calendar.vue
+++ b/component/public/calendar.vue
@@ -2,21 +2,31 @@
 	<view class="calendar">
 		<view class="header">
 			<view class="header-title">
-				<view class="year-month">{{ year }}年{{ month + 1 }}月</view>
-				<view class="botton-father">
-					<view class="click-button" @click="prevMonth">上个月</view>
-					<view class="click-button" @click="nextMonth">下个月</view>
+				<view class="head-left">				
+					<image class="head-img" src="/static/index/calendar/superleft.png"  @click="prevYear" />
+					<image class="head-img" src="/static/index/calendar/left.png" @click="prevMonth" />
 				</view>
+				<view class="year-month">{{ year }}年{{ month + 1 }}月</view>
+				<view class="head-left">
+					<image class="head-img" src="/static/index/calendar/right.png" @click="nextMonth" />
+					<image class="head-img" src="/static/index/calendar/superright.png"  @click="nextYear" />
+				</view>
+
 			</view>
+
 			<view class="weekdays">
 				<view v-for="(day, idx) in weekdays" :key="idx" class="weekday">{{ day }}</view>
 			</view>
 		</view>
 
 		<view class="days">
-			<view v-for="cell in cells" :key="cell.key" class="day-cell"
-				:class="{'prev-month': cell.prev,'next-month': cell.next,selected: isSelected(cell.key)}"
-				@click="selectDate(cell)">
+			<view v-for="cell in cells" :key="cell.key" class="day-cell" :class="{
+          'prev-month': cell.prev,
+          'next-month': cell.next,
+          'start': isStart(cell.key),
+          'end': isEnd(cell.key),
+          'in-range': isInRange(cell.dateNumber)
+        }" @click="selectDate(cell)">
 				<view class="gregorian">{{ cell.dateText }}</view>
 				<view class="lunar" v-if="cell.lunarText">{{ cell.lunarText }}</view>
 			</view>
@@ -31,66 +41,182 @@
 	} from 'vue';
 	import solarlunar from 'solarlunar'; // npm install solarlunar
 
+	// 初始当前年月
 	const now = new Date();
 	const year = ref(now.getFullYear());
-	const month = ref(now.getMonth());
+	const month = ref(now.getMonth()); // 0-based
 
-	// 单选选中 key
-	const selectedKey = ref(null);
+	// 选中开始 / 结束 key (格式: YYYY-MM-DD)
+	const startKey = ref(null);
+	const endKey = ref(null);
 
-	// 星期一到星期日
+	// 把年月日转成便于比较的数字 YYYYMMDD
+	function toDateNumber(y, m, d) {
+		// m 是 0-base
+		const mm = m + 1;
+		return y * 10000 + mm * 100 + d;
+	}
+
+	// 格式化 key（m 0-base => 输出两位）
+	function formatKey(y, m, d) {
+		const mm = String(m + 1).padStart(2, '0');
+		const dd = String(d).padStart(2, '0');
+		return `${y}-${mm}-${dd}`;
+	}
+
+	// 星期一..日（与之前一致）
 	const weekdays = ['一', '二', '三', '四', '五', '六', '日'];
 
+	// 计算某月第一天是周几（调整为 Monday = 0）
 	const firstWeekdayOfMonth = (y, m) => {
-		const d = new Date(y, m, 1).getDay();
-		return (d + 6) % 7;
+		const d = new Date(y, m, 1).getDay(); // 0 (Sun) - 6 (Sat)
+		return (d + 6) % 7; // 转成 Monday=0 .. Sunday=6
 	};
 
-	const cells = computed(() => {
+	// 生成 6*7 (42) 个格子的 cells（包含前后月份）
+	function buildCells(y, m) {
 		const list = [];
-		const prevMonthDate = new Date(year.value, month.value, 0);
-		const prevYear = prevMonthDate.getFullYear();
-		const prevMonth = prevMonthDate.getMonth();
-		const prevTotal = prevMonthDate.getDate();
-		const startOffset = firstWeekdayOfMonth(year.value, month.value);
+		// 上个月信息
+		const prevDate = new Date(y, m, 0); // 上个月最后一天
+		const prevYear = prevDate.getFullYear();
+		const prevMonth = prevDate.getMonth();
+		const prevTotal = prevDate.getDate();
+
+		const startOffset = firstWeekdayOfMonth(y, m);
+
+		// 前置填充
 		for (let i = 0; i < startOffset; i++) {
 			const day = prevTotal - startOffset + i + 1;
 			const lunar = solarlunar.solar2lunar(prevYear, prevMonth + 1, day);
+			const dateNumber = toDateNumber(prevYear, prevMonth, day);
 			list.push({
 				key: `prev-${prevYear}-${prevMonth + 1}-${day}`,
 				dateText: day,
-				lunarText: lunar.dayCn,
+				lunarText: lunar ? lunar.dayCn : '',
 				prev: true,
 				next: false,
+				year: prevYear,
+				month: prevMonth,
+				day,
+				dateNumber,
 			});
 		}
-		const totalDays = new Date(year.value, month.value + 1, 0).getDate();
+
+		// 当前月
+		const totalDays = new Date(y, m + 1, 0).getDate();
 		for (let d = 1; d <= totalDays; d++) {
-			const lunar = solarlunar.solar2lunar(year.value, month.value + 1, d);
+			const lunar = solarlunar.solar2lunar(y, m + 1, d);
+			const dateNumber = toDateNumber(y, m, d);
 			list.push({
-				key: `${year.value}-${month.value + 1}-${d}`,
+				key: formatKey(y, m, d),
 				dateText: d,
-				lunarText: lunar.dayCn,
+				lunarText: lunar ? lunar.dayCn : '',
 				prev: false,
 				next: false,
+				year: y,
+				month: m,
+				day: d,
+				dateNumber,
 			});
 		}
+
+		// 尾部补位到 42
+		const need = 42 - list.length;
+		for (let i = 1; i <= need; i++) {
+			const nd = new Date(y, m + 1, i);
+			const ny = nd.getFullYear();
+			const nm = nd.getMonth();
+			const lunar = solarlunar.solar2lunar(ny, nm + 1, i);
+			const dateNumber = toDateNumber(ny, nm, i);
+			list.push({
+				key: `next-${ny}-${nm + 1}-${i}`,
+				dateText: i,
+				lunarText: lunar ? lunar.dayCn : '',
+				prev: false,
+				next: true,
+				year: ny,
+				month: nm,
+				day: i,
+				dateNumber,
+			});
+		}
+
 		return list;
+	}
+
+	// 当前视图的 cells
+	const cells = computed(() => buildCells(year.value, month.value));
+
+	// start/end 转成数值便于比较
+	const startNumber = computed(() => {
+		if (!startKey.value) return null;
+		const [y, m, d] = startKey.value.split('-').map(Number);
+		return toDateNumber(y, m - 1, d);
+	});
+	const endNumber = computed(() => {
+		if (!endKey.value) return null;
+		const [y, m, d] = endKey.value.split('-').map(Number);
+		return toDateNumber(y, m - 1, d);
 	});
 
-	function isSelected(key) {
-		return selectedKey.value === key;
+	// 判断是否 start / end
+	function isStart(key) {
+		return startKey.value === key;
 	}
 
+	function isEnd(key) {
+		return endKey.value === key;
+	}
+
+	// 判断是否在范围内（包含边界）
+	function isInRange(dateNumber) {
+		if (!startNumber.value || !endNumber.value) return false;
+		return dateNumber >= startNumber.value && dateNumber <= endNumber.value;
+	}
+	const emit = defineEmits(["datachange"]); // 定义事件名
+	// 选择日期逻辑：支持任意先后顺序的两次点击来形成区间
 	function selectDate(cell) {
-		if (cell.prev) {
-			return
+		// console.log("ZZZZ",isInRange(cell.dateNumber))
+		if (cell.prev || cell.next) return
+		const key = formatKey(cell.year, cell.month, cell.day);
+		const num = cell.dateNumber;
+
+		// 如果没有选 start -> 设为 start
+		if (!startKey.value) {
+			startKey.value = key;
+			endKey.value = null;
+			return;
 		}
-		selectedKey.value = cell.key;
-		// 触发导出事件或回调
-		console.log('Selected date:', cell.key);
+
+		// 已有 start 但无 end
+		if (startKey.value && !endKey.value) {
+			// 如果第二次选择晚于或等于 start -> 设为 end
+			if (num >= startNumber.value) {
+				endKey.value = key;
+				// console.log("开始,结束", startKey.value, endKey.value)
+				emit("datachange", {
+					start: startKey.value,
+					end: endKey.value,
+				});
+				return;
+			}
+			// 如果第二次选择早于 start -> 把早的设为 start，晚的设为 end（即交换）
+			endKey.value = startKey.value;
+			startKey.value = key;
+			// console.log("开始,结束", startKey.value, endKey.value)
+			emit("datachange", {
+				start: startKey.value,
+				end: endKey.value,
+			});
+			return;
+		}
+
+		// 已有 start 和 end，再次点击任意日期 -> 以该日期作为新的 start，清除 end
+		startKey.value = key;
+		endKey.value = null;
 	}
 
+	// 年/月 切换
 	function prevMonth() {
 		if (month.value === 0) {
 			year.value--;
@@ -108,89 +234,97 @@
 			month.value++;
 		}
 	}
+
+	function prevYear() {
+		year.value--;
+	}
+
+	function nextYear() {
+		year.value++;
+	}
 </script>
 
 <style scoped lang="less">
 	.calendar {
 		padding: 16px;
+		background: #fff;
+		border-radius: 30rpx;
+		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+		// max-width: 720rpx;
+		margin: 0 auto;
 	}
 
 	.header {
+		width: 100%;
 		display: flex;
 		flex-direction: column;
 	}
 
 	.header-title {
+		width: 100%;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+		margin-bottom: 10rpx;
 	}
 
 	.year-month {
 		font-size: 18px;
 		font-weight: bold;
-		margin-bottom: 8px;
 	}
 
-	.botton-father {
-		display: flex;
-		margin-top: -20rpx;
-	}
-
-	.click-button {
-		padding: 10rpx;
-		width: 120rpx;
-		font-size: 25rpx;
-		height: 40rpx;
-		margin-right: 10rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		color: #fff;
-		background-color: #888;
-		border-radius: 10rpx;
-	}
 
 	.weekdays {
 		display: flex;
-		background-color: #E9E7FC;
-		border-radius: 30rpx;
-		padding: 10rpx;
+		background-color: #F8F8FA;
+		border-radius: 18rpx;
+		padding: 8rpx;
+		margin-top: 8rpx;
 	}
 
 	.weekday {
 		flex: 1;
 		text-align: center;
+		font-size: 12px;
 	}
 
 	.days {
 		display: flex;
 		flex-wrap: wrap;
-		padding: 10rpx;
+		padding: 8rpx 0;
 	}
 
 	.day-cell {
-		width: 73.5rpx;
-		height: 80.5rpx;
+		width: calc(100% / 7);
+		height: 78rpx;
 		text-align: center;
 		padding-top: 8rpx;
-		padding-bottom: 8rpx;
 		box-sizing: border-box;
+		position: relative;
 	}
 
+	/* 前后月份灰色显示 */
 	.day-cell.prev-month .gregorian,
 	.day-cell.next-month .gregorian {
 		color: #ccc;
 	}
 
-	/* 选中样式 */
-	.day-cell.selected {
-		background-color: #0B98DC;
-		border-radius: 10rpx;
+	/* 范围内（中间）样式 */
+	.day-cell.in-range {
+		background-color: #E6F7FF;
 	}
 
-	.day-cell.selected .gregorian,
-	.day-cell.selected .lunar {
+	/* 开始/结束 的样式 */
+	.day-cell.start,
+	.day-cell.end {
+		background-color: #0B98DC;
+		border-radius: 8rpx;
+	}
+
+	.day-cell.start .gregorian,
+	.day-cell.end .gregorian,
+	.day-cell.start .lunar,
+	.day-cell.end .lunar {
 		color: #fff;
 	}
 
@@ -202,4 +336,13 @@
 		font-size: 10px;
 		color: #888;
 	}
+	.head-left{
+		width: 100rpx;
+		display: flex;
+		justify-content: space-between;
+		.head-img{
+			width: 40rpx;
+			height: 40rpx;
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 03adf89..80f91a6 100644
--- a/pages.json
+++ b/pages.json
@@ -182,6 +182,13 @@
 				"navigationStyle": "custom"
 			}
 		
+		},
+		{
+			"path": "pages/Warehouse/paymoney",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		
 		},
 		{
 			"path": "pages/Warehouse/procurecart",
diff --git a/pages/NursingNew/component/nurse/index.vue b/pages/NursingNew/component/nurse/index.vue
index 39cd5e5..f47dd24 100644
--- a/pages/NursingNew/component/nurse/index.vue
+++ b/pages/NursingNew/component/nurse/index.vue
@@ -27,9 +27,9 @@
 								<view v-for="(item,index) in bodyTagList" :key="index" @click="addbody(index)">
 									<view class="tags-father" :class="bodystatustarget===index?'secondtarget':''">
 										<image class="tags-img"
-											:src="item.izSelected==`1`?item.netPicFocus: item.netPic" />
+											:src="item.izSelected==`Y`?item.netPicFocus: item.netPic" />
 										<view class="tags-font"
-											:style="item.izSelected==`1`?{color:`rgb(54, 159, 239)`}:{}">
+											:style="item.izSelected==`Y`?{color:`rgb(54, 159, 239)`}:{}">
 											{{item.tagName}}
 										</view>
 									</view>
@@ -62,9 +62,9 @@
 								<view v-for="(item,index) in emotionTagList" :key="index" @click="addface(index)">
 									<view class="tags-father" :class="facestatustarget===index?'secondtarget':''">
 										<image class="tags-img"
-											:src="item.izSelected==`1`?item.netPicFocus: item.netPic" />
+											:src="item.izSelected==`Y`?item.netPicFocus: item.netPic" />
 										<view class="tags-font"
-											:style="item.izSelected==`1`?{color:`rgb(54, 159, 239)`}:{}">
+											:style="item.izSelected==`Y`?{color:`rgb(54, 159, 239)`}:{}">
 											{{item.tagName}}
 										</view>
 									</view>
@@ -420,7 +420,7 @@
 		<!-- 点击的弹出层 -->
 		<view v-show="isopen" class="popup-overlay" @click="isopen=false;flyNumber.index0=999;touchindex1=-1">
 			<view class="popup-overlay-content" style="height: 390rpx;" :class="getjiao"
-				v-if="timearr[showDetail[0]]?.children[showDetail[1]]?.izPackage=='0'"
+				v-if="timearr[showDetail[0]]?.children[showDetail[1]]?.izPackage=='N'"
 				:style="{ top: (2*openY - 350) + 'rpx',left: (2*openX - 780) + 'rpx',opacity: isopacity ? 1 : 0 }"
 				@click.stop>
 				<view class="popup-overlay-content-left">
@@ -824,15 +824,15 @@
 	const bodytarget = ref([]);
 	const facetarget = ref([]);
 	const addbody = (index : number) => {
-		if (bodyTagList.value[index].izSelected == '1') {
+		if (bodyTagList.value[index].izSelected == 'Y') {
 			// console.log("///",bodyTagList.value[index])
 			// return
-			bodyTagList.value[index].izSelected = '0';
+			bodyTagList.value[index].izSelected = 'N';
 
 		} else {
 			let targetNumber = 0;
 			bodyTagList.value.forEach((element : any) => {
-				if (element.izSelected == '1') {
+				if (element.izSelected == 'Y') {
 					targetNumber++
 				}
 			})
@@ -845,18 +845,18 @@
 				})
 				return
 			} else {
-				bodyTagList.value[index].izSelected = '1';
+				bodyTagList.value[index].izSelected = 'Y';
 			}
 		}
 		saveAll()
 	}
 	const addface = (index : number) => {
-		if (emotionTagList.value[index].izSelected == '1') {
-			emotionTagList.value[index].izSelected = '0'
+		if (emotionTagList.value[index].izSelected == 'Y') {
+			emotionTagList.value[index].izSelected = 'N'
 		} else {
 			let targetNumber = 0;
 			emotionTagList.value.forEach((element : any) => {
-				if (element.izSelected == '1') {
+				if (element.izSelected == 'Y') {
 					targetNumber++
 				}
 			})
@@ -869,7 +869,7 @@
 				})
 				return
 			} else {
-				emotionTagList.value[index].izSelected = '1';
+				emotionTagList.value[index].izSelected = 'Y';
 			}
 		}
 		saveAll()
@@ -1796,7 +1796,7 @@
 				serviceDuration: allobject.serviceDuration,
 				positioning: saveEditIndex.value.index0.toString(),
 				positioningLong: saveEditIndex.value.index1.toString(),
-				izPackage: '1',
+				izPackage: 'Y',
 				previewFile: "",
 				previewFileSmall: "",
 				immediateFile: "",
@@ -1942,7 +1942,7 @@
 			endTime: formattedEnd,
 			positioning: saveEditIndex.value.index0.toString(),
 			positioningLong: saveEditIndex.value.index1.toString(),
-			izPackage: '0',
+			izPackage: 'N',
 			previewFile: allobject.previewFile,
 			previewFileSmall: allobject.previewFileSmall,
 			serviceDuration: allobject.serviceDuration,
@@ -1996,12 +1996,12 @@
 		let info = []
 
 		bodyTagList.value.forEach((element : any) => {
-			if (element.izSelected == '1') {
+			if (element.izSelected == 'Y') {
 				info.push(element)
 			}
 		})
 		emotionTagList.value.forEach((element : any) => {
-			if (element.izSelected == '1') {
+			if (element.izSelected == 'Y') {
 				info.push(element)
 			}
 		})
@@ -2103,14 +2103,14 @@
 				emotionTagListLook.value = []
 				bodyTagListLook.value = []
 				res.result.emotionTagList.forEach((res : any) => {
-					if (res.izSelected == '1') {
+					if (res.izSelected == 'Y') {
 						emotionTagListLook.value.push(res.netPic)
 					}
 				})
 				bodyTagList.value = res.result.bodyTagList
 				// console.log("zzzz",res.result.bodyTagList)
 				res.result.bodyTagList.forEach((res : any) => {
-					if (res.izSelected == '1') {
+					if (res.izSelected == 'Y') {
 						bodyTagListLook.value.push(res.netPic)
 					}
 				})
@@ -2214,7 +2214,7 @@
 		endTime: "",
 		positioning: "",
 		positioningLong: "",
-		izPackage: '0',
+		izPackage: 'N',
 		previewFile: "",
 		previewFileSmall: "",
 		serviceDuration: "",
diff --git a/pages/Warehouse/Warehouse.vue b/pages/Warehouse/Warehouse.vue
index d320607..07bfaec 100644
--- a/pages/Warehouse/Warehouse.vue
+++ b/pages/Warehouse/Warehouse.vue
@@ -34,7 +34,7 @@
 			</view>
 			<view @click="onlyjump(5)" class="zhanwei"></view>
 
-			<arrowkeys @movecard="movecard" :getblue="getblue" :moveleft="45" />
+			<!-- <arrowkeys @movecard="movecard" :getblue="getblue" :moveleft="45" /> -->
 			<view class="operationbtn">
 				<view v-for="(v,i) in ['请领出库','退货入库','库存盘点','实时监控']" @tap="onTap(i)"
 					:class="beblue === i ? 'click-box-target' : 'click-box'">
@@ -61,8 +61,15 @@
 	const housedex = ref(-1);
 
 	const housactive = (index : number) => {
+		console.log("点击哪个了",index)
 		if (index > 5) { return }
 		if(housedex.value == index){
+			if (housedex.value == 0) {
+				navurl.value = 'pages/Warehouse/paymoney'
+				uni.navigateTo({
+					url: '/' + navurl.value
+				})
+			}
 			if (housedex.value == 1) {
 				navurl.value = 'pages/procurement/material'
 				uni.navigateTo({
diff --git a/pages/Warehouse/api/lunpan.js b/pages/Warehouse/api/lunpan.js
index 8bad07f..a865cba 100644
--- a/pages/Warehouse/api/lunpan.js
+++ b/pages/Warehouse/api/lunpan.js
@@ -135,4 +135,19 @@ export const updateWarehouserEnabled = (params) => {
 		method: 'post',
 		data: params,
 	})
+} 
+//获得采购人
+export const getCgrLis = () => {
+	return request({
+		url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/getCgrList`,
+		method: 'get'
+	})
+} 
+
+//获得采购人
+export const getGysList = () => {
+	return request({
+		url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/getGysList`,
+		method: 'get'
+	})
 } 
\ No newline at end of file
diff --git a/pages/Warehouse/finish.vue b/pages/Warehouse/finish.vue
index d78a551..3fe62b1 100644
--- a/pages/Warehouse/finish.vue
+++ b/pages/Warehouse/finish.vue
@@ -199,7 +199,7 @@
 					</view>
 				</view>
 				<view
-					style="width: 95%;height: 0.5rpx;	background-color: #eff1f3;margin-top: 10rpx;margin-bottom: 5rpx;">
+					style="width: 95%;height: 0.5rpx;background-color: #eff1f3;margin-top: 10rpx;margin-bottom: 5rpx;">
 				</view>
 			</view>
 			<view style="">
@@ -322,7 +322,7 @@
 						</text>
 					</view>
 				</view>
-				<view class="photowall-other-one" v-if="topbuttontarget==1">
+				<!-- <view class="photowall-other-one" v-if="topbuttontarget==1">
 
 					<view
 						style="width: 100%;height: 70%;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color:#fafdff ;border: 1rpx solid #78B1EB;border-radius: 30rpx;">
@@ -332,7 +332,7 @@
 							点击拍照上传
 						</view>
 					</view>
-				</view>
+				</view> -->
 			</view>
 		</view>
 		<view class="contain-left">
diff --git a/pages/Warehouse/paymoney.vue b/pages/Warehouse/paymoney.vue
new file mode 100644
index 0000000..4a8061c
--- /dev/null
+++ b/pages/Warehouse/paymoney.vue
@@ -0,0 +1,2636 @@
+<template>
+	<view class="contain">
+		<view v-show="moreindex!=-1 || topbuttontarget!=-1 || openjianhuo || opengaijia" class="mengban"
+			@click="moreindex=-1; topbuttontarget=-1;openjianhuo=false;opengaijia=false"></view>
+
+		<!-- 改价 -->
+		<view class="gaijiafather" v-show="opengaijia" :style="donghuaopo?{opacity:1}:{opacity:0}">
+			<view style="width: 100%;margin-top: 50rpx;font-size: 30rpx;">
+				采购单价:
+				<text style="color: #888888;">
+					￥1.50
+				</text>
+
+			</view>
+			<view style="margin-top: 150rpx;display: flex;align-items: center;flex-direction: column;width: 50%;">
+				<view style="font-size: 30rpx;margin-bottom: 10rpx;">
+					到货单价
+				</view>
+				<view class="gray-input">
+					¥1500.00
+				</view>
+			</view>
+			<view style="position: absolute;right: 30rpx;bottom: 30rpx;">
+				<view style="display: flex;">
+					<view
+						style="width: 160rpx;height: 75rpx;background-color: #ebeced;color: #888888;display: flex;justify-content: center;align-items: center;font-size: 30rpx;border-radius: 40rpx;">
+						取消
+					</view>
+					<view
+						style="width: 160rpx;height: 75rpx;;color: #0385FA;display: flex;justify-content: center;align-items: center;font-size: 30rpx;border-radius: 40rpx;border: 1rpx solid #0385FA;background: linear-gradient(to bottom,#E9F4FF,#CAE0F9);margin: 0 40rpx;">
+						确定
+					</view>
+
+				</view>
+			</view>
+			<view class="jianhuo-jianpan" style="right: -40rpx;bottom: 150rpx;">
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						1
+					</view>
+					<view class="gray-button-jianpan">
+						2
+					</view>
+
+					<view class="gray-button-jianpan">
+						3
+					</view>
+				</view>
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						4
+					</view>
+					<view class="gray-button-jianpan">
+						5
+					</view>
+
+					<view class="gray-button-jianpan">
+						6
+					</view>
+				</view>
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						7
+					</view>
+					<view class="gray-button-jianpan">
+						8
+					</view>
+
+					<view class="gray-button-jianpan">
+						9
+					</view>
+				</view>
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						AC
+					</view>
+					<view class="gray-button-jianpan">
+						0
+					</view>
+
+					<view class="gray-button-jianpan">
+						.
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 拣货 -->
+		<view class="jianhuofather" v-show="openjianhuo" :style="donghuaopo?{opacity:1}:{opacity:0}">
+			<view style="margin: 40rpx 0;width: 100%;text-align: center;font-size: 35rpx;font-weight: 600;">
+				留置针敷贴（医用透明敷料）
+			</view>
+			<view style="display: flex;justify-content: space-between;width: 100%;">
+				<view style="font-weight: 600;font-size: 30rpx;">
+					物料信息
+				</view>
+				<view style="font-weight: 600;font-size: 35rpx;">
+					￥10.12
+				</view>
+			</view>
+			<view style="display: flex;margin-top: 10rpx;">
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						物料编码
+					</view>
+					<view class="" style="margin-top: 5rpx;font-size: 34rpx;">
+						FLYP001
+					</view>
+				</view>
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						规格型号
+					</view>
+					<view class="" style="margin-top: 5rpx;font-size: 34rpx;">
+						800mm*680mm
+					</view>
+				</view>
+			</view>
+			<view style="display: flex;margin-top: 20rpx;">
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						采购单价
+					</view>
+					<view class="text-anim" style="margin-top: 5rpx;font-weight: 600;font-size: 34rpx;">
+						￥0.1
+					</view>
+				</view>
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						采购数量
+					</view>
+					<view class="" style="margin-top: 5rpx;font-weight: 600;font-size: 34rpx;">
+						30
+					</view>
+				</view>
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						采购单位
+					</view>
+					<view class="" style="margin-top: 5rpx;font-size: 34rpx;">
+						个
+					</view>
+				</view>
+			</view>
+			<view style="width: 95%;height: 0.5rpx;	background-color: #eff1f3;margin-top: 10rpx;margin-bottom: 5rpx;">
+			</view>
+			<view style="">
+				<view style="font-weight: 600;font-size: 30rpx;">
+					入库信息
+				</view>
+			</view>
+			<view style="display: flex;margin-top: 10rpx;">
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						入库数量
+					</view>
+					<view class="" style="margin-top: 5rpx;font-size: 34rpx;">
+						0
+					</view>
+				</view>
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						挂账数量
+					</view>
+					<view class="" style="margin-top: 5rpx;font-size: 34rpx;">
+						0
+					</view>
+				</view>
+				<view class="" style="width: 33%;">
+					<view style="color: #888888;margin-top: 10rpx;">
+						销账数量
+					</view>
+					<view class="" style="margin-top: 5rpx;font-size: 34rpx;">
+						0
+					</view>
+				</view>
+			</view>
+			<view style="width: 95%;height: 0.5rpx;	background-color: #eff1f3;margin-top: 10rpx;margin-bottom: 5rpx;">
+			</view>
+			<view style="">
+				<view style="font-weight: 600;font-size: 30rpx;">
+					拣货拍照
+				</view>
+			</view>
+			<view style="display: flex;flex-wrap: wrap;width: 60%;">
+				<view style="width: 40%;height: 150rpx;margin-right: 4%;margin-top: 3%;background-color: #F9F9F9;display: flex;justify-content: center;align-items: center;border-radius: 20rpx;" v-for="(item,index) in [1,1,1]"
+					:key="index">
+					<image style="width: 38%;height: 55%;" src="/static/zhanwei.png" />
+				</view>
+				<view style="width: 40%;height: 150rpx;margin-right: 4%;margin-top: 3%;">
+
+					<view
+						style="width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color:#fafdff ;border: 1rpx solid #c4ebff;border-radius: 20rpx;">
+						<image style="width: 50rpx;height: 50rpx;margin-bottom: 5rpx;"
+							src="/static/index/warehouse/procurement/picking/addphoto.png" />
+						<view style="color: #78B1EB;font-size: 25rpx;">
+							点击拍照上传
+						</view>
+					</view>
+				</view>
+				<view
+					style="width: 87%;height: 0.5rpx;	background-color: #eff1f3;margin-top: 10rpx;margin-bottom: 5rpx;">
+				</view>
+			</view>
+			<view style="">
+				<view style="font-weight: 600;font-size: 30rpx;">
+					数量
+				</view>
+			</view>
+			<view style="display: flex;margin-top: 30rpx;margin-left: 20rpx;">
+				<view class="gray-button">
+					-
+				</view>
+				<view class="gray-input">
+					1500
+				</view>
+				<view class="gray-button">
+					+
+				</view>
+			</view>
+			<view class="jianhuobutton">
+				<view style="display: flex;">
+					<view
+						style="width: 160rpx;height: 75rpx;background-color: #ebeced;color: #888888;display: flex;justify-content: center;align-items: center;font-size: 30rpx;border-radius: 40rpx;">
+						关闭
+					</view>
+					<view
+						style="width: 160rpx;height: 75rpx;;color: #0385FA;display: flex;justify-content: center;align-items: center;font-size: 30rpx;border-radius: 40rpx;border: 1rpx solid #0385FA;background: linear-gradient(to bottom,#E9F4FF,#CAE0F9);margin: 0 20rpx;">
+						销账
+					</view>
+					<view
+						style="width: 160rpx;height: 75rpx;;color: #0385FA;display: flex;justify-content: center;align-items: center;font-size: 30rpx;border-radius: 40rpx;border: 1rpx solid #0385FA;background: linear-gradient(to bottom,#E9F4FF,#CAE0F9);">
+						入库
+					</view>
+				</view>
+			</view>
+			<view class="jianhuo-jianpan">
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						1
+					</view>
+					<view class="gray-button-jianpan">
+						2
+					</view>
+
+					<view class="gray-button-jianpan">
+						3
+					</view>
+				</view>
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						4
+					</view>
+					<view class="gray-button-jianpan">
+						5
+					</view>
+
+					<view class="gray-button-jianpan">
+						6
+					</view>
+				</view>
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						7
+					</view>
+					<view class="gray-button-jianpan">
+						8
+					</view>
+
+					<view class="gray-button-jianpan">
+						9
+					</view>
+				</view>
+				<view style="display: flex;width: 480rpx;">
+					<view class="gray-button-jianpan">
+						AC
+					</view>
+					<view class="gray-button-jianpan">
+						0
+					</view>
+
+					<view class="gray-button-jianpan">
+						AE
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 照片墙 -->
+		<view class="photowall" v-show="topbuttontarget!=-1" :style="donghuaopo?{opacity:1}:{opacity:0}">
+			<view class="photowall-title">
+				<view class="photowall-name">
+					{{ !topbuttontarget?`拣货照片`:`随行单` }}
+
+				</view>
+				<view class="">
+					<text class="photowall-left">
+						采购单号：
+					</text>
+					<text class="photowall-right">
+						10120251024012
+					</text>
+
+				</view>
+			</view>
+			<view class="photowall-other">
+				<view class="photowall-other-one" v-for="(item,index) in [1,1,1,1,1]" :key="index">
+					<image style="width: 100%;height: 70%;" src="/static/ceshiyaoshan.png" />
+					<view style="margin-top: 20rpx;">
+						<text style="color: #888888;">
+							上传时间:
+						</text>
+						<text style="margin-left: 15rpx;">
+							2025.10.11 10:12:56
+						</text>
+					</view>
+					<view style="margin-top: 10rpx;">
+						<text style="color: #888888;letter-spacing: 8.9rpx;">
+							上传人:
+						</text>
+						<text>
+							赵晓璇
+						</text>
+					</view>
+				</view>
+				<view class="photowall-other-one" v-if="topbuttontarget==1">
+
+					<view
+						style="width: 100%;height: 70%;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color:#fafdff ;border: 1rpx solid #78B1EB;border-radius: 30rpx;">
+						<image style="width: 70rpx;height: 70rpx;margin-bottom: 5rpx;"
+							src="/static/index/warehouse/procurement/picking/addphoto.png" />
+						<view style="color: #78B1EB;">
+							点击拍照上传
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="contain-left">
+			<view class="left-select-more" v-show="openselect">
+				<view class="more-bottom">
+					<view class="bottom-left">
+						重置
+					</view>
+					<view class="bottom-right">
+						确定
+						<text style="font-size: 25rpx;margin-top: 5rpx;">
+							(10+采购单)
+						</text>
+
+					</view>
+				</view>
+				<view class="more-title">
+					采购单状态
+				</view>
+				<view class="more-statues-father">
+					<view :class="!typestatues?`more-statues-button-target`:`more-statues-button`"
+						@click="typestatues=0">
+						全部
+					</view>
+					<view :class="typestatues==1?`more-statues-button-target`:`more-statues-button`"
+						@click="typestatues=1">
+						待入库
+					</view>
+					<view :class="typestatues==2?`more-statues-button-target`:`more-statues-button`"
+						@click="typestatues=2">
+						待完结
+					</view>
+				</view>
+				<view class="more-time">
+					采购日期
+				</view>
+				<view class="more-time-select">
+					<view class="more-gray">
+						开始日期
+					</view>
+					<view style="font-size: 32rpx;">
+						至
+					</view>
+					<view class="more-gray">
+						结束日期
+					</view>
+					<image class="more-img" src="/static/index/warehouse/procurement/picking/data.png" />
+				</view>
+				<view class="more-select">
+					采购人
+				</view>
+				<view class="more-time-select">
+					<view class="more-gray" style="margin-left: 30rpx;">
+						请输入采购人
+					</view>
+					<image class="select-img" src="/static/index/warehouse/procurement/picking/center.png" />
+				</view>
+				<view class="more-select">
+					供应商
+				</view>
+				<view class="more-time-select">
+					<view class="more-gray" style="margin-left: 30rpx;">
+						请输入供应商
+					</view>
+					<image class="select-img" src="/static/index/warehouse/procurement/picking/center.png" />
+				</view>
+			</view>
+			<view class="title-input-father">
+				<input class="title-input" type="text" v-model="searchValue" maxlength="15" placeholder="采购单号/采购日期/供应商"
+					@confirm="search()" />
+				<image v-show="searchValue" class="title-input-img" src="@/static/x.png"
+					@click="searchValue='';search()" />
+				<view class="title-input-button" @click="search()">
+					检索
+				</view>
+				<view class="filter">
+					<image class="filter-img"
+						:src="`/static/index/purchaseorder/select${openselect?`target`:``}.png`" />
+					<view :class="openselect?`filter-font-target`: `filter-font`" @click="openselect=!openselect">
+						筛选
+					</view>
+				</view>
+			</view>
+			<view class="statues-father">
+				<view class="statues-gray">
+					单据状态
+				</view>
+				<view :class="!typestatues?`statues-button-target`:`statues-button`" style="margin-left: 4%;"
+					@click="typestatues=0">
+					全部
+				</view>
+				<view :class="typestatues==1?`statues-button-target`:`statues-button`" @click="typestatues=1">
+					待入库
+				</view>
+				<view :class="typestatues==2?`statues-button-target`:`statues-button`" @click="typestatues=2">
+					待完结
+				</view>
+			</view>
+			<view class="left-menu-father">
+				<scroll-view scroll-y="true" scroll-with-animation class="left-menu-scroll" :scroll-top="leftscrolltop"
+					@scrolltolower="plsbuytolower" :lower-threshold="400">
+					<view class="pls-card" v-for="(v,i) in [1,1,1]" :key='i' @click="clickLeftMenu(i)"
+						:style="{borderColor: i==lefttarget? ``:`#fff` }">
+
+						
+						<view class="pls-card-title">
+							<view class="title-left">
+								10120251023012
+							</view>
+							<view class="title-right">
+								<text style="position: absolute;bottom: 4rpx;left: -30rpx;">
+									￥
+								</text>
+
+								<view class="title-right-big">
+									800.55
+								</view>
+
+								<!-- <image class="title-right-img" src="/static/more.png" @click="openmore(i)" /> -->
+
+							</view>
+						</view>
+						<view class="pls-card-middle">
+							<view class="pls-card-middle-one">
+								<view class="middle-title">
+									2025.10.03
+								</view>
+								<view class="middle-heng-father">
+									<view class="middle-heng"
+										style="border-top-left-radius: 20rpx;border-bottom-left-radius: 20rpx;"></view>
+									<view class="middle-heng" style="border-radius: 20rpx;background-color: #1083F8;">
+									</view>
+									<!-- <view class="middle-heng" v-if="Number(v.status)<3 "
+											style="border-radius: 20rpx;background-color: #1083F8;"></view> -->
+									<!-- <view class="middle-ball"
+										:style="Number(v.status)<3?{backgroundColor: `#1083F8`}:{} "></view> -->
+									<view class="middle-ball" :style="{backgroundColor: `#1083F8`}"></view>
+								</view>
+								<view class="end-font">
+									<!-- <view class="" :style="Number(v.status)<3?{color: `#1083F8`}:{} ">
+										采购
+									</view> -->
+									<view class="" :style="{color: `#1083F8`}">
+										采购
+									</view>
+									<view style="font-size: 25rpx;">
+										[ 梁嘉豪 ]
+									</view>
+								</view>
+							</view>
+							<view class="pls-card-middle-one">
+								<view class="middle-title">
+									{{ i==1 ?``:`2025.10.04` }}
+									
+								</view>
+								<view class="middle-heng-father">
+									<view class="middle-heng"></view>
+									<!-- <view class="middle-heng"
+										style="border-radius: 20rpx;background-color: #1083F8;width: 105%;margin-left: -5%;">
+									</view> -->
+										<view class="middle-heng" v-if="i!=1 "
+										style="border-radius: 20rpx;background-color: #1083F8;width: 105%;margin-left: -5%;">
+									</view>
+									<view class="middle-ball"
+										:style="i!=1?{backgroundColor: `#1083F8`}:{} ">
+									</view>
+									<!-- <view class="middle-ball" :style="{backgroundColor: `#1083F8`}"></view> -->
+									<view class="middle-ball"
+										:style="i!=1?{backgroundColor: `#1083F8`}:{} ">
+									</view>
+								</view>
+								<view class="end-font">
+									<!-- <view class=""
+										:style="Number(v.status)<3 && Number(v.status)>0?{color: `#1083F8`}:{} ">
+										拣货
+									</view> -->
+									<view class="" :style="i!=1?{color: `#1083F8`}:{}">
+										拣货
+									</view>
+									<view style="font-size: 25rpx;" v-if="i!=1 ">
+										[ 梁嘉豪 ]
+									</view>
+								</view>
+							</view>
+							<view class="pls-card-middle-one">
+								<view class="middle-title">
+								</view>
+								<view class="middle-heng-father">
+									<view class="middle-heng"
+										style="border-top-right-radius: 20rpx;border-bottom-right-radius: 20rpx;">
+									</view>
+									<view class="middle-heng" v-if="Number(v.status)<3 && Number(v.status)>1 "
+										style="border-radius: 20rpx;background-color: #1083F8;width: 105%;margin-left: -5%;">
+									</view>
+									<view class="middle-ball"
+										:style="Number(v.status)<3 && Number(v.status)>1?{backgroundColor: `#1083F8`}:{} ">
+									</view>
+								</view>
+								<view class="end-font">
+									<view class=""
+										:style="Number(v.status)<3 && Number(v.status)>1?{color: `#1083F8`}:{} ">
+										完结
+									</view>
+									<view class="">
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="pls-card-end">
+							<view class="end-left">
+								<image class="end-left-img" src="/static/shili.png" />
+								<view class="end-left-font">
+									长春市天林商贸有限公司
+								</view>
+							</view>
+							<!-- <view :class="v?.cgdType=='9' ?`tag-fail`:`tag-success`">
+
+								{{ tagesstatues[Number(v.status)] }}
+							</view> -->
+							<view class="tag-success">
+								{{ i==1?`待入库`:`待完结` }}
+								
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+		<view class="white-zhezhao"></view>
+		<view class="contain-right">
+			<view class="contain-right-title">
+				<view class="left-top-tags">
+					<view class="wuliao-title">
+						物料信息
+						<!-- <view class="wuliao-heng"></view> -->
+					</view>
+				</view>
+				<view :class="!topbuttontarget?`contain-right-button-target`: `contain-right-button`"
+					style="border-color: #D9DADC;box-shadow: 0 1rpx 3rpx #D9DADC;" @click="donghuastart(0)">
+					<image class="buttont-img"
+						:src="`/static/index/warehouse/procurement/picking/camera${!topbuttontarget?`target`:``}.png`" />
+					<view class="button-font">
+						拣货照片
+					</view>
+				</view>
+				<view :class="topbuttontarget==1?`contain-right-button-target`: `contain-right-button`"
+					style="border-color: #D9DADC;box-shadow: 0 1rpx 3rpx #D9DADC;" @click="donghuastart(1)">
+					<image class="buttont-img"
+						:src="`/static/index/warehouse/procurement/picking/work${topbuttontarget==1?`target`:``}.png`" />
+					<view class="button-font">
+						随行单
+					</view>
+				</view>
+				<view :class="lefttarget==1?`contain-right-button`: `contain-right-button-bad`"
+					style="border-color: #D9DADC;box-shadow: 0 1rpx 3rpx #D9DADC;">
+					<image class="buttont-img"
+						:src="`/static/index/warehouse/procurement/picking/bebad${lefttarget==1?``:`target`}.png`" />
+					<view class="button-font">
+						作废
+					</view>
+				</view>
+
+				<view class="contain-right-button" @click="goback()">
+					<image class="buttont-img" style="margin-top: 4rpx;" src="/static/index/purchaseorder/back.png" />
+					<view class="button-font">
+						返回
+					</view>
+				</view>
+			</view>
+			<view class="contain-right-middle">
+				<scroll-view scroll-x="true" class="middle-Y" @scrolltolower="getmore">
+					<view class="middle-Y-father">
+						<view class="middle-one" v-for="(v,i) in [1,1,1,1]" :key='i'
+							:style="{border: middletarget === i? '4rpx solid #1083F8': '4rpx solid transparent'}"
+							@click="clickmiddle(i)">
+							<view :class="!i || i==3?`up-tags-target`: `up-tags`">
+								{{ tagsArray[i] }}
+							</view>
+							<!-- <image class="middle-img"
+								:src="v.materialImg?serverUrl + v.materialImg : '/static/zhiniaoku.png'"
+								mode="aspectFill"></image> -->
+							<image class="middle-img" :src=" '/static/zhiniaoku.png'" mode="aspectFill"></image>
+							<view class="middle-right">
+								<view class="right-title">
+									{{ i == 0 ? '留置针敷贴(医用…)'
+									  : i == 1 ? '纸尿裤-拉拉裤'
+									  : i == 2 ? '纸尿裤'
+									  : '纸尿裤'
+									}}
+
+								</view>
+								<view class="juzhong">
+									<view class="">
+										<text style="font-size: 25rpx;margin-right: -5rpx;margin-left: -5rpx;">
+											￥
+										</text>
+
+										<text style="font-size: 30rpx;" :style="{fontWeight:middletarget !== i?`600`:``}">
+											{{ i==0 ? '15.30'
+											  : i==1 ? '86.16'
+											  : i==2 ? '189.55'
+											  : '46.80'
+											}}
+										</text>
+
+									</view>
+									<view class="" style="font-size: 30rpx;position: relative;">
+										<text style="font-weight: 600;margin-right: 14rpx;"
+											:style="{fontWeight:middletarget === i?`600`:``,color:middletarget === i?``:`#888888`}">
+											20
+										</text>
+										<text style="position: absolute;right: -10rpx;font-size: 26rpx;bottom: 2rpx;color: #888888;">
+											片
+										</text>
+										
+									</view>
+
+								</view>
+								<view class="right-middle">
+									800mm*680mm
+								</view>
+								<view class="juzhong">
+									<view class="">
+										<text style="color: #888888;">
+											入库数量
+										</text>
+									</view>
+									<view class="">
+										<text :style=" {fontWeight: i>0? `600` :`` }">
+											{{ i==0 ? 0 : i==1 ? 10 : i==2 ? 5 : 5 }}
+										</text>
+									</view>
+
+								</view>
+								<view class="juzhong">
+									<view class="">
+										<text style="color: #888888;">
+											挂账数量
+										</text>
+									</view>
+									<view class="">
+										<text :style=" {fontWeight: i>2? `600` :`` }">
+											{{ i==0 ? 0 : i==1 ? 0 : i==2 ? 0 : 5 }}
+										</text>
+									</view>
+
+								</view>
+								<view class="juzhong">
+									<view class="">
+										<text style="color: #888888;">
+											销账数量
+										</text>
+									</view>
+									<view class="">
+										<text :style=" {fontWeight: i==2? `600` :`` }">
+											{{ i==0 ? 0 : i==1 ? 0 : i==2 ? 5 : 0 }}
+										</text>
+									</view>
+
+								</view>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+				<view style="display: flex;justify-content: space-between;">
+					<view style="display: flex;">
+						<view :class="!typechange? `wuliao-title`:`wuliao-title-no`" @click="typechange = 0">
+							物料详情
+							<view class="wuliao-heng"></view>
+						</view>
+						<view :class="typechange==1? `wuliao-title`:`wuliao-title-no`" style="margin-left: 10rpx;"
+							@click="typechange = 1">
+							拣货记录
+							<view class="wuliao-heng"></view>
+						</view>
+					</view>
+					<view style="display: flex;margin-top: 10rpx;font-size: 30rpx;">
+						<view :style="outerStyle" @click="opengaijiaclick">
+							<view :style="segmentsWrapperStyle">
+								<view v-for="(c, i) in segColors" :key="i" :style="{
+						           flex: 1,
+						           height: '100%',
+						           backgroundColor: c
+						         }" />
+							</view>
+
+							<view :style="innerStyle">
+								<text :style="textStyle">改价</text>
+							</view>
+						</view>
+						<view @click="openjianhuoclick"
+							style="background-color: #f8f8f8;color: #555555;display: flex;align-items: center;justify-content: center;color: #555555;width: 180rpx;height: 70rpx;border-radius: 40rpx;box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1);margin-left: 20rpx;">
+							拣货
+						</view>
+					</view>
+				</view>
+
+				<view style="width: 95%;height: 0.5rpx;	background-color: #eff1f3;margin-left: 5%;"></view>
+				<view class="right-bottom" v-show="!typechange">
+					<view class="right-bottom-left">
+						<!-- 		<image class="left-img"
+							:src="showvalue?.materialImg?serverUrl + showvalue?.materialImg : '/static/zhiniaoku.png'"
+							mode="aspectFill"></image> -->
+
+						<image class="left-img" :src=" '/static/zhiniaoku.png'" mode="aspectFill"></image>
+						<view class="left-tags">
+							<view class="tags-one">
+								耗材用品
+							</view>
+							<view class="tags-one">
+								复健用品
+							</view>
+							<view class="tags-one">
+								支架
+							</view>
+
+						</view>
+					</view>
+					<view class="right-bottom-right">
+						<view class="bottom-right-title">
+							<view class="title-left">
+								纸尿裤-拉拉裤纸尿裤
+							</view>
+							<view class="title-right">
+								<text
+									style="position: absolute;top: 8rpx;left: -35rpx;font-weight: 300;font-size: 28rpx;">
+									￥
+								</text>
+								100.55
+							</view>
+						</view>
+						<view class="bottom-right-middle">
+							<view class="middle-onecard">
+								<view class="threeone">
+									<view class="gray-text">
+										物料编码
+									</view>
+									<view class="right-text">
+										ZHYP044
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										规格型号
+									</view>
+									<view class="right-text">
+										800mm*680mm
+									</view>
+								</view>
+								<view class="gray-heng"></view>
+							</view>
+
+							<view class="middle-onecard">
+								<view class="threeone">
+									<view class="gray-text">
+										采购单价
+									</view>
+									<view class="right-text">
+										￥15
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										采购数量
+									</view>
+									<view class="right-text">
+										200
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										采购单位
+									</view>
+									<view class="right-text">
+										片
+									</view>
+								</view>
+								<view class="gray-heng"></view>
+							</view>
+							<!-- <view class="gray-heng"></view> -->
+							<view class="middle-onecard">
+								<view class="threeone">
+									<view class="gray-text">
+										库存数量
+									</view>
+									<view class="right-text">
+										853
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										物料上限 ↑
+									</view>
+									<view class="right-text">
+										4000
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										物料下限 ↓
+									</view>
+									<view class="right-text">
+										60
+									</view>
+								</view>
+								<view class="gray-heng"></view>
+							</view>
+							<!-- <view class="gray-heng"></view> -->
+							<view class="middle-onecard">
+								<view class="threeone">
+									<view class="gray-text">
+										入库数量
+									</view>
+									<view class="right-text">
+										0
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										挂账数量
+									</view>
+									<view class="right-text">
+										0
+									</view>
+								</view>
+								<view class="threeone">
+									<view class="gray-text">
+										销账数量
+									</view>
+									<view class="right-text">
+										0
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="right-bottom" v-show="typechange==1" style="padding: 0 50rpx;flex-direction: column;">
+					<view style="width: 100%;display: flex;justify-content: space-between;margin-top: 20rpx;">
+						<view style="font-size: 35rpx;font-weight: 600;margin-left: 20rpx;">
+							留置针敷贴(医用...
+						</view>
+						<view style="color: black;">
+							<text style="color: #888888;">
+								采购数量：
+							</text>
+							
+							<text style="font-weight: 600;">
+								100
+							</text>
+							
+							片
+						</view>
+					</view>
+					<view style="width: 110%;height: 400rpx;display: flex;flex-wrap: wrap;">
+						<view
+							style="width: 45%;height: 180rpx;background-color: #F9F9F9;border-radius: 30rpx;margin-right: 2%;margin-top: 20rpx;padding: 0 30rpx;color: #888888;"
+							v-for="(item,index) in [1,1,1,1]" :key="index">
+							<view
+								style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;">
+								<view class="">
+									拣货数量：
+									<text style="font-weight: 600;color: black;">
+										20
+									</text>
+									<text style="color: black;">
+										片
+									</text>
+									
+								</view>
+								<view
+									style="width: 110rpx;height: 50rpx;border-radius: 30rpx;display: flex;justify-content: center;align-items: center;border: 1rpx solid #C3C3C3;background-color: #f1f1f1;color: #888888;margin-top: -10rpx;">
+									{{ index?`销账`:`入库` }}
+								</view>
+							</view>
+							<view style="width: 100%;justify-content: space-between;display: flex;">
+								<view class="">
+									采购单价：
+
+									<text style="font-weight: 600;color: black;">
+										￥1.50
+									</text>
+
+								</view>
+								<view class="">
+									拣货人：
+									<text style="color: black;">
+										梁嘉豪
+									</text>
+
+								</view>
+							</view>
+							<view style="width: 100%;justify-content: space-between;display: flex;margin-top: 10rpx;">
+								<view class="">
+									到货单价：
+
+									<text style="font-weight: 600;color: black;">
+										￥1.50
+									</text>
+
+								</view>
+								<view class="">
+									2025.10.03 10:10:30
+
+								</view>
+							</view>
+						</view>
+						<view
+							style="width: 100%;display: flex;justify-content: center;color: #C3C3C3;margin-top: 20rpx;">
+							<image
+								style="width: 25rpx;height: 25rpx;margin-right: 10rpx;margin-top: 5rpx;margin-left: -10rpx;"
+								src="/static/index/warehouse/procurement/picking/loading.png" />
+							点击加载更多
+						</view>
+					</view>
+
+				</view>
+			</view>
+		</view>
+		<!-- 分享的弹出层 -->
+		<view v-show="shareShow" class="popup-share" @click="shareShow=false">
+			<view class="popup-share-content" :style="{ opacity: deletedownisopacity ? 1 : 0 }" @click.stop>
+				<view class="share-other">
+					<view class="share-main">
+						<view class="">
+							<view class="share-weight">
+								{{ plsbuy[lefttarget]?.cgdNo }}
+							</view>
+							<view class="share-font">
+								供应商：{{ plsbuy[lefttarget]?.gysId_dictText }}
+							</view>
+							<view class="share-font">
+								采购时间：{{ plsbuy[lefttarget]?.qgDate }}
+							</view>
+						</view>
+						<view class="right-flex">
+							<view style="font-weight: 600;">
+								<text style="vertical-align: 2rpx;">
+									￥
+								</text>
+
+								<text class="dollar-text">
+									{{plsbuy[lefttarget]?.totalPrice}}
+								</text>
+							</view>
+							<view class="caigou-font">
+								采购金额
+							</view>
+
+						</view>
+
+					</view>
+					<view class="share-bottom">
+						<view style="display: flex;align-items: center;">
+							<image class="share-bottom-img" src="/static/index/youngman.png"></image>
+							<view class="share-name">
+								{{ plsbuy[lefttarget]?.createBy_dictText }}
+							</view>
+							<view class="share-font">
+								采购人
+							</view>
+						</view>
+						<view class="blue-button" @click="clickshare">
+							分享
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view :class="['neuro-wrapper', donghuacs ? 'is-active' : '']" v-show="badshow">
+			<view class="neuro-mask" @click="badshow=false;"></view>
+			<view class="neuro-box" @click.stop>
+
+				<view class="button-father">
+					<view class="button-white" @click="badshow=false;">取消</view>
+					<view class="button" @click="zuofei">确定</view>
+				</view>
+
+				<view class="title">作废</view>
+				<view class="card-font">
+					确定要作废这个采购单吗
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineProps, onUnmounted } from 'vue';
+	import { queryInvoicingList, getCgdMaterialTreeData, queryNuInfoByNuId, updateKfstatus, queryCgdList, queryCgdInfoList, queryWlInfoByWlId, voidedCgdMain } from './api/lunpan.js'
+	import { onShow, onLoad, onHide, onPageScroll } from "@dcloudio/uni-app"
+
+
+	const typechange = ref(0);
+	const serverUrl = ref("");
+	const opengaijia = ref(false);
+	const openjianhuo = ref(false);
+
+	const openjianhuoclick = () => {
+		openjianhuo.value = true;
+		donghuaopo.value = false;
+		setTimeout(() => {
+			donghuaopo.value = true;
+		}, 100)
+	}
+	// const opengaijiaclick = () => {
+	// 	opengaijia.value = true;
+	// 	donghuaopo.value = false;
+	// 	setTimeout(() => {
+	// 		donghuaopo.value = true;
+	// 	}, 100)
+	// }
+	const opengaijiaclick = () => {
+		opengaijia.value = true;
+		donghuaopo.value = false;
+		setTimeout(() => {
+			donghuaopo.value = true;
+		}, 100)
+	}
+	onLoad(() => {
+		firstgetqueryCgdList();
+		serverUrl.value = uni.getStorageSync('serverUrl') + '/sys/common/static/';
+	})
+
+	const openselect = ref(false);
+
+	const searchValue = ref("");
+	const middletarget = ref(0);
+	const tagesstatues = ["待采购", "拣货", "完结", "作废"];
+
+	const topbuttontarget = ref(-1);
+
+	const typestatues = ref(0)
+
+	const plzinfo = reactive({
+		pageNo: 1,
+		pageSize: 10,
+		canpull: true
+	})
+	const mobanplzinfo = {
+		pageNo: 1,
+		pageSize: 10,
+		canpull: true
+	}
+	const leftscrolltop = ref(0)
+
+	const plsbuy = ref([])
+
+	const firstgetqueryCgdList = () => {
+		queryCgdList(plzinfo).then((res : any) => {
+			plsbuy.value.push(...res.result.records)
+			console.log("zzzz", plsbuy.value)
+			if (res.result.records.length) {
+				form.cgdId = plsbuy.value[0].id
+				queryInvo();
+			}
+
+			if (res.result.records.length < plzinfo.pageSize) {
+				plzinfo.canpull = false;
+			}
+
+		})
+	}
+
+	const setout = ref(true)
+	let times = null
+	const plsbuytolower = () => {
+		if (!setout.value) { return }
+		plzinfo.pageNo++;
+		getqueryCgdList()
+		setout.value = false
+		times = setTimeout(() => {
+			setout.value = true
+		}, 500)
+	}
+	//获得采购单列表
+	const getqueryCgdList = () => {
+		if (!plzinfo.canpull) return
+		queryCgdList(plzinfo).then((res : any) => {
+			plsbuy.value.push(...res.result.records)
+
+			if (res.result.records.length < plzinfo.pageSize) {
+				plzinfo.canpull = false;
+			}
+		})
+	}
+	const lefttarget = ref(0);
+	const clickLeftMenu = (index : any) => {
+		let num = Math.ceil((index + 1))
+		leftscrolltop.value = (num - 2) * 186;
+		lefttarget.value = index;
+		form.cgdId = plsbuy.value[index].id
+		form.pageNo = 1
+		form.canpull = true;
+		// console.log("!!!!",form)
+		queryCgdInfoList(form).then(res => {
+			InvoicingList.value = []
+			console.log("数据呢", res.result.records)
+			if (res.result.records.length == 1) {
+				InvoicingList.value.push(...res.result.records);
+				InvoicingList.value.push(...res.result.records);
+				InvoicingList.value.push(...res.result.records);
+				InvoicingList.value.push(...res.result.records);
+			}
+			InvoicingList.value.push(...res.result.records);
+			if (form.pageNo) {
+				clickmiddle(0);
+			}
+		})
+	}
+	const showvalue = ref({
+		materialImg: ""
+	})
+
+	const goback = () => {
+		uni.navigateBack()
+	}
+	const form = reactive({
+		nuId: '',
+		pageNo: 1,
+		pageSize: 9,
+		categoryId: '',
+		typeId: '',
+		medicationId: '',
+		wlParamInfo: '',
+		cgdId: "",
+		isWaring: 0,
+		canpull: true
+	})
+	const mobanform = {
+		nuId: '',
+		pageNo: 1,
+		pageSize: 9,
+		categoryId: '',
+		typeId: '',
+		medicationId: '',
+		wlParamInfo: '',
+		cgdId: "",
+		isWaring: 0
+	}
+	const tagsArray = [`待入库`, `已入库`, `已销账`, `挂账中`]
+	const clickmiddle = (index : number) => {
+		middletarget.value = index;
+		showvalue.value = InvoicingList.value[index];
+		Object.assign(form, mobanform)
+
+	}
+	const InvoicingList = ref([])
+	const queryInvo = () => {
+		queryCgdInfoList(form).then(res => {
+			if (res.result.records.length == 1) {
+				InvoicingList.value.push(...res.result.records);
+				InvoicingList.value.push(...res.result.records);
+				InvoicingList.value.push(...res.result.records);
+				InvoicingList.value.push(...res.result.records);
+			}
+			InvoicingList.value.push(...res.result.records);
+
+			clickmiddle(0);
+		})
+	}
+	const getmore = () => {
+		if (form.canpull) {
+			form.pageNo++
+			queryCgdInfoList(form).then(res => {
+				InvoicingList.value.push(...res.result.records);
+				if (res.result.records.length != 10) {
+					form.canpull = false
+				}
+				console.log("??????", res.result.records)
+			})
+		}
+
+	}
+	const search = () => {
+		// if (!searchValue.value) return
+		form.pageNo = 1;
+		InvoicingList.value = [];
+		middletarget.value = 0;
+		form.wlParamInfo = searchValue.value;
+		form.cgdId = plsbuy.value[lefttarget.value].id
+		queryInvo();
+	}
+	const moreindex = ref(-1);
+	const zuofeiindex = ref(-1);
+	const openmore = (index : number) => {
+		zuofeiindex.value = index;
+		if (plsbuy.value[index].cgdType == '9') {
+			setTimeout(() => {
+				uni.showToast({
+					title: '该采购单已作废',
+					icon: 'error', // 不显示小图标
+					duration: 2000
+				})
+			}, 300)
+
+		} else {
+			moreindex.value = index;
+		}
+	}
+	const shareShow = ref(false);
+	const deletedownisopacity = ref(false)
+	const share = () => {
+		shareShow.value = true;
+		moreindex.value = -1;
+		deletedownisopacity.value = false;
+		setTimeout(() => {
+			deletedownisopacity.value = true
+		}, 100)
+	}
+	const clickshare = () => {
+		uni.share({
+			provider: "weixin",
+			scene: "WXSceneSession",
+			type: 0,
+			href: "https://www.baidu.com/",
+			title: "采购单分享",
+			summary: "采购单",
+			imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
+			success: function (res) {
+				console.log("success:");
+			},
+			fail: function (err) {
+				console.log("fail:");
+			}
+		});
+	}
+	const badshow = ref(false);
+	const donghuacs = ref(false)
+	const bebad = () => {
+		badshow.value = true;
+		moreindex.value = -1;
+		donghuacs.value = false;
+		setTimeout(() => donghuacs.value = true, 50)
+	}
+	const zuofei = () => {
+		voidedCgdMain({ id: plsbuy.value[zuofeiindex.value].id }).then((res : any) => {
+			// console.log("res", res)
+			if (res.success) {
+				uni.showToast({
+					title: res.message,
+					icon: 'success', // 'none' 表示不带图标
+					duration: 2000
+				})
+				badshow.value = false;
+				InvoicingList.value = [];
+				plsbuy.value = []
+				Object.assign(plzinfo, mobanplzinfo)
+				Object.assign(form, mobanform)
+				firstgetqueryCgdList();
+			}
+		})
+	}
+	const donghuaopo = ref(false)
+	const donghuastart = (index : number) => {
+		topbuttontarget.value = index;
+		donghuaopo.value = false;
+		setTimeout(() => {
+			donghuaopo.value = true;
+			console.log("zzz", donghuaopo.value)
+		}, 100)
+	}
+	// 配置
+	const SEG_COUNT = 8;       // 分段数量
+	const PADDING = 2;        // 外层 padding（rpx）
+	const W = 180, H = 70;    // 宽高（rpx）
+	const RADIUS = 40;        // 外层圆角（rpx）
+	const innerRadius = 36;   // 内层圆角（rpx）
+	const intervalMs = 120;   // 动画步进时间（ms）
+	const loopDuration = 1000; // 一个完整循环（ms）
+
+	// 颜色起止（RGB 数组）
+	const from = [210, 210, 210]; // #ababab
+	const to = [50, 152, 255];  // #1083F8
+
+
+	// 状态：基准进度 0..1（整条条带整体移动）
+	const baseP = ref(0);
+
+	// 插值函数
+	function mix(a, b, p) { return Math.round(a + (b - a) * p); }
+	function rgbToHex(rgb) { return '#' + rgb.map(n => n.toString(16).padStart(2, '0')).join(''); }
+
+	// 计算每个 segment 的颜色：每段在整体进度上有一个相位偏移
+	const segColors = computed(() => {
+		const colors = [];
+		for (let i = 0; i < SEG_COUNT; i++) {
+			// 每段在 0..1 上的相对位置：把每段想成条带上的一点
+			// pos = baseP + i / SEG_COUNT，模 1 后得到 0..1
+			let pos = (baseP.value + i / SEG_COUNT) % 1;
+			// 使用平滑函数（可选）：这里用三角/贝塞尔会更柔和
+			// 但简单的线性即可产生中间过渡色：
+			const p = pos; // 0..1
+			const rgb = [
+				mix(from[0], to[0], p),
+				mix(from[1], to[1], p),
+				mix(from[2], to[2], p)
+			];
+			colors.push(rgbToHex(rgb));
+		}
+		return colors;
+	});
+
+	// 行内样式
+	const outerStyle = computed(() => ({
+		width: `${W}rpx`,
+		height: `${H}rpx`,
+		padding: `${PADDING}rpx`,
+		borderRadius: `${RADIUS}rpx`,
+		display: 'flex',
+		alignItems: 'center',
+		justifyContent: 'center',
+		backgroundColor: 'transparent',
+		position: 'relative'
+	}));
+
+	const segmentsWrapperStyle = computed(() => ({
+		position: 'absolute',
+		left: 0,
+		top: 0,
+		width: '100%',
+		height: '100%',
+		borderRadius: `${RADIUS}rpx`,
+		overflow: 'hidden',
+		display: 'flex',
+		flexDirection: 'row',
+		zIndex: 1
+	}));
+
+	const innerStyle = computed(() => ({
+		width: `calc(100% - ${PADDING * 2}rpx)`,
+		height: `calc(100% - ${PADDING * 2}rpx)`,
+		borderRadius: `${innerRadius}rpx`,
+		backgroundColor: '#ffffff',
+		display: 'flex',
+		alignItems: 'center',
+		justifyContent: 'center',
+		zIndex: 2
+	}));
+
+	const textStyle = computed(() => ({
+		color: segColors.value[0] || rgbToHex(from),
+		fontSize: '30rpx',
+		fontWeight: '500',
+		zIndex: 3
+	}));
+
+	// 启动定时器：推进 baseP，从 0 线性到 1 再回到 0（循环）
+	let timer = null;
+	onMounted(() => {
+		const stepMs = intervalMs;
+		const stepsPerLoop = Math.max(1, Math.round(loopDuration / stepMs));
+		timer = setInterval(() => {
+			baseP.value += 1 / stepsPerLoop;
+			if (baseP.value >= 1) baseP.value -= 1; // 保持 0..1
+		}, stepMs);
+	});
+	onUnmounted(() => {
+		if (timer) clearInterval(timer);
+	});
+</script>
+
+<style lang="less" scoped>
+	.contain {
+		background-color: rgb(239, 240, 244);
+		width: 100vw;
+		height: 100vh;
+		padding: 5vh 2vw 0 2vw;
+		display: flex;
+
+		.contain-left {
+			height: 95vh;
+			width: 30%;
+			position: relative;
+
+			.left-select-more {
+				position: absolute;
+				top: 7%;
+				left: 0;
+				width: 100%;
+				height: 83%;
+				background-color: #fff;
+				border-radius: 30rpx;
+				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+				z-index: 100;
+				padding: 0 50rpx;
+
+				.more-bottom {
+					position: absolute;
+					bottom: 60rpx;
+					right: 50rpx;
+					display: flex;
+
+					.bottom-left {
+						padding: 0 50rpx;
+						height: 80rpx;
+						color: #888888;
+						background-color: #F8F8FA;
+						border-radius: 40rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						font-size: 32rpx;
+						margin-right: 12rpx;
+					}
+
+					.bottom-right {
+						padding: 0 30rpx;
+						height: 80rpx;
+						color: #0385FA;
+						border: 1rpx solid #0385FA;
+						// background-color: #F8F8FA;
+						background: linear-gradient(to bottom, #E9F4FF, #CAE0F9);
+						border-radius: 40rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						font-size: 30rpx;
+
+					}
+				}
+
+				.more-title {
+					margin-top: 55rpx;
+					font-size: 30rpx;
+				}
+
+				.more-time {
+					margin-top: 20rpx;
+					font-size: 30rpx;
+				}
+
+				.more-select {
+					margin: 30rpx 0;
+					font-size: 30rpx;
+				}
+
+				.more-time-select {
+					margin-top: 30rpx;
+					width: 100%;
+					height: 7vh;
+					display: flex;
+					align-items: center;
+					background-color: #F8F8FA;
+					border-radius: 30rpx;
+					position: relative;
+
+					.more-gray {
+						color: #BFBFBF;
+						font-size: 30rpx;
+						width: 200rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+					}
+
+					.more-img {
+						width: 35rpx;
+						height: 35rpx;
+					}
+
+					.select-img {
+						position: absolute;
+						right: 40rpx;
+						top: 50%;
+						transform: translateY(-50%);
+						width: 25rpx;
+						height: 18rpx;
+					}
+				}
+
+				.more-statues-father {
+					width: 100%;
+					height: 7vh;
+					margin-top: 30rpx;
+					display: flex;
+					margin-left: -10rpx;
+					// align-items: center;
+
+					.more-statues-gray {
+						color: #888888;
+						font-size: 28rpx;
+					}
+
+					.more-statues-button {
+						width: 30%;
+						margin-right: 2%;
+						height: 5.5vh;
+						border-radius: 40rpx;
+						font-size: 28rpx;
+						background-color: #fff;
+						border: 1rpx solid #D9DADC;
+						color: #555555;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+					}
+
+					.more-statues-button-target {
+						width: 30%;
+						margin-right: 2%;
+						height: 5.5vh;
+						border-radius: 40rpx;
+						font-size: 28rpx;
+						background-color: #DFF4FC;
+						border: 1rpx solid #0da6f8;
+						color: #1083F8;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+					}
+				}
+			}
+
+			.title-input-father {
+				height: 6vh;
+				width: 100%;
+				display: flex;
+				align-items: center;
+				position: relative;
+
+				.title-input {
+					width: 60%;
+					height: 5vh;
+					background-color: #E2E4E9;
+					font-size: 25rpx;
+					padding-left: 40rpx;
+					border-radius: 40rpx;
+				}
+
+				.title-input-button {
+					width: 20%;
+					margin-left: 2%;
+					height: 5vh;
+					border-radius: 40rpx;
+					font-size: 28rpx;
+					background-color: #fff;
+					border: 1rpx solid #D9DADC;
+					color: #555555;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+				}
+			}
+
+			.statues-father {
+				width: 100%;
+				height: 7vh;
+				display: flex;
+				align-items: center;
+				margin-top: -4rpx;
+
+				.statues-gray {
+					color: #888888;
+					font-size: 28rpx;
+				}
+
+				.statues-button {
+					width: 24%;
+					margin-left: 2%;
+					height: 4vh;
+					border-radius: 40rpx;
+					font-size: 28rpx;
+					background-color: #fff;
+					border: 1rpx solid #D9DADC;
+					color: #555555;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+				}
+
+				.statues-button-target {
+					width: 24%;
+					margin-left: 2%;
+					height: 4vh;
+					border-radius: 40rpx;
+					font-size: 28rpx;
+					background-color: #DFF4FC;
+					border: 1rpx solid #0da6f8;
+					color: #1083F8;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+				}
+			}
+
+			.left-menu-father {
+				// margin-top: 1.3vh;
+				width: 100%;
+				height: 80vh;
+
+				.left-menu-scroll {
+					height: 100%;
+					width: 100%;
+
+					.pls-card {
+						width: 100%;
+						height: 25.3vh;
+						border: #0f9fff 3rpx solid;
+						background-color: #fff;
+						border-radius: 40rpx;
+						margin-bottom: 2vh;
+						padding: 0 30rpx;
+						position: relative;
+
+						.pls-card-title {
+							height: 5.5vh;
+							width: 105%;
+							display: flex;
+							justify-content: space-between;
+							align-items: flex-end;
+
+							.title-left {
+								font-weight: 600;
+								font-size: 32rpx;
+							}
+
+							.title-right {
+								display: flex;
+								align-items: flex-end;
+								font-size: 30rpx;
+								position: relative;
+
+								.title-right-big {
+									font-weight: 600;
+									font-size: 40rpx;
+									margin-right: 35rpx;
+								}
+
+								.title-right-img {
+									position: absolute;
+									right: -10rpx;
+									bottom: 6rpx;
+									width: 40rpx;
+									height: 40rpx;
+								}
+							}
+						}
+
+						.pls-card-middle {
+							width: 100%;
+							height: 11vh;
+							margin-top: 1vh;
+							// background-color: blue;
+							display: flex;
+
+							.pls-card-middle-one {
+								width: 33.3%;
+								height: 100%;
+
+								// background-color: yellow;
+								.middle-title {
+									width: 100%;
+									height: 2vh;
+									// background-color: #007CFF;
+									color: #888888;
+									text-align: center;
+									font-size: 25rpx;
+								}
+
+								.middle-heng-father {
+									width: 100%;
+									height: 4vh;
+									position: relative;
+
+									.middle-heng {
+										width: 100%;
+										height: 0.8vh;
+										position: absolute;
+										left: 0;
+										top: 50%;
+										transform: translateY(-50%);
+										background-color: #EEEEEE;
+
+									}
+
+									.middle-ball {
+										width: 30rpx;
+										height: 30rpx;
+										background-color: #EEEEEE;
+										position: absolute;
+										top: 50%;
+										left: 50%;
+										transform: translate(-50%, -50%);
+										border-radius: 50%;
+									}
+								}
+
+								.end-font {
+									width: 100%;
+									height: 6vh;
+									text-align: center;
+									color: #666666;
+									overflow: hidden;
+									text-overflow: ellipsis;
+									white-space: nowrap;
+								}
+							}
+						}
+
+						.pls-card-end {
+							width: 100%;
+							height: 7vh;
+
+							display: flex;
+							justify-content: space-between;
+							position: relative;
+
+							.end-left {
+								height: 100%;
+								display: flex;
+								align-items: center;
+
+								.end-left-img {
+									width: 30rpx;
+									height: 30rpx;
+								}
+
+								.end-left-font {
+									margin-top: 3rpx;
+									width: 400rpx;
+									// background-color: #007CFF;
+									// font-size: 26rpx;
+									color: #666666;
+									margin-left: 10rpx;
+									overflow: hidden;
+									white-space: nowrap;
+									text-overflow: ellipsis;
+								}
+							}
+
+							.tag-fail {
+								width: 120rpx;
+								height: 50rpx;
+								border-radius: 30rpx;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								background-color: #FDEBEC;
+								color: #FF5757;
+								position: absolute;
+								right: -5rpx;
+								bottom: 20rpx;
+							}
+
+							.tag-success {
+								width: 120rpx;
+								height: 50rpx;
+								border-radius: 30rpx;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								background-color: #ECF6FF;
+								color: #1083F8;
+								position: absolute;
+								right: -5rpx;
+								bottom: 20rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		.contain-right {
+			z-index: 1;
+			height: 95vh;
+			width: 70%;
+			margin-left: 2%;
+			overflow: hidden;
+
+			.contain-right-title {
+				width: 100%;
+				height: 80rpx;
+				display: flex;
+				justify-content: flex-end;
+				position: relative;
+
+				.contain-right-button {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					height: 100%;
+					padding: 0 35rpx;
+					border-radius: 40rpx;
+					border: 1rpx solid #555555;
+					margin-left: 20rpx;
+
+					.buttont-img {
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 5rpx;
+						// margin-top: 4rpx;
+					}
+
+					.button-font {
+						font-size: 30rpx;
+						color: #555555;
+					}
+				}
+
+				.contain-right-button-bad {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					height: 100%;
+					padding: 0 35rpx;
+					border-radius: 40rpx;
+					border: 1rpx solid #555555;
+					margin-left: 20rpx;
+					background-color: #f7f7f7;
+					color: #999999;
+
+					.buttont-img {
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 5rpx;
+						// margin-top: 4rpx;
+					}
+
+					.button-font {
+						font-size: 30rpx;
+						// color: #555555;
+					}
+				}
+
+				.contain-right-button-target {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					height: 100%;
+					padding: 0 35rpx;
+					border-radius: 40rpx;
+					border: 1rpx solid #3699FF;
+					margin-left: 20rpx;
+					// background-color: #D9DADC;
+					color: #1083F8;
+
+					.buttont-img {
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 5rpx;
+						// margin-top: 4rpx;
+					}
+
+					.button-font {
+						font-size: 30rpx;
+						// color: #555555;
+					}
+				}
+			}
+
+			.contain-right-middle {
+				width: 100%;
+				height: 460rpx;
+				margin-top: 20rpx;
+
+				.middle-Y {
+					width: 100%;
+					height: 100%;
+
+					.middle-Y-father {
+						display: flex;
+						// flex-wrap: wrap;
+						// width: 100%;
+						padding-left: 20rpx;
+
+						.middle-one {
+							min-width: 325rpx;
+							height: 450rpx;
+							background-color: #F9F9F9;
+							border-radius: 30rpx;
+							margin-left: 20rpx;
+							margin-bottom: 30rpx;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							position: relative;
+							// justify-content: space-around;
+
+							.middle-img {
+								margin-top: 10rpx;
+								width: 180rpx;
+								height: 180rpx;
+							}
+
+							.middle-right {
+								width: 250rpx;
+
+								.right-title {
+									width: 100%;
+									white-space: nowrap;
+									/* 不换行 */
+									overflow: hidden;
+									/* 超出隐藏 */
+									text-overflow: ellipsis;
+									/* 显示省略号 */
+									display: block;
+									font-weight: 600;
+									font-size: 30rpx;
+									margin-bottom: 7rpx;
+									text-align: center;
+								}
+
+								.right-middle {
+									// margin-bottom: 7rpx;
+
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.white-zhezhao {
+		position: fixed;
+		height: 100%;
+		background-color: #fff;
+		width: 68%;
+		top: 0;
+		left: 32%;
+	}
+
+	.wuliao-title {
+		margin-top: 40rpx;
+		margin-left: 30rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		font-size: 32rpx;
+		font-weight: 600;
+		width: 200rpx;
+
+		.wuliao-heng {
+			background-color: #1083F8;
+			width: 40rpx;
+			height: 5rpx;
+			border-radius: 5rpx;
+			margin-top: 10rpx;
+		}
+	}
+
+	.wuliao-title-no {
+		margin-top: 40rpx;
+		margin-left: 30rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		font-size: 32rpx;
+		font-weight: 600;
+		width: 200rpx;
+		color: #888888;
+
+		.wuliao-heng {
+			display: none;
+		}
+	}
+
+	.right-bottom {
+		width: 100%;
+		height: 600rpx;
+		display: flex;
+
+		.right-bottom-left {
+			height: 100%;
+			width: 30%;
+			padding-left: 30rpx;
+
+			.left-img {
+				width: 250rpx;
+				height: 250rpx;
+				margin-left: 50rpx;
+			}
+
+			.left-tags {
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+			}
+
+			.tags-one {
+				width: 130rpx;
+				height: 60rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				border-radius: 30rpx;
+				border: 1rpx solid #D2D2D2;
+				margin-left: 20rpx;
+				margin-top: 10rpx;
+				font-size: 23rpx;
+				color: #555555;
+			}
+		}
+
+		.right-bottom-right {
+			height: 100%;
+			width: 70%;
+
+			.bottom-right-title {
+				width: 100%;
+				height: 100rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				// background-color: red;
+				.title-left {
+					font-weight: 600;
+					font-size: 35rpx;
+				}
+
+				.title-right {
+					font-weight: 600;
+					font-size: 35rpx;
+					position: relative;
+					margin-right: 20rpx;
+				}
+			}
+
+			.bottom-right-middle {
+				width: 100%;
+
+				.threeone {
+					width: 33%;
+				}
+
+				.middle-onecard {
+					width: 100%;
+					height: 120rpx;
+					display: flex;
+					position: relative;
+
+					.gray-text {
+						color: #999999;
+						margin-bottom: 3rpx;
+						font-size: 25rpx;
+					}
+
+					.right-text {
+						font-size: 32rpx;
+					}
+				}
+			}
+		}
+	}
+
+	.gray-heng {
+		position: absolute;
+		left: 0;
+		bottom: 20%;
+		background-color: #eff1f3;
+		height: 0.5rpx;
+		width: 80%;
+
+	}
+
+	.title-input-img {
+		width: 50rpx;
+		height: 50rpx;
+		position: absolute;
+		right: 220rpx;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+
+	.more-father {
+		position: absolute;
+		right: 60rpx;
+		top: 15rpx;
+		width: 165rpx;
+		height: 150rpx;
+		background-color: #fff;
+		z-index: 102;
+		border-radius: 35rpx;
+		box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.15);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 20rpx 0;
+
+		.more-one {
+			width: 100%;
+			height: 50%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+		}
+	}
+
+	.mengban {
+		width: 100vw;
+		height: 100vh;
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 100;
+	}
+
+	.popup-share {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		backdrop-filter: blur(1rpx);
+		background-color: rgba(236, 237, 241, 0.4);
+		/* 添加毛玻璃效果 */
+		z-index: 999;
+
+		.share-other {
+			z-index: 1;
+			width: 100%;
+			height: 100%;
+			padding: 50rpx;
+			position: relative;
+
+			.share-main {
+				display: flex;
+				justify-content: space-between;
+
+				.share-weight {
+					font-weight: 600;
+					font-size: 30rpx;
+				}
+
+				.share-font {
+					color: #666666;
+					font-size: 30rpx;
+					margin-top: 20rpx;
+				}
+			}
+		}
+
+		.popup-share-content {
+			position: absolute;
+			display: flex;
+			flex-direction: column;
+			width: 1000rpx;
+			height: 500rpx;
+			background-color: #fff;
+			border-radius: 30rpx;
+			transition: opacity 0.4s ease;
+
+			.popup-share-title {
+				margin: 30rpx 30rpx;
+				font-size: 40rpx;
+				position: relative;
+
+				.popup-share-img {
+					position: absolute;
+					top: 0;
+					right: 0;
+					width: 200rpx;
+					height: 200rpx;
+				}
+			}
+
+			.popup-share-upcontent {
+				margin: 0 30rpx;
+				display: flex;
+				justify-content: space-between;
+
+				.popup-share-font {
+					font-size: 35rpx;
+					color: gray;
+				}
+
+			}
+
+			.popup-share-gray {
+				background-color: #D3D3D3;
+				width: calc(100% - 60rpx);
+				height: 2rpx;
+				margin: 110rpx 30rpx 0 30rpx;
+			}
+
+			.popup-share-downcontent {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				height: 100%;
+				margin: 0 30rpx;
+
+				.popup-downcontent-img {
+					width: 70rpx;
+					height: 70rpx;
+				}
+
+				.popup-downcontent-font {
+					font-size: 27rpx;
+					margin-left: 20rpx;
+				}
+
+				.popup-share-downcontent-left {
+					display: flex;
+					align-items: center;
+				}
+
+				.popup-share-downcontent-button {
+					background: linear-gradient(to right bottom, #00c9ff, #0076ff);
+					color: #fff;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					padding: 15rpx 30rpx;
+					border-radius: 20rpx;
+					font-size: 32rpx;
+				}
+			}
+
+		}
+
+		.share-bottom {
+			position: absolute;
+			width: 100%;
+			padding: 0 50rpx;
+			height: 120rpx;
+			bottom: 70rpx;
+			left: 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.share-bottom-img {
+				width: 150rpx;
+				height: 140rpx;
+			}
+
+			.share-name {
+				margin: 0 20rpx;
+				font-size: 35rpx;
+				color: #555555;
+				font-weight: 600;
+			}
+
+			.share-font {
+				color: #555555;
+				margin-top: 10rpx;
+				font-size: 24rpx;
+			}
+		}
+
+		.blue-button {
+			margin-top: 60rpx;
+			width: 150rpx;
+			height: 70rpx;
+			border-radius: 40rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			color: #007CFF;
+			font-size: 30rpx;
+			background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
+			border: 2rpx solid #9AD1FF;
+		}
+	}
+
+	/* 容器默认隐藏，透明度为 0，不接受点击 */
+	.neuro-wrapper {
+		position: fixed;
+		inset: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: 999;
+		opacity: 0;
+		pointer-events: none;
+		transition: opacity 0.3s ease;
+	}
+
+	/* 显示时透明度过渡到 1，可接受点击 */
+	.neuro-wrapper.is-active {
+		opacity: 1;
+		pointer-events: auto;
+	}
+
+	/* 遮罩层，半透明黑色 */
+	.neuro-mask {
+		position: absolute;
+		inset: 0;
+		background-color: rgba(0, 0, 0, 0.3);
+	}
+
+	/* 拟态框 固定尺寸 + 阴影样式 + 相对定位于 wrapper */
+	.neuro-box {
+		position: relative;
+		width: 600rpx;
+		height: 450rpx;
+		border-radius: 30rpx;
+		background-color: #fff;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		z-index: 1;
+		padding: 0 10%;
+
+		.button {
+			width: 47%;
+			background-color: #ddf0ff;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			// color: #fff;
+			color: #007CFF;
+			border: 1rpx solid #007CFF;
+			font-size: 25rpx;
+			border-radius: 30rpx;
+		}
+
+
+		.card-font {
+			margin-top: 70rpx;
+			width: 600rpx;
+			justify-content: center;
+			display: flex;
+		}
+
+		.button-white {
+			width: 47%;
+			border: 2rpx solid #c3cacd;
+			background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 25rpx;
+			border-radius: 30rpx;
+		}
+
+		.button-father {
+			position: absolute;
+			bottom: 60rpx;
+			left: 50%;
+			transform: translateX(-50%);
+			width: 100%;
+			height: 70rpx;
+			display: flex;
+			justify-content: space-between;
+			padding: 0 50rpx;
+		}
+
+		.title {
+			margin-top: 80rpx;
+			font-weight: 600;
+			font-size: 35rpx;
+		}
+	}
+
+	.filter {
+		position: absolute;
+		right: -30rpx;
+		top: 20rpx;
+		width: 100rpx;
+		height: 50rpx;
+		// background-color: #0076ff;
+		display: flex;
+		justify-content: center;
+		// align-items: center;
+
+		.filter-img {
+			width: 35rpx;
+			height: 35rpx;
+			margin-left: 5rpx;
+			// margin-top: 4rpx;
+		}
+
+		.filter-font {
+			margin-top: 5rpx;
+			font-size: 27rpx;
+			color: #555555;
+		}
+
+		.filter-font-target {
+			margin-top: 5rpx;
+			font-size: 27rpx;
+			color: #1083F8;
+		}
+	}
+
+	.left-top-tags {
+		position: absolute;
+		top: -25rpx;
+		left: 0rpx;
+	}
+
+	.juzhong {
+		justify-content: space-between;
+		align-items: center;
+		height: 40rpx;
+		font-size: 25rpx;
+		display: flex;
+	}
+
+	.up-tags {
+		position: absolute;
+		right: 15rpx;
+		top: 15rpx;
+		width: 110rpx;
+		height: 50rpx;
+		border-radius: 40rpx;
+		background-color: #fff;
+		color: #555555;
+		border: 1rpx solid #C3C3C3;
+		font-size: 24rpx;
+		z-index: 2;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.up-tags-target {
+		position: absolute;
+		right: 15rpx;
+		top: 15rpx;
+		width: 110rpx;
+		height: 50rpx;
+		border-radius: 40rpx;
+		background-color: #fff;
+		color: #1083F8;
+		border: 1rpx solid #A4D5FE;
+		font-size: 24rpx;
+		z-index: 2;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.gaijiafather {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 50%;
+		height: 55%;
+		border-radius: 30rpx;
+		background-color: #fff;
+		transition: all 0.3s;
+		z-index: 999;
+		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
+		padding: 0 60rpx;
+	}
+
+	.jianhuofather {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 50%;
+		height: 95%;
+		border-radius: 30rpx;
+		background-color: #fff;
+		transition: all 0.3s;
+		z-index: 999;
+		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
+		padding: 0 60rpx;
+
+		.jianhuobutton {
+			position: absolute;
+			bottom: 30rpx;
+			right: 50rpx;
+			display: flex;
+		}
+	}
+
+	.photowall {
+		position: fixed;
+		top: 54%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 70%;
+		height: 83%;
+		border-radius: 30rpx;
+		background-color: #fff;
+		transition: all 0.3s;
+		z-index: 999;
+		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
+		padding: 0 90rpx;
+
+		.photowall-title {
+			margin-top: 80rpx;
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+
+			.photowall-name {
+				font-size: 38rpx;
+				// font-weight: 600;
+			}
+
+			.photowall-left {
+				color: #888888;
+			}
+
+			.photowall-right {
+				font-size: 30rpx;
+				font-weight: 600;
+			}
+		}
+
+		.photowall-other {
+			width: 110%;
+			display: flex;
+			flex-wrap: wrap;
+			margin-top: 40rpx;
+
+			.photowall-other-one {
+				width: 28.5%;
+				height: 400rpx;
+				margin-right: 3%;
+				margin-bottom: 3%;
+				border-radius: 30rpx;
+				// background-color: red;
+			}
+		}
+	}
+
+	.gray-button {
+		font-size: 50rpx;
+		background-color: #F3F5F9;
+		border-radius: 20rpx;
+		width: 100rpx;
+		height: 100rpx;
+		border: 1rpx solid #CBCFD0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 10rpx;
+	}
+
+	.gray-button-jianpan {
+		font-size: 40rpx;
+		font-weight: 600;
+		background-color: #F3F5F9;
+		border-radius: 35rpx;
+		width: 100rpx;
+		height: 100rpx;
+		border: 1rpx solid #CBCFD0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 30rpx;
+		margin-bottom: 20rpx;
+	}
+
+	.gray-input {
+		font-size: 50rpx;
+		font-weight: 600;
+		background-color: #F3F5F9;
+		border-radius: 20rpx;
+		// width: 100rpx;
+		padding: 0 30rpx;
+		letter-spacing: 10rpx;
+		height: 100rpx;
+		border: 1rpx solid #CBCFD0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding-left: 40rpx;
+		margin-right: 10rpx;
+	}
+
+	.jianhuo-jianpan {
+		position: absolute;
+		right: -10rpx;
+		bottom: 12%;
+	}
+
+	.text-anim {
+		animation: colorScale 2s linear infinite;
+		transform-origin: left bottom;
+		animation-iteration-count: 1;
+		color: #1083F8;
+	}
+
+	@keyframes colorScale {
+		0% {
+			color: #1083F8 ;
+			transform: scale(calc(1));
+		}
+
+		50% {
+			color: #333333;
+			transform: scale(calc(3));
+		}
+
+		100% {
+			color: #1083F8;
+			transform: scale(calc(1));
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/Warehouse/picking.vue b/pages/Warehouse/picking.vue
index 4a8061c..6ddbd16 100644
--- a/pages/Warehouse/picking.vue
+++ b/pages/Warehouse/picking.vue
@@ -1,8 +1,11 @@
 <template>
 	<view class="contain">
-		<view v-show="moreindex!=-1 || topbuttontarget!=-1 || openjianhuo || opengaijia" class="mengban"
-			@click="moreindex=-1; topbuttontarget=-1;openjianhuo=false;opengaijia=false"></view>
-
+		<view v-show="moreindex!=-1 || topbuttontarget!=-1 || openjianhuo || opengaijia || opendata || opencgr " class="mengban"
+			@click="moreindex=-1; topbuttontarget=-1;openjianhuo=false;opengaijia=false;opendata=false;opencgr=false"></view>
+		<!-- 日期 -->
+		<view class="calendar-father" v-show="opendata">
+			<calendar @datachange="dateget" />
+		</view>
 		<!-- 改价 -->
 		<view class="gaijiafather" v-show="opengaijia" :style="donghuaopo?{opacity:1}:{opacity:0}">
 			<view style="width: 100%;margin-top: 50rpx;font-size: 30rpx;">
@@ -182,8 +185,9 @@
 				</view>
 			</view>
 			<view style="display: flex;flex-wrap: wrap;width: 60%;">
-				<view style="width: 40%;height: 150rpx;margin-right: 4%;margin-top: 3%;background-color: #F9F9F9;display: flex;justify-content: center;align-items: center;border-radius: 20rpx;" v-for="(item,index) in [1,1,1]"
-					:key="index">
+				<view
+					style="width: 40%;height: 150rpx;margin-right: 4%;margin-top: 3%;background-color: #F9F9F9;display: flex;justify-content: center;align-items: center;border-radius: 20rpx;"
+					v-for="(item,index) in [1,1,1]" :key="index">
 					<image style="width: 38%;height: 55%;" src="/static/zhanwei.png" />
 				</view>
 				<view style="width: 40%;height: 150rpx;margin-right: 4%;margin-top: 3%;">
@@ -342,8 +346,8 @@
 					</view>
 					<view class="bottom-right">
 						确定
-						<text style="font-size: 25rpx;margin-top: 5rpx;">
-							(10+采购单)
+						<text style="font-size: 25rpx;margin-top: 5rpx;" v-if="alltotal>=99">
+							(99+采购单)
 						</text>
 
 					</view>
@@ -352,38 +356,47 @@
 					采购单状态
 				</view>
 				<view class="more-statues-father">
-					<view :class="!typestatues?`more-statues-button-target`:`more-statues-button`"
-						@click="typestatues=0">
+					<view :class="plzinfo.cgdType==`0,1`?`more-statues-button-target`:`more-statues-button`"
+						@click="plzinfo.cgdType=`0,1`;search()">
 						全部
 					</view>
-					<view :class="typestatues==1?`more-statues-button-target`:`more-statues-button`"
-						@click="typestatues=1">
+					<view :class="plzinfo.cgdType==`0`?`more-statues-button-target`:`more-statues-button`"
+						@click="plzinfo.cgdType=`0`;search()">
 						待入库
 					</view>
-					<view :class="typestatues==2?`more-statues-button-target`:`more-statues-button`"
-						@click="typestatues=2">
+					<view :class="plzinfo.cgdType==`1`?`more-statues-button-target`:`more-statues-button`"
+						@click="plzinfo.cgdType=`1`;search()">
 						待完结
 					</view>
 				</view>
+
+
 				<view class="more-time">
 					采购日期
 				</view>
-				<view class="more-time-select">
-					<view class="more-gray">
+				<view class="more-time-select" @click="opendata=!opendata">
+					<view class="more-gray" v-show="!plzinfo.startTime">
 						开始日期
 					</view>
+					<view class="more-black" v-show="plzinfo.startTime">
+						{{ plzinfo.startTime }}
+					</view>
+
 					<view style="font-size: 32rpx;">
 						至
 					</view>
-					<view class="more-gray">
+					<view class="more-gray" v-show="!plzinfo.endTime">
 						结束日期
 					</view>
+					<view class="more-black" v-show="plzinfo.endTime">
+						{{ plzinfo.endTime }}
+					</view>
 					<image class="more-img" src="/static/index/warehouse/procurement/picking/data.png" />
 				</view>
 				<view class="more-select">
 					采购人
 				</view>
-				<view class="more-time-select">
+				<view class="more-time-select" @click="opencgr=true">
 					<view class="more-gray" style="margin-left: 30rpx;">
 						请输入采购人
 					</view>
@@ -392,7 +405,7 @@
 				<view class="more-select">
 					供应商
 				</view>
-				<view class="more-time-select">
+				<view class="more-time-select" @click="opengys=true">
 					<view class="more-gray" style="margin-left: 30rpx;">
 						请输入供应商
 					</view>
@@ -400,10 +413,10 @@
 				</view>
 			</view>
 			<view class="title-input-father">
-				<input class="title-input" type="text" v-model="searchValue" maxlength="15" placeholder="采购单号/采购日期/供应商"
-					@confirm="search()" />
-				<image v-show="searchValue" class="title-input-img" src="@/static/x.png"
-					@click="searchValue='';search()" />
+				<input class="title-input" type="text" v-model="plzinfo.cgdParamInfo" maxlength="15"
+					placeholder="采购单号/采购日期/供应商" @confirm="search()" />
+				<image v-show="plzinfo.cgdParamInfo" class="title-input-img" src="@/static/x.png"
+					@click="plzinfo.cgdParamInfo='';search()" />
 				<view class="title-input-button" @click="search()">
 					检索
 				</view>
@@ -419,27 +432,27 @@
 				<view class="statues-gray">
 					单据状态
 				</view>
-				<view :class="!typestatues?`statues-button-target`:`statues-button`" style="margin-left: 4%;"
-					@click="typestatues=0">
+				<view :class="plzinfo.cgdType==`0,1`?`statues-button-target`:`statues-button`" style="margin-left: 4%;"
+					@click="plzinfo.cgdType=`0,1`;search()">
 					全部
 				</view>
-				<view :class="typestatues==1?`statues-button-target`:`statues-button`" @click="typestatues=1">
+				<view :class="plzinfo.cgdType==`0`?`statues-button-target`:`statues-button`"
+					@click="plzinfo.cgdType=`0`;search()">
 					待入库
 				</view>
-				<view :class="typestatues==2?`statues-button-target`:`statues-button`" @click="typestatues=2">
+				<view :class="plzinfo.cgdType==`1`?`statues-button-target`:`statues-button`"
+					@click="plzinfo.cgdType=`1`;search()">
 					待完结
 				</view>
 			</view>
 			<view class="left-menu-father">
 				<scroll-view scroll-y="true" scroll-with-animation class="left-menu-scroll" :scroll-top="leftscrolltop"
 					@scrolltolower="plsbuytolower" :lower-threshold="400">
-					<view class="pls-card" v-for="(v,i) in [1,1,1]" :key='i' @click="clickLeftMenu(i)"
+					<view class="pls-card" v-for="(v,i) in plsbuy" :key='i' @click="clickLeftMenu(i)"
 						:style="{borderColor: i==lefttarget? ``:`#fff` }">
-
-						
 						<view class="pls-card-title">
 							<view class="title-left">
-								10120251023012
+								{{ v.cgdNo }}
 							</view>
 							<view class="title-right">
 								<text style="position: absolute;bottom: 4rpx;left: -30rpx;">
@@ -447,17 +460,15 @@
 								</text>
 
 								<view class="title-right-big">
-									800.55
+									{{ v.totalPrice.toFixed(2) }}
 								</view>
 
-								<!-- <image class="title-right-img" src="/static/more.png" @click="openmore(i)" /> -->
-
 							</view>
 						</view>
 						<view class="pls-card-middle">
 							<view class="pls-card-middle-one">
 								<view class="middle-title">
-									2025.10.03
+									{{ v.qgDate }}
 								</view>
 								<view class="middle-heng-father">
 									<view class="middle-heng"
@@ -478,29 +489,28 @@
 										采购
 									</view>
 									<view style="font-size: 25rpx;">
-										[ 梁嘉豪 ]
+										{{ "[ " + v.qgBy + " ]" }}
 									</view>
 								</view>
 							</view>
 							<view class="pls-card-middle-one">
 								<view class="middle-title">
-									{{ i==1 ?``:`2025.10.04` }}
-									
+									{{ v.jhTime }}
 								</view>
 								<view class="middle-heng-father">
 									<view class="middle-heng"></view>
 									<!-- <view class="middle-heng"
 										style="border-radius: 20rpx;background-color: #1083F8;width: 105%;margin-left: -5%;">
 									</view> -->
-										<view class="middle-heng" v-if="i!=1 "
+									<view class="middle-heng" v-if="Number(v.status)==1"
 										style="border-radius: 20rpx;background-color: #1083F8;width: 105%;margin-left: -5%;">
 									</view>
 									<view class="middle-ball"
-										:style="i!=1?{backgroundColor: `#1083F8`}:{} ">
+										:style="Number(v.status)==1?{backgroundColor: `#1083F8`}:{} ">
 									</view>
 									<!-- <view class="middle-ball" :style="{backgroundColor: `#1083F8`}"></view> -->
 									<view class="middle-ball"
-										:style="i!=1?{backgroundColor: `#1083F8`}:{} ">
+										:style="Number(v.status)==1?{backgroundColor: `#1083F8`}:{} ">
 									</view>
 								</view>
 								<view class="end-font">
@@ -508,11 +518,11 @@
 										:style="Number(v.status)<3 && Number(v.status)>0?{color: `#1083F8`}:{} ">
 										拣货
 									</view> -->
-									<view class="" :style="i!=1?{color: `#1083F8`}:{}">
+									<view class="" :style="Number(v.status)==1?{color: `#1083F8`}:{}">
 										拣货
 									</view>
-									<view style="font-size: 25rpx;" v-if="i!=1 ">
-										[ 梁嘉豪 ]
+									<view style="font-size: 25rpx;" v-if="Number(v.status)==1 && v.jhBy">
+										{{ "[ " + v.jhBy + " ]" }}
 									</view>
 								</view>
 							</view>
@@ -523,16 +533,12 @@
 									<view class="middle-heng"
 										style="border-top-right-radius: 20rpx;border-bottom-right-radius: 20rpx;">
 									</view>
-									<view class="middle-heng" v-if="Number(v.status)<3 && Number(v.status)>1 "
-										style="border-radius: 20rpx;background-color: #1083F8;width: 105%;margin-left: -5%;">
-									</view>
-									<view class="middle-ball"
-										:style="Number(v.status)<3 && Number(v.status)>1?{backgroundColor: `#1083F8`}:{} ">
+
+									<view class="middle-ball">
 									</view>
 								</view>
 								<view class="end-font">
-									<view class=""
-										:style="Number(v.status)<3 && Number(v.status)>1?{color: `#1083F8`}:{} ">
+									<view class="">
 										完结
 									</view>
 									<view class="">
@@ -544,7 +550,7 @@
 							<view class="end-left">
 								<image class="end-left-img" src="/static/shili.png" />
 								<view class="end-left-font">
-									长春市天林商贸有限公司
+									{{ v.gysId_dictText }}
 								</view>
 							</view>
 							<!-- <view :class="v?.cgdType=='9' ?`tag-fail`:`tag-success`">
@@ -552,8 +558,8 @@
 								{{ tagesstatues[Number(v.status)] }}
 							</view> -->
 							<view class="tag-success">
-								{{ i==1?`待入库`:`待完结` }}
-								
+								{{ tagesstatues[Number(v.status)] }}
+
 							</view>
 						</view>
 					</view>
@@ -629,7 +635,8 @@
 											￥
 										</text>
 
-										<text style="font-size: 30rpx;" :style="{fontWeight:middletarget !== i?`600`:``}">
+										<text style="font-size: 30rpx;"
+											:style="{fontWeight:middletarget !== i?`600`:``}">
 											{{ i==0 ? '15.30'
 											  : i==1 ? '86.16'
 											  : i==2 ? '189.55'
@@ -643,10 +650,11 @@
 											:style="{fontWeight:middletarget === i?`600`:``,color:middletarget === i?``:`#888888`}">
 											20
 										</text>
-										<text style="position: absolute;right: -10rpx;font-size: 26rpx;bottom: 2rpx;color: #888888;">
+										<text
+											style="position: absolute;right: -10rpx;font-size: 26rpx;bottom: 2rpx;color: #888888;">
 											片
 										</text>
-										
+
 									</view>
 
 								</view>
@@ -878,11 +886,11 @@
 							<text style="color: #888888;">
 								采购数量：
 							</text>
-							
+
 							<text style="font-weight: 600;">
 								100
 							</text>
-							
+
 							片
 						</view>
 					</view>
@@ -900,7 +908,7 @@
 									<text style="color: black;">
 										片
 									</text>
-									
+
 								</view>
 								<view
 									style="width: 110rpx;height: 50rpx;border-radius: 30rpx;display: flex;justify-content: center;align-items: center;border: 1rpx solid #C3C3C3;background-color: #f1f1f1;color: #888888;margin-top: -10rpx;">
@@ -1000,6 +1008,7 @@
 					</view>
 				</view>
 			</view>
+
 		</view>
 		<view :class="['neuro-wrapper', donghuacs ? 'is-active' : '']" v-show="badshow">
 			<view class="neuro-mask" @click="badshow=false;"></view>
@@ -1016,19 +1025,22 @@
 				</view>
 			</view>
 		</view>
+		<u-select v-model="opencgr" :list="cgrlist" label-name="cgBy" value-name="cgBy" ></u-select>
+		<u-select v-model="opengys" :list="gyslist" label-name="suppliersName" value-name="suppliers" ></u-select>
 	</view>
 </template>
 
 <script setup lang="ts">
 	import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineProps, onUnmounted } from 'vue';
-	import { queryInvoicingList, getCgdMaterialTreeData, queryNuInfoByNuId, updateKfstatus, queryCgdList, queryCgdInfoList, queryWlInfoByWlId, voidedCgdMain } from './api/lunpan.js'
+	import { queryInvoicingList, getCgdMaterialTreeData, queryNuInfoByNuId, updateKfstatus, queryCgdList, queryCgdInfoList, queryWlInfoByWlId, voidedCgdMain, getCgrLis, getGysList } from './api/lunpan.js'
 	import { onShow, onLoad, onHide, onPageScroll } from "@dcloudio/uni-app"
-
+	import calendar from '@/component/public/calendar.vue'
 
 	const typechange = ref(0);
 	const serverUrl = ref("");
 	const opengaijia = ref(false);
 	const openjianhuo = ref(false);
+	const opendata = ref(false);
 
 	const openjianhuoclick = () => {
 		openjianhuo.value = true;
@@ -1037,13 +1049,7 @@
 			donghuaopo.value = true;
 		}, 100)
 	}
-	// const opengaijiaclick = () => {
-	// 	opengaijia.value = true;
-	// 	donghuaopo.value = false;
-	// 	setTimeout(() => {
-	// 		donghuaopo.value = true;
-	// 	}, 100)
-	// }
+
 	const opengaijiaclick = () => {
 		opengaijia.value = true;
 		donghuaopo.value = false;
@@ -1054,13 +1060,28 @@
 	onLoad(() => {
 		firstgetqueryCgdList();
 		serverUrl.value = uni.getStorageSync('serverUrl') + '/sys/common/static/';
+		getSelectList();
 	})
+	const opencgr = ref(false);
+	const opengys = ref(false);
+	
+	const cgrlist = ref([]);
+	const gyslist = ref([]);
+
+	const getSelectList = () => {
+		getCgrLis().then((res : any) => {
+			cgrlist.value = res.result;
+		})
+		getGysList().then((res : any) => {
+			gyslist.value = res.result;
+		})
+	}
 
 	const openselect = ref(false);
 
 	const searchValue = ref("");
 	const middletarget = ref(0);
-	const tagesstatues = ["待采购", "拣货", "完结", "作废"];
+	const tagesstatues = ["待入库", "待完结"];
 
 	const topbuttontarget = ref(-1);
 
@@ -1069,21 +1090,44 @@
 	const plzinfo = reactive({
 		pageNo: 1,
 		pageSize: 10,
-		canpull: true
+		canpull: true,
+		cgdParamInfo: "",
+		suppliers: "",
+		cgdType: "0,1",
+		startTime: "",
+		endTime: "",
+		cgBy: "",
 	})
 	const mobanplzinfo = {
 		pageNo: 1,
 		pageSize: 10,
-		canpull: true
+		canpull: true,
+		cgdParamInfo: "",
+		suppliers: "",
+		cgdType: "0,1",
+		startTime: "",
+		endTime: "",
+		cgBy: "",
+
+	}
+	type datetype = {
+		start : string,
+		end : string
+	}
+	const dateget = (res : datetype) => {
+		plzinfo.startTime = res.start;
+		plzinfo.endTime = res.end;
+		search()
 	}
 	const leftscrolltop = ref(0)
 
 	const plsbuy = ref([])
-
+	const alltotal = ref(0);
 	const firstgetqueryCgdList = () => {
 		queryCgdList(plzinfo).then((res : any) => {
 			plsbuy.value.push(...res.result.records)
-			console.log("zzzz", plsbuy.value)
+			alltotal.value = res.result.total
+			// console.log("zzzz", res.result.total)
 			if (res.result.records.length) {
 				form.cgdId = plsbuy.value[0].id
 				queryInvo();
@@ -1112,7 +1156,7 @@
 		if (!plzinfo.canpull) return
 		queryCgdList(plzinfo).then((res : any) => {
 			plsbuy.value.push(...res.result.records)
-
+			alltotal.value = res.result.total
 			if (res.result.records.length < plzinfo.pageSize) {
 				plzinfo.canpull = false;
 			}
@@ -1182,12 +1226,10 @@
 	const InvoicingList = ref([])
 	const queryInvo = () => {
 		queryCgdInfoList(form).then(res => {
-			if (res.result.records.length == 1) {
-				InvoicingList.value.push(...res.result.records);
-				InvoicingList.value.push(...res.result.records);
-				InvoicingList.value.push(...res.result.records);
-				InvoicingList.value.push(...res.result.records);
-			}
+			// 	if (res.result.records.length == 1) {
+			// 		InvoicingList.value.push(...res.result.records);
+
+			// 	}
 			InvoicingList.value.push(...res.result.records);
 
 			clickmiddle(0);
@@ -1207,13 +1249,24 @@
 
 	}
 	const search = () => {
-		// if (!searchValue.value) return
-		form.pageNo = 1;
-		InvoicingList.value = [];
-		middletarget.value = 0;
-		form.wlParamInfo = searchValue.value;
-		form.cgdId = plsbuy.value[lefttarget.value].id
-		queryInvo();
+		// if (!plzinfo.cgdParamInfo) return
+		plzinfo.pageNo = 1;
+		plsbuy.value = [];
+		queryCgdList(plzinfo).then((res : any) => {
+			plsbuy.value.push(...res.result.records)
+			alltotal.value = res.result.total
+			if (res.result.records.length) {
+				form.cgdId = plsbuy.value[0].id
+				queryInvo();
+			}
+			if (res.result.records.length < plzinfo.pageSize) {
+				plzinfo.canpull = false;
+			}
+		})
+		// middletarget.value = 0;
+		// form.wlParamInfo = searchValue.value;
+		// form.cgdId = plsbuy.value[lefttarget.value].id
+		// queryInvo();
 	}
 	const moreindex = ref(-1);
 	const zuofeiindex = ref(-1);
@@ -1439,7 +1492,7 @@
 					}
 
 					.bottom-right {
-						padding: 0 30rpx;
+						padding: 0 50rpx;
 						height: 80rpx;
 						color: #0385FA;
 						border: 1rpx solid #0385FA;
@@ -1488,6 +1541,14 @@
 						align-items: center;
 					}
 
+					.more-black {
+						font-size: 28rpx;
+						width: 200rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+					}
+
 					.more-img {
 						width: 35rpx;
 						height: 35rpx;
@@ -2619,7 +2680,7 @@
 
 	@keyframes colorScale {
 		0% {
-			color: #1083F8 ;
+			color: #1083F8;
 			transform: scale(calc(1));
 		}
 
@@ -2633,4 +2694,14 @@
 			transform: scale(calc(1));
 		}
 	}
+
+	.calendar-father {
+		position: fixed;
+		top: 550rpx;
+		left: 60rpx;
+		width: 700rpx;
+		height: 600rpx;
+		background-color: #fff;
+		z-index: 999;
+	}
 </style>
\ No newline at end of file
diff --git a/static/index/calendar/left.png b/static/index/calendar/left.png
new file mode 100644
index 0000000..bccdffb
Binary files /dev/null and b/static/index/calendar/left.png differ
diff --git a/static/index/calendar/right.png b/static/index/calendar/right.png
new file mode 100644
index 0000000..0a20d01
Binary files /dev/null and b/static/index/calendar/right.png differ
diff --git a/static/index/calendar/superleft.png b/static/index/calendar/superleft.png
new file mode 100644
index 0000000..e1c4ed5
Binary files /dev/null and b/static/index/calendar/superleft.png differ
diff --git a/static/index/calendar/superright.png b/static/index/calendar/superright.png
new file mode 100644
index 0000000..009c317
Binary files /dev/null and b/static/index/calendar/superright.png differ