gsb

bpo-admin/app/front/vues/pages/channelmerchantmanager/channelmerchantmanager.html

@@ -119,7 +119,7 @@
               </el-option>
               </el-option>
             </el-select>
             </el-select>
           </el-form-item>
           </el-form-item>
-          <el-form-item label="商户名称：" prop="merchant_name" v-if="is_api == 1" >
+          <!-- <el-form-item label="商户名称：" prop="merchant_name" v-if="is_api == 1" >
             <el-autocomplete
             <el-autocomplete
               class="inline-input"
               class="inline-input"
               style="width:468px;"
               style="width:468px;"
@@ -129,6 +129,30 @@
               @select="handleSelect"
               @select="handleSelect"
               :disabled="dkcompany.id && dkcompany.origin_merchant_id"
               :disabled="dkcompany.id && dkcompany.origin_merchant_id"
             ></el-autocomplete>
             ></el-autocomplete>
+          </el-form-item> -->
+          <el-form-item label="商户名称：" prop="merchant_name" v-if="is_api == 1" >
+            <el-select
+                v-model="dkcompany.merchant_name"
+                filterable
+                remote
+                clearable
+                reserve-keyword
+                style="width:420px;float: left;"
+                placeholder="请搜索商户名称"
+                @change="merchantNameChange"
+                :remote-method="suggestMerchantNames"
+                :loading="merchantNameLoading"
+                :disabled="dkcompany.id && dkcompany.origin_merchant_id"
+                >
+              <el-option
+                      v-for="item in merchantNameList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id">
+                <span style="float: left;width:150px;">{{ item.name }}--{{ item.id }}</span>
+
+              </el-option>
+            </el-select>
           </el-form-item>
           </el-form-item>
           <el-form-item label="商户名称：" prop="merchant_name" v-if="is_api == 0">
           <el-form-item label="商户名称：" prop="merchant_name" v-if="is_api == 0">
             <el-input v-model="dkcompany.merchant_name" placeholder="请输入商户名称" maxlength="200" style="width:468px;" clearable ></el-input>
             <el-input v-model="dkcompany.merchant_name" placeholder="请输入商户名称" maxlength="200" style="width:468px;" clearable ></el-input>

bpo-admin/app/front/vues/pages/channelmerchantmanager/channelmerchantmanager.js

@@ -18,6 +18,10 @@
             ownerMap:[],
             ownerMap:[],
             ownerLoading:false,
             ownerLoading:false,
             owner_id: "",
             owner_id: "",
+            merchantNameLoading: false,
+            merchantNameList: [],
+            merchantNameMap:[],
+
             search: {
             search: {
                 list: [],
                 list: [],
                 currentPage: 1,
                 currentPage: 1,
@@ -81,7 +85,7 @@
                 if (d.status == 0) {
                 if (d.status == 0) {
                     let arr = [];
                     let arr = [];
                     for(let i=0;i<d.data.length;i++){
                     for(let i=0;i<d.data.length;i++){
-                        arr.push({'value':d.data[i].name,'address': d.data[i].id})
+                        arr.push({'value':d.data[i].name, 'address': d.data[i].id});
                     }
                     }
                     cb(arr)
                     cb(arr)
                 } else {
                 } else {
@@ -90,7 +94,7 @@
         },
         },
         handleSelect(item) {
         handleSelect(item) {
             console.log(item);
             console.log(item);
-            this.dkcompany.origin_merchant_id = item.address
+            this.dkcompany.origin_merchant_id = item.address;
         },
         },
         originMerchantsPost(value) {
         originMerchantsPost(value) {
             console.log(value);
             console.log(value);
@@ -291,6 +295,33 @@
                 self.saveLoading = false;
                 self.saveLoading = false;
             }, 5000);
             }, 5000);
         },
         },
+        suggestMerchantNames(query) {
+            var self = this;
+            self.merchantNameLoading = true;
+            self.$root.postReq("/web/channelCtl/originMerchants", {
+                id: self.dkcompany.origin_id,
+                name: query
+            }).then(function (d) {
+                self.merchantNameLoading = false;
+                self.merchantNameList = d.data || [];
+                self.merchantNameMap = {};
+                for(let mn of self.merchantNameList) {
+                    self.merchantNameMap[mn.id] = mn;
+                }
+            });
+            setTimeout(() => {
+                self.merchantNameLoading = false;
+            }, 15000);
+        },
+        merchantNameChange(val) {
+            var self = this;
+            console.log(val, "-------------");
+            let mn = self.merchantNameMap[val] || {};
+            console.log(val, "-------------", mn);
+            this.dkcompany.origin_merchant_id = mn.id;
+            this.dkcompany.merchant_name = mn.name;
+            console.log(this.dkcompany);
+        },
     },
     },
     vname: "gsb-dkcompanyadmin"
     vname: "gsb-dkcompanyadmin"
 }
 }
\ No newline at end of file