付款对象我的财务单据以及收支查询模糊查询

src/components/FinancialModule/FinancialDocuments.vue

@@ -763,11 +763,12 @@
             </span>
           </li>
           <!--  v-show="msg.Type==2" -->
+          <!--  @change="financeinfo_post_GetClientAccountList(msg.ClientType),msg.ClientID=''" class="w150">-->
           <li>
             <span>
               <em>{{$t('fnc.dxleixing')}}</em>
               <el-select filterable v-model='msg.ClientType'
-                @change="financeinfo_post_GetClientAccountList(msg.ClientType),msg.ClientID=''" class="w150">
+                @change="ClaerClientAccountList(),msg.ClientID=''" class="w150">
                 <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
                 <el-option v-for='item in ClientTypeList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
@@ -778,11 +779,23 @@
           <li>
             <span>
               <em>{{$t('fnc.fkduixiang')}}</em>
-              <el-select filterable v-model='msg.ClientID' class="w150">
+              <el-select
+    v-model="msg.ClientID" class="w150"
+    filterable
+    remote
+    reserve-keyword
+    placeholder="请输入关键词"
+    :remote-method="GetClientAccountListByKeyWord"
+    >
     <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
     <el-option v-for='item in ClientAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
   </el-select>
+              <!-- <el-select filterable v-model='msg.ClientID' class="w150">
+                <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
+                <el-option v-for='item in ClientAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
+                </el-option>
+              </el-select> -->
             </span>
           </li>
           <li>
@@ -2419,6 +2432,43 @@
           err => {}
         );
       },
+
+      ClaerClientAccountList(){
+        this.ClientAccountList=[];
+        //this.transTax.ClientID='';
+      },
+      GetClientAccountListByKeyWord(query) {
+        if (query !== '') {
+        // 获取对象类型
+        let msg = {
+                  Type: this.transTax.ClientType,
+                  ObjID: 0,
+                  CardNum: "",
+                  KeyWord:query,
+                };
+        this.apipost(
+          "financeinfo_post_GetClientAccountList",
+          msg,
+          res => {
+            if (res.data.resultCode == 1) {
+              let data = res.data.data;
+              let ClientAccountList = [];
+              data.forEach(x => {
+                let obj = {
+                  ID: x.ID,
+                  Name: x.AccountAlias,
+                  Nom: x.CardNum
+                };
+                ClientAccountList.push(obj);
+              });
+              this.ClientAccountList = ClientAccountList;
+            }
+          },
+          err => {}
+        );
+        }
+      },
+
       GetClientAccountList(i) { //获取客户名称并且根据费用类型和付款对象获取客户账号
         this.msg.AccountNumber = '';
         this.transTax.ClientID = ''

src/components/FinancialModule/RecPayQuery.vue

@@ -91,6 +91,33 @@
                 </el-select>
               </el-form-item>
             </el-col>
+            <el-col :span="4">
+              <el-form-item :label="$t('fnc.dxleixing')">
+                <el-select filterable v-model='msg.ClientType'
+                @change="ClaerClientAccountList(),msg.ClientID=''" class="w150">
+                <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
+                <el-option v-for='item in ClientTypeList' :label='item.Name' :value='item.ID' :key='item.ID'>
+                </el-option>
+              </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item :label="$t('fnc.fkduixiang')">
+                <el-select
+    v-model="msg.ClientID" class="w150"
+    filterable
+    remote
+    reserve-keyword
+    placeholder="请输入关键词"
+    :remote-method="GetClientAccountListByKeyWord"
+    >
+    <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
+    <el-option v-for='item in ClientAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
+                </el-option>
+  </el-select>
+              </el-form-item>
+            </el-col>
+
             <el-col :span="4">
               <el-form-item label="收付款账户：">
                 <el-select filterable v-model='msg.BankID'>
@@ -1005,6 +1032,41 @@
       })
     },
     methods: {
+      ClaerClientAccountList(){
+        this.ClientAccountList=[];
+      },
+      GetClientAccountListByKeyWord(query) {
+        if (query !== '') {
+        // 获取对象类型
+        let msg = {
+                  Type: this.transTax.ClientType,
+                  ObjID: 0,
+                  CardNum: "",
+                  KeyWord:query,
+                };
+        this.apipost(
+          "financeinfo_post_GetClientAccountList",
+          msg,
+          res => {
+            if (res.data.resultCode == 1) {
+              let data = res.data.data;
+              let ClientAccountList = [];
+              data.forEach(x => {
+                let obj = {
+                  ID: x.ID,
+                  Name: x.AccountAlias,
+                  Nom: x.CardNum
+                };
+                ClientAccountList.push(obj);
+              });
+              this.ClientAccountList = ClientAccountList;
+            }
+          },
+          err => {}
+        );
+        }
+      },
+
       // 是否需要发票
       EditInvoiceStatus(row){
         let KingdeeInvoice