<style>
  .Lh_Toptable {
    width: 100%;
    font-size: 12px;
    color: #333;
    padding: 0 20px;
    background-color: #fff;
  }

  .Lh_Toptable tr, .Lh_detailTable tr {
    height: 40px;
  }

  .Lh_Toptable input, .Lh_detailTable input {
    border: none;
    border-bottom: 1px solid #dddddd !important;
    height: 20px !important;
  }

  .Lh_title {
    font-size: 20px;
  }

  .w128 {
    width: 128px !important;
  }

  .w140 {
    width: 140px !important;
  }

  .Lh_detailTable {
    width: 100%;
    font-size: 12px;
    color: #333;
    margin: auto;
    border-collapse: collapse;
    background-color: #fff;
    border: 1px solid #d1d1d1;
  }

  .Lh_detailTable td {
    border: 1px solid #d1d1d1;
    text-align: left;
    padding: 10px 5px;
  }

  .Lh_detailTable th {
    background-color: #E6E6E6;
    border: 1px solid #d1d1d1;
  }
  .Lh_TabTitle {
    width: 100%;
    text-align: center;
  }

  .Lh_ComSpan {
    display: inline-block;
    width: 80px;
    text-align: left;
  }

  .Lh_ComSpanTwo {
    display: inline-block;
    width: 130px;
    text-align: left;
  }

  .Lh_ComSpanThree {
    width: 130px;
    text-align: left;
    margin: auto;
  }

  .LH_LastTable tr {
    height: 30px !important;
  }
  .LH_commonCenter{
    text-align: center!important;
  }
  .LH_contentDiv {
    width: 1000px;
    min-height: 1500px;
    position: absolute;
    background-color: #fff;
    padding: 20px 10px;
  }
  .LH_btnList {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  @media print {
    .LH_btnList,.nav{display:none;}
  }
  .LH_contentDiv .Lh_detailTable .el-checkbox__inner::after{
    border-color:black;
  }
  .LH_contentDiv .Lh_detailTable .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #fff!important;
      border-color: #d1d1d1!important;
  }
</style>

