页面修改

src/components/TravelManager/TravelTeam/editTeamInfo.vue

@@ -207,9 +207,12 @@
         <el-row>
           <el-col :span="24">
             <span class="subTitle">航班信息</span>
+            <el-radio v-model="isVirtuallyFlight" :label="0">虚拟航班</el-radio>
+            <el-radio v-model="isVirtuallyFlight" :label="1">真实机票</el-radio>
           </el-col>
         </el-row>
-        <el-row>
+        <!--虚拟航班-->
+        <el-row v-if="isVirtuallyFlight==0">
           <el-col :span="12">
             <!--添加修改航班-->
             <ul class="_add_hangban clearfix">
@@ -353,6 +356,70 @@
             </ul>
           </el-col>
         </el-row>
+        <!--真实采购机票-->
+        <el-row v-if="isVirtuallyFlight==1">
+          <el-col :span="24">
+            <el-form-item label="机票绑定">
+              <el-input placeholder="请输入内容" v-model="TicketMsg">
+                <template slot="append">
+                  <el-popover popper-class="_TravelPricePopover" trigger="click">
+                    <div>
+                      <div style="margin-bottom:20px;">
+                        {{$t('hotel.hotel_StartDate')}}
+                        <el-date-picker class="w150" type="date" v-model="QFlightDateStart"
+                          :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder>
+                        </el-date-picker>
+                        {{$t('hotel.hotel_EndDate')}}
+                        <el-date-picker class="w150" type="date" v-model="QFlightDateEnd"
+                          :picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder>
+                        </el-date-picker>
+                        <button class="normalBtn" @click.stop="getSelectFilght()">{{$t('pub.searchBtn')}}</button>
+                      </div>
+                      <div class="jiDiv">
+                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
+                          <tr>
+                            <td class="_color_666">{{$t('fnc.xuanze')}}</td>
+                            <td class="_color_666">{{$t('fnc.jpbianhao')}}/{{$t('op.Tickets')}}</td>
+                            <td class="_color_666">
+                              {{$t('system.query_flightNum')}}/{{$t('system.query_airCompanyName')}}/{{$t('Airticket.Air_segment')}}
+                            </td>
+                            <td class="_color_666">{{$t('adm.adm_time')}}</td>
+                            <td class="_color_666">PNR</td>
+                            <td class="_color_666">{{$t('visa.v_xcdays')}}</td>
+                            <td class="_color_666">{{$t('op.TicketNum')}}/{{$t('hotel.table_UseAmount')}}</td>
+                            <td class="_color_666">{{$t('op.BindTicket')}}</td>
+                          </tr>
+                          <tr v-for="fitem in selectFilghtList">
+                            <td>
+                              <el-checkbox v-model="fitem.IsSelected===true" @change="getSelect(fitem)"></el-checkbox>
+                            </td>
+                            <td>
+                              {{fitem.AirticketId}}/{{fitem.TicketByName}}
+                            </td>
+                            <td>
+                              <span class="TP_Airticktid"
+                                @click="goUrl('TicketManager',fitem.AirticketId)">{{fitem.FlightNumber}}</span> /
+                              {{fitem.AlName}} / {{fitem.DepartureName}}-{{fitem.ArrivalCityName}}
+                            </td>
+                            <td>{{fitem.FlightDate}} {{fitem.Departure_time}}</td>
+                            <td>{{fitem.PNR}}</td>
+                            <td>{{fitem.DayNum}}</td>
+                            <td>{{fitem.TicketNum}} / {{fitem.UseAmount}}</td>
+                            <td>
+                              <el-input class="w69" :placeholder="$t('salesModule.AirNum')"
+                                @keyup.native="getFlightBindNum(fitem)" v-model="fitem.BindNum"></el-input>
+                            </td>
+                          </tr>
+                        </table>
+                      </div>
+                    </div>
+                    <el-button slot="reference">选择机票</el-button>
+                  </el-popover>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="24">
             <span class="subTitle">日期&机位</span>
@@ -551,6 +618,7 @@
         AirportNameList: [], //去程航班列表
         BackAirportNameList: [], //回程航班列表
         airlineList: [], //航空公司列表
