feat: 增加批次功能

src/views/batchesResult/batchesResult.vue

@@ -31,10 +31,13 @@
 				<a-time-picker format="HH:mm:ss" valueFormat="HH:mm:ss" v-model:value="queryForm.endTime" style="width: 140px" />
 				<a-time-picker format="HH:mm:ss" valueFormat="HH:mm:ss" v-model:value="queryForm.endTime" style="width: 140px" />
 			</a-form-item>
 			</a-form-item>
 			<a-form-item label="批次人数：" style="padding: 5px 0">
 			<a-form-item label="批次人数：" style="padding: 5px 0">
-			<a-input-number v-model:value="queryForm.minNum" :min="0" :max="100000000" style="width: 140px"/>
-			<span style="padding: 0 4px">至</span>
-			<a-input-number v-model:value="queryForm.maxNum" :min="queryForm.maxNum||0" :max="100000000" style="width: 140px"/>
-		</a-form-item>
+        <a-input-number v-model:value="queryForm.minNum" :min="0" :max="100000000" style="width: 140px"/>
+        <span style="padding: 0 4px">至</span>
+        <a-input-number v-model:value="queryForm.maxNum" :min="queryForm.maxNum||0" :max="100000000" style="width: 140px"/>
+      </a-form-item>
+      <a-form-item label="批次ID：" style="padding: 5px 0">
+        <a-input v-model:value="queryForm.batchId" style="width: 240px"/>
+      </a-form-item>
 			<a-form-item style="padding: 5px 0">
 			<a-form-item style="padding: 5px 0">
 				<a-button type="primary" @click="clickSearch" :loading="isLoading">查询</a-button>
 				<a-button type="primary" @click="clickSearch" :loading="isLoading">查询</a-button>
 			</a-form-item>
 			</a-form-item>
@@ -128,6 +131,7 @@
 				endTime: '23:59:59',
 				endTime: '23:59:59',
 				minNum: 0,
 				minNum: 0,
 				maxNum: 100000,
 				maxNum: 100000,
+        batchId: '',
 			})
 			})
 			const searchCondition = ref({})
 			const searchCondition = ref({})
 			if (window.localStorage.getItem('searchCondition')) {
 			if (window.localStorage.getItem('searchCondition')) {
@@ -137,6 +141,7 @@
 				queryForm.minNum = searchCondition.value.minNum || 0;
 				queryForm.minNum = searchCondition.value.minNum || 0;
 				queryForm.maxNum = searchCondition.value.maxNum || 100000;
 				queryForm.maxNum = searchCondition.value.maxNum || 100000;
 				queryForm.date = searchCondition.value.date;
 				queryForm.date = searchCondition.value.date;
+        queryForm.batchId = searchCondition.value.batchId || ''
 			}
 			}
 			const onPageNumChange = function(num) {
 			const onPageNumChange = function(num) {
 				pageNum.value = num
 				pageNum.value = num
@@ -255,6 +260,7 @@
 			const confirmSearch = function() {
 			const confirmSearch = function() {
 				isLoading.value = true
 				isLoading.value = true
 				const rawData = toRaw(queryForm)
 				const rawData = toRaw(queryForm)
+        // 用于请求接口，查询条件
 				const data = filterEmptyValueInObject({
 				const data = filterEmptyValueInObject({
 					mallId: rawData.plaza_id,
 					mallId: rawData.plaza_id,
           zoneId: rawData.zone_id.toString(),
           zoneId: rawData.zone_id.toString(),
@@ -265,7 +271,9 @@
 					maxNum: rawData.maxNum,
 					maxNum: rawData.maxNum,
 					pageNum: pageNum.value,
 					pageNum: pageNum.value,
 					pageSize: pageSize.value,
 					pageSize: pageSize.value,
+          batchId: rawData.batchId,
 				})
 				})
+        // 用于localStorage存储
 				const storageData = filterEmptyValueInObject({
 				const storageData = filterEmptyValueInObject({
 					account_id: rawData.account_id,
 					account_id: rawData.account_id,
 					plaza_id: [rawData.plaza_id],
 					plaza_id: [rawData.plaza_id],
@@ -275,6 +283,7 @@
 					maxNum: rawData.maxNum,
 					maxNum: rawData.maxNum,
 					startTime: rawData.startTime,
 					startTime: rawData.startTime,
 					endTime: rawData.endTime,
 					endTime: rawData.endTime,
+          batchId: rawData.batchId,
 				})
 				})
 				let searchCondition = JSON.parse(window.localStorage.getItem('searchCondition'));
 				let searchCondition = JSON.parse(window.localStorage.getItem('searchCondition'));
 				let newSearchCondition = {
 				let newSearchCondition = {