Skip to content

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

页面修改

parent db227695
Show whitespace changes
Inline Side-by-side
Showing with 189 additions and 504 deletions
src/components/LeaveGroupDownload/index.vue
View file @ f0869540
<template> <template>
<div id="pdf_1" v-if="orderMsg"> <div id="pdf_1" v-if="orderMsg">
<div class="logo-div">
<img
:src="
vshowJ === true
? domainManager().ViittoFileUrl +
'/Upload/PictureMaterial/Web/headerImg.jpg'
: domainManager().ViittoFileUrl +
'/Upload/PictureMaterial/Web/headerImg2.jpg'
"
/>
</div>
<div class="trip-adviser"> <div class="trip-adviser">
<h1 class="trip-nav-title"> <h1 class="trip-nav-title">
<span>{{ vshowL ? "出团通知书：" : "" }}</span> <span>{{ vshowL ? "出团通知书：" : "" }}</span>
...@@ -43,11 +31,8 @@ ...@@ -43,11 +31,8 @@
</td> </td>
<td rowspan="2"> <td rowspan="2">
<div style="width: 160px; height:160px;margin-left:20px;"> <div style="width: 160px; height:160px;margin-left:20px;">
<img <img style="width: 160px; height:160px;" :src="'data:image/png;base64,' + WeiXinShareImgSrc"
style="width: 160px; height:160px;" alt="获取微信小程序分享链接" />
:src="'data:image/png;base64,' + WeiXinShareImgSrc"
alt="获取微信小程序分享链接"
/>
</div> </div>
</td> </td>
</tr> </tr>
...@@ -95,13 +80,11 @@ ...@@ -95,13 +80,11 @@
<td class="essential-item jianju"> <td class="essential-item jianju">
<p class="pkey">机场服务</p> <p class="pkey">机场服务</p>
<p class="pvalue"> <p class="pvalue">
<template <template v-if="
v-if="
orderMsg && orderMsg &&
orderMsg.airportServicePerson && orderMsg.airportServicePerson &&
orderMsg.airportServicePerson != '' orderMsg.airportServicePerson != ''
" ">
>
{{ orderMsg.airportServicePerson }} {{ orderMsg.airportServicePerson }}
</template> </template>
</p> </p>
...@@ -146,14 +129,8 @@ ...@@ -146,14 +129,8 @@
参考航班 参考航班
</div> </div>
<div class="hangban-info"> <div class="hangban-info">
<table <table border="0" align="center" cellspacing="0" cellpadding="0" class="flight_list"
border="0" :class="{'guoneiLine':lineId==90}">
align="center"
cellspacing="0"
cellpadding="0"
class="flight_list"
:class="{'guoneiLine':lineId==90}"
>
<thead class="flight_header"> <thead class="flight_header">
<tr> <tr>
<th width="140">出发时间<span>(当地)</span></th> <th width="140">出发时间<span>(当地)</span></th>
...@@ -194,11 +171,7 @@ ...@@ -194,11 +171,7 @@
</tbody> </tbody>
<tbody> <tbody>
<tr> <tr>
<td <td colspan="10" align="center" style="color:#333;font-size:14px;">
colspan="10"
align="center"
style="color:#333;font-size:14px;"
>
1.本航班表僅提供參考，正確航班請點選您的出發日期。 2. 1.本航班表僅提供參考，正確航班請點選您的出發日期。 2.
不同航班，餐食及行程安排皆有所不同，正確行程，請點選您的出發日期。 不同航班，餐食及行程安排皆有所不同，正確行程，請點選您的出發日期。
</td> </td>
...@@ -212,7 +185,7 @@ ...@@ -212,7 +185,7 @@
</template> </template>
<script> <script>
export default { export default {
components: {}, components: {},
props: [ props: [
"vshowJ", "vshowJ",
...@@ -232,14 +205,14 @@ export default { ...@@ -232,14 +205,14 @@ export default {
computed: {}, computed: {},
watch: { watch: {
orderMsg: { orderMsg: {
handler(val, oldVal) { handler(val, oldVal) {},
},
deep: true, deep: true,
immediate: true immediate: true
}, },
}, },
mounted() {} mounted() {}
}; };
</script> </script>
<style> <style>
......
src/components/confirmationOrderDownLoadNew.vue
View file @ f0869540
...@@ -62,188 +62,42 @@ ...@@ -62,188 +62,42 @@
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<!-- <input type="button" style="width: auto !important;" class="travelControlTripBtn" value="下载电脑版PDF"
@click="toPDF_V2(orderMsg.startDate + orderMsg.lineteamName+orderMsg.dayNum+'日游')" />
<input type="button" style="width: auto !important;" class="travelControlTripBtn" value="下载手机版WORD"
@click="gernalFeature(0)" />
<input type="button" style="width: auto !important;" class="travelControlTripBtn" value="下载电脑版WORD"
@click="gernalFeature(1)" /> -->
<input type="button" value="新版行程" class="travelControlTripBtn" @click="goUrlView()" style="display:none;" /> <input type="button" value="新版行程" class="travelControlTripBtn" @click="goUrlView()" style="display:none;" />
<el-checkbox v-model="isShowTime">显示行程日期</el-checkbox> <el-checkbox v-model="isShowTime">显示行程日期</el-checkbox>
<a class="travelControlTripBtn" v-if="priceList.length>0&& priceList[0].wordPath!=''" style="display:inline-block;text-decoration:none; <a class="travelControlTripBtn" v-if="priceList.length>0&& priceList[0].wordPath!=''" style="display:inline-block;text-decoration:none;
width:135px;text-align:center;line-height:30px;font-size:13px;position:relative;top:2px;" width:135px;text-align:center;line-height:30px;font-size:13px;position:relative;top:2px;"
:href="domainManager().ViittoFileUrl+priceList[0].wordPath">下载WORD行程</a> :href="domainManager().ViittoFileUrl+priceList[0].wordPath">下载WORD行程</a>
<!--&&isopOperation HK 注释 可以让销售修改基本信息-->
<input type="button" v-if="orderId>0" class="travelControlTripBtn" value="修改信息" @click="editMsgShow=true" />
</el-col>
<el-col :span="10" style="display: none;">
<span style="font-size:14px">行程补充说明:</span>
<el-select filterable size="small" v-model="Typevalue" placeholder="请选择">
<el-option label="日本寻秋意赏枫季" :value="-1"></el-option>
<el-option label="仲夏花火夜" :value="-2"></el-option>
<el-option label="寻觅日本美食" :value="-3"></el-option>
<el-option label="邂逅北海道的雪" :value="-4"></el-option>
<el-option label="日本趣味滑雪乐" :value="-5"></el-option>
<el-option label="湄公之畔，悠哉老挝" :value="-6"></el-option>
<el-option label="印象日本·严选酒店<舒适体验·品质服务>" :value="-7"></el-option>
<el-option v-for="item in titleList" :key="item.subCode" :label="item.title" :value="item.id">
</el-option>
</el-select>
<input type="button"
style="width: auto !important;background: rgb(0, 198, 255);border:1px solid rgb(0, 198, 255);outline:none"
class="travelControlTripBtn" value="预览" @click="yuLan" />
<input type="button" style="width: auto !important;outline:none" class="travelControlTripBtn" value="下载"
@click="DownloadJuanmSaid" />
</el-col> </el-col>
</el-row> </el-row>
<el-dialog title="修改信息" custom-class="confirmOrder" :visible.sync="editMsgShow" center>
<el-form :model="editForm" label-width="100px">
<p class="edit_form_box_tit">集合地点&联系人</p>
<div class="edit_form_box">
<div>
<el-form-item label="本团领队">
<el-input v-model="editForm.leaderInfo"></el-input>
</el-form-item>
<el-form-item label="机场服务">
<el-input v-model="editForm.airportService"></el-input>
</el-form-item>
<el-form-item label="紧急联系人">
<el-input v-model="editForm.emergencyContact"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="集合时间">
<el-input v-model="editForm.gatheringTime"></el-input>
</el-form-item>
<el-form-item label="集合标识">
<el-input v-model="editForm.gatherIdent"></el-input>
</el-form-item>
<el-form-item label="集合地点">
<el-input v-model="editForm.gatheringAddress"></el-input>
</el-form-item>
</div>
</div>
<p class="edit_form_box_tit">航班信息</p>
<div class="TravelFlightList">
<el-form label-width="0">
<table class="TFTable">
<tr>
<th>航空公司</th>
<th>航班</th>
<th>起飞机场/时间</th>
<th>到达机场/时间</th>
<th>出发日期</th>
<th>到达日期</th>
<th>操作</th>
</tr>
<tr v-for="(priceFlight,index) in editForm.travelOrderFlightList" :key="priceFlight.code">
<td>
<el-select class="w120" :placeholder="$t('pub.pleaseSel')" filterable v-model="priceFlight.airLineID"
@change="airLineSelectChange(priceFlight.airLineID,priceFlight,1)">
<el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
<el-option v-for="item in airLineList" :label="item.AlName" :value="item.AirLineId"
:key="item.AirLineId"></el-option>
</el-select>
</td>
<td>
<el-select class="w120" :placeholder="$t('pub.pleaseSel')" filterable v-model="priceFlight.flightID"
@change="flightSelectChange(priceFlight.flightID,priceFlight)">
<el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
<el-option v-for="item in priceFlight.airportNameList" :label="item.Flight_number" :value="item.ID"
:key="item.ID"></el-option>
</el-select>
</td>
<td>{{priceFlight.departureAirPortName}} <template
v-if="priceFlight.departureTime&& priceFlight.departureTime!=''">（{{priceFlight.departureTime}}）</template>
</td>
<td>
{{priceFlight.arrivalAirPortName}}<template
v-if="priceFlight.arrivalTime && priceFlight.arrivalTime!=''">（{{priceFlight.arrivalTime}}）</template>
</td>
<td>
<el-date-picker class="w110" :clearable="false" v-model="priceFlight.startDate" type="date"
value-format="yyyy-MM-dd"></el-date-picker>
</td>
<td>
<el-date-picker class="w110" :clearable="false" v-model="priceFlight.arriveDate" type="date"
value-format="yyyy-MM-dd"></el-date-picker>
</td>
<td>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click="removePriceFlight(index,priceFlight,1)"
circle></el-button>
</el-tooltip>
<el-tooltip class="item" v-if="index!=0" style="margin-left:0" effect="dark" content="上移"
placement="top-start">
<el-button type="danger" icon="iconfont icon-shangyi" @click="MoveItem(priceFlight,index,0)" circle>
</el-button>
</el-tooltip>
<el-tooltip class="item" v-if="index!=editForm.travelOrderFlightList.length-1" style="margin-left:0"
effect="dark" content="下移" placement="top-start">
<el-button type="danger" icon="iconfont icon-xiayi1" @click="MoveItem(priceFlight,index,1)" circle>
</el-button>
</el-tooltip>
</td>
</tr>
</table>
</el-form>
<div class="TFAddFlight" @click="addFlight()">
<i class="iconfont icon-img_haha"></i>添加
</div>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="normalBtn" type="primary" @click="submitForm()">{{$t('pub.saveBtn')}}</button> &nbsp;
<button class="hollowFixedBtn" @click="editMsgShow = false">{{$t('pub.cancelBtn')}}</button>
<button class="normalBtn" type="primary" @click="backForm()">还原</button> &nbsp;
</div>
</el-dialog>
<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 <LeaveGroupDownload :vshowJ="vshowJ" :vshowL="vshowL" :WeiXinShareImgSrc="WeiXinShareImgSrc"
:vshowJ="vshowJ" :orderMsg="orderMsg" :orderTripdiff="orderTripdiff" :vshowLLR="vshowLLR" :vshowB="vshowB" :lineId="lineId">
:vshowL="vshowL" </LeaveGroupDownload>
:WeiXinShareImgSrc="WeiXinShareImgSrc"
:orderMsg="orderMsg"
:orderTripdiff="orderTripdiff"
:vshowLLR="vshowLLR"
:vshowB="vshowB"
:lineId="lineId"></LeaveGroupDownload>
<!-- 行程特色 --> <!-- 行程特色 -->
<ItineraryFeatures :feature="feature"></ItineraryFeatures> <ItineraryFeatures :feature="feature"></ItineraryFeatures>
<!-- 行程天数 --> <!-- 行程天数 -->
<travelDays <travelDays :dataAll="dataAll" :orderMsg="orderMsg" :orderTripdiff="orderTripdiff" :tripList="tripList"
:dataAll="dataAll" :vshowD="vshowD" :vshowK="vshowK"></travelDays>
:orderMsg="orderMsg"
:orderTripdiff="orderTripdiff"
:tripList="tripList"
:vshowD="vshowD"
:vshowK="vshowK"
></travelDays>
<!-- 团队费用说明 --> <!-- 团队费用说明 -->
<TourFareDescription <TourFareDescription :vshowE="vshowE" :vshowF="vshowF" :dataList="dataList" :feature="feature">
:vshowE="vshowE" </TourFareDescription>
:vshowF="vshowF"
:dataList="dataList"
:feature="feature"></TourFareDescription>
<!-- 订单须知 --> <!-- 订单须知 -->
<OrderNotice <OrderNotice :vshowG="vshowG" :feature="feature"></OrderNotice>
:vshowG="vshowG"
:feature="feature"></OrderNotice>
<!-- 签证信息 --> <!-- 签证信息 -->
<VisaInformation <VisaInformation :vshowG="vshowG" :vshowM="vshowM" :vshowJ="vshowJ" :feature="feature" :orderMsg="orderMsg">
:vshowG="vshowG" </VisaInformation>
:vshowM="vshowM"
:vshowJ="vshowJ"
:feature="feature"
:orderMsg="orderMsg"></VisaInformation>
</div> </div>
</div> </div>
...@@ -252,11 +106,8 @@ ...@@ -252,11 +106,8 @@
<script> <script>
import html2Canvas from 'html2canvas' import html2Canvas from 'html2canvas'
import oneday from './commonPage/oneday'
import twoday from './commonPage/twoday'
import threeday from './commonPage/threeday'
import fourday from './commonPage/fourday'
import fiveday from './commonPage/fiveday'
import LeaveGroupDownload from './LeaveGroupDownload/index' import LeaveGroupDownload from './LeaveGroupDownload/index'
import ItineraryFeatures from './LeaveGroupDownload/ItineraryFeatures' import ItineraryFeatures from './LeaveGroupDownload/ItineraryFeatures'
import travelDays from './LeaveGroupDownload/travelDays' import travelDays from './LeaveGroupDownload/travelDays'
...@@ -271,11 +122,6 @@ ...@@ -271,11 +122,6 @@
} from 'util'; } from 'util';
export default { export default {
components: { components: {
oneday,
twoday,
threeday,
fourday,
fiveday,
LeaveGroupDownload, LeaveGroupDownload,
ItineraryFeatures, ItineraryFeatures,
travelDays, travelDays,
...@@ -362,102 +208,12 @@ ...@@ -362,102 +208,12 @@
setTimeout(() => { setTimeout(() => {
this.appendParent() this.appendParent()
}, 2000) }, 2000)
this.getDataList();
}, },
methods: { methods: {
DownloadJuanmSaid() {
let title = "行程补充说明：";
if (this.Typevalue == -1) {
title += "日本寻秋意赏枫季"
}
if (this.Typevalue == -2) {
title += "仲夏花火夜"
}
if (this.Typevalue == -3) {
title += "寻觅日本美食"
}
if (this.Typevalue == -4) {
title += "邂逅北海道的雪"
}
if (this.Typevalue == -5) {
title += "日本趣味滑雪乐"
}
if (this.Typevalue == -6) {
title += "湄公之畔，悠哉老挝"
}
if (this.Typevalue == -7) {
title += "印象日本·严选酒店<舒适体验·品质服务>"
}
if (this.Typevalue > 0) {
this.titleList.forEach(item => {
if (item.id == this.Typevalue) {
title += item.title;
}
})
}
this.pdfLoading = true
let pageData = document.getElementById('pdfNode').innerHTML
let urlObj = this.domainManager()
this.$http({
headers: {
'Content-Type': 'application/json'
},
method: 'post',
url: urlObj.DomainUrl + '/api/file/DownLoadJuanSaid',
data: {
"msg": {
id: this.Typevalue
}
}
}).then(res => {
if (res.data.resultCode === 1) {
setTimeout(() => {
let sign = title
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();
}, 1000)
} else {
this.$message.error('PDF获取失败');
}
this.pdfLoading = false
}).catch(err => {
})
},
yuLan() {
if (this.Typevalue == -1) {
window.open("http://www.oytour.com/#/FoodImg2");
} else if (this.Typevalue == -2) {
window.open("http://www.oytour.com/#/Fire");
} else if (this.Typevalue == -3) {
window.open("http://www.oytour.com/#/FoodImg");
} else if (this.Typevalue == -4) {
window.open("http://www.oytour.com/#/FoodImg4");
} else if (this.Typevalue == -5) {
window.open("http://www.oytour.com/#/Juanski");
} else if (this.Typevalue == -6) {
window.open("http://www.oytour.com/#/Laowo");
} else if (this.Typevalue == -7) {
window.open("http://www.oytour.com/#/JapanHotel");
} else {
window.open("http://www.oytour.com/#/JuanDetails?id=" + this.Typevalue);
}
},
// 获取标题
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)
},
//获取微信二维码 //获取微信二维码
getWxCode: function () { getWxCode: function () {
this.apipost('survey_post_GetSurveyWeiXinShare', { this.apipost('survey_post_GetSurveyWeiXinShare', {
...@@ -480,52 +236,8 @@ ...@@ -480,52 +236,8 @@
this.ToWord_V2(this.orderMsg.startDate + this.orderMsg.lineteamName + this.orderMsg.dayNum + '日游', isPc) this.ToWord_V2(this.orderMsg.startDate + this.orderMsg.lineteamName + this.orderMsg.dayNum + '日游', isPc)
} }
}, },
//保存基础数据
submitForm: function () {
this.editForm.travelOrderFlightList.forEach(x => {
x.airportNameList = [];
});
this.editForm.FlightInfoJson = JSON.stringify(this.editForm.travelOrderFlightList);
this.editForm.travelOrderFlightList = [];
this.apipost('sellorder_post_SetOrderTripDiff',
this.editForm,
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.editMsgShow = false;
this.init();
} else {
this.Error(res.data.message);
}
},
err => {}
)
},
//还原表单
backForm() {
var oldData = JSON.parse(JSON.stringify(this.SourceData));
this.editForm.orderId = this.$route.query.orderId;
this.editForm.leaderInfo = oldData.leaderInfo;
this.editForm.gatheringTime = oldData.gatheringTime;
this.editForm.airportService = oldData.airportService;
this.editForm.gatherIdent = oldData.gatherIdent;
this.editForm.emergencyContact = oldData.emergencyContact;
this.editForm.gatheringAddress = oldData.gatheringAddress;
this.editForm.flightInfoJson = "";
this.editForm.travelOrderFlightList = [];
this.editForm.travelOrderFlightList = oldData.travelOrderFlightList;
this.editForm.travelOrderFlightList.forEach((item) => {
this.airLineSelectChange(item.airLineID, item);
});
},
removePriceFlight: function (index, item, type) {
var that = this
that.Confirm("删除航班后将不能恢复?", function () {
if (index > -1) {
that.editForm.travelOrderFlightList.splice(index, 1)
}
});
},
airLineSelectChange: function (airLineId, item, type) { airLineSelectChange: function (airLineId, item, type) {
item.airLineID = airLineId item.airLineID = airLineId
this.airLineList.forEach(x => { this.airLineList.forEach(x => {
...@@ -1002,7 +714,7 @@ ...@@ -1002,7 +714,7 @@
this.lineId = data.lineId; this.lineId = data.lineId;
this.orderMsg = data.orderMsg; this.orderMsg = data.orderMsg;
console.log(this.orderTripdiff) console.log(this.orderTripdiff)
console.log(this.orderMsg,'------') console.log(this.orderMsg, '------')
if (this.orderTripdiff && this.orderTripdiff.flightInfoJson) { if (this.orderTripdiff && this.orderTripdiff.flightInfoJson) {
this.orderTripdiff.travelOrderFlightList = JSON.parse(this.orderTripdiff.flightInfoJson); this.orderTripdiff.travelOrderFlightList = JSON.parse(this.orderTripdiff.flightInfoJson);
if (this.orderMsg.outNotice == 1) { if (this.orderMsg.outNotice == 1) {
......
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