作者 朱兆平

卸货地代码处理

  1 +const unloadingCode = [
  2 + {
  3 + value: '460043',
  4 + label: '郑州机场-国际西货站'
  5 + },
  6 + {
  7 + value: '46004',
  8 + label: '郑州机场'
  9 + },
  10 + {
  11 + value: '46012',
  12 + label: '郑州综保'
  13 + },
  14 +]
  15 +export default unloadingCode
@@ -45,7 +45,6 @@ @@ -45,7 +45,6 @@
45 </template> 45 </template>
46 46
47 <script> 47 <script>
48 - import userInfo from '@/api/base';  
49 import {userMenu} from '@/api/perm_api'; 48 import {userMenu} from '@/api/perm_api';
50 import {mapActions, mapGetters} from 'vuex' 49 import {mapActions, mapGetters} from 'vuex'
51 import ChangeIcon from './ChangeIcon' 50 import ChangeIcon from './ChangeIcon'
@@ -457,7 +457,23 @@ @@ -457,7 +457,23 @@
457 </el-col> 457 </el-col>
458 <el-col :span="8"> 458 <el-col :span="8">
459 <el-form-item label="卸货地代码" prop="unloadcode"> 459 <el-form-item label="卸货地代码" prop="unloadcode">
460 - <el-input suffix-icon=“xxxx” v-model="unloadcode" placeholder="" /> 460 +<!-- <el-input suffix-icon=“xxxx” v-model="unloadcode" placeholder="" />-->
  461 + <el-autocomplete
  462 + suffix-icon=“xxxx”
  463 + v-model="unloadcode"
  464 + :fetch-suggestions="unloadcodeSearchAsync"
  465 + placeholder=""
  466 + @select="unloadcodeSelect"
  467 + clearable
  468 + >
  469 + <template slot-scope="{item}">
  470 + <el-tooltip placement="right">
  471 + <div slot="content">{{item.value}} - {{item.label}}</div>
  472 + <span>{{item.label}}</span>
  473 + </el-tooltip>
  474 + </template>
  475 +
  476 + </el-autocomplete>
461 </el-form-item> 477 </el-form-item>
462 </el-col> 478 </el-col>
463 </el-row> 479 </el-row>
@@ -531,6 +547,7 @@ @@ -531,6 +547,7 @@
531 import DetailedLog from '@/components/detailedDialog' 547 import DetailedLog from '@/components/detailedDialog'
532 import uti from '@/utils' 548 import uti from '@/utils'
533 import loginuserInfo from "@/api/base"; 549 import loginuserInfo from "@/api/base";
  550 + import unloadingCode from "@/common/customs/trans_arrive_unloadingCode";
534 551
535 552
536 export default { 553 export default {
@@ -892,6 +909,23 @@ @@ -892,6 +909,23 @@
892 Message.error('请选择需要批量发送的运单') 909 Message.error('请选择需要批量发送的运单')
893 } 910 }
894 }, 911 },
  912 + unloadcodeSearchAsync(queryString, cb) {
  913 + let customs_unloadingCode = unloadingCode;
  914 + console.log(customs_unloadingCode)
  915 + let results = queryString ? customs_unloadingCode.filter(this.unloadcodeFilter(queryString)) : customs_unloadingCode;
  916 + clearTimeout(this.timeout);
  917 + this.timeout = setTimeout(() => {
  918 + cb(results);
  919 + }, 1000 * Math.random());
  920 + },
  921 + unloadcodeFilter(queryString) {
  922 + return (unloadingCode) => {
  923 + return (unloadingCode.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
  924 + };
  925 + },
  926 + unloadcodeSelect(item) {
  927 + console.log(item);
  928 + }
895 } 929 }
896 930
897 } 931 }