库存查询月份改为范围查询

src/views/warehouses/stockSearch/index.vue

@@ -9,13 +9,15 @@
             <el-option v-for="w in warehouseOptions" :key="w.id" :label="w.storeName" :value="w.id" />
           </el-select>
         </el-form-item>
-        <el-form-item label="月份" prop="month">
+        <el-form-item label="月份范围" prop="month">
           <el-date-picker
             v-model="queryParams.month"
-            type="month"
+            type="monthrange"
             value-format="YYYY-MM"
-            placeholder="选择月份"
-            class="!w-180px"
+            range-separator="至"
+            start-placeholder="开始月份"
+            end-placeholder="结束月份"
+            class="!w-240px"
           />
         </el-form-item>
         <el-form-item label="关键字" prop="keyword">
@@ -107,7 +109,7 @@ const queryParams = reactive({
   pageSize: 10,
   tenantIds: userStore.orgTenantId,
   storeId: '',
-  month: new Date().toISOString().slice(0, 7),
+  month: [],
   keyword: '',
 })
 
@@ -163,7 +165,7 @@ const handleSearch = () => {
 
 const handleReset = () => {
   queryParams.storeId = ''
-  queryParams.month = new Date().toISOString().slice(0, 7)
+  queryParams.month = []
   queryParams.keyword = ''
   queryParams.pageNo = 1
   queryParams.tenantIds = userStore.orgTenantId
@@ -182,14 +184,15 @@ const handleCurrentChange = (page) => {
 }
 
 const handleView = async(row) => {
-  if(!queryParams.month) {
+  const [startMonth] = queryParams.month || []
+  if (!startMonth) {
     ElMessage.error('请选择月份')
     return
   }
   try {
     const res = await materialStockFlowDetail({
       inboundItemId: row.inboundItemId,
-      month: queryParams.month,
+      month: startMonth,
     })
     currentStockDetail.value = res
     stockDialogVisible.value = true