Skip to content

S
SuperMan
Commit cd65c667 authored by youjie's avatar youjie
Browse files
Options

no message

parent e0c1a439
Hide whitespace changes
Inline Side-by-side
Showing with 233 additions and 175 deletions
src/components/LeaveGroupDownload/index.vue
View file @ cd65c667
<template> <template>
<div id="pdf_1" v-if="orderMsg"> <div id="pdf_1" v-if="orderMsg&&dataAll">
<div class="trip-adviser"> <div class="UpgradedVersion-box UpgradedVersion-homebj relative">
<h1 class="trip-nav-title"> <div class="absolute z-index1 column" style="left: 0;right: 0; top: 0;bottom: 0;">
<span>{{ vshowL ? "出团通知书：" : "" }}</span> <Header :TripColor="dataAll&&dataAll.tripColor" :orderMsg="orderMsg"></Header>
{{ orderMsg.lineteamName }}{{ orderMsg.dayNum }}日游 <div class="travelDaysTitlle row-aic">
</h1> <div class="travelDaysTitlle-left">
<p> <div class="travelDaysTitlle-left-text column-ajc">
尊敬的旅客：<br />感谢您选择我们的旅游服务。为了确保各位旅客有更好的旅游体验，请详细阅读《出团通知书》的各项内容。如有任何问题，请拨打通知书内的本团领队电话或机场服务人员电话。 <div class="travelDaysTitlle-left-textOne">
在此，预祝您旅途愉快！希望您在本次旅程中留下此生中最美好的回忆！ <span></span>
</p> </div>
</div> <div class="travelDaysTitlle-left-textTwo">
<table class="baseTable trip-v3-base"> <span></span>
<tbody> </div>
<tr>
<td class="essential-item jianju">
<p class="pkey">线路</p>
<p class="pvalue">{{ orderMsg.lineName }}</p>
</td>
<td class="essential-item jianju">
<p class="pkey">出发日期</p>
<p class="pvalue">{{ orderMsg.startDate }}</p>
</td>
<td class="essential-item jianju">
<p class="pkey">返回日期</p>
<p class="pvalue">{{ orderMsg.endDate }}</p>
</td>
<td class="essential-item jianju_b">
<p class="pkey">行程天数</p>
<p class="pvalue">{{ orderMsg.dayNum }}</p>
</td>
<td rowspan="2">
<div style="width: 160px; height:160px;margin-left:20px;">
<img style="width: 160px; height:160px;" :src="'data:image/png;base64,' + WeiXinShareImgSrc"
alt="获取微信小程序分享链接" />
</div> </div>
</td> </div>
</tr> <div class="travelDaysTitlle-right">
<tr> <div class="travelDaysTitlle-right-text row-aic"
<td class="essential-item jianju" colspan="2"> :style="{'background': dataAll&&dataAll.tripColor,'font-size': getFontSize(orderMsg.lineteamName+orderMsg.dayNum),'color':textColor}">
<p class="pkey">系列</p> {{ orderMsg.lineteamName }}{{ orderMsg.dayNum }}日游
<p class="pvalue">{{ orderMsg.lineteamName }}</p> </div>
</td> </div>
<td class="essential-item jianju_b" colspan="2"> </div>
<p class="pkey">团队编号</p> <div class="trip-adviser">
<p class="pvalue">{{ orderMsg.tcnum }}</p> <!-- <h1 class="trip-nav-title">
</td> <span>{{ vshowL ? "出团通知书：" : "" }}</span>
</tr> {{ orderMsg.lineteamName }}{{ orderMsg.dayNum }}日游
</tbody> </h1> -->
</table> <p>
<div class="trip-v3-title small-margin"> 尊敬的旅客：<br />感谢您选择我们的旅游服务。为了确保各位旅客有更好的旅游体验，请详细阅读《出团通知书》的各项内容。如有任何问题，请拨打通知书内的本团领队电话或机场服务人员电话。
<h2>集合地点&amp;联系人</h2> 在此，预祝您旅途愉快！希望您在本次旅程中留下此生中最美好的回忆！
</div> </p>
<table class="baseTable trip-v3-base"> </div>
<tbody> <table class="baseTable trip-v3-base">
<tr> <tbody>
<td class="essential-item jianju">
<p class="pkey">本团领队</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.leaderInfo
: orderMsg.leaderName +
(orderMsg.leaderMobile != null
? "/" + orderMsg.leaderMobile
: "")
}}
</p>
</td>
<td class="essential-item jianju">
<p class="pkey">集合时间</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.gatheringTime
: orderMsg.gatheringTime
}}
</p>
</td>
<td class="essential-item jianju">
<p class="pkey">机场服务</p>
<p class="pvalue">
<template v-if="
orderMsg &&
orderMsg.airportServicePerson &&
orderMsg.airportServicePerson != ''
">
{{ orderMsg.airportServicePerson }}
</template>
</p>
</td>
<td class="essential-item jianju_b">
<p class="pkey">集合标识</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.gatherIdent
: orderMsg.bName
}}
</p>
</td>
</tr>
<tr>
<td class="essential-item jianju" colspan="2">
<p class="pkey">紧急联系人</p>
<p class="pvalue">
<span v-if="vshowLLR">
<template v-if="orderMsg.emergencyContact != ''">
{{ orderMsg.emergencyContact }}
</template>
</span>
</p>
</td>
<td class="essential-item jianju_b" colspan="2">
<p class="pkey">集合地点</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.gatheringAddress
: orderMsg.gatheringAddress
}}
</p>
</td>
</tr>
</tbody>
</table>
<template v-if='vshowB'>
<div class="trip-v3-title small-margin">
参考航班
</div>
<div class="hangban-info">
<table border="0" align="center" cellspacing="0" cellpadding="0" class="flight_list"
:class="{'guoneiLine':lineId==90}">
<thead class="flight_header">
<tr> <tr>
<th width="140">出发时间<span>(当地)</span></th> <td class="essential-item jianju">
<th width="160">抵达时间<span>(当地)</span></th> <p class="pkey">线路</p>
<th width="160"> <p class="pvalue">{{ orderMsg.lineName }}</p>
<template v-if="lineId==90">起飞机场/出发城市</template> </td>
<template v-else>起飞机场</template> <td class="essential-item jianju">
</th> <p class="pkey">出发日期</p>
<th width="18" class="gap">&nbsp;</th> <p class="pvalue">{{ orderMsg.startDate }}</p>
<th width="160"> </td>
<template v-if="lineId==90">抵达机场/到达城市</template> <td class="essential-item jianju">
<template v-else>抵达机场</template> <p class="pkey">返回日期</p>
</th> <p class="pvalue">{{ orderMsg.endDate }}</p>
<th width="18" class="gap">&nbsp;</th> </td>
<th width="140">航空公司</th> <td class="essential-item jianju_b">
<th width="90">航班编号</th> <p class="pkey">行程天数</p>
<th width="18" class="gap">&nbsp;</th> <p class="pvalue">{{ orderMsg.dayNum }}</p>
<th width="100">经停城市</th> </td>
<td rowspan="2">
<div style="width: 160px; height:160px;margin-left:20px;">
<img style="width: 160px; height:160px;" :src="'data:image/png;base64,' + WeiXinShareImgSrc"
alt="获取微信小程序分享链接" />
</div>
</td>
</tr> </tr>
</thead> <tr>
<tbody style="padding-top:12px;" <td class="essential-item jianju" colspan="2">
v-if="orderTripdiff&&orderTripdiff.travelOrderFlightList&& orderTripdiff.travelOrderFlightList.length>0"> <p class="pkey">系列</p>
<tr v-for="(flight,ftIndex) in orderTripdiff.travelOrderFlightList" :key="ftIndex"> <p class="pvalue">{{ orderMsg.lineteamName }}</p>
<td width="140"><span class="nth-day">{{flight.startDate.substring(5)}}</span>&nbsp;<span </td>
class="num">{{flight.departureTime}}</span></td> <td class="essential-item jianju_b" colspan="2">
<td width="160"><span class="nth-day">{{flight.arriveDate.substring(5)}}</span>&nbsp;<span <p class="pkey">团队编号</p>
class="num">{{flight.arrivalTime}}</span></td> <p class="pvalue">{{ orderMsg.tcnum }}</p>
<td width="160">{{flight.departureAirPortName}}<span class="citycode"></span></td> </td>
<td width="18" class="gap">&nbsp;</td>
<td width="160">{{flight.arrivalAirPortName}}<span class="citycode"></span></td>
<td width="18" class="gap">&nbsp;</td>
<td width="140">{{flight.alName}}</td>
<td width="110">{{flight.flightNumber}}
<span style="color:green;">{{(flight.flightState==1)?"OK":"暂定"}}</span></td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">{{flight.stopoverAirPortName}}</td>
</tr> </tr>
</tbody> </tbody>
</table>
<div class="trip-v3-title small-margin">
<h2>集合地点&amp;联系人</h2>
</div>
<table class="baseTable trip-v3-base">
<tbody> <tbody>
<tr> <tr>
<td colspan="10" align="center" style="color:#333;font-size:14px;"> <td class="essential-item jianju">
1.本航班表僅提供參考，正確航班請點選您的出發日期。 2. <p class="pkey">本团领队</p>
不同航班，餐食及行程安排皆有所不同，正確行程，請點選您的出發日期。 <p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.leaderInfo
: orderMsg.leaderName +
(orderMsg.leaderMobile != null
? "/" + orderMsg.leaderMobile
: "")
}}
</p>
</td>
<td class="essential-item jianju">
<p class="pkey">集合时间</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.gatheringTime
: orderMsg.gatheringTime
}}
</p>
</td>
<td class="essential-item jianju">
<p class="pkey">机场服务</p>
<p class="pvalue">
<template v-if="
orderMsg &&
orderMsg.airportServicePerson &&
orderMsg.airportServicePerson != ''
">
{{ orderMsg.airportServicePerson }}
</template>
</p>
</td>
<td class="essential-item jianju_b">
<p class="pkey">集合标识</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.gatherIdent
: orderMsg.bName
}}
</p>
</td>
</tr>
<tr>
<td class="essential-item jianju" colspan="2">
<p class="pkey">紧急联系人</p>
<p class="pvalue">
<span v-if="vshowLLR">
<template v-if="orderMsg.emergencyContact != ''">
{{ orderMsg.emergencyContact }}
</template>
</span>
</p>
</td>
<td class="essential-item jianju_b" colspan="2">
<p class="pkey">集合地点</p>
<p class="pvalue">
{{
orderTripdiff != null
? orderTripdiff.gatheringAddress
: orderMsg.gatheringAddress
}}
</p>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<template v-if='vshowB'>
<div class="trip-v3-title small-margin">
参考航班
</div>
<div class="hangban-info">
<table border="0" align="center" cellspacing="0" cellpadding="0" class="flight_list"
:class="{'guoneiLine':lineId==90}">
<thead class="flight_header">
<tr>
<th width="140">出发时间<span>(当地)</span></th>
<th width="160">抵达时间<span>(当地)</span></th>
<th width="160">
<template v-if="lineId==90">起飞机场/出发城市</template>
<template v-else>起飞机场</template>
</th>
<th width="18" class="gap">&nbsp;</th>
<th width="160">
<template v-if="lineId==90">抵达机场/到达城市</template>
<template v-else>抵达机场</template>
</th>
<th width="18" class="gap">&nbsp;</th>
<th width="140">航空公司</th>
<th width="90">航班编号</th>
<th width="18" class="gap">&nbsp;</th>
<th width="100">经停城市</th>
</tr>
</thead>
<tbody style="padding-top:12px;"
v-if="orderTripdiff&&orderTripdiff.travelOrderFlightList&& orderTripdiff.travelOrderFlightList.length>0">
<tr v-for="(flight,ftIndex) in orderTripdiff.travelOrderFlightList" :key="ftIndex">
<td width="140"><span class="nth-day">{{flight.startDate.substring(5)}}</span>&nbsp;<span
class="num">{{flight.departureTime}}</span></td>
<td width="160"><span class="nth-day">{{flight.arriveDate.substring(5)}}</span>&nbsp;<span
class="num">{{flight.arrivalTime}}</span></td>
<td width="160">{{flight.departureAirPortName}}<span class="citycode"></span></td>
<td width="18" class="gap">&nbsp;</td>
<td width="160">{{flight.arrivalAirPortName}}<span class="citycode"></span></td>
<td width="18" class="gap">&nbsp;</td>
<td width="140">{{flight.alName}}</td>
<td width="110">{{flight.flightNumber}}
<span style="color:green;">{{(flight.flightState==1)?"OK":"暂定"}}</span></td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">{{flight.stopoverAirPortName}}</td>
</tr>
</tbody>
<tbody>
<tr>
<td colspan="10" align="center" style="color:#333;font-size:14px;">
1.本航班表僅提供參考，正確航班請點選您的出發日期。 2.
不同航班，餐食及行程安排皆有所不同，正確行程，請點選您的出發日期。
</td>
</tr>
</tbody>
</table>
</div>
</template>
<div style="width: 100%;height:40px;"></div>
</div> </div>
</template> </div>
<div style="width: 100%;height:40px;"></div>
</div> </div>
</template> </template>
<script> <script>
import Header from "./components/header";
export default { export default {
components: {}, components: {
Header
},
props: [ props: [
"dataAll",
"vshowJ", "vshowJ",
"vshowL", "vshowL",
"orderMsg", "orderMsg",
...@@ -198,12 +226,42 @@ ...@@ -198,12 +226,42 @@
"lineId" "lineId"
], ],
data() { data() {
return {}; return {
backgroundColor: '',
textColor: '',
textColorOne: '',
};
}, },
methods: {}, methods: {
getFontSize(title){
if(title.length+2>60){
return 929/60 +'px'
}else{
return '30px'
}
},
},
computed: {}, computed: {},
watch: { watch: {
dataAll: {
handler(val, oldVal) {
if(val&&val.tripColor){
this.backgroundColor = this.hexToRgb(val.tripColor, 0.2)
let rgba = this.hexToRgb(val.tripColor, 1)
rgba = rgba.split(',')
let rgba0 = rgba[0].split('(')
let arr = [rgba0[1],rgba[1],rgba[2]]
if(this.getRgbLevel(arr)>50){
this.textColor = "#fff"
}else{
this.textColor = "#333"
}
}
},
deep: true,
immediate: true
},
orderMsg: { orderMsg: {
handler(val, oldVal) {}, handler(val, oldVal) {},
deep: true, deep: true,
......
src/components/confirmationOrderDownLoadNew.vue
View file @ cd65c667
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<div id="pdfNode" class="LeaveGroupDownload-form"> <div id="pdfNode" class="LeaveGroupDownload-form">
<div id="pdfDom" style="padding:0 20px;"> <div id="pdfDom" style="padding:0 20px;">
<!-- 首页 --> <!-- 首页 -->
<LeaveGroupDownload :vshowJ="vshowJ" :vshowL="vshowL" :WeiXinShareImgSrc="WeiXinShareImgSrc" <LeaveGroupDownload :dataAll="dataAll" :vshowJ="vshowJ" :vshowL="vshowL" :WeiXinShareImgSrc="WeiXinShareImgSrc"
:orderMsg="orderMsg" :orderTripdiff="orderTripdiff" :vshowLLR="vshowLLR" :vshowB="vshowB" :lineId="lineId"> :orderMsg="orderMsg" :orderTripdiff="orderTripdiff" :vshowLLR="vshowLLR" :vshowB="vshowB" :lineId="lineId">
</LeaveGroupDownload> </LeaveGroupDownload>
...@@ -306,7 +306,7 @@ ...@@ -306,7 +306,7 @@
}).catch(err => { }).catch(err => {
}) })
}, },
DateDiff(sDate1, sDate2) { //sDate1和sDate2是2002-12-18格式 DateDiff(sDate1, sDate2) { //sDate1和sDate2是2002-12-18格式
var aDate, oDate1, oDate2, iDays var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-") aDate = sDate1.split("-")
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment