Skip to content

S
SuperMan
Commit 8f93f784 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 1df2a376
Hide whitespace changes
Inline Side-by-side
Showing with 661 additions and 602 deletions
src/components/newConfimationOrder.vue
View file @ 8f93f784
<style>
.newTrip_Main{
display: block !important;
width: 1166px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
height: auto;
padding: 0 20px;
margin: 0 auto;
height: auto!important;
font-family: 'PingFang SC Regular';
}
.newTrip_Main .newTripCom_Img{
width:100%;
}
.newTrip_Main .newTripCom_Img img{
width:100%;
}
.newTrip_Main .newCenterContent{
width:100%;
height:auto;
color:#111111;
}
.newTrip_Main .newTripTitle{
font-size:30px;
margin-bottom:10px;
width:100%;
text-align: center;
font-weight: bold;
margin-top:20px;
}
.newTrip_Main .newTripCankao{
width:100%;
font-size:20px;
text-align:center;
}
.newTrip_Main .newtripComTitle{
font-weight: bold;
}
.newTrip_Main .newTripStartInfo{
font-size:20px;
margin-top:20px;
float:left;
width:60%;
}
.newTrip_Main .newTripStartInfo>div{
margin-bottom:20px;
}
.newTrip_Main .newtripList>div{
margin-bottom:20px;
}
.newTrip_Main .newTripDay{
font-size:20px;
}
.newTrip_Main .newTripFly{
font-size:25px;
font-weight: bold;
}
.newTrip_Main .newTripTable{
font-size:20px;
}
.newTrip_Main .newTripTable tr td{
vertical-align: top;
}
.newTrip_Main .newTripTable label{
font-weight: bold;
}
.newTrip_Main .tripLeftCan,.newTrip_Main .tripRightCan{
display:inline-block;
max-width:265px ;
}
.newTrip_Main .newTripDateTime{
font-size:15px;
}
.newTrip_Main .warmTipsTitle{
display:inline-block;
width:100px;
vertical-align: top;
margin-top:20px;
}
.newTrip_Main .warmTipsContent{
display:inline-block;
width:90%;
}
.newTrip_Main .newTripDay div{
margin-bottom:20px;
}
.newTrip_Main .newTripTutle{
font-weight: bold;
margin-bottom:10px!important;
}
.newTripImgList{
width:100%;
}
.newTripFeiyong{
width:100%;
height:100%;
}
.newTripFeiyongtitle{
text-align: center;
font-size: 18px;
color: #333;
padding-top: 30px;
padding-bottom: 30px;
}
.newTripLine{
width: 32px;
height: 2px;
background: #e73e6d;
margin: 12px auto;
}
.newTripEnglish{
font-family: arial;
font-size: 12px;
color: #ccc;
}
.newTripExpense{
margin:0 auto;
width:100%;
}
.newTripleft{
display: inline-block;
text-align: left;
font-size: 14px;
font-weight: bold;
font-family: Arial;
vertical-align: top;
margin:0 0 15px 0;
}
.newTripRight{
width: 100%;
overflow: hidden;
font-size: 14px;
line-height: 25px;
color: #000000;
vertical-align: top;
font-family: '微软雅黑';
}
.newTripFeiyongtitle h2{
font-size:18px;
}
.newTripflightInfo{
background-color: #f7f7f7;
padding: 20px 15px 15px 15px;
width: 100%;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.newTripflightInfo .flight_th {
font-size: 20px;
font-weight: 700;
width: 100%;
color: #000000;
.newTrip_Main {
display: block !important;
width: 1166px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
height: auto;
padding: 0 20px;
margin: 0 auto;
height: auto !important;
font-family: 'PingFang SC Regular';
}
.newTrip_Main .newTripCom_Img {
width: 100%;
}
.newTrip_Main .newTripCom_Img img {
width: 100%;
}
.newTrip_Main .newCenterContent {
width: 100%;
height: auto;
color: #111111;
}
.newTrip_Main .newTripTitle {
font-size: 30px;
margin-bottom: 10px;
width: 100%;
text-align: center;
font-weight: bold;
margin-top: 20px;
}
.newTrip_Main .newTripCankao {
width: 100%;
font-size: 20px;
text-align: center;
}
.newTrip_Main .newtripComTitle {
font-weight: bold;
}
.newTrip_Main .newTripStartInfo {
font-size: 20px;
margin-top: 20px;
float: left;
width: 60%;
}
.newTrip_Main .newTripStartInfo>div {
margin-bottom: 20px;
}
.newTrip_Main .newtripList>div {
margin-bottom: 20px;
}
.newTrip_Main .newTripDay {
font-size: 20px;
}
.newTrip_Main .newTripFly {
font-size: 25px;
font-weight: bold;
}
.newTrip_Main .newTripTable {
font-size: 20px;
}
.newTrip_Main .newTripTable tr td {
vertical-align: top;
}
.newTrip_Main .newTripTable label {
font-weight: bold;
}
.newTrip_Main .tripLeftCan,
.newTrip_Main .tripRightCan {
display: inline-block;
max-width: 265px;
}
.newTrip_Main .newTripDateTime {
font-size: 15px;
}
.newTrip_Main .warmTipsTitle {
display: inline-block;
width: 100px;
vertical-align: top;
margin-top: 20px;
}
.newTrip_Main .warmTipsContent {
display: inline-block;
width: 90%;
}
.newTrip_Main .newTripDay div {
margin-bottom: 20px;
}
.newTrip_Main .newTripTutle {
font-weight: bold;
margin-bottom: 10px !important;
}
.newTripImgList {
width: 100%;
}
.newTripFeiyong {
width: 100%;
height: 100%;
}
.newTripFeiyongtitle {
text-align: center;
font-size: 18px;
color: #333;
padding-top: 30px;
padding-bottom: 30px;
}
.newTripLine {
width: 32px;
height: 2px;
background: #e73e6d;
margin: 12px auto;
}
.newTripEnglish {
font-family: arial;
font-size: 12px;
color: #ccc;
}
._hangban_line {
height: 1px;
background-color: #929292;
margin-top: 8px;
margin-bottom: 13px;
.newTripExpense {
margin: 0 auto;
width: 100%;
}
.newTripflight_list{
width:100%;
.newTripleft {
display: inline-block;
text-align: left;
font-size: 14px;
font-weight: bold;
font-family: Arial;
vertical-align: top;
margin: 0 0 15px 0;
}
.newTripRight {
width: 100%;
overflow: hidden;
font-size: 14px;
line-height: 25px;
color: #000000;
vertical-align: top;
font-family: '微软雅黑';
}
.newTripFeiyongtitle h2 {
font-size: 18px;
}
.newTripflightInfo {
background-color: #f7f7f7;
padding: 20px 15px 15px 15px;
width: 100%;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.newTripflightInfo .flight_th {
font-size: 20px;
font-weight: 700;
width: 100%;
color: #000000;
}
._hangban_line {
height: 1px;
background-color: #929292;
margin-top: 8px;
margin-bottom: 13px;
}
.newTripflight_list {
width: 100%;
}
.newTripflight_list td {
font-size: 15px;
height: 34px;
vertical-align: middle;
background-color: #eaeaea;
}
.newTrip_Main .newTripcollection {
}
.newTrip_Main .newTripcollection {
margin-bottom: 40px;
width: 100%;
}
.newTrip_Main .newTripCollectuion {
}
.newTrip_Main .newTripCollectuion {
width: 400px;
height: 80px;
border-bottom: 1px solid #ddd;
......@@ -181,25 +218,29 @@
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
}
.newTrip_Main .newTripCollectuion>div {
}
.newTrip_Main .newTripCollectuion>div {
width: 130px;
float: left;
padding-top: 25px;
}
.newTrip_Main .newTripCollectuion span {
}
.newTrip_Main .newTripCollectuion span {
font-size: 18px;
color: #000;
width: 270px;
display: inline-block;
float: left;
padding-top: 25px;
}
.newTrip_Main .newTripCollectuion img {
}
.newTrip_Main .newTripCollectuion img {
vertical-align: sub;
margin-right: 12px;
}
.newTripDownbtn{
}
.newTripDownbtn {
color: #fff;
width: 90px;
height: 30px;
......@@ -208,391 +249,420 @@
cursor: pointer;
border-radius: 15px;
margin-left: 10px;
margin:20px 0;
}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.newTwoCodeRight{
float:right;
width:118px;
height:118px;
margin:40px 20px 0 0;
}
.newTwoCodeRight img{
width:100%;
}
.newTripTable{
width:100%;
}
.newTripTable td{
border:1px solid #d1d1d1;
}
.newTripTable{width: 100%;border-collapse:collapse;}
.newTripTable tr{background: #fff; height: 40px;}
.newTripTable tr td{border: 1px solid #E5E5E5;padding:5px;}
.newTripKuang{
width:100%;
height:100%;
padding:5px;
border:1px solid #d1d1d1;
}
margin: 20px 0;
}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.newTwoCodeRight {
float: right;
width: 118px;
height: 118px;
margin: 40px 20px 0 0;
}
.newTwoCodeRight img {
width: 100%;
}
.newTripTable {
width: 100%;
}
.newTripTable td {
border: 1px solid #d1d1d1;
}
.newTripTable {
width: 100%;
border-collapse: collapse;
}
.newTripTable tr {
background: #fff;
height: 40px;
}
.newTripTable tr td {
border: 1px solid #E5E5E5;
padding: 5px;
}
.newTripKuang {
width: 100%;
height: 100%;
padding: 5px;
border: 1px solid #d1d1d1;
}
</style>
<template>
<div class="newTrip_Main">
<div>
<input type="button" value="行程下载" class="newTripDownbtn" @click="toPDF_V3(orderMsg.startDate + orderMsg.lineteamName+orderMsg.dayNum+'日游')"/>
<div class="newTrip_Main">
<div>
<input type="button" value="行程下载" class="newTripDownbtn"
@click="toPDF_V3(orderMsg.startDate + orderMsg.lineteamName+orderMsg.dayNum+'日游')" />
</div>
<div class="newTripCom_Img">
<img :src="lineTripFeatureTopBg" alt="" />
</div>
<div class="newCenterContent">
<div class="newTripTitle">
{{title}}
</div>
<div class="newTripCankao">(行程中所涉及到的图片仅供参考)</div>
<div class="clearfix">
<div class="newTripStartInfo">
<div><span class="newtripComTitle">线路：</span>{{orderMsg.lineName}}</div>
<div><span class="newtripComTitle">出发日期：</span>{{orderMsg.startDate}}</div>
<div><span class="newtripComTitle">返回日期：</span>{{orderMsg.endDate}}</div>
<div><span class="newtripComTitle">行程天数：</span>{{orderMsg.dayNum}}</div>
</div>
<div class="newTripCom_Img">
<img :src="lineTripFeatureTopBg" alt=""/>
<div class="newTwoCodeRight">
<img :src="'data:image/png;base64,'+WeiXinShareImgSrc" />
</div>
<div class="newCenterContent">
<div class="newTripTitle">
{{title}}
</div>
<div class="newTripCankao">(行程中所涉及到的图片仅供参考)</div>
<div class="clearfix">
<div class="newTripStartInfo">
<div><span class="newtripComTitle">线路：</span>{{orderMsg.lineName}}</div>
<div><span class="newtripComTitle">出发日期：</span>{{orderMsg.startDate}}</div>
<div><span class="newtripComTitle">返回日期：</span>{{orderMsg.endDate}}</div>
<div><span class="newtripComTitle">行程天数：</span>{{orderMsg.dayNum}}</div>
</div>
<div class="newTwoCodeRight">
<img :src="'data:image/png;base64,'+WeiXinShareImgSrc" />
</div>
</div>
</div>
<div v-if='vshowL' class="newTripFeiyongtitle">
<h2>集合地点&联系人</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Collection place & Contacts</div>
</div>
<table v-if='vshowL' class="newTripcollection">
<tr>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon9.png" />本团领队</div>
<span>{{orderTripdiff!=null? orderTripdiff.leaderInfo :
<div v-if='vshowL' class="newTripFeiyongtitle">
<h2>集合地点&联系人</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Collection place & Contacts</div>
</div>
<table v-if='vshowL' class="newTripcollection">
<tr>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon9.png" />本团领队</div>
<span>{{orderTripdiff!=null? orderTripdiff.leaderInfo :
orderMsg.leaderName+(orderMsg.leaderMobile!=null?"/"+orderMsg.leaderMobile:"")}}</span>
</div>
</td>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon10.png" />集合时间</div>
<span>{{orderTripdiff!=null? orderTripdiff.gatheringTime :
</div>
</td>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon10.png" />集合时间</div>
<span>{{orderTripdiff!=null? orderTripdiff.gatheringTime :
orderMsg.gatheringTime}}</span>
</div>
</td>
</tr>
<tr>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon11.png" />机场服务</div>
<span>{{orderTripdiff!=null ? orderTripdiff.airportService : orderMsg.airportServicePerson+"/"+
</div>
</td>
</tr>
<tr>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon11.png" />机场服务</div>
<span>{{orderTripdiff!=null ? orderTripdiff.airportService : orderMsg.airportServicePerson+"/"+
orderMsg.airportServicePhone}}</span>
</div>
</td>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon12.png" />集合标识</div>
<span>{{orderTripdiff!=null? orderTripdiff.gatherIdent :
</div>
</td>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon12.png" />集合标识</div>
<span>{{orderTripdiff!=null? orderTripdiff.gatherIdent :
orderMsg.bName}}</span>
</div>
</td>
</tr>
<tr>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon13.png" />紧急联系人</div>
<template>
<span v-if='vshowLLR'>
<template v-if="orderTripdiff!=null&&orderTripdiff.emergencyContact!=''">
{{orderTripdiff.emergencyContact}}
</template>
<template v-else-if="orderMsg.branchManager!=''&&orderMsg.mobilePhone!=''">
{{orderMsg.branchManager+"/"+orderMsg.mobilePhone}}
</template>
<template v-else-if="orderMsg.sellName!=''&&orderMsg.sellTel!=''">
{{orderMsg.sellName+"/"+orderMsg.sellTel}}
</template>
</span>
<span v-else></span>
</template>
</div>
</td>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon14.png" />集合地点</div>
<span>{{orderTripdiff!=null? orderTripdiff.gatheringAddress :
</div>
</td>
</tr>
<tr>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon13.png" />紧急联系人</div>
<template>
<span v-if='vshowLLR'>
<template v-if="orderTripdiff!=null&&orderTripdiff.emergencyContact!=''">
{{orderTripdiff.emergencyContact}}
</template>
<template v-else-if="orderMsg.branchManager!=''&&orderMsg.mobilePhone!=''">
{{orderMsg.branchManager+"/"+orderMsg.mobilePhone}}
</template>
<template v-else-if="orderMsg.sellName!=''&&orderMsg.sellTel!=''">
{{orderMsg.sellName+"/"+orderMsg.sellTel}}
</template>
</span>
<span v-else></span>
</template>
</div>
</td>
<td>
<div class="newTripCollectuion clearfix">
<div><img src="../assets/img/TravelControlTripIcon14.png" />集合地点</div>
<span>{{orderTripdiff!=null? orderTripdiff.gatheringAddress :
orderMsg.gatheringAddress}}</span>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div v-if='vshowB' class="newTripFeiyongtitle">
<h2>航班信息</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Flight situation</div>
</div>
<div v-if='vshowB' class="newTripflightInfo">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="flight_th">
<tbody>
<tr>
<td width="140">出发时间<span>(当地)</span></td>
<td width="160">抵达时间<span>(当地)</span></td>
<td width="160">起飞机场</td>
<td width="18" class="gap">&nbsp;</td>
<td width="160">抵达机场</td>
<td width="18" class="gap">&nbsp;</td>
<td width="140">航空公司</td>
<td width="90">航班编号</td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">经停城市</td>
</tr>
</tbody>
</table>
<div class="_hangban_line"></div>
<table border="0" align="center" cellspacing="0" cellpadding="0" class="newTripflight_list">
<tbody
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}}({{(flight.flightState==1)?"OK":"暂定"}})</td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">{{flight.stopoverAirPortName}}</td>
</tr>
</tbody>
<tbody v-else-if="priceList.length>0&&priceList[0].priceFlight&&priceList[0].priceFlight.length>0">
<tr v-for="(flight,ftIndex) in priceList[0].priceFlight" :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}}({{(flight.flightState==1)?"OK":"暂定"}})</td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">{{flight.stopoverAirPortName}}</td>
</tr>
</tbody>
<tbody v-else>
<tr>
<td>航班信息未确认</td>
</tr>
</tbody>
</table>
</div>
<div v-if='vshowB' class="newTripFeiyongtitle">
<h2>航班信息</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Flight situation</div>
</div>
<div v-if='vshowB' class="newTripflightInfo">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="flight_th">
<tbody>
<tr>
<td width="140">出发时间<span>(当地)</span></td>
<td width="160">抵达时间<span>(当地)</span></td>
<td width="160">起飞机场</td>
<td width="18" class="gap">&nbsp;</td>
<td width="160">抵达机场</td>
<td width="18" class="gap">&nbsp;</td>
<td width="140">航空公司</td>
<td width="90">航班编号</td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">经停城市</td>
</tr>
</tbody>
</table>
<div class="_hangban_line"></div>
<table border="0" align="center" cellspacing="0" cellpadding="0" class="newTripflight_list">
<tbody
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}}({{(flight.flightState==1)?"OK":"暂定"}})</td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">{{flight.stopoverAirPortName}}</td>
</tr>
</tbody>
<tbody v-else-if="priceList.length>0&&priceList[0].priceFlight&&priceList[0].priceFlight.length>0">
<tr v-for="(flight,ftIndex) in priceList[0].priceFlight" :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}}({{(flight.flightState==1)?"OK":"暂定"}})</td>
<td width="18" class="gap">&nbsp;</td>
<td width="100">{{flight.stopoverAirPortName}}</td>
</tr>
</tbody>
<tbody v-else>
<tr>
<td>航班信息未确认</td>
</tr>
</tbody>
</table>
</div>
<div v-if="(showType>=4)&&loadNone==false&&vshowC" class="newFeature" v-html="feature.featureHtml"></div>
<div class="newtripList" v-for="(item,index) in tripList" :key="index">
<div class="newTripFly">DAY {{item.dayNum}}</div>
<div class="newTripDateTime">{{item.dateTime}}</div>
<div class="newTripFly" v-if="item.title" :class="getTitle(item.title)!=''?'newTripKuang':''">
{{getTitle(item.title)}}
</div>
<div class="newTripDay" style="margin-bottom:0;" v-for="(subItem,subIndex) in item.details" :key="subIndex">
<div>
<span class="newTripTutle">{{getTitle(subItem.title)}}：</span>
<span>{{subItem.content}}</span>
</div>
</div>
<div class="newTripDay">
<div class="warmTipsTitle">温馨提示：</div><div class="warmTipsContent" v-html="item.tips[0].content"></div>
</div>
<div>
<table class="newTripTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:45%">
<label>酒店：</label>
<template v-if='item.jiu2.length>0'>
<span v-for="(t,k) in item.jiu2" style="cursor: pointer" :key="k">
{{k==item.jiu2.length-1? (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name) : (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name)+' / ' }}
</span>
</template>
<template v-if="item.jiu2.length>0&&item.jiu2[0].name!=''">
{{getHotelSuffix(item)}}
</template>
</td>
<td style="width:30%">
<div class="tripLeftCan" style="vertical-align:top;">
<label>用餐：</label>
</div>
<div class="tripRightCan">
<!-- <div>无</div> -->
<div>早({{item.can.breakfirst}})</div>
<div>中({{item.can.lanuch}})</div>
<div>晚({{item.can.dinner}})</div>
</div>
</td>
<td style="width:25%">
<label>交通：</label>
<template v-for="subItem in item.details">
<template v-for="childItem in subItem.trafficArray">{{childItem}}&nbsp;</template>
</template>
</td>
</tr>
</table>
</div>
<div class="newTripImgList" v-if="vshowK">
<newTripCommon :day="item.details"></newTripCommon>
</div>
</div>
<div v-if="(showType>=4)&&loadNone==false&&vshowC" class="newFeature" v-html="feature.featureHtml"></div>
<div class="newtripList" v-for="(item,index) in tripList" :key="index">
<div class="newTripFly">DAY {{item.dayNum}}</div>
<div class="newTripDateTime">{{item.dateTime}}</div>
<div class="newTripFly" v-if="item.title" :class="getTitle(item.title)!=''?'newTripKuang':''">
{{getTitle(item.title)}}
</div>
<div class="newTripFeiyong">
<div id="pdf_4">
<div v-if='vshowE' class="newTripFeiyongtitle">
<h2>费用</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Expense</div>
</div>
<div v-if='vshowE' class="newTripExpense">
<div class="newTripleft">费用包含</div>
<div class="newTripRight">
<div v-html="feature.feeInclude"></div>
</div>
<div class="newTripleft" style="margin: 15px 0 10px 8px;">费用不包含</div>
<div class="newTripRight">
<div v-html="feature.feeNonInclude"></div>
</div>
</div>
<div class="newTripExpense" v-if='dataList.selfpayingList && dataList.selfpayingList.length>0&&vshowE'>
<div class="newTripleft">自理费用</div>
<div class="newTripRight">
<table class="expense-table" cellspacing=0 cellpadding=0>
<thead>
<th>城市</th>
<th>活动</th>
<th>参考价格</th>
<th>说明</th>
</thead>
<tbody>
<tr v-for="(item,i) in dataList.selfpayingList" :key="i">
<td>{{item.cityName}}</td>
<td>{{item.itemName}}</td>
<td>约{{item.estimatedCost}}</td>
<td>{{item.explain}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div v-if='vshowF' class="newTripFeiyongtitle">
<h2>购物说明</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Expense</div>
</div>
<div v-if='vshowF' class="newTripExpense">
<div class="newTripleft">
<!-- 购物协议 -->
</div>
<div class="newTripRight">
<div v-html="feature.shopRemark"></div>
</div>
</div>
<div class="newTripExpense" v-if="dataList.shopList && dataList.shopList.length>0&&vshowF">
<div class="newTripleft">购物安排</div>
<div class="newTripRight">
<table class="expense-table autowidth" cellspacing=0 cellpadding=0>
<thead>
<th>城市</th>
<th>购物店名称</th>
<th>预计停留时间</th>
</thead>
<tbody>
<tr v-for="(item,i) in dataList.shopList" :key="i">
<td>{{item.cityName}}</td>
<td>{{item.shopName}}</td>
<td>{{item.visitTime}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="pdf_5">
<div v-if='vshowG' class="newTripFeiyongtitle">
<h2>订单须知</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Tips</div>
</div>
<div class="newTripExpense" v-if="feature.importantTip!=''&&vshowG">
<div class="newTripleft">重要提示</div>
<div class="newTripRight">
<div v-html="feature.importantTip"></div>
</div>
</div>
<div v-if='vshowG' class="newTripExpense">
<div class="newTripleft" style="margin-top:15px;">温馨提示</div>
<div class="newTripRight">
<div v-html="feature.warmTip"></div>
</div>
</div>
</div>
<div id="pdf_6">
<div v-if='vshowH' class="newTripFeiyongtitle">
<h2>签证</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Visa</div>
</div>
<div v-if='vshowH' class="newTripExpense">
<div class="newTripleft">签证须知</div>
<div class="newTripRight">
<div v-html="feature.visaRemark"></div>
<div class="newTripDay" style="margin-bottom:0;" v-for="(subItem,subIndex) in item.details" :key="subIndex">
<div>
<span class="newTripTutle">{{getTitle(subItem.title)}}：</span>
<span>{{subItem.content}}</span>
</div>
</div>
<div class="newTripDay">
<div class="warmTipsTitle">温馨提示：</div>
<div class="warmTipsContent" v-html="item.tips[0].content"></div>
</div>
<div>
<table class="newTripTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:45%">
<label>酒店：</label>
<template v-if='item.jiu2.length>0'>
<span v-for="(t,k) in item.jiu2" style="cursor: pointer" :key="k">
{{k==item.jiu2.length-1? (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name) : (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name)+' / ' }}
</span>
</template>
<template v-if="item.jiu2.length>0&&item.jiu2[0].name!=''">
{{getHotelSuffix(item)}}
</template>
</td>
<td style="width:30%">
<div class="tripLeftCan" style="vertical-align:top;">
<label>用餐：</label>
</div>
</div>
<div v-if='vshowI' class="newTripFeiyongtitle">
<h2>同行备注</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Remark</div>
</div>
<div v-if='vshowI' class="newTripExpense">
<div class="newTripleft"></div>
<div class="newTripRight">
<div v-html="feature.b2BRemark"></div>
<div class="tripRightCan">
<!-- <div>无</div> -->
<div>早({{item.can.breakfirst}})</div>
<div>中({{item.can.lanuch}})</div>
<div>晚({{item.can.dinner}})</div>
</div>
</div>
<div v-if='vshowM' class="newTripFeiyongtitle">
<h2>旅客信息</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Passenger information</div>
</div>
<table v-if='vshowM' class="Passenger-table" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="16.6%" class="thClass">姓名</td>
<td width="16.6%" class="thClass">英文姓名</td>
<td width="16.6%" class="thClass">性别</td>
<td width="16.6%" class="thClass">护照号</td>
<td width="16.6%" class="thClass">有效期</td>
<td width="16.6%" class="thClass">联系电话</td>
</td>
<td style="width:25%">
<label>交通：</label>
<template v-if="item.trafficArray&& item.trafficArray.length>0" v-for="(subItem,subIndex) in item.trafficArray">
<span>{{subItem}}</span>
<template v-if="subIndex!=item.trafficArray.length-1">
<span>、</span>
</template>
</template>
</td>
</tr>
</table>
</div>
<div class="newTripImgList" v-if="vshowK">
<newTripCommon :day="item.details"></newTripCommon>
</div>
</div>
</div>
<div class="newTripFeiyong">
<div id="pdf_4">
<div v-if='vshowE' class="newTripFeiyongtitle">
<h2>费用</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Expense</div>
</div>
<div v-if='vshowE' class="newTripExpense">
<div class="newTripleft">费用包含</div>
<div class="newTripRight">
<div v-html="feature.feeInclude"></div>
</div>
<div class="newTripleft" style="margin: 15px 0 10px 8px;">费用不包含</div>
<div class="newTripRight">
<div v-html="feature.feeNonInclude"></div>
</div>
</div>
<div class="newTripExpense" v-if='dataList.selfpayingList && dataList.selfpayingList.length>0&&vshowE'>
<div class="newTripleft">自理费用</div>
<div class="newTripRight">
<table class="expense-table" cellspacing=0 cellpadding=0>
<thead>
<th>城市</th>
<th>活动</th>
<th>参考价格</th>
<th>说明</th>
</thead>
<tbody>
<tr v-for="(item,i) in dataList.selfpayingList" :key="i">
<td>{{item.cityName}}</td>
<td>{{item.itemName}}</td>
<td>约{{item.estimatedCost}}</td>
<td>{{item.explain}}</td>
</tr>
<tr v-for="(item,i) in orderMsg.guestList" :key="i">
<td>{{item.name}}</td>
<td>{{item.eName}}</td>
<td>{{item.sex}}</td>
<td>{{item.passportNo}}</td>
<td>{{item.passportExpiry}}</td>
<td>{{item.mobilePhone}}</td>
</tbody>
</table>
</div>
</div>
<div v-if='vshowF' class="newTripFeiyongtitle">
<h2>购物说明</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Expense</div>
</div>
<div v-if='vshowF' class="newTripExpense">
<div class="newTripleft">
<!-- 购物协议 -->
</div>
<div class="newTripRight">
<div v-html="feature.shopRemark"></div>
</div>
</div>
<div class="newTripExpense" v-if="dataList.shopList && dataList.shopList.length>0&&vshowF">
<div class="newTripleft">购物安排</div>
<div class="newTripRight">
<table class="expense-table autowidth" cellspacing=0 cellpadding=0>
<thead>
<th>城市</th>
<th>购物店名称</th>
<th>预计停留时间</th>
</thead>
<tbody>
<tr v-for="(item,i) in dataList.shopList" :key="i">
<td>{{item.cityName}}</td>
<td>{{item.shopName}}</td>
<td>{{item.visitTime}}</td>
</tr>
</table>
</div>
</tbody>
</table>
</div>
</div>
</div>
<div id="pdf_5">
<div v-if='vshowG' class="newTripFeiyongtitle">
<h2>订单须知</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Tips</div>
</div>
<div class="newTripExpense" v-if="feature.importantTip!=''&&vshowG">
<div class="newTripleft">重要提示</div>
<div class="newTripRight">
<div v-html="feature.importantTip"></div>
</div>
</div>
<div v-if='vshowG' class="newTripExpense">
<div class="newTripleft" style="margin-top:15px;">温馨提示</div>
<div class="newTripRight">
<div v-html="feature.warmTip"></div>
</div>
</div>
</div>
<div id="pdf_6">
<div v-if='vshowH' class="newTripFeiyongtitle">
<h2>签证</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Visa</div>
</div>
<div v-if='vshowH' class="newTripExpense">
<div class="newTripleft">签证须知</div>
<div class="newTripRight">
<div v-html="feature.visaRemark"></div>
</div>
</div>
<div v-if='vshowI' class="newTripFeiyongtitle">
<h2>同行备注</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Remark</div>
</div>
<div v-if='vshowI' class="newTripExpense">
<div class="newTripleft"></div>
<div class="newTripRight">
<div v-html="feature.b2BRemark"></div>
</div>
</div>
<div class="newTripCom_Img">
<img :src="lineTripFeatureBottomBg" alt=""/>
<div v-if='vshowM' class="newTripFeiyongtitle">
<h2>旅客信息</h2>
<div class="newTripLine"></div>
<div class="newTripEnglish">Passenger information</div>
</div>
<table v-if='vshowM' class="Passenger-table" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="16.6%" class="thClass">姓名</td>
<td width="16.6%" class="thClass">英文姓名</td>
<td width="16.6%" class="thClass">性别</td>
<td width="16.6%" class="thClass">护照号</td>
<td width="16.6%" class="thClass">有效期</td>
<td width="16.6%" class="thClass">联系电话</td>
</tr>
<tr v-for="(item,i) in orderMsg.guestList" :key="i">
<td>{{item.name}}</td>
<td>{{item.eName}}</td>
<td>{{item.sex}}</td>
<td>{{item.passportNo}}</td>
<td>{{item.passportExpiry}}</td>
<td>{{item.mobilePhone}}</td>
</tr>
</table>
</div>
</div>
<div class="newTripCom_Img">
<img :src="lineTripFeatureBottomBg" alt="" />
</div>
</div>
</template>
<script>
......@@ -600,11 +670,11 @@
export default {
data() {
return {
Typevalue:-1,
titleList:[],
listMsg:{
pageSize:1000,
pageIndex:1,
Typevalue: -1,
titleList: [],
listMsg: {
pageSize: 1000,
pageIndex: 1,
},
//orderId和是否op操作控制按钮显示
orderId: 0,
......@@ -637,11 +707,11 @@
orderTripdiff: {},
title: '',
isDirect: 1, //是否是直采 0：否，1：是
isClick: this.$route.query.isClick === undefined ? 0 : 1,//不算统计
isClick: this.$route.query.isClick === undefined ? 0 : 1, //不算统计
//顶部图片
lineTripFeatureTopBg:'',
lineTripFeatureTopBg: '',
//底部图片
lineTripFeatureBottomBg:'',
lineTripFeatureBottomBg: '',
//航空公司下拉
airLineList: [],
......@@ -662,7 +732,7 @@
vshowTCNUM: this.$route.query.vshowTCNUM === undefined ? false : this.$route.query.vshowTCNUM === 'true',
vshowO: this.$route.query.vshowO === undefined ? true : this.$route.query.vshowO === 'true',
//微信分享图片
WeiXinShareImgSrc:"",
WeiXinShareImgSrc: "",
loadNone: false,
}
},
......@@ -682,7 +752,7 @@
suffix = "或同級"
}
} else {
if (item.jiu2.length == 1 && item.jiu2[0].name != '温馨的家'&& item.jiu2[0].name!='机场附近酒店') {
if (item.jiu2.length == 1 && item.jiu2[0].name != '温馨的家' && item.jiu2[0].name != '机场附近酒店') {
if (item.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
......@@ -695,24 +765,24 @@
return suffix;
},
// 获取标题
getDataList(){
this.apiJavaPost('/api/rssarticle/getArticleList',this.listMsg,res=>{
if(res.data.resultCode==1){
let data=res.data.data.pageData.list;
this.titleList=data;
}else{
this.Error(res.data.message);
getDataList() {
this.apiJavaPost('/api/rssarticle/getArticleList', this.listMsg, res => {
if (res.data.resultCode == 1) {
let data = res.data.data.pageData.list;
this.titleList = data;
} else {
this.Error(res.data.message);
}
},null)
},
}, null)
},
//获取微信二维码
getWxCode: function () {
this.apipost('survey_post_GetSurveyWeiXinShare', {
TCID: this.$route.query.tcid
}, res => {
if (res.data.resultCode == 1) {
this.WeiXinShareImgSrc=res.data.data;
}
this.WeiXinShareImgSrc = res.data.data;
}
}, err => {})
},
gernalFeature(isPc) {
......@@ -847,7 +917,7 @@
//模板参数
templateId: this.showType,
//用户Id
UId:this.getLocalStorage().EmployeeId
UId: this.getLocalStorage().EmployeeId
};
this.$http({
headers: {
......@@ -860,12 +930,12 @@
}
}).then(res => {
if (res.data.resultCode === 1) {
let sign = title+"V3"
const a = document.createElement('a');
a.setAttribute('download', '');
a.setAttribute('href', urlObj.DomainUrl + '/api/file/DownloadFileForPdf?fileName=' + sign +
'.pdf&&fPath=' + res.data.data);
a.click();
let sign = title + "V3"
const a = document.createElement('a');
a.setAttribute('download', '');
a.setAttribute('href', urlObj.DomainUrl + '/api/file/DownloadFileForPdf?fileName=' + sign +
'.pdf&&fPath=' + res.data.data);
a.click();
} else {
this.$message.error('PDF获取失败');
}
......@@ -889,11 +959,10 @@
cityId: this.$route.query.cityId,
tcid: this.$route.query.tcid,
orderId: this.$route.query.orderId,
isClick:1//不算统计
isClick: 1 //不算统计
}, res => {
if (res.data.resultCode == 1) {
let data = (res.data.data);
console.log(res,'resssssss');
this.lineTripFeatureTopBg = data.lineTripFeatureTopBg;
this.lineTripFeatureBottomBg = data.lineTripFeatureBottomBg;
this.orderTripdiff = data.orderTripdiff;
......@@ -960,10 +1029,11 @@
}
this.editForm.travelOrderFlightList.forEach(fItem => {
fItem.airportNameList = [];
this.airLineSelectChange(fItem.airLineID, fItem);
this.airLineSelectChange(fItem.airLineID, fItem);
});
}
this.title = this.getTitele(this.orderMsg.startDate + this.orderMsg.lineteamName + this.orderMsg.dayNum + '日游')
this.title = this.getTitele(this.orderMsg.startDate + this.orderMsg.lineteamName + this.orderMsg
.dayNum + '日游')
document.title = this.title;
//初始化行程
......@@ -1007,7 +1077,7 @@
this.dataList = data;
this.tripList.forEach((x, j) => {
let useDinnerTypeBy = '';
let trafficArray=[];
let trafficArray = [];
let jin = [],
jiu = [],
jiu2 = [],
......@@ -1039,27 +1109,23 @@
title += z.startCityName
if (z.arrivalType == 1) {
title += '<i class="iconfont icon-feiji"></i>'
if(!(trafficArray.indexOf("飞机") > -1))
{
if (!(trafficArray.indexOf("飞机") > -1)) {
trafficArray.push("飞机")
}
}
} else if (z.arrivalType == 2) {
title += '<i class="iconfont icon-bus"></i>'
if(!(trafficArray.indexOf("巴士") > -1))
{
trafficArray.push("巴士")
if (!(trafficArray.indexOf("巴士") > -1)) {
trafficArray.push("巴士")
}
} else if (z.arrivalType == 3) {
title += '<i class="iconfont icon-icon31"></i>'
if(!(trafficArray.indexOf("轮船") > -1))
{
trafficArray.push("轮船")
if (!(trafficArray.indexOf("轮船") > -1)) {
trafficArray.push("轮船")
}
} else {
title += '<i class="iconfont icon-gaotiedongche"></i>'
if(!(trafficArray.indexOf("火车") > -1))
{
trafficArray.push("火车")
if (!(trafficArray.indexOf("火车") > -1)) {
trafficArray.push("火车")
}
}
if (i + 1 == y.childItem.subTraffic.length) {
......@@ -1068,7 +1134,6 @@
})
let obj = {
title: title,
trafficArray: trafficArray,
content: y.childItem.description,
img: '',
ticketName: '',
......@@ -1089,7 +1154,6 @@
playTimeMinutes: y.childItem.playTimeMinutes,
scenicJson: y.childItem.scenicJson,
url: y.childItem.url,
trafficArray: trafficArray,
}
jin.push(obj)
} else if (y.type == 3 && y.childItem.hotelName != '' && y.childItem.imaArray.length > 0) {
......@@ -1162,16 +1226,14 @@
} else if (can.dinner == '') {
can.dinner = '方便游玩敬请自理'
}
x.can = can
x.can = can;
x.trafficArray=trafficArray;
let details = [];
x.tips = tips
x.jiu2 = jiu2
if (jin.length > 0) {
details = jin
}
// else if (jiu.length > 0) {
// // details = jiu
// }
else if (dadian.length > 0) {
details = dadian
} else if (jiao.length > 0) {
......@@ -1227,29 +1289,27 @@
}
}
}
x.islast = (j + 1) == this.tripList.length
this.$set(this.tripList, j, x)
x.islast = (j + 1) == this.tripList.length;
this.$set(this.tripList, j, x);
x.dateTime = this.setDate(j);
console.log(this.tripList,'triplistttt');
})
},
//遍历字符串书否有null
getTitle(item){
if(item!=null&&item!=''){
if(item.indexOf('null')>-1){
getTitle(item) {
if (item != null && item != '') {
if (item.indexOf('null') > -1) {
return ''
}else{
} else {
return item
}
}
},
//去掉null
getTitele(item){
if(item!=null&&item!=''){
if(item.indexOf('null')>-1){
return item.replace('null',' ')
}else{
getTitele(item) {
if (item != null && item != '') {
if (item.indexOf('null') > -1) {
return item.replace('null', ' ')
} else {
return item
}
}
......@@ -1259,5 +1319,4 @@
newTripCommon
},
}
</script>
</script>
\ No newline at end of file
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