修改航班维护

src/components/Ticketing/flightChild.vue

@@ -6,7 +6,7 @@
 .flightChild .FweekList{
   width:100%;
   margin-top:5px;
-  padding:0 0 5px 42px;
+  padding:0 0 5px 43px;
   border-bottom:1px dashed #d1d1d1;
 }
 .flightChild .FweekList:last-child{
@@ -21,6 +21,18 @@
 .flightChild .flightDateSearch{
   margin:0 0 10px 46px;
 }
+.disClick {
+  background-color: #d1d1d1;
+  color: #fff;
+  border: 1px solid #d1d1d1;
+}
+
+.disClick:hover {
+  background-color: #d1d1d1 !important;
+  cursor: default !important;
+  box-shadow: none !important;
+}
+
 </style>
 <template>
   <div class="flexOne flightChild">
@@ -100,33 +112,33 @@
             <td>
               <div v-if="PostData.UpdateType==1" class="FweekList" v-for="subItem in dateObj2">
                 <span>{{subItem.WeekDayStr}}：</span>
-                <el-input class="w135" v-model="subItem.CDepartTime" onkeyup="value=value.replace(/[^\d^\:]+/g,'')"></el-input>
-                <el-input class="w135" v-model="subItem.CArrivalTime" onkeyup="value=value.replace(/[^\d^\:]+/g,'')"></el-input>
+                <el-input class="w135" v-model="subItem.CDepartTime" placeholder="起飞时间" @keyup.native="checkTime(subItem,'CDepartTime')" maxlength="5"></el-input>
+                <el-input class="w135" v-model="subItem.CArrivalTime" placeholder="到达时间" @keyup.native="checkTime(subItem,'CArrivalTime')" maxlength="5"></el-input>
               </div>
               <div v-if="PostData.UpdateType==2" class="FweekList" v-for="subItem in dateObj">
                 <el-checkbox v-model='subItem.CheckStatus'>{{subItem.WeekDayStr}}</el-checkbox>
-                <el-input class="w135" v-model="subItem.CDepartTime" onkeyup="value=value.replace(/[^\d^\:]+/g,'')"></el-input>
-                <el-input class="w135" v-model="subItem.CArrivalTime" onkeyup="value=value.replace(/[^\d^\:]+/g,'')"></el-input>
+                <el-input class="w135" v-model="subItem.CDepartTime" placeholder="起飞时间" @keyup.native="checkTime(subItem,'CDepartTime')" maxlength="5"></el-input>
+                <el-input class="w135" v-model="subItem.CArrivalTime" placeholder="起飞时间" @keyup.native="checkTime(subItem,'CArrivalTime')" maxlength="5"></el-input>
               </div>
             </td>
           </tr>
         </table>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
+        <button class="normalBtn" type="primary" @click="submitForm('addMsg')" :class="{'disClick':!isSaved}">{{$t('pub.saveBtn')}}</button> &nbsp;
         <button class="hollowFixedBtn" @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button>
       </div>
     </el-dialog>
 
     <el-dialog custom-class='flightAddCompany' title="修改效期" :visible.sync="editVisible" center>
       <el-form>
-        <table class="flightChildTable" style="border-collapse: collapse;text-align:left;">
+        <table class="flightChildTable" style="border-collapse: collapse;text-align:left;margin-top:30px;">
           <tr>
             <td width="140">日期&nbsp;{{UpdateMsg.FDate}}</td>
             <td>
               <div class="FweekList" style="padding-left:0;">
-                <el-input class="w135" onkeyup="value=value.replace(/[^\d^\:]+/g,'')" v-model="UpdateMsg.CDepartTime"></el-input>
-                <el-input class="w135" onkeyup="value=value.replace(/[^\d^\:]+/g,'')" v-model="UpdateMsg.CArrivalTime"></el-input>
+                <el-input class="w135" @keyup.native="checkTime(UpdateMsg,'CDepartTime')" v-model="UpdateMsg.CDepartTime" maxlength="5"></el-input>
+                <el-input class="w135" @keyup.native="checkTime(UpdateMsg,'CArrivalTime')" v-model="UpdateMsg.CArrivalTime" maxlength="5"></el-input>
               </div>
             </td>
           </tr>
@@ -148,6 +160,7 @@
         outerVisible: false,
         editVisible: false,
         ckedAll:false,
+        isSaved:true,
         msg: {
           //请求数据参数
           pageIndex: 1,
@@ -357,7 +370,8 @@
             }
           });
         }
-        if (isSubmit) {
+        if (isSubmit&&this.isSaved) {
+          this.isSaved = false;
           this.apipost(
             "flight_get_SetFlightChild",
             this.PostData,
@@ -379,6 +393,7 @@
               } else {
                 this.Error(res.data.message);
               }
+              this.isSaved = true;
             },
             err => {}
           );
@@ -461,6 +476,7 @@
           res => {
             if (res.data.resultCode == 1) {
               this.Success(res.data.message);
+              this.editVisible =false;
               this.getList();
               this.UpdateMsg.ID = 0;
               this.UpdateMsg.FDate = "";