<style>
* {
margin: 0;
padding: 0;
}
.TCdiv_content {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.TCdiv_content {
width: 100%;
margin: 0 auto;
background-color: #fff;
height: 100%;
}
.TCdiv_content .contractLeft {
width: 150px;
display: block;
border: 0;
float: left;
position: fixed;
}
.TCdiv_content .contractRight {
width: 100%;
height: 100%;
display: block;
background-color: #fff;
z-index: 99;
}
.TCdiv_contenttable th {
padding: 8px 0;
}
.TCdiv_contenttable td {
padding: 8px 0;
}
.TCdiv_content h1,
.TCdiv_content h2,
.TCdiv_content p {
margin: 0 auto;
padding: 0 10px;
}
.TCdiv_content .decoration {
text-decoration: underline;
}
.TCdiv_content .leftP {
text-align: left;
display: inline-block;
}
.TCdiv_content .Contract_Depart {
margin: 30px 0;
}
.TCdiv_content .item_content {
width: 100%;
height: auto;
}
.TCdiv_content .item_content .title {
width: 100%;
text-align: center;
margin-top: 20px;
}
.TCdiv_content .item_content>label {
width: 100%;
text-align: left;
font-weight: bold;
background-color: #F2F2F2;
margin: 30px 0;
padding: 8px 0;
text-indent: 20px;
display: inline-block;
font-size: 16px;
}
.TCdiv_content .item_content>span {
font-size: 1.5rem;
line-height: 26px;
margin-left: 10px;
}
.TCdiv_content .item_content .content_table {
border: 1px solid #d1d1d1;
margin-top: 10px;
width: 100%;
text-align: center;
font-size: 1.8rem
}
.TCdiv_content .item_content .content_table th {
background-color: #F2F2F2;
}
.TCdiv_content .item_content .content_table th,
.TCdiv_content .item_content .content_table td {
border: 1px solid #808080;
text-align: center;
padding: 10px;
}
.TCdiv_content .item_content font {
color: blue;
display: inline-block;
padding: 0 10px;
font-size: 2.2rem
}
.TCdiv_content .content_table font {
min-width: 0;
}
.TCdiv_content .float_div {
position: fixed;
bottom: 0;
line-height: 50px;
background-color: #F2F2F2;
width: 1190px;
padding-left: 10px;
height: 50px;
display: block;
vertical-align: middle;
text-align: match-parent;
}
.TCdiv_content .leftSign {
float: left;
width: 50%;
margin: 70px 0;
height: auto;
line-height: 45px;
}
.TCdiv_content .rightSign {
float: right;
width: 49%;
height: auto;
margin: 70px 0;
line-height: 45px;
}
.TCdiv_content .leftSign span {
display: inline-block;
width: 170px;
text-align: right;
}
.TCdiv_content .rightSign span {
display: inline-block;
width: 170px;
text-align: right;
}
.TCdiv_content .addressCommon {
display: inline-block;
width: 300px;
display: inline-block;
vertical-align: top;
text-align: left;
}
.TCdiv_content .shouquanNum {
font-weight: bold;
}
.TCdiv_content .TC_ZhangTitle {
height: 90px;
font-size: 20rem;
font-weight: bold;
line-height: 90px !important;
}
.TCdiv_content .toTopDistance {
margin-top: 15px;
}
.TCdiv_content .travelDan td {
border: none !important;
text-align: left;
text-indent: 20px;
padding: 10px 0;
}
.TCdiv_content .travelDan {
padding: 50px 0;
}
.TCdiv_content .zhangOne {
position: absolute;
width: 200px;
top: -83px;
left: 160px;
}
.TCdiv_content .zhangTwo {
position: absolute;
width: 200px;
top: -60px;
left: 80px;
}
.TCdiv_content .comonTb td {
padding: 15px 0;
}
.TCdiv_content .remindInfo {
position: absolute;
top: 42%;
left: 35%;
font-size: 60px;
color: #FF7F7F;
letter-spacing: 20px;
}
.TCdiv_content .signName {
position: relative;
top: 10px;
width: 140px;
}
.TCdiv_content .LRTB td:nth-child(odd) {
text-align: right;
padding: 10px;
height: 50px;
border: 1px solid #d1d1d1;
}
.TCdiv_content .LRTB td:nth-child(even) {
text-align: left;
padding: 10px;
height: 50px;
border: 1px solid #d1d1d1;
}
.TCdiv_content .shouquanNum {
margin: 30px 0 !important;
font-weight: bold;
}
#canvas {
width: 100%;
height: 100%;
}
#canvas canvas {
display: block;
}
.CliSignDiv {
position: fixed;
border: 1px solid #d1d1d1;
width: 100%;
background-color: #fff;
z-index: 999;
margin: auto;
display: block;
z-index: -999;
}
.TopFixed {
z-index: 100;
}
.CV_Btn {
color: #fff;
padding: 10px 30px;
background: #E95252;
font-size: 30px;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px;
margin-left: 10px;
}
.TcConfirmMain .isShowSign {
z-index: 999 !important;
}
.CisHideen {
display: none;
overflow: hidden;
}
.CliConfirmBtn {
color: #fff;
height: 60px;
width: 150px;
font-size: 27px;
background: #E95252;
border: 1px solid #E95252;
border-radius: 15px;
}
.ClientTravelTable td {
border: 1px solid #d1d1d1;
}
.TCdiv_content .TipsDiv {
background: #fff;
width: 75%;
margin: 0 auto;
border-radius: 0.7rem;
padding: 2rem 0;
margin-top: 20rem;
}
.TCdiv_content .TipsDiv .readSpan {
display: inline-block;
background-color: #24ade5;
border-radius: 5px;
height: 3.4rem;
width: 18rem;
line-height: 3.4rem;
color: #fff;
font-size: 2rem;
margin-top: 1rem;
}
.TCdiv_content .TipsDiv li {
list-style: none;
}
.TCdiv_content .TipTc {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 1000;
}
.TCdiv_content .signSpan {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
background: #fff;
border-top: 1px solid #ccc;
z-index: 1000;
}
.TCdiv_content .signSpan .sign {
width: 75%;
margin: 0 auto;
padding: 1rem 0 0 0;
text-align: center;
cursor: pointer;
}
.TCdiv_content .signSpan .sign .sp1 {
display: inline-block;
width: 25px;
height: 25px;
background-image: url('../assets/img/dzht/bg1.png');
background-size: 132px;
background-position: 52px 29px;
}
.TCdiv_content li {
list-style: none;
}
.TCdiv_content .navHidden {
width: 100%;
overflow: hidden;
height: 5rem;
}
.TCdiv_content .navHidden .wrap {
width: 100%;
height: 6rem;
overflow-x: scroll;
overflow-y: hidden;
}
.TCdiv_content .navHidden .Navul {
width: 113rem;
padding: 0;
display: flex;
height: 5rem;
line-height: 5rem;
margin: 0;
border-bottom: 1px solid #ccc;
}
.TCdiv_content .navHidden .Navul li {
display: inline-block;
margin-left: 1rem;
box-sizing: border-box;
cursor: pointer;
font-size: 2rem;
cursor: pointer;
}
.TCdiv_content .SignbgDiv {
position: relative;
width: 100%;
padding-bottom: 10rem;
padding-top: 10rem;
}
.TCdiv_content .SignbgDiv .signContent {
overflow: hidden;
position: relative;
height: 100%;
}
.navHidden .ActiveLi {
border-bottom: 2px solid #24ade5;
}
.TCdiv_content .guestUl li {
padding: 10px 6px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
font-size: 1.8rem;
}
.TCdiv_content .guestUl li:nth-child(even) {
background: #f5f5f5;
}
.TCdiv_content .NavFixed {
position: fixed;
top: 0;
width: 100%;
z-index: 200;
background: #fff;
}
.TCdiv_content .gzqzUl li {
border-bottom: 1px solid #ddd;
padding: 14px;
position: relative;
box-sizing: border-box;
}
.TCdiv_content .gzqzUl li .signImg {
position: absolute;
left: 45%;
z-index: 200;
}
.TCdiv_content .gzqzUl li .el-col:nth-child(2) {
text-align: right;
}
.TCdiv_content .gzqzUl .bgli {
background: #eee;
width: 100%;
padding: 0 !important;
height: 20px;
}
.TCdiv_content .SignbgDiv p {
font-size: 2.2rem;
}
.TCdiv_content .gzqzUl li {
font-size: 2.2rem;
}
.TCdiv_content .TcTravel_Table {
width: 100%;
border: none;
border-collapse: collapse;
border-spacing: 0;
font-size: 1.8rem;
}
.TCdiv_content .TcTravel_Table td {
border: 1px solid rgb(0, 0, 0);
word-break: break-all;
padding: 5px;
line-height: 1.5;
}
.CanvasDiv {
width: 100%;
height: calc(100% - 8rem);
padding-top: 5%;
}
.CanvasDiv #canvas {
width: 100%;
height: 100%;
}
.dash {
padding: 10px;
box-sizing: border-box;
border: 1px dashed #ccc;
width: 95%;
height: 98%;
margin: 0 auto;
overflow: hidden;
}
.TCdiv_content .bg {
display: inline-block;
width: 25px;
height: 25px;
}
.TCdiv_content .bg1 {
background-image: url('../assets/img/dzht/bg1.png');
background-size: 132px;
background-position: -1px -2px;
}
.TCdiv_content .bg2 {
background-image: url('../assets/img/dzht/bg1.png');
background-size: 132px;
background-position: 28px -2px;
}
.TCdiv_content .bottom .el-col>div {
display: inline-flex;
align-items: center;
justify-content: center;
}
.TCdiv_content .signTc {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 200;
text-align: center;
}
.signTc .closeTc {
position: relative;
display: inline-block;
width: 60%;
height: 70px;
line-height: 70px;
color: #fff;
border: 1px solid #fff;
margin: 0 auto;
top: 50%;
font-size: 2rem;
}
.TouristTable td {
text-align: center;
}
.sianFont font {
font-size: 1.8rem !important;
}
.TCdiv_content h3 {
font-size: 2.2rem;
}
.TCdiv_content .ShopDiv {
margin-bottom: 1rem;
}
.Danxiang_Ul li {
font-size: 2.2rem !important;
}
.guestUl .el-row {
margin-bottom: 1rem;
}
.Travel_ConfirmQuan {
display: inline-block;
width: 2.5rem;
height: 2.5rem;
border: 1px solid #d1d1d1;
border-radius: 5px;
text-align: center;
line-height: 1.5rem;
}
.Travel_ConfirmQuan i {
font-size: 1rem;
color: gray;
}
</style>
<template>
<div class="TcConfirmMain">
<template v-if="CtObj.CType==1">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''">
<!-- 签字 -->
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem" v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">签字</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
</div>
<!-- 开始进入弹窗 -->
<div class=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2">
<h4 style="font-size: 2.5rem;color: #24ade5;">中国公民文明旅游公约</h4>
<ul style="font-size:2rem" class="conventionList">
<li>重安全，讲礼仪；</li>
<li>不喧哗，杜陋习；</li>
<li>守良俗，明事理；</li>
<li>爱环境，护古迹；</li>
<li>文明行，最得体。</li>
</ul>
<span @click="tcShow=false" class="readSpan">已阅知</span>
</div>
</div>
<!-- 头部境内旅游 -->
<div class="NavFixed">
<p style="background:#24ade5;text-align:center;color:#fff;padding:6px 0;font-size:3rem">合同详情</p>
<div class="navHidden">
<div class="wrap">
<ul class="Navul">
<li :class="ActiveTab==1?'ActiveLi':''" @click="ChangeTab(1)">使用说明</li>
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">相关告知及提示</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">单项委托/组合服务合同 预定项目及要求</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">签字盖章</li>
</ul>
</div>
</div>
</div>
<!-- 页面布局 -->
<div style="position: relative;background:#fff;">
<div class="SignbgDiv">
<div class="signContent" style="padding-top:10px;">
<!-- 使用说明 -->
<div style="line-height:1.8;padding:0 14px;box-sizing: border-box;" v-if="ActiveTab==1"
class="item_content">
<p>1.本合同属于旅游者与旅行社之间的委托合同。本合同用于旅游者委托旅行社代办预订或购买机票、火车票、酒店、办理签证、接送服务、导游服务等单项委托服务。</p>
<p>2.本合同委托人为旅游者，受托人为旅行社，旅行社在授权范围内为旅游者提供委托代理服务并收取代理费，旅行社为了旅游者的利益可以转委托给第三方。。</p>
<p>
3.本合同由《相关告知及提示》和《预订项目及要求》共同组成。《相关告知及提示》中明示旅游者：<b>因旅行社与航空公司、酒店、车公司等第三方供应商间的合作模式为预定集中采购，在获得优惠的同时附带一定的限制条件，故预定后的延退变更需根据供应商的限制条件承担相应的损失</b>。而《预定项目及要求》是旅游者和旅行社双方对委托项目内容、服务标准和要求，以及争议解决方式等做出的约定。
</p>
<p>4.旅游者在签订本合同前请仔细阅读本合同各项条款。</p>
<p>5.本合同法律适用：《合同法》第二十一章“委托合同”的规定。</p>
<p>6.本合同约定与法律相冲突的，以法律规定为准。</p>
<p>7.本合同自旅游者和旅行社双方签字盖章之日起生效。</p>
</div>
<!-- 相关告知及提示 -->
<div style="padding:0 14px;box-sizing: border-box;line-height:4.3rem;" v-if="ActiveTab==2"
class="item_content">
<p><b>● 机票预定</b></p>
<p>1、甲方应将委托预定内容书面形式告知乙方，乙方应按照甲方的要求订位。</p>
<p>2、甲方应提供预定机票所需材料，并保证所提供的材料真实准确，如因甲方提供的材料虚假等原因造成虚占座位、错误订位等情况由甲方自行承担全部责任。</p>
<p>
3、旅行社代旅游者预定机票，一经按照约定出票即完成合同代理义务。旅游者用身份证到航空公司指定地点取票，如发生退、改票等情况，旅行社不承担责任，但应协助旅游者与航空公司协商解决，由退、改签造成的损失由旅游者承担。
</p>
<p>4、机票的签、转、退等事宜须按照航空公司的规定办理。通过旅行社向航空公司申请的优惠机票通常附带严格的限制条件：</p>
<p> a．
折扣机票出票后不得退票、不改签。不可变更姓名、证件号码、日期和航班，一般在合同签订后<span>{{CtObj.C_TicketDayNum}}</span>日内出票。</p>
<p> b． 凡是需要交付定金的机票占位，即便没有出票，取消占位也会发生定金损失。</p>
<p>5、机票（或电子客票行程单）票面价有可能与票报价不等，旅游者应当与对航空公司的商业运作给予理解。旅游者可以索取与实际交费数额相等的正式发票。</p>
<p>6、国际机票的航空税不包含在机票报价中，航空公司通常以出票时的汇率为依据确定航空税金额。如因汇率变化，航空税实际价格高于预收价格，旅游者须补缴差额部分。</p>
<p><b>● 酒店预订</b></p>
<p>1、旅游者将预定内容书面形式告知旅行社，旅行社负责按照旅游者的要求订房。</p>
<p>2、凡因旅游者原因造成虚占房型、名字错误等，造成的损失由旅游者承担。</p>
<p>3、酒店入住、离店、因故提前退房、延住等事宜须按照相应酒店的规定办理。如提前入住或推迟离店，酒店可能酌情加收一定的费用（具体情况按照相关酒店规定）。</p>
<p>4、酒店通常规定12点以前办理退房手续，下午3点后办理入住手续，少数酒店或特殊假期例外。</p>
<p>5、如旅游者变更预定，须按酒店变更预定的相关规定办理。另有定金（或其他）约定的，则需承担定金损失或依约定办理。</p>
<p>
6、旅行社代旅游者预订酒店，一般合同签订后<span>1</span>日内旅行社将为旅游者下订单，并以短信的方式通知旅游者，酒店一经预定并由旅行社通知到旅游者即完成合同代理义务。因酒店服务质量、退改房等引起的纠纷旅行社不承担责任，但应协助旅游者与酒店协商解决。
</p>
<p>7、儿童费用：指凡与同行旅游者一同入住酒店的同一间客房，又不占用床位的十二岁以下的儿童可免收房费，但如占用一个床位或加床位，须按成人的价格支付费用。</p>
<p>8、如因旅游者人数或性别的原因而产生的单间住宿，其费用按整间房费收取。</p>
<p><b>● 代办签证</b></p>
<p>1、旅行社代办签证收取的费用中包含签证费和旅行社服务费。</p>
<p>2、旅行社根据使（领）馆的规定书面告知旅游者办理签证所须资料，如使（领）馆的要求发生变更，应及时书面通知旅游者。</p>
<p>3、旅游者应根据通知按期提交相关资料及履行相关手续，并确保各项资料的真实有效。使（领）馆可能会致电抽查或要求面谈。</p>
<p>4、旅行社按照使（领）馆的要求告知旅游者提供相应材料并代办签证，乙方只负责形式审验旅游者提供的资料是否齐全并递交签证国使（领）馆，但对材料的真实性无法核实，不承担责任。</p>
<p>
5、是否发放签证系有关相关机构之行政权或主权，非企业所能控制。如因旅游者提供的材料不真实、存在瑕疵或自身其它原因不能获取签证或由于签证国家当期的政策或其他原因造成拒签，旅行社不承担拒签责任。签证费为领事馆收取，不管是否签出签证该费用将无法退还，由于旅行社已为旅游者提供了代办服务，旅游者支付的旅行社服务费不退。
</p>
<p>6、境外国家持旅游签证入境时，需要向移民局官员出示酒店预订单、返程机票等，请旅游者出境时带好酒店预订单、往返机票。</p>
<p>
7、旅游者委托旅行社代办旅游签证的，旅行社需收取一定数额的出境押金用于旅游者违反旅游行程时间滞留境外或逾期回国时，旅游者应当向旅行社承担由此造成损失，包括旅行社信誉或被停签的损失，一旦发生滞留境外或逾期回国、不配合旅行社销签的，旅行社将该押金用于赔偿损失，不予退还。该押金应于旅行社交付旅游者签证前<span>1</span>日内全额交纳。如未按时交纳该押金，旅行社有权停止交付旅游者签证并办理注销，费用不退还；如旅游者按期回国并销签后凭记载有入境记录的护照和登机牌向旅行社领回该押金。如未收取押金旅游者发生滞留、晚归或不配合销签的，旅行社有权向旅游者追偿由此造成的损失。
</p>
<p>8、旅游者同意选择下列第<span>A</span>种方式交付办理签证的材料及领取签证。</p>
<p> A、旅游者亲自现场领取。</p>
<p> B、旅游者委托第三人现场领取，第三人应持旅游者本人签字的授权委托书原件。</p>
<p>
C、旅游者通过中国邮政EMS快递专递形式领取，费用由旅游者承担。如旅游者采取该方式领取的，旅行社将签证交付邮政部门即完成代理义务。因快递发生延误、丢失、毁损、灭失等风险，均由旅游者自行承担责任。
</p>
<p><b>● 接送服务</b></p>
<p>1、接送服务仅指提供机场至酒店（或约定地点）单程或往返的交通，不包含导游和讲解服务。</p>
<p>2、旅游者如有特殊要求的应书面告知旅行社，如车辆的型号、车况、数量等相关要求及用途，时间。</p>
<p>3、旅行社为旅游者代订接送服务，旅行社应为旅游者提供具有合法资质的车辆及驾驶员。</p>
<p>4、在接送服务过程中发生的纠纷，旅行社不承担责任，但应协助旅游者与责任方协商解决。</p>
<p>5、旅行社将已预订的接机公司的车辆及司机、联系方式告知旅游者即完成代理服务，如发生退、改费用不退还。</p>
<p><b>● 旅游意外保险</b></p>
<p>旅行社建议旅游者自愿购买相关旅行意外保险，旅行社可以代旅游者购买，费用由旅游者承担。旅游者应书面通知旅行社代买保险的险种及保额，保费由旅游者承担。</p>
<p><b>● 争议解决方法</b></p>
<p>本合同项下发生的争议，由双方协商解决，或向有管辖权的旅游质检所、消费者协会等有关部门投诉；协商、投诉解决不成的，向有管辖权的人民法院起诉。</p>
<p><b>● 旅游者、旅行社双方确认：</b></p>
<p>1、旅游者知悉且同意本合同《相关告知及提示》和《预定项目及要求》内容。并确认预定信息无误。</p>
<p>2、旅行社接受旅游者预定事项。</p>
<p>3、由于无法与旅游者进行书面往来确认事项，旅游者同意采用电话或手机短信方式进行确认。</p>
<br>
<div style="border:2px solid #000;padding:10px;">
<p class="text_center">
<b>《旅游出行安全告知书》</b>
</p>
<p><b>尊敬的嘉宾：</b>您好！在旅游活动开始前，请仔细阅读这份我们特别为您提供的《旅游出行安全告知书》。</p>
<p><b>一、 为了您的安康，请千万注意人身安全</b></p>
<p>请充分了解和斟酌自己的健康状况，确保自身身体条件能够适应和完成旅游活动。</p>
<p>
请严格遵守交通规则，横穿马路时请走人行横道和地下通道。行车途中不要在车内走动，老人和儿童要有成年人陪护，以免在紧急制动时发生危险。车辆在颠簸路段行驶过程中请不要喝水或吃东西（主要是坚果类），以免发生呛水或卡咽等危险情况。有晕车的旅游者，请提前服用有效的药物，在旅途中若是有不舒服的症状，请及时告诉导游或司机。
</p>
<p>自由活动时间，请在自己能够控制风险的范围内活动，切忌单独外出，注意人身安全。</p>
<p><b>二、 出行不可大意，请注意您的财物安全</b></p>
<p>
请妥善保管好自己的财物，贵重物品要随身携带或申请酒店的保险柜服务，不要将贵重物品放入交运的行李、住宿的房间里以及旅游巴士上。需要服用的药品请带足用量。随身携带的贵重财物请放好放稳，最好不要离开自己的视线。游览、拍照、散步、购物等时候，都要随时注意和检查，谨防被盗或遗忘丢失。
</p>
<p><b>三、 轻松健康旅行，卫生安全也十分重要</b></p>
<p>旅游中请注意卫生安全，传染病、流行病等时时刻刻注意防治。用餐前要洗洗手，不食用不卫生、不合格的食品和饮料。</p>
<p><b>四、 自选娱乐项目，请加强自我保护意识</b></p>
<p>
请注意选择自己能够控制风险的活动项目。特别是患有心脏病、高血压、恐高症等不宜参加剧烈或激烈活动的旅游者，请千万注意了解活动项目的具体情况，不要选择与自身身体情况不相适应的活动。涉水、登山、滑雪等活动请不要独自进行，以免发生不测。
</p>
<p><b>五、 特殊气候地理条件，防护措施非常必要</b></p>
<p>如果您的旅途涉及热带、高原、海滨、草原等特殊的气候、地理条件，请注意采取必要的防护措施，出行前充分了解目的地的详细情况，备好相应的服装鞋帽，做好防晒、防蚊虫、防高原反应等准备工作。</p>
<p><b>六、 参与高风险活动项目，应当另行购买保险</b></p>
<p>
潜水、浮潜、跳伞、攀岩、蹦极、探险、骑马、越野车、摩托车、摩托艇、漂流、游泳等属于高风险的活动项目，不含在个人旅游意外保险的范围内，需另行购买特定险种。参与这些活动请充分了解具体的活动常识，服从指导人员的指挥，务必根据自身的健康状况和适应能力选择参与活动项目，请永远记住“安全第一”。
</p>
</div>
</div>
<!-- 盖章签字 -->
<div v-if="ActiveTab==3" class="item_content" style="line-height:4.3rem;">
<p>委托方（旅游者）：<font>{{CtObj.Tourists_Name}}</font>
</p>
<p>受托方（旅行社）： <font>{{CtObj.TravelAgency_Name}}</font>
</p>
<p>根据《中华人民共和国合同法》等有关法律法规的规定，委托方（旅游者）与受托方（旅行社）双方在平等，自愿的基础上就有关委托代办事宜经协商达成协议如下：</p>
<br>
<p><b>一、旅游者信息</b>（如有12岁以下儿童或2岁以下婴儿需要标注）：</p>
<br>
<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>
<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> <font>{{item.StartPlace}}</font>
/ <font>{{item.ArrivePlace}}</font> 航班号<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> 乘客人数<font>{{item.UseNum}}</font>
</p>
<p>从<font>{{item.StartPlace}}</font>至<font>{{item.ArrivePlace}}</font> <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>国家的个人签证 希望停留时间<font>{{item.StopTime}}</font>
</p>
<p>代办签证费用：<font>{{item.VisaPrice}}</font>元/人 交付保证金：<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> <font>{{item.StartPlace}}</font> /
<font>{{item.ArrivePlace}}</font> 航班号<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>元/人 儿童费用：<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> <font>{{getTotalNum(getCount())}}</font></span> 项服务。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用总额（小写）人民币<span>{{CtObj.C_TotalPrice}}</span>元 （大写）人民币<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>{{getDate(item.TicketTime)}}</font> <font>{{item.StartPlace}}</font> / <font>{{item.ArrivePlace}}</font> 航班号<font>{{item.FlightNum}}</font></p>
<p>机票金额<font>{{item.TicketPrice}}</font>元/张</p>
<p>机场建设费<font>{{item.AirportPirce}}</font>元/张</p>
<p>定金<font>{{item.DepositPrice}}</font>元/张</p>
</template>
</td>
<td><p>共计：<font>{{CtObj.TicketTotalNum}}</font>张机票</p>
<p>合同签订后 <font>{{CtObj.TicketOutDayNum}}</font>日内出票，本机票出票后不得退票、改签。由于旅游者原因退、改签机票款全部损失，由旅游者自行承担。</p>
<p>机票预定费用总额： <font>{{CtObj.TicketTotalDepositPrice}}</font>元</p>
</td>
</tr>
<tr>
<td>
<p>2.酒店预订</p>
<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>
</td>
<td>
<p>共计： <font>{{CtObj.HotelTotal}}</font>间、晚</p>
<p>酒店入住的方式：<font>{{CtObj.HotelCheckInType}}</font></p>
<p>下订单后通知旅游者的方式：<font>{{CtObj.HotelNotice}}</font></p>
<p>该酒店一经下订单不退、不改，如因客人原因退、改房，房费全损，由旅游者承担。</p>
<p>费用共计：<font>{{CtObj.HotelTotalPrice}}</font>元</p>
</td>
</tr>
<tr>
<td><p>3.接送服务 </p>
<template v-if="CtObj.ContractPickUpList && CtObj.ContractPickUpList.length>0" v-for="item in CtObj.ContractPickUpList">
<p>用车日期：<font>{{item.UseTime}}</font> 乘客人数<font>{{item.UseNum}}</font></p>
<p>从<font>{{item.StartPlace}}</font>至<font>{{item.ArrivePlace}}</font> <font>{{item.UseBusType}}</font></p>
</template>
</td>
<td>
<p>费用合计：<font>{{CtObj.PickUpTotalPrice}}</font>元</p>
</td>
</tr>
<tr>
<td><p>4.代办签证</p>
<template v-if="CtObj.ContractVisaList && CtObj.ContractVisaList.length>0" v-for="item in CtObj.ContractVisaList">
<p><font>{{item.Country}}</font>国家的个人签证 希望停留时间<font>{{item.StopTime}}</font></p>
<p>代办签证费用：<font>{{item.VisaPrice}}</font>元/人 交付保证金：<font>{{item.DepositPrice}}</font>元/人</p>
</template>
</td>
<td>
<p>合计金额：<font>{{CtObj.VisaTotalPrice}}</font>元</p>
</td>
</tr>
<tr>
<td><p>5.服务组合（ 机票与酒店）</p>
<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> <font>{{item.StartPlace}}</font> / <font>{{item.ArrivePlace}}</font> 航班号<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>元/人 儿童费用：<font>{{item.ChildrenPrice}}</font>元/人（不占床位、不加床位）</p>
</template>
</td>
<td>
<p>费用合计：<font>{{CtObj.TicketAndHotelTotalPrice}}</font>元</p>
</td>
</tr>
<tr>
<td><p>6.其他单项服务事宜</p>
<div class="userDiv"><p>本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知自身身体适宜此次旅行。</p><p>烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因耽误病情，一切后果均由客人自行承担。</p><p>旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行社不再进行赔偿。</p><p>签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。</p><p>健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承诺告知了全体委托人及其直系亲属并得到他们的同意。</p><p>如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。</p></div>
</td>
<td>
<p>费用合计：<font>{{CtObj.OtherConventionPrice}}</font>元</p>
</td>
</tr>
</tbody>
</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;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> <font>{{getTotalNum(getCount())}}</font></span> 项服务。</p>
<p>费用总额（小写）人民币<span>{{CtObj.C_TotalPrice}}</span>元 （大写）人民币<span>
<font>{{number_chinese(CtObj.C_TotalPrice)}}</font>
</span></p>
<br>
<p><b>四、旅游者、旅行社双方确认：</b></p>
<p>1、旅游者知悉且同意本合同《相关告知及提示》和《预定项目及要求》内容。并确认预定信息无误。</p>
<p>2、旅行社接受旅游者预定事项。</p>
<p>3、由于无法与旅游者进行书面往来确认事项，旅游者同意采用电话或短信方式进行确认。</p>
</div>
<!-- 签字盖章 -->
<div v-if="ActiveTab==4" class="item_content">
<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" v-if="CtObj.IsTravelAgencySignature==1" style="position:absolute;right:0;"
:src="CtObj.ZhangImg" 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-if="ActiveTab==8" class="item_content" style="text-align:center;line-height:2">
<div style="width:90%;margin:auto;text-align:left;">
<p style="font-family:'PingFangR';text-align:center;">中国公民国内旅游文明行为公约</p>
<p>营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，请遵守以下公约：</p>
<p>1、维护环境卫生。不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
<p>2、遵守公共秩序。不喧哗吵闹，排队遵守秩序，不并行挡道，不在公众场所高声交谈。</p>
<p>4、保护文物古迹。不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。</p>
<p>5、爱惜公共设施。不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
<p>6、尊重别人权利。不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族 宗教习俗。</p>
<p>7、讲究以礼待人。衣着整洁得体，不在公共场所袒胸赤膊；礼让老幼病残，礼让女士；不讲粗话。</p>
<p>8、提倡健康娱乐。抵制封建迷信活动，拒绝黄、赌、毒。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<template v-if="CtObj.CType==2">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''">
<!-- 签字 -->
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<!-- <span><span class="sp1"></span></p> -->
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem" v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">签字</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
</div>
<!-- 开始进入弹窗 -->
<div class=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2">
<h4 style="font-size: 2.5rem;color: #24ade5;">中国公民文明旅游公约</h4>
<ul style="font-size:2rem" class="conventionList">
<li>重安全，讲礼仪；</li>
<li>不喧哗，杜陋习；</li>
<li>守良俗，明事理；</li>
<li>爱环境，护古迹；</li>
<li>文明行，最得体。</li>
</ul>
<span @click="tcShow=false" class="readSpan">已阅知</span>
</div>
</div>
<!-- 头部境内旅游 -->
<div class="NavFixed">
<p style="background:#24ade5;text-align:center;color:#fff;padding:6px 0;font-size:3rem">合同详情</p>
<div class="navHidden">
<div class="wrap">
<ul class="Navul">
<li :class="ActiveTab==1?'ActiveLi':''" @click="ChangeTab(1)">使用说明</li>
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">合同信息</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">盖章签字</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">游客名单</li>
<li :class="ActiveTab==5?'ActiveLi':''" @click="ChangeTab(5)">团队行程</li>
<li :class="ActiveTab==6?'ActiveLi':''" @click="ChangeTab(6)">自愿购物活动补充协议</li>
<li :class="ActiveTab==7?'ActiveLi':''" @click="ChangeTab(7)">自愿参加另行付费旅游项目补充协议</li>
<li :class="ActiveTab==8?'ActiveLi':''" @click="ChangeTab(8)">文明旅游公约</li>
</ul>
</div>
</div>
</div>
<!-- 页面布局 -->
<div style="position: relative;background:#fff;">
<div class="SignbgDiv">
<div class="signContent" style="padding-top:10px;">
<!-- 使用说明 -->
<div style="line-height:1.8;padding:0 14px;box-sizing: border-box;" v-if="ActiveTab==1"
class="item_content">
<p>1、本合同为示范文本，供中华人民共和国境内（不含港、澳、台地区）旅行社与旅游者之间签订团队境内包价旅游合 同时使用（不含赴港、澳、台地区旅游及边境游）。</p>
<p>2、双方当事人应当结合具体情况选择本合同协议条款中所提供的选择项，空格处应当以文字形式填写完整。</p>
<p>3、双方当事人可以书面形式对本示范文本内容予以变更或者补充，但变更或者补充的内容，不得减轻或者免除应当由 旅行社承担的责任。</p>
<p>4、本示范文本由国家旅游局和国家工商行政管理总局共同制定、解释，在全国范围内推行使用。</p>
</div>
<!-- 合同信息 -->
<div style="padding:0 14px;box-sizing: border-box;line-height:4rem;" v-if="ActiveTab==2"
class="item_content">
<p>
旅游者：<font>{{CtObj.Tourists_Name}}</font> 等<font v-if="CtObj.ContractGuestList">
{{CtObj.ContractGuestList.length}}</font>
人（名单可附页，需出境社和旅游者代表签字盖章确认）；
</p>
<p>旅行社：<font>{{dataList.company}}</font>
</p>
<p>旅行社业务经营许可证编号：<font>{{dataList.businessCertificate}}</font>
</p>
<h3>
<p class="TC_ZhangTitle">第一章 术语和定义</p>
</h3>
<h3>
<p>第一条 本合同术语和定义</p>
</h3>
<p>1、团队境内旅游服务，指旅行社依据《中华人民共和国旅游法》、《旅行社条例》等法律、法规，组织旅游者在中华
人民共和国境内（不含香港、澳门、台湾地区）旅游，代订公共交通客票，提供餐饮、住宿、游览等两项以上服务活动。</p>
<p>2、旅游费用，指旅游者支付给旅行社，用于购买本合同约定的旅游服务的费用。</p>
<p>旅游费用包括：</p>
<p>(1)交通费；</p>
<p>(2)住宿费；</p>
<p>(3)餐费（不含酒水费）；</p>
<p>(4)旅行社统一安排的景区景点门票费；</p>
<p>(5)行程中安排的其他项目费用；</p>
<p>(6)导游服务费；</p>
<p>(7)旅行社（含地接社）的其他服务费用。</p>
<p>旅游费用不包括：</p>
<p>(1)旅游者投保的人身意外伤害保险费用；</p>
<p>(2)合同未约定由旅行社支付的费用，包括但不限于行程以外非合同约定活动项目所需的费用、自行安排活动期间发生 的费用；</p>
<p>(3)行程中发生的旅游者个人费用，包括但不限于交通工具上的非免费餐饮费、行李超重费，住宿期间的洗衣、电话、
饮料及酒类费，个人娱乐费用，个人伤病医疗费，寻找个人遗失物品的费用及报酬，个人原因造成的赔偿费用。</p>
<p>3、履行辅助人，指与旅行社存在合同关系，协助其履行本合同义务，实际提供相关服务的法人、自然人或者其他组 织。</p>
<p>4、自由活动，特指《旅游行程单》中安排的自由活动。</p>
<p>5、自行安排活动期间，指《旅游行程单》中安排的自由活动期间、旅游者不参加旅游行程活动期间、每日行程开始 前、结束后旅游者离开住宿设施的个人活动期间、旅游者经导游同意暂时离团的个人活动期间。</p>
<p>6、不合理的低价，指旅行社提供服务的价格低于接待和服务费用或者低于行业公认的合理价格，且无正当理由和充分
证据证明该价格的合理性。其中，接待和服务费用主要包括旅行社提供或者采购餐饮、住宿、交通、游览、导游等服务所 支出的费用。</p>
<p>7、具体购物场所，指购物场所有独立的商号以及相对清晰、封闭、独立的经营边界和明确的经营主体，包括免税店，
大型购物商场，前店后厂的购物场所，景区内购物场所，景区周边或者通往景区途中的购物场所，服务旅游团队的专门商 店，商品批发市场和与餐饮、娱乐、停车休息等相关联的购物场所等。</p>
<p>8、旅游者投保的人身意外伤害保险，指旅游者自己购买或者通过旅行社、航空机票代理点、景区等保险代理机构购买
的以旅行期间自身的生命、身体或者有关利益为保险标的的短期保险，包括但不限于航空意外险、旅游意外险、紧急救援 保险、特殊项目意外险。</p>
<p>9、离团，指团队旅游者经导游同意不随团队完成约定行程的行为。</p>
<p>10、脱团，指团队旅游者未经导游同意脱离旅游团队，不随团队完成约定行程的行为。</p>
<p>11、转团，指由于未达到约定成团人数不能出团，旅行社征得旅游者书面同意，在行程开始前将旅游者转至其他旅行 社所组的境内旅游团队履行合同的行为。</p>
<p>12、拼团，指旅行社在保证所承诺的服务内容和标准不变的前提下，在签订合同时经旅游者同意，与其他旅行社招徕 的旅游者拼成一个团，统一安排旅游服务的行为。</p>
<p>13、不可抗力，指不能预见、不能避免并不能克服的客观情况，包括但不限于因自然原因和社会原因引起的，如自然 灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共卫生事件、政府行为。</p>
<p>14、已尽合理注意义务仍不能避免的事件，指因当事人故意或者过失以外的客观因素引发的事件，包括但不限于重大
礼宾活动导致的交通堵塞，飞机、火车、班轮、城际客运班车等公共客运交通工具延误或者取消，景点临时不开放。</p>
<p>15、必要的费用，指旅行社履行合同已经发生的费用以及向地接社或者履行辅助人支付且不可退还的费用，包括乘坐 飞机（车、船）等交通工具的费用（含预订金）、饭店住宿费用（含预订金）、旅游观光汽车的人均车租等。
</p>
<p>16、公共交通经营者，指航空、铁路、航运客轮、城市公交、地铁等公共交通工具经营者。</p>
<h3>
<p class="TC_ZhangTitle">第二章 合同的订立</p>
</h3>
<h3>
<p>第二条 旅游行程单</p>
</h3>
<p>旅行社应当提供带团号的《旅游行程单》（以下简称《行程单》），经双方签字或者盖章确认后作为本合同的组成部 分。《行程单》应当对如下内容作出明确的说明：</p>
<p>（1）旅游行程的出发地、途经地、目的地、结束地，线路行程时间和具体安排（按自然日计算，含乘飞机、车、船等 在途时间，不足24小时以一日计）；</p>
<p>（2）地接社的名称、地址、联系人和联系电话；</p>
<p>（3）交通服务安排及其标准（明确交通工具及档次等级、出发时间以及是否需中转等信息）；</p>
<p>（4）住宿服务安排及其标准（明确住宿饭店的名称、地点、星级，非星级饭店应当注明是否有空调、热水、独立卫生 间等相关服务设施）；</p>
<p>（5）用餐（早餐和正餐）服务安排及其标准（明确用餐次数、地点、标准）；</p>
<p>（6）旅行社统一安排的游览项目的具体内容及时间（明确旅游线路内容包括景区点及游览项目名称等，景区点停留的 最少时间）；</p>
<p>（7）自由活动的时间；</p>
<p>（8）行程安排的娱乐活动（明确娱乐活动的时间、地点和项目内容）；</p>
<h3>
<p>《行程单》用语须准确清晰，在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以×× 为准”、“与××同级”等不确定用语。</p>
</h3>
<h3>
<p class="toTopDistance">第三条 订立合同</p>
</h3>
<p>旅游者应当认真阅读本合同条款、《行程单》，在旅游者理解本合同条款及有关附件后，旅行社和旅游者应当签订书 面合同。</p>
<p>由旅游者的代理人订立合同的，代理人需要出具被代理的旅游者的授权委托书。</p>
<h3>
<p class="toTopDistance">第四条 旅游广告及宣传品</p>
</h3>
<p>旅行社的旅游广告及宣传品应当遵循诚实信用的原则，其内容符合《中华人民共和国合同法》要约规定的，视为本合 同的组成部分，对旅行社和旅游者双方具有约束力。</p>
<h3>
<p class="TC_ZhangTitle">第三章 合同双方的权利义务</p>
</h3>
<h3>
<p>第五条 旅行社的权利</p>
</h3>
<p>1、根据旅游者的身体健康状况及相关条件决定是否接纳旅游者报名参团；</p>
<p>2、核实旅游者提供的相关信息资料；</p>
<p>3、按照合同约定向旅游者收取全额旅游费用；</p>
<p>4、旅游团队遇紧急情况时，可以采取安全防范措施和紧急避险措施并要求旅游者配合；</p>
<p>5、拒绝旅游者提出的超出合同约定的不合理要求；</p>
<p>6、要求旅游者对在旅游活动中或者在解决纠纷时损害旅行社合法权益的行为承担赔偿责任；</p>
<p>7、要求旅游者健康、文明旅游，劝阻旅游者违法和违反社会公德的行为。</p>
<h3>
<p class="toTopDistance">第六条 旅行社的义务</p>
</h3>
<p>1、按照合同和《行程单》约定的内容和标准为旅游者提供服务，不擅自变更旅游行程安排；</p>
<p>2、向合格的供应商订购产品和服务；</p>
<p>3、不以不合理的低价组织旅游活动，诱骗旅游者，并通过安排购物或者另行付费旅游项目获取回扣等不正当利益；
组织、接待旅游者，不指定具体购物场所，不安排另行付费旅游项目，但是，经双方协商一致或者旅游者要求，且不 影响其他旅游者行程安排的除外；</p>
<p>4、在出团前如实告知具体行程安排和有关具体事项，具体事项包括但不限于所到旅游目的地的重要规定、风俗习惯；
旅游活动中的安全注意事项和安全避险措施、旅游者不适合参加旅游活动的情形；旅行社依法可以减免责任的信息；应急 联络方式以及法律、法规规定的其他应当告知的事项；</p>
<p>5、按照合同约定，为旅游团队安排符合《中华人民共和国旅游法》、《导游人员管理条例》规定的持证导游人员；</p>
<p>6、妥善保管旅游者交其代管的证件、行李等物品；</p>
<h3>
<p>7、为旅游者发放用固定格式书写、由旅游者填写的安全信息卡（包括旅游者的姓名、血型、应急联络方式等）；</p>
</h3>
<p>8、旅游者人身、财产权益受到损害时，应当采取合理必要的保护和救助措施，避免旅游者人身、财产权益损失扩大；</p>
<p>9、积极协调处理旅游行程中的纠纷，采取适当措施防止损失扩大；</p>
<p>10、提示旅游者投保人身意外伤害保险；</p>
<p>11、向旅游者提供发票；</p>
<p>12、依法对旅游者个人信息保密；</p>
<p>13、旅游行程中解除合同的，旅行社应当协助旅游者返回出发地或者旅游者指定的合理地点。</p>
<h3>
<p class="toTopDistance">第七条 旅游者的权利</p>
</h3>
<p>1、要求旅行社按照合同及《行程单》约定履行相关义务；</p>
<p>2、拒绝未经事先协商一致的转团、拼团行为；</p>
<p>3、有权自主选择旅游产品和服务，有权拒绝旅行社未与旅游者协商一致或者未经旅游者要求而指定购物场所、安排旅
游者参加另行付费旅游项目的行为，有权拒绝旅行社的导游强迫或者变相强迫旅游者购物、参加另行付费旅游项目的行 为；</p>
<p>4、在支付旅游费用时要求旅行社出具发票；</p>
<p>5、人格尊严、民族风俗习惯和宗教信仰得到尊重；</p>
<p>6、在人身、财产安全遇有危险时，有权请求救助和保护；人身、财产受到损害的，有权依法获得赔偿；</p>
<p>7、在合法权益受到损害时向有关部门投诉或者要求旅行社协助索赔；</p>
<p>8、《中华人民共和国旅游法》、《中华人民共和国消费者权益保护法》和有关法律、法规赋予旅游者的其他各项权 利。</p>
<h3>
<p class="toTopDistance">第八条 旅游者的义务</p>
</h3>
<p>1、如实填写《旅游报名表》、游客安全信息卡等各项内容，告知与旅游活动相关的个人健康信息，并对其真实性负 责，保证所提供的联系方式准确无误且能及时联系；</p>
<p>2、按照合同约定支付旅游费用；</p>
<p>3、遵守法律、法规和有关规定，不在旅游行程中从事违法活动，不参与色情、赌博和涉毒活动；</p>
<p>4、遵守公共秩序和社会公德，尊重旅游目的地的风俗习惯、文化传统和宗教信仰，爱护旅游资源，保护生态环境，遵 守《中国公民国内旅游文明行为公约》等文明行为规范；</p>
<p>5、对国家应对重大突发事件暂时限制旅游活动的措施以及有关部门、机构或者旅游经营者采取的安全防范和应急处置 措施予以配合；</p>
<p>6、妥善保管自己的行李物品，随身携带现金、有价证券、贵重物品，不在行李中夹带；</p>
<p>7、在旅游活动中或者在解决纠纷时，应采取措施防止损失扩大，不损害当地居民的合法权益；不干扰他人的旅游活
动；不损害旅游经营者和旅游从业人员的合法权益，不采取拒绝上、下机（车、船）、拖延行程或者脱团等不当行为；</p>
<p>8、自行安排活动期间，应当在自己能够控制风险的范围内选择活动项目，遵守旅游活动中的安全警示规定，并对自己 的安全负责。</p>
<h3>
<p class="TC_ZhangTitle">第四章 合同的变更与转让</p>
</h3>
<h3>
<p>第九条 合同的变更</p>
</h3>
<p>1、旅行社与旅游者双方协商一致，可以变更本合同约定的内容，但应当以书面形式由双方签字确认。由此增加的旅游 费用及给对方造成的损失，由变更提出方承担；由此减少的旅游费用，旅行社应当退还旅游者。</p>
<p>2、行程开始前遇到不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件的，双方经协商可以取消行
程或者延期出行。取消行程的，按照本合同第十四条处理；延期出行的，增加的费用由旅游者承担，减少的费用退还旅游 者。</p>
<p>3、行程中遇到不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程的，按以下方式 处理：</p>
<p>（1）合同不能完全履行的，旅行社经向旅游者作出说明，旅游者同意变更的，可以在合理范围内变更合同，因此增加 的费用由旅游者承担，减少的费用退还旅游者。</p>
<p>（2）危及旅游者人身、财产安全的，旅行社应当采取相应的安全措施，因此支出的费用，由旅行社与旅游者分担。</p>
<p>（3）造成旅游者滞留的，旅行社应采取相应的安置措施。因此增加的食宿费用由旅游者承担，增加的返程费用双方分担。</p>
<h3>
<p class="toTopDistance">第十条 合同的转让</p>
</h3>
<p>旅游行程开始前，旅游者可以将本合同中自身的权利义务转让给第三人，旅行社没有正当理由的不得拒绝，并办理相 关转让手续，因此增加的费用由旅游者和第三人承担。</p>
<p>正当理由包括但不限于：对应原报名者办理的相关服务不可转让给第三人的；无法为第三人安排交通等情形的；旅游 活动对于旅游者的身份、资格等有特殊要求的。</p>
<h3>
<p class="toTopDistance">第十一条 不成团的安排</p>
</h3>
<p>当旅行社组团未达到约定的成团人数不能成团时，旅游者可以与旅行社就如下安排在本合同第二十三条中做出约定。</p>
<p>1、转团：旅行社可以在保证所承诺的服务内容和标准不降低的前提下，经事先征得旅游者书面同意，委托其他旅行社
履行合同，并就受委托出团的旅行社违反本合同约定的行为先行承担责任，再行追偿。旅游者和受委托出团的旅行社另行 签订合同的，本合同的权利义务终止。</p>
<p>2、延期出团和改变线路出团：旅行社经征得旅游者书面同意，可以延期出团或者改变其他线路出团，因此增加的费用 由旅游者承担，减少的费用旅行社予以退还。需要时可以重新签订旅游合同。</p>
<h3>
<p class="TC_ZhangTitle">第五章 合同的解除</p>
</h3>
<h3>
<p>第十二条 旅行社解除合同</p>
</h3>
<p>1、未达到约定的成团人数不能成团时，旅行社解除合同的，应当采取书面等有效形式。旅行社在行程开始前7日（按
照出发日减去解除合同通知到达日的自然日之差计算，下同）以上（含第7日，下同）提出解除合同的，不承担违约责任，
旅行社向旅游者退还已收取的全部旅游费用；旅行社在行程开始前7日以内（不含第7日，下同）提出解除合同的，除向旅 游者退还已收取的全部旅游费用外，还应当按本合同第十七条第1款的约定，承担相应的违约责任。
</p>
<p>2、旅游者有下列情形之一的，旅行社可以解除合同：</p>
<p>（1）患有传染病等疾病，可能危害其他旅游者健康和安全的；</p>
<p>（2）携带危害公共安全的物品且不同意交有关部门处理的；</p>
<p>（3）从事违法或者违反社会公德的活动的；</p>
<p>（4）从事严重影响其他旅游者权益的活动，且不听劝阻、不能制止的；</p>
<p>（5）法律、法规规定的其他情形。</p>
<p>旅行社因上述情形解除合同的，应当以书面等形式通知旅游者，按照本合同第十五条相关约定扣除必要的费用后，将 余款退还旅游者。</p>
<h3>
<p class="toTopDistance">第十三条 旅游者解除合同</p>
</h3>
<p>1、未达到约定的成团人数不能成团时，旅游者既不同意转团，也不同意延期出行或者改签其他线路出团的，旅行社应
及时发出不能成团的书面通知，旅游者可以解除合同。旅游者在行程开始前7日以上收到旅行社不能成团通知的，旅行社不
承担违约责任，向旅游者退还已收取的全部旅游费用；旅游者在行程开始前7日以内收到旅行社不能成团通知的，按照本合 同第十七条第1款相关约定处理。</p>
<p>2、除本条第1款约定外，在旅游行程结束前，旅游者亦可以书面等形式解除合同。旅游者在行程开始前7日以上提出解
除合同的，旅行社应当向旅游者退还全部旅游费用；旅游者在行程开始前7日以内和行程中提出解除合同的，旅行社按照本 合同第十五条相关约定扣除必要的费用后，将余款退还旅游者。</p>
<p>3、旅游者未按约定时间到达约定集合出发地点，也未能在出发中途加入旅游团队的，视为旅游者解除合同，按照本合 同第十五条相关约定处理。</p>
<h3>
<p class="toTopDistance">第十四条 因不可抗力或者已尽合理注意义务仍不能避免的事件解除合同</p>
</h3>
<p>因不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程，合同不能继续履行的，旅行社和旅游者均可以解除合同；合同不能完全履行，旅游者不同意变更的，可以解除合同。</p>
<p>合同解除的，旅行社应当在扣除已向地接社或者履行辅助人支付且不可退还的费用后，将余款退还旅游者。</p>
<h3>
<p class="toTopDistance">第十五条 必要的费用扣除</p>
</h3>
<p>1、旅游者在行程开始前7日以内提出解除合同或者按照本合同第十二条第2款约定由旅行社在行程开始前解除合同的， 按下列标准扣除必要的费用：</p>
<p>行程开始前6日至4日，按旅游费用总额的20% ；</p>
<p>行程开始前3日至1日，按旅游费用总额的40% ；</p>
<p>行程开始当日，按旅游费用总额的60% 。</p>
<p>2、在行程中解除合同的，必要的费用扣除标准为：</p>
<p>旅游费用×行程开始当日扣除比例+（旅游费用-旅游费用×行程开始当日扣除比例)÷旅游天数×已经出游的天数。</p>
<p>如按上述第1款或者第2款约定比例扣除的必要的费用低于实际发生的费用，旅游者按照实际发生的费用支付，但最高额不应当超过旅游费用总额。</p>
<p>解除合同的，旅行社扣除必要的费用后，应当在解除合同通知到达日起5个工作日内为旅游者办结退款手续。</p>
<h3>
<p class="toTopDistance">第十六条 旅行社协助旅游者返程及费用承担</p>
</h3>
<p>旅游行程中解除合同的，旅行社应协助旅游者返回出发地或者旅游者指定的合理地点。因旅行社或者履行辅助人的原
因导致合同解除的，返程费用由旅行社承担；行程中按照本合同第十二条第2款，第十三条第2款约定解除合同的，返程费 用由旅游者承担；按照本合同第十四条约定解除合同的，返程费用由双方分担。</p>
<h3>
<p class="TC_ZhangTitle">第六章 违约责任</p>
</h3>
<h3>
<p>第十七条 旅行社的违约责任</p>
</h3>
<p>1、旅行社在行程开始前7日以内提出解除合同的，或者旅游者在行程开始前7日以内收到旅行社不能成团通知，不同意
转团、延期出行和改签线路解除合同的，旅行社向旅游者退还已收取的全部旅游费用，并按下列标准向旅游者支付违约 金：</p>
<p>行程开始前6日至4日，支付旅游费用总额10% 的违约金；</p>
<p>行程开始前3日至1日，支付旅游费用总额15% 的违约金；</p>
<p>行程开始当日，支付旅游费用总额20% 的违约金。</p>
<p>如按上述比例支付的违约金不足以赔偿旅游者的实际损失，旅行社应当按实际损失对旅游者予以赔偿。</p>
<p>旅行社应当在取消出团通知或者旅游者不同意不成团安排的解除合同通知到达日起5个工作日内，为旅游者办结退还全 部旅游费用的手续并支付上述违约金。</p>
<p>2、旅行社未按合同约定提供服务，或者未经旅游者同意调整旅游行程（本合同第九条第3款规定的情形除外），造成 项目减少、旅游时间缩短或者标准降低的，应当依法承担继续履行、采取补救措施或者赔偿损失等违约责任。
</p>
<p>3、旅行社具备履行条件，经旅游者要求仍拒绝履行本合同义务的，旅行社向旅游者支付旅游费用总额30% 的违约金，
旅游者采取订同等级别的住宿、用餐、交通等补救措施的，费用由旅行社承担；造成旅游者人身损害、滞留等严重后果 的，旅游者还可以要求旅行社支付旅游费用一倍以上三倍以下的赔偿金。</p>
<p>4、未经旅游者同意，旅行社转团、拼团的，旅行社应向旅游者支付旅游费用总额25% 的违约金；旅游者解除合同的，
旅行社还应向未随团出行的旅游者退还全部旅游费用，向已随团出行的旅游者退还尚未发生的旅游费用。如违约金不足以 赔偿旅游者的实际损失，旅行社应当按实际损失对旅游者予以赔偿。</p>
<p>5、旅行社有以下情形之一的，旅游者有权在旅游行程结束后30日内，要求旅行社为其办理退货并先行垫付退货货款， 或者退还另行付费旅游项目的费用：</p>
<p>（1）旅行社以不合理的低价组织旅游活动，诱骗旅游者，并通过安排购物或者另行付费旅游项目获取回扣等不正当利益的；</p>
<p>（2）未经双方协商一致或者未经旅游者要求，旅行社指定具体购物场所或者安排另行付费旅游项目的。</p>
<p>6、与旅游者出现纠纷时，旅行社应当采取积极措施防止损失扩大，否则应当就扩大的损失承担责任。</p>
<h3>
<p class="toTopDistance">第十八条 旅游者的违约责任</p>
</h3>
<p>1、旅游者因不听从旅行社及其导游的劝告、提示而影响团队行程，给旅行社造成损失的，应当承担相应的赔偿责任。</p>
<p>2、旅游者超出本合同约定的内容进行个人活动所造成的损失，由其自行承担。</p>
<p>3、由于旅游者的过错，使旅行社、履行辅助人、旅游从业人员或者其他旅游者遭受损害的，旅游者应当赔偿损失。</p>
<p>4、旅游者在旅游活动中或者在解决纠纷时，应采取措施防止损失扩大，否则应当就扩大的损失承担相应的责任。</p>
<p>5、旅游者违反安全警示规定，或者对国家应对重大突发事件暂时限制旅游活动的措施、安全防范和应急处置措施不予 配合，造成旅行社损失的，应当依法承担相应责任。</p>
<h3>
<p class="toTopDistance">第十九条 其他责任</p>
</h3>
<p>1、由于旅游者自身原因导致本合同不能履行或者不能按照约定履行，或者造成旅游者人身损害、财产损失的，旅行社 不承担责任。</p>
<p>2、旅游者在自行安排活动期间人身、财产权益受到损害的，旅行社在事前已尽到必要警示说明义务且事后已尽到必要 救助义务的，旅行社不承担赔偿责任。</p>
<p>3、由于第三方侵害等不可归责于旅行社的原因导致旅游者人身、财产权益受到损害的，旅行社不承担赔偿责任。但因 旅行社不履行协助义务致使旅游者人身、财产权益损失扩大的，旅行社应当就扩大的损失承担赔偿责任。
</p>
<p>4、由于公共交通经营者的原因造成旅游者人身损害、财产损失依法应承担责任的，旅行社应当协助旅游者向公共交通 经营者索赔。</p>
<h3>
<p class="TC_ZhangTitle">第七章 协议条款</p>
</h3>
<h3>
<p>第二十条 线路行程时间</p>
</h3>
<p>
出发时间 <font>{{getDate(CtObj.C_StartDate)}}</font>
结束时间<font>{{getDate(CtObj.C_EndDate)}}</font>
共<font>{{CtObj.C_DayNum}}</font>天<font>{{CtObj.C_NightNum}}</font>夜。
</p>
<h3>
<p class="toTopDistance">第二十一条 旅游费用及支付（以人民币为计算单位）</p>
</h3>
<p>
成人<font>{{CtObj.C_AdultPrice}}</font>元/人，儿童（不满14岁）<font>{{CtObj.C_ChildrenPrice}}</font>元/人；其中，导游服务费
<font>{{CtObj.C_GuideServicePrice}}</font>元/人；旅游费用合计：<font>{{CtObj.C_TotalPrice}}</font>元。
</p>
<p>旅游费用支付方式：
<font v-if="CtObj.C_PayType==1">现金</font>
<font v-if="CtObj.C_PayType==2">转账</font>
<font v-if="CtObj.C_PayType==3">支票</font>
</p>
<p>旅游费用支付时间：<font>{{getDate(CtObj.C_PayDate)}}</font>
</p>
<h3>
<p class="toTopDistance">第二十二条 人身意外伤害保险</p>
</h3>
<p>1.旅行社提示旅游者购买人身意外伤害保险；</p>
<p>
2.旅游者可以做以下选择：
</p>
<p>
<p>
<span class="Travel_ConfirmQuan">
<i v-if="CtObj.C_InsuranceType==1" class="iconfont icon-duigou"></i>
<i v-else class="iconfont icon-cha"></i>
</span>
委托旅行社购买（旅行社不具有保险兼业代理资格的，不得勾选此项）：保险产品名称
<font>{{CtObj.C_InsuranceName}}</font>（投保的相关信息以实际保单为准）；
</p>
<p>
<span class="Travel_ConfirmQuan">
<i v-if="CtObj.C_InsuranceType==2" class="iconfont icon-duigou"></i>
<i v-else class="iconfont icon-cha"></i>
</span>
自行购买
</p>
<p>
<span class="Travel_ConfirmQuan">
<i v-if="CtObj.C_InsuranceType==3" class="iconfont icon-duigou"></i>
<i v-else class="iconfont icon-cha"></i>
</span>
放弃购买
</p>
</p>
<!-- <p>
2.旅游者<font v-if="CtObj.C_InsuranceType==1">委托出境社购买</font>
<font v-if="CtObj.C_InsuranceType==2">自行购买</font>
<font v-if="CtObj.C_InsuranceType==3">放弃购买</font>人身意外伤害保险
<font>{{CtObj.C_InsuranceName}},保险产品名称（投保的相关信息以实际保单为准）；</font>
</p> -->
<h3>
<p class="toTopDistance">第二十三条 成团人数与不成团的约定</p>
</h3>
<p>成团的最低人数：<font>{{CtObj.C_LowNum}}</font>人。</p>
<p>如不能成团，旅游者是否同意按下列方式解决：</p>
<p>1.<font>{{CtObj.C_IsAgreeTravel==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）旅行社委托<font>
{{CtObj.C_AgreeTravelName}}</font>旅行社履行合同；</p>
<p>2.<font>{{CtObj.C_IsAgreeDelay==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）延期出团；</p>
<p>3.<font>{{CtObj.C_IsAgreeCndorse==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）改变其他线路出团；</p>
<p>4.<font>{{CtObj.C_IsAgreeRemove==0?'同意':'不同意'}} </font>（同意或者不同意，打勾无效）解除合同。</p>
<h3>
<p class="toTopDistance">第二十四条 拼团约定</p>
</h3>
<p>旅游者<font>{{CtObj.C_IsAgreeSpellGroup==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）采用拼团方式拼至<font>
{{CtObj.C_SpellGroupName}}</font>旅行社成团。</p>
<h3>
<p class="toTopDistance">第二十五条 自愿购物和参加另行付费旅游项目约定</p>
</h3>
<p>1、旅游者可以自主决定是否参加旅行社安排的购物活动、另行付费旅游项目；</p>
<p>2、旅行社可以在不以不合理的低价组织旅游活动、不诱骗旅游者、不获取回扣等不正当利益，且不影响其他旅游者行
程安排的前提下，按照平等自愿、诚实信用的原则，与旅游者协商一致达成购物活动、另行付费旅游项目协议；</p>
<p>3、购物活动、另行付费旅游项目安排应不与《行程单》冲突；</p>
<p>4、地接社及其从业人员在行程中安排购物活动、另行付费旅游项目的，责任由订立本合同的旅行社承担；</p>
<p>5、 购物活动、另行付费旅游项目具体约定见《自愿购物活动补充协议》（附件3）、《自愿参加另行付费旅游项目补 充协议》（附件4）。</p>
<h3>
<p class="toTopDistance">第二十六条 争议的解决方式</p>
</h3>
<p>本合同履行过程中发生争议，由双方协商解决；亦可向合同签订地的旅游质监执法机构、消费者协会、有关的调解组 织等有关部门或者机构申请调解。协商或者调解不成的，按下列第<font>
{{CtObj.C_SolveType}}</font>种方式解决：</p>
<p>1.提交<font>{{CtObj.C_SolveRemark}}</font>仲裁委员会仲裁；</p>
<p>2.依法向人民法院起诉。 </p>
<h3>
<p class="toTopDistance">第二十七条 其他约定事项</p>
</h3>
<p>未尽事宜，经旅游者和旅行社双方协商一致，可以列入补充条款。（如合同空间不够，可以另附纸张，由双方签字或 者盖章确认。）</p>
<p>
本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合
同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知 自身身体适宜此次旅行。
</p>
<p>烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因 耽误病情，一切后果均由客人自行承担。</p>
<p>旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行 社不再进行赔偿。</p>
<p>
签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委
托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。
健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵
社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全
部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承 诺告知了全体委托人及其直系亲属并得到他们的同意。
</p>
<p>如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。</p>
<p class="decoration">
<font></font>
</p>
<h3 class="Contract_Depart"><span class="leftP" style="padding-left:10px;">第二十八条 合同效力 </span>
</h3>
<p class="Contract_Depart" id="p_contract_num">本合同一式<font>{{CtObj.C_ContractTotal}}</font>份，双方各持<font>
{{CtObj.C_ContractPer}}</font>份，具有同等法律效力，自双方当事人签字或者盖章之日起生效。</p>
</div>
<!-- 盖章签字 -->
<div v-if="ActiveTab==3" class="item_content">
<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_IDNum}}</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.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_PostNum}}</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.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;"><img class="signImg"
v-if="CtObj.IsTravelAgencySignature==1" style="position:absolute;right:0;"
:src="CtObj.ZhangImg" alt="" /></el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">地址：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintAddress}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">联系电话：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintTel}}</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_PostNum}}</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 class="bgli"></li>
<li>
<el-row>
<el-col :span="12">出境社监督、投诉电话</el-col>
<el-col :span="12">{{CtObj.TravelAgency_ServiceTel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电子信箱：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintEmail}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">地址</el-col>
<el-col :span="12">{{CtObj.C_ComplaintAddress}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">邮编：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintPostNum}}</el-col>
</el-row>
</li>
</ul>
<div class="userDiv">
<p v-if="CtObj.ContractTripList&&CtObj.ContractTripList.length>0"
v-html="CtObj.ContractTripList[0].TravelContent"></p>
</div>
</div>
<!-- 游客名单 -->
<div v-if="ActiveTab==4" class="item_content">
<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-if="ActiveTab==5" class="item_content">
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">团号：</el-col>
<el-col :span="12">{{CtObj.C_TCNUM}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">出团日期：</el-col>
<el-col :span="12">{{getDate(CtObj.C_StartDate)}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">返回日期：</el-col>
<el-col :span="12">{{getDate(CtObj.C_EndDate)}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">线路名称：</el-col>
<el-col :span="12">{{CtObj.C_ProductName}}</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 style="position:relative;">
<el-row>
<el-col :span="12">旅行社：（盖章）</el-col>
<el-col :span="12"><img style="width:120px;position:absolute;right:0;"
v-if="CtObj.IsTravelAgencySignature==1" :src="CtObj.ZhangImg" 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.CreateTimeStr}}</el-col>
</el-row>
</li>
</ul>
<div class="userDiv">
<p v-if="CtObj.ContractTripList&&CtObj.ContractTripList.length>0"
v-html="CtObj.ContractTripList[0].TravelContent"></p>
</div>
</div>
<!-- 自愿购物活动补充协议 -->
<div v-if="ActiveTab==6" class="item_content">
<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-if="ActiveTab==7" class="item_content">
<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-if="ActiveTab==8" class="item_content" style="text-align:center;line-height:2">
<div style="width:90%;margin:auto;text-align:left;">
<p style="font-family:'PingFangR';text-align:center;">中国公民国内旅游文明行为公约</p>
<p>营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，请遵守以下公约：</p>
<p>1、维护环境卫生。不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
<p>2、遵守公共秩序。不喧哗吵闹，排队遵守秩序，不并行挡道，不在公众场所高声交谈。</p>
<p>4、保护文物古迹。不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。</p>
<p>5、爱惜公共设施。不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
<p>6、尊重别人权利。不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族 宗教习俗。</p>
<p>7、讲究以礼待人。衣着整洁得体，不在公共场所袒胸赤膊；礼让老幼病残，礼让女士；不讲粗话。</p>
<p>8、提倡健康娱乐。抵制封建迷信活动，拒绝黄、赌、毒。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<!-- 一日游 -->
<template v-if="CtObj.CType==3">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''">
<!-- 签字 -->
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<!-- <span><span class="sp1"></span></p> -->
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem" v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">签字</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
</div>
<!-- 开始进入弹窗 -->
<div class=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2">
<h4 style="font-size: 2.5rem;color: #24ade5;">中国公民文明旅游公约</h4>
<ul style="font-size:2rem" class="conventionList">
<li>重安全，讲礼仪；</li>
<li>不喧哗，杜陋习；</li>
<li>守良俗，明事理；</li>
<li>爱环境，护古迹；</li>
<li>文明行，最得体。</li>
</ul>
<span @click="tcShow=false" class="readSpan">已阅知</span>
</div>
</div>
<!-- 头部境内旅游 -->
<div class="NavFixed">
<p style="background:#24ade5;text-align:center;color:#fff;padding:6px 0;font-size:3rem">合同详情</p>
<div class="navHidden">
<div class="wrap">
<ul class="Navul">
<li :class="ActiveTab==1?'ActiveLi':''" @click="ChangeTab(1)">使用说明</li>
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">合同责任</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">合同信息</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">签字盖章</li>
<li :class="ActiveTab==5?'ActiveLi':''" @click="ChangeTab(5)">游客名单</li>
<li :class="ActiveTab==6?'ActiveLi':''" @click="ChangeTab(6)">团队行程</li>
<li :class="ActiveTab==7?'ActiveLi':''" @click="ChangeTab(7)">自愿购物活动补充协议</li>
<li :class="ActiveTab==8?'ActiveLi':''" @click="ChangeTab(8)">文明旅游公约</li>
</ul>
</div>
</div>
</div>
<!-- 页面布局 -->
<div style="position: relative;background:#fff;">
<div class="SignbgDiv">
<div class="signContent" style="padding-top:10px;">
<!-- 使用说明 -->
<div style="line-height:1.8;padding:0 14px;box-sizing: border-box;" v-if="ActiveTab==1"
class="item_content">
<p>1.本合同为示范文本，供在中华人民共和国境内的旅行社与旅游者签订国内旅游“一日游”合同时使用。</p>
<p>
2.合同双方可根据具体情况，在协商一致的基础上以书面形式对解除合同的方式、退还旅游费用及支付违约金的期限等本合同示范文本有关条款的内容进行补充、细化，补充、细化的内容不得减轻或者免除应当由旅行社承担的责任。
</p>
<p>3.本合同示范文本由国家旅游局和国家工商行政管理总局共同制定、解释。</p>
</div>
<!-- 合同责任 -->
<div style="padding:0 14px;box-sizing: border-box;line-height:4.3rem;" v-if="ActiveTab==2"
class="item_content">
<h3>第一条 旅行社</h3>
<p>
1.除法律另有规定外，旅行社对可能危及旅游者人身、财产安全的旅游项目未履行告知、警示义务，并采取防止危害发生的必要措施，造成旅游者人身损害、财产损失的，应承担相应的赔偿责任。发生危及旅游者人身安全的情形，旅行社未采取必要处置措施的，应承担相应的赔偿责任。
</p>
<p>2.旅行社距约定出发时间12小时（含12小时）以上解除合同的，应向旅游者全额退还预付旅游费用；旅行社距约定出发时间12小时之内解除合同的，还应向旅游者支付旅游费用总额20%的违约金。</p>
<p>3.旅行社未按合同约定安排具有合法有效资质的旅游车辆、驾驶员或导游员的，应向旅游者全额退还已付旅游费用。如果因此给旅游者造成其他人身、财产损害的，旅行社还应承担相应的赔偿责任。</p>
<p>
4.旅行社在行程中弃置旅游者的，应向旅游者全额退还已付旅游费用，并承担弃置期间给旅游者造成的必要的住宿费、餐饮费、返回交通费等实际损失。如果因此给旅游者造成其他人身、财产损害的，旅行社还应承担相应的赔偿责任。
</p>
<p>5.旅行社违反合同包车游约定安排合车游的，应向旅游者支付旅游费用总额20%的违约金。出发前旅游者要求解除合同的，旅行社还应向旅游者全额退还已付旅游费用。</p>
<p>
6.旅行社及导游员、驾驶员安排旅游者在其指定的购物场所购物或以参观等形式变相安排购物（合同中明示景点含购物场所的除外）的、强迫或者变相强迫旅游者购物的，每安排或强迫一次，旅行社应向旅游者支付旅游费用总额20%的违约金。旅游者要求退货的，旅行社应自旅游者向其交付货物之日起三日内承担退货责任。
</p>
<p>7.旅行社及导游员、驾驶员安排另行付费项目的，旅行社应向旅游者全额退还另行付费项目价款。</p>
<p>8.旅行社及导游员、驾驶员擅自缩短游览时间、遗漏旅游景点、减少旅游服务项目的，应退还旅游者相应旅游费用（约定旅游服务项目未完成时间÷总游览时间×旅游费用总额），并支付旅游费用总额20%的违约金。</p>
<p>9.旅行社出现其他《旅行社服务质量赔偿标准》规定的需承担赔偿责任的情形，依照《旅行社服务质量赔偿标准》承担赔偿责任。</p>
<h3>第二条 旅游者</h3>
<p>1.旅游者不按约定支付旅游费用的，旅行社有权解除合同，旅游者应向旅行社支付业务损失费（最高不超过旅游费用总额）。</p>
<p>
2.旅游者在距约定出发时间12小时（含12小时）以上解除合同的，旅游者应向旅行社支付实际发生的费用；旅游者在距约定出发时间12小时以内解除合同的，还应向旅行社支付旅游费用总额20%的违约金（实际发生的费用与违约金总计最高不超过旅游费用总额）。旅游者未按约定时间到达约定集合出发地点，也未能在出发中途加入旅游团队的，视为旅游者在距约定出发时间12小时以内解除合同。
</p>
<p>3.旅游者在行程中解除合同或者擅自脱离旅游团队的，旅游者应向旅行社支付实际发生的费用。因此造成旅行社其他经济损失的，旅游者还应承担相应的赔偿责任。</p>
<p>4.旅游者违反合同约定妨碍旅游行程，给旅行社造成经济损失的，应承担相应的赔偿责任。</p>
<p>5.旅游者采取拖延行程等不正当方式解决争议，妨碍旅游行程、造成损失扩大的，应就扩大的损失承担相应的赔偿责任。</p>
<p>6.旅游者其他过错行为给旅行社造成经济损失的，应承担相应的赔偿责任。</p>
<h3>第三条 不可抗力</h3>
<p>发生不可抗力等不可归责于合同任何一方的事由，按下述情况处理：</p>
<p>1.导致合同无法履行或继续履行的，旅行社和旅游者均有权解除合同。未实际发生费用的，旅行社应向旅游者全额退还已付旅游费用；已实际发生费用的，由旅行社与旅游者协商合理分担，剩余费用退还旅游者。</p>
<p>2.危及旅游者人身、财产安全的，旅行社应当采取相应的安全措施。因此支出的费用，由旅行社和旅游者协商合理分担。</p>
<p>3.造成旅游者滞留的，旅行社应当采取相应安置措施。因此增加的食宿费用，由旅游者承担；增加的返回出发地的费用，由旅行社和旅游者协商合理分担。</p>
</div>
<!-- 合同信息 -->
<div v-if="ActiveTab==3" class="item_content" style="line-height:4.3rem;">
<p>甲方（旅游者）：<font>{{CtObj.Tourists_Name}}</font>
</p>
<p>身份证件号码：<font>{{CtObj.Tourists_IDNum}}</font>
</p>
<p>乙方（旅行社）：<font>{{CtObj.TravelAgency_Name}}</font>
</p>
<p>经营许可证编号：<font>{{CtObj.TravelAgency_IDNum}}</font>
</p>
<p>经营范围：<font>{{CtObj.TravelAgency_Scope}}</font>
</p>
<p>经办人：<font>{{CtObj.TravelAgency_DealMan}}</font>
</p>
<p>导游员姓名：<font>{{CtObj.Guide_Name}}</font>
</p>
<p>导游证号：<font>{{CtObj.Guide_Num}}</font>
</p>
<p>导游手机：<font>{{CtObj.Guide_Tel}}</font>
</p>
<p>团号：<font>{{CtObj.C_TCNUM}}</font>
</p>
<p>出发日期：<font>{{getDate(CtObj.C_StartDate)}}</font>
</p>
<p>出发地点：<font>{{CtObj.C_StartAddress}}</font>
</p>
<p>返回地点：<font>{{CtObj.C_ReturnAddress}}</font>
</p>
<p>旅游费用：
成人<font>{{CtObj.C_AdultNum}}</font>人
×<font>{{CtObj.C_AdultPrice}}</font>元/人
+儿童<font>{{CtObj.C_ChildrenNum}}</font>人
×<font>{{CtObj.C_ChildrenPrice}}</font>元/人
= <font>{{CtObj.C_TotalPrice}}</font>元
</p>
<p>
含：景点第一道门票、<font>{{CtObj.C_IncludeRemark}}</font>午（晚）餐费、往返车费、
导游服务费:<font>{{CtObj.C_IncludeFee}}</font>；
不含:<font>{{CtObj.C_NonIncludeRemark}}</font>
</p>
<p>支付时间：<font>{{getDate(CtObj.C_PayDate)}}</font>
</p>
<p>
<template v-if="CtObj.C_PayType==1">
<font>现金（√） 转账（）</font>
</template>
<template v-else-if="CtObj.C_PayType==5">
<font>现金（） 转账（√）银行账号：{{CtObj.C_PayTypeRemark}}</font>
</template>
</p>
<p>交通安排：</p>
<p>使用形式</p>
<p>
<template v-if="CtObj.C_TrafficType==1">
<span>合车游（√）</span>
<span style="margin-left:20px;">包车游（）</span>
</template>
<template v-else-if="CtObj.C_TrafficType==2">
<span>合车游（）</span>
<span style="margin-left:20px;">包车游（√）</span>
</template>
</p>
<p>车牌号码:<font>{{CtObj.C_BusCode}}</font>
</p>
<p>驾驶员姓名:<font>{{CtObj.C_DriverName}}</font>
</p>
<p>标 准</p>
<p>
<template v-if="CtObj.C_IsHaveKongTiao==0">
<span>空调（√ ）</span>
<span>无空调（）</span>
</template>
<template v-else-if="CtObj.C_IsHaveKongTiao==1">
<span>空调（）</span>
<span>无空调（√）</span>
</template>
<template v-if="CtObj.C_BusType==1">
<span> 面包车（√）</span><span>中巴（）</span><span>大巴（）</span>
</template>
<template v-else-if="CtObj.C_BusType==2">
<span> 面包车（）</span><span>中巴（√）</span><span>大巴（）</span>
</template>
<template v-else-if="CtObj.C_BusType==3">
<span> 面包车（）</span><span>中巴（）</span><span>大巴（√）</span>
</template>
</p>
<p>餐饮安排 ：</p>
<p>早餐</p>
<p>地点：<font>{{CtObj.C_BreakfastAddress}}</font>
</p>
<p>标准：<font>{{CtObj.C_BreakfastBasic}}</font>
</p>
<p>午餐</p>
<p>地点：<font>{{CtObj.C_LunchAddress}}</font>
</p>
<p>标准：<font>{{CtObj.C_LunchBasic}}</font>
</p>
<p>晚餐</p>
<p>地点：<font>{{CtObj.C_DinnerAddress}}</font>
</p>
<p>标准：<font>{{CtObj.C_DinnerBasic}}</font>
</p>
<p>争议的解决方式</p>
<p>1.协商。旅行社客服电话<font>{{CtObj.TravelAgency_ServiceTel}}</font>；</p>
<p>2.投诉。
<font>{{CtObj.C_ComplaintProvince}}</font>省
<font>{{CtObj.C_ComplaintCity}}</font>市
旅游质监执法机构投诉电话{{CtObj.C_ZhiFaTel}}，
消费者协会投诉电话{{CtObj.C_XFZXHTSTel}}。
</p>
<p>协商或投诉调解不成的，按下列第 <font>{{CtObj.C_SolveType}}</font>种方式解决：</p>
<p>1.将争议提交<font>{{CtObj.C_SolveRemark}}</font>仲裁委员会仲裁；</p>
<p>2.依法向人民法院提起民事诉讼。</p>
<h3>其他约定</h3>
<div style="border: 1px solid #000;min-height: 300px;padding:5px; ">
<p></p>
<p>
本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知自身身体适宜此次旅行。
</p>
<p>烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因耽误病情，一切后果均由客人自行承担。</p>
<p>旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行社不再进行赔偿。</p>
<p>
签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。
</p>
<p>
健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承诺告知了全体委托人及其直系亲属并得到他们的同意。
</p>
<p>如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。</p>
<p></p>
</div>
</div>
<!--签字盖章-->
<div v-if="ActiveTab==4" class="item_content">
<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;" v-if="CtObj.IsTravelAgencySignature==1"
:src="CtObj.ZhangImg" 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-if="ActiveTab==5" class="item_content">
<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-if="ActiveTab==6" class="item_content">
<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-if="CtObj.ContractTripList&&CtObj.ContractTripList.length>0"
v-html="CtObj.ContractTripList[0].TravelContent"></p>
</div>
</div>
<!-- 自愿购物活动补充协议 -->
<div v-if="ActiveTab==7" class="item_content">
<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-if="ActiveTab==8" class="item_content" style="text-align:center;line-height:2">
<div style="width:90%;margin:auto;text-align:left;">
<p style="font-family:'PingFangR';text-align:center;">中国公民国内旅游文明行为公约</p>
<p>营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，请遵守以下公约：</p>
<p>1、维护环境卫生。不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
<p>2、遵守公共秩序。不喧哗吵闹，排队遵守秩序，不并行挡道，不在公众场所高声交谈。</p>
<p>4、保护文物古迹。不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。</p>
<p>5、爱惜公共设施。不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
<p>6、尊重别人权利。不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族 宗教习俗。</p>
<p>7、讲究以礼待人。衣着整洁得体，不在公共场所袒胸赤膊；礼让老幼病残，礼让女士；不讲粗话。</p>
<p>8、提倡健康娱乐。抵制封建迷信活动，拒绝黄、赌、毒。</p>
</div>
</div>
</div>
</div>
</div>
<div style="display:none">
<div class="contractRight" style="overflow:scroll;">
<div class="item_content">
<div class="title">
<h2>四川和平国际旅行社有限公司</h2>
<h2>团队出境旅游合同</h2>
<p><b>合同编号：<font>{{dataList.contractNum}}</font></b></p>
</div>
<label id="l1">使用说明</label>
<p>1、本合同参照国家旅游局和国家工商行政管理总局示范文本（国家GF－2014－2402），结合《四川省旅游管理条例》、《成都市旅游业促进条例》制定本合同。</p>
<p>2、供中华人民共和国境内（不含港、澳、台地区）经营出境旅游业务或者边境旅游业务的旅行社（以下简称“出境社”）与出境旅游者（以下简称“旅游者”）之间签订团队出境包价旅游（不含赴台湾地区旅游）合同时使用。
</p>
<p>3、双方当事人应当结合具体情况选择本合同协议条款中所提供的选择项，空格处应当以文字形式填写完整。</p>
<p>4、双方当事人可以书面形式对本示范文本内容进行变更或者补充，但变更或者补充的内容，不得减轻或者免除应当由出境社承担的责任。</p>
</div>
<div class="item_content">
<label id="l2">合同条款</label>
<p>
旅游者：<font>{{dataList.clientName}}</font> 等<font v-if="dataList.guestList">{{dataList.guestList.length}}
</font>
人（名单可附页，需出境社和旅游者代表签字盖章确认）；
</p>
<p>出境社：<font>{{dataList.company}}</font>
</p>
<p>旅行社业务经营许可证编号：<font>{{dataList.businessCertificate}}</font>
</p>
<h3>
<p class="TC_ZhangTitle">第一章 术语和定义</p>
</h3>
<h3>
<p>第一条 本合同术语和定义</p>
</h3>
<p>1.
团队出境旅游服务，指出境社依据《中华人民共和国旅游法》、《中国公民出国旅游管理办法》和《旅行社条例》等法律、法规，组织旅游者出国旅游及赴中外双方政府商定的国外边境区域和港、澳地区等旅游目的地旅游，代办旅游签证／签注，代订公共交通客票，提供餐饮、住宿、游览等两项以上服务活动。
</p>
<p>2.旅游费用，指旅游者支付给出境社，用于购买本合同约定的旅游服务的费用。</p>
<p>旅游费用包括：</p>
<p>（1）必要的签证/签注费用（旅游者自办的除外）；</p>
<p>（2）交通费（含境外机场税）；</p>
<p>（3）住宿费；</p>
<p>（4）餐费（不含酒水费）；</p>
<p>（5）出境社统一安排的景区景点的门票费；</p>
<p>（6）行程中安排的其他项目费用；</p>
<p>（7）导游服务费； </p>
<p>（8）边境旅游中办理旅游证件的费用；</p>
<p>（9）出境社、境外地接社等其他服务费用。</p>
<p>旅游费用不包括：</p>
<p>（1）办理护照、港澳通行证的费用；</p>
<p>（2）办理离团的费用；</p>
<p>（3）旅游者投保的人身意外伤害保险费用；</p>
<p>（4）合同未约定由出境社支付的费用，包括但不限于行程以外非合同约定项目所需的费用、自行安排活动期间发生的费用; </p>
<p>(5)境外小费; </p>
<p>(6)行程中发生的旅游者个人费用，包括但不限于交通工具上的非免费餐饮费、行李超重费，住宿期间的洗衣、通讯
、饮料及酒类费用，个人娱乐费用，个人伤病医疗费，寻找个人遗失物品的费用及报酬，个人原因造成的赔偿费用。</p>
<p>3.履行辅助人，指与旅行社存在合同关系，协助其履行本合同义务，实际提供相关服务的法人、自然人或者其他组织。</p>
<p>4.自由活动，特指《旅游行程单》中安排的自由活动。</p>
<p>5.自行安排活动期间，指《旅游行程单》中安排的自由活动期间、旅游者不参加旅游行程活动期间、每日行程开始前、结束后旅游者离开住宿设施的个人活动期间、旅游者经领队或者导游同意暂时离团的个人活动期间。</p>
<p>6.
不合理的低价，指出境社提供服务的价格低于接待和服务费用或者低于行业公认的合理价格，且无正当理由和充分证据证明该价格的合理性。其中，接待和服务费用主要包括出境社提供或者采购餐饮、住宿、交通、游览、导游或者领队等服务所支出的费用。
</p>
<p>7.
具体购物场所，指购物场所有独立的商号以及相对清晰、封闭、独立的经营边界和明确的经营主体，包括免税店，大型购物商场，前店后厂的购物场所，景区内购物场所，景区周边或者通往景区途中的购物场所，服务旅游团队的专门商店，商品批发市场和与餐饮、娱乐、停车休息等相关联的购物场所等。
</p>
<p>
8.旅游者投保的人身意外伤害保险，指旅游者自己购买或者通过旅行社、航空机票代理点、景区等保险代理机构购买的以旅行期间自身的生命、身体或者有关利益为保险标的的短期保险，包括但不限于航空意外险、旅游意外险、紧急救援保险、特殊项目意外险。
</p>
<p>9.离团，指团队旅游者在境外经领队同意不随团队完成约定行程的行为。</p>
<p>10.脱团，指团队旅游者在境外未经领队同意脱离旅游团队，不随团队完成约定行程的行为。</p>
<p>11.转团，指由于未达到约定成团人数不能出团，出境社征得旅游者书面同意，在行程开始前将旅游者转至其他出境社所组的出境旅游团队履行合同的行为。</p>
<p>12.拼团，指出境社在保证所承诺的服务内容和标准不变的前提下，在签订合同时经旅游者同意，与其他出境社招徕的旅游者拼成一个团统一安排旅游服务的行为。</p>
<p>13.不可抗力，指不能预见、不能避免并不能克服的客观情况，包括但不限于因自然原因和社会原因引起的，如自然灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共卫生事件、政府行为。</p>
<p>14.已尽合理注意义务仍不能避免的事件，指因当事人故意或者过失以外的客观因素引发的事件，包括但不限于重大礼宾活动导致的交通堵塞，飞机、火车、班轮、城际客运班车等公共客运交通工具延误或者取消，景点临时不开放。
</p>
<p>15.必要的费用，指出境社履行合同已经发生的费用以及向地接社或者履行辅助人支付且不可退还的费用,
包括乘坐飞机（车、船）等交通工具的费用（含预订金）、旅游签证/签注费用、饭店住宿费用（含预订金）、旅游观光汽车的人均车租等。</p>
<p>16.公共交通经营者，指航空、铁路、航运客轮、城市公交、地铁等公共交通工具经营者。</p>
<h3>
<p class="TC_ZhangTitle">第二章 合同的订立</p>
</h3>
<h3>
<p>第二条 旅游行程单</p>
</h3>
<p>出境社应当提供带团号的《旅游行程单》（以下简称《行程单》），经双方签字或者盖章确认后作为本合同的组成部分。《行程单》应当对如下内容作出明确的说明：</p>
<p>（1）旅游行程的出发地、途经地、目的地、结束地，线路行程时间（按自然日计算，含乘飞机、车、船等在途时间，不足24小时以一日计）； </p>
<p>（2）旅游目的地地接社的名称、地址、联系人和联系电话；</p>
<p>（3）交通服务安排及其标准（明确交通工具及档次等级、出发时间以及是否需中转等信息）；</p>
<p>（4）住宿服务安排及其标准（明确住宿饭店的名称、地址、档次等级及是否有空调、热水等相关服务设施）；</p>
<p>（5）用餐（早餐和正餐）服务安排及其标准（明确用餐次数、地点、标准）；</p>
<p>（6）出境社统一安排的游览项目的具体内容及时间（明确旅游线路内容包括景区点及游览项目名称、景区点停留的最少时间）；</p>
<p>（7）自由活动的时间； </p>
<p>（8）行程安排的娱乐活动（明确娱乐活动的时间、地点和项目内容）；</p>
<h3>
<p>《行程单》用语须准确清晰，在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以××为准”、“与××同级”等不确定用语。</p>
</h3>
<h3>
<p class="toTopDistance">第三条 订立合同</p>
</h3>
<p>旅游者应当认真阅读本合同条款和《行程单》，在旅游者理解本合同条款及有关附件后，出境社和旅游者应当签订书面合同。</p>
<p>由旅游者的代理人订立合同的，代理人需要出具被代理的旅游者的授权委托书。</p>
<h3>
<p class="toTopDistance">第四条 旅游广告及宣传品</p>
</h3>
<p>出境社的旅游广告及宣传品应当遵循诚实信用的原则，其内容符合《中华人民共和国合同法》要约规定的，视为本合同的组成部分，对出境社和旅游者双方具有约束力。</p>
<h3>
<p class="TC_ZhangTitle">第三章 合同双方的权利义务</p>
</h3>
<h3>
<p>第五条 出境社的权利</p>
</h3>
<p>1.根据旅游者的身体健康状况及相关条件决定是否接纳旅游者报名参团；</p>
<p>2.核实旅游者提供的相关信息资料；</p>
<p>3.按照合同约定向旅游者收取全额旅游费用；</p>
<p>4.旅游团队遇紧急情况时，可以采取安全防范措施和紧急避险措施并要求旅游者配合；</p>
<p>5.拒绝旅游者提出的超出合同约定的不合理要求；</p>
<p>6. 要求旅游者对在旅游活动中或者在解决纠纷时损害出境社合法权益的行为承担赔偿责任；</p>
<p>7.要求旅游者健康、文明旅游，劝阻旅游者违法和违反社会公德的行为。</p>
<h3>
<p class="toTopDistance">第六条 出境社的义务</p>
</h3>
<p>1.按照合同和《行程单》约定的内容和标准为旅游者提供服务，不擅自变更旅游行程安排，不降低服务标准；</p>
<p>2.向合格的供应商订购产品和服务；</p>
<p>
3.不以不合理的低价组织旅游活动，诱骗旅游者，并通过安排购物或者另行付费旅游项目获取回扣等不正当利益；组织、接待旅游者，不指定具体购物场所，不安排另行付费旅游项目，但是，经双方协商一致或者旅游者要求，且不影响其他旅游者行程安排的除外；
</p>
<p>
4.在出团前采取行前说明会等方式，如实告知具体行程安排和有关具体事项。具体事项包括但不限于旅游目的地国家或者地区的相关法律、法规和风俗习惯、文化传统和宗教禁忌；旅游活动中的安全注意事项和安全避险措施、旅游者不适合参加旅游活动的情形；出境社依法可以减免责任的信息；境外小费标准、外汇兑换事项、应急联络方式（包括我驻外使领馆及出境社境内和境外应急联系人及联系方式）；法律、法规规定的其他应当告知的事项；
</p>
<p>5. 为旅游团队安排符合《中华人民共和国旅游法》、《旅行社条例》、《中国公民出国旅游管理办法》等法律、法规规定的持证领队人员；</p>
<p>6.妥善保管旅游者交其代管的证件、行李等物品；</p>
<h3>
<p>7.为旅游者发放用中英文固定格式书写、由旅游者填写的安全信息卡（内容包括旅游者的姓名、国籍、血型、应急联络方式等）；</p>
</h3>
<p>8．旅游者人身、财产权益受到损害时，应采取合理必要的保护和救助措施，避免旅游者人身、财产权益损失扩大；</p>
<p>9.积极协调处理旅游行程中的纠纷，采取适当措施防止损失扩大；</p>
<p>10.提示旅游者按照规定投保人身意外伤害保险；</p>
<p>11.向旅游者提供发票；</p>
<p>12.依法对旅游者个人信息保密。</p>
<h3>
<p class="toTopDistance">第七条 旅游者的权利</p>
</h3>
<p>1.要求出境社按照合同及《行程单》约定履行相关义务；</p>
<p>2.拒绝出境社未经事先协商一致的转团、拼团行为；</p>
<p>
3.有权自主选择旅游产品和服务，有权拒绝出境社未与旅游者协商一致或者未经旅游者要求而指定购物场所、安排旅游者参加另行付费旅游项目的行为，有权拒绝出境社的导游、领队强迫或者变相强迫旅游者购物、参加另行付费旅游项目的行为；
</p>
<p>4.在支付旅游费用时要求出境社出具发票；</p>
<p>5.人格尊严、民族风俗习惯和宗教信仰得到尊重；</p>
<p>6.在人身、财产安全遇有危险时，有权请求救助和保护；人身、财产受到侵害的，有权依法获得赔偿；</p>
<p>7.在合法权益受到损害时向有关部门投诉或者要求出境社协助索赔；</p>
<p>8. 《中华人民共和国旅游法》、《中华人民共和国消费者权益保护法》和有关法律、法规赋予旅游者的其他各项权利。</p>
<h3>
<p class="toTopDistance">第八条 旅游者的义务</p>
</h3>
<p>1.如实填写《出境旅游报名表》、签证/签注资料和游客安全信息卡等各项内容，告知与旅游活动相关的个人健康信息，并对其真实性负责，保证所提供的联系方式准确无误且能及时联系； </p>
<p>2.向出境社提交能有效使用的因私护照或者通行证，自办签证/签注者应当确保所持签证/签注在出游期间有效；</p>
<p>3.按照合同约定支付旅游费用；</p>
<p>4.按照合同约定随团完成旅游行程，配合领队人员的统一管理；</p>
<p>5. 遵守我国和旅游目的地国家（地区）的法律、法规和有关规定，不携带违禁物品出入境；不参与色情、赌博和涉毒活动；不擅自脱团；不在境外滞留不归；</p>
<p>6. 遵守旅游目的地国家（地区）的公共秩序和社会公德，尊重当地的风俗习惯，文化传统和宗教信仰，爱护旅游资源，保护生态环境，遵守《中国公民出国（境）旅游文明行为指南》等文明行为规范；</p>
<p>7.对国家应对重大突发事件暂时限制旅游活动的措施以及有关部门、机构或者旅游经营者采取的安全防范和应急处置措施予以配合；</p>
<p>8. 妥善保管自己的行李物品，随身携带现金、有价证券、贵重物品，不在行李中夹带；</p>
<p>
9.在旅游活动中或者在解决纠纷时，应采取适当措施防止损失扩大，不损害当地居民的合法权益，不干扰他人的旅游活动，不损害旅游经营者和旅游从业人员的合法权益，不采取拒绝上、下机（车、船）、拖延行程或者脱团等不当行为；
</p>
<p>10.在自行安排活动期间，应当在自己能够控制风险的范围内选择活动项目，遵守旅游活动中的安全警示规定，对自己的安全负责。</p>
<h3>
<p class="TC_ZhangTitle">第四章 合同的变更与转让</p>
</h3>
<h3>
<p>第九条 合同的变更</p>
</h3>
<p>1.出境社与旅游者双方协商一致，可以变更本合同约定的内容，但应当以书面形式由双方签字确认。由此增加的旅游费用及给对方造成的损失，由变更提出方承担；由此减少的旅游费用，出境社应当退还旅游者。</p>
<p>
2.行程开始前遇到不可抗力或者出境社、履行辅助人已尽合理注意义务仍不能避免的事件的，双方经协商可以取消行程或者延期出行。取消行程的，按照本合同第十四条处理；延期出行的，增加的费用由旅游者承担，减少的费用退还旅游者。
</p>
<p>3.行程中遇到不可抗力或者出境社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程的，按以下方式处理：</p>
<p>（1）合同不能完全履行的，旅行社经向旅游者作出说明，旅游者同意变更的，可以在合理范围内变更合同，因此增加的费用由旅游者承担，减少的费用退还旅游者。</p>
<p>（2）危及旅游者人身、财产安全的，旅行社应当采取相应的安全措施，因此支出的费用，由出境社与旅游者分担。</p>
<p>（3）造成旅游者滞留的，旅行社应采取相应的安置措施。因此增加的食宿费用由旅游者承担，增加的返程费用双方分担。</p>
<h3>
<p class="toTopDistance">第十条 合同的转让</p>
</h3>
<p>旅游行程开始前，旅游者可以将本合同中自身的权利义务转让给第三人，出境社没有正当理由的不得拒绝，并办理相关转让手续，因此增加的费用由旅游者和第三人承担。</p>
<p>正当理由包括但不限于：对应原报名者办理的相关服务不可转让给第三人的；无法为第三人办妥签证/签注、安排交通等情形的；旅游活动对于旅游者的身份、资格等有特殊要求的。</p>
<h3>
<p class="toTopDistance">第十一条 不成团的安排</p>
</h3>
<p>当未达到约定的成团人数不能成团时，旅游者可以与出境社就如下安排在本合同第二十三条中做出约定。</p>
<p>
1.转团：出境社可以在保证所承诺的服务内容和标准不降低的前提下，经事先征得旅游者书面同意，委托其他旅行社履行合同，并就受委托出团的出境社违反本合同约定的行为先行承担责任，再行追偿。旅游者和受委托出团的出境社另行签订合同的，本合同的权利义务终止。
</p>
<p>2.延期出团或者改签线路出团：出境社经征得旅游者书面同意，可以延期出团或者改签其他线路出团，因此增加的费用由旅游者承担，减少的费用出境社予以退还。需要时可以重新签订旅游合同。</p>
<h3>
<p class="TC_ZhangTitle">第五章 合同的解除</p>
</h3>
<h3>
<p>第十二条 出境社解除合同</p>
</h3>
<p>
1.未达到约定的成团人数不能成团时，出境社解除合同的，应当采取书面等有效形式。出境社在行程开始前30日（按照出发日减去解除合同通知到达日的自然日之差计算，下同）以上（含第30日，下同）提出解除合同的，不承担违约责任，出境社向旅游者退还已收取的全部旅游费用（不得扣除签证/签注费用）；出境社在行程开始前30日以内（不含第30日，下同）提出解除合同的，除向旅游者退还已收取的全部旅游费用外，还应当按照本合同第十七条第1款的约定承担相应的违约责任。
</p>
<p>2.旅游者有下列情形之一的，出境社可以解除合同（相关法律、行政法规另有规定的除外）：</p>
<p>（1）患有传染病等疾病，可能危害其他旅游者健康和安全的；</p>
<p>（2）携带危害公共安全的物品且不同意交有关部门处理的；</p>
<p>（3）从事违法或者违反社会公德的活动的；</p>
<p>（4）从事严重影响其他旅游者权益的活动，且不听劝阻、不能制止的；</p>
<p>（5）法律规定的影响合同履行的其他情形。</p>
<p>出境社因上述情形解除合同的，应当以书面等形式通知旅游者，按照本合同第十五条的相关约定扣除必要的费用后，将余款退还旅游者。</p>
<h3>
<p class="toTopDistance">第十三条 旅游者解除合同</p>
</h3>
<p>
1.未达到约定的成团人数不能成团时，旅游者既不同意转团，也不同意延期出行或者改签其他线路出团的，出境社应及时发出不能成团的书面通知，旅游者可以解除合同。旅游者在行程开始前30日以上收到旅行社不能成团通知的，旅行社不承担违约责任，向旅游者退还已收取的全部旅游费用；旅游者在行程开始前30日以内收到旅行社不能成团通知的，按照本合同第十七条第1款相关约定处理。
</p>
<p>
2.除本条第1款约定外，在行程结束前，旅游者亦可以书面等形式解除合同（相关法律、行政法规另有规定的除外）。旅游者在行程开始前30日以上提出解除合同的，未办理签证/签注的，出境社应当向旅游者退还全部旅游费用；已办理签证/签注的，应当扣除签证/签注费用（旅游者自办的除外）；旅游者在行程开始前30日以内提出解除合同的，出境社按照本合同第十五条相关约定扣除必要的费用后，将余款退还旅游者。
</p>
<p>3.旅游者未按约定时间到达约定集合出发地点，也未能在出发中途加入旅游团队的，视为旅游者解除合同，按照本合同第十五条相关约定处理。</p>
<h3>
<p class="toTopDistance">第十四条 因不可抗力或者已尽合理注意义务仍不能避免的事件解除合同</p>
</h3>
<p>
因不可抗力或者出境社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程，合同不能继续履行的，出境社和旅游者均可以解除合同；合同不能完全履行，旅游者不同意变更的，可以解除合同（因已尽合理注意义务仍不能避免的事件提出解除合同的，相关法律、行政法规另有规定的除外）。
</p>
<p>合同解除的，出境社应当在扣除已向地接社或者履行辅助人支付且不可退还的费用后，将余款退还旅游者。</p>
<h3>
<p class="toTopDistance">第十五条 必要的费用扣除</p>
</h3>
<p>1.旅游者在行程开始前30日以内提出解除合同或者按照本合同第十二条第2款约定由出境社在行程开始前解除合同的，按下列标准扣除必要的费用：</p>
<p>行程开始前29日至15日，按旅游费用总额的5%；</p>
<p>行程开始前14日至7日，按旅游费用总额的20%；</p>
<p>行程开始前6日至4日，按旅游费用总额的50%；</p>
<p>行程开始前3日至1日，按旅游费用总额的60%；</p>
<p>行程开始当日，按旅游费用总额的70%。</p>
<p>2.在行程中解除合同的，必要的费用扣除标准为：</p>
<p>旅游费用×行程开始当日扣除比例+（旅游费用-旅游费用×行程开始当日扣除比例)÷旅游天数×已经出游的天数。</p>
<p>如按上述第1款或者第2款约定比例扣除的必要的费用低于实际发生的费用，旅游者按照实际发生的费用支付，但最高额不应当超过旅游费用总额。</p>
<p>解除合同的，出境社扣除必要的费用后，应当在解除合同通知到达日起5个工作日内为旅游者办结退款手续。</p>
<h3>
<p class="toTopDistance">第十六条 出境社协助旅游者返程及费用承担</p>
</h3>
<p>
旅游行程中解除合同的，出境社应协助旅游者返回出发地或者旅游者指定的合理地点。因旅行社或者履行辅助人的原因导致合同解除的，返程费用由出境社承担；行程中按照本合同第十二条第2款，第十三条第2款约定解除合同的，返程费用由旅游者承担；按照本合同第十四条约定解除合同的，返程费用由双方分担。
</p>
<h3>
<p class="TC_ZhangTitle">第六章 违约责任</p>
</h3>
<h3>
<p>第十七条 出境社的违约责任</p>
</h3>
<p>
1.出境社在行程开始前30日以内提出解除合同的，或者旅游者在行程开始前30日以内收到出境社不能成团通知，不同意转团、延期出行和改签线路解除合同的，出境社向旅游者退还已收取的全部旅游费用（不得扣除签证／签注等费用），并按下列标准向旅游者支付违约金：
</p>
<p>行程开始前29日至15日，支付旅游费用总额2%的违约金；</p>
<p>行程开始前14日至7日，支付旅游费用总额5%的违约金；</p>
<p>行程开始前6日至4日，支付旅游费用总额10%的违约金；</p>
<p>行程开始前3日至1日，支付旅游费用总额15%的违约金；</p>
<p>行程开始当日，支付旅游费用总额20%的违约金。</p>
<p>如按上述比例支付的违约金不足以赔偿旅游者的实际损失，出境社应当按实际损失对旅游者予以赔偿。</p>
<p>出境社应当在取消出团通知或者旅游者不同意不成团安排的解除合同通知到达日起5个工作日内，为旅游者办结退还全部旅游费用的手续并支付上述违约金。</p>
<p>2.出境社未按合同约定提供服务，或者未经旅游者同意调整旅游行程（本合同第九条第3款规定的情形除外），造成项目减少、旅游时间缩短或者标准降低的，应当依法承担继续履行、采取补救措施或者赔偿损失等违约责任。
</p>
<p>
3.出境社具备履行条件，经旅游者要求仍拒绝履行本合同义务的，出境社向旅游者支付旅游费用总额30%的违约金，旅游者采取订同等级别的住宿、用餐、交通等补救措施的，费用由出境社承担；造成旅游者人身损害、滞留等严重后果的，旅游者还可以要求出境社支付旅游费用一倍以上三倍以下的赔偿金。
</p>
<p>
4.未经旅游者同意，出境社转团、拼团的，出境社应向旅游者支付旅游费用总额25%的违约金；旅游者解除合同的，出境社还应向未随团出行的旅游者退还全部旅游费用，向已随团出行的旅游者退还尚未发生的旅游费用。如违约金不足以赔偿旅游者的实际损失，出境社应当按实际损失对旅游者予以赔偿。
</p>
<p>5.出境社有以下情形之一的，旅游者有权在旅游行程结束后30日内，要求出境社为其办理退货并先行垫付退货货款，或者退还另行付费旅游项目的费用：</p>
<p>（1）出境社以不合理的低价组织旅游活动，诱骗旅游者，并通过安排购物或者另行付费旅游项目获取回扣等不正当利益的；</p>
<p>（2）未经双方协商一致或者未经旅游者要求，出境社指定具体购物场所或者安排另行付费旅游项目的。</p>
<p>6.与旅游者出现纠纷时，出境社应当积极采取措施防止损失扩大，否则应当就扩大的损失承担责任。</p>
<h3>
<p class="toTopDistance">第十八条 旅游者的违约责任</p>
</h3>
<p>1.因不听从出境社及其领队的劝告、提示而影响团队行程，给出境社造成损失的，应当承担相应的赔偿责任。</p>
<p>2.旅游者超出本合同约定的内容进行个人活动所造成的损失，由其自行承担。</p>
<p>3.由于旅游者的过错，使出境社、履行辅助人、旅游从业人员或者其他旅游者遭受损害的，应当由旅游者赔偿损失。</p>
<p>4.旅游者在旅游活动中或者在解决纠纷时，应采取措施防止损失扩大，否则应当就扩大的损失承担相应的责任。</p>
<p>5.旅游者违反安全警示规定，或者对国家应对重大突发事件暂时限制旅游活动的措施、安全防范和应急处置措施不予配合，造成旅行社损失的，应当依法承担相应责任。</p>
<h3>
<p class="toTopDistance">第十九条 其他责任</p>
</h3>
<p>
1.因旅游者提供材料存在问题或者自身其他原因被拒签、缓签、拒绝入境和出境的，相关责任和费用由旅游者承担，出境社将未发生的费用退还旅游者。如给出境社造成损失的，旅游者还应当承担赔偿责任。因出境社原因导致旅游者被拒签而解除合同的，依据本合同第十七条第1款处理。
</p>
<p>2.由于旅游者自身原因导致本合同不能履行或者不能按照约定履行，或者造成旅游者人身损害、财产损失的，出境社不承担责任。</p>
<p>3.旅游者自行安排活动期间人身、财产权益受到损害的，出境社在事前已尽到必要警示说明义务且事后已尽到必要救助义务的，出境社不承担赔偿责任。</p>
<p>4.由于第三方侵害等不可归责于出境社的原因导致旅游者人身、财产权益受到损害的，出境社不承担赔偿责任。但因出境社不履行协助义务致使旅游者人身、财产权益损失扩大的，应当就扩大的损失承担赔偿责任。</p>
<p>5.由于公共交通经营者的原因造成旅游者人身损害、财产损失依法应承担责任的，出境社应当协助旅游者向公共交通经营者索赔。</p>
<h3>
<p class="TC_ZhangTitle">第七章 协议条款</p>
</h3>
<h3>
<p>第二十条 线路行程时间</p>
</h3>
<p>
旅游线路为<font>{{dataList.productName}}</font>
出发时间 <font>{{getDate(dataList.startDate)}}</font>
结束时间<font>{{getDate(dataList.returnDate)}}</font>
共<font>{{dataList.dayNum}}</font>天<font>{{dataList.nightNum}}</font>夜。
</p>
<h3>
<p class="toTopDistance">第二十一条 旅游费用及支付（以人民币为计算单位）</p>
</h3>
<p>
成人<font>{{dataList.adultPrice}}</font>元/人，小孩<font>{{dataList.childPrice}}</font>元/人；其中，导游服务费
<font>{{dataList.servicePrice}}</font>元/人；旅游费用合计：<font>{{dataList.orderPrice}}</font>元。
</p>
<p>旅游费用支付方式：<font>{{dataList.payType==1?'现金':'转账'}}</font>
</p>
<p>旅游费用支付时间：<font>{{getDate(dataList.payDate)}}</font>
</p>
<h3>
<p class="toTopDistance">第二十二条 人身意外伤害保险</p>
</h3>
<p>
旅游者<font>{{dataList.insuranceOpinion==1?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）委托出境社办理人身意外伤害保险，保险公司名称
<font></font>（投保的相关信息以实际保单为准）；保险金额：<font>{{dataList.insuranceAmount}}</font>元人民币。
</p>
<p>旅游者<font>{{dataList.clientName}}</font>（姓名）已阅读知悉保险条款，个人旅游人身意外伤害保险赔付标准按相关保险条款规定执行。</p>
<h3>
<p class="toTopDistance">第二十三条 成团人数与不成团的约定</p>
</h3>
<p>成团的最低人数：<font>{{dataList.minNumber}}</font>人。</p>
<p>如不能成团，旅游者是否同意按下列方式解决：</p>
<p>1.<font>{{dataList.insteadOpinion==1?'同意':'不同意'}}</font>出境社委托<font>{{dataList.insteadCompany}}</font>
出境社履行合同；</p>
<p>2.<font>{{dataList.delayOpinion==1?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）延期出团；</p>
<p>3.<font>{{dataList.changeOpinion==1?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）改签其他线路出团；</p>
<p>4.<font>{{dataList.terminateOpinion==1?'同意':'不同意'}} </font>（同意或者不同意，打勾无效）解除合同。</p>
<h3>
<p class="toTopDistance">第二十四条 拼团约定</p>
</h3>
<p>旅游者<font>{{dataList.carpoolOpinion==1?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）采用拼团方式拼至<font>
{{dataList.carpoolCompany}}</font>出境社成团。</p>
<h3>
<p class="toTopDistance">第二十五条 自愿购物和参加另行付费旅游项目约定</p>
</h3>
<p>1.旅游者可以自主决定是否参加出境社安排的购物活动、另行付费旅游项目；</p>
<p>2.出境社可以在不以不合理的低价组织旅游活动、不诱骗旅游者、不获取回扣等不正当利益，且不影响其他旅游者行程安排的前提下，按照平等自愿、诚实信用的原则，与旅游者协商一致达成购物活动、另行付费旅游项目协议；
</p>
<p>3.购物活动、另行付费旅游项目安排应不与《行程单》冲突；</p>
<p>4.地接社及其从业人员在行程中安排购物活动、另行付费旅游项目的，责任由订立本合同的出境社承担；</p>
<p>5. 购物活动、另行付费旅游项目具体约定见《自愿购物活动补充协议》（附件3）、《自愿参加另行付费旅游项目补充协议》（附件4）。</p>
<h3>
<p class="toTopDistance">第二十六条 争议的解决方式</p>
</h3>
<p>本合同履行过程中发生争议，由双方协商解决，亦可向合同签订地的旅游质监执法机构、消费者协会、有关的调解组织等有关部门或者机构申请调解。协商或者调解不成的，按下列第<font>
{{dataList.settleDisputeMode}}</font>种方式解决：</p>
<p>1.提交<font>{{dataList.arbitrationCommission}}</font>仲裁委员会仲裁；</p>
<p>2.依法向<font>{{dataList.court}}</font>人民法院起诉。 </p>
<h3>
<p class="toTopDistance">第二十七条 其他约定事项</p>
</h3>
<p>未尽事宜，经旅游者和出境社双方协商一致，可以列入补充条款。（如合同空间不够，可以另附纸张，由双方签字或者盖章确认。）</p>
<p class="decoration">
<font></font>
</p>
<h3 class="Contract_Depart"><span class="leftP" style="padding-left:10px;">第二十八条 合同效力 </span>
</h3>
<p class="Contract_Depart" id="p_contract_num">本合同一式<font>{{getTotalNum(dataList.totalNumber)}}</font>
份，双方各持<font>{{getTotalNum(dataList.eachNumber)}}</font>份，具有同等法律效力，自双方当事人签字或者盖章之日起生效。</p>
</div>
<div class="item_content">
<label id="l3">签章信息</label>
<div class="leftSign">
<div><span>旅游者代表签字（盖章）：</span>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</div>
<div><span>证件号码：</span>
<font>{{dataList.clientIdcardnum}}</font>
</div>
<div><span>地址：</span>
<font>
<div class="addressCommon">{{dataList.clientAddress}}</div>
</font>
</div>
<div><span>联系电话：</span>
<font>{{dataList.clientCall}}</font>
</div>
<div><span>传真：</span>
<font>{{dataList.clientFax}}</font>
</div>
<div><span>邮编：</span>
<font>{{dataList.clientPostCode}}</font>
</div>
<div><span>电子信箱：</span>
<font>{{dataList.clientEmail}}</font>
</div>
<div><span>签约日期：</span>
<font>{{getDate(dataList.payDate)}}</font>
</div>
<div><span>签约地点：</span>
<font>{{dataList.contractPlace}}</font>
</div>
</div>
<div class="rightSign">
<div style="position:relative">
<span>出境社盖章：</span>
<img src="" alt="" />
</div>
<div><span>经办人：</span>
<font>{{dataList.agentName}}</font>
</div>
<div><span>地址：</span>
<div class="addressCommon">
<font>{{dataList.companyAddress}}</font>
</div>
</div>
<div><span>联系电话：</span>
<font>{{dataList.companyCall}}</font>
</div>
<div><span>传真：</span>
<font>{{dataList.companyFax}}</font>
</div>
<div><span>邮编：</span>
<font>{{dataList.companyPostCode}}</font>
</div>
<div><span>电子信箱：</span>
<font>{{dataList.companyEmail}}</font>
</div>
<div><span>签约日期：</span>
<font>{{getDate(dataList.payDate)}}</font>
</div>
</div>
</div>
<div class="item_content">
<label id="l4">投诉信息</label>
<p>出境社监督、投诉电话：<font>{{dataList.companyComplainCall}}</font>
</p>
<p>四川省成都市旅游质监执法机构：<font>{{dataList.regulatorName}}</font>
</p>
<p>投诉电话：<font>{{dataList.regulatorComplainCall}}</font>
</p>
<p>成都市旅游质监执法监督网：<font>{{dataList.regulatorWebsite}}</font>
</p>
<p>地址：<font>{{dataList.regulatorAddress}}</font>
</p>
<p>邮编：<font>{{dataList.regulatorPostCode}}</font>
</p>
</div>
<div class="item_content">
<label id="l5">旅客信息</label>
<table class="content_table ClientTravelTable" cellpadding="0" cellspacing="0"
style="border-collapse:collapse">
<tr>
<th>姓名</th>
<th>国籍</th>
<th>民族</th>
<th>性别</th>
<th>出生日期</th>
<th>身份证号</th>
<th>护照号</th>
<th>手机号</th>
</tr>
<tr v-for="item in dataList.guestList">
<td>
{{item.surName+''+item.name}}</br>
{{item.eSurName+''+item.eName}}
</td>
<td>{{item.nationalityName}}</td>
<td></td>
<td>{{item.sex==1?'男':'女'}}</td>
<td>{{getDate(item.birthday)}}</td>
<td>{{item.idCard}}</td>
<td>{{item.passportNo}}</td>
<td>{{item.mobilePhone}}</td>
</tr>
</table>
</div>
<div class="item_content">
<label id="l6">旅游报名表</label>
<p>
<b>旅游线路及编号</b>
<font>{{dataList.productName}}</font>
<b>旅游者出团意向时间</b>
<font>{{getDate(dataList.startDate)}}</font>
</p>
<table class="content_table LRTB" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td width="20%">姓名</td>
<td width="30%">
<font>{{dataList.clientName}}</font>
</td>
<td width="20%">性别</td>
<td width="30%"></td>
</tr>
<tr>
<td width="20%">民族</td>
<td width="30%"></td>
<td width="20%">出生日期</td>
<td width="30%"></td>
</tr>
<tr>
<td width="20%">身份证号</td>
<td width="30%">
<font>{{dataList.clientIdcardnum}}</font>
</td>
<td width="20%">联系电话</td>
<td width="30%">
<font>{{dataList.clientCall}}</font>
</td>
</tr>
<tr>
<td width="20%">国籍</td>
<td width="30%"></td>
<td width="20%">护照号</td>
<td width="30%">
<font>{{dataList.clientPassport}}</font>
</td>
</tr>
<tr>
<td class="rightTD">身体状况</td>
<td colspan="3" style="text-align:left">
<div>
<font>{{dataList.healthRemark}}</font>
</div>
<div>（需注明是否有身体残疾、精神疾病、高血压、心脏病等健康受损病症、病史，是否为妊娠期妇女）</div>
</td>
</tr>
<tr>
<td colspan="4" style="text-align:left">
<p>旅游者全部同行名单及分房要求（所列同行人均视为旅游社要求必须同时安排出团）</p>
<p>同住人：<font>{{dataList.togetherRemark}}</font>
</p>
<p>单男/单女：<font>{{dataList.singleRemark}}</font>（需安排与他人同住）</p>
<p>不占床人员：<font>{{dataList.nobedRemark}}</font>
</p>
<p>单独住人员：<font>{{dataList.aloneRemark}}</font>（同意补交房费差额）</p>
</td>
</tr>
<tr>
<td colspan="4" style="text-align:left">
<p>其他补充约定：</p>
<p>我们一行<font v-if="dataList.guestList">{{dataList.guestList.length}}</font>人，确定参加贵社组织的 <font>
{{getDate(dataList.startDate)}}</font> 至 <font>{{getDate(dataList.returnDate)}}</font> 日，产品名称：
<font>{{dataList.productName}}</font> 随团旅游，并出具《委托授权书》全权委托<font>{{dataList.clientName}}</font>
（受托人），代表我们与贵社签订《团队境内旅游合同》，并承诺按《合同》约定，承担相应责任。</p>
<p>旅游者签字（盖章）：
<img style="width:120px;" :src="dataList.companySignature" alt="" />
<font>{{getDate(dataList.payDate)}}</font>
</p>
</td>
</tr>
<tr>
<td>备注</td>
<td colspan="3" style="text-align:left">
<p>（年龄低于18周岁，需要提交监护人书面同意出行书）</p>
</td>
</tr>
<tr>
<td width="20%">服务网点名称</td>
<td width="30%">
<font>{{dataList.contractPlace}}</font>
</td>
<td width="20%">出境社经办人</td>
<td width="30%">
<font>{{dataList.agentName}}</font>
</td>
</tr>
<tr>
<td width="20%">分支机构名称</td>
<td width="30%"></td>
<td width="20%">经办人联系电话</td>
<td width="30%">
<font>{{dataList.agentCall}}</font>
</td>
</tr>
</table>
</div>
<div class="item_content">
<label id="l7">委托授权书</label>
<template v-for="(item,index) in dataList.guestList">
<p class="shouquanNum">{{index+1}}</p>
<div style="border:1px solid #d1d1d1;padding:20px;">
<p style="text-align:center;">委托授权书</p>
<p style="text-align:left;">
<font>{{dataList.company}}</font>:
</p>
<p>兹有本人<font>{{item.surName+''+item.name}}</font>（委托人姓名）声明：授权<font>{{dataList.clientName}}</font>
（受托人姓名）为我参加贵公司旅行团并签署编号为：<font>{{dataList.contractNum}}</font>
的旅游合同的合法代表，代理权限为特别授权，包括代为签订旅游合同、缴纳旅游相关费用等。</p>
<p>本人保证：</p>
<p>
1、我已知悉合同全部内容及旅游相关注意事项，同意合同全部条款，签订本合同为我的真实意思表示。
</p>
<p>
2、受托人基于本授权委托书作出的一切行为本人均予以认可，由此产生的一切法律后果均由本人承担。
</p>
<p>特此声明。</p>
<p>
委托人签字：<font>{{item.surName+''+item.name}}</font>身份证号：<font>{{item.idCard}}</font>联系电话：<font>
{{item.mobilePhone}}</font>
</p>
<p>
受托人签字：<img style="width:120px;" :src="dataList.companySignature" alt="" />
联系电话：<font>{{dataList.clientCall}}</font>
</p>
<p>
受托人承诺：本授权委托书为<font>{{item.surName+''+item.name}}</font>
（委托人姓名）本人出具，若不属实，因此产生的全部法律责任由受托人承担。受托人代表其他委托人在本合同书上签字，将严格履行受托人的权利和义务，将本合同的全部内容逐一向我代表的每一位委托人转达。
</p>
<p>
委托日期：<font>{{getDate(dataList.payDate)}}</font>
</p>
</div>
</template>
</div>
<div class="item_content">
<label id="l8">旅游行程单</label>
<p class="shouquanNum">已附纸质旅游行程单</p>
<div>
<table class="content_table travelDan" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>旅游者代表签字（盖章）：<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
<td style="position:relative;">出境社盖章：
</td>
</tr>
<tr>
<td></td>
<td>经办人：<font>{{dataList.agentName}}</font>
</td>
</tr>
<tr>
<td>签约日期：<font>{{getDate(dataList.payDate)}}</font>
</td>
<td>签约日期：<font>{{getDate(dataList.payDate)}}</font>
</td>
</tr>
</table>
</div>
</div>
<div class="item_content">
<label id="l9">安全信息卡</label>
<template v-for="(item,index) in dataList.guestList">
<p class="shouquanNum">{{index+1}}</p>
<table class="content_table LRTB" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<td width="300">中文姓<br />Chinese surname</td>
<td>
<font>{{item.surName}}</font>
</td>
<td>中文名<br />Chinese name</td>
<td>
<font>{{item.name}}</font>
</td>
</tr>
<tr>
<td>英文姓<br />Family name</td>
<td>
<font>{{item.eSurName}}</font>
</td>
<td>英文名<br />Given name</td>
<td>
<font>{{item.eName}}</font>
</td>
</tr>
<tr>
<td>身份证号码<br />ID card number</td>
<td>
<font>{{item.idCard}}</font>
</td>
<td>护照号码<br />Passport number</td>
<td>
<font>{{item.passportNo}}</font>
</td>
</tr>
<tr>
<td>国籍<br />Nationality</td>
<td colspan="3">
<font>{{item.nationalityName}}</font>
</td>
</tr>
<tr>
<td>紧急其概况下联系人姓名和联系电话<br />Emergency contact</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>血型<br />Blood type</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>过敏史<br />Allergy history</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>既往疾病<br />Formerly medical history</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>可以使用的商业保险<br />Commercial insurance company name</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>特别说明<br />Special description</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>持卡人签字<br />signature</td>
<td colspan="3">
<font>{{item.name}}</font>
</td>
</tr>
</table>
</template>
</div>
<div class="item_content">
<label id="l10">旅游承诺书</label>
<h3 style="margin-top:0;">
<p>中国公民出境旅游文明行为指南</p>
</h3>
<p>中国公民，出境旅游，注重礼仪，保持尊严。</p>
<p>讲究卫生，爱护环境；衣着得体，请勿喧哗。</p>
<p>尊老爱幼，助人为乐；女士优先，礼貌谦让。</p>
<p>出行办事，遵守时间；排队有序，不越黄线。</p>
<p>文明住宿，不损用品；安静用餐，请勿浪费。</p>
<p>健康娱乐，有益身心；赌博色情，坚决拒绝。</p>
<p>参观游览，遵守规定；习俗禁忌，切勿冒犯。</p>
<p>遇有疑难，咨询领馆；文明出行，一路平安。</p>
<h3>游客文明旅游承诺书</h3>
<p>为了维护旅游文明，树立良好旅游形象，文明出游。我承诺：</p>
<p>在旅游过程中，自觉遵守《中国公民-国内旅游文明行为公约》、《中国公民出国（境）旅游文明行为指南》和《中华人民共和国旅游法》有关规定。</p>
<p>一、是遵守当地法规，维护环境卫生，不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
<p>二、是恪守公德，礼让老幼病残，礼让女士，不讲粗话。</p>
<p>三、是在公共场所按次序排队，不插队，不拥挤，女士优先，礼貌谦让。</p>
<p>四、是在公共场所不并行挡道，不高声交谈，尊重当地的习俗禁忌。</p>
<p>五、是保护生态环境，不踩踏绿地，不摘折花木和果实，不追捉、投打、乱喂动物。</p>
<p>六、是保护文物古迹，不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。</p>
<p>七、是爱惜公共设施，不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
<p>八、是尊重别人权利，不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族宗教习俗。</p>
<p>九、是坚决不参加黄赌毒等活动。</p>
<p>十、如实告知与旅游活动相关的个人健康信息，遵守旅游活动中的安全警示规定。</p>
<p style="margin-bottom:30px;">
旅游者签字（盖章）：
<img style="width:120px;" :src="dataList.companySignature" alt="" />
<font>{{getDate(dataList.payDate)}}</font>
</p>
</div>
<div class="item_content">
<label id="l11">补充协议1</label>
<p class="shouquanNum" style="text-align:center;">自愿购物补充协议</p>
<div style="position:relative;">
<div class="remindInfo">详见行程单</div>
<table class="content_table comonTb" cellpadding="0" cellspacing="0"
style="border-collapse:collapse;margin-top:30px;">
<tr>
<th>具体时间</th>
<th width="150">地点</th>
<th>购物场所名称</th>
<th>主要商品信息</th>
<th>最长停留时间（分钟）</th>
<th>其他说明</th>
<th>旅游者签字同意</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
</tr>
</table>
</div>
<p style="margin:20px 0;">出境社经办人：<font>{{dataList.agentName}}</font>
</p>
</div>
<div class="item_content" style="margin-bottom:80px;">
<label id="l12">补充协议2</label>
<p class="shouquanNum" style="text-align:center;">自愿参加另行付费旅游项目补充协议</p>
<div style="position:relative;">
<div class="remindInfo">详见行程单</div>
<table class="content_table comonTb" cellpadding="0" cellspacing="0"
style="border-collapse:collapse;margin-top:30px;">
<tr>
<th>具体时间</th>
<th width="150">地点</th>
<th>购物场所名称</th>
<th>主要商品信息</th>
<th>最长停留时间（分钟）</th>
<th>其他说明</th>
<th>旅游者签字同意</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
</tr>
</table>
</div>
<p style="margin:20px 0;">出境社经办人：<font>{{dataList.agentName}}</font>
</p>
</div>
<div style="text-align:center;margin:20px 0">
<input type="button" class="CliConfirmBtn" v-if="dataList.companySignature==''" value="签字确认"
@click="dialogVisible=true" />
</div>
</div>
</div>
<div class="CliSignDiv" :class="dialogVisible?'isShowSign':''" @touchmove.prevent>
<div class="CliSignDiv" style="height:100%;background:#fff;z-index:100">
<div class="CanvasDiv">
<div class="dash">
<div id="canvas" style="position:relative;top:0;">
</div>
</div>
</div>
<div class="bottom" style="text-align:center;height:80px;line-height:80px">
<el-row>
<el-col :span="12">
<div style="width:100%;" @click="handelClearEl()">
<!-- <span class="bg bg1"></span> -->
<span style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-zhongzhi1"></span>
<span style="font-size:2rem">重置签名</span>
</div>
</el-col>
<el-col :span="12">
<div style="width:100%;" @click="handelSaveEl()">
<!-- <span class="bg bg2"></span> -->
<span style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-wancheng1"></span>
<span style="font-size:2rem">完成签名</span>
</div>
</el-col>
</el-row>
<!-- <input type="button" @click="handelClearEl()" class="CV_Btn" value="清除" />
<input type="button" @click="handelSaveEl()" class="CV_Btn" value="保存" /> -->
</div>
</div>
</div>
</div>
</template>
<div class="CliSignDiv" :class="dialogVisible?'isShowSign':''" @touchmove.prevent>
<div class="CliSignDiv" style="height:100%;background:#fff;z-index:100">
<div class="CanvasDiv">
<div class="dash">
<div id="canvas" style="position:relative;top:0;">
</div>
</div>
</div>
<div class="bottom" style="text-align:center;height:80px;line-height:80px">
<el-row>
<el-col :span="12">
<div style="width:100%;" @click="handelClearEl()">
<!-- <span class="bg bg1"></span> -->
<span style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-zhongzhi1"></span>
<span style="font-size:2rem">重置签名</span>
</div>
</el-col>
<el-col :span="12">
<div style="width:100%;" @click="handelSaveEl()">
<!-- <span class="bg bg2"></span> -->
<span style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-wancheng1"></span>
<span style="font-size:2rem">完成签名</span>
</div>
</el-col>
</el-row>
<!-- <input type="button" @click="handelClearEl()" class="CV_Btn" value="清除" />
<input type="button" @click="handelSaveEl()" class="CV_Btn" value="保存" /> -->
</div>
</div>
</div>
</div>
</template>
<script>
import moment from 'moment'
let canvas = document.createElement("canvas");
let cxt = canvas.getContext("2d");
export default {
data() {
return {
CurrentUserInfo: {},
signShow: true,
tcShow: true,
ActiveTab: 1,
//查询参数
msg: {
ContractId: 0,
},
PostMsg: {
ID: 0,
Tourists_Sign: ""
},
dialogVisible: false,
showCanvas: false,
linewidth: 10, //线条粗细，选填
color: "black", //线条颜色，选填
background: "#fff", //线条背景，选填
dataList: [],
//参数
CtObj: {
CType: 2, //合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
Tourists_Name: "",
Tourists_IDNum: "",
Tourists_Addres: "",
Tourists_Tel: "",
Tourists_Email: "",
Tourists_PostNum: "",
Tourists_Fax: "",
Tourists_EmergencyLinkMan: "",
Tourists_EmergencyLinkTel: "",
TravelAgency_Name: "四川和平国际旅行社有限公司", //旅行社名称
TravelAgency_LicenseNum: "L-SC-CJ00015",
TravelAgency_DealMan: "",
TravelAgency_IDNum: "",
TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Tel: "",
TravelAgency_Fax: "",
TravelAgency_PostNum: "",
TravelAgency_Email: "",
TravelAgency_Scope: "出境游/境内游", //旅行社经营范围
TravelAgency_SignAddress: "",
Guide_Name: "",
Guide_Num: "",
Guide_Tel: "",
C_TCNUM: "", //团号
C_ProductName: "",
C_StartDate: "", //出发时间
C_EndDate: "",
C_DayNum: "",
C_NightNum: "",
C_AdultNum: "",
C_AdultPrice: "", //成人价格
C_ChildrenNum: "",
C_ChildrenPrice: "",
C_GuideServicePrice: "",
C_TotalPrice: "",
C_PayDate: "",
C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账)
C_PayTypeRemark: "", //转账填写转账账号和备注
C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买)
C_InsuranceName: "",
C_LowNum: "",
C_IsAgreeTravel: 1, // 是否同意旅行社委托(1-不同意，0同意）
C_AgreeTravelName: "", // 是否同意旅行社名称
C_IsAgreeDelay: 1, /// 是否同意延期出团(1-不同意，0同意）
C_IsAgreeCndorse: 1, /// 是否同意改签(1-不同意，0同意）
C_IsAgreeRemove: 1, // 是否同意解除合同(1-不同意，0同意）
C_IsAgreeSpellGroup: 1, // 是否同意拼团(1-不同意，0同意）
C_SpellGroupName: "", // 拼团旅行社名称
C_SolveType: 2, // 争议解决方式
C_SolveRemark: "", // 争议解决方式备注
C_ContractTotal: "2", // 合同总分数
C_ContractPer: "1", // 各持几份
C_StartAddress: "", // 出发地点
C_ReturnAddress: "", //返回地点
C_TrafficType: 1, // 交通方式(1-合车游，2-包车游)
C_BusCode: "", // 车牌号
C_DriverName: "", // 驾驶员姓名
C_IsHaveKongTiao: 1, // 是否有空调(0-有空调，1-无空调)
C_BusType: 1, // 车辆类型(1-面包车,2-中巴车,3-大巴车)
C_BreakfastAddress: "", // 早餐地点
C_BreakfastBasic: "", // 早餐标准
C_LunchAddress: "", // 午餐地点
C_LunchBasic: "", // 午餐标准
C_DinnerAddress: "", // 晚餐地点
C_DinnerBasic: "", // 晚餐标准
C_IncludeRemark: "", // 费用包含
C_NonIncludeRemark: "", // 费用不包含
TravelAgency_ServiceTel: "", // 旅行社客服电话
C_ComplaintProvince: "", // 投诉省
C_ComplaintCity: "", // 投诉市
C_ComplaintTel: "", // 投诉电话
C_ComplaintEmail: "", // 投诉电子邮箱
C_ComplaintAddress: "", // 投诉地址
C_ComplaintPostNum: "", // 投诉邮编
C_ZhiFaTel: "", // 执法机构电话
C_XFZXHTSTel: "", // 消费者协会投诉电话
C_TicketDayNum: "", // 几日内出票
C_OrderDayNum: "", // 几日内下单
C_PayDayNum: "", // 几日内缴费
C_SignType: "", // 获取签证资料及领取签证方式
OtherConventionPrice: "", // 其他服务费用合计
OtherConvention: "", // 其他约定事项
TripJson: "",
GuestJson: "", // 游客信息【json】
ShopJson: "", // 购物信息【json】
SelfFeeJson: "", // 自费信息【Json】
TicketJson: "", // 机票信息
TicketTotalNum: 0, // 机票总数量
TicketOutDayNum: 0, // 机票几日内出票
TicketTotalDepositPrice: 0, // 机票预订总费用
HotelBookJson: "", // 酒店预订
HotelTotal: "", // 酒店多少间、晚
HotelCheckInType: "", // 酒店入住方式
HotelNotice: "", // 下订单后通知旅游者的方式
HotelTotalPrice: "0", // 酒店费用总计
PickUpJson: "", // 接送信息
PickUpTotalPrice: "0", // 接送总费用
VisaJson: "", // 签证信息
VisaTotalPrice: "0", // 签证总费用
TicketAndHotelJson: "", // 机票与酒店信息
TicketAndHotelTotalPrice: "0", // 机票加酒店组合总费用
ContractShopList: [], //自愿购物活动补充协议
ContractGuestList: [], //旅客名单
ContractTripList: [], //行程列表
ContractSelfFeeList: [], //自愿付费项目补充协议
TripType: 0, //行程类型(0-简易行程，1-标准行程)
Tourists_Sign: '',
CreateTimeStr: "",
IsTravelAgencySignature: 0 //判断是否盖章
},
};
},
created() {
if (this.$route.query.str) {
this.tcShow = false;
this.signShow = false;
}
},
methods: {
getCount() {
var serviceCount = 1;
if (this.CtObj.ContractTicketList != null && this.CtObj.ContractTicketList.length > 0) {
serviceCount++;
}
if (this.CtObj.ContractHotelList != null && this.CtObj.ContractHotelList.length > 0) {
serviceCount++;
}
if (this.CtObj.ContractPickUpList != null && this.CtObj.ContractPickUpList.length > 0) {
serviceCount++;
}
if (this.CtObj.ContractVisaList != null && this.CtObj.ContractVisaList.length > 0) {
serviceCount++;
}
if (this.CtObj.ContractTicketAndHotel != null && ((this.CtObj.ContractTicketAndHotel.ContractHotels != null &&
this.CtObj.ContractTicketAndHotel.ContractHotels.length > 0) || (this.CtObj.ContractTicketAndHotel
.ContractTickets != null && this.CtObj.ContractTicketAndHotel.ContractTickets.length > 0))) {
serviceCount++;
}
return serviceCount;
},
goUrl() {
sessionStorage.setItem("SignInfo", JSON.stringify(this.dataList))
this.$router.push({
name: "SignName",
query: {
ContractId: this.msg.ContractId,
}
})
},
ChangeTab(num) {
this.ActiveTab = num;
},
//获取数据
getList() {
this.apipost(
"travelcontract_get_GetTravelContractService", {
ID: this.msg.ContractId
},
res => {
if (res.data.resultCode == 1) {
var tempObj = res.data.data;
this.CtObj.ID = tempObj.ID;
this.CtObj.CType = tempObj.CType;
this.CtObj.T_ContractNum = tempObj.T_ContractNum;
this.CtObj.Tourists_Name = tempObj.Tourists_Name;
this.CtObj.Tourists_IDNum = tempObj.Tourists_IDNum;
this.CtObj.Tourists_Addres = tempObj.Tourists_Addres;
this.CtObj.Tourists_Tel = tempObj.Tourists_Tel;
this.CtObj.Tourists_Email = tempObj.Tourists_Email;
this.CtObj.Tourists_PostNum = tempObj.Tourists_PostNum;
this.CtObj.Tourists_Fax = tempObj.Tourists_Fax;
this.CtObj.Tourists_EmergencyLinkMan =
tempObj.Tourists_EmergencyLinkMan;
this.CtObj.Tourists_EmergencyLinkTel =
tempObj.Tourists_EmergencyLinkTel;
this.CtObj.TravelAgency_DealMan = tempObj.TravelAgency_DealMan;
this.CtObj.TravelAgency_IDNum = tempObj.TravelAgency_IDNum;
this.CtObj.TravelAgency_Tel = tempObj.TravelAgency_Tel;
this.CtObj.TravelAgency_Fax = tempObj.TravelAgency_Fax;
this.CtObj.TravelAgency_PostNum = tempObj.TravelAgency_PostNum;
this.CtObj.TravelAgency_Email = tempObj.TravelAgency_Email;
this.CtObj.TravelAgency_SignAddress =
tempObj.TravelAgency_SignAddress;
this.CtObj.Guide_Name = tempObj.Guide_Name;
this.CtObj.Guide_Num = tempObj.Guide_Num;
this.CtObj.Guide_Tel = tempObj.Guide_Tel;
this.CtObj.C_TCNUM = tempObj.C_TCNUM;
this.CtObj.C_ProductName = tempObj.C_ProductName;
this.CtObj.C_StartDate = tempObj.C_StartDate;
this.CtObj.C_EndDate = tempObj.C_EndDate;
this.CtObj.C_DayNum = tempObj.C_DayNum;
this.CtObj.C_NightNum = tempObj.C_NightNum;
this.CtObj.C_AdultNum = tempObj.C_AdultNum;
this.CtObj.C_AdultPrice = tempObj.C_AdultPrice;
this.CtObj.C_ChildrenNum = tempObj.C_ChildrenNum;
this.CtObj.C_ChildrenPrice = tempObj.C_ChildrenPrice;
this.CtObj.C_GuideServicePrice = tempObj.C_GuideServicePrice;
this.CtObj.C_TotalPrice = tempObj.C_TotalPrice;
this.CtObj.C_PayDate = tempObj.C_PayDate;
this.CtObj.C_PayType = tempObj.C_PayType;
this.CtObj.C_PayTypeRemark = tempObj.C_PayTypeRemark;
this.CtObj.C_InsuranceType = tempObj.C_InsuranceType;
this.CtObj.C_InsuranceName = tempObj.C_InsuranceName;
this.CtObj.C_LowNum = tempObj.C_LowNum;
this.CtObj.C_IsAgreeTravel = tempObj.C_IsAgreeTravel;
this.CtObj.C_AgreeTravelName = tempObj.C_AgreeTravelName;
this.CtObj.C_IsAgreeDelay = tempObj.C_IsAgreeDelay;
this.CtObj.C_IsAgreeCndorse = tempObj.C_IsAgreeCndorse;
this.CtObj.C_IsAgreeRemove = tempObj.C_IsAgreeRemove;
this.CtObj.C_IsAgreeSpellGroup = tempObj.C_IsAgreeSpellGroup;
this.CtObj.C_SpellGroupName = tempObj.C_SpellGroupName;
this.CtObj.C_SolveType = tempObj.C_SolveType;
this.CtObj.C_SolveRemark = tempObj.C_SolveRemark;
this.CtObj.C_ContractTotal = tempObj.C_ContractTotal;
this.CtObj.C_ContractPer = tempObj.C_ContractPer;
this.CtObj.C_StartAddress = tempObj.C_StartAddress;
this.CtObj.C_ReturnAddress = tempObj.C_ReturnAddress;
this.CtObj.C_TrafficType = tempObj.C_TrafficType;
this.CtObj.C_BusCode = tempObj.C_BusCode;
this.CtObj.C_DriverName = tempObj.C_DriverName;
this.CtObj.C_IsHaveKongTiao = tempObj.C_IsHaveKongTiao;
this.CtObj.C_BusType = tempObj.C_BusType;
this.CtObj.C_BreakfastAddress = tempObj.C_BreakfastAddress;
this.CtObj.C_BreakfastBasic = tempObj.C_BreakfastBasic;
this.CtObj.C_LunchAddress = tempObj.C_LunchAddress;
this.CtObj.C_LunchBasic = tempObj.C_LunchBasic;
this.CtObj.C_DinnerAddress = tempObj.C_DinnerAddress;
this.CtObj.C_DinnerBasic = tempObj.C_DinnerBasic;
this.CtObj.C_IncludeRemark = tempObj.C_IncludeRemark;
this.CtObj.C_IncludeFee = tempObj.C_IncludeFee;
this.CtObj.C_NonIncludeRemark = tempObj.C_NonIncludeRemark;
this.CtObj.TravelAgency_ServiceTel =
tempObj.TravelAgency_ServiceTel;
this.CtObj.C_ComplaintProvince = tempObj.C_ComplaintProvince;
this.CtObj.C_ComplaintCity = tempObj.C_ComplaintCity;
this.CtObj.C_ComplaintTel = tempObj.C_ComplaintTel;
this.CtObj.C_ComplaintEmail = tempObj.C_ComplaintEmail;
this.CtObj.C_ComplaintAddress = tempObj.C_ComplaintAddress;
this.CtObj.C_ComplaintPostNum = tempObj.C_ComplaintPostNum;
this.CtObj.C_ZhiFaTel = tempObj.C_ZhiFaTel;
this.CtObj.C_XFZXHTSTel = tempObj.C_XFZXHTSTel;
this.CtObj.C_TicketDayNum = tempObj.C_TicketDayNum;
this.CtObj.C_OrderDayNum = tempObj.C_OrderDayNum;
this.CtObj.C_PayDayNum = tempObj.C_PayDayNum;
this.CtObj.C_SignType = tempObj.C_SignType;
this.CtObj.OtherConventionPrice = tempObj.OtherConventionPrice;
this.CtObj.OtherConvention = tempObj.OtherConvention;
this.CtObj.OtherConventionPrice = tempObj.OtherConventionPrice;
this.CtObj.TicketTotalNum = tempObj.TicketTotalNum;
this.CtObj.TicketOutDayNum = tempObj.TicketOutDayNum;
this.CtObj.TicketTotalDepositPrice =
tempObj.TicketTotalDepositPrice;
this.CtObj.HotelTotal = tempObj.HotelTotal;
this.CtObj.HotelCheckInType = tempObj.HotelCheckInType;
this.CtObj.HotelNotice = tempObj.HotelNotice;
this.CtObj.HotelTotalPrice = tempObj.HotelTotalPrice;
this.CtObj.PickUpTotalPrice = tempObj.PickUpTotalPrice;
this.CtObj.VisaTotalPrice = tempObj.VisaTotalPrice;
this.CtObj.Tourists_Sign = tempObj.Tourists_Sign;
this.CtObj.IsTravelAgencySignature = tempObj.IsTravelAgencySignature;
this.CtObj.ZhangImg = tempObj.ZhangImg;
this.CtObj.TicketAndHotelTotalPrice =
tempObj.TicketAndHotelTotalPrice;
if (
tempObj.ContractShopList &&
tempObj.ContractShopList != null &&
tempObj.ContractShopList.length > 0
) {
this.CtObj.ContractShopList = tempObj.ContractShopList;
} else {
this.CtObj.ContractShopList = [];
}
if (
this.CtObj.ContractShopList &&
this.CtObj.ContractShopList != null &&
this.CtObj.ContractShopList.length > 0
) {
this.CtObj.ContractShopList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractGuestList &&
tempObj.ContractGuestList != null &&
tempObj.ContractGuestList.length > 0
) {
this.CtObj.ContractGuestList = tempObj.ContractGuestList;
} else {
this.CtObj.ContractGuestList = [];
}
if (
this.CtObj.ContractGuestList &&
this.CtObj.ContractGuestList != null &&
this.CtObj.ContractGuestList.length > 0
) {
this.CtObj.ContractGuestList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractSelfFeeList &&
tempObj.ContractSelfFeeList != null &&
tempObj.ContractSelfFeeList.length > 0
) {
this.CtObj.ContractSelfFeeList = tempObj.ContractSelfFeeList;
} else {
this.CtObj.ContractSelfFeeList = [];
}
if (
this.CtObj.ContractSelfFeeList &&
this.CtObj.ContractSelfFeeList != null &&
this.CtObj.ContractSelfFeeList.length > 0
) {
this.CtObj.ContractSelfFeeList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractTripList &&
tempObj.ContractTripList != null &&
tempObj.ContractTripList.length > 0
) {
this.CtObj.ContractTripList = tempObj.ContractTripList;
} else {
this.CtObj.ContractTripList = [];
}
if (
this.CtObj.ContractTripList &&
this.CtObj.ContractTripList != null &&
this.CtObj.ContractTripList.length > 0
) {
this.CtObj.ContractTripList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractTicketList &&
tempObj.ContractTicketList != null &&
tempObj.ContractTicketList.length > 0
) {
this.CtObj.ContractTicketList = tempObj.ContractTicketList;
} else {
this.CtObj.ContractTicketList = [];
}
if (
this.CtObj.ContractTicketList &&
this.CtObj.ContractTicketList != null &&
this.CtObj.ContractTicketList.length > 0
) {
this.CtObj.ContractTicketList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractHotelList &&
tempObj.ContractHotelList != null &&
tempObj.ContractHotelList.length > 0
) {
this.CtObj.ContractHotelList = tempObj.ContractHotelList;
} else {
this.CtObj.ContractHotelList = [];
}
if (
this.CtObj.ContractHotelList &&
this.CtObj.ContractHotelList != null &&
this.CtObj.ContractHotelList.length > 0
) {
this.CtObj.ContractHotelList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractPickUpList &&
tempObj.ContractPickUpList != null &&
tempObj.ContractPickUpList.length > 0
) {
this.CtObj.ContractPickUpList = tempObj.ContractPickUpList;
} else {
this.CtObj.ContractPickUpList = [];
}
if (
this.CtObj.ContractPickUpList &&
this.CtObj.ContractPickUpList != null &&
this.CtObj.ContractPickUpList.length > 0
) {
this.CtObj.ContractPickUpList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractVisaList &&
tempObj.ContractVisaList != null &&
tempObj.ContractVisaList.length > 0
) {
this.CtObj.ContractVisaList = tempObj.ContractVisaList;
} else {
this.CtObj.ContractVisaList = [];
}
if (
this.CtObj.ContractVisaList &&
this.CtObj.ContractVisaList != null &&
this.CtObj.ContractVisaList.length > 0
) {
this.CtObj.ContractVisaList.forEach(gItem => {
gItem.IsShow = 0;
});
}
this.CtObj.ContractTicketAndHotel = tempObj.ContractTicketAndHotel;
if (
tempObj.ContractTicketAndHotel && tempObj.ContractTicketAndHotel != null &&
tempObj.ContractTicketAndHotel.ContractTickets &&
tempObj.ContractTicketAndHotel.ContractTickets != null &&
tempObj.ContractTicketAndHotel.ContractTickets.length > 0
) {
this.CtObj.ContractTicketAndHotel.ContractTickets = tempObj.ContractTicketAndHotel.ContractTickets;
} else {
this.CtObj.ContractTicketAndHotel = [];
this.CtObj.ContractTicketAndHotel.ContractTickets = [];
}
if (
this.CtObj.ContractTicketAndHotel.ContractTickets &&
this.CtObj.ContractTicketAndHotel.ContractTickets != null &&
this.CtObj.ContractTicketAndHotel.ContractTickets.length > 0
) {
this.CtObj.ContractTicketAndHotel.ContractTickets.forEach(gItem => {
gItem.IsShow = 0;
});
}
this.CtObj.CreateTimeStr = tempObj.CreateTimeStr;
if (
tempObj.ContractTicketAndHotel &&
tempObj.ContractTicketAndHotel != null &&
tempObj.ContractTicketAndHotel.ContractHotels &&
tempObj.ContractTicketAndHotel.ContractHotels != null &&
tempObj.ContractTicketAndHotel.ContractHotels.length > 0
) {
this.CtObj.ContractTicketAndHotel.ContractHotels = tempObj.ContractTicketAndHotel.ContractHotels;
} else {
this.CtObj.ContractTicketAndHotel = [];
this.CtObj.ContractTicketAndHotel.ContractHotels = [];
}
if (
tempObj.ContractTicketAndHotel &&
tempObj.ContractTicketAndHotel != null &&
this.CtObj.ContractTicketAndHotel.ContractHotels &&
this.CtObj.ContractTicketAndHotel.ContractHotels != null &&
this.CtObj.ContractTicketAndHotel.ContractHotels.length > 0
) {
this.CtObj.ContractTicketAndHotel.ContractHotels.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (this.CtObj.C_TotalPrice && this.CtObj.ContractTicketAndHotel.ContractHotels != null) {
this.number_chinese(this.CtObj.C_TotalPrice);
}
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
getDate(date) {
if (date != '' && date != null) {
return moment(date).format("YYYY-MM-DD");
}
},
//获取大写
getTotalNum(num) {
switch (num) {
case 1:
return '壹';
break;
case 2:
return '贰';
break;
case 3:
return '叁';
break;
case 4:
return '肆';
break;
case 5:
return '伍';
break;
case 6:
return '陆';
break;
case 7:
return '柒';
break;
case 8:
return '捌';
break;
case 9:
return '玖';
break;
case 10:
return '玖';
break;
}
},
//小写金额转大写
number_chinese(str) {
var num = parseFloat(str);
var strOutput = "",
strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
num += "00";
var intPos = num.indexOf('.');
if (intPos >= 0) {
num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
}
strUnit = strUnit.substr(strUnit.length - num.length);
for (var i = 0; i < num.length; i++) {
strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1);
}
return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(
/零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元")
},
getCanvas() {
let el = document.getElementById("canvas");
el.appendChild(canvas);
canvas.width = el.clientWidth;
canvas.height = el.clientHeight;
//cxt.fillStyle = this.background; //填充绘图的背景颜色
cxt.fillStyle = 'rgba(255, 255, 255, 0)';
cxt.fillRect(0, 0, canvas.width, canvas.height); //绘制“已填色”的矩形
cxt.strokeStyle = this.color; //笔触的颜色
cxt.lineCap = "round"; //线条末端线帽的样式
let linewidth = this.linewidth;
//开始绘制
canvas.addEventListener(
"touchstart",
function (e) {
cxt.beginPath();
cxt.lineWidth = linewidth; //当前线条的宽度，以像素计
cxt.moveTo(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
}.bind(this),
false
);
//绘制中
canvas.addEventListener(
"touchmove",
function (e) {
cxt.lineTo(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
cxt.stroke();
}.bind(this),
false
);
//结束绘制
canvas.addEventListener(
"touchend",
function () {
cxt.closePath();
}.bind(this),
false
);
},
handelClearEl() {
cxt.clearRect(0, 0, canvas.width, canvas.height);
},
handelSaveEl() {
let imgBase64 = canvas.toDataURL();
this.PostMsg.Tourists_Sign = imgBase64;
this.PostMsg.ID = this.$route.query.ContractId;
this.SaveMsg();
},
//提交数据
SaveMsg() {
//根据ID 获取行程内容
this.apipost(
"travelcontract_post_UpdateTravelContractSignService",
this.PostMsg,
res => {
if (res.data.resultCode == 1) {
this.dialogVisible = false;
this.getList();
this.handelClearEl();
}
},
err => {}
);
},
//加一天返回
getDayAddOne(day, num) {
return moment(day).add(num, 'days').format('YYYY-MM-DD')
}
},
mounted() {
this.CurrentUserInfo = this.getLocalStorage();
this.msg.ContractId = this.$route.query.ContractId;
var h = window.screen.height;
var cHeight = document.getElementsByClassName("CliSignDiv")[0];
cHeight.style.height = 900 + 'px';
this.getList();
this.getCanvas();
}
};
</script>