卸货地代码处理

+const unloadingCode = [
+    {
+        value: '460043',
+        label: '郑州机场-国际西货站'
+    },
+    {
+        value: '46004',
+        label: '郑州机场'
+    },
+    {
+        value: '46012',
+        label: '郑州综保'
+    },
+]
+export default unloadingCode

@@ -45,7 +45,6 @@
 </template>
 
 <script>
-    import userInfo from '@/api/base';
     import {userMenu} from '@/api/perm_api';
     import {mapActions, mapGetters} from 'vuex'
     import ChangeIcon from './ChangeIcon'

@@ -457,7 +457,23 @@
                         </el-col>
                         <el-col :span="8">
                             <el-form-item label="卸货地代码" prop="unloadcode">
-                                <el-input suffix-icon=“xxxx” v-model="unloadcode" placeholder="" />
+<!--                                <el-input suffix-icon=“xxxx” v-model="unloadcode" placeholder="" />-->
+                                <el-autocomplete
+                                        suffix-icon=“xxxx”
+                                        v-model="unloadcode"
+                                        :fetch-suggestions="unloadcodeSearchAsync"
+                                        placeholder=""
+                                        @select="unloadcodeSelect"
+                                        clearable
+                                >
+                                    <template slot-scope="{item}">
+                                        <el-tooltip placement="right">
+                                            <div slot="content">{{item.value}} - {{item.label}}</div>
+                                            <span>{{item.label}}</span>
+                                        </el-tooltip>
+                                    </template>
+
+                                </el-autocomplete>
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -531,6 +547,7 @@
     import DetailedLog from '@/components/detailedDialog'
     import  uti from '@/utils'
     import loginuserInfo from "@/api/base";
+    import unloadingCode from "@/common/customs/trans_arrive_unloadingCode";
 
 
     export default {
@@ -892,6 +909,23 @@
                     Message.error('请选择需要批量发送的运单')
                 }
             },
+            unloadcodeSearchAsync(queryString, cb) {
+                let customs_unloadingCode  = unloadingCode;
+                console.log(customs_unloadingCode)
+                let results = queryString ? customs_unloadingCode.filter(this.unloadcodeFilter(queryString)) : customs_unloadingCode;
+                clearTimeout(this.timeout);
+                this.timeout = setTimeout(() => {
+                    cb(results);
+                }, 1000 * Math.random());
+            },
+            unloadcodeFilter(queryString) {
+                return (unloadingCode) => {
+                    return (unloadingCode.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+                };
+            },
+            unloadcodeSelect(item) {
+                console.log(item);
+            }
         }
 
     }