save'

src/components/newTravelmanager/TravelGroupControl/TravelPriceFlightList.vue

@@ -75,14 +75,14 @@
             <td>{{priceFlight.DepartureAirPortName}}</td>
             <td>
               <el-input v-if="priceFlight.IsShowTime||priceFlight.IsShow" :placeholder="$t('system.ph_flightTime')"
-                class="w80" v-model="priceFlight.DepartureTime">
+                class="w80" :value="priceFlight.DepartureTime" @input="e => changeDepartureTime(index,e)">
               </el-input>
               <span v-else>{{priceFlight.DepartureTime}}</span>
             </td>
             <td>{{priceFlight.ArrivalAirPortName}}</td>
             <td>
               <el-input v-if="priceFlight.IsShowTime||priceFlight.IsShow" placeholder="到达时间" class="w80"
-                v-model="priceFlight.ArrivalTime">
+                :value="priceFlight.ArrivalTime" @input="e => changeTime(index,e)">
               </el-input>
               <span v-else> {{priceFlight.ArrivalTime}}</span>
             </td>
@@ -217,6 +217,26 @@
       }
     },
     methods: {
+      changeTime(index,value) {
+        const valueArr = value.split(':') 
+        if(valueArr.length <= 2) {
+          if(valueArr[0] < 24) {
+            if(!valueArr[1] || valueArr[1] < 60) {
+              this.$set(this.priceFlightList[index], 'ArrivalTime', value)
+            }
+          }
+        }
+      },
+      changeDepartureTime(index,value) {
+        const valueArr = value.split(':')
+        if(valueArr.length <= 2) {
+          if(valueArr[0] < 24) {
+            if(!valueArr[1] || valueArr[1] < 60) {
+              this.$set(this.priceFlightList[index], 'DepartureTime', value)
+            }
+          }
+        }
+      },
       //状态切换
       StatusChange(item) {
         item.IsShow = !item.IsShow;
@@ -333,6 +353,14 @@
       },
       //保存航班信息
       savePriceFlight(item) {
+        console.log('保存航班信息', item)
+        if(!/([0|1][0-9])|(2[0|1|2|3]):[0|1|2|3|4|5][0-9]/.test(item.DepartureTime)) {
+          this.$message.error('起飞时间格式不对, 格式如02:06, 23:00')
+          return
+        } else if(!/([0|1][0-9])|(2[0|1|2|3]):[0|1|2|3|4|5][0-9]/.test(item.ArrivalTime)) {
+          this.$message.error('到达时间格式不对, 格式如02:06, 23:00')
+          return
+        }
         item.IsShow = false
         this.priceFlightList.forEach((x, index) => {
           if (index == 0) {

src/components/newTravelmanager/TravelGroupControl/TravelPriceFlightList_Self.vue

@@ -55,13 +55,13 @@
               <el-input v-model="priceFlight.StartAirport"  class="w100"></el-input>
             </td>
             <td>
-              <el-input v-model="priceFlight.StartTime"  class="w80"> </el-input>
+              <el-input :value="priceFlight.StartTime"  class="w80" @input="e => changeStartTime(index,e)"> </el-input>
             </td>
             <td>
               <el-input v-model="priceFlight.ArrivalAirport"  class="w100"> </el-input>
             </td>
             <td>
-              <el-input v-model="priceFlight.ArrivalTime"  class="w80"> </el-input>
+              <el-input :value="priceFlight.ArrivalTime"  class="w80" @input="e => changeArrivalTime(index,e)"> </el-input>
             </td>
             <td>
               <el-date-picker class="w110" :clearable="false" v-model="priceFlight.FlightDate" type="date"
@@ -158,6 +158,26 @@
       }
     },
     methods: { 
+      changeStartTime(index,value) {
+        const valueArr = value.split(':') 
+        if(valueArr.length <= 2) {
+          if(valueArr[0] < 24) {
+            if(!valueArr[1] || valueArr[1] < 60) {
+              this.$set(this.priceFlightList[index], 'StartTime', value)
+            }
+          }
+        }
+      },
+      changeArrivalTime(index,value) {
+        const valueArr = value.split(':')
+        if(valueArr.length <= 2) {
+          if(valueArr[0] < 24) {
+            if(!valueArr[1] || valueArr[1] < 60) {
+              this.$set(this.priceFlightList[index], 'ArrivalTime', value)
+            }
+          }
+        }
+      },
       //新增航班
       addFlight() {
         var obj = {