Skip to content

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

页面修改

parent 728a6905
Hide whitespace changes
Inline Side-by-side
Showing with 132 additions and 237 deletions
src/components/TravelContractNewRB.vue
View file @ b176f50e
......@@ -387,15 +387,12 @@
<el-option key="1" label="（株）ピースインターナショナル" :value="1">
</el-option>
</el-select>
<!-- <el-input type="text" v-model="CtObj.company" :disabled="CurrentUserInfo.RB_Group_id==2?true:false"
class="w300"></el-input> -->
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item label="经营许可证号">
<!-- :disabled="CurrentUserInfo.RB_Group_id==2?true:false" -->
<el-input type="text" class="w300" v-model="CtObj.businessCertificate"></el-input>
</el-form-item>
</td>
......@@ -461,28 +458,6 @@
<em>单项委托/组合地接服务合同</em>
</h2>
</div>
<div class="createTableTitle">线路行程时间</div>
<table class="createTable">
<tbody>
<tr>
<td>
<el-form-item label="团号">
<el-input type="text" class="w300" v-model="CtObj.tCNum"></el-input>
</el-form-item>
</td>
</tr>
</tbody>
</table>
<div class="blockTitle">
<span class="icon">
<i class="iconfont icon-renwuguanli"></i>
</span>
<h2>
<em>预定项目及要求</em>
</h2>
</div>
<table class="createTable">
<tbody>
<tr>
......@@ -582,7 +557,7 @@
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in guestList" :key="index">
<tr v-for="(item,index) in guestList" :key="index+10000">
<td>{{index+1}}</td>
<td>{{item.surName+''+item.name}}</td>
<td>{{item.sex==1?'男':'女'}}</td>
......@@ -596,11 +571,11 @@
<tr>
<td>紧急情况联系人姓名</td>
<td colspan="3">
<el-input type="text" class="w300" v-model="CtObj.ContactsName"></el-input>
<el-input type="text" class="w300" v-model="CtObj.contactsName"></el-input>
</td>
<td>联系电话</td>
<td colspan="2" contenteditable="true">
<el-input type="text" class="w300" v-model="CtObj.ContactsMobile"></el-input>
<td colspan="2">
<el-input type="text" class="w300" v-model="CtObj.contactsMobile"></el-input>
</td>
</tr>
</tfoot>
......@@ -617,7 +592,7 @@
<div style="flex-grow: 1;">
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="7" style="background: #ffffff;">机票预定</th>
<th colspan="7" style="background: #ffffff;text-align:left;">&nbsp;&nbsp;机票预定</th>
</tr>
<tr>
<th>序号</th>
......@@ -626,124 +601,106 @@
<th>起止城市</th>
<th>起飞时间</th>
<th>抵达时间</th>
<th>操作</th>
<th>操作 &nbsp;<a style="color:blue;cursor:pointer;" @click="AddTicket()">添加</a></th>
</tr>
<tr v-for="(item,index) in CtObj.TicketList" :key="index">
<tr v-for="(item,index) in CtObj.ticketList" :key="index+20000">
<td>{{index+1}}.</td>
<td>
<el-input v-model="item.Flight_number" style="width:100px"></el-input>
</td>
<td>{{item.FlightDate}}</td>
<td>{{item.dName}}-{{item.aName}}</td>
<td>{{item.Departure_time}}</td>
<td>{{item.Arrival_time}}</td>
<td>删除、添加</td>
<td>
<el-input v-model="item.FlightDate" style="width:120px"></el-input>
</td>
<td>
<el-input v-model="item.dName" style="width:200px"></el-input>
—
<el-input v-model="item.aName" style="width:200px"></el-input>
</td>
<td>
<el-input v-model="item.Departure_time" style="width:100px"></el-input>
</td>
<td>
<el-input v-model="item.Arrival_time" style="width:100px"></el-input>
</td>
<td>
<a style="color:blue;cursor:pointer;" @click="DeleteTicket(index)">删除</a>
</td>
</tr>
<tr>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<th colspan="7" style="background: #ffffff;">酒店预订</th>
<th colspan="7" style="background: #ffffff;text-align:left;">&nbsp;&nbsp;酒店预订</th>
</tr>
<tr>
<th colspan="4">酒店名称</th>
<th colspan="3">酒店名称</th>
<th>类型</th>
<th>房型</th>
<th>数量</th>
<th>操作 &nbsp;<a style="color:blue;cursor:pointer;" @click="AddHotel()">添加</a></th>
</tr>
<tr v-for="(item,index) in CtObj.HotelList" :key="index">
<td colspan="4">{{item.Name}}</td>
<td>{{item.RoomType}}</td>
<td>{{item.RoomNum}}</td>
<tr v-for="(item,index) in CtObj.hotelList" :key="index+30000">
<td colspan="3">
<el-input v-model="item.Name" style="width:300px"></el-input>
</td>
<td>
<el-input v-model="item.HotelType" style="width:200px"></el-input>
</td>
<td>
<el-input v-model="item.RoomType" style="width:200px"></el-input>
</td>
<td>
<el-input v-model="item.RoomNum" style="width:200px"></el-input>
</td>
<td>
<a style="color:blue;cursor:pointer;" @click="DeleteHotel(index)">删除</a>
</td>
</tr>
<tr>
<td colspan="6">&nbsp;</td>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<th colspan="6" style="background: #ffffff;">代办签证</th>
<th colspan="7" style="background: #ffffff;text-align:left;">&nbsp;&nbsp;代办签证</th>
</tr>
<tr>
<td colspan="6">
<td colspan="7">
<el-input v-model="CtObj.VisaInfo" placeholder="日本个人商务签证、代办签证费用"> </el-input>
</td>
</tr>
<tr>
<td colspan="6">&nbsp;</td>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<th colspan="6" style="background: #ffffff;">其他单项服务事宜</th>
<th colspan="7" style="background: #ffffff;text-align:left;">&nbsp;&nbsp;其他单项服务事宜</th>
</tr>
<tr>
<td colspan="3">主要景点名称（游览时间）</td>
<td>交通工具（标准）</td>
<td>酒店标准</td>
<td>房间标准</td>
</tr>
<tr v-for="(item,index) in tripDays">
<td contenteditable="true" colspan="3">
<div v-for="subItem in item.dayArray">
<span v-if="subItem.type==2">
{{subItem.childItem.couponsName}}
<span
v-if="subItem.childItem.playTimeHour!=null&&subItem.childItem.playTimeHour!=''">（{{subItem.childItem.playTimeHour}}小时</span>
<span v-if="subItem.childItem.playTimeMinutes!=null&&subItem.childItem.playTimeMinutes!=''">
<template
v-if="subItem.childItem.playTimeHour==null&&subItem.childItem.playTimeHour!=''">（</template>
{{subItem.childItem.playTimeMinutes}}分钟）</span>
</span>
<span v-if="subItem.type==7&&(index==0||index==tripDays.length-1)">
{{subItem.childItem.title}}
</span>
<td colspan="7">
<div v-if="CtObj.travelContent!=''" v-html="CtObj.travelContent" ref="TcTravel_Table">
</div>
<div v-else ref="TcTravel_Table">
<table class="TcTravel_Table">
<tbody>
<tr>
<td style="width:15%">行程时间</td>
</tr>
<tr v-for="(item,index) in tripDays">
<td contenteditable="true">
<div v-for="subItem in item.dayArray">
<span v-if="subItem.type==7">
{{subItem.childItem.title}}
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td contenteditable="true">
{{item.TrifficType}}
</td>
<td contenteditable="true">
<span v-if="index!=tripList.length-1">旅游酒店</span>
<span v-else>无</span>
</td>
<td contenteditable="true">
<span v-if="index!=tripList.length-1">双人间</span>
<span v-else>无</span>
</td>
</tr>
</table>
</div>
<div style="flex-shrink: 0;">
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<el-input v-model="CtObj.Notes" placeholder=" 用车：全程七天用车
用餐：全程含餐
酒店：全程含入内
导游，教练全程随行
成都天府机场起止含全程国际段机票（赠送）"></el-input>
</td>
</tr>
<tr>
<td>
费用：<span contenteditable="true">
{{CtObj.TotalMoneyInfo?CtObj.TotalMoneyInfo:'--'}}
</span>
元/人
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="block mtop15" id="anchor-2" ref="anchor2">
<div class="blockTitle">
<span class="icon">
<i class="iconfont icon-copy"></i>
</span>
<h2>
<em>其他约定事项</em>
</h2>
</div>
<el-input type="textarea" resize="none" v-model="CtObj.otherMatter" rows="13"></el-input>
</div>
<div class="block mtop15" id="anchor-2" ref="anchor2">
<div class="blockTitle">
<span class="icon">
......@@ -753,8 +710,12 @@
<em>费用计算</em>
</h2>
</div>
<el-form-item label="备注信息">
<el-input type="textarea" v-model="CtObj.Notes"
placeholder="用车：全程七天用车;用餐：全程含餐; 酒店：全程含入内;导游，教练全程随行;成都天府机场起止含全程国际段机票（赠送）"></el-input>
</el-form-item>
<el-form-item label="旅游者委托旅行社提供上述">
<el-select placeholder="请选择" filterable v-model="CtObj.eachNumber" style="width:220px;">
<el-select placeholder="请选择" filterable v-model="CtObj.serviceNum" style="width:220px;">
<el-option label="壹" :value='1'></el-option>
<el-option label="贰" :value='2'></el-option>
<el-option label="叁" :value='3'></el-option>
......@@ -762,20 +723,20 @@
<el-option label="伍" :value='5'></el-option>
</el-select>
共计
<template v-if="CtObj.eachNumber==1">
壹
<template v-if="CtObj.serviceNum==1">
<span style="font-weight:bold:color:red;">壹</span>
</template>
<template v-else-if="CtObj.eachNumber==2">
贰
<template v-else-if="CtObj.serviceNum==2">
<span style="font-weight:bold:color:red;">贰</span>
</template>
<template v-else-if="CtObj.eachNumber==3">
叁
<template v-else-if="CtObj.serviceNum==3">
<span style="font-weight:bold:color:red;">叁</span>
</template>
<template v-else-if="CtObj.eachNumber==4">
肆
<template v-else-if="CtObj.serviceNum==4">
<span style="font-weight:bold:color:red;">肆</span>
</template>
<template v-else-if="CtObj.eachNumber==5">
伍
<template v-else-if="CtObj.serviceNum==5">
<span style="font-weight:bold:color:red;">伍</span>
</template>
（大写）项服务。
</el-form-item>
......@@ -963,7 +924,12 @@
tCNum: '',
payProtocol: '',
shopProtocol: '',
dmcName: ''
dmcName: '',
ticketList: [], //机票信息
hotelList: [], //酒店信息
serviceNum: 1,
contactsName: "", //紧急联系人
contactsMobile: "", //紧急联系电话
},
//旅客名单
guestList: [],
......@@ -1091,6 +1057,46 @@
};
},
methods: {
//添加航班
AddTicket() {
var ticketObj = {
Flight_number: "", //航班号
FlightDate: "", //航班日期
dName: "", //出发城市/机场
aName: "", //到达城市/机场
Departure_time: "", //出发时间
Arrival_time: "", //到达时间
}
if (!this.CtObj.ticketList) {
this.CtObj.ticketList = [];
}
this.CtObj.ticketList.push(ticketObj);
},
//删除航班
DeleteTicket(index) {
if (this.CtObj.ticketList && this.CtObj.ticketList.length > 0) {
this.CtObj.ticketList.splice(index, 1);
}
},
//添加酒店
AddHotel() {
var htelObj = {
Name: "",
RoomType: "标准间",
RoomNum: "1",
HotelType: "酒店",
}
if (!this.CtObj.hotelList) {
this.CtObj.hotelList = [];
}
this.CtObj.hotelList.push(htelObj);
},
//删除酒店
DeleteHotel(index) {
if (this.CtObj.hotelList && this.CtObj.hotelList.length > 0) {
this.CtObj.hotelList.splice(index, 1);
}
},
changeSignType() {
if (this.CtObj.SignType == 0) {
this.CtObj.company = '四川和平国际旅行社有限公司'
......@@ -1153,30 +1159,12 @@
this.guestList = res.data.data.guestList;
this.CtObj.tcid = this.$route.query.TCID;
this.CtObj.orderId = this.$route.query.orderID;
this.CtObj.totalNumber = 2;
this.CtObj.eachNumber = 1;
this.VoluntaryArr = this.CtObj.shopProtocolList;
this.WillingPayArr = this.CtObj.payProtocolList;
if (this.CtObj.clientCountryid > 0) {
this.GetSubAreaList(this.CtObj.clientCountryid, 1, 1);
}
if (this.CtObj.clientProvinceid > 0) {
this.GetSubAreaList(this.CtObj.clientProvinceid, 2, 1);
}
if (this.CtObj.companyCountryid > 0) {
this.GetComAreaList(this.CtObj.companyCountryid, 1, 1);
}
if (this.CtObj.companyProvinceid > 0) {
this.GetComAreaList(this.CtObj.companyProvinceid, 2, 1);
}
if (this.CtObj.regulatorCountryid > 0) {
this.GetJianAreaList(this.CtObj.regulatorCountryid, 1, 1);
}
if (this.CtObj.regulatorProvinceid > 0) {
this.GetJianAreaList(this.CtObj.regulatorProvinceid, 2, 1);
}
console.log("travelcontract_post_GetContractInfoService", this.CtObj);
if (tempObj && tempObj.id <= 0) {
this.CtObj.totalNumber = 2;
this.CtObj.eachNumber = 1;
//初始化行程
this.GetTrip(0, this.msg.TCID);
} else {
......@@ -1191,98 +1179,6 @@
}
}, null);
},
//获取客户省份和城市
GetSubAreaList(ID, type, isClear) {
let msg = {
Id: ID
};
if (type == 1) {
if (isClear != 1) {
this.CtObj.clientProvinceid = 0;
this.CtObj.clientCityid = 0;
}
} else if (type == 2) {
if (isClear != 1) {
this.CtObj.clientCityid = 0;
}
}
if (this.CtObj.clientCountryid != 0) {
this.apipost(
"dict_post_Destination_GetChildList",
msg,
res => {
if (type == 1) {
this.ClientProvinceList = res.data.data;
} else if (type == 2) {
this.ClientCityList = res.data.data;
}
},
err => {}
);
}
},
//获取公司身份城市
GetComAreaList(ID, type, isClear) {
let msg = {
Id: ID
};
if (type == 1) {
if (isClear != 1) {
this.CtObj.companyProvinceId = 0;
this.CtObj.companyCityId = 0;
}
} else if (type == 2) {
if (isClear != 1) {
this.CtObj.companyCityId = 0;
}
}
if (this.CtObj.companyCountryId != 0) {
this.apipost(
"dict_post_Destination_GetChildList",
msg,
res => {
if (type == 1) {
this.companyProvinceList = res.data.data;
} else if (type == 2) {
this.companyCityList = res.data.data;
}
},
err => {}
);
}
},
//获取监管机构省市
GetJianAreaList(ID, type, isClear) {
let msg = {
Id: ID
};
if (type == 1) {
if (isClear != 1) {
this.CtObj.regulatorProvinceid = 0;
this.CtObj.regulatorCityid = 0;
}
} else if (type == 2) {
if (isClear != 1) {
this.CtObj.regulatorCityid = 0;
}
}
if (this.CtObj.regulatorCountryid != 0) {
this.apipost(
"dict_post_Destination_GetChildList",
msg,
res => {
if (type == 1) {
this.JianProvinceList = res.data.data;
} else if (type == 2) {
this.JianCityList = res.data.data;
}
},
err => {}
);
}
},
//提交数据
SaveMsg() {
this.CtObj.status = 1;
......@@ -1441,7 +1337,6 @@
let msg = {
orderId: this.msg.orderID
}
// this.apiJavaPost("/api/contract/getContractGuestByOrderId", msg, res => {
this.apipost("travelcontract_post_GetContractGuestByOrderId", msg, res => {
if (res.data.resultCode === 1) {
this.backGuest = res.data.data;
......
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