1

src/views/production/operation/lose-the-delivery/index.vue

@@ -9,7 +9,10 @@
             placeholder="请选择订单号"
             @change="changeOrder()"
             style="width: 100%"
-            filterable />
+            filterable
+            remote
+            :loading="loadingSelect"
+            :remote-method="remoteMethod" />
         </div>
       </template>
       <template #productionExceedReceiveSkuList>
@@ -103,28 +106,6 @@ const typeList = ref([
     dictValue: "丢件",
   },
 ]);
-const getDemandData = () => {
-  proxy.post("/productionOrder/page", { pageNum: 1, pageSize: 9999, status: "40" }).then((res) => {
-    if (res.rows && res.rows.length > 0) {
-      productionOrder.value = productionOrder.value.concat(
-        res.rows.map((item) => {
-          if (item.wlnCode) {
-            return {
-              value: item.orderId,
-              label: item.code + " （" + item.wlnCode + "）",
-            };
-          } else {
-            return {
-              value: item.orderId,
-              label: item.code,
-            };
-          }
-        })
-      );
-    }
-  });
-};
-getDemandData();
 const submit = ref(null);
 const formOption = reactive({
   inline: true,
@@ -275,6 +256,41 @@ const queryBOM = () => {
     formData.data.productionExceedReceiveBomList = [];
   }
 };
+const loadingSelect = ref(false);
+const remoteMethod = (query) => {
+  if (query !== "") {
+    loadingSelect.value = true;
+    proxy.post("/productionOrder/page", { pageNum: 1, pageSize: 200, status: "40", code: query }).then(
+      (res) => {
+        if (res.rows && res.rows.length > 0) {
+          productionOrder.value = res.rows.map((item) => {
+            if (item.wlnCode) {
+              return {
+                value: item.orderId,
+                label: item.code + " （" + item.wlnCode + "）",
+              };
+            } else {
+              return {
+                value: item.orderId,
+                label: item.code,
+              };
+            }
+          });
+        } else {
+          productionOrder.value = [];
+        }
+        loadingSelect.value = false;
+      },
+      (err) => {
+        console.log(err);
+        productionOrder.value = [];
+        loadingSelect.value = false;
+      }
+    );
+  } else {
+    productionOrder.value = [];
+  }
+};
 </script>
 
 <style lang="scss" scoped>

src/views/production/operation/production-error/index.vue

@@ -9,7 +9,10 @@
             placeholder="请选择订单号"
             @change="changeOrder()"
             style="width: 100%"
-            filterable />
+            filterable
+            remote
+            :loading="loadingSelect"
+            :remote-method="remoteMethod" />
         </div>
       </template>
       <template #productionExceedReceiveSkuList>
@@ -110,25 +113,6 @@ const typeList = ref([
   },
 ]);
 const getDemandData = () => {
-  proxy.post("/productionOrder/page", { pageNum: 1, pageSize: 9999 }).then((res) => {
-    if (res.rows && res.rows.length > 0) {
-      productionOrder.value = productionOrder.value.concat(
-        res.rows.map((item) => {
-          if (item.wlnCode) {
-            return {
-              value: item.orderId,
-              label: item.code + " （" + item.wlnCode + "）",
-            };
-          } else {
-            return {
-              value: item.orderId,
-              label: item.code,
-            };
-          }
-        })
-      );
-    }
-  });
   proxy.post("/warehouse/page", { pageNum: 1, pageSize: 999 }).then((res) => {
     if (res.rows && res.rows.length > 0) {
       warehouseList.value = res.rows
@@ -303,6 +287,41 @@ const queryBOM = () => {
     formData.data.productionExceedReceiveBomList = [];
   }
 };
+const loadingSelect = ref(false);
+const remoteMethod = (query) => {
+  if (query !== "") {
+    loadingSelect.value = true;
+    proxy.post("/productionOrder/page", { pageNum: 1, pageSize: 200, code: query }).then(
+      (res) => {
+        if (res.rows && res.rows.length > 0) {
+          productionOrder.value = res.rows.map((item) => {
+            if (item.wlnCode) {
+              return {
+                value: item.orderId,
+                label: item.code + " （" + item.wlnCode + "）",
+              };
+            } else {
+              return {
+                value: item.orderId,
+                label: item.code,
+              };
+            }
+          });
+        } else {
+          productionOrder.value = [];
+        }
+        loadingSelect.value = false;
+      },
+      (err) => {
+        console.log(err);
+        productionOrder.value = [];
+        loadingSelect.value = false;
+      }
+    );
+  } else {
+    productionOrder.value = [];
+  }
+};
 </script>
 
 <style lang="scss" scoped>

src/views/production/operation/supplementary-order/index.vue

@@ -9,7 +9,10 @@
             placeholder="请选择订单号"
             @change="changeOrder()"
             style="width: 100%"
-            filterable />
+            filterable
+            remote
+            :loading="loadingSelect"
+            :remote-method="remoteMethod" />
         </div>
       </template>
       <template #productionExceedReceiveSkuList>
@@ -118,25 +121,6 @@ const typeList = ref([
   },
 ]);
 const getDemandData = () => {
-  proxy.post("/productionOrder/page", { pageNum: 1, pageSize: 9999, status: "40" }).then((res) => {
-    if (res.rows && res.rows.length > 0) {
-      productionOrder.value = productionOrder.value.concat(
-        res.rows.map((item) => {
-          if (item.wlnCode) {
-            return {
-              value: item.orderId,
-              label: item.code + " （" + item.wlnCode + "）",
-            };
-          } else {
-            return {
-              value: item.orderId,
-              label: item.code,
-            };
-          }
-        })
-      );
-    }
-  });
   proxy.post("/warehouse/page", { pageNum: 1, pageSize: 999 }).then((res) => {
     if (res.rows && res.rows.length > 0) {
       warehouseList.value = res.rows
@@ -301,6 +285,41 @@ const queryBOM = () => {
     formData.data.productionExceedReceiveBomList = [];
   }
 };
+const loadingSelect = ref(false);
+const remoteMethod = (query) => {
+  if (query !== "") {
+    loadingSelect.value = true;
+    proxy.post("/productionOrder/page", { pageNum: 1, pageSize: 200, status: "40", code: query }).then(
+      (res) => {
+        if (res.rows && res.rows.length > 0) {
+          productionOrder.value = res.rows.map((item) => {
+            if (item.wlnCode) {
+              return {
+                value: item.orderId,
+                label: item.code + " （" + item.wlnCode + "）",
+              };
+            } else {
+              return {
+                value: item.orderId,
+                label: item.code,
+              };
+            }
+          });
+        } else {
+          productionOrder.value = [];
+        }
+        loadingSelect.value = false;
+      },
+      (err) => {
+        console.log(err);
+        productionOrder.value = [];
+        loadingSelect.value = false;
+      }
+    );
+  } else {
+    productionOrder.value = [];
+  }
+};
 </script>
 
 <style lang="scss" scoped>