<style>
.view-MainContent-box .el-dialog.is-fullscreen{
  background: url(../../assets/img/bodyBg.png);
}
.view-MainContent-box .el-dialog__body{
  background: url(../../assets/img/bodyBg.png);
}
.MainContentBox .el-dialog__header{
  padding: 0;
}
  .TravelContractView {
    height: 100%;
    background: url(../../assets/img/bodyBg.png);
    font: normal 13px 'Microsoft Yahei';
    color: #555;
  }

  .TravelContractView .container-fluid {
    padding: 0 20px;
    height: 100%;
    box-sizing: border-box
  }

  .TravelContractView .block {
    border: 1px solid #cdcdcd;
    background: #f9f9f9;
    position: relative;
    margin-bottom: 20px;
  }

  .TravelContractView .mtop15 {
  }

  .TravelContractView .blockTitle {
    border-bottom: 1px solid #cdcdcd;
    background-color: #efefef;
  }

  .TravelContractView .blockTitle span.icon {
    border-right: 1px solid #CDCDCD;
    position: absolute;
    left: 10px;
    height: 40px;
    padding-right: 10px;
    padding-top: 8px;
  }

  .TravelContractView .blockTitle h2 {
    font-size: 15px;
    min-height: 40px;
    margin: 0;
    font-family: 'Microsoft Yahei';
    color: #5b5b5b;
    padding-right: 15px;
    padding-left: 48px;
    line-height: 40px;
  }

  .TravelContractView .blockTitle h2 span {
    position: absolute;
    right: 10px;
    top: 0;
  }

  .TravelContractView .contract {
    background: #f9f9f9;
    margin-top: 20px;
  }

  .TravelContractView .title {
    font-size: 18px;
    color: #555;
    height: 80px;
    position: relative;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .TravelContractView .title p {
    margin: 0;
    font-size: 12px;
  }

  .TravelContractView .contractNo {
    font-weight: bold;
    margin-right: 5px;
  }

  .TravelContractView .title h1 {
    font-size: 24px;
    text-align: left;
  }

  .TravelContractView .title p span {
    font-style: normal;
    font-size: 14px;
    color: #0088cc;
  }

  .TravelContractView .menu {
    overflow: hidden;
    background: #efefef;
    position: relative;
    width: 100%;
  }

  .TravelContractView .contract .menu>ul {
    border-bottom: 0px none;
    margin-bottom: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .TravelContractView .contract .menu>ul>li {
    margin-bottom: -1px;
    float: left;
    list-style: none;
    line-height: 20px;
    border-radius: 0px;
    border-right: 1px solid #DDD;
    border-top: 1px solid #DDD;
    margin: 0px;
    outline: none medium;
    padding: 9px 10px 8px;
    border-bottom: 1px solid #DDD;
    color: #999;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
  }

  .TravelContractView .contract .menu>ul>li.active {
    background: #f9f9f9;
    color: #444;
    border-bottom-color: #f9f9f9;
  }

  .TD-introduction,
  .TD-basic,
  .TD-break,
  .TD-duty,
  .TD-other,
  .TD-convention {
    margin: 20px 30px 30px 30px;
    font-size: 13px;
    display: none;
    max-height: calc(100vh - 260px);
    overflow: auto;
    margin-right: 0;
    padding-right: 20px;
    margin-bottom: 0;
  }

  .TD-introduction p,
  .TD-basic p,
  .TD-break p,
  .TD-duty p,
  .TD-other p {
    margin: 5px 0 0 0;
    line-height: 27px;
  }

  .TD-introduction p span,
  .TD-basic p span,
  .TD-break p span,
  .TD-duty p span,
  .TD-other p span {
    border-bottom: #cbcbcb 1px solid;
    padding: 0 5px;
    color: #0088cc;
    margin: 0 5px;
  }

  .TD-introduction h2,
  .TD-basic h2,
  .TD-break h2,
  .TD-duty h2,
  .TD-other h2 {
    font-size: 16px;
  }

  .TravelContractView h1,
  .TravelContractView h2,
  .TravelContractView h3 {
    line-height: 40px !important;
  }

  .TravelContractView .checkedNav {
    display: block !important;
  }

  .TravelContractView .SignTable {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 0px;
    table-layout: fixed;
    font-size: 13px;
    line-height: 25px;
  }

  .TravelContractView .signDiv {
    width: 160px;
    height: 120px;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 0px;
    z-Index: 100;
  }

  .TravelContractView .esealDiv {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-Index: 100;
  }

  .TravelContractView .eseal {
    padding: 20px 30px 30px 30px;
    background-color: #fff;
    display: none;
    font-size: 13px;
    display: none;
    max-height: calc(100vh - 282px);
    overflow: auto;
    margin-right: 0;
    padding-right: 20px;
    margin-bottom: 0;
  }

  .TravelContractView .SignTable>tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
  }

  .TravelContractView .SignTable tr:first-child td {
    position: relative;
    width: 25%;
  }

  .TravelContractView .SignTable tbody td {
    height: 30px;
  }

  .TravelContractView .guests,
  .TravelContractView .routes,
  .TravelContractView .shoppings,
  .TravelContractView .attachments,
  .TravelContractView .activitys {
    font-size: 13px;
    margin: 20px 30px 30px 30px;
    display: none;
  }

  .TravelContractView .ZTable {
    width: 100%;
    border: none;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .TravelContractView .ZTable>tbody>tr>td {
    word-break: break-word;
    border: solid #ddd 1px;
    padding: 8px;
    line-height: 25px;
  }

  .TravelContractView .text_center {
    text-align: center;
  }

  .TravelContractView .page_break_avoid p {
    padding-bottom: 15px;
  }

  .TDteam_Table {
    width: 900px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .TDteam_Table td {
    border: 1px solid rgb(0, 0, 0);
    word-break: break-all;
    padding: 5px;
  }

  .TCbtn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 10px 19px;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .TCbtn-info:hover {
    color: #ffffff;
    opacity: 0.8;
  }

  /*灰色遮罩层*/
  .TravelContractView .fade {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
  }

  /*弹出层*/
  .TravelContractView .qrCodeDiv {
    width: 236px;
    height: 275px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #d1d1d1;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -118px;
    z-index: 999;
    border-radius: 5px;
  }

  .TravelContractView .Ec_cha {
    position: absolute;
    cursor: pointer;
    right: -20px;
    top: -25px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
  }

  .TravelContractView .Ec_cha:hover {
    color: red;
  }

  .TravelContractView .TcTravel_Table td {
    border: 1px solid rgb(0, 0, 0);
    word-break: break-all;
    padding: 5px;
    line-height: 2;
  }

  .TravelContractView .TcTravel_Table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .TravelContractView .TC_LASTTD div {
    margin-bottom: 10px;
  }

  .TravelContractView p font {
    border-bottom: #cbcbcb 1px solid;
    padding: 0 5px;
    color: #0088cc;
    margin: 0 5px;
  }
  .Tc_TractInfo p{
    padding-bottom:10px;
  }
  .contractTit {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding: 15px 20px 12px;
    line-height: 30px;
    box-sizing: border-box;
    background: url(../../assets/img/bodyBg.png);
    font-size: 18px;
    color: #555;
  }
  .pull-right {
    float: right;
  }
</style>

<template>
  <div style="height: 100%">
    <!--1-单项委托协议[平台版2018]-->

    <template v-if="CtObj.CType==1">
      <div class="TravelContractView" v-loading="pdfLoading">
        <div class="container-fluid" style="padding-top: 19px;">
          <div class="block mtop15">
            <div class="blockTitle">
              <span class="icon"><i class="iconfont icon-wenjian"></i></span>
              <h2>合同详情
              </h2>
            </div>
            <div class="contract">
              <div class="title">
                <h1>四川和平国际旅行社有限公司-单项委托协议[平台版2018]</h1>
                <p class="contractNo">合同编号：<span>{{CtObj.T_ContractNum}}</span></p>
              </div>
              <div class="menu">
                <ul>
                  <li :class="{'active':ActiveTab==1}" @click="ActiveTab=1">使用说明</li>
                  <li :class="{'active':ActiveTab==2}" @click="ActiveTab=2">相关告知及提示</li>
                  <li :class="{'active':ActiveTab==3}" @click="ActiveTab=3">单项委托/组合服务合同 预定项目及要求</li>
                  <li :class="{'active':ActiveTab==4}" @click="ActiveTab=4">签字盖章</li>
                </ul>
              </div>
              <!-- 使用说明 -->
              <div class="TD-introduction" :class="{'checkedNav':ActiveTab==1}">
                <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 class="TD-basic" :class="{'checkedNav':ActiveTab==2}">
                <p><b>● 机票预定</b></p>
                <p>1、甲方应将委托预定内容书面形式告知乙方，乙方应按照甲方的要求订位。</p>
                <p>2、甲方应提供预定机票所需材料，并保证所提供的材料真实准确，如因甲方提供的材料虚假等原因造成虚占座位、错误订位等情况由甲方自行承担全部责任。</p>
                <p>
                  3、旅行社代旅游者预定机票，一经按照约定出票即完成合同代理义务。旅游者用身份证到航空公司指定地点取票，如发生退、改票等情况，旅行社不承担责任，但应协助旅游者与航空公司协商解决，由退、改签造成的损失由旅游者承担。
                </p>
                <p>4、机票的签、转、退等事宜须按照航空公司的规定办理。通过旅行社向航空公司申请的优惠机票通常附带严格的限制条件：</p>
                <p>&nbsp;&nbsp;&nbsp;a．
                  折扣机票出票后不得退票、不改签。不可变更姓名、证件号码、日期和航班，一般在合同签订后<span>{{CtObj.C_TicketDayNum}}</span>日内出票。</p>
                <p>&nbsp;&nbsp;&nbsp;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>&nbsp;&nbsp;&nbsp;A、旅游者亲自现场领取。</p>
                <p>&nbsp;&nbsp;&nbsp;B、旅游者委托第三人现场领取，第三人应持旅游者本人签字的授权委托书原件。</p>
                <p>
                  &nbsp;&nbsp;&nbsp;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 class="eseal" :class="{'checkedNav':ActiveTab==3}">
                <p>委托方（旅游者）：<font>{{CtObj.Tourists_Name}}</font>
                </p>
                <p>受托方（旅行社）： <font>{{CtObj.TravelAgency_Name}}</font>
                </p>
                <p>根据《中华人民共和国合同法》等有关法律法规的规定，委托方（旅游者）与受托方（旅行社）双方在平等，自愿的基础上就有关委托代办事宜经协商达成协议如下：</p>
                <br>
                <p><b>一、旅游者信息</b>（如有12岁以下儿童或2岁以下婴儿需要标注）：</p>
                <br>
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td width="10%">序号</td>
                      <td width="15%">姓名</td>
                      <td width="10%">性别</td>
                      <td width="10%">证件类型</td>
                      <td width="20%">证件号码</td>
                      <td width="20%">联系方式</td>
                      <td width="15%">身体状况</td>
                    </tr>
                    <template v-if="CtObj.ContractGuestList&&CtObj.ContractGuestList.length>0">
                      <tr v-for="(item,index) in CtObj.ContractGuestList" :key="index">
                        <td>{{index+1}}</td>
                        <td>
                          <font>{{item.CGuestName}}</font>
                        </td>
                        <td>
                          <font>{{item.CGuestSex}}</font>
                        </td>
                        <td>
                          <font>{{item.CGuestCertificateType}}</font>
                        </td>
                        <td>
                          <font>{{item.CGuestCertificateNum}}</font>
                        </td>
                        <td>
                          <font>{{item.CGuestTel}}</font>
                        </td>
                        <td>
                          <font>{{item.CGuestHealth}}</font>
                        </td>
                      </tr>
                    </template>
                    <tr>
                      <td colspan="7">&nbsp;</td>
                    </tr>
                    <tr>
                      <td colspan="7">
                        <p class="float_left">紧急情况联系人姓名：<font>{{CtObj.Tourists_EmergencyLinkMan}}</font>
                        </p>
                        <p class="text_right">联系电话：<font>{{CtObj.Tourists_EmergencyLinkTel}}</font>
                        </p>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <br>
                <p><b>二、预定项目及要求：</b></p>
                <br>
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td width="70%">
                        <p>1.机票预订 </p>
                        <template v-if="CtObj.ContractTicketList && CtObj.ContractTicketList.length>0"
                          v-for="item in CtObj.ContractTicketList">
                          <p>
                            <font>{{getDate(item.TicketTime)}}</font>&nbsp;&nbsp;<font>{{item.StartPlace}}</font>&nbsp;/&nbsp;
                            <font>{{item.ArrivePlace}}</font>&nbsp;&nbsp;航班号<font>{{item.FlightNum}}</font>
                          </p>
                          <p>机票金额<font>{{item.TicketPrice}}</font>元/张</p>
                          <p>机场建设费<font>{{item.AirportPirce}}</font>元/张</p>
                          <p>定金<font>{{item.DepositPrice}}</font>元/张</p>
                        </template>

                      </td>
                      <td>
                        <p>共计：<font>{{CtObj.TicketTotalNum}}</font>张机票</p>
                        <p>合同签订后 <font>{{CtObj.TicketOutDayNum}}</font>日内出票，本机票出票后不得退票、改签。由于旅游者原因退、改签机票款全部损失，由旅游者自行承担。
                        </p>
                        <p>机票预定费用总额： <font>{{CtObj.TicketTotalDepositPrice}}</font>元</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p>2.酒店预订</p>
                        <template v-if="CtObj.ContractHotelList && CtObj.ContractHotelList.length>0"
                          v-for="item in CtObj.ContractHotelList">
                          <p>酒店名称：<font>{{item.HotelName}}</font>（酒店）</p>
                          <p>房型：标准间<font>{{item.DoubleRoom}}</font>/单人间<font>{{item.SingleRoom}}</font>三人间<font>
                              {{item.ThirdRoom}}</font>
                          </p>
                          <p>人数：成人人数：<font>{{item.AdultNum}}</font>人 儿童人数：<font>{{item.ChildrenNum}}</font>人（不占床位、不加床位）
                          </p>
                          <p>房费：<font>{{item.RoomPrice}}</font>元/间/晚</p>
                          <p>定金：<font>{{item.DepositPrice}}</font>元/间/晚</p>
                          <p>入住日期：<font>{{item.CheckInDate}}</font>/离店日期：<font>{{item.OutDate}}</font>
                          </p>
                        </template>
                      </td>
                      <td>
                        <p>共计： <font>{{CtObj.HotelTotal}}</font>间、晚</p>
                        <p>酒店入住的方式：<font>{{CtObj.HotelCheckInType}}</font>
                        </p>
                        <p>下订单后通知旅游者的方式：<font>{{CtObj.HotelNotice}}</font>
                        </p>
                        <p>该酒店一经下订单不退、不改，如因客人原因退、改房，房费全损，由旅游者承担。</p>
                        <p>费用共计：<font>{{CtObj.HotelTotalPrice}}</font>元</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p>3.接送服务 </p>
                        <template v-if="CtObj.ContractPickUpList && CtObj.ContractPickUpList.length>0"
                          v-for="item in CtObj.ContractPickUpList">
                          <p>用车日期：<font>{{item.UseTime}}</font>&nbsp;乘客人数<font>{{item.UseNum}}</font>
                          </p>
                          <p>从<font>{{item.StartPlace}}</font>至<font>{{item.ArrivePlace}}</font>&nbsp;<font>
                              {{item.UseBusType}}</font>
                          </p>
                        </template>
                      </td>
                      <td>
                        <p>费用合计：<font>{{CtObj.PickUpTotalPrice}}</font>元</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p>4.代办签证</p>
                        <template v-if="CtObj.ContractVisaList && CtObj.ContractVisaList.length>0"
                          v-for="item in CtObj.ContractVisaList">
                          <p>
                            <font>{{item.Country}}</font>国家的个人签证&nbsp;&nbsp;&nbsp;希望停留时间<font>{{item.StopTime}}</font>
                          </p>
                          <p>代办签证费用：<font>{{item.VisaPrice}}</font>元/人&nbsp;&nbsp;&nbsp;交付保证金：<font>
                              {{item.DepositPrice}}</font>元/人</p>
                        </template>
                      </td>
                      <td>
                        <p>合计金额：<font>{{CtObj.VisaTotalPrice}}</font>元</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p>5.服务组合（ 机票与酒店）</p>
                        <template
                          v-if="CtObj.ContractTicketAndHotel && CtObj.ContractTicketAndHotel.ContractTickets && CtObj.ContractTicketAndHotel.ContractTickets.length>0"
                          v-for="item in CtObj.ContractTicketAndHotel.ContractTickets">
                          <p>a. 机票预订：</p>
                          <p>
                            <font>{{item.TicketTime}}</font>&nbsp;&nbsp;<font>{{item.StartPlace}}</font>&nbsp;/&nbsp;
                            <font>{{item.ArrivePlace}}</font>&nbsp;&nbsp;航班号<font>{{item.FlightNum}}</font>
                          </p>
                          <p>舱位<font>{{item.TicketSpace}}</font>
                          </p>
                          <p>机票金额<font>{{item.TicketPrice}}</font>元/张</p>
                          <p>机场建设费<font>{{item.AirportPirce}}</font>元/张</p>
                        </template>
                        <template
                          v-if="CtObj.ContractTicketAndHotel && CtObj.ContractTicketAndHotel.ContractHotels && CtObj.ContractTicketAndHotel.ContractHotels.length>0"
                          v-for="item in CtObj.ContractTicketAndHotel.ContractHotels">
                          <p>b. 酒店预订：</p>
                          <p>酒店名称：<font>{{item.HotelName}}</font>（酒店）</p>
                          <p>房型：标准间<font>{{item.DoubleRoom}}</font>/单人间<font>{{item.SingleRoom}}</font>/三人间<font>
                              {{item.ThirdRoom}}</font>
                          </p>
                          <p>入住日期：<font>{{item.CheckInDate}}</font>/离店日期：<font>{{item.OutDate}}</font>
                          </p>
                          <p>费用：成人费用：<font>{{item.AdultPrice}}</font>元/人&nbsp;儿童费用：<font>{{item.ChildrenPrice}}</font>
                            元/人（不占床位、不加床位）</p>
                        </template>
                      </td>
                      <td>
                        <p>费用合计：<font>{{CtObj.TicketAndHotelTotalPrice}}</font>元</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p>6.其他单项服务事宜</p>
                        <div class="userDiv">
                          <p>
                            本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知自身身体适宜此次旅行。
                          </p>
                          <p>烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因耽误病情，一切后果均由客人自行承担。</p>
                          <p>旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行社不再进行赔偿。</p>
                          <p>
                            签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。
                          </p>
                          <p>
                            健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承诺告知了全体委托人及其直系亲属并得到他们的同意。
                          </p>
                          <p>如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。</p>
                        </div>
                      </td>
                      <td>
                        <p>费用合计：<font>{{CtObj.OtherConventionPrice}}</font>元</p>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <br>
                <p><b>三、费用计算：</b></p>
                <p>旅游者委托旅行社提供上述 1
                  <template v-if="CtObj.ContractTicketList&&CtObj.ContractTicketList.length>0">
                    <img
                      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg=="
                      style="margin-bottom: -4px;" />
                  </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;" />
                  </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;" />
                  </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;" />
                  </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;" />
                  </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;" />
                  </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;" />
                  </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;" />
                  </template>
                  5
                  <template
                    v-if="CtObj.ContractTicketAndHotel && (CtObj.ContractTicketAndHotel.ContractHotels  ||CtObj.ContractTicketAndHotel.ContractTickets)">
                    <img
                      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg=="
                      style="margin-bottom: -4px;" />
                  </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;" />
                  </template>
                  6 <img
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAflBMVEUAAAAAAACwsLC5ubm5ubm5ubm4uLizs7O1tbWmpqa5ubm5ubm3t7evr6////+5ubnt7e3y8vLq6ur6+vr09PTo6Oj4+Pjv7++8vLxYWFicnJxxcXFgYGDi4uLb29vBwcHExMS7u7uUlJSKiorg4ODT09PJycmjo6OCgoJpaWms464fAAAADnRSTlMACQ/7atLJvWBWCdW/WGJ0ck0AAACVSURBVBjTbc5HFoMwDEVRJ/QUWRiM40IJpO5/g5FNm+QOdI7e6LN/4oSvktiHvEdY4eBTKmCnzlQiqGbG2QruJ8Y4NMGgrWzgdvSlDr6uq+ullB7Xhu5WRlN+XLsXpSY96VGRpSA+rNYvJFvBp7O4lQhQCGHewgt7LhKElF0nCYiUNl/7FlZtnzNSZBGfRVnBgsOOvh9/9xAo+8NxzQAAAABJRU5ErkJggg=="
                    style="margin-bottom: -4px;" />等共计
                  等共计<span>&nbsp;<font>{{getTotalNum(getCount())}}</font></span>&nbsp;项服务。</p>
                <p>费用总额（小写）人民币<span>{{CtObj.C_TotalPrice}}</span>元&nbsp;&nbsp;（大写）人民币<span>
                    <font>{{number_chinese(CtObj.C_TotalPrice)}}</font>
                  </span></p>
                <br>
                <p><b>四、旅游者、旅行社双方确认：</b></p>
                <p>1、旅游者知悉且同意本合同《相关告知及提示》和《预定项目及要求》内容。并确认预定信息无误。</p>
                <p>2、旅行社接受旅游者预定事项。</p>
                <p>3、由于无法与旅游者进行书面往来确认事项，旅游者同意采用电话或短信方式进行确认。</p>
              </div>

              <!-- 签字盖章 -->
              <div class="guests" :class="{'checkedNav':ActiveTab==4}">
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td>委托方（旅游者）签字：</td>
                      <td style="position:relative;">
                        <font>{{CtObj.Tourists_Name}}</font>
                        <div class="signDiv" :style="{backgroundImage: 'url(' + (CtObj.Tourists_Sign) + ')'}"></div>
                      </td>
                      <td>受托方（旅行社）签章:</td>
                      <td style="position:relative;">
                        <font>{{CtObj.TravelAgency_Name}}</font>
                          <img src="../../assets/img/zhang.png" v-if="CtObj.IsTravelAgencySignature==1" alt=""
                            style="width:120px;heigth:120px;position:absolute;top:0;" />
                      </td>
                    </tr>
                    <tr>
                      <td>证件号码：</td>
                      <td>
                        <font>{{CtObj.Tourists_IDNum}}</font>
                      </td>
                      <td>经办人：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_DealMan}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>住 址：</td>
                      <td>
                        <font>{{CtObj.Tourists_Addres}}</font>
                      </td>
                      <td>营业地址：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Address}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>联系电话：</td>
                      <td>
                        <font>{{CtObj.Tourists_Tel}}</font>
                      </td>
                      <td>联系电话：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Tel}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>传 真：</td>
                      <td>
                        <font>{{CtObj.Tourists_Fax}}</font>
                      </td>
                      <td>传 真：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Fax}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>邮 编：</td>
                      <td>
                        <font>{{CtObj.Tourists_PostNum}}</font>
                      </td>
                      <td>邮 编：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_PostNum}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>电子信箱：</td>
                      <td>
                        <font>{{CtObj.Tourists_Email}}</font>
                      </td>
                      <td>电子信箱：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Email}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>签约日期：</td>
                      <td>
                        <font>{{CtObj.CreateTimeStr}}</font>
                      </td>
                      <td>签约日期：</td>
                      <td>
                        <font>{{CtObj.CreateTimeStr}}</font>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
    <!--2-大陆境内旅游合同2014-->
    <template v-if="CtObj.CType==2">
      <div class="TravelContractView" v-loading="pdfLoading">
        <div class="container-fluid" style="padding-top: 19px;">
          <div class="block mtop15">
            <div class="blockTitle">
              <span class="icon"><i class="iconfont icon-wenjian"></i></span>
              <h2>合同详情
              </h2>
            </div>
            <div class="contract">
              <div class="title">
                <h1>四川和平国际旅行社有限公司-大陆境内旅游合同2014</h1>
                <p class="contractNo">合同编号：<span>{{CtObj.T_ContractNum}}</span></p>
              </div>
              <div class="menu">
                <ul>
                  <li :class="{'active':ActiveTab==1}" @click="ActiveTab=1">使用说明</li>
                  <li :class="{'active':ActiveTab==2}" @click="ActiveTab=2">合同信息</li>
                  <li :class="{'active':ActiveTab==3}" @click="ActiveTab=3">签字盖章</li>
                  <li :class="{'active':ActiveTab==4}" @click="ActiveTab=4">游客名单</li>
                  <li :class="{'active':ActiveTab==5}" @click="ActiveTab=5">团队行程</li>
                  <li :class="{'active':ActiveTab==6}" @click="ActiveTab=6">自愿购物活动补充协议</li>
                  <li :class="{'active':ActiveTab==7}" @click="ActiveTab=7">自愿参加另行付费旅游项目补充协议</li>
                  <li :class="{'active':ActiveTab==8}" @click="ActiveTab=8">文明旅游公约</li>
                </ul>
              </div>
              <!-- 使用说明 -->
              <div class="TD-introduction" :class="{'checkedNav':ActiveTab==1}">
                <p>1、本合同为示范文本，供中华人民共和国境内（不含港、澳、台地区）旅行社与旅游者之间签订团队境内包价旅游合同时使用（不含赴港、澳、台地区旅游及边境游）。</p>
                <p>2、双方当事人应当结合具体情况选择本合同协议条款中所提供的选择项，空格处应当以文字形式填写完整。</p>
                <p>3、双方当事人可以书面形式对本示范文本内容予以变更或者补充，但变更或者补充的内容，不得减轻或者免除应当由旅行社承担的责任。</p>
                <p>4、本示范文本由国家旅游局和国家工商行政管理总局共同制定、解释，在全国范围内推行使用。</p>
              </div>
              <!-- 合同信息 -->
              <div class="TD-basic" :class="{'checkedNav':ActiveTab==2}">
                <p>
                  旅游者：<font>{{CtObj.Tourists_Name}}</font> 等<font v-if="CtObj.ContractGuestList">
                    {{CtObj.ContractGuestList.length}}</font>
                  人（名单可附页，需出境社和旅游者代表签字盖章确认）；
                </p>
                <p>旅行社：<font>{{CtObj.TravelAgency_Name}}</font>
                </p>
                <p>旅行社业务经营许可证编号：<font>{{CtObj.TravelAgency_LicenseNum}}</font>
                </p>
                <h3>
                  <p class="zhangTitle">第一章&nbsp;&nbsp;术语和定义</p>
                </h3>
                <h3>
                  <p>第一条&nbsp;&nbsp;本合同术语和定义</p>
                </h3>
                <p>1、团队境内旅游服务，指旅行社依据《中华人民共和国旅游法》、《旅行社条例》等法律、法规，组织旅游者在中华
                  人民共和国境内（不含香港、澳门、台湾地区）旅游，代订公共交通客票，提供餐饮、住宿、游览等两项以上服务活动。</p>
                <p>2、旅游费用，指旅游者支付给旅行社，用于购买本合同约定的旅游服务的费用。</p>
                <p>旅游费用包括：</p>
                <p>(1)交通费；</p>
                <p>(2)住宿费；</p>
                <p>(3)餐费（不含酒水费）；</p>
                <p>(4)旅行社统一安排的景区景点门票费；</p>
                <p>(5)行程中安排的其他项目费用；</p>
                <p>(6)导游服务费；</p>
                <p>(7)旅行社（含地接社）的其他服务费用。</p>
                <p>旅游费用不包括：</p>
                <p>(1)旅游者投保的人身意外伤害保险费用；</p>
                <p>(2)合同未约定由旅行社支付的费用，包括但不限于行程以外非合同约定活动项目所需的费用、自行安排活动期间发生 的费用；</p>
                <p>(3)行程中发生的旅游者个人费用，包括但不限于交通工具上的非免费餐饮费、行李超重费，住宿期间的洗衣、电话、
                  饮料及酒类费，个人娱乐费用，个人伤病医疗费，寻找个人遗失物品的费用及报酬，个人原因造成的赔偿费用。</p>
                <p>3、履行辅助人，指与旅行社存在合同关系，协助其履行本合同义务，实际提供相关服务的法人、自然人或者其他组织。</p>
                <p>4、自由活动，特指《旅游行程单》中安排的自由活动。</p>
                <p>5、自行安排活动期间，指《旅游行程单》中安排的自由活动期间、旅游者不参加旅游行程活动期间、每日行程开始 前、结束后旅游者离开住宿设施的个人活动期间、旅游者经导游同意暂时离团的个人活动期间。</p>
                <p>6、不合理的低价，指旅行社提供服务的价格低于接待和服务费用或者低于行业公认的合理价格，且无正当理由和充分
                  证据证明该价格的合理性。其中，接待和服务费用主要包括旅行社提供或者采购餐饮、住宿、交通、游览、导游等服务所 支出的费用。</p>
                <p>7、具体购物场所，指购物场所有独立的商号以及相对清晰、封闭、独立的经营边界和明确的经营主体，包括免税店，
                  大型购物商场，前店后厂的购物场所，景区内购物场所，景区周边或者通往景区途中的购物场所，服务旅游团队的专门商 店，商品批发市场和与餐饮、娱乐、停车休息等相关联的购物场所等。</p>
                <p>8、旅游者投保的人身意外伤害保险，指旅游者自己购买或者通过旅行社、航空机票代理点、景区等保险代理机构购买
                  的以旅行期间自身的生命、身体或者有关利益为保险标的的短期保险，包括但不限于航空意外险、旅游意外险、紧急救援 保险、特殊项目意外险。</p>
                <p>9、离团，指团队旅游者经导游同意不随团队完成约定行程的行为。</p>
                <p>10、脱团，指团队旅游者未经导游同意脱离旅游团队，不随团队完成约定行程的行为。</p>
                <p>11、转团，指由于未达到约定成团人数不能出团，旅行社征得旅游者书面同意，在行程开始前将旅游者转至其他旅行 社所组的境内旅游团队履行合同的行为。</p>
                <p>12、拼团，指旅行社在保证所承诺的服务内容和标准不变的前提下，在签订合同时经旅游者同意，与其他旅行社招徕 的旅游者拼成一个团，统一安排旅游服务的行为。</p>
                <p>13、不可抗力，指不能预见、不能避免并不能克服的客观情况，包括但不限于因自然原因和社会原因引起的，如自然 灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共卫生事件、政府行为。</p>
                <p>14、已尽合理注意义务仍不能避免的事件，指因当事人故意或者过失以外的客观因素引发的事件，包括但不限于重大
                  礼宾活动导致的交通堵塞，飞机、火车、班轮、城际客运班车等公共客运交通工具延误或者取消，景点临时不开放。</p>
                <p>15、必要的费用，指旅行社履行合同已经发生的费用以及向地接社或者履行辅助人支付且不可退还的费用，包括乘坐 飞机（车、船）等交通工具的费用（含预订金）、饭店住宿费用（含预订金）、旅游观光汽车的人均车租等。
                </p>
                <p>16、公共交通经营者，指航空、铁路、航运客轮、城市公交、地铁等公共交通工具经营者。</p>
                <h3>
                  <p class="zhangTitle">第二章&nbsp;&nbsp;合同的订立</p>
                </h3>
                <h3>
                  <p>第二条&nbsp;&nbsp;旅游行程单</p>
                </h3>
                <p>旅行社应当提供带团号的《旅游行程单》（以下简称《行程单》），经双方签字或者盖章确认后作为本合同的组成部 分。《行程单》应当对如下内容作出明确的说明：</p>
                <p>（1）旅游行程的出发地、途经地、目的地、结束地，线路行程时间和具体安排（按自然日计算，含乘飞机、车、船等 在途时间，不足24小时以一日计）；</p>
                <p>（2）地接社的名称、地址、联系人和联系电话；</p>
                <p>（3）交通服务安排及其标准（明确交通工具及档次等级、出发时间以及是否需中转等信息）；</p>
                <p>（4）住宿服务安排及其标准（明确住宿饭店的名称、地点、星级，非星级饭店应当注明是否有空调、热水、独立卫生 间等相关服务设施）；</p>
                <p>（5）用餐（早餐和正餐）服务安排及其标准（明确用餐次数、地点、标准）；</p>
                <p>（6）旅行社统一安排的游览项目的具体内容及时间（明确旅游线路内容包括景区点及游览项目名称等，景区点停留的最少时间）；</p>
                <p>（7）自由活动的时间；</p>
                <p>（8）行程安排的娱乐活动（明确娱乐活动的时间、地点和项目内容）；</p>
                <p>《行程单》用语须准确清晰，在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以×× 为准”、“与××同级”等不确定用语。</p>
                <h3>
                  <p class="toTopDistance">第三条&nbsp;&nbsp;订立合同</p>
                </h3>
                <p>旅游者应当认真阅读本合同条款、《行程单》，在旅游者理解本合同条款及有关附件后，旅行社和旅游者应当签订书 面合同。</p>
                <p>由旅游者的代理人订立合同的，代理人需要出具被代理的旅游者的授权委托书。</p>
                <h3>
                  <p class="toTopDistance">第四条&nbsp;&nbsp;旅游广告及宣传品</p>
                </h3>
                <p>旅行社的旅游广告及宣传品应当遵循诚实信用的原则，其内容符合《中华人民共和国合同法》要约规定的，视为本合 同的组成部分，对旅行社和旅游者双方具有约束力。</p>
                <h3>
                  <p class="zhangTitle">第三章&nbsp;&nbsp;合同双方的权利义务</p>
                </h3>
                <h3>
                  <p>第五条&nbsp;&nbsp;旅行社的权利</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">第六条&nbsp;&nbsp;旅行社的义务</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">第七条&nbsp;&nbsp;旅游者的权利</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">第八条&nbsp;&nbsp;旅游者的义务</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="zhangTitle">第四章&nbsp;&nbsp;合同的变更与转让</p>
                </h3>
                <h3>
                  <p>第九条&nbsp;&nbsp;合同的变更</p>
                </h3>
                <p>1、旅行社与旅游者双方协商一致，可以变更本合同约定的内容，但应当以书面形式由双方签字确认。由此增加的旅游 费用及给对方造成的损失，由变更提出方承担；由此减少的旅游费用，旅行社应当退还旅游者。</p>
                <p>2、行程开始前遇到不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件的，双方经协商可以取消行
                  程或者延期出行。取消行程的，按照本合同第十四条处理；延期出行的，增加的费用由旅游者承担，减少的费用退还旅游 者。</p>
                <p>3、行程中遇到不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程的，按以下方式 处理：</p>
                <p>（1）合同不能完全履行的，旅行社经向旅游者作出说明，旅游者同意变更的，可以在合理范围内变更合同，因此增加 的费用由旅游者承担，减少的费用退还旅游者。</p>
                <p>（2）危及旅游者人身、财产安全的，旅行社应当采取相应的安全措施，因此支出的费用，由旅行社与旅游者分担。</p>
                <p>（3）造成旅游者滞留的，旅行社应采取相应的安置措施。因此增加的食宿费用由旅游者承担，增加的返程费用双方分担。</p>
                <h3>
                  <p class="toTopDistance">第十条&nbsp;&nbsp;合同的转让</p>
                </h3>
                <p>旅游行程开始前，旅游者可以将本合同中自身的权利义务转让给第三人，旅行社没有正当理由的不得拒绝，并办理相 关转让手续，因此增加的费用由旅游者和第三人承担。</p>
                <p>正当理由包括但不限于：对应原报名者办理的相关服务不可转让给第三人的；无法为第三人安排交通等情形的；旅游 活动对于旅游者的身份、资格等有特殊要求的。</p>
                <h3>
                  <p class="toTopDistance">第十一条&nbsp;&nbsp;不成团的安排</p>
                </h3>
                <p>当旅行社组团未达到约定的成团人数不能成团时，旅游者可以与旅行社就如下安排在本合同第二十三条中做出约定。</p>
                <p>1、转团：旅行社可以在保证所承诺的服务内容和标准不降低的前提下，经事先征得旅游者书面同意，委托其他旅行社
                  履行合同，并就受委托出团的旅行社违反本合同约定的行为先行承担责任，再行追偿。旅游者和受委托出团的旅行社另行 签订合同的，本合同的权利义务终止。</p>
                <p>2、延期出团和改变线路出团：旅行社经征得旅游者书面同意，可以延期出团或者改变其他线路出团，因此增加的费用 由旅游者承担，减少的费用旅行社予以退还。需要时可以重新签订旅游合同。</p>
                <h3>
                  <p class="zhangTitle">第五章&nbsp;&nbsp;合同的解除</p>
                </h3>
                <h3>
                  <p>第十二条&nbsp;&nbsp;旅行社解除合同</p>
                </h3>
                <p>1、未达到约定的成团人数不能成团时，旅行社解除合同的，应当采取书面等有效形式。旅行社在行程开始前7日（按
                  照出发日减去解除合同通知到达日的自然日之差计算，下同）以上（含第7日，下同）提出解除合同的，不承担违约责任，
                  旅行社向旅游者退还已收取的全部旅游费用；旅行社在行程开始前7日以内（不含第7日，下同）提出解除合同的，除向旅 游者退还已收取的全部旅游费用外，还应当按本合同第十七条第1款的约定，承担相应的违约责任。
                </p>
                <p>2、旅游者有下列情形之一的，旅行社可以解除合同：</p>
                <p>（1）患有传染病等疾病，可能危害其他旅游者健康和安全的；</p>
                <p>（2）携带危害公共安全的物品且不同意交有关部门处理的；</p>
                <p>（3）从事违法或者违反社会公德的活动的；</p>
                <p>（4）从事严重影响其他旅游者权益的活动，且不听劝阻、不能制止的；</p>
                <p>（5）法律、法规规定的其他情形。</p>
                <p>旅行社因上述情形解除合同的，应当以书面等形式通知旅游者，按照本合同第十五条相关约定扣除必要的费用后，将 余款退还旅游者。</p>
                <h3>
                  <p class="toTopDistance">第十三条&nbsp;&nbsp;旅游者解除合同</p>
                </h3>
                <p>1、未达到约定的成团人数不能成团时，旅游者既不同意转团，也不同意延期出行或者改签其他线路出团的，旅行社应
                  及时发出不能成团的书面通知，旅游者可以解除合同。旅游者在行程开始前7日以上收到旅行社不能成团通知的，旅行社不
                  承担违约责任，向旅游者退还已收取的全部旅游费用；旅游者在行程开始前7日以内收到旅行社不能成团通知的，按照本合 同第十七条第1款相关约定处理。</p>
                <p>2、除本条第1款约定外，在旅游行程结束前，旅游者亦可以书面等形式解除合同。旅游者在行程开始前7日以上提出解
                  除合同的，旅行社应当向旅游者退还全部旅游费用；旅游者在行程开始前7日以内和行程中提出解除合同的，旅行社按照本 合同第十五条相关约定扣除必要的费用后，将余款退还旅游者。</p>
                <p>3、旅游者未按约定时间到达约定集合出发地点，也未能在出发中途加入旅游团队的，视为旅游者解除合同，按照本合 同第十五条相关约定处理。</p>
                <h3>
                  <p class="toTopDistance">第十四条&nbsp;&nbsp;因不可抗力或者已尽合理注意义务仍不能避免的事件解除合同</p>
                </h3>
                <p>因不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程，合同不能继续履行的，旅行社和旅游者均可以解除合同；合同不能完全履行，旅游者不同意变更的，可以解除合同。</p>
                <p>合同解除的，旅行社应当在扣除已向地接社或者履行辅助人支付且不可退还的费用后，将余款退还旅游者。</p>
                <h3>
                  <p class="toTopDistance">第十五条&nbsp;&nbsp;必要的费用扣除</p>
                </h3>
                <p>1、旅游者在行程开始前7日以内提出解除合同或者按照本合同第十二条第2款约定由旅行社在行程开始前解除合同的， 按下列标准扣除必要的费用：</p>
                <p>行程开始前6日至4日，按旅游费用总额的20% ；</p>
                <p>行程开始前3日至1日，按旅游费用总额的40% ；</p>
                <p>行程开始当日，按旅游费用总额的60% 。</p>
                <p>2、在行程中解除合同的，必要的费用扣除标准为：</p>
                <p>旅游费用×行程开始当日扣除比例+（旅游费用-旅游费用×行程开始当日扣除比例)÷旅游天数×已经出游的天数。</p>
                <p>如按上述第1款或者第2款约定比例扣除的必要的费用低于实际发生的费用，旅游者按照实际发生的费用支付，但最高额不应当超过旅游费用总额。</p>
                <p>解除合同的，旅行社扣除必要的费用后，应当在解除合同通知到达日起5个工作日内为旅游者办结退款手续。</p>
                <h3>
                  <p class="toTopDistance">第十六条&nbsp;&nbsp;旅行社协助旅游者返程及费用承担</p>
                </h3>
                <p>旅游行程中解除合同的，旅行社应协助旅游者返回出发地或者旅游者指定的合理地点。因旅行社或者履行辅助人的原
                  因导致合同解除的，返程费用由旅行社承担；行程中按照本合同第十二条第2款，第十三条第2款约定解除合同的，返程费 用由旅游者承担；按照本合同第十四条约定解除合同的，返程费用由双方分担。</p>
                <h3>
                  <p class="zhangTitle">第六章&nbsp;&nbsp;违约责任</p>
                </h3>
                <h3>
                  <p>第十七条&nbsp;&nbsp;旅行社的违约责任</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">第十八条&nbsp;&nbsp;旅游者的违约责任</p>
                </h3>
                <p>1、旅游者因不听从旅行社及其导游的劝告、提示而影响团队行程，给旅行社造成损失的，应当承担相应的赔偿责任。</p>
                <p>2、旅游者超出本合同约定的内容进行个人活动所造成的损失，由其自行承担。</p>
                <p>3、由于旅游者的过错，使旅行社、履行辅助人、旅游从业人员或者其他旅游者遭受损害的，旅游者应当赔偿损失。</p>
                <p>4、旅游者在旅游活动中或者在解决纠纷时，应采取措施防止损失扩大，否则应当就扩大的损失承担相应的责任。</p>
                <p>5、旅游者违反安全警示规定，或者对国家应对重大突发事件暂时限制旅游活动的措施、安全防范和应急处置措施不予 配合，造成旅行社损失的，应当依法承担相应责任。</p>
                <h3>
                  <p class="toTopDistance">第十九条&nbsp;&nbsp;其他责任</p>
                </h3>
                <p>1、由于旅游者自身原因导致本合同不能履行或者不能按照约定履行，或者造成旅游者人身损害、财产损失的，旅行社 不承担责任。</p>
                <p>2、旅游者在自行安排活动期间人身、财产权益受到损害的，旅行社在事前已尽到必要警示说明义务且事后已尽到必要 救助义务的，旅行社不承担赔偿责任。</p>
                <p>3、由于第三方侵害等不可归责于旅行社的原因导致旅游者人身、财产权益受到损害的，旅行社不承担赔偿责任。但因 旅行社不履行协助义务致使旅游者人身、财产权益损失扩大的，旅行社应当就扩大的损失承担赔偿责任。
                </p>
                <p>4、由于公共交通经营者的原因造成旅游者人身损害、财产损失依法应承担责任的，旅行社应当协助旅游者向公共交通 经营者索赔。</p>
                <h3>
                  <p class="zhangTitle">第七章&nbsp;&nbsp;协议条款</p>
                </h3>
                <h3>
                  <p>第二十条&nbsp;&nbsp;线路行程时间</p>
                </h3>
                <p>
                  出发时间 <font>{{getDate(CtObj.C_StartDate)}}</font>
                  结束时间<font>{{getDate(CtObj.C_EndDate)}}</font>
                  共<font>{{CtObj.C_DayNum}}</font>天<font>{{CtObj.C_NightNum}}</font>夜。
                </p>
                <h3>
                  <p class="toTopDistance">第二十一条 旅游费用及支付（以人民币为计算单位）</p>
                </h3>
                <p>
                  成人<font>{{CtObj.C_AdultPrice}}</font>元/人，儿童（不满14岁）<font>{{CtObj.C_ChildrenPrice}}</font>元/人；其中，导游服务费
                  <font>{{CtObj.C_GuideServicePrice}}</font>元/人；旅游费用合计：<font>{{CtObj.C_TotalPrice}}</font>元。
                </p>
                <p>旅游费用支付方式：
                  <font v-if="CtObj.C_PayType==1">现金</font>
                  <font v-if="CtObj.C_PayType==2">转账</font>
                  <font v-if="CtObj.C_PayType==3">支票</font>
                </p>
                <p>旅游费用支付时间：<font>{{getDate(CtObj.C_PayDate)}}</font>
                </p>
                <h3>
                  <p class="toTopDistance">第二十二条&nbsp;&nbsp;人身意外伤害保险</p>
                </h3>
                <p>
                  2.旅游者<font v-if="CtObj.C_InsuranceType==1">委托出境社购买</font>
                  <font v-if="CtObj.C_InsuranceType==2">自行购买</font>
                  <font v-if="CtObj.C_InsuranceType==3">放弃购买</font>人身意外伤害保险
                  <font>{{CtObj.C_InsuranceName}},保险产品名称（投保的相关信息以实际保单为准）；</font>
                </p>
                <h3>
                  <p class="toTopDistance">第二十三条&nbsp;&nbsp;成团人数与不成团的约定</p>
                </h3>
                <p>成团的最低人数：<font>{{CtObj.C_LowNum}}</font>人。</p>
                <p>如不能成团，旅游者是否同意按下列方式解决：</p>
                <p>1.<font>{{CtObj.C_IsAgreeTravel==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）旅行社委托<font>
                    {{CtObj.C_AgreeTravelName}}</font>旅行社履行合同；</p>
                <p>2.<font>{{CtObj.C_IsAgreeDelay==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）延期出团；</p>
                <p>3.<font>{{CtObj.C_IsAgreeCndorse==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）改变其他线路出团；</p>
                <p>4.<font>{{CtObj.C_IsAgreeRemove==0?'同意':'不同意'}} </font>（同意或者不同意，打勾无效）解除合同。</p>
                <h3>
                  <p class="toTopDistance">第二十四条&nbsp;&nbsp;拼团约定</p>
                </h3>
                <p>旅游者<font>{{CtObj.C_IsAgreeSpellGroup==0?'同意':'不同意'}}</font>（同意或者不同意，打勾无效）采用拼团方式拼至<font>
                    {{CtObj.C_SpellGroupName}}</font>旅行社成团。</p>
                <h3>
                  <p class="toTopDistance">第二十五条&nbsp;&nbsp;自愿购物和参加另行付费旅游项目约定</p>
                </h3>
                <p>1、旅游者可以自主决定是否参加旅行社安排的购物活动、另行付费旅游项目；</p>
                <p>2、旅行社可以在不以不合理的低价组织旅游活动、不诱骗旅游者、不获取回扣等不正当利益，且不影响其他旅游者行
                  程安排的前提下，按照平等自愿、诚实信用的原则，与旅游者协商一致达成购物活动、另行付费旅游项目协议；</p>
                <p>3、购物活动、另行付费旅游项目安排应不与《行程单》冲突；</p>
                <p>4、地接社及其从业人员在行程中安排购物活动、另行付费旅游项目的，责任由订立本合同的旅行社承担；</p>
                <p>5、 购物活动、另行付费旅游项目具体约定见《自愿购物活动补充协议》（附件3）、《自愿参加另行付费旅游项目补 充协议》（附件4）。</p>
                <h3>
                  <p class="toTopDistance">第二十六条&nbsp;&nbsp;争议的解决方式</p>
                </h3>
                <p>本合同履行过程中发生争议，由双方协商解决；亦可向合同签订地的旅游质监执法机构、消费者协会、有关的调解组 织等有关部门或者机构申请调解。协商或者调解不成的，按下列第<font>
                    {{CtObj.C_SolveType}}</font>种方式解决：</p>
                <p>1.提交<font>{{CtObj.C_SolveRemark}}</font>仲裁委员会仲裁；</p>
                <p>2.依法向人民法院起诉。　</p>
                <h3>
                  <p class="toTopDistance">第二十七条&nbsp;&nbsp;其他约定事项</p>
                </h3>
                <p>未尽事宜，经旅游者和旅行社双方协商一致，可以列入补充条款。（如合同空间不够，可以另附纸张，由双方签字或者盖章确认。）</p>
                <h3>
                  <p class="toTopDistance">温馨提示：</p>
                </h3>
                <p>
                  1、因人力不可抗拒的因素（如天气变化、自然灾害、航班、火车、轮船延误取消交通及航空管制等）造成行程时间延长或缩减，旅行社可视情况变更或取消行程，超出原定费用部       分由旅游者承担，缩减费用，剩余部分退还旅游者。
                </p>
                <p>2、我社保留因航班及当地情况变化对行程顺序、时间进行适当调整的权利，但不减少景点。</p>
                <p>3、请带好有效证件登机(16 岁以下小孩须带户口本,16 岁以上小孩带身份证)，若因自身原因造成不能成行的，由旅游者自行承担责任。</p>
                <p>
                  4、除旅行社责任险，建议游客自愿购买旅游人身意外险及航空保险。
                </p>
                <p>5、年满65 岁以上的游客签署健康申明及担保需本人或本人的直系亲属签署方视为有效。参团者需身心健康，若有病史（例如心脏病、哮喘、腰椎病等不适合长途旅行者）应该在参       团前告知旅行社。</p>
                <p>6、游客投诉意见以在当地填写的意见反馈表为准，请各位团友认真填写。感谢您的支持与配合，祝您旅途愉快。</p>
                <p class="decoration">
                  <font></font>
                </p>
                <h3>
                  <p class="toTopDistance">旅游须知：</p>
                </h3>
                <p>1、注意时差、温差：新疆地理位于东六区，北京位于东八区，新疆与北京等内地城市有两小时时差，旅游活动通常安排在9：00—20：00 之间。新疆早晚温差较大，出发前请务必       提前留意当地天气备足衣物。在新疆旅游，因行程较长，气候差别过大，旅游者应携带有关药物及一些常备治病药物，如创可贴、感冒药或治疗肠胃不适药物等。</p>
                <p>2、酒店设备：西北地区旅游属发展阶段，接待条件有限，酒店标准、沿海发达城市有差距。部分酒店无一次性用品提供，请客人自备洗漱用品。空调视酒店具体情况而开放。</p>
                <p>3、餐饮：新疆地区饮食多以牛羊肉、面食为主，当地的餐饮口味比较重，且线路较长，条件有限，中途午餐有时候会较为简单，多以民族餐馆为主，敬请客人自备零食和多吃水           果，但不要在吃完水果后立即喝热茶，以免造成腹泻。新疆购物计量单位为公斤。</p>
                <p>4、车程：由于新疆景点与城市间距较大，车程较长，为保证游客游览时间，导游安排行程时可能安排叫早时间较早，敬请客人体谅。加之与广东有2 小时时差，固此行程有可能不         能按时抵达就餐点，同时所经地区多为少数民族地区，条件有限、物质匮乏，用餐多有不合口味之处。所以请客人准备足够的干粮、零食、矿泉水等食品在途中食用。</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>
                  游客报名须知及免责申明 1、旅游者(甲方)须确保身体健康、自身身体情况适宜参加此旅游行程，如因旅游者(甲方)自身健康原因或个人过错造成不能继续旅游 或由此产生医疗、看护、交通等费用的，后果由游客自行承担，旅行社对此不承担赔偿责任，但应履行必要的救助或协助义务。18 周 岁以下未成年人需要至少一名家长或成年旅客作为监护人陪同方可参团。65 周岁(含)以上老年人报名参团，需与我社签订《健康申报 表》如实向旅行社提供健康信息、同时须有家属全程陪同方可参团。患有一定程度心、肺、肝、肾等脏器疾病、有残障和无行为控制 能力以及不适宜长途旅行的不能报名参团。任何隐瞒造成的后果由旅游者自行承担。本产品不接待 70 周岁以上的游客，敬请谅解。 2、签定合同时请甲方提供有效正确的身份信息，并于行程中随身携带有效期内的身份证件（16 周岁以下也可以持本人户口本正本原 件登机）。证件遗忘或遗失或不在有效期内等原因造成的无法登机，无法办理入住酒店等损失由旅游者自行承担。 3、如果参加旅游行程的甲方为失信人员，签订旅游合同时未告知旅行社、造成旅行社在为甲方代订的机票出票时未能出票成功的、 由此产生的机票、旅游车费等损失由参团人本人自行承担； 4、旅行社为甲方代订的机票均为特价舱位机票(或团队机票)或旅行社与航空公司约定的机票不可签转、不更改、不退票的，旅游者(甲 方)与乙方签订本合同后或双方确认报名缴纳团款后提出解除旅游合同的，不管提前几日提出退团或解除旅游合同的，机票费用全额 损失不予退费，并且承担与之相关的旅游行程当中大巴车位或房费损失；（此条不按照旅游局提供的制式合同内容规定，请注意旅游 局提供的旅游合同中标注以附件为准）； 5、此行程单不保证具体的航班号及航班时间，仅保证行程安排，具体航班以出团前确认为准； 6、本产品报价为综合旅游价格，持各类证件游客不再享受景区门票优惠政策。此行程未产生的门票、用餐、住宿、车费等所有一切费 用，一律不予退费； 7、签订旅游合同后，游客在行程中，如因自身原因放弃部分行程或离团，与旅行社的旅游服务关系自动解除。行程中如交通/门票/ 住宿/餐费等，均视为自愿放弃费用不退、放弃行程期间及离团后的人身安全由旅游者自行负责。 8、行程中时间均为预计，实际会有一定误差。完成行程包含的景点游览后的时间，均属于游客的“自由活动”时间。游客需注意财产 及人身安全，若发生安全事故责任由游客自负。 9、根据国家和地区的环保法律和政策要求自由活动期间旅游大巴停运，期间不开放车内空调或暖气。 10、游客参与旅游产品包含的行程或推荐的自费项目时，应选择自己能够控制风险的活动项目，并对自己的安全负责。请游客入住酒 店时注意安全、防止滑倒，冬季老人洗澡时间不宜过长。在行程中请注意上下车、行车中、酒店内、景区内、用餐点人身及财产安全 （并照看好老人和孩子的安全）； 11、旅行社为游客代购的机票、车、船出发时间请以票面为准；因“火车、轮船、航空公司”原因导致航班/火车/轮船延误或更改， 乙方不承担责任、同时乙方不承担因此产生的所有费用（如：住宿费、餐费、改签费、车费等），但应当积极协助解决。 12、景区内及酒店为方便游客，有自设商场及特产购物等情况，各延途停留点均有旅游纪念品，纪念照片，法物流通处，土特产，小 卖部各物品出售，非我社提供服务，切勿误会为是我社安排的旅游购物店，此类投诉我社无法受理，敬请谅解！特别是私人小贩售卖， 更不在我社控制范围，不买请勿还价；如有兴趣，请旅游者自行甄别，如有购买为其个人行为，任何后果由旅游者自行承担。 13、因不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，造成旅游者行程减少的，我社按未发生费用退还；造 成滞留的，我社将协助安排，因此增加的费用由旅游者自行承担。 14、我社有对行程顺序、时间进行适当调整的权利，但不减少景点。因人力不可抗拒的因素（如天气 变化、自然灾害、航班、火车、 轮船延误取消交通及航空管制、政治因素管制等）造成行程时间延长或缩减，旅行社可视情况变更或取消行程，超出原定费用部分由 旅游者承担，缩减费用，剩余部分退还旅游者、或更换景点。行程中标明的赠送项目因天气或其它不可抗拒的原因不能前往或是个人 自身原因无法参加的不做等价更换，不退任何费用。 15、意见单说明：我社处理游客意见，以游客在旅游目的地签署的“旅游服务接待质量反馈单”为依据，请您本着公平、公正、实事 求是的原则填写“旅游服务接待质量反馈单”，如旅途中有什么意见和建议以及接待质量问题，请在当地及时与我社沟通，以便及时 协助解决。恕不受理回去后说意见单照顾导游面子或怕导游威逼利诱而虚填的任何投诉！
                </p>

                <h3 class="Contract_Depart"><span class="leftP" style="padding-left:10px;">第二十八条&nbsp;&nbsp;合同效力 </span>
                </h3>
                <p class="Contract_Depart" id="p_contract_num">本合同一式<font>{{CtObj.C_ContractTotal}}</font>份，双方各持<font>
                    {{CtObj.C_ContractPer}}</font>份，具有同等法律效力，自双方当事人签字或者盖章之日起生效。</p>
              </div>
              <!-- 签章信息 -->
              <div class="eseal" :class="{'checkedNav':ActiveTab==3}">
                <table class="SignTable">
                  <tr>
                    <td style="width:19%">旅游者代表签字（盖章）：</td>
                    <td style="width:34%;position:relative;">
                      <div class="signDiv" :style="{backgroundImage: 'url(' + (CtObj.Tourists_Sign) + ')'}"></div>
                    </td>
                    <td style="width:18%">出境社盖章：</td>
                    <td style="width:32%;position:relative;">
                      <img src="../../assets/img/zhang.png" v-if="CtObj.IsTravelAgencySignature==1" alt=""
                        style="width:120px;heigth:120px;position:absolute;top:0;" />
                    </td>
                  </tr>
                  <tr>
                    <td style="width:15%">证件号码：</td>
                    <td style="width:35%">{{CtObj.Tourists_IDNum}}</td>
                    <td style="width:15%">签约代表签字（盖章）：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_DealMan}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">住 址：</td>
                    <td style="width:35%">{{CtObj.Tourists_Addres}}</td>
                    <td style="width:15%">营业地址：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_Address}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">联系电话：</td>
                    <td style="width:35%">{{CtObj.Tourists_Tel}}</td>
                    <td style="width:15%">联系电话：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_Tel}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">传 真：</td>
                    <td style="width:35%">{{CtObj.Tourists_Fax}}</td>
                    <td style="width:15%">传 真：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_Fax}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">邮 编：</td>
                    <td style="width:35%">{{CtObj.Tourists_PostNum}}</td>
                    <td style="width:15%">邮 编：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_PostNum}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">电子信箱：</td>
                    <td style="width:35%">{{CtObj.Tourists_Email}}</td>
                    <td style="width:15%">电子信箱：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_Email}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">签约日期：</td>
                    <td style="width:35%">{{CtObj.CreateTimeStr}}</td>
                    <td style="width:15%">签约日期：</td>
                    <td style="width:35%">{{CtObj.CreateTimeStr}}</td>
                  </tr>
                  <tr>
                    <td style="width:15%">签约地点：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_SignAddress}}</td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                  <tr>
                    <td style="width:15%">出境社监督、投诉电话：</td>
                    <td style="width:35%">{{CtObj.TravelAgency_ServiceTel}}</td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                  <tr>
                    <td style="width:15%">{{CtObj.C_ComplaintProvince}} 省 {{CtObj.C_ComplaintCity}} 市旅游质监执法机构：</td>
                    <td style="width:35%"></td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                  <tr>
                    <td style="width:15%">投诉电话：</td>
                    <td style="width:35%">{{CtObj.C_ComplaintTel}}</td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                  <tr>
                    <td style="width:15%">电子邮箱：</td>
                    <td style="width:35%">{{CtObj.C_ComplaintEmail}}</td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                  <tr>
                    <td style="width:15%">地 址：</td>
                    <td style="width:35%">{{CtObj.C_ComplaintAddress}}</td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                  <tr>
                    <td style="width:15%">邮 编：</td>
                    <td style="width:35%">{{CtObj.C_ComplaintPostNum}}</td>
                    <td style="width:15%"></td>
                    <td style="width:35%"></td>
                  </tr>
                </table>
              </div>
              <!-- 游客名单 -->
              <div class="guests" :class="{'checkedNav':ActiveTab==4}">
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td width="10%">序号</td>
                      <td width="15%">姓名</td>
                      <td width="10%">性别</td>
                      <td width="10%">证件类型</td>
                      <td width="20%">证件号码</td>
                      <td width="20%">联系方式</td>
                      <td width="15%">身体状况</td>
                    </tr>
                    <tr v-for="(item, index) in CtObj.ContractGuestList" :key="index">
                      <td>{{index+1}}</td>
                      <td>
                        <font>{{ item.CGuestName }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestSex }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestCertificateType  }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestCertificateNum }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestTel }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestHealth }}</font>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- 团队行程 -->
              <div class="routes" :class="{'checkedNav':ActiveTab==5}">
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td width="10%">团号</td>
                      <td width="36%"><span>{{CtObj.C_TCNUM}}</span></td>
                      <td width="12%">出团日期</td>
                      <td width="15%"><span>{{getDate(CtObj.C_StartDate)}}</span></td>
                      <td width="12%">返回日期</td>
                      <td width="15%"><span>{{getDate(CtObj.C_EndDate)}}</span></td>
                    </tr>
                    <tr>
                      <td>线路名称</td>
                      <td colspan="5"><span>{{CtObj.C_ProductName}}</span></td>
                    </tr>
                  </tbody>
                </table>
                <br>
                <div class="userDiv">
                  <template v-if="CtObj.ContractTripList&&CtObj.ContractTripList.length>0">
                    <p v-html="CtObj.ContractTripList[0].TravelContent"></p>
                  </template>
                </div>
              </div>
              <!-- 自愿购物 -->
              <div class="shoppings" :class="{'checkedNav':ActiveTab==6}">
                <table v-if="CtObj.ContractShopList&&CtObj.ContractShopList.length>0" class="ZTable">
                  <tbody>
                    <tr>
                      <td>序号</td>
                      <td>具体时间</td>
                      <td>地点</td>
                      <td>购物场所名称</td>
                      <td>主要商品信息</td>
                      <td>最长停留时间（分钟）</td>
                      <td>其他说明</td>
                      <td>旅游者签名同意</td>
                    </tr>
                    <tr v-for="(item,index) in CtObj.ContractShopList" :key="index+100">
                      <td>{{index+1}}</td>
                      <td>
                        {{item.ShopTime}}
                      </td>
                      <td>{{item.ShopAddress}}</td>
                      <td>{{item.ShopName}}</td>
                      <td>{{item.ShopGoodName}}</td>
                      <td>{{item.StopTime}}</td>
                      <td>{{item.OtherInstruction}}</td>
                      <td>{{item.TouristsSignAgree}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- 自愿参加另行付费补充协议 -->
              <div class="activitys" :class="{'checkedNav':ActiveTab==7}">
                <table v-if="CtObj.ContractSelfFeeList&&CtObj.ContractSelfFeeList.length>0" class="ZTable">
                  <tbody>
                    <tr>
                      <td>序号</td>
                      <td>具体时间</td>
                      <td>地点</td>
                      <td>项目名称和内容</td>
                      <td>费用（元）</td>
                      <td>项目时长（分钟）</td>
                      <td>其他说明</td>
                      <td>旅游者签名同意</td>
                    </tr>
                    <tr v-for="(item,index) in CtObj.ContractSelfFeeList" :key="index+500">
                      <td>{{index+1}}</td>
                      <td>{{item.SelfFeeTime}}</td>
                      <td>{{item.SelfFeeAddress}}</td>
                      <td>{{item.SelfFeeName}}</td>
                      <td>{{item.SelfFeePrice}}</td>
                      <td>{{item.StopTime}}</td>
                      <td>{{item.OtherInstruction}}</td>
                      <td>{{item.TouristsSignAgree}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- 文明旅游公约 -->
              <div class="TD-convention" :class="{'checkedNav':ActiveTab==8}">
                <div class="page_break_avoid">
                  <h1 class="text_center">中国公民国内旅游文明行为公约</h1>
                  <div style="text-align:left;">
                    <p>营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，请遵守以下公约：</p>
                    <p>1、维护环境卫生。不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
                    <p>2、遵守公共秩序。不喧哗吵闹，排队遵守秩序，不并行挡道，不在公众场所高声交谈。</p>
                    <p>3、保护生态环境。不踩踏绿地，不摘折花木和果实，不追捉、投打、乱喂动物。</p>
                    <p>4、保护文物古迹。不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。</p>
                    <p>5、爱惜公共设施。不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
                    <p>6、尊重别人权利。不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族宗教习俗。</p>
                    <p>7、讲究以礼待人。衣着整洁得体，不在公共场所袒胸赤膊；礼让老幼病残，礼让女士；不讲粗话。</p>
                    <p>8、提倡健康娱乐。抵制封建迷信活动，拒绝黄、赌、毒。</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </template>
    <!--3-全国版国内旅游一日游旅游合同示范文本[2015版]-->
    <template v-if="CtObj.CType==3">
      <div class="TravelContractView" v-loading="pdfLoading">
        <div class="container-fluid" style="padding-top: 19px;">
          <div class="block mtop15">
            <div class="blockTitle">
              <span class="icon"><i class="iconfont icon-wenjian"></i></span>
              <h2>合同详情
              </h2>
            </div>
            <div class="contract">
              <div class="title">
                <h1>四川和平国际旅行社有限公司-全国版国内旅游一日游旅游合同示范文本[2015版]</h1>
                <p class="contractNo">合同编号：<span>{{CtObj.T_ContractNum}}</span></p>
              </div>
              <div class="menu">
                <ul>
                  <li :class="{'active':ActiveTab==1}" @click="ActiveTab=1">使用说明</li>
                  <li :class="{'active':ActiveTab==2}" @click="ActiveTab=2">合同责任</li>
                  <li :class="{'active':ActiveTab==3}" @click="ActiveTab=3">合同信息</li>
                  <li :class="{'active':ActiveTab==4}" @click="ActiveTab=4">签字盖章</li>
                  <li :class="{'active':ActiveTab==5}" @click="ActiveTab=5">游客名单</li>
                  <li :class="{'active':ActiveTab==6}" @click="ActiveTab=6">团队行程</li>
                  <li :class="{'active':ActiveTab==7}" @click="ActiveTab=7">自愿参加另行付费旅游项目补充协议</li>
                  <li :class="{'active':ActiveTab==8}" @click="ActiveTab=8">文明旅游公约</li>
                </ul>
              </div>
              <!-- 使用说明 -->
              <div class="TD-introduction" :class="{'checkedNav':ActiveTab==1}">
                <p>1.本合同为示范文本，供在中华人民共和国境内的旅行社与旅游者签订国内旅游“一日游”合同时使用。</p>
                <p>
                  2.合同双方可根据具体情况，在协商一致的基础上以书面形式对解除合同的方式、退还旅游费用及支付违约金的期限等本合同示范文本有关条款的内容进行补充、细化，补充、细化的内容不得减轻或者免除应当由旅行社承担的责任。
                </p>
                <p>3.本合同示范文本由国家旅游局和国家工商行政管理总局共同制定、解释。</p>
              </div>
              <!-- 合同责任 -->
              <div class="TD-basic" :class="{'checkedNav':ActiveTab==2}">
                <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 class="eseal Tc_TractInfo" :class="{'checkedNav':ActiveTab==3}">
                <p>甲方（旅游者）：<font>{{CtObj.Tourists_Name}}</font>
                </p>
                <p>身份证件号码：<font>{{CtObj.Tourists_IDNum}}</font>
                </p>
                <p>乙方（旅行社）：<font>{{CtObj.TravelAgency_Name}}</font>
                </p>
                <p>经营许可证编号：<font>{{CtObj.TravelAgency_IDNum}}</font>
                </p>
                <p>经营范围：<font>{{CtObj.TravelAgency_Scope}}</font>
                </p>
                <p>经办人：<font>{{CtObj.TravelAgency_DealMan}}</font>
                </p>
                <p>导游员姓名：<font>{{CtObj.Guide_Name}}</font>
                </p>
                <p>导游证号：<font>{{CtObj.Guide_Num}}</font>
                </p>
                <p>导游手机：<font>{{CtObj.Guide_Tel}}</font>
                </p>
                <p>团号：<font>{{CtObj.C_TCNUM}}</font>
                </p>
                <p>出发日期：<font>{{getDate(CtObj.C_StartDate)}}</font>
                </p>
                <p>出发地点：<font>{{CtObj.C_StartAddress}}</font>
                </p>
                <p>返回地点：<font>{{CtObj.C_ReturnAddress}}</font>
                </p>

                <p>旅游费用：
                  成人<font>{{CtObj.C_AdultNum}}</font>人
                  ×<font>{{CtObj.C_AdultPrice}}</font>元/人
                  +儿童<font>{{CtObj.C_ChildrenNum}}</font>人
                  ×<font>{{CtObj.C_ChildrenPrice}}</font>元/人
                  = <font>{{CtObj.C_TotalPrice}}</font>元。
                </p>
                <p>
                  含：景点第一道门票、<font>{{CtObj.C_IncludeRemark}}</font>午（晚）餐费、往返车费、
                  导游服务费:<font>{{CtObj.C_IncludeFee}}</font>；
                  不含:<font>{{CtObj.C_NonIncludeRemark}}</font>。
                </p>
                <p>支付时间：<font>{{getDate(CtObj.C_PayDate)}}</font>。</p>
                <p>
                  <template v-if="CtObj.C_PayType==1">
                    <font>现金（√） 转账（）</font>
                  </template>
                  <template v-else-if="CtObj.C_PayType==5">
                    <font>现金（） 转账（√）银行账号：{{CtObj.C_PayTypeRemark}}</font>
                  </template>
                </p>
                <p>交通安排：</p>
                <p>使用形式</p>
                <p>
                  <template v-if="CtObj.C_TrafficType==1">
                    <span>合车游（√）</span>
                    <span style="margin-left:20px;">包车游（）</span>
                  </template>
                  <template v-else-if="CtObj.C_TrafficType==2">
                    <span>合车游（）</span>
                    <span style="margin-left:20px;">包车游（√）</span>
                  </template>
                </p>
                <p>车牌号码:<font>{{CtObj.C_BusCode}}</font>
                </p>
                <p>驾驶员姓名:<font>{{CtObj.C_DriverName}}</font>
                </p>
                <p>标 准</p>
                <p>
                  <template v-if="CtObj.C_IsHaveKongTiao==0">
                    <span>空调（√ ）</span>
                    <span>无空调（）</span>
                  </template>
                  <template v-else-if="CtObj.C_IsHaveKongTiao==1">
                    <span>空调（）</span>
                    <span>无空调（√）</span>
                  </template>

                  <template v-if="CtObj.C_BusType==1">

                    <span> 面包车（√）</span><span>中巴（）</span><span>大巴（）</span>
                  </template>
                  <template v-else-if="CtObj.C_BusType==2">
                    <span> 面包车（）</span><span>中巴（√）</span><span>大巴（）</span>
                  </template>
                  <template v-else-if="CtObj.C_BusType==3">
                    <span> 面包车（）</span><span>中巴（）</span><span>大巴（√）</span>
                  </template>
                </p>
                <p>餐饮安排 ：</p>
                <p>早餐</p>
                <p>地点：<font>{{CtObj.C_BreakfastAddress}}</font>
                </p>
                <p>标准：<font>{{CtObj.C_BreakfastBasic}}</font>
                </p>
                <p>午餐</p>
                <p>地点：<font>{{CtObj.C_LunchAddress}}</font>
                </p>
                <p>标准：<font>{{CtObj.C_LunchBasic}}</font>
                </p>
                <p>晚餐</p>
                <p>地点：<font>{{CtObj.C_DinnerAddress}}</font>
                </p>
                <p>标准：<font>{{CtObj.C_DinnerBasic}}</font>
                </p>
                <p>争议的解决方式</p>
                <p>1.协商。旅行社客服电话<font>{{CtObj.TravelAgency_ServiceTel}}</font>；</p>
                <p>2.投诉。
                  <font>{{CtObj.C_ComplaintProvince}}</font>省
                  <font>{{CtObj.C_ComplaintCity}}</font>市
                  旅游质监执法机构投诉电话{{CtObj.C_ZhiFaTel}}，
                  消费者协会投诉电话{{CtObj.C_XFZXHTSTel}}。
                </p>
                <p>协商或投诉调解不成的，按下列第 <font>{{CtObj.C_SolveType}}</font>种方式解决：</p>
                <p>1.将争议提交<font>{{CtObj.C_SolveRemark}}</font>仲裁委员会仲裁；</p>
                <p>2.依法向人民法院提起民事诉讼。</p>
                <h3>其他约定</h3>
                <div style="border: 1px solid #000;min-height: 300px;padding:5px; ">
                  <p></p>
                  <p>
                    本人已阅读了本合同所有条款，乙方（旅行社）已就合同条款对本人进行了真实、准确、完整的说明，本人已完全了解合同条款的内容及含义并同意本合同条款包括行程中有关自愿购物活动以及自愿参加另付费旅游项目的说明，同时本人悉知自身身体适宜此次旅行。
                  </p>
                  <p>烦请务必携带自身常用药品，如有身体不适必须第一时间告知随团导游或领队，并及时到当地医院做检查，如因个人原因耽误病情，一切后果均由客人自行承担。</p>
                  <p>旅游意外伤害险：若旅行社购买赠送客人，如有出险理赔视为旅行社责任风险分摊，保险公司赔偿金额为最终赔付，旅行社不再进行赔偿。</p>
                  <p>
                    签约委托授权书：本人已征得其余全体委托人同意作为本次旅游出行签约代表（全体委托人名单详见游客名单），全体委托人享受本合同约定的权利，履行本合同约定的义务，受托人在旅游合同及其附件上的签字全体委托人均予以认可。
                  </p>
                  <p>
                    健康承诺书：在旅游过程中，如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部后果，并承担给贵社造成损失的赔偿责任。本人自愿放弃不适宜本人身体状况参加的相应景点或相应活动；若因本人坚持参加而所产生的全部后果均由本人自行承担。本人因自身过错，造成的一切其他损失由本人承担。本人作为此次出行的签约代表，已就此承诺告知了全体委托人及其直系亲属并得到他们的同意。
                  </p>
                  <p>如其他游客不予认可本合同或者本人未取得授权、未告知本合同及相关告知书内容的，由本人承担相应责任。</p>
                  <p></p>
                </div>
              </div>
              <!-- 签字盖章 -->
              <div class="guests" :class="{'checkedNav':ActiveTab==4}">
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td>甲方签字（盖章）：</td>
                      <td style="position:relative;">
                        <font>
                          {{CtObj.Tourists_Name}}
                          <div class="signDiv" :style="{backgroundImage: 'url(' + (CtObj.Tourists_Sign) + ')'}"></div>
                        </font>
                      </td>
                      <td>乙方签字（盖章）</td>
                      <td style="position:relative;">
                        <font>{{CtObj.TravelAgency_Name}}</font>
                        <img src="../../assets/img/zhang.png" v-if="CtObj.IsTravelAgencySignature==1" alt="" style="width:120px;heigth:120px;position:absolute;top:0;" />
                      </td>
                    </tr>
                    <tr>
                      <td>甲方代表：</td>
                      <td>
                        <font>{{CtObj.Tourists_Name}}</font>
                      </td>
                      <td>经办人：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_DealMan}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>身份证号码：</td>
                      <td>
                        <font>{{CtObj.Tourists_IDNum}}</font>
                      </td>
                      <td>身份证号码：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_IDNum}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>联系电话：</td>
                      <td>
                        <font>{{CtObj.Tourists_Tel}}</font>
                      </td>
                      <td>联系电话：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Tel}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>传真：</td>
                      <td>
                        <font>{{CtObj.Tourists_Fax}}</font>
                      </td>
                      <td>传真：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Fa}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>电子邮箱：</td>
                      <td>
                        <font>{{CtObj.Tourists_Email}}</font>
                      </td>
                      <td>电子邮箱：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Email}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>住所：</td>
                      <td>
                        <font>{{CtObj.Tourists_Addres}}</font>
                      </td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>签约日期：</td>
                      <td>
                        <font>{{getDate(CtObj.CreateTimeStr)}}</font>
                      </td>
                      <td>签约日期：</td>
                      <td>
                        <font>{{getDate(CtObj.CreateTimeStr)}}</font>
                      </td>
                    </tr>
                    <tr>
                      <td>签约地点：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_SignAddress}}</font>
                      </td>
                      <td>营业地点：</td>
                      <td>
                        <font>{{CtObj.TravelAgency_Address}}</font>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- 游客名单 -->
              <div class="routes" :class="{'checkedNav':ActiveTab==5}">
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td width="10%">序号</td>
                      <td width="15%">姓名</td>
                      <td width="10%">性别</td>
                      <td width="10%">证件类型</td>
                      <td width="20%">证件号码</td>
                      <td width="20%">联系方式</td>
                      <td width="15%">身体状况</td>
                    </tr>
                    <tr v-for="(item, index) in CtObj.ContractGuestList" :key="index">
                      <td>{{index+1}}</td>
                      <td>
                        <font>{{ item.CGuestName }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestSex }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestCertificateType  }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestCertificateNum }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestTel }}</font>
                      </td>
                      <td>
                        <font>{{ item.CGuestHealth }}</font>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- 团队行程 -->
              <div class="shoppings" :class="{'checkedNav':ActiveTab==6}">
                <table class="ZTable">
                  <tbody>
                    <tr>
                      <td width="10%">团号</td>
                      <td width="36%"><span>{{CtObj.C_TCNUM}}</span></td>
                      <td width="12%">出团日期</td>
                      <td width="15%"><span>{{getDate(CtObj.C_StartDate)}}</span></td>
                      <td width="12%">返回日期</td>
                      <td width="15%"><span>{{getDate(CtObj.C_EndDate)}}</span></td>
                    </tr>
                    <tr>
                      <td>线路名称</td>
                      <td colspan="5"><span>{{CtObj.C_ProductName}}</span></td>
                    </tr>
                  </tbody>
                </table>
                <br>
                <div class="userDiv">
                  <template v-if="CtObj.ContractTripList&&CtObj.ContractTripList.length>0">
                    <p v-html="CtObj.ContractTripList[0].TravelContent"></p>
                  </template>
                </div>
              </div>
              <!-- 自愿补充协议 -->
              <div class="activitys" :class="{'checkedNav':ActiveTab==7}">
                <table v-if="CtObj.ContractShopList&&CtObj.ContractShopList.length>0" class="ZTable">
                  <tbody>
                    <tr>
                      <td>序号</td>
                      <td>具体时间</td>
                      <td>地点</td>
                      <td>购物场所名称</td>
                      <td>主要商品信息</td>
                      <td>最长停留时间（分钟）</td>
                      <td>其他说明</td>
                      <td>旅游者签名同意</td>
                    </tr>
                    <tr v-for="(item,index) in CtObj.ContractShopList" :key="index+100">
                      <td>{{index+1}}</td>
                      <td>
                        {{item.ShopTime}}
                      </td>
                      <td>{{item.ShopAddress}}</td>
                      <td>{{item.ShopName}}</td>
                      <td>{{item.ShopGoodName}}</td>
                      <td>{{item.StopTime}}</td>
                      <td>{{item.OtherInstruction}}</td>
                      <td>{{item.TouristsSignAgree}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- 文明旅游公约 -->
              <div class="TD-convention" :class="{'checkedNav':ActiveTab==8}">
                <div class="page_break_avoid">
                  <h1 class="text_center">中国公民国内旅游文明行为公约</h1>
                  <p>营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，请遵守以下公约：</p>
                  <p>1、维护环境卫生。不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
                  <p>2、遵守公共秩序。不喧哗吵闹，排队遵守秩序，不并行挡道，不在公众场所高声交谈。</p>
                  <p>3、保护生态环境。不踩踏绿地，不摘折花木和果实，不追捉、投打、乱喂动物。</p>
                  <p>4、保护文物古迹。不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。</p>
                  <p>5、爱惜公共设施。不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
                  <p>6、尊重别人权利。不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族宗教习俗。</p>
                  <p>7、讲究以礼待人。衣着整洁得体，不在公共场所袒胸赤膊；礼让老幼病残，礼让女士；不讲粗话。</p>
                  <p>8、提倡健康娱乐。抵制封建迷信活动，拒绝黄、赌、毒。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
  </div>
</template>
<script>
  import moment from 'moment'
  export default {
    props: ["ID"],
    data() {
      return {
        dialogTableVisible: false,
        pdfLoading: false,
        ActiveTab: 1,
        //查询参数  
        msg: {
          ContractId: 0,
        },
        color: "black", //线条颜色，选填
        background: "#fff", //线条背景，选填

        //参数
        CtObj: {
          CType: 2, //合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
          Tourists_Name: "",
          Tourists_IDNum: "",
          Tourists_Addres: "",
          Tourists_Tel: "",
          Tourists_Email: "",
          Tourists_PostNum: "",
          Tourists_Fax: "",
          Tourists_EmergencyLinkMan: "",
          Tourists_EmergencyLinkTel: "",
          TravelAgency_Name: "四川和平国际旅行社有限公司", //旅行社名称
          TravelAgency_LicenseNum: "L-SC-CJ00015",
          TravelAgency_DealMan: "",
          TravelAgency_IDNum: "",
          TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
          TravelAgency_Tel: "",
          TravelAgency_Fax: "",
          TravelAgency_PostNum: "",
          TravelAgency_Email: "",
          TravelAgency_Scope: "出境游/境内游", //旅行社经营范围
          TravelAgency_SignAddress: "",
          Guide_Name: "",
          Guide_Num: "",
          Guide_Tel: "",
          C_TCNUM: "", //团号
          C_ProductName: "",
          C_StartDate: "", //出发时间
          C_EndDate: "",
          C_DayNum: "",
          C_NightNum: "",
          C_AdultNum: "",
          C_AdultPrice: "", //成人价格
          C_ChildrenNum: "",
          C_ChildrenPrice: "",
          C_GuideServicePrice: "",
          C_TotalPrice: "",
          C_PayDate: "",
          C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账)
          C_PayTypeRemark: "", //转账填写转账账号和备注
          C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买)
          C_InsuranceName: "",
          C_LowNum: "",
          C_IsAgreeTravel: 1, // 是否同意旅行社委托(1-不同意，0同意）
          C_AgreeTravelName: "", // 是否同意旅行社名称
          C_IsAgreeDelay: 1, /// 是否同意延期出团(1-不同意，0同意）
          C_IsAgreeCndorse: 1, /// 是否同意改签(1-不同意，0同意）
          C_IsAgreeRemove: 1, // 是否同意解除合同(1-不同意，0同意）
          C_IsAgreeSpellGroup: 1, // 是否同意拼团(1-不同意，0同意）
          C_SpellGroupName: "", // 拼团旅行社名称
          C_SolveType: 2, // 争议解决方式
          C_SolveRemark: "", // 争议解决方式备注
          C_ContractTotal: "2", // 合同总分数
          C_ContractPer: "1", // 各持几份
          C_StartAddress: "", // 出发地点
          C_ReturnAddress: "", //返回地点
          C_TrafficType: 1, // 交通方式(1-合车游，2-包车游)
          C_BusCode: "", // 车牌号
          C_DriverName: "", // 驾驶员姓名
          C_IsHaveKongTiao: 1, // 是否有空调(0-有空调，1-无空调)
          C_BusType: 1, // 车辆类型(1-面包车,2-中巴车,3-大巴车)
          C_BreakfastAddress: "", // 早餐地点
          C_BreakfastBasic: "", // 早餐标准
          C_LunchAddress: "", // 午餐地点
          C_LunchBasic: "", // 午餐标准
          C_DinnerAddress: "", // 晚餐地点
          C_DinnerBasic: "", // 晚餐标准
          C_IncludeRemark: "", // 费用包含
          C_NonIncludeRemark: "", // 费用不包含
          TravelAgency_ServiceTel: "", // 旅行社客服电话
          C_ComplaintProvince: "", // 投诉省
          C_ComplaintCity: "", // 投诉市
          C_ComplaintTel: "", // 投诉电话
          C_ComplaintEmail: "", // 投诉电子邮箱
          C_ComplaintAddress: "", // 投诉地址
          C_ComplaintPostNum: "", // 投诉邮编
          C_ZhiFaTel: "", // 执法机构电话
          C_XFZXHTSTel: "", // 消费者协会投诉电话
          C_TicketDayNum: "", // 几日内出票
          C_OrderDayNum: "", // 几日内下单
          C_PayDayNum: "", // 几日内缴费
          C_SignType: "", // 获取签证资料及领取签证方式
          OtherConventionPrice: "", // 其他服务费用合计
          OtherConvention: "", // 其他约定事项
          TripJson: "",
          GuestJson: "", // 游客信息【json】
          ShopJson: "", // 购物信息【json】
          SelfFeeJson: "", // 自费信息【Json】
          TicketJson: "", // 机票信息
          TicketTotalNum: 0, // 机票总数量
          TicketOutDayNum: 0, // 机票几日内出票
          TicketTotalDepositPrice: 0, // 机票预订总费用
          HotelBookJson: "", // 酒店预订
          HotelTotal: "", // 酒店多少间、晚
          HotelCheckInType: "", // 酒店入住方式
          HotelNotice: "", // 下订单后通知旅游者的方式
          HotelTotalPrice: "0", // 酒店费用总计
          PickUpJson: "", // 接送信息
          PickUpTotalPrice: "0", // 接送总费用
          VisaJson: "", // 签证信息
          VisaTotalPrice: "0", // 签证总费用
          TicketAndHotelJson: "", // 机票与酒店信息
          TicketAndHotelTotalPrice: "0", // 机票加酒店组合总费用
          ContractShopList: [], //自愿购物活动补充协议
          ContractGuestList: [], //旅客名单
          ContractTripList: [], //行程列表
          ContractSelfFeeList: [], //自愿付费项目补充协议
          TripType: 0, //行程类型(0-简易行程，1-标准行程)
          Tourists_Sign: '',
          CreateTimeStr: "",
          IsTravelAgencySignature:0   //是否盖章
        },
      };
    },watch:{
        ID: {
            handler(val, oldVal){
                this.msg.ContractId = val;
                this.ActiveTab = 1
                this.getList();
            },
            deep:true
        }
    },
    created() {

    },
    methods: {
      closedDialog(){
        this.MsgBus.$emit('ViewContractClose')
      },
      getCount() {
        var serviceCount = 1;
        if (this.CtObj.ContractTicketList != null && this.CtObj.ContractTicketList.length > 0) {
          serviceCount++;
        }
        if (this.CtObj.ContractHotelList != null && this.CtObj.ContractHotelList.length > 0) {
          serviceCount++;
        }
        if (this.CtObj.ContractPickUpList != null && this.CtObj.ContractPickUpList.length > 0) {
          serviceCount++;
        }
        if (this.CtObj.ContractVisaList != null && this.CtObj.ContractVisaList.length > 0) {
          serviceCount++;
        }
        if (this.CtObj.ContractTicketAndHotel != null && ((this.CtObj.ContractTicketAndHotel.ContractHotels != null &&
            this.CtObj.ContractTicketAndHotel.ContractHotels.length > 0) || (this.CtObj.ContractTicketAndHotel
            .ContractTickets != null && this.CtObj.ContractTicketAndHotel.ContractTickets.length > 0))) {
          serviceCount++;
        }
        return serviceCount;
      },

      ChangeTab(num) {
        this.ActiveTab = num;
      },

      //获取数据
      getList() {
        this.pdfLoading = true;
        this.apipost2(
          "travelcontract_get_GetTravelContractService", {
            ID: this.msg.ContractId
          },
          res => {
            this.pdfLoading = false;
            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.TicketAndHotelTotalPrice =
                tempObj.TicketAndHotelTotalPrice;
              if (
                tempObj.ContractShopList &&
                tempObj.ContractShopList != null &&
                tempObj.ContractShopList.length > 0
              ) {
                this.CtObj.ContractShopList = tempObj.ContractShopList;
              } else {
                this.CtObj.ContractShopList = [];
              }
              if (
                this.CtObj.ContractShopList &&
                this.CtObj.ContractShopList != null &&
                this.CtObj.ContractShopList.length > 0
              ) {
                this.CtObj.ContractShopList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }

              if (
                tempObj.ContractGuestList &&
                tempObj.ContractGuestList != null &&
                tempObj.ContractGuestList.length > 0
              ) {
                this.CtObj.ContractGuestList = tempObj.ContractGuestList;
              } else {
                this.CtObj.ContractGuestList = [];
              }
              if (
                this.CtObj.ContractGuestList &&
                this.CtObj.ContractGuestList != null &&
                this.CtObj.ContractGuestList.length > 0
              ) {
                this.CtObj.ContractGuestList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }
              if (
                tempObj.ContractSelfFeeList &&
                tempObj.ContractSelfFeeList != null &&
                tempObj.ContractSelfFeeList.length > 0
              ) {
                this.CtObj.ContractSelfFeeList = tempObj.ContractSelfFeeList;
              } else {
                this.CtObj.ContractSelfFeeList = [];
              }
              if (
                this.CtObj.ContractSelfFeeList &&
                this.CtObj.ContractSelfFeeList != null &&
                this.CtObj.ContractSelfFeeList.length > 0
              ) {
                this.CtObj.ContractSelfFeeList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }
              if (
                tempObj.ContractTripList &&
                tempObj.ContractTripList != null &&
                tempObj.ContractTripList.length > 0
              ) {
                this.CtObj.ContractTripList = tempObj.ContractTripList;
              } else {
                this.CtObj.ContractTripList = [];
              }

              if (
                this.CtObj.ContractTripList &&
                this.CtObj.ContractTripList != null &&
                this.CtObj.ContractTripList.length > 0
              ) {
                this.CtObj.ContractTripList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }


              if (
                tempObj.ContractTicketList &&
                tempObj.ContractTicketList != null &&
                tempObj.ContractTicketList.length > 0
              ) {
                this.CtObj.ContractTicketList = tempObj.ContractTicketList;
              } else {
                this.CtObj.ContractTicketList = [];
              }

              if (
                this.CtObj.ContractTicketList &&
                this.CtObj.ContractTicketList != null &&
                this.CtObj.ContractTicketList.length > 0
              ) {
                this.CtObj.ContractTicketList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }


              if (
                tempObj.ContractHotelList &&
                tempObj.ContractHotelList != null &&
                tempObj.ContractHotelList.length > 0
              ) {
                this.CtObj.ContractHotelList = tempObj.ContractHotelList;
              } else {
                this.CtObj.ContractHotelList = [];
              }


              if (
                this.CtObj.ContractHotelList &&
                this.CtObj.ContractHotelList != null &&
                this.CtObj.ContractHotelList.length > 0
              ) {
                this.CtObj.ContractHotelList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }

              if (
                tempObj.ContractPickUpList &&
                tempObj.ContractPickUpList != null &&
                tempObj.ContractPickUpList.length > 0
              ) {
                this.CtObj.ContractPickUpList = tempObj.ContractPickUpList;
              } else {
                this.CtObj.ContractPickUpList = [];
              }

              if (
                this.CtObj.ContractPickUpList &&
                this.CtObj.ContractPickUpList != null &&
                this.CtObj.ContractPickUpList.length > 0
              ) {
                this.CtObj.ContractPickUpList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }


              if (
                tempObj.ContractVisaList &&
                tempObj.ContractVisaList != null &&
                tempObj.ContractVisaList.length > 0
              ) {
                this.CtObj.ContractVisaList = tempObj.ContractVisaList;
              } else {
                this.CtObj.ContractVisaList = [];
              }

              if (
                this.CtObj.ContractVisaList &&
                this.CtObj.ContractVisaList != null &&
                this.CtObj.ContractVisaList.length > 0
              ) {
                this.CtObj.ContractVisaList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }
              this.CtObj.ContractTicketAndHotel = tempObj.ContractTicketAndHotel;
              if (
                tempObj.ContractTicketAndHotel && tempObj.ContractTicketAndHotel != null &&
                tempObj.ContractTicketAndHotel.ContractTickets &&
                tempObj.ContractTicketAndHotel.ContractTickets != null &&
                tempObj.ContractTicketAndHotel.ContractTickets.length > 0
              ) {
                this.CtObj.ContractTicketAndHotel.ContractTickets = tempObj.ContractTicketAndHotel.ContractTickets;
              } else {
                this.CtObj.ContractTicketAndHotel = [];
                this.CtObj.ContractTicketAndHotel.ContractTickets = [];
              }

              if (
                this.CtObj.ContractTicketAndHotel.ContractTickets &&
                this.CtObj.ContractTicketAndHotel.ContractTickets != null &&
                this.CtObj.ContractTicketAndHotel.ContractTickets.length > 0
              ) {
                this.CtObj.ContractTicketAndHotel.ContractTickets.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }
              this.CtObj.CreateTimeStr = tempObj.CreateTimeStr;
              if (
                tempObj.ContractTicketAndHotel &&
                tempObj.ContractTicketAndHotel != null &&
                tempObj.ContractTicketAndHotel.ContractHotels &&
                tempObj.ContractTicketAndHotel.ContractHotels != null &&
                tempObj.ContractTicketAndHotel.ContractHotels.length > 0
              ) {
                this.CtObj.ContractTicketAndHotel.ContractHotels = tempObj.ContractTicketAndHotel.ContractHotels;
              } else {
                this.CtObj.ContractTicketAndHotel = [];
                this.CtObj.ContractTicketAndHotel.ContractHotels = [];
              }

              if (
                tempObj.ContractTicketAndHotel &&
                tempObj.ContractTicketAndHotel != null &&
                this.CtObj.ContractTicketAndHotel.ContractHotels &&
                this.CtObj.ContractTicketAndHotel.ContractHotels != null &&
                this.CtObj.ContractTicketAndHotel.ContractHotels.length > 0
              ) {
                this.CtObj.ContractTicketAndHotel.ContractHotels.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }

              if (this.CtObj.C_TotalPrice && this.CtObj.ContractTicketAndHotel.ContractHotels != null) {
                this.number_chinese(this.CtObj.C_TotalPrice);
              }

            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      getDate(date) {
        if (date != '' && date != null) {
          return moment(date).format("YYYY-MM-DD");
        }
      },
      //获取大写
      getTotalNum(num) {
        switch (num) {
          case 1:
            return '壹';
            break;
          case 2:
            return '贰';
            break;
          case 3:
            return '叁';
            break;
          case 4:
            return '肆';
            break;
          case 5:
            return '伍';
            break;
          case 6:
            return '陆';
            break;
          case 7:
            return '柒';
            break;
          case 8:
            return '捌';
            break;
          case 9:
            return '玖';
            break;
          case 10:
            return '玖';
            break;
        }
      },
      //小写金额转大写
      number_chinese(str) {
        var num = parseFloat(str);
        var strOutput = "",
          strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
        num += "00";
        var intPos = num.indexOf('.');
        if (intPos >= 0) {
          num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
        }
        strUnit = strUnit.substr(strUnit.length - num.length);
        for (var i = 0; i < num.length; i++) {
          strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1);
        }
        return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(
          /零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元")
      },
    },
    mounted() {
      let $this = this
      this.msg.ContractId = this.ID;
      this.getList();
      setTimeout(()=>{
        $this.dialogTableVisible = true
      },50)
    }
  };

</script>
