修改旅客名单

src/components/Ticketing/PassengerList.vue

 <style>
   .PT_teamTable {
-  width: 754px;
+  width: 800px;
+  background-color: #fff;
   border-collapse: collapse;
 }
 .PT_teamTable td,
 .PT_teamTable th {
   border: 1px solid #dcdcdc;
-  padding: 5px;
+  padding: 6px;
   height: 30px;
 }
 .PT_teamTable tr th {
@@ -27,6 +28,48 @@
 .Tp_table .el-table .cell {
   line-height: 3 !important;
 }
+.passgenrDialog{
+    width:900px;
+}
+.PgflightDiv{
+  font-size: 12px;
+  color: #666666;
+  background-color: #e0f4ff;
+  width: 230px;
+  height: 175px;
+  border-radius: 4px;
+  float:left;
+  margin-right:10px;
+}
+.PgflightDiv p:first-child{
+  padding-left:8px;
+  color: #387ea5;
+  background-color: #cbe9fa;
+  height: 34px;
+  line-height: 34px;
+}
+.PgflightDiv ._add_info{
+    margin-top: 12px;
+    padding: 0 12px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.pg_table{
+  width:100%;
+}
+.pg_table tr{
+  display: block;
+  margin:10px 0;
+}
+.pg_table tr:last-child{
+  border-top:1px dashed #d1d1d1;
+  padding-top:10px;
+}
+.PassengerList .el-input,.el-input__inner{
+  height:23px!important;
+  padding:0 5px;
+}
 </style>
 
 <template>
@@ -50,7 +93,7 @@
           </table>
         </li>
         <li>
-          <input type="button" class="normalBtn" value="导出报表" @click="exportExcel()" />
+          <input type="button" class="normalBtn" value="导出报表" @click="getFlightInfo()" />
         </li>
       </ul>
     </div>
@@ -86,6 +129,85 @@
     <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" layout="total,prev, pager, next, jumper"
       :page-size='msg.PageSize' :total='msg.total'>
     </el-pagination>
+
+    <el-dialog custom-class='passgenrDialog' title="航班列表" :visible.sync="outerVisible" center>
+      <div>
+          <table border=0 class="pg_table">
+              <tr>
+                  <td width="50" style="vertical-align:top;">去程</td>
+                  <td>
+                        <div class="PgflightDiv" v-for="item in flightList" v-if="item.FlightSubType==1">
+                          <p>
+                            <span class="iconfont icon-hangban"></span>
+                            <span>{{item.Flight_number}}</span>
+                            <span>
+                                <el-input class="w69" v-model="item.TicketDepartureTime" onkeyup="value=value.replace(/[^\d^\:]/g,'')"></el-input>-
+                                <el-input class="w69" v-model="item.TicketArrivalTime" onkeyup="value=value.replace(/[^\d^\:]/g,'')"></el-input>
+                            </span>
+                          </p>
+                          <el-tooltip class="item" effect="dark" :content="item.FlightDate" placement="top-start"
+                                      popper-class="max-w250">
+                            <p class="_add_info">
+                              <span>{{$t('Airticket.Air_StartTime')}}：{{item.FlightDate}}</span>
+                            </p>
+                          </el-tooltip>
+                          <el-tooltip class="item" effect="dark" :content="item.dName" placement="top-start"
+                                      popper-class="max-w250">
+                            <p class="_add_info">
+                              <span>{{$t('system.query_flightAir')}}：{{item.dName}}</span>
+                            </p>
+                          </el-tooltip>
+                          <el-tooltip class="item" effect="dark" :content="item.aName" placement="top-start"
+                                      popper-class="max-w250">
+                            <p class="_add_info">
+                              <span>{{$t('system.query_arrivalAir')}}：{{item.aName }}</span>
+                            </p>
+                          </el-tooltip>
+                        </div>
+                  </td>
+              </tr>
+              <tr>
+                  <td width="50" style="vertical-align:top;">回程</td>
+                  <td>
+                       <div class="PgflightDiv" v-for="item in flightList" v-if="item.FlightSubType==3">
+                          <p>
+                            <span class="iconfont icon-hangban"></span>
+                            <span>{{item.Flight_number}}</span>
+                            <span>
+                                <el-input class="w69" v-model="item.TicketDepartureTime" onkeyup="value=value.replace(/[^\d^\:]/g,'')"></el-input>-
+                                <el-input class="w69" v-model="item.TicketArrivalTime" onkeyup="value=value.replace(/[^\d^\:]/g,'')"></el-input>
+                            </span>
+
+                          </p>
+                          <el-tooltip class="item" effect="dark" :content="item.FlightDate" placement="top-start"
+                                      popper-class="max-w250">
+                            <p class="_add_info">
+                              <span>{{$t('Airticket.Air_StartTime')}}：{{item.FlightDate}}</span>
+                            </p>
+                          </el-tooltip>
+                          <el-tooltip class="item" effect="dark" :content="item.dName" placement="top-start"
+                                      popper-class="max-w250">
+                            <p class="_add_info">
+                              <span>{{$t('system.query_flightAir')}}：{{item.dName}}</span>
+                            </p>
+                          </el-tooltip>
+                          <el-tooltip class="item" effect="dark" :content="item.aName" placement="top-start"
+                                      popper-class="max-w250">
+                            <p class="_add_info">
+                              <span>{{$t('system.query_arrivalAir')}}：{{item.aName }}</span>
+                            </p>
+                          </el-tooltip>
+                        </div>
+                  </td>
+              </tr>
+          </table>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <button class="normalBtn" type="primary" @click="getCheckInfo()">{{$t('pub.saveBtn')}}</button> &nbsp;
+        <button class="hollowFixedBtn" @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -112,7 +234,9 @@
           nowDate: "",
           //模板代码
           TempCode: ""
-        }
+        },
+        outerVisible:false,
+        flightList:[],
       };
     },
     methods: {
@@ -140,8 +264,48 @@
           err => {}
         );
       },
-      exportExcel() {
+      getFlightInfo() {
         //导出报表
+        let msg = {
+          ID:this.$route.query.id
+        }
+        this.apipost("ticket_get_GetEntityExtend", msg,res => {
+            if (res.data.resultCode == 1) {
+                this.flightList = res.data.data.flightList;
+            } else {
+              this.Error(res.data.message);
+            }
+          },err => {}
+        );
+        this.outerVisible = true;
+      },
+      //确定
+      getCheckInfo(){
+        let FlightList = []
+        this.flightList.forEach(x=>{
+            var obj = {
+              ID:x.ID,
+              TicketDepartureTime:x.TicketDepartureTime,
+              TicketArrivalTime:x.TicketArrivalTime
+            }
+            FlightList.push(obj);
+        })
+        let msg = {
+            AirTicketId:this.$route.query.id,
+            FlightList:FlightList
+        }
+        this.apipost("ticket_post_SetFlightChildConfirm", msg ,res => {
+            if (res.data.resultCode == 1) {
+              this.Success(res.data.message);
+              this.exportExcel();
+              this.outerVisible = false;
+            } else {
+              this.Error(res.data.message);
+            }
+          },err => {}
+        );
+      },
+      exportExcel(){
         let msg = {
           AirTicketId: this.msg.AirTicketId
         };
@@ -164,6 +328,8 @@
         }
         this.GetLocalFile("travel_get_GetAirTicketGuestExport", msg, fileName);
       },
+
+
       handleCurrentChange(val) {
         this.msg.pageIndex = val;
         this.getList();