<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">{{$t('objFill.v101.qianzhi')}}</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)">{{$t('objFill.v101.Contract.shiyongsm')}}</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">{{$t('system.query_name')}}：</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">{{$t('objFill.zhengjianhm')}}：</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>{{$t('scen.sc_tel')}}：<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><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/张</p>
<p>机场建设费<font>{{item.AirportPirce}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/张</p>
<p>{{$t('objFill.dingjin')}}<font>{{item.DepositPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/张</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><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template></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>{{$t('hotel.hotel_name')}}：<font>{{item.HotelName}}</font>（酒店）</p>
<p>房型：标准间<font>{{item.DoubleRoom}}</font>/单人间<font>{{item.SingleRoom}}</font>{{$t('objFill.shanrenjian')}}<font>
{{item.ThirdRoom}}</font>
</p>
<p>{{$t('admin.admin_personNumber')}}：成人人数：<font>{{item.AdultNum}}</font>人 儿童人数：<font>{{item.ChildrenNum}}</font>人（不占床位、不加床位）
</p>
<p>{{$t('objFill.fangfei')}}：<font>{{item.RoomPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/间/晚</p>
<p>定金：<font>{{item.DepositPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/间/晚</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>{{$t('objFill.v101.hote.jianwan')}}</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><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template></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>{{$t('OrderList.zhi')}}<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><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template></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><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/人 交付保证金：<font>
{{item.DepositPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/{{$t('hotel.hotel_people')}}</p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>合计金额：<font>{{CtObj.VisaTotalPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template></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>{{$t('Operation.Op_shipNum')}}<font>{{item.TicketSpace}}</font>
</p>
<p>机票金额<font>{{item.TicketPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/张</p>
<p>机场建设费<font>{{item.AirportPirce}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/张</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>{{$t('hotel.hotel_name')}}：<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><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/人 儿童费用：<font>{{item.ChildrenPrice}}</font>
<template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template>/人（不占床位、不加床位）</p>
</template>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用合计：<font>{{CtObj.TicketAndHotelTotalPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template></p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">6.其他单项服务事宜</el-col>
</el-row>
</li>
<li v-if="CtObj.OtherConvention&&CtObj.OtherConvention!=''">
<el-row>
<el-col :span="24" style="text-align:left;">
<p v-html="CtObj.OtherConvention"></p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<!--2023-06-12新增-->
<p>
因部分旅游资源需提前预订的特殊性，本产品线路在旅行社成团后至出行前29天外取消的，也将产生实际损失，具体损失包括但不限于机票、酒店等，如旅游者需要取消订单，应及时联系旅行社，旅行社除协助旅游者减损并退还未实际发生的损失费用外不再承担其他赔偿责任。
</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>
旅行社违约：如按上述比例支付的违约金不足以赔偿旅游者的实际损失，旅行社应当按实际损失对旅游者予以赔偿。
</p>
<p>
行程前已成团违约金
</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>
旅游者违约：如按上述约定比例扣除的必要的费用低于实际发生的费用，旅游者按照实际发生的费用支付，但最高额不应当超过旅游费用总额。
</p>
<p>
因部分旅游资源需提前预订的特殊性，本产品线路在旅行社成团后至出行前29天外取消的，也将产生实际损失，具体损失包括但不限于机票、酒店等，如旅游者需要取消订单，应及时联系旅行社，旅行社除协助旅游者减损并退还未实际发生的损失费用外不再承担其他赔偿责任。
</p>
<!--新增结束-->
<p>
本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知自身身体适宜此次旅行。
</p>
<p>烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因耽误病情，一切后果均由客人自行承担。</p>
<p>旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行社不再进行赔偿。</p>
<p>
签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。
</p>
<p>
健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承诺告知了全体委托人及其直系亲属并得到他们的同意。
</p>
<p>如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用合计：<font>{{CtObj.OtherConventionPrice}}</font><template v-if="CtObj.SignType==0">
{{$t('hotel.hotel_yuan')}}
</template>
<template v-else>
円
</template></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.ContractHotels.length>0) ||(CtObj.ContractTicketAndHotel.ContractTickets&&CtObj.ContractTicketAndHotel.ContractTickets.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>
等共计<span> <font>{{getTotalNum(getCount())}}</font></span> 项服务。</p>
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="24" style="text-align:left;">
<p>费用总额（小写）
<template v-if="CtObj.SignType==0">{{$t('fnc.a_rminbi')}}</template>
<template v-else>日元</template>
<span>{{CtObj.C_TotalPrice}}</span><template>
{{getCurrencyStr()}}
</template>
（大写）<template v-if="CtObj.SignType==0">{{$t('fnc.a_rminbi')}}</template>
<template v-else>
日元
</template>
<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>
<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.ContractHotels.length>0) ||(CtObj.ContractTicketAndHotel.ContractTickets&&CtObj.ContractTicketAndHotel.ContractTickets.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>
等共计<span> <font>{{getTotalNum(getCount())}}</font></span> 项服务。</p>
<p>费用总额（小写）
<template v-if="CtObj.SignType==0">
人民币
</template>
<template v-else>
日元
</template>
<span>{{CtObj.C_TotalPrice}}</span>{{getCurrencyStr()}} （大写）
<template v-if="CtObj.SignType==0">
人民币
</template>
<template v-else>
日元
</template><span>
<font>{{number_chinese(CtObj.C_TotalPrice)}}</font>
</span></p>
<template v-if="CtObj.SignType==0">
<p class="bold colorRed">出境社的指定收款账号信息</p>
<p class="bold colorRed">
名称：四川和平国际旅行社有限公司
</p>
<p class="bold colorRed">
开户银行：工行成都市芷泉支行营业室
</p>
<p class="bold colorRed">
账号：4402 2050 1910 0427 185
</p>
<p class="bold colorRed">支付宝收款账号：2850943039@qq.com</p>
</template>
<template v-else>
<p>出境社的指定收款账号信息</p>
<p>
銀行名：京都銀行
</p>
<p>
支店名：水口支店 店番593
</p>
<p>
口座種別：レギュラー口座
</p>
<p>
口座番号： 593-1070078
</p>
<p class="bold colorRed">
账户名：株式会社ピースインターナショナル
</p>
<p class="bold colorRed">银行住所：滋賀県甲賀市水口町本綾野5－21</p>
<p class="bold colorRed">银行邮编：〒528-0037 </p>
<p class="bold colorRed">電話番号：0748－65－1011</p>
<p class="bold colorRed">SWIFT CODE: BOKFJPJZ</p>
</template>
<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">{{$t('admin.admin_IDcard')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('scen.sc_tel')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Tel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.dianziyx')}}：</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">{{$t('objFill.v101.Contract.qianyueriqi')}}：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.qianyuedd')}}：</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">{{$t('objFill.jinbanr')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_DealMan}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('admin.admin_IDcard')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.dianziyx')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.qianyueriqi')}}：</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">
<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">{{$t('objFill.v101.qianzhi')}}</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)">{{$t('objFill.v101.Contract.shiyongsm')}}</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)">{{$t('objFill.v101.Contract.ziyuancjlfflx')}}</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>
<template v-if="CtObj.GuestNum>0">
{{CtObj.GuestNum}}
</template>
<template v-else-if="CtObj.ContractGuestList&&CtObj.ContractGuestList.length>0">
{{CtObj.ContractGuestList.length}}
</template>
<template v-else>
0
</template>
</font>
人（名单可附页，需旅行社和旅游者代表签字盖章确认）；
</p>
<p>旅行社：<font>{{CtObj.TravelAgency_Name}}</font>
</p>
<p>{{$t('objFill.v101.Contract.lxsywxkz')}}：<font>{{CtObj.TravelAgency_LicenseNum}}</font>
</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diyizhang')}} {{$t('objFill.v101.Contract.shuyuhdinyi')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diyitiao')}} {{$t('objFill.v101.Contract.benhetsyhdy')}}</p>
</h3>
<p>1、团队境内旅游服务，指旅行社依据《中华人民共和国旅游法》、《旅行社条例》等法律、法规，组织旅游者在中华
人民共和国境内（不含香港、澳门、台湾地区）旅游，代订公共交通客票，提供餐饮、住宿、游览等两项以上服务活动。</p>
<p>2、旅游费用，指旅游者支付给旅行社，用于购买本合同约定的旅游服务的费用。</p>
<p>{{$t('objFill.v101.Contract.lvyoufybk')}}：</p>
<p>(1)交通费；</p>
<p>(2)住宿费；</p>
<p>(3)餐费（不含酒水费）；</p>
<p>(4)旅行社统一安排的景区景点门票费；</p>
<p>(5)行程中安排的其他项目费用；</p>
<p>(6)导游服务费；</p>
<p>(7)旅行社（含地接社）的其他服务费用。</p>
<p>{{$t('objFill.v101.Contract.lvyoufbh')}}：</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">{{$t('objFill.v101.Contract.dierzhang')}} {{$t('objFill.v101.Contract.hetongddl')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diertiao')}} {{$t('objFill.v101.Contract.lvyouxcd')}}</p>
</h3>
<p>旅行社应当提供带团号的《旅游行程单》（以下简称《行程单》），经双方签字或者盖章确认后作为本合同的组成部 分。《行程单》应当对如下内容作出明确的说明：</p>
<p>（1）旅游行程的出发地、途经地、目的地、结束地，线路行程时间和具体安排（按自然日计算，含乘飞机、车、船等 在途时间，不足24小时以一日计）；</p>
<p>（2）地接社的名称、地址、联系人和联系电话；</p>
<p>（3）{{$t('objFill.v101.Contract.jiaotongfwap')}}</p>
<p>（4）住宿服务安排及其标准（明确住宿饭店的名称、地点、星级，非星级饭店应当注明是否有空调、热水、独立卫生 间等相关服务设施）；</p>
<p>（5）{{$t('objFill.v101.Contract.yongczczcbz')}}</p>
<p>（6）旅行社统一安排的游览项目的具体内容及时间（明确旅游线路内容包括景区点及游览项目名称等，景区点停留的 最少时间）；</p>
<p>（7）自由活动的时间；</p>
<p>（8）{{$t('objFill.v101.Contract.xingcapdylhd')}}</p>
<h3>
<p>《行程单》用语须准确清晰，在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以×× 为准”、“与××同级”等不确定用语。</p>
</h3>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.disantiao')}} {{$t('objFill.v101.Contract.dinglihet')}}</p>
</h3>
<p>旅游者应当认真阅读本合同条款、《行程单》，在旅游者理解本合同条款及有关附件后，旅行社和旅游者应当签订书 面合同。</p>
<p>{{$t('objFill.v101.Contract.youlvyzddl')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.youlvyzddl')}} {{$t('objFill.v101.Contract.lvygkjxcp')}}</p>
</h3>
<p>旅行社的旅游广告及宣传品应当遵循诚实信用的原则，其内容符合《中华人民共和国合同法》要约规定的，视为本合 同的组成部分，对旅行社和旅游者双方具有约束力。</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.disanzhang')}} {{$t('objFill.v101.Contract.hetongsflyqy')}}</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">{{$t('objFill.v101.Contract.diqitiao')}} {{$t('objFill.v101.Contract.lvyzdql')}}</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">{{$t('objFill.v101.Contract.dibatiao')}} {{$t('objFill.v101.Contract.lvyuzeyw')}}</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">{{$t('objFill.v101.Contract.disizhang')}} {{$t('objFill.v101.Contract.hetongdbgyzr')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.dijiutiao')}} {{$t('objFill.v101.Contract.hetongdbg')}}</p>
</h3>
<p>1、旅行社与旅游者双方协商一致，可以变更本合同约定的内容，但应当以书面形式由双方签字确认。由此增加的旅游 费用及给对方造成的损失，由变更提出方承担；由此减少的旅游费用，旅行社应当退还旅游者。</p>
<p>2、行程开始前遇到不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件的，双方经协商可以取消行
程或者延期出行。取消行程的，按照本合同第十四条处理；延期出行的，增加的费用由旅游者承担，减少的费用退还旅游 者。</p>
<p>3、行程中遇到不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程的，按以下方式 处理：</p>
<p>（1）合同不能完全履行的，旅行社经向旅游者作出说明，旅游者同意变更的，可以在合理范围内变更合同，因此增加 的费用由旅游者承担，减少的费用退还旅游者。</p>
<p>（2）危及旅游者人身、财产安全的，旅行社应当采取相应的安全措施，因此支出的费用，由旅行社与旅游者分担。</p>
<p>（3）{{$t('objFill.v101.Contract.zaoclyzzl')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishitiao')}} {{$t('objFill.v101.Contract.hetongzr')}}</p>
</h3>
<p>旅游行程开始前，旅游者可以将本合同中自身的权利义务转让给第三人，旅行社没有正当理由的不得拒绝，并办理相 关转让手续，因此增加的费用由旅游者和第三人承担。</p>
<p>正当理由包括但不限于：对应原报名者办理的相关服务不可转让给第三人的；无法为第三人安排交通等情形的；旅游 活动对于旅游者的身份、资格等有特殊要求的。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishiyitiao')}} {{$t('objFill.v101.Contract.buchengtdap')}}</p>
</h3>
<p>当旅行社组团未达到约定的成团人数不能成团时，旅游者可以与旅行社就如下安排在本合同第二十三条中做出约定。</p>
<p>1、转团：旅行社可以在保证所承诺的服务内容和标准不降低的前提下，经事先征得旅游者书面同意，委托其他旅行社
履行合同，并就受委托出团的旅行社违反本合同约定的行为先行承担责任，再行追偿。旅游者和受委托出团的旅行社另行 签订合同的，本合同的权利义务终止。</p>
<p>2、延期出团和改变线路出团：旅行社经征得旅游者书面同意，可以延期出团或者改变其他线路出团，因此增加的费用 由旅游者承担，减少的费用旅行社予以退还。需要时可以重新签订旅游合同。</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diwuzhang')}} {{$t('objFill.v101.Contract.hetongjiec')}}</p>
</h3>
<h3>
<p>第十二条 旅行社解除合同</p>
</h3>
<p>1、未达到约定的成团人数不能成团时，旅行社解除合同的，应当采取书面等有效形式。旅行社在行程开始前7日（按
照出发日减去解除合同通知到达日的自然日之差计算，下同）以上（含第7日，下同）提出解除合同的，不承担违约责任，
旅行社向旅游者退还已收取的全部旅游费用；旅行社在行程开始前7日以内（不含第7日，下同）提出解除合同的，除向旅 游者退还已收取的全部旅游费用外，还应当按本合同第十七条第1款的约定，承担相应的违约责任。
</p>
<p>2、旅游者有下列情形之一的，旅行社可以解除合同：</p>
<p>（1）{{$t('objFill.v101.Contract.huanycrdjb')}}</p>
<p>（2）{{$t('objFill.v101.Contract.xiedwhhhaq')}}</p>
<p>（3）{{$t('objFill.v101.Contract.congswfhwf')}}</p>
<p>（4）{{$t('objFill.v101.Contract.congsyzyxtr')}}</p>
<p>（5）法律、法规规定的其他情形。</p>
<p>旅行社因上述情形解除合同的，应当以书面等形式通知旅游者，按照本合同第十五条相关约定扣除必要的费用后，将 余款退还旅游者。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishisantiao')}} {{$t('objFill.v101.Contract.lvyzjcht')}}</p>
</h3>
<p>1、未达到约定的成团人数不能成团时，旅游者既不同意转团，也不同意延期出行或者改签其他线路出团的，旅行社应
及时发出不能成团的书面通知，旅游者可以解除合同。旅游者在行程开始前7日以上收到旅行社不能成团通知的，旅行社不
承担违约责任，向旅游者退还已收取的全部旅游费用；旅游者在行程开始前7日以内收到旅行社不能成团通知的，按照本合 同第十七条第1款相关约定处理。</p>
<p>2、除本条第1款约定外，在旅游行程结束前，旅游者亦可以书面等形式解除合同。旅游者在行程开始前7日以上提出解
除合同的，旅行社应当向旅游者退还全部旅游费用；旅游者在行程开始前7日以内和行程中提出解除合同的，旅行社按照本 合同第十五条相关约定扣除必要的费用后，将余款退还旅游者。</p>
<p>3、旅游者未按约定时间到达约定集合出发地点，也未能在出发中途加入旅游团队的，视为旅游者解除合同，按照本合 同第十五条相关约定处理。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishisitiao')}} {{$t('objFill.v101.Contract.yinbkklxjcht')}}</p>
</h3>
<p>因不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程，合同不能继续履行的，旅行社和旅游者均可以解除合同；合同不能完全履行，旅游者不同意变更的，可以解除合同。</p>
<p>合同解除的，旅行社应当在扣除已向地接社或者履行辅助人支付且不可退还的费用后，将余款退还旅游者。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishiwutiao')}} {{$t('objFill.v101.Contract.biydfykc')}}</p>
</h3>
<p>1、旅游者在行程开始前7日以内提出解除合同或者按照本合同第十二条第2款约定由旅行社在行程开始前解除合同的， 按下列标准扣除必要的费用：</p>
<p>行程开始前6日至4日，按旅游费用总额的20% ；</p>
<p>行程开始前3日至1日，按旅游费用总额的40% ；</p>
<p>行程开始当日，按旅游费用总额的60% 。</p>
<p>2、在行程中解除合同的，必要的费用扣除标准为：</p>
<p>{{$t('objFill.v101.Contract.lvyfyycyts')}}</p>
<p>{{$t('objFill.v101.Contract.ruassbclyfze')}}</p>
<p>解除合同的，旅行社扣除必要的费用后，应当在解除合同通知到达日起5个工作日内为旅游者办结退款手续。</p>
<h3>
<p class="toTopDistance">第十六条 旅行社协助旅游者返程及费用承担</p>
</h3>
<p>旅游行程中解除合同的，旅行社应协助旅游者返回出发地或者旅游者指定的合理地点。因旅行社或者履行辅助人的原
因导致合同解除的，返程费用由旅行社承担；行程中按照本合同第十二条第2款，第十三条第2款约定解除合同的，返程费 用由旅游者承担；按照本合同第十四条约定解除合同的，返程费用由双方分担。</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diliuzhang')}} {{$t('objFill.v101.Contract.weiyuezr')}}</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">{{$t('objFill.v101.Contract.dishibatiao')}} {{$t('objFill.v101.Contract.lvyouzdwyz')}}</p>
</h3>
<p>1、旅游者因不听从旅行社及其导游的劝告、提示而影响团队行程，给旅行社造成损失的，应当承担相应的赔偿责任。</p>
<p>2、{{$t('objFill.v101.Contract.lvyouzcc')}}</p>
<p>3、由于旅游者的过错，使旅行社、履行辅助人、旅游从业人员或者其他旅游者遭受损害的，旅游者应当赔偿损失。</p>
<p>4、{{$t('objFill.v101.Contract.lvyouzlyhdz')}}</p>
<p>5、旅游者违反安全警示规定，或者对国家应对重大突发事件暂时限制旅游活动的措施、安全防范和应急处置措施不予 配合，造成旅行社损失的，应当依法承担相应责任。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishijiutiao')}} {{$t('objFill.v101.Contract.qitazeren')}}</p>
</h3>
<p>1、由于旅游者自身原因导致本合同不能履行或者不能按照约定履行，或者造成旅游者人身损害、财产损失的，旅行社 不承担责任。</p>
<p>2、旅游者在自行安排活动期间人身、财产权益受到损害的，旅行社在事前已尽到必要警示说明义务且事后已尽到必要 救助义务的，旅行社不承担赔偿责任。</p>
<p>3、由于第三方侵害等不可归责于旅行社的原因导致旅游者人身、财产权益受到损害的，旅行社不承担赔偿责任。但因 旅行社不履行协助义务致使旅游者人身、财产权益损失扩大的，旅行社应当就扩大的损失承担赔偿责任。
</p>
<p>4、由于公共交通经营者的原因造成旅游者人身损害、财产损失依法应承担责任的，旅行社应当协助旅游者向公共交通 经营者索赔。</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diqizhang')}} {{$t('objFill.v101.Contract.xieyitk')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diershitiao')}} {{$t('objFill.v101.Contract.xianluxcsj')}}</p>
</h3>
<p>
{{$t('objFill.chufashijian')}} <font>{{getDate(CtObj.C_StartDate)}}</font>
{{$t('MarketingActi.endTime')}}<font>{{getDate(CtObj.C_EndDate)}}</font>
{{$t('hotel.hotel_totalRoom')}}<font>{{CtObj.C_DayNum}}</font>{{$t('hotel.hotel_day')}}<font>{{CtObj.C_NightNum}}</font>{{$t('objFill.v101.Contract.ye')}}。
</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiyitiao')}}</p>
</h3>
<p>
{{$t('salesModule.Adult')}}<font>{{CtObj.C_AdultPrice}}</font>{{getCurrencyStr()}}/人，儿童（不满14岁）<font>{{CtObj.C_ChildrenPrice}}
</font>{{getCurrencyStr()}}/人；其中，导游服务费
<font>{{CtObj.C_GuideServicePrice}}</font>{{getCurrencyStr()}}/人；旅游费用合计：<font>{{CtObj.C_TotalPrice}}
</font>{{getCurrencyStr()}}。
</p>
<p>旅游费用支付方式：
<font v-if="CtObj.C_PayType==1">{{$t('fnc.xianjin')}}</font>
<font v-if="CtObj.C_PayType==2">{{$t('objFill.zhuanzhang')}}</font>
<font v-if="CtObj.C_PayType==3">支票</font>
</p>
<p>{{$t('objFill.v101.Contract.lvyoufyzfsj')}}<font>{{getDate(CtObj.C_PayDate)}}</font>
</p>
<template v-if="CtObj.SignType==0">
<p class="bold colorRed">出境社的指定收款账号信息</p>
<p class="bold colorRed">
名称：四川和平国际旅行社有限公司
</p>
<p class="bold colorRed">
开户银行：工行成都市芷泉支行营业室
</p>
<p class="bold colorRed">
账号：4402 2050 1910 0427 185
</p>
<p class="bold colorRed">支付宝收款账号：2850943039@qq.com</p>
</template>
<template v-else>
<p>国内社的指定收款账号信息</p>
<p class="bold colorRed">
名称：成都欧亚旅行社有限公司
</p>
<p class="bold colorRed">
开户银行：交通银行股份有限公司成都西安路支行
</p>
<p class="bold colorRed">
账号：5116 1501 7018 0101 9726 7
</p>
<p class="bold colorRed">支付宝收款账号：392336499@qq.com</p>
</template>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiertiao')}} {{$t('objFill.v101.Contract.rensywshbx')}}</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>
委托旅行社购买（旅行社不具有保险兼业代理资格的，委托向 {{CtObj.C_InsuranceName}} 采购）：保险产品名称
<font>旅游安全人身意外伤害保险</font>{{$t('objFill.v101.Contract.toubdxgxx')}}
<p>
旅游者承诺在签订人身意外伤害保险合同前，已充分了解保险合同的相关条款，如有不清楚的，将自行向保险公司咨询。
</p>
</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>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershisantiao')}} {{$t('objFill.v101.Contract.chengtrsgd')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.chengtdzdrs')}}<font>{{CtObj.C_LowNum}}</font>{{$t('hotel.hotel_people')}}。</p>
<p>{{$t('objFill.v101.Contract.rubunct')}}</p>
<p>1.<font>{{CtObj.C_IsAgreeTravel==0?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>（同意或者不同意，打勾无效）旅行社委托<font>
{{CtObj.C_AgreeTravelName}}</font>旅行社履行合同；</p>
<p>2.<font>{{CtObj.C_IsAgreeDelay==0?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.v101.Contract.tongyyqct')}}</p>
<p>3.<font>{{CtObj.C_IsAgreeCndorse==0?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>（同意或者不同意，打勾无效）改变其他线路出团；</p>
<p>4.<font>{{CtObj.C_IsAgreeRemove==0?$t('salesModule.Agree'):$t('objFill.butongyi')}} </font>{{$t('objFill.v101.Contract.tongyjcht')}}</p>
<h3>
<p class="toTopDistance">>{{$t('objFill.v101.Contract.diershisitiao')}} {{$t('objFill.v101.Contract.pintyd')}}</p>
</h3>
<p>{{$t('objFill.lvyouzhe')}}<font>{{CtObj.C_IsAgreeSpellGroup==0?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.v101.Contract.caiyptfspz')}}<font>
{{CtObj.C_SpellGroupName}}</font>旅行社成团。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiwutiao')}} {{$t('objFill.v101.Contract.ziyuangw')}}</p>
</h3>
<p>1、旅游者可以自主决定是否参加旅行社安排的购物活动、另行付费旅游项目；</p>
<p>2、旅行社可以在不以不合理的低价组织旅游活动、不诱骗旅游者、不获取回扣等不正当利益，且不影响其他旅游者行
程安排的前提下，按照平等自愿、诚实信用的原则，与旅游者协商一致达成购物活动、另行付费旅游项目协议；</p>
<p>3、{{$t('objFill.v101.Contract.ziygw3')}}</p>
<p>4、地接社及其从业人员在行程中安排购物活动、另行付费旅游项目的，责任由订立本合同的旅行社承担；</p>
<p>5、 购物活动、另行付费旅游项目具体约定见《自愿购物活动补充协议》（附件3）、《自愿参加另行付费旅游项目补 充协议》（附件4）。</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiliutiao')}} {{$t('objFill.zhenyidjjfs')}}</p>
</h3>
<p>本合同履行过程中发生争议，由双方协商解决；亦可向合同签订地的旅游质监执法机构、消费者协会、有关的调解组 织等有关部门或者机构申请调解。协商或者调解不成的，按下列第<font>
{{CtObj.C_SolveType}}</font>{{$t('objFill.zhongfangs')}}：</p>
<p>1.{{$t('fnc.tijiao')}}<font>{{CtObj.C_SolveRemark}}</font>{{$t('objFill.v101.Contract.zhongcwyhzc')}}</p>
<p>2.依法向人民法院起诉。 </p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiqitiao')}} {{$t('objFill.qitayuedsx')}}</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;">{{$t('objFill.v101.Contract.diershibatiao')}} {{$t('objFill.hetongxiaol')}}</span>
</h3>
<p class="Contract_Depart" id="p_contract_num">本合同一式<font>{{CtObj.C_ContractTotal}}</font>{{$t('salesModule.Fen')}}，{{$t('objFill.shuanfangc')}}<font>
{{CtObj.C_ContractPer}}</font>{{$t('objFill.v101.Contract.fenjytdfx')}}</p>
</div>
<!-- 盖章签字 -->
<div v-if="ActiveTab==3" class="item_content">
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.lvyzqzgz')}}</el-col>
<el-col :span="12" style="position:relative;">
<img style="width:120px;position:absolute;right:0;" :src="CtObj.Tourists_Sign" alt="">
</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.zhengjianhm')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('admin.admin_address')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Addres}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('scen.sc_tel')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Tel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.youbian')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_PostNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.dianzixx')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.qianyueriqi')}}：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.qianyuedd')}}：</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">{{$t('admin.admin_address')}}：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintAddress}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('scen.sc_tel')}}：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintTel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.youbian')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_PostNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.dianzixx')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.qianyueriqi')}}：</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">{{$t('objFill.v101.Contract.dianzixx')}}：</el-col>
<el-col :span="12">{{CtObj.C_ComplaintEmail}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('admin.admin_address')}}</el-col>
<el-col :span="12">{{CtObj.C_ComplaintAddress}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.youbian')}}：</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">{{$t('system.query_name')}}：</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">{{$t('objFill.zhengjianhm')}}：</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">{{$t('visa.v_tuanhao')}}：</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">{{$t('sm.fanhuiDate')}}：</el-col>
<el-col :span="12">{{getDate(CtObj.C_EndDate)}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('system.query_lineName')}}：</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">{{$t('pub.date')}}：</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>
<br />
<div style="color:red;" v-if="CtObj.CType!=3">注：用房全程酒店均为二人一间，如您的订单产生单房，在未补单房差的情况下，我社将尽量安排您与其它客人拼房或是与同行者入住三人房，不可选择房型。敬请配合，服从调配。</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">费用（{{getCurrencyStr()}}）：</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">{{$t('objFill.v101.qianzhi')}}</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)">{{$t('objFill.v101.Contract.shiyongsm')}}</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>{{$t('objFill.jinbanr')}}：<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>{{$t('visa.v_tuanhao')}}：<font>{{CtObj.C_TCNUM}}</font>
</p>
<p>{{$t('hotel.hotel_StarDate')}}：<font>{{getDate(CtObj.C_StartDate)}}</font>
</p>
<p>{{$t('objFill.chufadidian')}}：<font>{{CtObj.C_StartAddress}}</font>
</p>
<p>返回地点：<font>{{CtObj.C_ReturnAddress}}</font>
</p>
<p>旅游费用：
{{$t('salesModule.Adult')}}<font>{{CtObj.C_AdultNum}}</font>{{$t('hotel.hotel_people')}}
×<font>{{CtObj.C_AdultPrice}}</font>{{getCurrencyStr()}}/人>{{$t('hotel.hotel_people')}}
+儿童<font>{{CtObj.C_ChildrenNum}}</font>人
×<font>{{CtObj.C_ChildrenPrice}}</font>{{getCurrencyStr()}}/人
= {{getCurrencyStr()}}
</p>
<p>
含：<font>{{CtObj.C_IncludeRemark}}</font>
费用:<font>{{CtObj.C_IncludeFee}}</font>；
不含:<font>{{CtObj.C_NonIncludeRemark}}</font>
</p>
<p>{{$t('objFill.zhifushij')}}：<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>
<template v-if="CtObj.SignType==0">
<p class="bold colorRed">出境社的指定收款账号信息</p>
<p class="bold colorRed">
名称：四川和平国际旅行社有限公司
</p>
<p class="bold colorRed">
开户银行：工行成都市芷泉支行营业室
</p>
<p class="bold colorRed">
账号：4402 2050 1910 0427 185
</p>
<p class="bold colorRed">支付宝收款账号：2850943039@qq.com</p>
</template>
<template v-else>
<p>出境社的指定收款账号信息</p>
<p>
銀行名：京都銀行
</p>
<p>
支店名：水口支店 店番593
</p>
<p>
口座種別：レギュラー口座
</p>
<p>
口座番号： 593-1070078
</p>
<p class="bold colorRed">
账户名：株式会社ピースインターナショナル
</p>
<p>银行住所：滋賀県甲賀市水口町本綾野5－21</p>
<p>银行邮编：〒528-0037 </p>
<p>電話番号：0748－65－1011</p>
<p>SWIFT CODE: BOKFJPJZ</p>
</template>
<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>{{$t('objFill.chepaihm')}}:<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>{{$t('objFill.canyianp')}} ：</p>
<p>{{$t('objFill.zaocan')}}</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>{{$t('sm.dinner')}}</p>
<p>地点：<font>{{CtObj.C_DinnerAddress}}</font>
</p>
<p>标准：<font>{{CtObj.C_DinnerBasic}}</font>
</p>
<p>{{$t('objFill.zhenyidjjfs')}}</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>{{$t('objFill.zhongfangs')}}：</p>
<p>1.将争议提交<font>{{CtObj.C_SolveRemark}}</font>{{$t('objFill.v101.Contract.zhongcwyhzc')}}</p>
<p>2.依法向人民法院提起民事诉讼。</p>
<p>{{$t('objFill.renshnegywbx')}}</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>
委托旅行社购买（旅行社不具有保险兼业代理资格的，委托向 {{CtObj.C_InsuranceName}} 采购）：保险产品名称
<font>旅游安全人身意外伤害保险</font>{{$t('objFill.v101.Contract.toubdxgxx')}}
<p>
旅游者承诺在签订人身意外伤害保险合同前，已充分了解保险合同的相关条款，如有不清楚的，将自行向保险公司咨询。
</p>
</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>
<h3>其他约定</h3>
<div style="border: 1px solid #000;min-height: 300px;padding:5px; ">
<p v-if="CtObj.OtherConvention&&CtObj.OtherConvention!=''" v-html="CtObj.OtherConvention">
</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">{{$t('admin.admin_IDcard')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('scen.sc_tel')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Tel}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
<el-col :span="12">{{CtObj.Tourists_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.dianziyx')}}：</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">{{$t('objFill.v101.Contract.qianyueriqi')}}：</el-col>
<el-col :span="12">{{CtObj.CreateTimeStr}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.qianyuedd')}}：</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">{{$t('objFill.jinbanr')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_DealMan}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('admin.admin_IDcard')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_IDNum}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Fax}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.dianziyx')}}：</el-col>
<el-col :span="12">{{CtObj.TravelAgency_Email}}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">{{$t('objFill.v101.Contract.qianyueriqi')}}：</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">{{$t('system.query_name')}}：</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">{{$t('objFill.zhengjianhm')}}：</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">{{$t('visa.v_tuanhao')}}：</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">{{$t('sm.fanhuiDate')}}：</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">{{$t('system.query_lineName')}}：</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>
<br />
<div style="color:red;" v-if="CtObj.CType!=3">注：用房
：全程酒店均为二人一间，如您的订单产生单房，在未补单房差的情况下，我社将尽量安排您与其它客人拼房或是与同行者入住三人房，不可选择房型。敬请配合，服从调配。</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>{{$t('objFill.sichuanhpgjlxs')}}</h2>
<h2>{{$t('objFill.tuanduicjlyht')}}</h2>
<p><b>{{$t('objFill.hetongbh')}}：<font>{{dataList.contractNum}}</font></b></p>
</div>
<label id="l1">{{$t('objFill.v101.Contract.shiyongsm')}}</label>
<p>1、{{$t('objFill.v101.Contract.shiysm1')}}</p>
<p>2、供中华人民共和国境内（不含港、澳、台地区）经营出境旅游业务或者边境旅游业务的旅行社（以下简称“出境社”）与出境旅游者（以下简称“旅游者”）之间签订团队出境包价旅游（不含赴台湾地区旅游）合同时使用。
</p>
<p>3、{{$t('objFill.v101.Contract.shiysm3')}}</p>
<p>4、{{$t('objFill.v101.Contract.shiysm4')}}</p>
</div>
<div class="item_content">
<label id="l2">{{$t('objFill.v101.Contract.hetongtk')}}</label>
<p>
旅游者：<font>{{dataList.clientName}}</font> 等<font v-if="dataList.guestList">{{dataList.guestList.length}}
</font>
人（名单可附页，需出境社和旅游者代表签字盖章确认）；
</p>
<p>{{$t('objFill.v101.Contract.chujins')}}：<font>{{dataList.company}}</font>
</p>
<p>{{$t('objFill.v101.Contract.lxsywxkz')}}：<font>{{dataList.businessCertificate}}</font>
</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diyizhang')}} {{$t('objFill.v101.Contract.shuyuhdinyi')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diyitiao')}} {{$t('objFill.v101.Contract.benhetsyhdy')}}</p>
</h3>
<p>1.
{{$t('objFill.v101.Contract.shuyudinyi1')}}
</p>
<p>2.{{$t('objFill.v101.Contract.shuyudinyi2')}}</p>
<p>{{$t('objFill.v101.Contract.lvyoufybk')}}：</p>
<p>（1）{{$t('objFill.v101.Contract.bixuqzqzf')}}</p>
<p>（2）{{$t('objFill.v101.Contract.jiaotfhjwjcs')}}</p>
<p>（3）{{$t('objFill.v101.Contract.zhusuf')}}</p>
<p>（4）{{$t('objFill.v101.Contract.canfbhjsf')}}</p>
<p>（5）{{$t('objFill.v101.Contract.chujtyapdjdmp')}}</p>
<p>（6）{{$t('objFill.v101.Contract.xingczqtfy')}}</p>
<p>（7）{{$t('objFill.v101.Contract.daoyoufwf')}}</p>
<p>（8）{{$t('objFill.v101.Contract.bianjlyzzjfy')}}</p>
<p>（9）{{$t('objFill.v101.Contract.chujsjwqtfwf')}}</p>
<p>{{$t('objFill.v101.Contract.lvyoufbh')}}：</p>
<p>（1）{{$t('objFill.v101.Contract.banlhzfy')}}</p>
<p>（2）{{$t('objFill.v101.Contract.banliltfy')}}</p>
<p>（3）{{$t('objFill.v101.Contract.lvyouzywbxf')}}</p>
<p>（4）{{$t('objFill.v101.Contract.hetwydycj')}}</p>
<p>(5){{$t('objFill.v101.Contract.jingwaixf')}}</p>
<p>(6)行程中发生的旅游者个人费用，包括但不限于交通工具上的非免费餐饮费、行李超重费，住宿期间的洗衣、通讯
、饮料及酒类费用，个人娱乐费用，个人伤病医疗费，寻找个人遗失物品的费用及报酬，个人原因造成的赔偿费用。</p>
<p>3.{{$t('objFill.v101.Contract.lvxingfzr')}}</p>
<p>4.{{$t('objFill.v101.Contract.ziyouhd')}}</p>
<p>5.{{$t('objFill.v101.Contract.ziyouhdqj')}}</p>
<p>6.
{{$t('objFill.v101.Contract.buhelddj')}}
</p>
<p>7.
{{$t('objFill.v101.Contract.jutigwcs')}}
</p>
<p>
8.{{$t('objFill.v101.Contract.lyouztbd')}}
</p>
<p>9.{{$t('objFill.v101.Contract.lituan')}}</p>
<p>10.{{$t('objFill.v101.Contract.tuotuan')}}</p>
<p>11.{{$t('objFill.v101.Contract.zhuantuan')}}</p>
<p>12.{{$t('objFill.v101.Contract.pintuan')}}</p>
<p>13.{{$t('objFill.v101.Contract.bukekangli')}}</p>
<p>14.{{$t('objFill.v101.Contract.yijinhlzyyw')}}
</p>
<p>15.必要的费用，指出境社履行合同已经发生的费用以及向地接社或者履行辅助人支付且不可退还的费用,
包括乘坐飞机（车、船）等交通工具的费用（含预订金）、旅游签证/签注费用、饭店住宿费用（含预订金）、旅游观光汽车的人均车租等。</p>
<p>16.{{$t('objFill.v101.Contract.gonggjtjyz')}}</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.dierzhang')}} {{$t('objFill.v101.Contract.hetongddl')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diertiao')}} {{$t('objFill.v101.Contract.lvyouxcd')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.chusycjlxxcd')}}：</p>
<p>（1）{{$t('objFill.v101.Contract.lvyouxcdfd')}}：</p>
<p>（2）{{$t('objFill.v101.Contract.lyoudjsmc')}}</p>
<p>（3）{{$t('objFill.v101.Contract.jiaotongfwap')}}</p>
<p>（4）{{$t('objFill.v101.Contract.zhusufwap')}}</p>
<p>（5）{{$t('objFill.v101.Contract.yongczczcbz')}}</p>
<p>（6）{{$t('objFill.v101.Contract.chujstyanylsj')}}</p>
<p>（7）{{$t('objFill.v101.Contract.ziyouhdsj')}}</p>
<p>（8）{{$t('objFill.v101.Contract.xingcapdylhd')}}</p>
<h3>
<p>{{$t('objFill.v101.Contract.xingcdyyx')}}</p>
</h3>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.disantiao')}} {{$t('objFill.v101.Contract.dinglihet')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.lvyouzydrzrd')}}</p>
<p>{{$t('objFill.v101.Contract.youlvyzddl')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.youlvyzddl')}} {{$t('objFill.v101.Contract.lvygkjxcp')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.chujinsdly')}}</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.disanzhang')}} {{$t('objFill.v101.Contract.hetongsflyqy')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diwutiao')}} {{$t('objFill.v101.Contract.chujsdql')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.genjulyzstzk')}}</p>
<p>2.{{$t('objFill.v101.Contract.heshilkxx')}}</p>
<p>3.{{$t('objFill.v101.Contract.anzhtydsqlf')}}</p>
<p>4.{{$t('objFill.v101.Contract.lvyoutdjjqk')}}</p>
<p>5.{{$t('objFill.v101.Contract.jujuelyztc')}}</p>
<p>6. 要求旅游者对在旅游活动中或者在解决纠纷时损害出境社合法权益的行为承担赔偿责任；</p>
<p>7.{{$t('objFill.v101.Contract.yaoqiulyzjk')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diliutiao')}} {{$t('objFill.v101.Contract.chujinsdyw')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.bujtfwbz')}}</p>
<p>2.{{$t('objFill.v101.Contract.xheggysgcp')}}</p>
<p>
3.{{$t('objFill.v101.Contract.buyibhldjzz')}}
</p>
<p>
4.{{$t('objFill.v101.Contract.zaict1cqsmf')}}
</p>
<p>5.{{$t('objFill.v101.Contract.weilytdap')}}</p>
<p>6.{{$t('objFill.v101.Contract.tuosanbgly')}}</p>
<h3>
<p>7.{{$t('objFill.v101.Contract.weilyzff')}}</p>
</h3>
<p>8．旅游者人身、财产权益受到损害时，应采取合理必要的保护和救助措施，避免旅游者人身、财产权益损失扩大；</p>
<p>9.{{$t('objFill.v101.Contract.jijixdcl')}}</p>
<p>10.{{$t('objFill.v101.Contract.tishilyz')}}</p>
<p>11.{{$t('objFill.v101.Contract.xianglyztg')}}</p>
<p>12.{{$t('objFill.v101.Contract.yifadlyzgr')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diqitiao')}} {{$t('objFill.v101.Contract.lvyzdql')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.yaoqcjsazht')}}</p>
<p>2.{{$t('objFill.v101.Contract.juejwjyxzt')}}</p>
<p>
3.{{$t('objFill.v101.Contract.youquanzz')}}
</p>
<p>4.{{$t('objFill.v101.Contract.zaizhiflyf')}}</p>
<p>5.{{$t('objFill.v101.Contract.rengeizymzfs')}}</p>
<p>6.{{$t('objFill.v101.Contract.zairsccaq')}}</p>
<p>7.{{$t('objFill.v101.Contract.zaihfqyss')}}</p>
<p>8.{{$t('objFill.v101.Contract.zhonghrmghglyf')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dibatiao')}} {{$t('objFill.v101.Contract.lvyuzeyw')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.rushitxcj')}} </p>
<p>2.{{$t('objFill.v101.Contract.xiangcjstj')}}</p>
<p>3.{{$t('objFill.v101.Contract.anzhtydzffy')}}</p>
<p>4.{{$t('objFill.v101.Contract.peihldtygl')}}</p>
<p>5.{{$t('objFill.v101.Contract.zhunswgly')}}</p>
<p>6.{{$t('objFill.v101.Contract.zhunslymddgj')}}</p>
<p>7.{{$t('objFill.v101.Contract.duiguojydzd')}}</p>
<p>8.{{$t('objFill.v101.Contract.tuosbgzjxl')}}</p>
<p>
9.{{$t('objFill.v101.Contract.zailyhdzh')}}
</p>
<p>10.{{$t('objFill.v101.Contract.zaizxaphdqj')}}</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.disizhang')}} {{$t('objFill.v101.Contract.hetongdbgyzr')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.dijiutiao')}} {{$t('objFill.v101.Contract.hetongdbg')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.chujsylyzxsyz')}}</p>
<p>
2.{{$t('objFill.v101.Contract.xingcksydbk')}}
</p>
<p>3.{{$t('objFill.v101.Contract.xingczydbkkys')}}</p>
<p>（1）{{$t('objFill.v101.Contract.hetbnwqlx')}}</p>
<p>（2）{{$t('objFill.v101.Contract.weijlyzre')}}</p>
<p>（3）{{$t('objFill.v101.Contract.zaoclyzzl')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishitiao')}} {{$t('objFill.v101.Contract.hetongzr')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.lvyxckszrcd')}}</p>
<p>{{$t('objFill.v101.Contract.zhnegdlydbx')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishiyitiao')}} {{$t('objFill.v101.Contract.buchengtdap')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.dangwddwdct')}}</p>
<p>
1.{{$t('objFill.v101.Contract.zhuantlqht')}}
</p>
<p>2.{{$t('objFill.v101.Contract.yanqicthgqxl')}}</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diwuzhang')}} {{$t('objFill.v101.Contract.hetongjiec')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.dishiertiao')}} {{$t('objFill.v101.Contract.chujinsjcht')}}</p>
</h3>
<p>
1.{{$t('objFill.v101.Contract.weiddydctjcht')}}
</p>
<p>2.{{$t('objFill.v101.Contract.lvyzyxlqx')}}</p>
<p>（1）{{$t('objFill.v101.Contract.huanycrdjb')}}</p>
<p>（2）{{$t('objFill.v101.Contract.xiedwhhhaq')}}</p>
<p>（3）{{$t('objFill.v101.Contract.congswfhwf')}}</p>
<p>（4）{{$t('objFill.v101.Contract.congsyzyxtr')}}</p>
<p>（5）{{$t('objFill.v101.Contract.falvgddyx')}}</p>
<p>{{$t('objFill.v101.Contract.chujsyss')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishisantiao')}} {{$t('objFill.v101.Contract.lvyzjcht')}}</p>
</h3>
<p>
1.{{$t('objFill.v101.Contract.weidadydctxgydcl')}}
</p>
<p>
2.{{$t('objFill.v101.Contract.chubddykyd')}}
</p>
<p>3.{{$t('objFill.v101.Contract.lyzwaydcf')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishisitiao')}} {{$t('objFill.v101.Contract.yinbkklxjcht')}}</p>
</h3>
<p>
{{$t('objFill.v101.Contract.yinbkklcjslygd')}}
</p>
<p>{{$t('objFill.v101.Contract.hetjcdcjs')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishiwutiao')}} {{$t('objFill.v101.Contract.biydfykc')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.lvyouzcxqssr')}}</p>
<p>{{$t('objFill.v101.Contract.jiechuhtkc1')}}</p>
<p>{{$t('objFill.v101.Contract.jiechuhtkc2')}}</p>
<p>{{$t('objFill.v101.Contract.jiechuhtkc3')}}</p>
<p>{{$t('objFill.v101.Contract.jiechuhtkc4')}}</p>
<p>{{$t('objFill.v101.Contract.jiechuhtkc5')}}</p>
<p>2.{{$t('objFill.v101.Contract.zaixczjchtkfbz')}}</p>
<p>{{$t('objFill.v101.Contract.lvyfyycyts')}}</p>
<p>{{$t('objFill.v101.Contract.ruassbclyfze')}}</p>
<p>{{$t('objFill.v101.Contract.jiechtbtkss')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishiliutiao')}} {{$t('objFill.v101.Contract.chujsxzlyfcfy')}}</p>
</h3>
<p>
{{$t('objFill.v101.Contract.fancysfcd')}}
</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diliuzhang')}} {{$t('objFill.v101.Contract.weiyuezr')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.dishiqitiao')}} {{$t('objFill.v101.Contract.chujinsdwyzr')}}</p>
</h3>
<p>
1.{{$t('objFill.v101.Contract.chujjchtwyj')}}
</p>
<p>{{$t('objFill.v101.Contract.chujwyj1')}}</p>
<p>{{$t('objFill.v101.Contract.chujwyj2')}}</p>
<p>{{$t('objFill.v101.Contract.chujwyj3')}}</p>
<p>{{$t('objFill.v101.Contract.chujwyj4')}}</p>
<p>{{$t('objFill.v101.Contract.chujwyj5')}}</p>
<p>{{$t('objFill.v101.Contract.chujwyj6')}}</p>
<p>{{$t('objFill.v101.Contract.chujwyj7')}}</p>
<p>2.{{$t('objFill.v101.Contract.chujwtgfw')}}
</p>
<p>
3.{{$t('objFill.v101.Contract.chujjblxtj')}}
</p>
<p>
4.{{$t('objFill.v101.Contract.weijlzty')}}
</p>
<p>5.{{$t('objFill.v101.Contract.chujyyxqxzy')}}</p>
<p>（1）{{$t('objFill.v101.Contract.chujsybhl')}}</p>
<p>（2）{{$t('objFill.v101.Contract.weijsfxd')}}</p>
<p>6.{{$t('objFill.v101.Contract.yulyzcxjfs')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishibatiao')}} {{$t('objFill.v101.Contract.lvyouzdwyz')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.yinbtccj')}}</p>
<p>2.{{$t('objFill.v101.Contract.lvyouzcc')}}</p>
<p>3.{{$t('objFill.v101.Contract.youyulyzgc')}}</p>
<p>4.{{$t('objFill.v101.Contract.lvyouzlyhdz')}}</p>
<p>5.{{$t('objFill.v101.Contract.lvyouzwfaqjs')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.dishijiutiao')}} {{$t('objFill.v101.Contract.qitazeren')}}</p>
</h3>
<p>
1.{{$t('objFill.v101.Contract.zerenhfy')}}
</p>
<p>2.{{$t('objFill.v101.Contract.youyulyzzsyy')}}</p>
<p>3.{{$t('objFill.v101.Contract.lvyouzzxap')}}</p>
<p>4.{{$t('objFill.v101.Contract.chujsdyy')}}</p>
<p>5.{{$t('objFill.v101.Contract.youyuggjt')}}</p>
<h3>
<p class="TC_ZhangTitle">{{$t('objFill.v101.Contract.diqizhang')}} {{$t('objFill.v101.Contract.xieyitk')}}</p>
</h3>
<h3>
<p>{{$t('objFill.v101.Contract.diershitiao')}} {{$t('objFill.v101.Contract.xianluxcsj')}}</p>
</h3>
<p>
{{$t('objFill.v101.Contract.lvyouxlw')}}<font>{{dataList.productName}}</font>
{{$t('objFill.chufashijian')}} <font>{{getDate(dataList.startDate)}}</font>
{{$t('MarketingActi.endTime')}}<font>{{getDate(dataList.returnDate)}}</font>
{{$t('hotel.hotel_totalRoom')}}<font>{{dataList.dayNum}}</font>{{$t('hotel.hotel_day')}}<font>{{dataList.nightNum}}</font>{{$t('objFill.v101.Contract.ye')}}。
</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiyitiao')}}</p>
</h3>
<p>
{{$t('salesModule.Adult')}}<font>{{dataList.adultPrice}}</font>{{getCurrencyStr()}}/人，小孩<font>{{dataList.childPrice}}</font>
{{getCurrencyStr()}}/人；其中，导游服务费
<font>{{dataList.servicePrice}}</font>{{getCurrencyStr()}}/人；旅游费用合计：<font>{{dataList.orderPrice}}</font>
{{getCurrencyStr()}}。
</p>
<p>{{$t('objFill.v101.Contract.lvyoufyzffs')}}<font>{{dataList.payType==1?$t('fnc.xianjin'):$t('objFill.zhuanzhang')}}</font>
</p>
<p>{{$t('objFill.v101.Contract.lvyoufyzfsj')}}<font>{{getDate(dataList.payDate)}}</font>
</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiertiao')}} {{$t('objFill.v101.Contract.rensywshbx')}}</p>
</h3>
<p>
{{$t('objFill.lvyouzhe')}}<font>{{dataList.insuranceOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.v101.Contract.tongydgwx')}}
<font></font>{{$t('objFill.v101.Contract.toubdxgxx')}}{{$t('objFill.v101.Contract.baoxianje')}}<font>{{dataList.insuranceAmount}}</font>{{getCurrencyStr()}}人民币。
</p>
<p>{{$t('objFill.lvyouzhe')}}<font>{{dataList.clientName}}</font>{{$t('objFill.v101.Contract.xingmyydzx')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershisantiao')}} {{$t('objFill.v101.Contract.chengtrsgd')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.chengtdzdrs')}}<font>{{dataList.minNumber}}</font>{{$t('hotel.hotel_people')}}。</p>
<p>{{$t('objFill.v101.Contract.rubunct')}}</p>
<p>1.<font>{{dataList.insteadOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.chujingswt')}}<font>{{dataList.insteadCompany}}</font>
出境社履行合同；</p>
<p>2.<font>{{dataList.delayOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.v101.Contract.tongyyqct')}}</p>
<p>3.<font>{{dataList.changeOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.v101.Contract.tongyqtxlxt')}}</p>
<p>4.<font>{{dataList.terminateOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}} </font>{{$t('objFill.v101.Contract.tongyjcht')}}</p>
<h3>
<p class="toTopDistance">>{{$t('objFill.v101.Contract.diershisitiao')}} {{$t('objFill.v101.Contract.pintyd')}}</p>
</h3>
<p>{{$t('objFill.lvyouzhe')}}<font>{{dataList.carpoolOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>{{$t('objFill.v101.Contract.caiyptfspz')}}<font>
{{dataList.carpoolCompany}}</font>{{$t('objFill.v101.Contract.chujsct')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiwutiao')}} {{$t('objFill.v101.Contract.ziyuangw')}}</p>
</h3>
<p>1.{{$t('objFill.v101.Contract.ziygw1')}}</p>
<p>2.{{$t('objFill.v101.Contract.ziygw2')}}
</p>
<p>3.{{$t('objFill.v101.Contract.ziygw3')}}</p>
<p>4.{{$t('objFill.v101.Contract.ziygw4')}}</p>
<p>5. {{$t('objFill.v101.Contract.ziygw5')}}</p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiliutiao')}} {{$t('objFill.zhenyidjjfs')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.benhtlxgc')}}<font>
{{dataList.settleDisputeMode}}</font>{{$t('objFill.zhongfangs')}}：</p>
<p>1.{{$t('fnc.tijiao')}}<font>{{dataList.arbitrationCommission}}</font>{{$t('objFill.v101.Contract.zhongcwyhzc')}}</p>
<p>2.{{$t('objFill.yifaxiang')}}<font>{{dataList.court}}</font>人民法院起诉。 </p>
<h3>
<p class="toTopDistance">{{$t('objFill.v101.Contract.diershiqitiao')}} {{$t('objFill.qitayuedsx')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.weijinsy')}}</p>
<p class="decoration">
<font></font>
</p>
<h3 class="Contract_Depart"><span class="leftP" style="padding-left:10px;">{{$t('objFill.v101.Contract.diershibatiao')}} {{$t('objFill.hetongxiaol')}}</span>
</h3>
<p class="Contract_Depart" id="p_contract_num">本合同一式<font>{{getTotalNum(dataList.totalNumber)}}</font>
份，双方各持<font>{{getTotalNum(dataList.eachNumber)}}</font>{{$t('objFill.v101.Contract.fenjytdfx')}}</p>
</div>
<div class="item_content">
<label id="l3">{{$t('objFill.v101.Contract.qianzangxx')}}</label>
<div class="leftSign">
<div><span>{{$t('objFill.v101.Contract.lvyzqzgz')}}</span>
<img style="width:120px;" :src="dataList.companySignature" alt="" />
</div>
<div><span>{{$t('objFill.zhengjianhm')}}：</span>
<font>{{dataList.clientIdcardnum}}</font>
</div>
<div><span>{{$t('admin.admin_address')}}：</span>
<font>
<div class="addressCommon">{{dataList.clientAddress}}</div>
</font>
</div>
<div><span>{{$t('scen.sc_tel')}}：</span>
<font>{{dataList.clientCall}}</font>
</div>
<div><span>{{$t('objFill.chuanzhen')}}：</span>
<font>{{dataList.clientFax}}</font>
</div>
<div><span>{{$t('objFill.youbian')}}：</span>
<font>{{dataList.clientPostCode}}</font>
</div>
<div><span>{{$t('objFill.v101.Contract.dianzixx')}}：</span>
<font>{{dataList.clientEmail}}</font>
</div>
<div><span>{{$t('objFill.v101.Contract.qianyueriqi')}}：</span>
<font>{{getDate(dataList.payDate)}}</font>
</div>
<div><span>{{$t('objFill.qianyuedd')}}：</span>
<font>{{dataList.contractPlace}}</font>
</div>
</div>
<div class="rightSign">
<div style="position:relative">
<span>{{$t('objFill.v101.Contract.chujsgz')}}：</span>
<img src="" alt="" />
</div>
<div><span>{{$t('objFill.jinbanr')}}：</span>
<font>{{dataList.agentName}}</font>
</div>
<div><span>{{$t('admin.admin_address')}}：</span>
<div class="addressCommon">
<font>{{dataList.companyAddress}}</font>
</div>
</div>
<div><span>{{$t('scen.sc_tel')}}：</span>
<font>{{dataList.companyCall}}</font>
</div>
<div><span>{{$t('objFill.chuanzhen')}}：</span>
<font>{{dataList.companyFax}}</font>
</div>
<div><span>{{$t('objFill.youbian')}}：</span>
<font>{{dataList.companyPostCode}}</font>
</div>
<div><span>{{$t('objFill.v101.Contract.dianzixx')}}：</span>
<font>{{dataList.companyEmail}}</font>
</div>
<div><span>{{$t('objFill.v101.Contract.qianyueriqi')}}：</span>
<font>{{getDate(dataList.payDate)}}</font>
</div>
</div>
</div>
<div class="item_content">
<label id="l4">{{$t('objFill.v101.Contract.tousuxx')}}</label>
<p>{{$t('objFill.chujsjdtsdh')}}：<font>{{dataList.companyComplainCall}}</font>
</p>
<template v-if="CtObj.SignType==0">
<p>{{$t('objFill.sichuanscdslyzj')}}：<font>{{dataList.regulatorName}}</font>
</p>
<p>{{$t('objFill.v101.Contract.chengdzfjdw')}}：<font>{{dataList.regulatorWebsite}}</font>
</p>
</template>
<p>{{$t('objFill.toushudh')}}：<font>{{dataList.regulatorComplainCall}}</font>
</p>
<p>{{$t('admin.admin_address')}}：<font>{{dataList.regulatorAddress}}</font>
</p>
<p>{{$t('objFill.youbian')}}：<font>{{dataList.regulatorPostCode}}</font>
</p>
</div>
<div class="item_content">
<label id="l5">{{$t('salesModule.TravelInfo')}}</label>
<table class="content_table ClientTravelTable" cellpadding="0" cellspacing="0"
style="border-collapse:collapse">
<tr>
<th>{{$t('system.query_name')}}</th>
<th>{{$t('visaT.nationality')}}</th>
<th>{{$t('objFill.v101.Contract.mingzu')}}</th>
<th>{{$t('system.table_sex')}}</th>
<th>{{$t('admin.admin_BirthDate')}}</th>
<th>{{$t('system.table_IDcard')}}</th>
<th>{{$t('system.table_Passport')}}</th>
<th>{{$t('system.table_phone')}}</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?$t('pub.man'):$t('pub.woman')}}</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">{{$t('objFill.v101.Contract.lvyoubmb')}}</label>
<p>
<b>{{$t('objFill.v101.Contract.lvyouxljbh')}}</b>
<font>{{dataList.productName}}</font>
<b>{{$t('objFill.v101.Contract.lvyouzctyxsj')}}</b>
<font>{{getDate(dataList.startDate)}}</font>
</p>
<table class="content_table LRTB" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td width="20%">{{$t('system.query_name')}}</td>
<td width="30%">
<font>{{dataList.clientName}}</font>
</td>
<td width="20%">{{$t('system.table_sex')}}</td>
<td width="30%"></td>
</tr>
<tr>
<td width="20%">{{$t('objFill.v101.Contract.mingzu')}}</td>
<td width="30%"></td>
<td width="20%">{{$t('admin.admin_BirthDate')}}</td>
<td width="30%"></td>
</tr>
<tr>
<td width="20%">{{$t('system.table_IDcard')}}</td>
<td width="30%">
<font>{{dataList.clientIdcardnum}}</font>
</td>
<td width="20%">{{$t('restaurant.res_ContactNumber')}}</td>
<td width="30%">
<font>{{dataList.clientCall}}</font>
</td>
</tr>
<tr>
<td width="20%">{{$t('visaT.nationality')}}</td>
<td width="30%"></td>
<td width="20%">{{$t('system.table_Passport')}}</td>
<td width="30%">
<font>{{dataList.clientPassport}}</font>
</td>
</tr>
<tr>
<td class="rightTD">{{$t('objFill.v101.Contract.shengtizk')}}</td>
<td colspan="3" style="text-align:left">
<div>
<font>{{dataList.healthRemark}}</font>
</div>
<div>（{{$t('objFill.v101.Contract.xuzmstcjd')}}）</div>
</td>
</tr>
<tr>
<td colspan="4" style="text-align:left">
<p>{{$t('objFill.v101.Contract.lvyouzffyq')}}</p>
<p>{{$t('objFill.v101.Contract.tongzhur')}}：<font>{{dataList.togetherRemark}}</font>
</p>
<p>{{$t('objFill.dannan')}}/{{$t('objFill.dannv')}}：<font>{{dataList.singleRemark}}</font>（{{$t('objFill.v101.Contract.xuyapytrtz')}}）</p>
<p>{{$t('objFill.v101.Contract.buzhancry')}}：<font>{{dataList.nobedRemark}}</font>
</p>
<p>{{$t('objFill.v101.Contract.danduzry')}}：<font>{{dataList.aloneRemark}}</font>（{{$t('objFill.v101.Contract.tongybjffce')}}）</p>
</td>
</tr>
<tr>
<td colspan="4" style="text-align:left">
<p>{{$t('objFill.v101.Contract.qitbcyd')}}：</p>
<p>{{$t('objFill.v101.Contract.womenyx')}}<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>{{$t('objFill.v101.Contract.lvyouzqzgz')}}：
<img style="width:120px;" :src="dataList.companySignature" alt="" />
<font>{{getDate(dataList.payDate)}}</font>
</p>
</td>
</tr>
<tr>
<td>{{$t('pub.pubRemark')}}</td>
<td colspan="3" style="text-align:left">
<p>{{$t('objFill.v101.Contract.nianldysb')}}</p>
</td>
</tr>
<tr>
<td width="20%">{{$t('objFill.v101.Contract.fuwuwdmc')}}</td>
<td width="30%">
<font>{{dataList.contractPlace}}</font>
</td>
<td width="20%">{{$t('objFill.v101.Contract.chujsjbr')}}</td>
<td width="30%">
<font>{{dataList.agentName}}</font>
</td>
</tr>
<tr>
<td width="20%">{{$t('objFill.v101.Contract.fenzjgmc')}}</td>
<td width="30%"></td>
<td width="20%">{{$t('objFill.v101.Contract.jinbrlxdh')}}</td>
<td width="30%">
<font>{{dataList.agentCall}}</font>
</td>
</tr>
</table>
</div>
<div class="item_content">
<label id="l7">{{$t('objFill.v101.Contract.souqwts')}}</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;">{{$t('objFill.v101.Contract.souqwts')}}</p>
<p style="text-align:left;">
<font>{{dataList.company}}</font>:
</p>
<p>兹有本人<font>{{item.surName+''+item.name}}</font>{{$t('objFill.v101.Contract.weitrxmsm')}}<font>{{dataList.clientName}}</font>
（受托人姓名）为我参加贵公司旅行团并签署编号为：<font>{{dataList.contractNum}}</font>
{{$t('objFill.v101.Contract.delvyhthfdb')}}</p>
<p>{{$t('objFill.v101.Contract.benrenbz')}}：</p>
<p>
1、{{$t('objFill.v101.Contract.woyzxhtqbbr')}
</p>
<p>
2、{{$t('objFill.v101.Contract.shouwtrjy')}
</p>
<p>{{$t('objFill.v101.Contract.techism')}}</p>
<p>
委托人签字：<font>{{item.surName+''+item.name}}</font>{{$t('system.table_IDcard')}}：<font>{{item.idCard}}</font>{{$t('scen.sc_tel')}}：<font>
{{item.mobilePhone}}</font>
</p>
<p>
受托人签字：<img style="width:120px;" :src="dataList.companySignature" alt="" />
{{$t('scen.sc_tel')}}：<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">{{$t('objFill.v101.Contract.lvkexcd')}}</label>
<p class="shouquanNum">{{$t('objFill.v101.Contract.yifuzzlyxcd')}}</p>
<div>
<table class="content_table travelDan" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>{{$t('objFill.v101.Contract.lvyzqzgz')}}<img style="width:120px;" :src="dataList.companySignature" alt="" />
</td>
<td style="position:relative;">出境社盖章：
</td>
</tr>
<tr>
<td></td>
<td>{{$t('objFill.jinbanr')}}：<font>{{dataList.agentName}}</font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.qianyueriqi')}}：<font>{{getDate(dataList.payDate)}}</font>
</td>
<td>{{$t('objFill.v101.Contract.qianyueriqi')}}：<font>{{getDate(dataList.payDate)}}</font>
</td>
</tr>
</table>
</div>
</div>
<div class="item_content">
<label id="l9">{{$t('objFill.v101.Contract.anquanxxk')}}</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">{{$t('visaT.Chinesesurname')}}<br />Chinese surname</td>
<td>
<font>{{item.surName}}</font>
</td>
<td>{{$t('admin.admin_Surname')}}<br />Chinese name</td>
<td>
<font>{{item.name}}</font>
</td>
</tr>
<tr>
<td>{{$t('admin.admin_EnSurname')}}<br />Family name</td>
<td>
<font>{{item.eSurName}}</font>
</td>
<td>{{$t('admin.admin_EnSurname')}}<br />Given name</td>
<td>
<font>{{item.eName}}</font>
</td>
</tr>
<tr>
<td>{{$t('admin.admin_IDcard')}}<br />ID card number</td>
<td>
<font>{{item.idCard}}</font>
</td>
<td>{{$t('sm.huzhaohaoma')}}<br />Passport number</td>
<td>
<font>{{item.passportNo}}</font>
</td>
</tr>
<tr>
<td>{{$t('visaT.nationality')}}<br />Nationality</td>
<td colspan="3">
<font>{{item.nationalityName}}</font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.jinjqgkx')}}<br />Emergency contact</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.xuexing')}}<br />Blood type</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.guominshi')}}<br />Allergy history</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.jiwangjb')}}<br />Formerly medical history</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.keysydsybx')}}<br />Commercial insurance company name</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.tebiesm')}}<br />Special description</td>
<td colspan="3">
<font></font>
</td>
</tr>
<tr>
<td>{{$t('objFill.v101.Contract.chikrqz')}}<br />signature</td>
<td colspan="3">
<font>{{item.name}}</font>
</td>
</tr>
</table>
</template>
</div>
<div class="item_content">
<label id="l10">{{$t('objFill.v101.Contract.lvkecls')}}</label>
<h3 style="margin-top:0;">
<p>{{$t('objFill.v101.Contract.zhongggmcxzn')}}</p>
</h3>
<p>{{$t('objFill.v101.Contract.chuxzn1')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn2')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn3')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn4')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn5')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn6')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn7')}}</p>
<p>{{$t('objFill.v101.Contract.chuxzn8')}}</p>
<h3>{{$t('objFill.v101.Contract.lvyouwmcls')}}</h3>
<p>{{$t('objFill.v101.Contract.weilwhlywm')}}：</p>
<p>{{$t('objFill.v101.Contract.zailygcz')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl1')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl2')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl3')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl4')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl5')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl6')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl7')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl8')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl9')}}</p>
<p>{{$t('objFill.v101.Contract.lvyouwmcl10')}}</p>
<p style="margin-bottom:30px;">
{{$t('objFill.v101.Contract.lvyouzqzgz')}}：
<img style="width:120px;" :src="dataList.companySignature" alt="" />
<font>{{getDate(dataList.payDate)}}</font>
</p>
</div>
<div class="item_content">
<label id="l11">{{$t('objFill.v101.Contract.bucxy')}}1</label>
<p class="shouquanNum" style="text-align:center;">{{$t('objFill.v101.Contract.ziyuangwxy')}}</p>
<div style="position:relative;">
<div class="remindInfo">{{$t('objFill.v101.Contract.xiangjxcd')}}</div>
<table class="content_table comonTb" cellpadding="0" cellspacing="0"
style="border-collapse:collapse;margin-top:30px;">
<tr>
<th>{{$t('objFill.jutishij')}}</th>
<th width="150">{{$t('objFill.didian')}}</th>
<th>{{$t('objFill.gouwucsmc')}}</th>
<th>{{$t('objFill.zhuyaospxx')}}</th>
<th>{{$t('objFill.zuichangtlsj')}}</th>
<th>{{$t('objFill.qitashuim')}}</th>
<th>{{$t('objFill.lvyouzqmty')}}</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">{{$t('objFill.v101.Contract.bucxy')}}2</label>
<p class="shouquanNum" style="text-align:center;">{{$t('objFill.v101.Contract.ziyuancjlfflx')}}</p>
<div style="position:relative;">
<div class="remindInfo">{{$t('objFill.v101.Contract.xiangjxcd')}}</div>
<table class="content_table comonTb" cellpadding="0" cellspacing="0"
style="border-collapse:collapse;margin-top:30px;">
<tr>
<th>{{$t('objFill.jutishij')}}</th>
<th width="150">{{$t('objFill.didian')}}</th>
<th>{{$t('objFill.gouwucsmc')}}</th>
<th>{{$t('objFill.zhuyaospxx')}}</th>
<th>{{$t('objFill.zuichangtlsj')}}</th>
<th>{{$t('objFill.qitashuim')}}</th>
<th>{{$t('objFill.lvyouzqmty')}}</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 style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-zhongzhi1"></span>
<span style="font-size:2rem">{{$t('objFill.v101.chongzhiqianm')}}</span>
</div>
</el-col>
<el-col :span="12">
<div style="width:100%;" @click="handelSaveEl()">
<span style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-wancheng1"></span>
<span style="font-size:2rem">{{$t('objFill.v101.wanchengqmin')}}</span>
</div>
</el-col>
</el-row>
</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 style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-zhongzhi1"></span>
<span style="font-size:2rem">{{$t('objFill.v101.chongzhiqianm')}}</span>
</div>
</el-col>
<el-col :span="12">
<div style="width:100%;" @click="handelSaveEl()">
<span style="font-size:3rem;color:rgb(36, 173, 229)" class="iconfont icon-wancheng1"></span>
<span style="font-size:2rem">{{$t('objFill.v101.wanchengqmin')}}</span>
</div>
</el-col>
</el-row>
</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: "",
TravelAgency_DealMan: "",
TravelAgency_IDNum: "",
TravelAgency_Address: "",
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, //判断是否盖章
SignType: 0, //
GuestNum: 0,
},
};
},
created() {
if (this.$route.query.str) {
this.tcShow = false;
this.signShow = false;
}
},
methods: {
getCurrencyStr() {
var str = "元";
if (this.CtObj.SignType == 1) {
str = "円"
}
return str;
},
getCount() {
var serviceCount = 0;
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;
},
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.TravelAgency_Name = tempObj.TravelAgency_Name;
this.CtObj.TravelAgency_Address = tempObj.TravelAgency_Address;
this.CtObj.TravelAgency_LicenseNum = tempObj.TravelAgency_LicenseNum;
this.CtObj.SignType = tempObj.SignType;
this.CtObj.GuestNum = tempObj.GuestNum;
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 this.$t('objFill.v101.Contract.daxie1');
break;
case 2:
return this.$t('objFill.v101.Contract.daxie2');
break;
case 3:
return this.$t('objFill.v101.Contract.daxie3');
break;
case 4:
return this.$t('objFill.v101.Contract.daxie4');
break;
case 5:
return this.$t('objFill.v101.Contract.daxie5');
break;
case 6:
return this.$t('objFill.v101.Contract.daxie6');
break;
case 7:
return this.$t('objFill.v101.Contract.daxie7');
break;
case 8:
return this.$t('objFill.v101.Contract.daxie8');
break;
case 9:
return this.$t('objFill.v101.Contract.daxie9');
break;
case 10:
return this.$t('objFill.v101.Contract.daxie9');
break;
}
},
//小写金额转大写
number_chinese(str) {
var num = parseFloat(str);
var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
var strOutput = "";
if (this.CtObj.SignType == 1) {
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);
}
if (this.CtObj.SignType == 1) {
return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(
/零([亿|万])/g, '$1').replace(/零+元/, '円').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零円")
} else {
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>