<style>
  @import "../../../assets/css/newTravelManager.css";

  .TC_companyList span,
  .TC_OtherCompany span {
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #d1d1d1;
    margin: 5px 10px 0 0;
    border-radius: 4px;
    cursor: pointer;
  }

  .TC_companyList span:first-child {
    margin-right: 20px;
  }

  .TC_companyList {
    padding-top: 15px;
    margin-left: 32px;
  }

  .TC_checked {
    border: 1px solid #d95454 !important;
    box-sizing: border-box;
  }

  .TC_OtherCompany {
    margin: 0 0 20px 20px;
  }

  .TC_customerInfo tbody th {
    height: 40px;
    text-align: center;
  }

  .TC_firTable td {
    height: 20px !important;
    text-align: center !important;
  }

  .TC_midTable td {
    text-align: center !important;
  }

  .TC_showUnion {
    float: right;
    color: #2aaef2;
    cursor: pointer;
    margin-bottom: 10px;
  }

  .TCL_Content span {
    display: inline-block;
    margin-right: 10px;
  }

</style>
<template>
  <div>
    <div class="TC_Content TC-MyList">
      <div class="query-box">
        <div class="TC_companyList" v-if="queryCommonData.IsParentCompany==1">
          <span :class="{'TC_checked':queryCommonData.checkCompanyAll}"
            @click="getCompanyCheckAll()">{{$t('advmanager.v_all')}}</span>
          <span v-for="(item,bindex) in queryCommonData.BranchList" :class="{'TC_checked':item.isShow}"
            @click="getCompanyCheck(item)" :key="bindex">{{item.BName}}</span>
        </div>
        <ul>
          <li>
            <span>
              <em>{{$t('system.table_ssLine')}}</em>
              <el-select class="w150" v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
                @change="getLineTeamList()">
                <el-option :label="$t('pub.unlimitedSel')" :value="queryCommonData.SelectDefaultValue"></el-option>
                <el-option v-for="item in queryCommonData.LineList" :label="item.LineName" :value="item.LineID"
                  :key="item.LineID"></el-option>
              </el-select>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('active.ad_xlmc')}}</em>
              <el-select class="w150" v-model="queryMsg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')">
                <el-option :label="$t('pub.unlimitedSel')" :value="queryCommonData.SelectDefaultValue"></el-option>
                <el-option v-for="item in queryCommonData.LineTeamList" :label="item.LtName" :value="item.LtID"
                  :key="item.LtID"></el-option>
              </el-select>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('sm.tuankongType')}}</em>
              <el-select class="w150" v-model="queryMsg.FreePlanType" filterable :placeholder="$t('pub.pleaseSel')">
                <el-option :label="$t('pub.unlimitedSel')" :value="-1"></el-option>
                <el-option :label="$t('MarketingActi.free')" :value="1" :key="1"></el-option>
                <el-option :label="$t('sm.PlanFa')" :value="2" :key="2"></el-option>
              </el-select>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('visa.v_tuanhao')}}</em>
              <el-input maxlength="50" v-model="queryMsg.TCNUM" class="permiss-input w150"
                @keyup.native.enter="getControlList" :placeholder="$t('pub.pleaseImport')"></el-input>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('scen.sc_ftTime')}}</em>
              <el-date-picker class="w150" type="date" v-model="queryMsg.StartGroupDate"
                :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder></el-date-picker>
              <el-date-picker class="w150" type="date" v-model="queryMsg.EndGroupDate"
                :picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
            </span>
          </li>
          <li class="advancedLi" style="height:34px;">
            <el-popover popper-class="advanceQueryList" v-model="queryCommonData.showHigradeSearch" trigger="click">
              <div>
                <div class="TC_queryTitle">{{$t('visa.v_tkgjcx')}}</div>
                <div class="clearfix">
                  <div class="TC_leftSearch">
                    <div>
                      <span>{{$t('system.query_airCompanyName')}}</span>
                      <el-select v-model="queryMsg.AirTicketId" filterable :placeholder="$t('system.ph_buxian')"
                        class="w150">
                        <el-option :label="$t('system.ph_buxian')" :value="queryCommonData.SelectDefaultValue">
                        </el-option>
                        <el-option v-for="item in queryCommonData.AirlineList" :key="item.AirLineId"
                          :label="item.AlName" :value="item.AirLineId"></el-option>
                      </el-select>
                    </div>
                    <div>
                      <span>{{$t('visa.v_czuser')}}</span>
                      <el-select class="w150" v-model="queryMsg.CreateBy" filterable :placeholder="$t('pub.pleaseSel')">
                        <el-option :label="$t('pub.unlimitedSel')" :value="queryCommonData.SelectDefaultValue">
                        </el-option>
                        <el-option v-for="item in queryCommonData.EmployeeList" :label="item.EmName"
                          :value="item.EmployeeId" :key="item.EmployeeId"></el-option>
                      </el-select>
                    </div>
                    <div>
                      <span>{{$t('visa.v_xcdays')}}</span>
                      <el-input maxlength="50" v-model="queryMsg.DayNum" @keyup.native="checkInteger(queryMsg,'DayNum')"
                        class="w150" :placeholder="$t('pub.pleaseImport')"></el-input>
                    </div>

                    <div>
                      <span>{{$t('visa.v_lycity')}}</span>
                      <el-select class="w150" filterable v-model="queryMsg.UnionCityId"
                        :placeholder="$t('pub.pleaseSel')">
                        <el-option :label="$t('pub.unlimitedSel')" :value="queryCommonData.SelectDefaultValue">
                        </el-option>
                        <el-option v-for="item in queryCommonData.CityList" :label="item.Name" :value="item.ID"
                          :key="item.ID"></el-option>
                      </el-select>
                    </div>
                  </div>
                  <div class="TC_rightSearch">
                    <div>
                      <span>{{$t('visa.v_teamnum')}}</span>
                      <el-input maxlength="50" class="w80" v-model="queryMsg.TeamMinNum"
                        @keyup.native="checkInteger(queryMsg,'TeamMinNum')" :placeholder="$t('pub.pleaseImport')">
                      </el-input>-
                      <el-input maxlength="50" class="w80" v-model="queryMsg.TeamMaxNum"
                        @keyup.native="checkInteger(queryMsg,'TeamMaxNum')" @blur="checkTeamNum(queryMsg)"
                        :placeholder="$t('pub.pleaseImport')"></el-input>
                    </div>
                    <div>
                      <span>{{$t('leader.leader_registraNum')}}</span>
                      <el-input maxlength="50" class="w80" v-model="queryMsg.ApplyMinNum"
                        @keyup.native="checkInteger(queryMsg,'ApplyMinNum')" :placeholder="$t('pub.pleaseImport')">
                      </el-input>-
                      <el-input maxlength="50" class="w80" v-model="queryMsg.ApplyMaxNum"
                        @keyup.native="checkInteger(queryMsg,'ApplyMaxNum')" @blur="checkTeamNum(queryMsg)"
                        :placeholder="$t('pub.pleaseImport')"></el-input>
                    </div>
                    <div class="OnlyShowOverTeam">
                      <span>{{$t('visa.v_zkbaochaotuan')}}</span>
                      <el-switch v-model="queryMsg.OnlyShowOverTeam" active-value="true" inactive-value="false">
                      </el-switch>
                    </div>
                    <div>
                      <span>{{$t('visa.v_salecompany')}}</span>
                      <el-select class="w180 multiple_input" :class="{'SaleBranchList':queryMsg.SaleBranchId==''}"
                        v-model="queryMsg.SaleBranchId" multiple>
                        <el-option v-for="item in queryCommonData.companyList" :key="item.id" :label="item.bName"
                          :value="item.id"></el-option>
                      </el-select>
                    </div>
                  </div>
                </div>
                <div class="comSearchDiv">
                  <span>{{$t('scen.sc_temStatu')}}</span>
                  <span>
                    <el-checkbox v-model="queryCommonData.checkTCStateAll" @change="checkAllTeam">
                      {{$t('system.table_chekAll')}}</el-checkbox>
                    <el-checkbox-group v-model="queryMsg.TCState" @change="checkedTeamList">
                      <el-checkbox v-for="team in $tripUtils.TeamStatesList.TeamStates" :label="team.Id"
                        :key="team.Name">{{team.Name}}</el-checkbox>
                    </el-checkbox-group>
                  </span>
                </div>
                <!-- <div class="comSearchDiv" v-if="queryCommonData.showPlatForm"> -->
                <div class="comSearchDiv">
                  <span>{{$t('Airticket.Air_salesPlatform')}}</span>
                  <span>
                    <el-checkbox v-model="queryCommonData.checkPlatForm" @change="checkAllSales">
                      {{$t('system.table_chekAll')}}</el-checkbox>
                    <el-checkbox-group v-model="queryMsg.SalePlat" @change="checkSales">
                      <el-checkbox v-for="sales in $tripUtils.TeamStatesList.salsPlat" :label="sales.Id"
                        :key="sales.Name">{{sales.Name}}</el-checkbox>
                    </el-checkbox-group>
                  </span>
                </div>
                <div class="comSearchDiv">
                  <span>{{$t('visa.v_tqstatus')}}</span>
                  <span>
                    <el-checkbox v-model="queryCommonData.checkGroupALL" @change="checkGroupAll">
                      {{$t('system.table_chekAll')}}</el-checkbox>
                    <el-checkbox-group v-model="queryMsg.GroupState" @change="checkGroup">
                      <el-checkbox v-for="state in $tripUtils.TeamStatesList.teamDateStates" :label="state.Id"
                        :key="state.Name">{{state.Name}}</el-checkbox>
                    </el-checkbox-group>
                    <el-checkbox v-model="queryMsg.IsWarning">{{$t('Operation.Op_WarningTeam')}}</el-checkbox>
                  </span>
                </div>
                <div class="comSearchDiv">
                  <span>{{$t('visa.v_hbstatus')}}</span>
                  <span>
                    <el-checkbox-group v-model="queryCommonData.flightCKed" style="margin-left:0;">
                      <el-checkbox v-for="state in flightStatus" :label="state.Id" :checked="state.Checked"
                        @change="checkedFlight(state)" :key="state.Name">{{state.Name}}</el-checkbox>
                    </el-checkbox-group>
                  </span>
                </div>
                <div class="comSearchDiv">
                  <span>{{$t('Operation.Op_TransportState')}}</span>
                  <span>
                    <el-select class="w180 multiple_input" v-model="queryMsg.IsShowUnion">
                      <el-option :key="1" :label="$t('system.table_isShows')" :value="1"></el-option>
                      <el-option :key="0" :label="$t('Operation.Op_hide')" :value="0"></el-option>
                    </el-select>
                  </span>
                </div>
                <button class="normalBtn TC_SearchBtn"
                  @click="getControlList(),resetPageIndex(),queryCommonData.showHigradeSearch=false">{{$t('pub.searchBtn')}}</button>
              </div>
              <span class="advancedQuery" slot="reference">{{$t('visa.v_gjchaxun')}}
                <i class="iconfont icon-xiaotuziCduan_1"></i>
              </span>
            </el-popover>
          </li>
          <li class="advancedLi" style="height:34px;">
            <el-popover width="260" v-model="queryCommonData.showWarningSearch" trigger="click">
              <div>
                <div class="TC_queryTitle">{{$t('Operation.Op_TeamWarningSearch')}}</div>
                <div class="clearfix">
                  <div class="TC_leftSearch">
                    <div>
                      <span
                        style="display:inline-block;margin: 0 5px 0 0;width:50px;text-align:right;">{{$t('leader.leader_registraNum')}}</span>
                      <el-select v-model="queryMsg.WarningQuery" filterable :placeholder="$t('system.ph_buxian')"
                        class="w150">
                        <el-option :label="$t('system.ph_buxian')" value="-1"></el-option>
                        <el-option :label="$t('system.ph_buxian')" value="1"></el-option>
                        <el-option :label="$t('sm.tenpx')" value="2"></el-option>
                        <el-option :label="$t('sm.tenps')" value="3"></el-option>
                        <el-option :label="$t('sm.yuweiXiaoyu')" value="4"></el-option>
                        <el-option :label="$t('sm.youHouBu')" value="5"></el-option>
                      </el-select>
                    </div>
                    <div>
                      <span
                        style="display:inline-block;margin: 0 5px 0 0;width:50px;text-align:right;">{{$t('Operation.Op_daysChoice')}}</span>
                      <el-select v-model="queryMsg.RateOnDay" filterable :placeholder="$t('system.ph_buxian')"
                        class="w150">
                        <el-option :label="$t('system.ph_buxian')" value="-1"></el-option>
                        <el-option :label="$t('sm.tendayYiNei')" value="1"></el-option>
                        <el-option :label="$t('sm.FitydayYiNei')" value="2"></el-option>
                        <el-option :label="$t('sm.twendayYiNei')" value="3"></el-option>
                        <el-option :label="$t('sm.twendayYiWai')" value="4"></el-option>
                      </el-select>
                    </div>
                    <div>
                      <span
                        style="display:inline-block;margin: 0 5px 0 0;width:50px;text-align:right;">{{$t('Operation.Op_Attendance')}}</span>
                      <el-select v-model="queryMsg.RateOn" filterable :placeholder="$t('system.ph_buxian')"
                        class="w150">
                        <el-option :label="$t('system.ph_buxian')" value="-1"></el-option>
                        <el-option label="100%" value="1"></el-option>
                        <el-option :label="$t('sm.buzue')" value="2"></el-option>
                        <el-option :label="$t('sm.buzus')" value="3"></el-option>
                        <el-option :label="$t('sm.buzuf')" value="4"></el-option>
                      </el-select>
                    </div>
                  </div>
                </div>
                <button class="normalBtn TC_SearchBtn"
                  @click="getControlList(),resetPageIndex(),queryCommonData.showWarningSearch=false">{{$t('pub.searchBtn')}}</button>
              </div>
              <span class="advancedQuery" slot="reference">{{$t('Operation.Op_warningSearch')}}
                <i class="iconfont icon-xiaotuziCduan_1"></i>
              </span>
            </el-popover>
          </li>
          <li>
            <button class="hollowFixedBtn" @click="getControlList(),resetPageIndex()">{{$t('pub.searchBtn')}}</button>
          </li>
        </ul>
      </div>

      <div class="TravelTclList" v-loading="queryCommonData.loading">
        <ul>
          <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
            layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
          </el-pagination>
          <li v-for="(item,index) in queryCommonData.dataList" :key="index"
            :class="{'TC_hasContent':item.OPInnerRemark==''&&item.OPRemark==''}">
            <div class="TC_remarkContent TC_teamName">
              <div class="clearfix">
                <div class="TCL_remarkTitle">{{$t('Operation.Op_TeamName')}}:</div>
                <div class="TCL_Content">{{item.Title}}</div>
              </div>
            </div>
            <div>
              <div class="el-col" style="position:relative;width:200px">
                <div v-if="item.IsWarning===1" :title="$t('sm.jinJiTuan')" class="travel_warning"></div>
                <div>
                  <div class="TC_teamType">
                    <span v-if="item.IsB2B==0" :title="$t('sm.neiBuTuan')">{{$t('Airticket.Air_nei')}}</span>
                    <span v-if="item.FreePlan==1" :title="$t('sm.PlanFa')">{{$t('sm.Fang')}}</span>
                  </div>
                  <div class="TCL-OutBranchName" :title="$t('visa.v_salecompany')">{{item.OutBranchName}}</div>
                  <div class="TCL-TOPTCNUM">({{item.TCID}}) {{item.TCNUM}}</div>
                  <div class="d12" style="float:none;margin:3px auto;">
                    <p>
                      <i class="iconfont icon-biaoti1"></i>
                      {{item.LineName}}
                    </p>
                    <p class="d12p">{{item.LtName}}</p>
                  </div>
                  <div class="TC_TravelSalePlat clearfix">
                    <span class="TC_neibu" v-if="item.TCState==3"
                      :class="{'TCneibu':plat==3,'TCb2b':plat==1,'TCb2c':plat==2,'AppPlat':plat==4,'otherPlat':plat==5}"
                      v-for="plat in item.SalePlatList" :key="plat.subCode">{{$tripUtils.getPlatName(plat)}}</span>
                    <span class="TC_xiajia daiwanshan" v-if="item.TCState==1">{{$t('visa.v_dwanshan')}}</span>
                    <span class="TC_xiajia" v-if="item.TCState==2">{{$t('visa.v_yxiajia')}}</span>
                    <span class="TC_xiajia quxiao" v-if="item.TCState==4">{{$t('hotel.hotel_HasBeenCancelled')}}</span>
                  </div>
                </div>
              </div>
              <div class="el-col" style="width:200px;">
                <div class="d2">
                  <p class="TCLflight_GO">
                    <i class="iconfont icon-hangban1"></i>{{$t('visa.v_hangban')}}
                  </p>
                  <el-popover width="900" trigger="click" popper-class="TC_tripDetails">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr class="_color_666" style="text-align:center;">
                        <th width="60">{{$t('Airticket.Air_segment')}}</th>
                        <th width="80">{{$t('system.query_flightNum')}}</th>
                        <th width="150">{{$t('system.ph_flightTime')}}</th>
                        <th width="80">{{$t('system.query_arrivalTime')}}</th>
                        <th width="100">{{$t('system.query_stopCity')}}</th>
                      </tr>
                      <tr v-for="(ds,din) in item.flightList" :key="din" style="text-align:center;">
                        <td class="_d_name _color_666">
                          <span v-if="din==0">{{$t('Airticket.Air_go')}}</span>
                          <span v-else-if="din==item.flightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span>
                          <span
                            v-else-if="din>0 && din!=item.flightList.length-1">{{$t('Airticket.Air_transit')}}</span>
                        </td>
                        <td>
                          <div>{{ds.Flight_number}}</div>
                          <div style="margin-top:5px;">{{ds.AlName}}</div>
                        </td>
                        <td>
                          <div>{{ds.FlightDate}} {{ds.Departure_time}}</div>
                          <div style="margin-top:5px;">{{ds.dName}}</div>
                        </td>
                        <td>
                          <div>{{ds.FlightArrivalTime}} {{ds.Arrival_time}}</div>
                          <div style="margin-top:5px;">{{ds.aName}}</div>
                        </td>
                        <td>{{ds.StopoverName}}</td>
                      </tr>
                    </table>
                    <div class="FlightDiv-TCL" slot="reference">
                      <div v-for="subItem in item.flightList" slot="reference" :key="subItem.subCode"
                        class="TCL-flighInfoList">
                        <span class="travelnowrap">
                          <span class="TCL-FlightNumber">{{subItem.Flight_number}}</span>
                          {{subItem.DepartureName}}
                          {{subItem.StopoverName==""?"":"-"+subItem.StopoverName}}
                          {{subItem.ArrivalCityName==""?"":"-"+subItem.ArrivalCityName}}
                          <span v-if="subItem.FlightState==1" class="TCL-greenType">【OK】</span>
                          <span v-else class="TCL-redType">【{{$t('visa.v_zanding')}}】</span>
                        </span>
                      </div>
                    </div>
                  </el-popover>
                </div>
              </div>
              <div class="el-col" style="width:220px;">
                <div class="d3">
                  <p>
                    <i class="iconfont icon-tuandui"></i>{{$t('visa.v_teaminfo')}}
                  </p>
                  <p>
                    <em>{{item.DayNum}}{{$t('hotel.hotel_day')}}{{item.NightNum}}{{$t('Operation.Op_night')}}</em>
                  </p>
                  <p class="travelnowrap">
                    <span>{{$t('Airticket.Air_StartTime')}}</span>
                    {{item.StartDate}}
                  </p>
                  <p class="travelnowrap">
                    <span>{{$t('Operation.Op_teamNotice')}}</span>
                    {{item.OutNotice==1?"OK":$t('visa.v_zanding')}}
                  </p>
                  <p class="travelnowrap">
                    <span>{{$t('scen.sc_cp')}}</span>
                    {{item.OutBranchName}}
                  </p>
                </div>
              </div>
              <div class="el-col" style="width:190px;">
                <div class="d4">
                  <p>
                    <i class="iconfont icon-jiage"></i>{{$t('Operation.Op_PriceInfo')}}
                  </p>
                  <p class="travelprice">
                    {{$t('Operation.Op_tradePrice')}}：￥{{item.B2BMemberPrice|priceFormat(item.B2BMemberPrice)}}</p>
                  <p class="travelprice">
                    {{$t('Operation.Op_directPrice')}}：￥{{item.B2CMemberPrice|priceFormat(item.B2CMemberPrice)}}</p>
                  <p>
                    <el-popover width="700" trigger="click" popper-class="TC_customerInfo">

                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td rowspan="2" style="text-align:center" width="60">
                            <i>{{$t('Operation.Op_standard')}}</i>
                          </td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_fellowMember')}}</td>
                          <td><b>{{item.B2BMemberPrice|priceFormat(item.B2BMemberPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_fellow')}}</td>
                          <td><b>{{item.B2BPrice|priceFormat(item.B2BPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_directMember')}}</td>
                          <td><b>{{item.B2CMemberPrice|priceFormat(item.B2CMemberPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_direct')}}</td>
                          <td><b>{{item.B2CPrice|priceFormat(item.B2CPrice)}}</b></td>
                        </tr>
                        <tr>
                          <td class="TC_cusTitle">{{$t('Operation.Op_baby')}}</td>
                          <td><b>{{item.BabyPrice|priceFormat(item.BabyPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_spickupPrice')}}</td>
                          <td colspan="5">
                            <b>{{item.SingleDMCPrice|priceFormat(item.SingleDMCPrice)}}</b>
                          </td>
                        </tr>
                        <tr>
                          <td rowspan="2" style="text-align:center">
                            <i>{{$t('Operation.Op_Income')}}</i>
                          </td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_childBed')}}</td>
                          <td><b>{{(item.ChildNeedPrice)|priceFormat(item.ChildNeedPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_childSurcharge')}}</td>
                          <td><b>{{item.BabyChargePrice|priceFormat(item.BabyChargePrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_oldmanSurcharge')}}</td>
                          <td><b>{{item.OldManChargePrice|priceFormat(item.OldManChargePrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_visaPrice')}}</td>
                          <td><b>{{item.VisaPrice|priceFormat(item.VisaPrice)}}</b></td>
                        </tr>
                        <tr>
                          <td class="TC_cusTitle">{{$t('Operation.Op_singleRoomcha')}}</td>
                          <td><b>{{item.SingleRoomPrice|priceFormat(item.SingleRoomPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_insurance')}}</td>
                          <td><b>{{item.SafeMoney|priceFormat(item.SafeMoney)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_zafei')}}</td>
                          <td colspan="3"><b>{{item.OtherPrice|priceFormat(item.OtherPrice)}}</b></td>
                        </tr>
                        <tr>
                          <td style="text-align:center">
                            <i>{{$t('Operation.Op_jianmian')}}</i>
                          </td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_childNobed')}}</td>
                          <td><b>{{item.ChildNoNeedPrice|priceFormat(item.ChildNoNeedPrice)}}</b></td>
                          <td class="TC_cusTitle">{{$t('Operation.Op_visafeeBack')}}</td>
                          <td colspan="6"><b>{{item.BackVisaPrice|priceFormat(item.BackVisaPrice)}}</b></td>
                        </tr>
                      </table>
                      <span slot="reference" class="price">{{$t('Operation.Op_priceDetail')}}</span>
                    </el-popover>
                  </p>
                </div>
              </div>
              <div class="el-col" style="width:150px;">
                <div class="d5">
                  <p>
                    <i class="iconfont icon-tuanwei"></i>{{$t('visa.v_tuanweiinfo')}}
                  </p>
                  <p>
                    <span>{{$t('visa.v_currentseat')}}</span>
                    <i>{{item.SurplusSeat=(item.SurplusSeat<0) ? 0:item.SurplusSeat}}</i> </p>
                  <p>
                    <span>{{$t('visa.v_yibaoru')}}</span>
                    <i>
                      {{item.OrderGuestNum}}
                      <span class="TCL-redType" v-if="item.OrderLeaderGuestNum>=1">+{{item.OrderLeaderGuestNum}}</span>{{$t('hotel.hotel_people')}}
                    </i>
                  </p>
                  <p>
                    <span>{{$t('Operation.Op_takeSeat')}}</span>
                    <i>{{item.Occupied}}</i>{{$t('hotel.hotel_people')}}
                  </p>
                  <p class="travelnowrap">
                    <span>{{$t('visa.v_houbu')}}</span>
                    <span v-if="item.IsSubstitution==1" class="TCL-greenType">{{$t('visa.v_yxhoubu')}}</span>
                    <span v-else class="TCL-redType">{{$t('Operation.v_byxhoubu')}}</span>
                  </p>
                  <p>
                    <span>{{$t('leader.leader_Leader')}}</span>
                    <span v-if="item.LeaderName==null" class="TCL-redType">{{$t('Operation.Op_nozhipai')}}</span>
                    <span v-else class="TCL-greenType">{{item.LeaderName}}</span>
                  </p>
                </div>
              </div>
              <div class="el-col" style="width:130px;">
                <div class="d5 TC-oparation">
                  <p>
                    <i class="iconfont icon-yuangong"></i>{{$t('Operation.Op_caozuoop')}}
                  </p>
                  <div class="clearfix TC-OpInfo">
                    <div class="TC-leftIMG">
                      <img v-if="item.OPPhoto" :src="item.OPPhoto" alt>
                      <img v-else src="../../../assets/img/default_head_img.jpg" alt>
                    </div>
                    <div class="TC-OPName">{{item.OPName}}</div>
                  </div>
                  <div class="TC_SeatList">{{$t('Airticket.Air_firstClass')}}：{{item.FSeat}}</div>
                  <div class="TC_SeatList">{{$t('Airticket.Air_businessClass')}}：{{item.CSeat}}</div>
                  <div class="TC_SeatList">{{$t('Airticket.Air_EconomyClass')}}：{{item.YSeat}}</div>
                </div>
              </div>
              <div class="el-col" style="width:200px;">
                <div class="d3">
                  <p>
                    <i class="iconfont icon-wenxintishi"></i>{{$t('Operation.Op_Warmprompt')}}
                  </p>
                  <p v-if="item.VisaType">
                    <span>{{$t('visa.v_visaType')}}</span>
                    <span v-if="item.VisaType==1">{{$t('visa.v_gvisa')}}</span>
                    <span v-else-if="item.VisaType==2">{{$t('visa.v_tvisa')}}</span>
                  </p>
                  <p>
                    <span>{{$t('visa.v_sqtime')}}</span>
                    <span class="TCL-redType"> {{item.SendVisaTime}}</span>
                  </p>
                  <p>
                    <span>{{$t('visa.v_cqtime')}}</span>
                    {{item.OutVisaTime}}
                  </p>
                  <p>
                    <span>{{$t('visa.v_kptime')}}</span>
                    {{item.TicketDeadline}}
                  </p>
                  <p v-if="item.LineID==2&&item.EuropeVisaType>0">
                    <span>
                      <span v-if="item.EuropeVisaType">{{$t('visa.v_EuropeanVisaType')}}</span>
                      <span v-if="item.EuropeVisaType==1">{{$t('visa.v_britishVisa')}}</span>
                      <span v-else-if="item.EuropeVisaType==2">{{$t('sm.shenggenVisa')}}</span>
                    </span>
                  </p>
                  <p v-if="item.LineID==2&&item.EuropeVisaType>0&&item.EuropeVisaType==2">
                    <span>
                      <span v-if="item.EuropeVisaName">{{$t('visa.v_EuropeanVisaName')}}</span>
                      <span>{{item.EuropeVisaName}}</span>
                    </span>
                  </p>
                  <p v-if="item.VisaFileList.length!==0">
                    <span>{{$t('visa.v_visaInformation')}}</span>
                  </p>
                  <p v-if="item.VisaFileList.length!==0" v-for="(item2, index2) in item.VisaFileList" :key="index2">
                    <span style="cursor:pointer;text-decoration: underline;"
                      @click="downloadFile(item2)">{{item2.Name}}</span>
                  </p>
                  <p>
                    <span>{{$t('visa.v_gvisa')}}</span>
                    {{item.SignVisaNum}}
                    <span style="margin-left:10px;">{{$t('visa.v_tvisa')}}</span>
                    {{item.GroupVisaNum}}
                  </p>
                </div>
              </div>
              <div class="el-col">
                <div class="d7">
                  <el-button @click='goUrlR("SalesconfirmationOrder",item.TCID,item.ID,item.StartCityID)' type="primary"
                    style="background:#67c23a; border-color:#67c23a">{{$t('objFill.v101.chakanxingc')}}</el-button>
                  <el-button v-if="item.TCState==2||item.TCState==0||item.TCState==1" @click.native="setUpPlat(item)"
                    type="primary" style="background:#F16C3C; border-color:#F16C3C">
                    {{$t('fnc.shenhe')}}</el-button>
                </div>
              </div>
            </div>
            <div class="TC_remarkContent" v-if="item.OPRemark||item.OPInnerRemark||item.PriceTagList">
              <div class="clearfix TCL-redType" v-if="item.OPRemark">
                <div class="TCL_remarkTitle">{{$t('Operation.Op_duiwaiRemark')}}：</div>
                <div class="TCL_Content">{{item.OPRemark}}</div>
              </div>
              <div class="clearfix TCL-redType" v-if="item.OPInnerRemark">
                <div class="TCL_remarkTitle">{{$t('Operation.Op_duineiRemark')}}：</div>
                <div class="TCL_Content">{{item.OPInnerRemark}}</div>
              </div>
              <div class="clearfix TCL-redType" v-if="item.PriceTagList.length>0">
                <div class="TCL_remarkTitle">{{$t('sm.biaoqian')}}：</div>
                <div class="TCL_Content">
                  <span v-for="(chidItem,childIndex) in item.PriceTagList" :key="childIndex">{{chidItem.Content}}</span>
                </div>
              </div>
            </div>
          </li>
        </ul>
        <div class="noData" v-show="queryMsg.noData">{{$t('system.content_noData')}}</div>
        <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
          layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
        </el-pagination>
      </div>
    </div>

    <div class="combottomDiv TC_divCon" v-if="queryCommonData.setPlatDialog" style="height:250px;">
      <div class="combottomTitle">{{$t('Operation.Op_choicePlat')}}</div>
      <table>
        <tr>
          <td>
            <span class="setPlatLeft">{{$t('Operation.Op_salesPlat')}}</span>
          </td>
          <td>
            <span>
              <el-checkbox v-model="queryCommonData.checkDialogAll" @change="checkAllDialog" style="margin-right:20px;">
                {{$t('system.table_chekAll')}}</el-checkbox>
              <el-checkbox-group v-model="queryCommonData.ckedplat" @change="checkDialog">
                <el-checkbox v-for="sales in $tripUtils.TeamStatesList.salsPlat" :label="sales.Id" :key="sales.Name">
                  {{sales.Name}}</el-checkbox>
              </el-checkbox-group>
            </span>
          </td>
        </tr>
        <tr>
          <td colspan="2" style="height:20px;"></td>
        </tr>
        <tr>
          <td>
            <span class="setPlatLeft">{{$t('pub.pubRemark')}}</span>
          </td>
          <td>
            <el-input type="textarea" v-model="remarkMsg.AuditRemark"></el-input>
          </td>
        </tr>
        <tr>
          <td colspan="2" style="height:20px;"></td>
        </tr>
        <tr>
          <td colspan="2">
            <span>
              <button class="normalBtn" style="margin-left:115px;" @click="SetshelvesUp(2)">{{$t('visa.v_tongguo')}}</button>
              <button class="normalBtn" style="margin-left:10px;" @click="SetshelvesUp(3)">{{$t('visa.v_jujue')}}</button>
              <button class="hollowFixedBtn" @click="queryCommonData.setPlatDialog=false">{{$t('pub.cancelBtn')}}</button>
            </span>
          </td>
        </tr>
      </table>

    </div>

    <div class="combottomDiv OPremarkDiv" v-if="queryCommonData.outerVisible">
      <div class="combottomTitle">{{$t('Operation.Op_remark')}}</div>
      <el-form label-width="100px">
        <el-col :span="8">
          <el-form-item :label="$t('Operation.Op_duiwaiRemark')" prop="Remark">
            <el-input type="textarea" v-model="remarkMsg.OPRemark"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item :label="$t('Operation.Op_duineiRemark')" prop="Remark">
            <el-input type="textarea" v-model="remarkMsg.OPInnerRemark"></el-input>
          </el-form-item>
        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <button class="hollowFixedBtn" @click="queryCommonData.outerVisible = false">{{$t('pub.cancelBtn')}}</button>
        <button class="normalBtn" type="primary" @click="setOPremark">{{$t('pub.sureBtn')}}</button>
      </div>
    </div>
    <div class="combottomDiv OPremarkDiv" v-if="queryCommonData.SellingPoints">
      <div class="combottomTitle">{{$t('Operation.Op_bentuanMaidian')}}</div>
      <el-form label-width="100px">
        <el-col :span="8">
          <el-form-item :label="$t('Operation.Op_bentuanMaidian')" prop="Remark">
            <el-input type="textarea" v-model="remarkMsg.ProductRecommend"></el-input>
          </el-form-item>
        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <button class="hollowFixedBtn" @click="queryCommonData.SellingPoints = false">{{$t('pub.cancelBtn')}}</button>
        <button class="normalBtn" type="primary" @click="SetSellingPoints">{{$t('pub.sureBtn')}}</button>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        //查询数据列表
        queryCommonData: {
          //线路列表
          LineList: [],
          //系列列表
          LineTeamList: [],
          //下拉框默认值
          SelectDefaultValue: 0,
          //公司选项卡默认选中
          activeName: "-1",
          //航空公司
          AirlineList: [],
          //员工列表
          EmployeeList: [],
          //公司数据
          BranchList: [],
          //是否为分公司
          IsParentCompany: "",
          //显示销售平台
          showPlatForm: false,
          //团期全选
          checkGroupALL: false,
          //销售平台全选
          checkPlatForm: false,
          //团队状态全选
          checkTCStateAll: true,
          //是否显示弹出框
          setPlatDialog: false,
          //弹出框全选
          checkDialogAll: false,
          //选择上架平台
          ckedplat: [],
          //loading
          loading: false,
          //中间变量ID
          comID: "",
          //中间变量TCState
          comState: "",
          //标题
          comPlatTitle: "",
          //高级搜索
          showHigradeSearch: false,
          //预警搜索
          showWarningSearch: false,
          //数据列表
          dataList: [],
          //中国下面城市
          CityList: [],
          //销售公司
          companyList: [],
          singleTCID: 0,
          outerVisible: false,
          flightCKed: [],
          loading: false,
          checkCompanyAll: true,
          showUnion: false,
          UnionText: this.$t('sm.xianshiLianyun'),
          //本团卖点
          SellingPoints: false,
        },
        //查询参数
        queryMsg: {
          //出团公司集合
          OutBranchIds: [],
          pageIndex: 1,
          pageSize: 10,
          LineId: 0,
          LineIdList: [],
          LineteamId: 0,
          TCNUM: "",
          StartGroupDate: "",
          EndGroupDate: "",
          OutBranchId: -1,
          AirTicketId: 0,
          TeamMinNum: "",
          TeamMaxNum: "",
          CreateBy: 0,
          ApplyMinNum: "",
          ApplyMaxNum: "",
          DayNum: "",
          OnlyShowOverTeam: false,
          TCState: [], //去掉默认显示
          GroupState: [],
          SalePlat: [],
          UnionCityId: 0,
          SaleBranchId: [],
          total: 0,
          //是否有数据
          noData: false,
          currentPage: 1,
          //航班配置
          FlightState: 0,
          //预警团
          IsWarning: false,
          WarningQuery: "-1",
          RateOnDay: "-1",
          RateOn: "-1",
          TeamType: 1, //小包团
          //是否显示联运
          IsShowUnion: 1,
          //团控状态
          FreePlanType: -1,
          DepartmentIdLimit: 1, //是否开启部门查询权限
          AuditStatus:1,//待审
        },
        remarkMsg: {
          TCID: 0,
          OPRemark: "",
          OPInnerRemark: "",
          //配置
          ConfigId: 0,
          //本团卖点
          ProductRecommend: "",
          AuditRemark: "", //审核备注
        },
        flightStatus: [{
            Id: 0,
            Name: this.$t('pub.unlimitedSel'),
            Checked: true
          },
          {
            Id: 1,
            Name: this.$t('sm.yiPeizhi'),
            Checked: false
          },
          {
            Id: 2,
            Name: this.$t('sm.weiPeizhi'),
            Checked: false
          }
        ],
        pickerBeginDateBefore: {
          disabledDate: time => {
            let endTime = new Date(this.queryMsg.EndGroupDate);
            return endTime.getTime() < time.getTime();
          }
        },
        pickerBeginDateAfter: {
          disabledDate: time => {
            let startTime = new Date(this.queryMsg.StartGroupDate);
            return startTime.getTime() >= time.getTime();
          }
        }
      };
    },
    methods: {
      downloadFile: function (item) {
        let reg = /^http(s)?:\/\/(.*?)\//;
        this.downloadFileRename(item.FullUrl.replace(reg, ""), item.Name);
      },
      //翻页
      handleCurrentChange(val) {
        this.queryMsg.pageIndex = val;
        this.getControlList();
      },
      //重新查询
      resetPageIndex() {
        this.queryMsg.pageIndex = 1;
        this.queryMsg.currentPage = 1;
      },
      //获取线路列表
      getLineList() {
        this.apipost("line_post_GetLineListExt", {}, res => {
          if (res.data.resultCode == 1) {
            this.queryCommonData.LineList = res.data.data;
          }
        });
      },
      //获取系列列表
      getLineTeamList() {
        this.queryMsg.LineteamId = 0;
        let msg = {
          lineID: this.queryMsg.LineId,
          isTOOP: 1
        };
        this.apipost("team_post_GetList", msg, res => {
          if (res.data.resultCode == 1) {
            this.queryCommonData.LineTeamList = res.data.data;
          }
        });
      },
      //切换公司
      getCompanyTab(Id) {
        this.queryMsg.OutBranchId = Id;
        this.queryMsg.currentPage = 1;
        this.getControlList();
      },
      //获取航空公司
      getAirlineList() {
        this.apipost(
          "airline_post_GetList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.queryCommonData.AirlineList = res.data.data;
            }
          },
          err => {}
        );
      },
      //根据当前员工所在部门获取该部门及子部门员工信息
      getEmployeeList() {
        let userInfo = this.getLocalStorage();
        let msg = {
          GroupId: userInfo.RB_Group_id,
          BranchId: "-1",
          DepartmentId: "-1",
          PostId: "-1",
          IsLeave: "0"
        };
        this.apipost(
          "admin_get_EmployeeGetList", msg,
          res => {
            if (res.data.resultCode == 1) {
              this.queryCommonData.EmployeeList = res.data.data;
            }
          },
          err => {}
        );
      },

      //新获取列表数据
      getControlList() {
        var msg = JSON.parse(JSON.stringify(this.queryMsg));
        if (msg.TeamMinNum == "") {
          msg.TeamMinNum = -1;
        }
        if (msg.TeamMaxNum == "") {
          msg.TeamMaxNum = -1;
        }
        if (msg.ApplyMinNum == "") {
          msg.ApplyMinNum = -1;
        }
        if (msg.ApplyMaxNum == "") {
          msg.ApplyMaxNum = -1;
        }
        if (msg.DayNum == "") {
          msg.DayNum = -1;
        }
        this.queryCommonData.loading = true;
        this.apipost(
          "travel_get_GetTravelPrciePageList",
          msg,
          res => {
            this.queryCommonData.loading = false;
            if (res.data.resultCode == 1) {
              this.queryCommonData.dataList = res.data.data.pageData;
              this.queryMsg.total = res.data.data.count;
              this.queryMsg.noData = !this.queryMsg.total > 0;
              this.queryCommonData.dataList.forEach(item => {
                item.SalePlatList = [];
                if (item.SalePlat !== null) {
                  var SalePlatArr = item.SalePlat.split(",");
                  SalePlatArr.forEach(y => {
                    item.SalePlatList.push(parseInt(y));
                  });
                }
              });
            }
          },
          err => {}
        );
      },

      //验证大小
      checkTeamNum(queryMsg) {
        var TeamMinNum = parseInt(queryMsg.TeamMinNum);
        var TeamMaxNum = parseInt(queryMsg.TeamMaxNum);
        var ApplyMinNum = parseInt(queryMsg.ApplyMinNum);
        var ApplyMaxNum = parseInt(queryMsg.ApplyMaxNum);
        if (TeamMaxNum < TeamMinNum) {
          queryMsg.TeamMaxNum = "";
        }
        if (ApplyMaxNum < ApplyMinNum) {
          queryMsg.ApplyMaxNum = "";
        }
      },
      //初始化公司
      getCompanyList() {
        let userInfo = this.getLocalStorage();
        var RB_Group_id = userInfo.RB_Group_id;
        let msg = {
          Status: 0,
          is_show: 0,
          RB_Group_Id: RB_Group_id
        };
        this.apipost(
          "admin_get_BranchGetList",
          msg,
          res => {
            if (res.data.resultCode == 1) {
              this.queryCommonData.BranchList = res.data.data;
              this.queryCommonData.BranchList.forEach(x => {
                x.isShow = false;
              });
            }
          },
          err => {}
        );
      },
      //团期状态全选
      checkGroupAll(val) {
        this.queryMsg.GroupState = [];
        if (val) {
          this.$tripUtils.TeamStatesList.teamDateStates.forEach(x => {
            this.queryMsg.GroupState.push(x.Id);
          });
        }
      },
      checkGroup(value) {
        let checkedCount = value.length;
        this.queryCommonData.checkGroupALL =
          checkedCount === this.$tripUtils.TeamStatesList.teamDateStates.length;
      },
      //销售平台全选
      checkAllSales(val) {
        this.queryMsg.SalePlat = [];
        if (val) {
          this.$tripUtils.TeamStatesList.salsPlat.forEach(x => {
            this.queryMsg.SalePlat.push(x.Id);
          });
        }
      },
      checkSales(value) {
        let checkedCount = value.length;
        this.queryCommonData.checkPlatForm =
          checkedCount === this.$tripUtils.TeamStatesList.salsPlat.length;
      },
      //团队状态全选
      checkAllTeam(val) {
        this.queryMsg.TCState = [];
        if (val) {
          this.$tripUtils.TeamStatesList.TeamStates.forEach(x => {
            this.queryMsg.TCState.push(x.Id);
          });
        }
        if (
          this.queryMsg.TCState.indexOf(
            this.$tripUtils.TeamStatesList.TeamStates[2].Id
          ) > -1
        ) {
          this.queryCommonData.showPlatForm = true;
        } else {
          this.queryCommonData.showPlatForm = false;
        }
      },
      checkedTeamList(value) {
        if (value.indexOf(this.$tripUtils.TeamStatesList.TeamStates[2].Id) > -1) {
          this.queryCommonData.showPlatForm = true;
        } else {
          this.queryCommonData.showPlatForm = false;
        }
        let checkedCount = value.length;
        this.queryCommonData.checkTCStateAll =
          checkedCount === this.$tripUtils.TeamStatesList.TeamStates.length;
      },
      //全选弹出框
      checkAllDialog(val) {
        this.queryCommonData.ckedplat = [];
        if (val) {
          this.$tripUtils.TeamStatesList.salsPlat.forEach(x => {
            this.queryCommonData.ckedplat.push(x.Id);
          });
        }
      },
      checkDialog(value) {
        let checkedCount = value.length;
        this.queryCommonData.checkDialogAll =
          checkedCount === this.$tripUtils.TeamStatesList.salsPlat.length;
      },
      //点击上架
      setUpPlat(item) {
        this.queryCommonData.outerVisible = false;
        this.queryCommonData.setPlatDialog = true;
        this.queryCommonData.singleTCID = item.TCID;
        if (item.TCState == 2) {
          this.queryCommonData.ckedplat = [];
          this.queryCommonData.checkDialogAll = false;
        } else if (item.TCState == 3) {
          item.SalePlatList.forEach(x => {
            this.queryCommonData.ckedplat.push(parseInt(x));
          });
          if (
            item.SalePlatList.length ==
            this.$tripUtils.TeamStatesList.salsPlat.length
          ) {
            this.queryCommonData.checkDialogAll = true;
          }
        }
      },
      //单团设置下架
      Setshelves(TCID) {
        let msg = {
          TCID: TCID,
          TCState: 2,
          SalePlat: ""
        };
        this.apipost("travel_post_SetPriceTCState", msg, res => {
          if (res.data.resultCode == 1) {
            this.Success(res.data.message);
            this.getControlList();
            this.queryCommonData.checkDialogAll = false;
            this.queryCommonData.ckedplat = [];
          }
        });
      },
      //单团设置上架
      SetshelvesUp(type) {
        let msg = {
          TCID: this.queryCommonData.singleTCID,
          TCState: 3,
          SalePlat: this.queryCommonData.ckedplat.join(","),
          AuditStatus: type,
          AuditRemark: this.remarkMsg.AuditRemark
        };
        if (msg.SalePlat == "") {
          this.Error(this.$t('Operation.Op_choicePlat'));
          return;
        }
        this.apipost("travel_post_SetPriceTCState", msg, res => {
          if (res.data.resultCode == 1) {
            this.Success(res.data.message);
            this.getControlList();
            this.queryCommonData.setPlatDialog = false;
            this.queryCommonData.checkDialogAll = false;
            this.queryCommonData.ckedplat = [];
          }
        });
      },

      goUrl(path, id, name) {
        this.$store.commit("pageConditionUpdate", this.queryMsg);
        this.$router.push({
          name: path,
          query: {
            id: id,
            blank: "y",
            tab: name
          }
        });
      },
      goUrlR(path, TCID, ConfigId, cityId) {
        let routeData = this.$router.resolve({
          name: path,
          query: {
            configId: ConfigId,
            cityId: cityId,
            tcid: TCID,
            orderId: 0,
            vshowL: false,
            vshowM: false,
            vshowTCNUM: true,
          }
        });
        window.open(routeData.href, "_blank");
      },
      goUrlMake(path, LineID, TCID, name) {
        this.$router.push({
          name: path,
          query: {
            LineID: LineID,
            TCID: TCID,
            blank: "y",
            tab: name
          }
        });
      },
      goB2B(ConfigId) {
        window.open(
          "http://www.oytour.com/#/detailTwo/" +
          encodeURIComponent(ConfigId) +
          "/preview",
          "_blank"
        );
      },
      goTeamBalance(id, OutBranchId) {
        this.$router.push({
          name: "TeamBalancePayment",
          query: {
            id: id,
            OutBranchId: OutBranchId,
            blank: "y",
            tab: "团队收支明细"
          }
        });
      },
      //开团或修改
      goToOpenTravel(path, configId, tcid) {
        if (configId > 0) {
          this.$store.commit("pageConditionUpdate", this.queryMsg);
          this.$router.push({
            name: path,
            query: {
              configId: configId,
              openState: 1,
              tcid: tcid,
              blank: "y",
              tab: "团期配置",
              flag: true
            }
          });
        } else {
          this.$router.push({
            name: path
          });
        }
      },
      //删除团期
      removeTeamInfo(TCID) {
        var that = this;
        that.Confirm(that.$t('tips.shifoushanchu'), function () {
          var msg = {
            TCID: TCID
          };
          that.apipost(
            "travel_post_RemoveTravelPrice",
            msg,
            res => {
              if (res.data.resultCode == 1) {
                that.Success(res.data.message);
                that.getControlList();
              } else {
                that.Error(res.data.message);
              }
            },
            null
          );
        });
      },
      //获取城市
      getCountryCity() {
        this.apipost("sellorder_get_GetAllStartCity", {}, res => {
          if (res.data.resultCode == 1) {
            this.queryCommonData.CityList = res.data.data;
          }
        });
      },
      getSellorCompany() {
        //出团公司
        this.apipost(
          "sellorder_post_GetBranchList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.queryCommonData.companyList = res.data.data;
            }
          },
          err => {}
        );
      },
      //点击op备注
      ckOPremark(item) {
        this.remarkMsg.TCID = item.TCID;
        this.remarkMsg.OPRemark = item.OPRemark;
        this.remarkMsg.OPInnerRemark = item.OPInnerRemark;
        this.queryCommonData.setPlatDialog = false;
        this.queryCommonData.outerVisible = true;
      },
      //设置OP备注
      setOPremark() {
        this.apipost(
          "travel_post_SetTravelPrcieOpRemark",
          this.remarkMsg,
          res => {
            if (res.data.resultCode == 1) {
              this.Success(res.data.message);
              this.queryCommonData.outerVisible = false;
              this.getControlList();
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      checkedFlight(item) {
        this.queryMsg.FlightState = item.Id;
        this.queryCommonData.flightCKed = [];
        this.queryCommonData.flightCKed.push(item.Id);
      },
      //点击选取出团公司
      getCompanyCheck(item) {
        item.isShow = !item.isShow;
        this.queryCommonData.checkCompanyAll = false;
        this.$forceUpdate();
        this.queryMsg.OutBranchIds = [];

        this.queryCommonData.BranchList.forEach(x => {
          if (x.isShow) {
            this.queryMsg.OutBranchIds.push(x.Id);
          }
        });
        if (
          this.queryMsg.OutBranchIds.length ==
          this.queryCommonData.BranchList.length ||
          this.queryMsg.OutBranchIds.length == 0
        ) {
          this.queryCommonData.checkCompanyAll = true;
        }
        this.getControlList();
      },
      //查询全部
      getCompanyCheckAll() {
        this.queryCommonData.checkCompanyAll = true;
        this.queryMsg.OutBranchIds = [];
        this.queryCommonData.BranchList.forEach(x => {
          x.isShow = false;
        });
        this.getControlList();
      },

      SetPrice(value) {
        if (value == null) {
          return 0.0;
        }
        let nStr = value.toFixed(2);
        nStr += "";
        let x = nStr.split(".");
        let x1 = x[0];
        let x2 = x.length > 1 ? "." + x[1] : "";
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
          x1 = x1.replace(rgx, "$1" + "," + "$2");
        }
        return x1 + x2;
      },
      //点击本团卖点
      ckSellPoint(item) {
        this.queryCommonData.SellingPoints = true;
        this.remarkMsg.ConfigId = item.ID;
        this.remarkMsg.ProductRecommend = item.ProductRecommend;
        this.remarkMsg.TCID = item.TCID;
      },
      //本团卖点
      SetSellingPoints() {
        this.apipost(
          "travel_post_SetSellingPoints",
          this.remarkMsg,
          res => {
            if (res.data.resultCode == 1) {
              this.Success(res.data.message);
              this.queryCommonData.SellingPoints = false;
              this.getControlList();
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      //隐藏显示
      ShowUnionList() {
        this.queryCommonData.showUnion = !this.queryCommonData.showUnion;
        if (this.queryCommonData.showUnion) {
          this.queryCommonData.UnionText = this.$t('sm.yincangLianyun')
        } else {
          this.queryCommonData.UnionText = this.$t('sm.xianshiLianyun')
        }
      },
      //结团/正常
      OutGroup(TCID, Status) {
        let msg = {
          TCID: TCID,
          Status: Status,
        }
        this.apipost('travel_post_SetPriceStatus', msg, res => {
          if (res.data.resultCode == 1) {
            this.Success(res.data.message)
            this.getControlList()
            this.queryCommonData.checkDialogAll = false
            this.queryCommonData.ckedplat = []
          } else {
            this.Info(res.data.message)
          }
        })
      },
    },
    filters: {
      formatStartDate(value) {
        let dataArr = value.split("-");
        return dataArr[1] + "-" + dataArr[2];
      },
      priceFormat(value) {
        if (value == null) {
          return 0.0;
        }
        let nStr = value.toFixed(2);
        nStr += "";
        let x = nStr.split(".");
        let x1 = x[0];
        let x2 = x.length > 1 ? "." + x[1] : "";
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
          x1 = x1.replace(rgx, "$1" + "," + "$2");
        }
        return x1 + x2;
      }
    },
    mounted() {
      //销售公司
      this.getSellorCompany();
      this.getCompanyList();
      this.getLineList();
      this.getAirlineList();
      this.getEmployeeList();
      this.getCountryCity();
    },
    created() {
      //默认显示联运
      this.queryMsg.IsShowUnion = 1;
      let userInfo = this.getLocalStorage();

      if (this.$route.query.tcmun) {
        this.queryMsg.TCNUM = this.$route.query.tcmun;
      }

      if (userInfo.IsParentCompany == undefined) {
        this.queryCommonData.IsParentCompany = 2;
      } else {
        this.queryCommonData.IsParentCompany = userInfo.IsParentCompany;
      }
      if (this.$route.query.hasOwnProperty("cache")) {
        if (this.$store.state.pageCondition != null) {
          this.queryMsg = this.$store.state.pageCondition;
        }
      }
      var myDate = new Date();
      var nowDate =
        myDate.getFullYear() +
        "-" +
        parseInt(myDate.getMonth() + 1) +
        "-" +
        myDate.getDate();
      this.queryMsg.StartGroupDate = nowDate;
      if (
        this.queryCommonData.IsParentCompany != 1 &&
        userInfo.RB_Branch_id != 49
      ) {
        this.queryMsg.OutBranchIds.push(userInfo.RB_Branch_id);
      }
      //默认查询全部团队状态
      this.$tripUtils.TeamStatesList.TeamStates.forEach(states => {
        this.queryMsg.TCState.push(states.Id);
      })
      this.getControlList();
    }
  };

</script>
