Skip to content

S
SuperMan
Commit 4e98e18d authored by zhengke's avatar zhengke
Browse files
Options

修改合同

parent 235a6dfe
Hide whitespace changes
Inline Side-by-side
Showing with 772 additions and 204 deletions
src/App.vue
View file @ 4e98e18d
......@@ -173,7 +173,7 @@ export default {
}
</script>
<style>
@import "//at.alicdn.com/t/font_635492_3ih8u0oth65.css";
@import "//at.alicdn.com/t/font_635492_ocvro9vim9q.css";
@import "./assets/css/Semibold.css";
@import "./assets/css/global/config.css";
@import "./assets/css/fileIcon.css";
......
src/components/TravelContractConfirm.vue
View file @ 4e98e18d
......@@ -245,7 +245,7 @@
font-size:2.2rem;
}
.TCdiv_content .gzqzUl li{
font-size:1.8rem;
font-size:2.2rem;
}
.TCdiv_content .TcTravel_Table{
width: 100%;
......@@ -332,6 +332,9 @@
.ShopDiv{
margin-bottom:1rem;
}
.Danxiang_Ul li{
font-size:2.2rem!important;
}
</style>
<template>
......@@ -465,49 +468,329 @@
<br>
<p><b>一、旅游者信息</b>（如有12岁以下儿童或2岁以下婴儿需要标注）：</p>
<br>
<table class="ZTable" style="font-size:2.2rem;line-height:1.4">
<tbody>
<tr>
<td width="10%">序号</td>
<td width="15%">姓名</td>
<td width="10%">性别</td>
<td width="10%">证件类型</td>
<td width="20%">证件号码</td>
<td width="20%">联系方式</td>
<td width="15%">身体<br/>状况</td>
</tr>
<template v-if="CtObj.ContractGuestList&&CtObj.ContractGuestList.length>0">
<tr v-for="(item,index) in CtObj.ContractGuestList">
<td>{{index+1}}</td>
<td><font>{{item.CGuestName}}</font></td>
<td><font>{{item.CGuestSex}}</font></td>
<td><font>{{item.CGuestCertificateType}}</font></td>
<td><font>{{item.CGuestCertificateNum}}</font></td>
<td><font>{{item.CGuestTel}}</font></td>
<td><font>{{item.CGuestHealth}}</font></td>
</tr>
</template>
<tr>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<td colspan="7">
<p class="float_left">紧急情况联系人姓名：<font>{{CtObj.Tourists_EmergencyLinkMan}}</font></p>
<p class="text_right">联系电话：<font>{{CtObj.Tourists_EmergencyLinkTel}}</font></p>
</td>
</tr>
</tbody>
</table>
<ul class="guestUl Danxiang_Ul">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
<el-row>
<el-col :span="12">
<el-col :span="12" style="text-align:right">姓名：</el-col>
<el-col :span="12" style="text-align:left">{{item.CGuestName}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="12" style="text-align:right">性别：</el-col>
<el-col :span="12" style="text-align:left">{{item.CGuestSex}}</el-col>
</el-col>
</el-row>
<el-row style="padding:6px 0">
<el-col :span="12">
<el-col :span="12" style="text-align:right">证件类型：</el-col>
<el-col :span="12" style="text-align:left">{{item.CGuestCertificateType}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="12" style="text-align:right">证件号码：</el-col>
<el-col :span="12" style="text-align:left">{{item.CGuestCertificateNum}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="12" style="text-align:right">联系方式：</el-col>
<el-col :span="12" style="text-align:left">{{item.CGuestTel}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="12" style="text-align:right">身体状况：</el-col>
<el-col :span="12" style="text-align:left">{{item.CGuestHealth}}</el-col>
</el-col>
</el-row>
</li>
</ul>
<p style="margin-top:1rem;">紧急情况联系人姓名：<font>{{CtObj.Tourists_EmergencyLinkMan}}</font></p>
<p>联系电话：<font>{{CtObj.Tourists_EmergencyLinkTel}}</font></p>
<br>
<p><b>二、预定项目及要求：</b></p>
<br>
<table class="ZTable">
<ul class="gzqzUl Danxiang_Ul">
<li>
<el-row>
<el-col :span="24">
<el-col :span="24" style="text-align:left">1.机票预订</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<template v-if="CtObj.ContractTicketList && CtObj.ContractTicketList.length>0" v-for="item in CtObj.ContractTicketList">
<p><font>{{getDate(item.TicketTime)}}</font>&nbsp;&nbsp;<font>{{item.StartPlace}}</font>&nbsp;/&nbsp;<font>{{item.ArrivePlace}}</font>&nbsp;&nbsp;航班号<font>{{item.FlightNum}}</font></p>
<p>机票金额<font>{{item.TicketPrice}}</font>元/张</p>
<p>机场建设费<font>{{item.AirportPirce}}</font>元/张</p>
<p>定金<font>{{item.DepositPrice}}</font>元/张</p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left">
共计：<font>{{CtObj.TicketTotalNum}}</font>张机票
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
合同签订后 <font>{{CtObj.TicketOutDayNum}}</font>日内出票，本机票出票后不得退票、改签。由于旅游者原因退、改签机票款全部损失，由旅游者自行承担。
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>机票预定费用总额： <font>{{CtObj.TicketTotalDepositPrice}}</font>元</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>2.酒店预订</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<template v-if="CtObj.ContractHotelList && CtObj.ContractHotelList.length>0" v-for="item in CtObj.ContractHotelList">
<p>酒店名称：<font>{{item.HotelName}}</font>（酒店）</p>
<p>房型：标准间<font>{{item.DoubleRoom}}</font>/单人间<font>{{item.SingleRoom}}</font>三人间<font>{{item.ThirdRoom}}</font></p>
<p>人数：成人人数：<font>{{item.AdultNum}}</font>人 儿童人数：<font>{{item.ChildrenNum}}</font>人（不占床位、不加床位）</p>
<p>房费：<font>{{item.RoomPrice}}</font>元/间/晚</p>
<p>定金：<font>{{item.DepositPrice}}</font>元/间/晚</p>
<p>入住日期：<font>{{item.CheckInDate}}</font>/离店日期：<font>{{item.OutDate}}</font></p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>共计： <font>{{CtObj.HotelTotal}}</font>间、晚</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>酒店入住的方式：<font>{{CtObj.HotelCheckInType}}</font></p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>下订单后通知旅游者的方式：<font>{{CtObj.HotelNotice}}</font></p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>该酒店一经下订单不退、不改，如因客人原因退、改房，房费全损，由旅游者承担。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用共计：<font>{{CtObj.HotelTotalPrice}}</font>元</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">3.接送服务</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<template v-if="CtObj.ContractPickUpList && CtObj.ContractPickUpList.length>0" v-for="item in CtObj.ContractPickUpList">
<p>用车日期：<font>{{item.UseTime}}</font>&nbsp;乘客人数<font>{{item.UseNum}}</font></p>
<p>从<font>{{item.StartPlace}}</font>至<font>{{item.ArrivePlace}}</font>&nbsp;<font>{{item.UseBusType}}</font></p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用合计：<font>{{CtObj.PickUpTotalPrice}}</font>元</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">4.代办签证</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<template v-if="CtObj.ContractVisaList && CtObj.ContractVisaList.length>0" v-for="item in CtObj.ContractVisaList">
<p><font>{{item.Country}}</font>国家的个人签证&nbsp;&nbsp;&nbsp;希望停留时间<font>{{item.StopTime}}</font></p>
<p>代办签证费用：<font>{{item.VisaPrice}}</font>元/人&nbsp;&nbsp;&nbsp;交付保证金：<font>{{item.DepositPrice}}</font>元/人</p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>合计金额：<font>{{CtObj.VisaTotalPrice}}</font>元</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">5.服务组合（ 机票与酒店）</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<template v-if="CtObj.ContractTicketAndHotel && CtObj.ContractTicketAndHotel.ContractTickets && CtObj.ContractTicketAndHotel.ContractTickets.length>0" v-for="item in CtObj.ContractTicketAndHotel.ContractTickets">
<p>a. 机票预订：</p>
<p><font>{{item.TicketTime}}</font>&nbsp;&nbsp;<font>{{item.StartPlace}}</font>&nbsp;/&nbsp;<font>{{item.ArrivePlace}}</font>&nbsp;&nbsp;航班号<font>{{item.FlightNum}}</font></p>
<p>舱位<font>{{item.TicketSpace}}</font></p>
<p>机票金额<font>{{item.TicketPrice}}</font>元/张</p>
<p>机场建设费<font>{{item.AirportPirce}}</font>元/张</p>
</template>
<template v-if="CtObj.ContractTicketAndHotel && CtObj.ContractTicketAndHotel.ContractHotels && CtObj.ContractTicketAndHotel.ContractHotels.length>0" v-for="item in CtObj.ContractTicketAndHotel.ContractHotels">
<p>b. 酒店预订：</p>
<p>酒店名称：<font>{{item.HotelName}}</font>（酒店）</p>
<p>房型：标准间<font>{{item.DoubleRoom}}</font>/单人间<font>{{item.SingleRoom}}</font>/三人间<font>{{item.ThirdRoom}}</font></p>
<p>入住日期：<font>{{item.CheckInDate}}</font>/离店日期：<font>{{item.OutDate}}</font></p>
<p>费用：成人费用：<font>{{item.AdultPrice}}</font>元/人&nbsp;儿童费用：<font>{{item.ChildrenPrice}}</font>元/人（不占床位、不加床位）</p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用合计：<font>{{CtObj.TicketAndHotelTotalPrice}}</font>元</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">6.其他单项服务事宜</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知自身身体适宜此次旅行。烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因耽误病情，一切后果均由客人自行承担。旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行社不再进行赔偿。签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承诺告知了全体委托人及其直系亲属并得到他们的同意。如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用合计：<font>{{CtObj.OtherConventionPrice}}</font>元</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>三、费用计算：</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>旅游者委托旅行社提供上述 1
<template v-if="CtObj.ContractTicketList&&CtObj.ContractTicketList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
2
<template v-if="CtObj.ContractHotelList&&CtObj.ContractHotelList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
3
<template v-if="CtObj.ContractPickUpList&&CtObj.ContractPickUpList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
4
<template v-if="CtObj.ContractVisaList&&CtObj.ContractVisaList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
5
<template v-if="CtObj.ContractTicketAndHotel && (CtObj.ContractTicketAndHotel.ContractHotels ||CtObj.ContractTicketAndHotel.ContractTickets)">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
6 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />等共计
等共计<span>&nbsp;<font>{{getTotalNum(getCount())}}</font></span>&nbsp;项服务。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用总额（小写）人民币<span>{{CtObj.C_TotalPrice}}</span>元&nbsp;&nbsp;（大写）人民币<span> <font>{{number_chinese(CtObj.C_TotalPrice)}}</font> </span></p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
四、旅游者、旅行社双方确认：
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>1、旅游者知悉且同意本合同《相关告知及提示》和《预定项目及要求》内容。并确认预定信息无误。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>2、旅行社接受旅游者预定事项。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>3、由于无法与旅游者进行书面往来确认事项，旅游者同意采用电话或短信方式进行确认。</p>
</el-col>
</el-row>
</li>
</ul>
<!-- <table class="ZTable">
<tbody>
<tr>
<td width="70%">
<p>1.机票预订 </p>
<template v-if="CtObj.ContractTicketList && CtObj.ContractTicketList.length>0" v-for="item in CtObj.ContractTicketList">
<p><font>{{item.TicketTime}}</font>&nbsp;&nbsp;<font>{{item.StartPlace}}</font>&nbsp;/&nbsp;<font>{{item.ArrivePlace}}</font>&nbsp;&nbsp;航班号<font>{{item.FlightNum}}</font></p>
<p><font>{{getDate(item.TicketTime)}}</font>&nbsp;&nbsp;<font>{{item.StartPlace}}</font>&nbsp;/&nbsp;<font>{{item.ArrivePlace}}</font>&nbsp;&nbsp;航班号<font>{{item.FlightNum}}</font></p>
<p>机票金额<font>{{item.TicketPrice}}</font>元/张</p>
<p>机场建设费<font>{{item.AirportPirce}}</font>元/张</p>
<p>定金<font>{{item.DepositPrice}}</font>元/张</p>
......@@ -591,45 +874,45 @@
</td>
</tr>
</tbody>
</table>
</table> -->
<br>
<p><b>三、费用计算：</b></p>
<p>旅游者委托旅行社提供上述 1
<template v-if="CtObj.ContractTicketList&&CtObj.ContractTicketList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
2
<template v-if="CtObj.ContractHotelList&&CtObj.ContractHotelList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
3
<template v-if="CtObj.ContractPickUpList&&CtObj.ContractPickUpList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
4
<template v-if="CtObj.ContractVisaList&&CtObj.ContractVisaList.length>0">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
5
<template v-if="CtObj.ContractTicketAndHotel && (CtObj.ContractTicketAndHotel.ContractHotels ||CtObj.ContractTicketAndHotel.ContractTickets)">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />
</template>
<template v-else>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAdVBMVEUAAAAAAACwsLDNzc3Q0ND///+5ubn///+5ubm8vLzz8/Pt7e3r6+vo6Ojv7+/6+vr4+PjS0tKbm5vk5OTf39/b29vCwsKJiYni4uLa2tqsrKx3d3e2trawsLCpqamkpKSSkpLExMSfn5+Li4uEhIR9fX0mJiaMZFtDAAAAB3RSTlMAEh3+/YUS7eKGqgAAAJ1JREFUGNNtzzcWwjAQRVHANkqjnJxt4v6XiMRBiILXza3+HP7UtQSXSNsl0YGhEru0SQigmiBJMJJghZSScisROWdRzoxKKWy0QuSUhfIxLizcjKNFKJ0fZtos/RGxPqOjXxFC4ClOCwjxEdaP983P8epZkWE3lrF1b6o0AwA4reG9h3AEnHvPUwjy5jb0qNQHnX9vcK3pDrljLV0vwMkLmE4T88cAAAAASUVORK5CYII=" style="margin-bottom: -4px;width:3rem;" />
</template>
6 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;" />等共计
6 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg==" style="margin-bottom: -4px;width:3rem;" />等共计
等共计<span>&nbsp;<font>{{getTotalNum(getCount())}}</font></span>&nbsp;项服务。</p>
<p>费用总额（小写）人民币<span>{{CtObj.C_TotalPrice}}</span>元&nbsp;&nbsp;（大写）人民币<span> <font>{{number_chinese(CtObj.C_TotalPrice)}}</font> </span></p>
<br>
......@@ -640,32 +923,111 @@
</div>
<!-- 签字盖章 -->
<div v-show="ActiveTab==4" class="item_content">
<div class="ShopDiv" style="line-height:4rem;">
<p style="position:relative;">甲方签字（盖章）：
<font>{{CtObj.Tourists_Name}}</font>
<img style="width:120px;position:absolute;top:0" :src="CtObj.Tourists_Sign" alt="">
</p>
<p>甲方代表：<font>{{CtObj.Tourists_Name}}</font></p>
<p>身份证号码：<font>{{CtObj.Tourists_IDNum}}</font></p>
<p>联系电话：<font>{{CtObj.Tourists_Tel}}</font></p>
<p>传真：<font>{{CtObj.Tourists_Fax}}</font></p>
<p>电子邮箱：<font>{{CtObj.Tourists_Email}}</font></p>
<p>住所：<font>{{CtObj.Tourists_Addres}}</font></p>
<p>签约日期：<font>{{CtObj.CreateTimeStr}}</font></p>
<p>签约地点：<font>{{CtObj.TravelAgency_SignAddress}}</font></p>
<p style="position:relative;">乙方签字（盖章）：
<font>{{CtObj.TravelAgency_Name}}</font>
<img src="../assets/img/dzht/zhang.png" alt="" style="width:120px;heigth:120px;position:absolute;top:0;" />
</p>
<p>经办人：<font>{{CtObj.TravelAgency_DealMan}}</font></p>
<p>身份证号码：<font>{{CtObj.TravelAgency_IDNum}}</font></p>
<p>联系电话：<font>{{CtObj.TravelAgency_Tel}}</font></p>
<p>传真：<font>{{CtObj.TravelAgency_Fa}}</font></p>
<p>电子邮箱：<font>{{CtObj.TravelAgency_Email}}</font></p>
<p>签约日期：<font>{{CtObj.CreateTimeStr}}</font></p>
<p>
<span style="display:inline-block;vertical-align:top;">营业地点：</span><font style="width:68%">{{CtObj.TravelAgency_Address}}</font></p>
</div>
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">甲方签字（盖章）：</el-col>
<el-col :span="12" style="position:relative;">
<img style="width:120px;position:absolute;right:0;" :src="CtObj.Tourists_Sign" alt="">
{{CtObj.Tourists_Name}}
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">甲方代表：</el-col>
<el-col :span="12">{{CtObj.Tourists_Name}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">身份证号码：</el-col>
<el-col :span="12">{{CtObj.Tourists_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">联系电话：</el-col>
<el-col :span="12">{{CtObj.Tourists_Tel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">传真：</el-col>
<el-col :span="12">{{CtObj.Tourists_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电子邮箱：</el-col>
<el-col :span="12">{{CtObj.Tourists_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">住所：</el-col>
<el-col :span="12">{{CtObj.Tourists_Addres}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">签约日期：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">签约地点：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_SignAddress}}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li >
<el-row>
<el-col :span="12">乙方签字（盖章）：</el-col>
<el-col :span="12" style="position:relative;">
{{CtObj.TravelAgency_Name}}
<img class="signImg" style="position:absolute;right:0;" src="../assets/img/dzht/zhang.png" alt=""/>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">经办人：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_DealMan}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">身份证号码：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">传真：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电子邮箱：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">签约日期：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">营业地点：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Address}}</el-col>
</el-row>
</li>
</ul>
</div>
<!-- 文明旅游公约 -->
<div v-show="ActiveTab==8" class="item_content" style="text-align:center;line-height:2">
......@@ -1096,10 +1458,7 @@
<el-col :span="12">{{CtObj.C_ComplaintPostNum}}</el-col>
</el-row>
</li>
</ul>
</div>
<!-- 游客名单 -->
<div v-show="ActiveTab==4" class="item_content">
......@@ -1108,7 +1467,7 @@
<el-row>
<el-col :span="12">
<el-col :span="8" style="text-align:right">姓名：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestName}})</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestName}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="8" style="text-align:right">性别：</el-col>
......@@ -1172,10 +1531,10 @@
<el-col :span="12">{{CtObj.Tourists_Name}}</el-col>
</el-row>
</li>
<li>
<li style="position:relative;">
<el-row>
<el-col :span="12">旅行社：（盖章）</el-col>
<el-col :span="12"><img style="width:120px;" src="../assets/img/dzht/zhang.png" alt="" /></el-col>
<el-col :span="12"><img style="width:120px;position:absolute;right:0;" src="../assets/img/dzht/zhang.png" alt="" /></el-col>
</el-row>
</li>
<li>
......@@ -1194,58 +1553,97 @@
</div>
<!-- 自愿购物活动补充协议 -->
<div v-show="ActiveTab==6" class="item_content">
<table v-if="CtObj.ContractShopList&&CtObj.ContractShopList.length>0" class="content_table ClientTravelTable" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<th>序号</th>
<th>具体<br/>时间</th>
<th>地点</th>
<th>购物场所名称</th>
<th>主要商品信息</th>
<th>最长停留时间（分钟）</th>
<th>其他<br/>说明</th>
<th>旅游者签名同意</th>
</tr>
<tr v-for="(item,index) in CtObj.ContractShopList" :key="index+100">
<td>{{index+1}}</td>
<td>
{{item.ShopTime}}
</td>
<td>{{item.ShopAddress}}</td>
<td>{{item.ShopName}}</td>
<td>{{item.ShopGoodName}}</td>
<td>{{item.StopTime}}</td>
<td>{{item.OtherInstruction}}</td>
<td>{{item.TouristsSignAgree}}</td>
</tr>
</table>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractShopList" :key="index">
<el-row>
<el-col :span="10">
<el-col :span="12" style="text-align:right">序号：</el-col>
<el-col :span="12" style="text-align:left">{{index+1}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">具体时间：</el-col>
<el-col :span="8" style="text-align:left">{{item.ShopTime}}</el-col>
</el-col>
</el-row>
<el-row style="padding:6px 0">
<el-col :span="10">
<el-col :span="12" style="text-align:right">地点：</el-col>
<el-col :span="12" style="text-align:left">{{item.ShopAddress}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">购物场所名称：</el-col>
<el-col :span="8" style="text-align:left">{{item.ShopName}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-col :span="12" style="text-align:right">主要商品信息：</el-col>
<el-col :span="12" style="text-align:left">{{item.ShopGoodName}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">最长停留时间（分钟）：</el-col>
<el-col :span="8" style="text-align:left">{{item.StopTime}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-col :span="12" style="text-align:right">其他说明：</el-col>
<el-col :span="12" style="text-align:left">{{item.OtherInstruction}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">旅游者签名同意：</el-col>
<el-col :span="8" style="text-align:left">{{item.TouristsSignAgree}}</el-col>
</el-col>
</el-row>
</li>
</ul>
</div>
<!-- 自愿参加另行付费旅游项目补充协议 -->
<div v-show="ActiveTab==7" class="item_content">
<table v-if="CtObj.ContractSelfFeeList&&CtObj.ContractSelfFeeList.length>0" class="content_table ClientTravelTable" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<th>序号</th>
<th>具体<br/>时间</th>
<th>地点</th>
<th>项目名称和内容</th>
<th>费用（元）</th>
<th>项目时长（分钟）</th>
<th>其他<br/>说明</th>
<th>旅游者签名同意</th>
</tr>
<tr v-for="(item,index) in CtObj.ContractSelfFeeList" :key="index+500">
<td>{{index+1}}</td>
<td>{{item.SelfFeeTime}}</td>
<td>{{item.SelfFeeAddress}}</td>
<td>{{item.SelfFeeName}}</td>
<td>{{item.SelfFeePrice}}</td>
<td>{{item.StopTime}}</td>
<td>{{item.OtherInstruction}}</td>
<td>{{item.TouristsSignAgree}}</td>
</tr>
</table>
<div style="font-size:1.5rem;">
旅行社经办人签名：<font >{{CtObj.Tourists_Name}}</font>
</div>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractSelfFeeList" :key="index">
<el-row>
<el-col :span="10">
<el-col :span="12" style="text-align:right">序号：</el-col>
<el-col :span="12" style="text-align:left">{{index+1}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">具体时间：</el-col>
<el-col :span="8" style="text-align:left">{{item.SelfFeeTime}}</el-col>
</el-col>
</el-row>
<el-row style="padding:6px 0">
<el-col :span="10">
<el-col :span="12" style="text-align:right">地点：</el-col>
<el-col :span="12" style="text-align:left">{{item.SelfFeeAddress}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">项目名称和内容：</el-col>
<el-col :span="8" style="text-align:left">{{item.SelfFeeName}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-col :span="12" style="text-align:right">费用（元）：</el-col>
<el-col :span="12" style="text-align:left">{{item.SelfFeePrice}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">项目时长（分钟）：</el-col>
<el-col :span="8" style="text-align:left">{{item.StopTime}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-col :span="12" style="text-align:right">其他说明：</el-col>
<el-col :span="12" style="text-align:left">{{item.OtherInstruction}}</el-col>
</el-col>
<el-col :span="14">
<el-col :span="16" style="text-align:right">旅游者签名同意：</el-col>
<el-col :span="8" style="text-align:left">{{item.TouristsSignAgree}}</el-col>
</el-col>
</el-row>
</li>
</ul>
</div>
<!-- 文明旅游公约 -->
<div v-show="ActiveTab==8" class="item_content" style="text-align:center;line-height:2">
......@@ -1493,82 +1891,230 @@
</div>
<!--签字盖章-->
<div v-show="ActiveTab==4" class="item_content">
<div class="ShopDiv" style="line-height:4rem;">
<p style="position:relative;">甲方签字（盖章）：
<font>{{CtObj.Tourists_Name}}</font>
<img style="width:120px;position:absolute;top:0" :src="CtObj.Tourists_Sign" alt="">
</p>
<p>甲方代表：<font>{{CtObj.Tourists_Name}}</font></p>
<p>身份证号码：<font>{{CtObj.Tourists_IDNum}}</font></p>
<p>联系电话：<font>{{CtObj.Tourists_Tel}}</font></p>
<p>传真：<font>{{CtObj.Tourists_Fax}}</font></p>
<p>电子邮箱：<font>{{CtObj.Tourists_Email}}</font></p>
<p>住所：<font>{{CtObj.Tourists_Addres}}</font></p>
<p>签约日期：<font>{{CtObj.CreateTimeStr}}</font></p>
<p>签约地点：<font>{{CtObj.TravelAgency_SignAddress}}</font></p>
<p style="position:relative;">乙方签字（盖章）：
<font>{{CtObj.TravelAgency_Name}}</font>
<img src="../assets/img/dzht/zhang.png" alt="" style="width:120px;heigth:120px;position:absolute;top:0;" />
</p>
<p>经办人：<font>{{CtObj.TravelAgency_DealMan}}</font></p>
<p>身份证号码：<font>{{CtObj.TravelAgency_IDNum}}</font></p>
<p>联系电话：<font>{{CtObj.TravelAgency_Tel}}</font></p>
<p>传真：<font>{{CtObj.TravelAgency_Fa}}</font></p>
<p>电子邮箱：<font>{{CtObj.TravelAgency_Email}}</font></p>
<p>签约日期：<font>{{CtObj.CreateTimeStr}}</font></p>
<p>
<span style="display:inline-block;vertical-align:top;">营业地点：</span><font style="width:68%">{{CtObj.TravelAgency_Address}}</font></p>
</div>
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">甲方签字（盖章）：</el-col>
<el-col :span="12" style="position:relative;">
<img style="width:120px;position:absolute;right:0;" :src="CtObj.Tourists_Sign" alt="">
{{CtObj.Tourists_Name}}
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">甲方代表：</el-col>
<el-col :span="12">{{CtObj.Tourists_Name}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">身份证号码：</el-col>
<el-col :span="12">{{CtObj.Tourists_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">联系电话：</el-col>
<el-col :span="12">{{CtObj.Tourists_Tel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">传真：</el-col>
<el-col :span="12">{{CtObj.Tourists_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电子邮箱：</el-col>
<el-col :span="12">{{CtObj.Tourists_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">住所：</el-col>
<el-col :span="12">{{CtObj.Tourists_Addres}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">签约日期：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">签约地点：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_SignAddress}}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li >
<el-row>
<el-col :span="12">乙方签字（盖章）：</el-col>
<el-col :span="12" style="position:relative;">
{{CtObj.TravelAgency_Name}}
<img class="signImg" style="position:absolute;right:0;" src="../assets/img/dzht/zhang.png" alt=""/>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">经办人：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_DealMan}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">身份证号码：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">传真：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电子邮箱：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">签约日期：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">营业地点：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Address}}</el-col>
</el-row>
</li>
</ul>
</div>
<!--游客名单-->
<div v-show="ActiveTab==5" class="item_content">
<h3 style="font-size:2rem;margin:1rem;">游客名单</h3>
<div class="ShopDiv" v-for="(item,index) in CtObj.ContractGuestList">
<p>序号：<font>{{index+1}}</font></p>
<p>姓名：<font>{{item.CGuestName}}</font></p>
<p>性别：<font>{{item.CGuestSex}}</font></p>
<p>证件类型：<font>{{item.CGuestCertificateType}}</font></p>
<p>证件号码：<font>{{item.CGuestCertificateNum}}</font></p>
<p>联系方式：<font>{{item.CGuestTel}}</font></p>
<p>身体状况：<font>{{item.CGuestHealth}}</font></p>
</div>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
<el-row>
<el-col :span="12">
<el-col :span="8" style="text-align:right">姓名：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestName}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="8" style="text-align:right">性别：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestSex}}</el-col>
</el-col>
</el-row>
<el-row style="padding:6px 0">
<el-col :span="12">
<el-col :span="8" style="text-align:right">证件类型：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestCertificateType}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="8" style="text-align:right">证件号码：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestCertificateNum}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="8" style="text-align:right">联系方式：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestTel}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="8" style="text-align:right">身体状况：</el-col>
<el-col :span="16" style="text-align:left">{{item.CGuestHealth}}</el-col>
</el-col>
</el-row>
</li>
</ul>
</div>
<!-- 团队行程 -->
<div v-show="ActiveTab==6" class="item_content">
<h3 style="font-size:2.2rem;margin:1rem;">团队行程</h3>
<div style="line-height:4rem;">
<p>
团号：<font>{{CtObj.C_TCNUM}}</font>
</p>
<p>
出团日期：<font>{{getDate(CtObj.C_StartDate)}}</font>
</p>
<p>
返回日期：<font>{{getDate(CtObj.C_EndDate)}}</font>
</p>
<p>
线路名称：<font>{{CtObj.C_ProductName}}</font>
</p>
</div>
<ul class="guestUl">
<li>
<el-row>
<el-col :span="12">
<el-col :span="8" style="text-align:right">团号：</el-col>
<el-col :span="16" style="text-align:left">{{CtObj.C_TCNUM}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="8" style="text-align:right">出团日期：</el-col>
<el-col :span="16" style="text-align:left">{{getDate(CtObj.C_StartDate)}}</el-col>
</el-col>
</el-row>
<el-row style="padding:6px 0">
<el-col :span="12">
<el-col :span="8" style="text-align:right">返回日期：</el-col>
<el-col :span="16" style="text-align:left">{{getDate(CtObj.C_EndDate)}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="8" style="text-align:right">线路名称：</el-col>
<el-col :span="16" style="text-align:left">{{CtObj.C_ProductName}}</el-col>
</el-col>
</el-row>
</li>
</ul>
<div class="userDiv">
<p v-html="CtObj.ContractTripList[0].TravelContent"></p>
<p v-html="CtObj.ContractTripList[0].TravelContent"></p>
</div>
</div>
<!-- 自愿购物活动补充协议 -->
<div v-show="ActiveTab==7" class="item_content">
<div class="ShopDiv" v-for="(item,index) in CtObj.ContractShopList">
<p>序号：<font>{{index+1}}</font></p>
<p>具体时间：<font>{{item.ShopTime}}</font></p>
<p>地点：<font>{{item.ShopAddress}}</font></p>
<p>购物场所名称：<font>{{item.ShopName}}</font></p>
<p>主要商品信息：<font>{{item.ShopGoodName}}</font></p>
<p>最长停留时间（分钟）：<font>{{item.StopTime}}</font></p>
<p>其他说明：<font>{{item.OtherInstruction}}</font></p>
<p>旅游者签名同意：<font>{{item.TouristsSignAgree}}</font></p>
</div>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractShopList" :key="index">
<el-row>
<el-col :span="12">
<el-col :span="12" style="text-align:right">序号：</el-col>
<el-col :span="12" style="text-align:left">{{index+1}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="16" style="text-align:right">具体时间：</el-col>
<el-col :span="8" style="text-align:left">{{item.ShopTime}}</el-col>
</el-col>
</el-row>
<el-row style="padding:6px 0">
<el-col :span="12">
<el-col :span="12" style="text-align:right">地点：</el-col>
<el-col :span="12" style="text-align:left">{{item.ShopAddress}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="16" style="text-align:right">购物场所名称：</el-col>
<el-col :span="8" style="text-align:left">{{item.ShopName}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="12" style="text-align:right">主要商品信息：</el-col>
<el-col :span="12" style="text-align:left">{{item.ShopGoodName}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="16" style="text-align:right">最长停留时间（分钟）：</el-col>
<el-col :span="8" style="text-align:left">{{item.StopTime}}</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="12" style="text-align:right">其他说明：</el-col>
<el-col :span="12" style="text-align:left">{{item.OtherInstruction}}</el-col>
</el-col>
<el-col :span="12">
<el-col :span="16" style="text-align:right">旅游者签名同意：</el-col>
<el-col :span="8" style="text-align:left">{{item.TouristsSignAgree}}</el-col>
</el-col>
</el-row>
</li>
</ul>
</div>
<!-- 文明旅游公约 -->
<div v-show="ActiveTab==8" class="item_content" style="text-align:center;line-height:2">
<div style="width:90%;margin:auto;text-align:left;">
......
src/components/administrative/ElectronicAudit.vue
View file @ 4e98e18d
......@@ -283,7 +283,7 @@
<td>{{ item.CreateTimeStr }}</td>
<td>
<el-tooltip class="item" effect="dark" content="审核通过" placement="top-start" v-if="item.Status==1">
<el-button type="info" icon="iconfont icon-shenpi" circle @click="SubmitContract(item,2)"></el-button>
<el-button type="primary" icon="iconfont icon-shenpi" circle @click="SubmitContract(item,2)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="驳回" placement="top-start" v-if="item.Status==1">
<el-button type="info" icon="iconfont icon-shenhebohui" circle @click="SubmitContract(item,3)">
......@@ -310,13 +310,13 @@
data() {
return {
msgOut: {
contractNum: '',
productName: '',
orderID: '',
tcid: '',
startDate: '',
returnDate: '',
auditContract: ''
ContractNum: '',
ProductName: '',
OrderID: '',
Tcid: '',
StartDate: '',
ReturnDate: '',
AuditContract: ''
},
dataListOut: [],
loadingOut: false,
......@@ -405,14 +405,25 @@
},
getListOutTract() {
this.loadingOut = true;
this.apiJavaPost("/api/contract/auditContract", this.msgOut, res => {
//travelcontract_post_GetContractPageListService
this.apipost("travelcontract_post_GetContractPageListService",this.msgOut,res => {
this.loadingOut = false;
console.log(res,'ressss');
if (res.data.resultCode === 1) {
this.dataListOut = res.data.data;
this.dataListOut = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
}, null);
});
// this.apiJavaPost("/api/contract/auditContract", this.msgOut, res => {
// this.loadingOut = false;
// if (res.data.resultCode === 1) {
// this.dataListOut = res.data.data;
// } else {
// this.Error(res.data.message);
// }
// }, null);
},
//审核通过或者驳回
AuditElec(item, type) {
......
src/components/index.vue
View file @ 4e98e18d
......@@ -186,6 +186,12 @@
常用付款对象
<i class="iconfont icon-right1"></i>
</el-dropdown-item>
<el-dropdown-item class="clearfix _dropdown_other" @click.native="goUrlContract()">
<i class="iconfont icon-hetong" style="color:#f39c12"></i>
合同管理
<i class="iconfont icon-right1"></i>
</el-dropdown-item>
<!-- <el-dropdown-item class="clearfix _dropdown_other" @click.native="settingSys">
<i class="iconfont icon-menu-shezhi1" style="color:#2c3e50"></i>
设置
......@@ -3537,6 +3543,11 @@ export default {
let eid=this.getLocalStorage().EmployeeId;
this.$router.push({ path: 'empBankAccount', query: { id: eid,type:10,blank:'y' } });
},
//跳转至合同管理
goUrlContract() {
this.$router.push({ path: 'ContractManage', query: {blank:'y' } });
},
//跳转至个人信息设置
goUrlPersonal(){
this.$router.push({ path: 'PersonalInfoSet', query:{} });
......
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