+        isVirtuallyFlight: 0, //0-虚拟航班，1-绑定真实机票
         editForm: {
           GTeamName: "", // 业务名称
           StartDate: "", // 出发时间
@@ -573,6 +641,7 @@
           VisaPrice: 0, //签证费
           OtherPrice: 0, //杂费
           SingleRoomPrice: 0, //单房差
+          TicketNum:0,//绑定机票数量
         },
         //去程
         addGoFlight: {
@@ -600,9 +669,28 @@
         },
         saveLoading: false, //保存loading
         isShowCustomerDialog: false, //是否显示选择客户弹窗
+        userInfo: {},
+        QFlightDateStart: '', //航班查询开始日期
+        QFlightDateEnd: '', //航班查询结束日期
+        pickerBeginDateBefore: {
+          disabledDate: time => {
+            let endTime = new Date(this.QFlightDateEnd);
+            return endTime.getTime() < time.getTime();
+          }
+        },
+        pickerBeginDateAfter: {
+          disabledDate: time => {
+            let startTime = new Date(this.QFlightDateStart);
+            return startTime.getTime() >= time.getTime();
+          }
+        },
+        selectFilghtList: [], //航班列表
+
+        TicketMsg: "",
       };
     },
     created() {
+      this.userInfo = this.getLocalStorage();
       this.initAirlines();
     },
     mounted() {
@@ -611,6 +699,61 @@
       }
     },
     methods: {
+      getSelectFilght() {
+        let fqMsg = {
+          QFlightDateStart: this.QFlightDateStart,
+          QFlightDateEnd: this.QFlightDateEnd,
+          CreateBy: this.userInfo.EmployeeId,
+          AirTicketId: 0,
+          TCID: 0
+        };
+        if (this.addMsg.TicketId && this.addMsg.TicketId > 0) {
+          fqMsg.AirTicketId = this.addMsg.TicketId;
+        }
+        if (this.addMsg.TCID && this.addMsg.TCID > 0) {
+          fqMsg.TCID = this.addMsg.TCID;
+        }
+        let that = this;
+        this.apipost(
+          "TravelAirTicket_Get_GetSelfPurchaseList",
+          fqMsg,
+          res => {
+            if (res.data.resultCode == 1) {
+              let resultFilghtList = res.data.data;
+              that.selectFilghtList = [];
+              resultFilghtList.forEach(x => {
+                that.selectFilghtList.push(x);
+              });
+              that.selectFilghtList.forEach(y => {
+                if (x.PurchaseId == that.addMsg.TicketId && x.BindNum > 0) {
+                  y.IsSelected = true;
+                  y.BindNum = x.BindNum;
+                  that.TicketMsg = y.AlName + "/" + y.FlightDate;
+                }
+              });
+              //通过返回数据初始化下拉选中
+              that.$forceUpdate();
+            } else {
+              this.$message({
+                type: "error",
+                message: res.data.message
+              });
+            }
+          },
+          err => {}
+        );
+      },
+      //选中航班选择框
+      getSelect(item) {
+        item.IsSelected = !item.IsSelected;
+        this.selectFilghtList.forEach(x => {
+          if (x.IsSelected) {
+            that.TicketMsg = y.AlName + "/" + y.FlightDate;
+            that.addMsg.TicketId=y.AirticketId;
+            that.addMsg.TicketNum=y.BindNum;
+          }
+        });
+      },
       closeForm() {
         //关闭弹窗并刷新页面
         this.$emit("success");
@@ -669,6 +812,10 @@
             if (res.data.resultCode == 1) {
               var tempObj = res.data.data;
               this.editForm = tempObj;
+              //判断是否是虚拟航班
+              if (tempObj.TicketId > 0) {
+                this.isVirtuallyFlight = 1;
+              }
               if (tempObj.TravelTeamFlightList && tempObj.TravelTeamFlightList.length > 0) {
                 this.addMsg.flightList = tempObj.TravelTeamFlightList;
               }

src/components/TravelManager/TravelTeam/travelTeamList.vue

@@ -9,6 +9,10 @@
     width: 10%;
   }
 
+  .w_8 {
+    width: 8%;
+  }
+
   .mb {
     margin-bottom: 10px;
   }
@@ -54,6 +58,27 @@
                 :picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
             </span>
           </li>
+          <li>
+            <span>
+              <em>航空公司</em>
+              <el-input maxlength="50" v-model="queryMsg.QAirlineCompany" class="permiss-input w150"
+                @keyup.native.enter="resetQuery" :placeholder="$t('pub.pleaseImport')"></el-input>
+            </span>
+          </li>
+          <li>
+            <span>
+              <em>航班号</em>
+              <el-input maxlength="50" v-model="queryMsg.QFlightNum" class="permiss-input w150"
+                @keyup.native.enter="resetQuery" :placeholder="$t('pub.pleaseImport')"></el-input>
+            </span>
+          </li>
+          <li>
+            <span>
+              <em>合作伙伴</em>
+              <el-input maxlength="50" v-model="queryMsg.QCustomerName" class="permiss-input w150"
+                @keyup.native.enter="resetQuery" :placeholder="$t('pub.pleaseImport')"></el-input>
+            </span>
+          </li>
           <li>
             <button class="hollowFixedBtn" @click="editTeam(null)">新增</button>
             <button class="hollowFixedBtn" @click="resetQuery">{{$t('pub.searchBtn')}}</button>
@@ -92,8 +117,8 @@
                   <div class="mb"><span>经济舱: {{item.YSeat}} 剩余:{{item.SurplusYSeatNum}}</span></div>
                   <div class="mb"><span>商务舱: {{item.CSeat}} 剩余:{{item.SurplusCSeatNum}}</span></div>
                   <div class="mb"><span>头等舱: {{item.FSeat}} 剩余:{{item.SurplusFSeatNum}}</span></div>
-                  <div class="mb"><span>报名人数: {{item.OrderGuestNum}}  </span></div>
-                  <div class="mb"><span>领队导游: {{item.LeaderNum}}  </span></div>
+                  <div class="mb"><span>报名人数: {{item.OrderGuestNum}} </span></div>
+                  <div class="mb"><span>领队导游: {{item.LeaderNum}} </span></div>
                 </div>
               </div>
               <div class="el-col w_10">
@@ -120,20 +145,19 @@
                   <div>{{item.CreateTime}}</div>
                 </div>
               </div>
-              <div class="el-col w_10">
+              <div class="el-col w_8">
                 <div class="p20">
-                  <el-button class="mb" @click.native='editTeam(item)' type="primary" size="mini"
-                    style="background:#00C6FF; border-color:#00C6FF">修改
+                  <el-button class="mb" @click.native='editTeam(item)' type="primary" size="small"
+                    style="background:#00C6FF; border-color:#00C6FF;width:80px;">修改
                   </el-button>
-                  <el-dropdown trigger="click">
-                    <span class="el-dropdown-link">更多
+                  <el-dropdown trigger="click" >
+                    <span class="el-dropdown-link" type="primary">更多
                       <i class="el-icon-arrow-down el-icon--right"></i>
                     </span>
                     <el-dropdown-menu slot="dropdown" class="travelControlDropDown">
                       <el-dropdown-item @click.native="goToOrderList(item)">
                         报名清单
                       </el-dropdown-item>
-
                       <el-dropdown-item @click.native="DeleteTravelTeam(item)">
                         删除
                       </el-dropdown-item>
@@ -161,7 +185,6 @@
 </template>
 <script>
   import editTeamInfo from "../TravelTeam/editTeamInfo"; //新增修改包机团
-
   export default {
     provide() {
       return {
@@ -188,6 +211,9 @@
           GTeamName: "", //业务名称
           SelectStartDate: "", //开始时间
           SelectEndDate: "", //结束时间
+          QAirlineCompany: "", //航空公司名称
+          QFlightNum: "", //航班号
+          QCustomerName: "", //合作伙伴名称
         },
         queryDataObj: {
           LineList: [], //线路列表