粮情分析 根据时间查询的问题

src/views/PGSMSP/lqyfw/grainAnalysis.vue

@@ -3,21 +3,24 @@
 	<div class="pageBox">
 		<div class="searchBox">
 			<a-form ref="formRef" :model="pagination">
-				<a-form-item label="库区名称" name="storehouseName">
-					<a-input v-model:value="pagination.storehouseName" placeholder="请输入库区名称" />
-				</a-form-item>
-				<a-form-item label="预警时间" name="gatherTime">
-					<a-date-picker
-						show-time
-						v-model:value="pagination.gatherTime"
-						valueFormat="YYYY-MM-DD HH:mm:ss"
-						placeholder="请选择预警时间"
-					/>
-				</a-form-item>
-				<a-form-item>
-					<a-button type="primary" @click="getTableData">查询</a-button>
-					<a-button @click="resetForm">清空</a-button>
-				</a-form-item>
+				<a-row>
+					<a-col :span="4">
+						<a-form-item label="库区名称" name="storehouseName">
+							<a-input v-model:value="pagination.storehouseName" placeholder="请输入库区名称" />
+						</a-form-item>
+					</a-col>
+					<a-col :span="7">
+						<a-form-item label="采集时间" name="gatherTime">
+							<a-range-picker show-time v-model:value="gatherTime" valueFormat="YYYY-MM-DD HH:mm:ss" />
+						</a-form-item>
+					</a-col>
+					<a-col :span="6">
+						<a-form-item>
+							<a-button type="primary" @click="getTableData">查询</a-button>
+							<a-button @click="resetForm">清空</a-button>
+						</a-form-item>
+					</a-col>
+				</a-row>
 			</a-form>
 		</div>
 		<div class="tableBox">
@@ -67,6 +70,7 @@
 		showDetails: false,
 		activeModule: ''
 	})
+	const gatherTime = ref([])
 	const tableData = ref([])
 	// 分页器的配置
 	const pagination = ref({
@@ -74,6 +78,8 @@
 		current: 1,
 		size: 10,
 		endJysj: '',
+		startJysj: '',
+		gatherTime: [],
 		orgId: orgId
 	})
 
@@ -81,7 +87,12 @@
 		getTableData()
 	})
 	function getTableData() {
-		tableData.value = [{}]
+		tableData.value = []
+		if (gatherTime.value) {
+			pagination.value.endJysj = gatherTime.value[1]
+			pagination.value.startJysj = gatherTime.value[0]
+		}
+
 		api.collectList(pagination.value).then((res) => {
 			tableData.value = res.records
 			pagination.value.size = res.size
@@ -113,6 +124,7 @@
 	// 清空搜索条件
 	function resetForm() {
 		formRef.value.resetFields()
+		gatherTime.value = []
 		getTableData()
 	}
 
@@ -161,6 +173,9 @@
 					.ant-btn {
 						margin: 0 8px;
 					}
+					.ant-picker-range {
+						width: 100%;
+					}
 				}
 			}
 		}