feat: 工厂订单new新增全部tab下的状态筛选支持多选 #1006853

src/views/order/factoryOrderNew/index.vue

@@ -49,9 +49,9 @@
             :inline="true"
             :inline="true"
             label-width="70px"
             label-width="70px"
           >
           >
-            <ElFormItem v-if="status === 'ALL'" label="状态">
+            <ElFormItem v-if="status === 'ALL'" label="订单状态">
               <ElTreeSelect
               <ElTreeSelect
-                v-model="searchForm.status"
+                v-model="searchFormStatusSelect"
                 :data="statusTreeChildren"
                 :data="statusTreeChildren"
                 :props="{
                 :props="{
                   value: 'status',
                   value: 'status',
@@ -60,6 +60,7 @@
                 }"
                 }"
                 node-key="status"
                 node-key="status"
                 placeholder="请选择"
                 placeholder="请选择"
+                multiple
                 clearable
                 clearable
                 filterable
                 filterable
                 check-strictly
                 check-strictly
@@ -1122,6 +1123,19 @@ const statusTreeChildren = computed(() => {
       item.status !== 'AWAITING_RESTOCK' && item.status !== 'BATCH_MANAGE',
       item.status !== 'AWAITING_RESTOCK' && item.status !== 'BATCH_MANAGE',
   )
   )
 })
 })
+
+const searchFormStatusSelect = computed({
+  get() {
+    const val = searchForm.value.status
+    if (!val) return []
+    return String(val).split(',').filter(Boolean)
+  },
+  set(val: string | string[] | undefined) {
+    const arr = Array.isArray(val) ? val : val ? [val] : []
+    searchForm.value.status = arr.length ? arr.join(',') : undefined
+  },
+})
+
 getFactoryOrderSearchVisibilityContext = () => ({
 getFactoryOrderSearchVisibilityContext = () => ({
   status: searchForm.value.status ?? status.value,
   status: searchForm.value.status ?? status.value,
   isCardLayout: isCardLayout.value,
   isCardLayout: isCardLayout.value,