Skip to content

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

no message

parent c610f691
Hide whitespace changes
Inline Side-by-side
Showing with 362 additions and 59 deletions
src/components/LeaveGroupDownload/ItineraryFeatures.vue 0 → 100644
View file @ 18c70999
<template>
<div id="pdf_2">
<div class="template-box">
<div id="gernalCanvas" style="margin:auto;width:100%" v-html="feature.featureHtml">
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
props: [
'feature',
],
data() {
return {
};
},
methods: {
},
computed: {},
watch: {
// FeatureData: {
// handler(val, oldVal) {
// },
// deep: true,
// immediate: true
// },
},
mounted() {
}
};
</script>
<style>
.travelDays-box{
position: absolute;
left: 0;
top: 112px;
right: 0;
bottom: 115px;
border: 1px solid #ddd;
}
</style>
src/components/LeaveGroupDownload/components/VEditDiv.vue 0 → 100644
View file @ 18c70999
<template>
<div class="edit_div" :contenteditable="canEdit" v-html="innerText" @focus="isLocked = true" @blur="isLocked = false"
@input="changeText">
</div>
</template>
<script>
export default {
props: ["value", "canEdit", "textLength"],
data() {
return {
innerText: this.value,
isLocked: false
};
},
watch: {
value() {
if (!this.isLocked || !this.innerText) {
this.$el.innerText = this.value;
}
}
},
methods: {
changeText: function () {
let sel = window.getSelection();
let offset = sel.anchorOffset;
if (this.textLength&&this.$el.innerText.length > this.textLength) {
this.$el.innerText = this.$el.innerText.slice(0, this.textLength);
}
this.$emit("input", this.$el.innerText);
setTimeout(() => {
var range = sel.getRangeAt(0);
var textNode = range.startContainer;
range.setStart(textNode, offset);
sel.removeAllRanges();
sel.addRange(range);
}, 0);
}
}
};
</script>
<style>
.edit_div {}
</style>
src/components/LeaveGroupDownload/components/header.vue 0 → 100644
View file @ 18c70999
<template>
<div class="UpgradedVersion-header absolute row-sb z-index1" v-if="FeatureItem">
<div class="UpgradedVersion-header-left relative row-aic" :style="{'background':TripColor}">
<img class="header-leftBj absolute z-index2" :src="backgroundImgBj2" />
<img class="header-leftImg" src="http://192.168.10.214:8130/Upload/NewTripFeature/headerLogoTwo.png" />
</div>
<div class="UpgradedVersion-header-right">
<div class="UpgradedVersion-header-title">
<VEditDivLeave :canEdit='canEdit' v-model="LineShortName"></VEditDivLeave>
</div>
</div>
</div>
</template>
<script>
import vEditDiv from "./VEditDiv";
export default {
components: {
vEditDiv
},
props: [
'TripColor',
'FeatureItem'
],
data() {
return {
canEdit: true,
LineShortName: '欧洲线',
backgroundImg: '',
backgroundImgBj1: 'http://192.168.10.214:8130/Upload/NewTripFeature/logoBjOne.png', //花纹背景
backgroundImgBj2: 'http://192.168.10.214:8130/Upload/NewTripFeature/logoBjTwo.png', //白色背景
};
},
methods: {
},
computed: {},
watch: {
TripColor: {
handler(val, oldVal) {
// this.backgroundImg = `url('http://192.168.10.214:8130/Upload/NewTripFeature/logoBj.png') no-repeat right ${val}`
},
deep: false,
immediate: true
},
FeatureItem: {
handler(val,oldVal) {
},
deep: true,
immediate: true
}
},
mounted() {
}
};
</script>
<style>
.UpgradedVersion-header {
top: 0;
left: 0;
right: 0;
}
.UpgradedVersion-header-left {
width: 341px;
height: 65px;
border-radius: 0px 0px 18px 0px;
position: relative;
}
.header-leftImg {
width: 292px;
height: auto;
display: block;
margin-left: 19px;
}
.header-leftBj {
left: 314px;
top: 0;
width: 27px;
height: 100%;
background-size: 100% 100%;
}
.UpgradedVersion-header-title {
padding: 12px 19px 10px 19px;
margin-right: 53px;
margin-top: 20px;
border: 2px dashed #000;
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
}
.UpgradedVersion-header .edit_div {
font-size: 38px;
font-weight: 400;
font-family: FZCuSong-B09S;
color: #2A2A2A;
}
</style>
src/components/LeaveGroupDownload/index.vue
View file @ 18c70999
<template>
<div id="pdfNode" class="LeaveGroupDownload-form">
<div id="pdfDom" style="padding:0 20px;">
<div id="pdf_1" v-if="orderMsg">
<div class="logo-div">
<img
......@@ -208,11 +206,9 @@
</tbody>
</table>
</div>
</template>
<div style="width: 100%;height:20px;"></div>
</template>
<div style="width: 100%;height:40px;"></div>
</div>
</div>
</div>
</template>
<script>
......@@ -235,17 +231,17 @@ export default {
methods: {},
computed: {},
watch: {
// FeatureData: {
// handler(val, oldVal) {
// },
// deep: true,
// immediate: true
// },
orderMsg: {
handler(val, oldVal) {
},
deep: true,
immediate: true
},
},
mounted() {}
};
</script>
<style>
@import url("../../assets/css/tripIndexNew.css");
</style>
src/components/LeaveGroupDownload/travelDays.vue
View file @ 18c70999
<template>
<div class="travelDays-form">
<div class="travelDays-box absolute z-index1">
<Header :TripColor="TripColor" :FeatureItem="item"></Header>
<div class="travelDays-Title">
<div>
<div><vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.MainDesc"></vEditDiv></p>
<div>DAY</div>
</div>
</div>
</div>
--------
</div>
</template>
<script>
import Header from "../newTravelmanager/TravelGroupControl/UpgradedVersion/components/header";
import Header from "./components/header";
export default {
components: {
Header
},
props: [
'TripColor',
'index',
'FeatureItem'
],
data() {
return {
canEdit: true,
canEdit1: true,
isShowScenicImg: false,
choseType: 0,
queryItem: {
queryName: '',
queryId: 0,
},
MasterMapIndex: null,//主图下标
StencilDrawing: false,//是否是模版图
};
},
......@@ -124,13 +105,13 @@
},
computed: {},
watch: {
FeatureData: {
handler(val, oldVal) {
// FeatureData: {
// handler(val, oldVal) {
},
deep: true,
immediate: true
},
// },
// deep: true,
// immediate: true
// },
},
mounted() {
......
src/components/confirmationOrderDownLoadNew.vue
View file @ 18c70999
......@@ -96,15 +96,125 @@
@click="DownloadJuanmSaid" />
</el-col>
</el-row>
<LeaveGroupDownload
:vshowJ="vshowJ"
:vshowL="vshowL"
:WeiXinShareImgSrc="WeiXinShareImgSrc"
:orderMsg="orderMsg"
:orderTripdiff="orderTripdiff"
:vshowLLR="vshowLLR"
:vshowB="vshowB"
:lineId="lineId"></LeaveGroupDownload>
<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="pdfDom" style="padding:0 20px;">
<LeaveGroupDownload
:vshowJ="vshowJ"
:vshowL="vshowL"
:WeiXinShareImgSrc="WeiXinShareImgSrc"
:orderMsg="orderMsg"
:orderTripdiff="orderTripdiff"
:vshowLLR="vshowLLR"
:vshowB="vshowB"
:lineId="lineId"></LeaveGroupDownload>
<ItineraryFeatures :feature="feature"></ItineraryFeatures>
<travelDays></travelDays>
</div>
</div>
</div>
</template>
......@@ -116,6 +226,8 @@
import fourday from './commonPage/fourday'
import fiveday from './commonPage/fiveday'
import LeaveGroupDownload from './LeaveGroupDownload/index'
import ItineraryFeatures from './LeaveGroupDownload/ItineraryFeatures'
import travelDays from './LeaveGroupDownload/travelDays'
import {
setTimeout
} from 'timers';
......@@ -123,6 +235,16 @@
types
} from 'util';
export default {
components: {
oneday,
twoday,
threeday,
fourday,
fiveday,
LeaveGroupDownload,
ItineraryFeatures,
travelDays
},
data() {
return {
isShowTime: true,
......@@ -1202,19 +1324,13 @@
window.open(routeData.href, "_blank");
}
},
components: {
oneday,
twoday,
threeday,
fourday,
fiveday,
LeaveGroupDownload,
},
}
</script>
<style>
@import url('../assets/css/tripIndex.css');
@import url("../assets/css/tripIndexNew.css");
@import url('../assets/css/detail.css');
.edit_form_box {
......
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