<template>
  <div class="LH_contentDiv" v-if="isShow" id="print">
    <div class="LH_btnList">
      <input type="button" @click="saveDelivery()" :value="$t('pub.saveBtn')" class="normalBtn"/>
      <input type="button" :value="$t('ground.dayin')" @click.prevent="doPrint" class="normalBtn"/>
    </div>
    <table class="Lh_Toptable">
      <tr>
        <th class="Lh_title" colspan="9">{{$t('ground.yxzhilv')}} {{$t('leader.leader_Leader')}}/{{$t('leader.leader_Guide')}}/{{$t('ground.sjjjdan')}}（{{$t('ground.ribenxian')}}）</th>
      </tr>
      <tr>
        <td colspan="9">
          <div style="float:left;">{{$t('Operation.Op_TeamName')}}：</div>
          <div style="float:left;width:95%;">{{sendReceiptData.TeamTitle}}</div>
        </td>
      </tr>
      <tr>
        <td width="300">
            {{$t('ground.dingtuanhao')}}：{{NewCombinationNum}}
        </td>
        <td colspan="8" style="display:none;">
          {{$t('visa.v_tuanhao')}}：
          <el-input type="text" class="w160" v-model="sendReceiptData.TCNUM"/>
        </td>
      </tr>
      <tr>
        <td>
          {{$t('leader.leader_Leader')}}：
          <el-input type="text" class="w160" v-model="sendReceiptData.LeaderName"/>
        </td>
        <td colspan="8">
          {{$t('leader.leader_Guide')}}：
          <el-input type="text" class="w160" v-model="sendReceiptData.GuideName"/>
        </td>
      </tr>
      <tr>
        <td>
          {{$t('Airticket.Air_Number')}}：{{sendReceiptData.StartCityName}}{{$t('ground.chufa')}}
          <el-input type="text" class="w100" v-model="sendReceiptData.StartCityNum" @keyup.native="checkInteger(sendReceiptData,'StartCityNum')" />
          {{$t('ground.wei')}}
        </td>
        <td width="250">
          {{$t('ground.otherCoupiao')}}
          <el-input type="text" class="w135" v-model="sendReceiptData.TogetherNum" @keyup.native="checkInteger(sendReceiptData,'TogetherNum')" />
          {{$t('ground.wei')}}
        </td>
        <td colspan="7">
          {{$t('ground.waizhanjoin')}}
          <el-input type="text" class="w100" v-model="sendReceiptData.OutsideNum" @keyup.native="checkInteger(sendReceiptData,'OutsideNum')" />
          {{$t('ground.wei')}}
        </td>
      </tr>
      <tr>
        <td>
          {{$t('fnc.xiaofei')}}：{{$t('fnc.jine')}}
          <el-input type="text" class="w128" v-model="sendReceiptData.Trip"  @keyup.native="checkPrice(sendReceiptData,'Trip')" />
          {{$t('hotel.hotel_yuan')}}/{{$t('ground.wei')}}
        </td>
        <td>
          {{$t('Airticket.Air_Number')}}：{{$t('fnc.w_gong')}}
          <el-input type="text" class="w150" v-model="sendReceiptData.TripNum" @keyup.native="checkInteger(sendReceiptData,'TripNum')" />
          {{$t('ground.wei')}}
        </td>
        <td colspan="7">
          {{$t('ground.zongji')}}：
          <el-input type="text" class="w120" v-model="sendReceiptData.TripTotal" @keyup.native="checkPrice(sendReceiptData,'TripTotal')" />
          {{$t('ground.wanriyuan')}}
        </td>
      </tr>
      <tr>
        <td>
          {{$t('ground.tuankuan')}}：
          <el-input type="text" class="w160" v-model="sendReceiptData.TeamPrice" @keyup.native="checkPrice(sendReceiptData,'TeamPrice')" />
          {{$t('fnc.a_rminbi')}}
        </td>
        <td colspan="8">
          {{$t('ground.mdbfei')}}：
          <el-input type="text" class="w135" v-model="sendReceiptData.TableFee" @keyup.native="checkPrice(sendReceiptData,'TableFee')" />
          {{$t('ground.wanriyuan')}}{{$t('hotel.hotel_yuan')}}
        </td>
      </tr>
    </table>
    <table class="Lh_detailTable" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th colspan="9">{{$t('ground.chahemx')}}</th>
      </tr>
      <tr>
        <th width="220">{{$t('Operation.Op_Project')}}</th>
        <th width="60">{{$t('system.table_operation')}}</th>
        <th width="60">{{$t('leader.leader_Leader')}}</th>
        <th with="220">{{$t('Operation.Op_Project')}}</th>
        <th width="60">{{$t('system.table_operation')}}</th>
        <th width="60">{{$t('leader.leader_Leader')}}</th>
        <th width="220">{{$t('Operation.Op_Project')}}</th>
        <th width="60">{{$t('system.table_operation')}}</th>
        <th width="60">{{$t('leader.leader_Leader')}}</th>
      </tr>
      <tr>
        <td>
          <div class="Lh_TabTitle">{{$t('salesModule.Passport')}}</div>
          <div>
            <span class="Lh_ComSpan">{{$t('ground.yxhzyj')}}</span>{{$t('hotel.hotel_totalRoom')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.ValidPassport" @keyup.native="checkInteger(sendReceiptData,'ValidPassport')" />
            {{$t('Airticket.Air_ben')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.EffectivePassport" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td class="LH_commonCenter">{{$t('ground.jdbgyzfs')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.ScenicChangeAndSelfFee" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td rowspan="3" class="LH_commonCenter">
            {{$t('ground.ttffbiao')}}
        </td>
        <td rowspan="3" class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.TeamHouse" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td rowspan="3"></td>
      </tr>
      <tr>
        <td>
          <div>
            <span class="Lh_ComSpan">{{$t('ground.jhzyj')}}</span>{{$t('hotel.hotel_totalRoom')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.OldPassport" @keyup.native="checkInteger(sendReceiptData,'OldPassport')" />
            {{$t('Airticket.Air_ben')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.OldEffectivePassport" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td class="LH_commonCenter">{{$t('ground.lklxdh')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.GuestTel" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <div>
            <span class="Lh_ComSpan">{{$t('ground.zidai')}}</span>{{$t('fnc.w_gong')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.BringOwn" @keyup.native="checkInteger(sendReceiptData,'BringOwn')" />
           {{$t('ground.wei')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.SelfEffectivePassport" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td class="LH_commonCenter">{{$t('ground.hgcrjmd')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.CustomsInOut" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td class="LH_commonCenter">{{$t('ground.hzsyfyj')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.PassportCopy" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td class="LH_commonCenter">{{$t('ground.ttgxb')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.TeamRelation" :true-label='1' :false-label='0'></el-checkbox>
        </td>
          <td></td>
        <td>
          <div>
            <span class="Lh_ComSpan" style="width:60px;">{{$t('ground.candan')}}</span>{{$t('fnc.w_gong')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.DinnerCount" @keyup.native="checkInteger(sendReceiptData,'DinnerCount')" />
            {{$t('ground.zhang')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.DinnerMenu" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <div class="Lh_TabTitle">{{$t('ground.ttqz')}}</div>
          <div>
            <span class="Lh_ComSpanTwo">1.{{$t('active.cl_qianzheng')}} {{$t('fnc.w_gong')}}<el-input type="text" class="w60" v-model="sendReceiptData.Visa" @keyup.native="checkInteger(sendReceiptData,'Visa')" />{{$t('Airticket.Air_ben')}}</span>
          </div>
          <div>
            <span class="Lh_ComSpanTwo">2.{{$t('ground.sqxcb')}}</span>
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.IsVisa" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          <div class="Lh_TabTitle">{{$t('ground.zanzhuzheng')}}</div>
          <div class="Lh_TabTitle">{{$t('ground.jdzhengming')}}</div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.TempResidentialPermit" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td style="padding:0">
          <div style="border-bottom:1px solid #d1d1d1;padding:0 0 5px 5px;">
            {{$t('ground.yjdchabiao')}} {{$t('fnc.w_gong')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.Questionnaire" @keyup.native="checkInteger(sendReceiptData,'Questionnaire')" />
            {{$t('salesModule.Fen')}}
          </div>
          <div style="padding:5px 0 0 5px;">
            {{$t('ground.gzsaqxxk')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.OpinionPolls" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td class="LH_commonCenter">{{$t('ground.ttqzbiao')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.IsTeamVisa" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td class="LH_commonCenter">{{$t('ground.zwcttzhi')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.ChineseOutNotice" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td class="LH_commonCenter">{{$t('ground.linduizhen')}}</td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.LeaderCertificate" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <div class="Lh_TabTitle">{{$t('active.cl_jipiao')}}</div>
          <div>
            <span class="Lh_ComSpan">{{$t('ground.guojiduan')}}</span>{{$t('fnc.w_gong')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.LuggageCard"  @keyup.native="checkInteger(sendReceiptData,'LuggageCard')" />{{$t('ground.zhang')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.IsInternationalTicket" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          <div>{{$t('ground.rwcttzhishu')}}</div>
          <div>1.{{$t('ground.jdshoupeishu')}}</div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.HotelSouPei" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          <div>{{$t('leader.leader_Leader')}}WORKING FILE</div>
          <div>1.{{$t('ground.dybzdan')}}</div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.GuideExpense" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <div>
            <span class="Lh_ComSpan">2.F.I.T</span>{{$t('fnc.w_gong')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.FIT" @keyup.native="checkInteger(sendReceiptData,'FIT')" />{{$t('ground.zhang')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.IsFITTicket" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          2.{{$t('ground.ycspeishu')}}
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.BusSouPei" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          2.{{$t('ground.jindianbiao')}}
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.InShop" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <div>
            <span class="Lh_ComSpan">3.{{$t('ground.coupiao')}}</span>{{$t('fnc.w_gong')}}
            <el-input type="text" class="w60" v-model="sendReceiptData.TogetherTicket" @keyup.native="checkInteger(sendReceiptData,'TogetherTicket')" />{{$t('ground.zhang')}}
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.IsTogetherTicket" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          3.{{$t('ground.sijixinxi')}}
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.DriverInfo" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          3.{{$t('ground.ggbaogaoshu')}}
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.BackCountry" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <div>
            <span class="Lh_ComSpan">4.{{$t('ground.jpxchendan')}}</span>
          </div>
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.IsTicketTrip" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          4.{{$t('ground.zrwxchd')}}
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.ChineseAndJapaneseTripCheck" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
        <td>
          4.{{$t('ground.lduirizhi')}}
        </td>
        <td class="LH_commonCenter">
          <el-checkbox  v-model="sendReceiptData.LeaderLog" :true-label='1' :false-label='0'></el-checkbox>
        </td>
        <td></td>
      </tr>
    </table>
    <table style="width:100%;margin-top:30px;font-size:12px;">
        <tr>
          <td width="30" style="vertical-align:top;">{{$t('pub.pubRemark')}}</td>
          <td>
              <el-input type="textarea" v-model="sendReceiptData.DRemark" resize='none' :rows="5" />
          </td>
        </tr>
    </table>
    <table class="Lh_Toptable LH_LastTable" style="margin-top:30px;">
      <tr>
        <td colspan="9">{{$t('ground.qitazhuyishixiang')}}：</td>
      </tr>
      <tr>
        <td>1.{{$t('ground.lvkeyijianbiao')}}</td>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td>2.{{$t('ground.hzzdmd')}}：</td>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td colspan="9">
          *{{$t('ground.qldzjchang')}}
        </td>
      </tr>
      <tr>
        <td colspan="9">
          3.{{$t('ground.LDHUIGUO')}}
        </td>
      </tr>
      <tr>
        <td colspan="9">
          4.{{$t('ground.lduiwubi')}}
        </td>
      </tr>
      <tr>
        <td colspan="9">
          5.{{$t('ground.ruyoukeren')}}
        </td>
      </tr>
      <tr>
        <td colspan="9">
          6.{{$t('ground.lduichutuan')}}
        </td>
      </tr>
    </table>
    <table class="Lh_Toptable">
      <tr>
        <td colspan="9">{{$t('ground.chahewuwu')}}：</td>
      </tr>
      <tr>
        <td>{{$t('system.table_operation')}}：</td>
        <td>
          <el-input type="text" class="w100"></el-input>
        </td>
        <td>{{$t('fnc.xiankong')}}：</td>
        <td>
          <el-input type="text" class="w100"></el-input>
        </td>
        <td>
          {{$t('leader.leader_Leader')}}：
        </td>
        <td>
          <el-input type="text" class="w100"></el-input>
        </td>
        <td>{{$t('sm.songji')}}：</td>
        <td>
          <el-input type="text" class="w100"></el-input>
        </td>
        <td></td>
      </tr>
    </table>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        isShow:false,
        sendReceiptData: "",
        //定团号
        NewCombinationNum:'',
      };
    },
    methods: {
      getLeaderGuideSendReceipt() {
        let tcids = this.$route.query.id;
        var msg = {
          TCIDS: tcids
        };
        this.apipost(
          "dmcstatistics_get_GetLeaderGuideSendReceipt",
          msg,
          res => {
            if (res.data.resultCode == 1) {
              this.sendReceiptData = res.data.data;
              this.isShow=true;
            }else{
              this.Error(res.data.message);
            }
          },
          err => {
          }
        );
      },
      saveDelivery() {
        var msg = this.sendReceiptData;
        this.apipost(
          "dmcstatistics_post_SaveSendairportDelivery",
          msg,
          res => {
            if (res.data.resultCode == 1) {
              this.Success("保存成功");
              this.getLeaderGuideSendReceipt();
            }else{
              this.Error(res.data.message);
            }
          },
          err => {
          }
        );
      },
      doPrint(){
        window.print();
      },
    },
    mounted() {
      this.getLeaderGuideSendReceipt();
      this.NewCombinationNum = this.$route.query.NewCombinationNum;
    }
  }
</script>