页面修改

src/components/newTravelmanager/oldTravelGroupControl/trifficTrip.vue

@@ -27,15 +27,16 @@
                 <el-form-item
                   :prop="'DayList.'+index+'.dayArray.'+subIndex+'.childItem.SubTraffic.'+subTrafficIndex+'.StartCityId'"
                   :rules="trifficTripRules.StartCityId">
-                  <el-select :disabled="isOpenGroup" class='w120' :placeholder="$t('pub.pleaseSel')" filterable
-                    v-model="subTraffic.StartCityId" @visible-change="GetDepartList1($event)"
+                  <el-select :disabled="isOpenGroup" class='w120' :placeholder="$t('pub.pleaseSel')" filterable remote
+                    v-model="subTraffic.StartCityId" reserve-keyword :remote-method="GetDepartList1"
                     @change="changeGetDepartList(subTraffic.StartCityId)">
                     <el-option :label="$t('pub.unlimitedSel')" :value='DefaultSelectValue'></el-option>
                     <el-option v-for="item in DepartList1" :label='item.Name' :value='item.ID' :key='item.ID'>
                     </el-option>
                   </el-select>
                 </el-form-item>
-                <el-input v-model="subTraffic.StartTime" placeholder="出发时间" style="width:80px" @keyup.native="checkTime(subTraffic,'StartTime')"></el-input>
+                <el-input v-model="subTraffic.StartTime" placeholder="出发时间" style="width:80px"
+                  @keyup.native="checkTime(subTraffic,'StartTime')"></el-input>
               </span>
               <!--显示交通类型-->
               <span class="TDArrivalType">
@@ -55,12 +56,13 @@
                 <i v-if="subTraffic.ArrivalType==4" class="iconfont icon-huoche huoche"></i>
               </span>
               <span>
-                 <el-input v-model="subTraffic.EndTime" placeholder="到达时间" style="width:80px"  @keyup.native="checkTime(subTraffic,'EndTime')"></el-input>
+                <el-input v-model="subTraffic.EndTime" placeholder="到达时间" style="width:80px"
+                  @keyup.native="checkTime(subTraffic,'EndTime')"></el-input>
                 <el-form-item
                   :prop="'DayList.'+index+'.dayArray.'+subIndex+'.childItem.SubTraffic.'+subTrafficIndex+'.ArrivalCityId'"
                   :rules="trifficTripRules.ArrivalCityId">
-                  <el-select :disabled="isOpenGroup" class='w120' :placeholder="$t('pub.pleaseSel')" filterable
-                    v-model="subTraffic.ArrivalCityId" @visible-change="GetArrivalList1($event)"
+                  <el-select :disabled="isOpenGroup" class='w120' :placeholder="$t('pub.pleaseSel')"  filterable remote
+                    v-model="subTraffic.ArrivalCityId" reserve-keyword :remote-method="GetArrivalList1"
                     @change="changeArrivalCity(subTraffic.ArrivalCityId)">
                     <el-option :label="$t('pub.unlimitedSel')" :value='DefaultSelectValue'></el-option>
                     <el-option v-for="item in ArriveList1" :label='item.Name' :value='item.ID' :key='item.ID'>
@@ -275,15 +277,39 @@
     },
     methods: {
       //出发城市1
-      GetDepartList1(event) {
-        if (event) {
-          this.DepartList1 = this.AllCityList;
+      GetDepartList1(query) {
+        this.DepartList1 = [];
+        if (query != "") {
+          this.apipost(
+            "dict_get_Destination_GetListService", {
+              Name: query
+            },
+            res => {
+              this.loading = false;
+              if (res.data.resultCode == 1) {
+                this.DepartList1 = res.data.data;
+              }
+            },
+            err => {}
+          );
         }
       },
       //到达城市
-      GetArrivalList1(event) {
-        if (event) {
-          this.ArriveList1 = this.AllCityList;
+      GetArrivalList1(query) {
+             this.ArriveList1 = [];
+        if (query != "") {
+          this.apipost(
+            "dict_get_Destination_GetListService", {
+              Name: query
+            },
+            res => {
+              this.loading = false;
+              if (res.data.resultCode == 1) {
+                this.ArriveList1 = res.data.data;
+              }
+            },
+            err => {}
+          );
         }
       },
       //到达城市改变