<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="checkPrice(sendReceiptData,'StartCityNum')" />
{{$t('ground.wei')}}
</td>
<td width="250">
{{$t('ground.otherCoupiao')}}
<el-input type="text" class="w135" v-model="sendReceiptData.TogetherNum" @keyup.native="checkPrice(sendReceiptData,'TogetherNum')" />
{{$t('ground.wei')}}
</td>
<td colspan="7">
{{$t('ground.waizhanjoin')}}
<el-input type="text" class="w100" v-model="sendReceiptData.OutsideNum" @keyup.native="checkPrice(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="checkPrice(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"/>
{{$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"/>
{{$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"/>
{{$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"/>
{{$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"/>{{$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"/>
{{$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"/>{{$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"/>{{$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"/>{{$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>