领用管理中 往来信息改为联想搜索

src/views/inout/receive/receiveAdd.vue

@@ -22,7 +22,13 @@
           </el-col>
           <el-col :span="8">
           <el-form-item label="往来信息:">
-            <el-select v-model="filterQuery.corpName"  placeholder="请输入往来信息" style="width: 100%;">
+            <el-select v-model="filterQuery.corpName"  placeholder="请输入往来信息"
+                       filterable
+                       remote
+                       reserve-keyword
+                       :remote-method="finCorpList"
+                       :loading="loading"
+                       style="width: 100%;">
               <el-option
                 v-for="item in corpList"
                 :key="item.code"
@@ -381,12 +387,20 @@ export default {
         .catch(() => {
         });
     },
-    finCorpList(){
-      filterSubAll({})
+    finCorpList(val){
+      let query ={
+        name : val,
+        page : 1,
+        limit : 10,
+      }
+      filterSubAll(query)
         .then((response) => {
+          this.loading = false;
           this.corpList = response.data || [];
         })
         .catch(() => {
+          this.loading = false;
+          this.corpList = [];
         });
     },
 
@@ -399,7 +413,7 @@ export default {
   created() {
     this.finCurInv();
     this.getBusType();
-    this.finCorpList();
+   // this.finCorpList();
   },
 };
 </script>

src/views/inout/receive/receiveAudit.vue

@@ -22,7 +22,20 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="往来信息:">
-              <el-input v-model="filterQuery.corpName" style="width: 90%"  placeholder="请输入往来信息" clearable></el-input>
+              <el-select v-model="filterQuery.corpName"  placeholder="请输入往来信息"
+                         filterable
+                         remote
+                         reserve-keyword
+                         :remote-method="finCorpList"
+                         :loading="loading"
+                         style="width: 100%;">
+                <el-option
+                  v-for="item in corpList"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <!--          <el-col :span="6">-->
@@ -135,7 +148,7 @@
 
 import {getOrderDetail, getReceiveOrder} from "@/api/inout/receiveOrder";
 import auditDetail from "@/views/inout/receive/receiveAuditDetail"
-import {findInvByUser} from "@/api/system/invSubWarehouse";
+import {filterSubAll, findInvByUser} from "@/api/system/invSubWarehouse";
 
 export default {
   data() {
@@ -164,6 +177,7 @@ export default {
       total: 0,
       thirdSys: [],
       invList:[],
+      corpList:[],
       thirdSysDetail: null,
       busTypes: [],
       originTypes: [],
@@ -291,6 +305,23 @@ export default {
       this.idQuery=row;
       this.newSpDistributionVisible = true;
     },
+    finCorpList(val){
+      let query ={
+        name : val,
+        page : 1,
+        limit : 10,
+      }
+      filterSubAll(query)
+        .then((response) => {
+          this.loading = false;
+          this.corpList = response.data || [];
+        })
+        .catch(() => {
+          this.loading = false;
+          this.corpList = [];
+        });
+    },
+
     finCurInv() {
       this.invList = [];
       let query = {

src/views/inout/receive/receiveSearch.vue

@@ -22,7 +22,20 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="往来信息:">
-              <el-input v-model="filterQuery.corpName" style="width: 90%"  placeholder="请输入往来信息" clearable></el-input>
+              <el-select v-model="filterQuery.corpName"  placeholder="请输入往来信息"
+                         filterable
+                         remote
+                         reserve-keyword
+                         :remote-method="finCorpList"
+                         :loading="loading"
+                         style="width: 100%;">
+                <el-option
+                  v-for="item in corpList"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <!--          <el-col :span="6">-->
@@ -154,7 +167,7 @@
 import {getOrderDetail, getReceiveOrder} from "@/api/inout/receiveOrder";
 import auditDetail from "@/views/inout/receive/receiveAuditDetail"
 import {delReceive} from "@/api/thrsys/thrOrderReceive";
-import {findInvByUser} from "@/api/system/invSubWarehouse";
+import {filterSubAll, findInvByUser} from "@/api/system/invSubWarehouse";
 
 export default {
   data() {
@@ -188,6 +201,7 @@ export default {
       busTypes: [],
       originTypes: [],
       list: [],
+      corpList:[],
       detailList: [],
       uploadFileUrl: null,
       fileList: [],
@@ -369,6 +383,23 @@ export default {
       this.filterQuery.page = val.page;
       this.getList();
     },
+    finCorpList(val){
+      let query ={
+        name : val,
+        page : 1,
+        limit : 10,
+      }
+      filterSubAll(query)
+        .then((response) => {
+          this.loading = false;
+          this.corpList = response.data || [];
+        })
+        .catch(() => {
+          this.loading = false;
+          this.corpList = [];
+        });
+    },
+
     finCurInv() {
       this.invList = [];
       let query = {