<style>
  * {
    margin: 0;
    padding: 0;
  }

  .dic_content {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .dic_content {
    width: 100%;
    margin: auto;
    background-color: #fff;
  }

  .dic_content .contractLeft {
    width: 150px;
    display: block;
    border: 0;
    float: left;
    position: fixed;
  }

  .dic_content .contractRight {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    z-index: 99;
  }

  .dic_contenttable th {
    padding: 8px 0;
  }

  .dic_contenttable td {
    padding: 8px 0;
  }

  .dic_content h1,
  .dic_content h2,
  .dic_content p {
    margin: 0 auto;
    padding: 0 10px;
  }

  .dic_content .decoration {
    text-decoration: underline;
  }

  .dic_content .leftP {
    text-align: left;
    display: inline-block;
  }

  .dic_content .Contract_Depart {
    margin: 30px 0;
  }

  .dic_content .item_content {
    width: 100%;
    height: auto;
  }

  .dic_content .item_content .title {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .dic_content .item_content>label {
    width: 100%;
    text-align: left;
    font-weight: bold;
    background-color: #F2F2F2;
    margin: 30px 0;
    padding: 8px 0;
    text-indent: 20px;
    display: inline-block;
    font-size: 16px;
  }

  .dic_content .item_content>span {
    font-size: 1.5rem;
    line-height: 26px;
    margin-left: 10px;
  }

  .dic_content .item_content .content_table {
    border: 1px solid #d1d1d1;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 1.8rem
  }

  .dic_content .item_content .content_table th {
    background-color: #F2F2F2;
  }

  .dic_content .item_content .content_table th,
  .dic_content .item_content .content_table td {
    border: 1px solid #808080;
    text-align: center;
    padding: 10px;
  }

  .dic_content .item_content font {
    color: blue;
    display: inline-block;
    padding: 0 10px;
    font-size: 1.5rem
  }

  .dic_content .content_table font {
    min-width: 0;
  }

  .dic_content .float_div {
    position: fixed;
    bottom: 0;
    line-height: 50px;
    background-color: #F2F2F2;
    width: 1190px;
    padding-left: 10px;
    height: 50px;
    display: block;
    vertical-align: middle;
    text-align: match-parent;
  }

  .dic_content .leftSign {
    float: left;
    width: 50%;
    margin: 70px 0;
    height: auto;
    line-height: 45px;
  }

  .dic_content .rightSign {
    float: right;
    width: 49%;
    height: auto;
    margin: 70px 0;
    line-height: 45px;
  }

  .dic_content .leftSign span {
    display: inline-block;
    width: 170px;
    text-align: right;
  }

  .dic_content .rightSign span {
    display: inline-block;
    width: 170px;
    text-align: right;
  }

  .dic_content .addressCommon {
    display: inline-block;
    width: 300px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }

  .dic_content .shouquanNum {
    font-weight: bold;
  }

  .dic_content .zhangTitle {
    height: 90px;
    font-size: 16px;
    font-weight: bold;
    line-height: 90px !important;
  }

  .dic_content .toTopDistance {
    margin-top: 15px;
  }

  .dic_content .travelDan td {
    border: none !important;
    text-align: left;
    text-indent: 20px;
    padding: 10px 0;
  }

  .dic_content .travelDan {
    padding: 50px 0;
  }

  .dic_content .zhangOne {
    position: absolute;
    width: 200px;
    top: -83px;
    left: 160px;
  }

  .dic_content .zhangTwo {
    position: absolute;
    width: 200px;
    top: -60px;
    left: 80px;
  }

  .dic_content .comonTb td {
    padding: 15px 0;
  }

  .dic_content .remindInfo {
    position: absolute;
    top: 42%;
    left: 35%;
    font-size: 60px;
    color: #FF7F7F;
    letter-spacing: 20px;
  }

  .dic_content .signName {
    position: relative;
    top: 10px;
    width: 140px;
  }

  .dic_content .LRTB td:nth-child(odd) {
    text-align: right;
    padding: 10px;
    height: 50px;
    border: 1px solid #d1d1d1;
  }

  .dic_content .LRTB td:nth-child(even) {
    text-align: left;
    padding: 10px;
    height: 50px;
    border: 1px solid #d1d1d1;
  }

  .dic_content .shouquanNum {
    margin: 30px 0 !important;
    font-weight: bold;
  }



  .CliSignDiv {
    position: fixed;
    border: 1px solid #d1d1d1;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    margin: auto;
    display: block;
    z-index: -999;
  }

  .TopFixed {
    z-index: 100;
  }

  .CV_Btn {
    color: #fff;
    padding: 10px 30px;
    background: #E95252;
    font-size: 30px;
    border: 1px solid #E95252;
    cursor: pointer;
    border-radius: 15px;
    margin-left: 10px;
  }

  .isShowSign {
    z-index: 999;
  }

  .CisHideen {
    overflow: hidden;
  }

  .CliConfirmBtn {
    color: #fff;
    height: 60px;
    width: 150px;
    font-size: 27px;
    background: #E95252;
    border: 1px solid #E95252;
    border-radius: 15px;
  }

  .ClientTravelTable td {
    border: 1px solid #d1d1d1;
  }

  .dic_content .TipsDiv {
    background: #fff;
    width: 75%;
    margin: 0 auto;
    border-radius: 0.7rem;
    padding: 2rem 0;
    margin-top: 20rem;
  }

  .dic_content .TipsDiv .readSpan {
    display: inline-block;
    background-color: #24ade5;
    border-radius: 5px;
    height: 3.4rem;
    width: 18rem;
    color: #fff;
    font-size: 2rem;
    margin-top: 1rem;
  }

  .dic_content .TipsDiv li {
    list-style: none;
  }

  .dic_content .TipTc {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 1000;
  }

  .dic_content .signSpan {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fff;
    border-top: 1px solid #ccc;
    z-index: 1000;
  }

  .dic_content .signSpan .sign {
    width: 75%;
    margin: 0 auto;

    padding: 1rem 0 0 0;
    text-align: center;
    cursor: pointer;

  }

  .dic_content .signSpan .sign .sp1 {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('../assets/img/dzht/bg1.png');
    background-size: 132px;
    background-position: 52px 29px;
  }

  .dic_content li {
    list-style: none;
  }

  .dic_content .navHidden {
    width: 100%;
    overflow: hidden;
    height: 5rem;
  }

  .dic_content .navHidden .wrap {
    width: 100%;
    height: 6rem;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .dic_content .navHidden .Navul {
    width: 130rem;
    padding: 0;
    display: flex;
    height: 5rem;
    line-height: 5rem;
    margin: 0;
    border-bottom: 1px solid #ccc;
  }

  .dic_content .navHidden .Navul li {
    display: inline-block;
    margin-left: 1rem;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 2rem;
    cursor: pointer;
  }

  .dic_content .SignbgDiv {
    position: relative;
    width: 100%;
    padding-bottom: 10rem;
    padding-top: 10rem;
  }

  .dic_content .SignbgDiv .signContent {
    overflow: hidden;
    position: relative;
    height: 100%;
  }

  .dic_content .SignbgDiv .signContent .sysm {}

  .navHidden .ActiveLi {
    border-bottom: 2px solid #24ade5;
  }

  .dic_content .guestUl li {
    padding: 10px 6px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    font-size: 1.8rem;
  }

  .dic_content .guestUl li:nth-child(even) {
    background: #f5f5f5;
  }

  .dic_content .NavFixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
    background: #fff;
  }

  .dic_content .gzqzUl li {
    border-bottom: 1px solid #ddd;
    padding: 14px;
    position: relative;
    box-sizing: border-box;
  }

  .dic_content .gzqzUl li .signImg {
    position: absolute;
    right: 15%;
    z-index: 200;
  }

  .dic_content .gzqzUl li .el-col:nth-child(2) {
    text-align: right;
  }

  .dic_content .gzqzUl .bgli {
    background: #eee;
    width: 100%;
    padding: 0 !important;
    height: 20px;
  }

  .dic_content .SignbgDiv p {
    font-size: 1.8rem;
  }

  .dic_content .gzqzUl li {
    font-size: 1.8rem;
  }

  .dic_content .TcTravel_Table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.8rem;
  }

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

  .Travel_clientQuan {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    text-align: center;
    line-height: 1.5rem;
  }

  .Travel_clientQuan i {
    font-size: 1rem;
    color: gray;
  }

</style>

<template>
  <div class="dic_content" :class="dialogVisible?'CisHideen':''">
    <!-- 签字 -->
    <div class="signSpan" v-if="msg.Id>0 &&dataList.companySignature==''">
      <div @click="goUrl" class="sign">
        <p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
        <span style="font-size:2rem">{{$t('objFill.v101.qianzhi')}}</span>
      </div>
    </div>
    <div class="signSpan" v-if="msg.Id>0 &&dataList.companySignature!=''">
      <div @click="goUrl" class="sign">
        <p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
        <span style="font-size:2rem">{{$t('objFill.v101.chongqian')}}</span>
      </div>
    </div>
    <!-- 开始进入弹窗 -->
    <div class=TipTc v-if="tcShowDialog" id="tcShowDialog">
      <div class="TipsDiv" style="text-align:center;line-height:2">
        <h4 style="font-size: 2.5rem;color: #24ade5;">中国公民文明旅游公约</h4>
        <ul style="font-size:2rem" class="conventionList">
          <li>重安全，讲礼仪；</li>
          <li>不喧哗，杜陋习；</li>
          <li>守良俗，明事理；</li>
          <li>爱环境，护古迹；</li>
          <li>文明行，最得体。</li>
        </ul>
        <el-button type="primary" @click="closeTcShowHandler" class="readSpan">已阅知</el-button>
      </div>
    </div>
    <!-- 头部 -->
    <div class="NavFixed">
      <p style="background:#24ade5;text-align:center;color:#fff;padding:6px 0;font-size:3rem">{{$t('fnc.chakan')}}</p>
      <div class="navHidden">
        <div class="wrap">
          <ul class="Navul">
            <li :class="ActiveTab==1?'ActiveLi':''" @click="ChangeTab(1)">{{$t('objFill.v101.Contract.shiyongsm')}}</li>
            <li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">合同信息</li>
            <li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">盖章签字</li>
            <li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">游客名单</li>
            <li :class="ActiveTab==5?'ActiveLi':''" @click="ChangeTab(5)">团队行程</li>
            <li :class="ActiveTab==6?'ActiveLi':''" @click="ChangeTab(6)">安全告知书</li>
            <li :class="ActiveTab==7?'ActiveLi':''" @click="ChangeTab(7)">自愿购物活动补充协议</li>
            <li :class="ActiveTab==8?'ActiveLi':''" @click="ChangeTab(8)">{{$t('objFill.v101.Contract.ziyuancjlfflx')}}
            </li>
            <!-- <li :class="ActiveTab==9?'ActiveLi':''" @click="ChangeTab(9)">文明旅游公约</li> -->
          </ul>
        </div>
      </div>
    </div>
    <!-- 页面布局 -->
    <div style="position: relative;background:#fff;">
      <div class="SignbgDiv">
        <div class="signContent" style="padding-top:10px;">
          <!-- 使用说明 -->
          <div style="line-height:1.8;padding:0 14px;box-sizing: border-box;" v-show="ActiveTab==1"
            class="item_content">
            <p>
              1、本合同为示范文本，供中华人民共和国境内（不含港、澳、台地区）经营出境旅游业务或者边境旅游业务的旅行社（以下简称“出境社”）与出境旅游者（以下简称“旅游者”）之间签订团队出境包价旅游（不含赴台湾地区旅游）合同时使用。
            </p>
            <p>2、双方当事人应当结合具体情况选择本合同协议条款中所提供的选择项 ，空格处应当以文字形式填写完整。</p>
            <p>3、双方当事人可以书面形式对本示范文本内容进行变更或者补充，但变更或者补充的内容，不得减轻或者免 除应当由 出境社承担的责任。</p>
            <p>4、本示范文本由国家旅游局和国家工商行政管理总局共同制定、解释，在全国范围内推行使用。</p>
          </div>
          <!-- 合同信息 -->
          <div style="padding:0 14px;box-sizing: border-box;" v-show="ActiveTab==2" class="item_content">
            <p>
              旅游者：<font>{{dataList.clientName}}</font> 等
              <font>
                <template v-if="dataList.guestNum&&dataList.guestNum>0">
                  {{dataList.guestNum}}
                </template>
                <template v-else-if="dataList.guestList&&dataList.guestList.length>0">
                  {{dataList.guestList.length}}
                </template>
                <template v-else>
                  0
                </template>
              </font>
              人（名单可附页，需出境社和旅游者代表签字盖章确认）；
            </p>
            <p>{{$t('objFill.v101.Contract.chujins')}}：<font>{{dataList.company}}</font>
            </p>
            <p>{{$t('objFill.v101.Contract.lxsywxkz')}}：<font>{{dataList.businessCertificate}}</font>
            </p>
            <h3>
              <p class="zhangTitle">第一章 术语和定义</p>
            </h3>
            <h3>
              <p>第一条 本合同术语和定义</p>
            </h3>
            <p>
              1.团队出境旅游服务，指出境社依据《中华人民共和国民法典》、《中华人民共和国旅游法》、《中国公民出国旅游管理办法》和《旅行社条例》等法律、法规，组织旅游者出国旅游及赴中外双方政府商定的国外边境区域和港、澳地区等旅游目的地旅游，代办旅游签证／签注，代订公共交通客票，提供餐饮、住宿、游览等两项以上服务活动。
            </p>
            <p>2.{{$t('objFill.v101.Contract.shuyudinyi2')}}</p>
            <p>{{$t('objFill.v101.Contract.lvyoufybk')}}：</p>
            <p>（1）{{$t('objFill.v101.Contract.bixuqzqzf')}}</p>
            <p>（2）{{$t('objFill.v101.Contract.jiaotfhjwjcs')}}</p>
            <p>（3）{{$t('objFill.v101.Contract.zhusuf')}}</p>
            <p>（4）{{$t('objFill.v101.Contract.canfbhjsf')}}</p>
            <p>（5）{{$t('objFill.v101.Contract.chujtyapdjdmp')}}</p>
            <p>（6）{{$t('objFill.v101.Contract.xingczqtfy')}}</p>
            <p>（7）{{$t('objFill.v101.Contract.daoyoufwf')}}</p>
            <p>（8）{{$t('objFill.v101.Contract.bianjlyzzjfy')}}</p>
            <p>（9）{{$t('objFill.v101.Contract.chujsjwqtfwf')}}</p>
            <p>（10）旅游者向中国境内保险公司投保的《人身意外伤害保险》费用；</p>

            <p>{{$t('objFill.v101.Contract.lvyoufbh')}}：</p>
            <p>（1）{{$t('objFill.v101.Contract.banlhzfy')}}</p>
            <p>（2）{{$t('objFill.v101.Contract.banliltfy')}}</p>
            <p>（3）合同未约定由出境社支付的费用，包括但不限于行程以外非合同约定项目所需的费用、自行安排活动期间发生的费用; </p>
            <p>（4）行程中发生的旅游者个人费用，包括但不限于交通工具上的非免费餐饮费、行李超重费，住宿期间的洗衣、通讯 、饮料及酒类费用，个人娱乐费用，个人伤病医疗费，寻找个人遗失物品的费用及报酬，个人原因造成的赔偿费用。
            </p>
            <p>（5）境外小费;</p>
            <p>3.{{$t('objFill.v101.Contract.lvxingfzr')}}</p>
            <p>4.{{$t('objFill.v101.Contract.ziyouhd')}}</p>
            <p>5.{{$t('objFill.v101.Contract.ziyouhdqj')}}</p>
            <p>
              6.{{$t('objFill.v101.Contract.buhelddj')}}
            </p>
            <p>
              7.{{$t('objFill.v101.Contract.jutigwcs')}}
            </p>
            <p>
              8.{{$t('objFill.v101.Contract.lyouztbd')}}
            </p>
            <p>9.{{$t('objFill.v101.Contract.lituan')}}</p>
            <p>10.{{$t('objFill.v101.Contract.tuotuan')}}</p>
            <p>11.{{$t('objFill.v101.Contract.zhuantuan')}}</p>
            <p>12.{{$t('objFill.v101.Contract.pintuan')}}</p>
            <p>13.{{$t('objFill.v101.Contract.bukekangli')}}</p>
            <p>14.{{$t('objFill.v101.Contract.yijinhlzyyw')}}
            </p>
            <p>15.必要的费用，指出境社履行合同已经发生的费用以及向地接社或者履行辅助人支付且不可退还的费用,
              包括乘坐飞机（车、船）等交通工具的费用（含预订金）、旅游签证/签注费用、饭店住宿费用（含预订金）、旅游观光汽车的人均车租等。</p>
            <p>16.{{$t('objFill.v101.Contract.gonggjtjyz')}}</p>
            <h3>
              <p class="zhangTitle">第二章 合同的订立</p>
            </h3>
            <h3>
              <p>第二条 旅游行程单</p>
            </h3>
            <p>出境社应当提供带团号的《旅游行程单》（以下简称《行程单》），经双方通过微信、QQ、短信留言、面签等方式确认后作为本合同的组成部分。《行程单》应当对如下内容作出明确的说明：</p>
            <p>（1）{{$t('objFill.v101.Contract.lvyouxcdfd')}}</p>
            <p>（2）{{$t('objFill.v101.Contract.lyoudjsmc')}}</p>
            <p>（3）{{$t('objFill.v101.Contract.jiaotongfwap')}}</p>
            <p>（4）{{$t('objFill.v101.Contract.zhusufwap')}}</p>
            <p>（5）{{$t('objFill.v101.Contract.yongczczcbz')}}</p>
            <p>（6）{{$t('objFill.v101.Contract.chujstyanylsj')}}</p>
            <p>（7）自由活动的时间；</p>
            <p>（8）{{$t('objFill.v101.Contract.xingcapdylhd')}}</p>
            <p>{{$t('objFill.v101.Contract.xingcdyyx')}}</p>

            <h3>
              <p class="toTopDistance">第三条 订立合同</p>
            </h3>
            <p>{{$t('objFill.v101.Contract.lvyouzydrzrd')}}</p>
            <p>{{$t('objFill.v101.Contract.youlvyzddl')}}</p>
            <h3>
              <p class="toTopDistance">第四条 旅游广告及宣传品</p>
            </h3>
            <p>
              出境社的旅游广告及宣传品应当遵循诚实信用的原则，其内容符合《中华人民共和国合同法》要约规定的，视为本合同的组成部分，对出境社和旅游者双方具有约束力，但根据旅行行业惯例和生活法则的理解，明显超出本合同约定标准的广告及宣传品，不应当视为本合同的组成部分。
            </p>

            <h3>
              <p class="zhangTitle">第三章 合同双方的权利义务</p>
            </h3>
            <h3>
              <p>第五条 出境社的权利</p>
            </h3>
            <p>1.{{$t('objFill.v101.Contract.genjulyzstzk')}}</p>
            <p>2.形式审查旅游者提供的相关信息资料；</p>
            <p>3.按照合同约定向旅游者收取全额旅游费用，并有权拒绝在出行前24小时未足额支付旅游费的旅游者随团出行；</p>
            <p>4.{{$t('objFill.v101.Contract.lvyoutdjjqk')}}</p>
            <p>5.{{$t('objFill.v101.Contract.jujuelyztc')}}</p>
            <p>6.{{$t('objFill.v101.Contract.yaoqlxzdcdpczr')}}</p>
            <p>7.要求旅游者健康、文明旅游 ，劝阻旅游者违法和违反公序良俗的行为。</p>
            <h3>
              <p class="toTopDistance">第六条 出境社的义务</p>
            </h3>
            <p>1.按照合同和《行程单》约定的内容和标准为旅游者提供服务，在非必要情形下不擅自变更旅游行程安排，不降低服务标准；</p>
            <p>2.{{$t('objFill.v101.Contract.xheggysgcp')}}</p>
            <p>3.不以不合理的低价组织旅游活动，诱骗旅游者，并通过安排购物或者另行付费旅游项目获取回扣等不正当利益；</p>
            <p>组织、接待旅游者，不指定具体购物场所，不安排另行付费旅游项目，但是，经双方协商一致或者旅游者要求，且不影响其他旅游者行程安排的除外；</p>
            <p>
              4.{{$t('objFill.v101.Contract.zaict1cqsmf')}}
            </p>
            <p>5.为旅游团队安排符合《中华人民共和国旅游法》、《旅行社条例》、《中国公民出国旅游管理办法》等法律、法规规定的持证领队人员；</p>
            <p>6.{{$t('objFill.v101.Contract.tuosanbgly')}}</p>
            <p>7.{{$t('objFill.v101.Contract.weilyzff')}}</p>
            <p>8.{{$t('objFill.v101.Contract.lyzrscc')}}</p>
            <p>9.{{$t('objFill.v101.Contract.jijixdcl')}}</p>
            <p>10.{{$t('objFill.v101.Contract.tishilyz')}}</p>
            <p>11.{{$t('objFill.v101.Contract.xianglyztg')}}</p>
            <p>12.{{$t('objFill.v101.Contract.yifadlyzgr')}}</p>
            <h3>
              <p class="toTopDistance">第七条 旅游者的权利</p>
            </h3>
            <p>1.{{$t('objFill.v101.Contract.yaoqcjsazht')}}</p>
            <p>2.{{$t('objFill.v101.Contract.juejwjyxzt')}}</p>
            <p>
              3.{{$t('objFill.v101.Contract.youquanzz')}}
            </p>
            <p>4.{{$t('objFill.v101.Contract.zaizhiflyf')}}</p>
            <p>5.{{$t('objFill.v101.Contract.rengeizymzfs')}}</p>
            <p>6.{{$t('objFill.v101.Contract.zairsccaq')}}</p>
            <p>7.{{$t('objFill.v101.Contract.zaihfqyss')}}</p>
            <p>8.《中华人民共和国民法典》、《中华人民共和国旅游法》、《中华人民共和国消费者权益保护法》和有关法律、法规赋予旅游者的其他各项权利。</p>

            <h3>
              <p class="toTopDistance">第八条 旅游者的义务</p>
            </h3>
            <p>1.{{$t('objFill.v101.Contract.rushitxcj')}} </p>
            <p>2.{{$t('objFill.v101.Contract.xiangcjstj')}}</p>
            <p>3.按合同约定按时足额支付旅游费用。若在出行前24小时仍未足额支付旅游费用的应视为自动放弃随团出行，旅行社按本合同第十五条约定扣除必要费用；</p>
            <p>4.{{$t('objFill.v101.Contract.peihldtygl')}}</p>
            <p>5.遵守我国和旅游目的地国家（地区）的法律、法规和有关规定，不携带违禁物品出入境；不参与色情、赌博和涉毒活动；不擅自脱团；不在境外滞留不归；</p>
            <p>6. 遵守旅游目的地国家（地区） 的公共秩序和社会公德 ，尊重当地的风俗习惯 ，文化传统和宗教信仰 ，爱护 旅游资源 ，保护生态环境
              ，遵守《中国公民出国（境）旅游文明行为指南》等文明行为规范。若因此发生纠纷或被当地警方、行政机构追究，责任由旅游者自行承担，并承担旅行社为此提供帮助产生的必要费用以及由此对旅游行程带来的额外费用和损失；</p>
            <p>7.{{$t('objFill.v101.Contract.duiguojydzd')}}</p>
            <p>8.妥善保管自己的行李物品，随身携带现金、有价证券、贵重物品，不在行李中夹带；</p>
            <p>9.在旅游活动中或者在解决纠纷时，应采取适当措施防止损失扩大，不损害当地居民的合法权益，不干扰他人的旅游活动，不损害旅游经营者和旅游从业人员的合法权益，不采取拒绝上、下机（车、船） 、拖延行程或
              者脱团等不当行为。纠纷产生后，旅游者应注意取证，并在旅游结束后通过行政、司法等途径解决，旅游者不得采取前述过激行为，否则视为旅游者违约，应赔偿出境社的损失；
            </p>
            <p>10.{{$t('objFill.v101.Contract.zaizxaphdqj')}}</p>
            <h3>
              <p class="zhangTitle">第四章 合同的变更与转让</p>
            </h3>
            <h3>
              <p>第九条 合同内容的变更</p>
            </h3>
            <p>1.{{$t('objFill.v101.Contract.chujsylyzxsyz')}}</p>
            <p>
              2.{{$t('objFill.v101.Contract.xingcksydbk')}}
            </p>
            <p>3.{{$t('objFill.v101.Contract.xingczydbkkys')}}</p>
            <p>（1）{{$t('objFill.v101.Contract.hetbnwqlx')}}</p>
            <p>（2）{{$t('objFill.v101.Contract.weijlyzre')}}</p>
            <p>（3）{{$t('objFill.v101.Contract.zaoclyzzl')}}</p>
            <h3>
              <p class="toTopDistance">第十条 合同的转让</p>
            </h3>
            <p>{{$t('objFill.v101.Contract.lvyxckszrcd')}}</p>
            <p>{{$t('objFill.v101.Contract.zhnegdlydbx')}}</p>
            <h3>
              <p class="toTopDistance">第十一条 不成团的安排</p>
            </h3>
            <p>{{$t('objFill.v101.Contract.dangwddwdct')}}</p>
            <p>
              1.{{$t('objFill.v101.Contract.zhuantlqht')}}
            </p>
            <p>2.{{$t('objFill.v101.Contract.yanqicthgqxl')}}</p>
            <h3>
              <p class="zhangTitle">第五章 合同的解除</p>
            </h3>
            <h3>
              <p>第十二条 出境社解除合同</p>
            </h3>
            <p>
              1.{{$t('objFill.v101.Contract.weiddydctjcht')}}
            </p>
            <p>2.{{$t('objFill.v101.Contract.lvyzyxlqx')}}</p>
            <p>（1）{{$t('objFill.v101.Contract.huanycrdjb')}}</p>
            <p>（2）{{$t('objFill.v101.Contract.xiedwhhhaq')}}</p>
            <p>（3）从事违法或者违反公序良俗的活动的；</p>
            <p>（4）{{$t('objFill.v101.Contract.congsyzyxtr')}}</p>
            <p>（5）{{$t('objFill.v101.Contract.falvgddyx')}}</p>
            <p>{{$t('objFill.v101.Contract.chujsyss')}}</p>
            <h3>
              <p class="toTopDistance">第十三条 旅游者解除合同</p>
            </h3>
            <p>
              1.{{$t('objFill.v101.Contract.weidadydctxgydcl')}}
            </p>
            <p>
              2.{{$t('objFill.v101.Contract.chubddykyd')}}
            </p>
            <p>3.{{$t('objFill.v101.Contract.lyzwaydcf')}}</p>
            <h3>
              <p class="toTopDistance">
                第十四条 因不可抗力或者已尽合理注意义务仍不能避免的事件解除合同</p>
            </h3>
            <p>
              {{$t('objFill.v101.Contract.yinbkklcjslygd')}}
            </p>
            <p>{{$t('objFill.v101.Contract.hetjcdcjs')}}</p>
            <h3>
              <p class="toTopDistance">
                第十五条 必要的费用扣除</p>
            </h3>
            <div v-if="dataList.TeamType===2">
              <p>1.【退改规则】</p>
              <p>出发前 11-8 天(不含)，收取损失 30%。</p>
              <p>出发前 3～7(不含)，收取损失 50%。</p>
              <p>出发前 2～3 天(含)，收取损失 80%。</p>
              <p>出发前 1 天(含)，将不退还任何费用，收取损失 100%.</p>
            </div>
            <div v-else>
              <p>1.{{$t('objFill.v101.Contract.lvyouzcxqssr')}}</p>
              <p>{{$t('objFill.v101.Contract.jiechuhtkc1')}}</p>
              <p>{{$t('objFill.v101.Contract.jiechuhtkc2')}}</p>
              <p>{{$t('objFill.v101.Contract.jiechuhtkc3')}}</p>
              <p>{{$t('objFill.v101.Contract.jiechuhtkc4')}}</p>
              <p>{{$t('objFill.v101.Contract.jiechuhtkc5')}}</p>
            </div>
            <p>2.{{$t('objFill.v101.Contract.zaixczjchtkfbz')}}</p>
            <p>{{$t('objFill.v101.Contract.lvyfyycyts')}}</p>
            <p>{{$t('objFill.v101.Contract.ruassbclyfze')}}</p>
            <p>{{$t('objFill.v101.Contract.jiechtbtkss')}}</p>
            <h3>
              <p class="toTopDistance">第十六条 出境社协助旅游者返程及费用承担
              </p>
            </h3>
            <p>
              {{$t('objFill.v101.Contract.fancysfcd')}}
            </p>
            <h3>
              <p class="zhangTitle">第六章 违约责任</p>
            </h3>
            <h3>
              <p>第十七条 出境社的违约责任</p>
            </h3>
            <div v-if="dataList.TeamType===2">
              <p>1.【退改规则】</p>
              <p>出发前 11-8 天(不含)，收取损失 30%。</p>
              <p>出发前 3～7(不含)，收取损失 50%。</p>
              <p>出发前 2～3 天(含)，收取损失 80%。</p>
              <p>出发前 1 天(含)，将不退还任何费用，收取损失 100%.</p>
            </div>
            <div v-else>
              <p>
                1.{{$t('objFill.v101.Contract.chujjchtwyj')}}
              </p>
              <p>{{$t('objFill.v101.Contract.chujwyj1')}}</p>
              <p>{{$t('objFill.v101.Contract.chujwyj2')}}</p>
              <p>{{$t('objFill.v101.Contract.chujwyj3')}}</p>
              <p>{{$t('objFill.v101.Contract.chujwyj4')}}</p>
              <p>{{$t('objFill.v101.Contract.chujwyj5')}}</p>
              <p>{{$t('objFill.v101.Contract.chujwyj6')}}</p>
              <p>{{$t('objFill.v101.Contract.chujwyj7')}}</p>
            </div>
            <p>2.{{$t('objFill.v101.Contract.chujwtgfw')}}</p>
            <p>
              3.{{$t('objFill.v101.Contract.chujjblxtj')}}
            </p>
            <p>
              4.{{$t('objFill.v101.Contract.weijlzty')}}
            </p>
            <p>5.{{$t('objFill.v101.Contract.chujyyxqxzy')}}</p>
            <p>（1）{{$t('objFill.v101.Contract.chujsybhl')}}</p>
            <p>（2）{{$t('objFill.v101.Contract.weijsfxd')}}</p>
            <p>6.{{$t('objFill.v101.Contract.yulyzcxjfs')}}</p>
            <h3>
              <p class="toTopDistance">第十八条 旅游者的违约责任</p>
            </h3>
            <p>1.{{$t('objFill.v101.Contract.yinbtccj')}}</p>
            <p>2.{{$t('objFill.v101.Contract.lvyouzcc')}}</p>
            <p>3.{{$t('objFill.v101.Contract.youyulyzgc')}}</p>
            <p>4.{{$t('objFill.v101.Contract.lvyouzlyhdz')}}</p>
            <p>5.{{$t('objFill.v101.Contract.lvyouzwfaqjs')}}</p>
            <h3>
              <p class="toTopDistance">第十九条 其他责任</p>
            </h3>
            <p>
              1.{{$t('objFill.v101.Contract.zerenhfy')}}
            </p>
            <p>2.{{$t('objFill.v101.Contract.youyulyzzsyy')}}</p>
            <p>3.{{$t('objFill.v101.Contract.lvyouzzxap')}}</p>
            <p>4.{{$t('objFill.v101.Contract.chujsdyy')}}</p>
            <p>5.{{$t('objFill.v101.Contract.youyuggjt')}}</p>
            <h3>
              <p class="zhangTitle">第七章 协议条款</p>
            </h3>
            <h3>
              <p>第二十条 线路行程时间</p>
            </h3>
            <p>
              {{$t('objFill.v101.Contract.lvyouxlw')}}<font>{{dataList.productName}}</font>
              {{$t('Airticket.Air_StartTime')}} <font>{{getDate(dataList.startDate)}}</font>
              {{$t('MarketingActi.endTime')}}<font>{{getDate(dataList.returnDate)}}</font>
              {{$t('hotel.hotel_totalRoom')}}<font>{{dataList.dayNum}}</font>{{$t('hotel.hotel_day')}}<font>
                {{dataList.nightNum}}</font>{{$t('objFill.v101.Contract.ye')}}。
            </p>
            <h3>
              <p class="toTopDistance">{{$t('objFill.v101.Contract.diershiyitiao')}}</p>
            </h3>
            <p>
              {{$t('salesModule.Adult')}}<font>{{dataList.adultPrice}}</font><template v-if="dataList.signType==0">
                {{$t('hotel.hotel_yuan')}}
              </template>
              <template v-else>
                円
              </template>/人，儿童（不满14岁）<font>{{dataList.childPrice}}</font><template v-if="dataList.signType==0">
                {{$t('hotel.hotel_yuan')}}
              </template>
              <template v-else>
                円
              </template>/人；其中，导游服务费
              <font>{{dataList.servicePrice}}</font><template v-if="dataList.signType==0">
                {{$t('hotel.hotel_yuan')}}
              </template>
              <template v-else>
                円
              </template>/人；旅游费用合计：<font>{{dataList.orderPrice}}</font><template v-if="dataList.signType==0">
                {{$t('hotel.hotel_yuan')}}
              </template>
              <template v-else>
                円
              </template>。
            </p>
            <p>旅游费用支付方式：
              <font v-if="dataList.payType==1">{{$t('fnc.xianjin')}}</font>
              <font v-if="dataList.payType==2">{{$t('objFill.zhuanzhang')}}</font>
              <font v-if="dataList.payType==3">支票</font>
            </p>
            <p>{{$t('objFill.v101.Contract.lvyoufyzfsj')}}<font>{{getDate(dataList.payDate)}}</font>
            </p>

            <template v-if="dataList.signType==0">
              <p class="bold colorRed">出境社的指定收款账号信息</p>
              <p class="bold colorRed">
                名称：四川和平国际旅行社有限公司
              </p>
              <p class="bold colorRed">
                开户银行：工行成都市芷泉支行营业室
              </p>
              <p class="bold colorRed">
                账号：4402 2050 1910 0427 185
              </p>
              <p class="bold colorRed">支付宝收款账号：2850943039@qq.com</p>
            </template>
            <template v-else>
              <p>出境社的指定收款账号信息</p>
              <p>
                銀行名：京都銀行
              </p>
              <p>
                支店名：水口支店　店番593
              </p>
              <p>
                口座種別：レギュラー口座
              </p>
              <p>
                口座番号： 593-1070078
              </p>
              <p class="bold colorRed">
                账户名：株式会社ピースインターナショナル
              </p>
              <p class="bold colorRed">银行住所：滋賀県甲賀市水口町本綾野5－21</p>
              <p class="bold colorRed">银行邮编：〒528-0037　</p>
              <p class="bold colorRed">電話番号：0748－65－1011</p>
              <p class="bold colorRed">SWIFT CODE: BOKFJPJZ</p>
            </template>
            <h3>
              <p class="toTopDistance">第二十二条 人身意外伤害保险</p>
            </h3>
            <p>1.旅行社提示旅游者购买人身意外伤害保险；</p>
            <p>
              2.旅游者可以做以下选择：
            </p>
            <p>
              <p>
                <span class="Travel_clientQuan">
                  <i v-if="dataList.insuranceOpinion==1" class="iconfont icon-duigou"></i>
                  <i v-else class="iconfont icon-cha"></i>
                </span>
                委托旅行社购买（旅行社不具有保险兼业代理资格的，委托向 {{dataList.insuranceCompany}} 采购）：保险产品名称
                <font>旅游安全人身意外伤害保险</font>{{$t('objFill.v101.Contract.toubdxgxx')}}
                <p>
                  旅游者承诺在签订人身意外伤害保险合同前，已充分了解保险合同的相关条款，如有不清楚的，将自行向保险公司咨询。
                </p>
              </p>
              <p>
                <span class="Travel_clientQuan">
                  <i v-if="dataList.insuranceOpinion==2" class="iconfont icon-duigou"></i>
                  <i v-else class="iconfont icon-cha"></i>
                </span>
                自行购买
              </p>
              <p>
                <span class="Travel_clientQuan">
                  <i v-if="dataList.insuranceOpinion==3" class="iconfont icon-duigou"></i>
                  <i v-else class="iconfont icon-cha"></i>
                </span>
                放弃购买
              </p>
            </p>

            <p>{{$t('objFill.lvyouzhe')}}<font>{{dataList.clientName}}</font>{{$t('objFill.v101.Contract.xingmyydzx')}}
            </p>
            <h3>
              <p class="toTopDistance">
                {{$t('objFill.v101.Contract.diershisantiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chengtrsgd')}}</p>
            </h3>
            <p>{{$t('objFill.v101.Contract.chengtdzdrs')}}<font>{{dataList.minNumber}}</font>
              {{$t('hotel.hotel_people')}}。</p>
            <p>{{$t('objFill.v101.Contract.rubunct')}}</p>
            <p>1.<font>{{dataList.insteadOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>
              <template v-if="dataList.orderType==0">
                出境社委托<font>{{dataList.insteadCompany}}</font>
                出境社履行合同；
              </template>
              <template v-else>
                转给<font>{{dataList.insteadCompany}}</font>操作；
              </template>
            </p>
            <p>2.<font>{{dataList.delayOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>
              {{$t('objFill.v101.Contract.tongyyqct')}}</p>
            <p>3.<font>{{dataList.changeOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>
              {{$t('objFill.v101.Contract.tongyqtxlxt')}}</p>
            <p>4.<font>{{dataList.terminateOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}} </font>
              {{$t('objFill.v101.Contract.tongyjcht')}}</p>
            <h3>
              <p class="toTopDistance">
                >{{$t('objFill.v101.Contract.diershisitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.pintyd')}}</p>
            </h3>
            <p>{{$t('objFill.lvyouzhe')}}<font>
                {{dataList.carpoolOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}</font>
              {{$t('objFill.v101.Contract.caiyptfspz')}}<font>
                {{dataList.carpoolCompany}}</font>{{$t('objFill.v101.Contract.chujsct')}}</p>
            <h3>
              <p class="toTopDistance">
                {{$t('objFill.v101.Contract.diershiwutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.ziyuangw')}}</p>
            </h3>
            <p>1.{{$t('objFill.v101.Contract.ziygw1')}}</p>
            <p>2.{{$t('objFill.v101.Contract.ziygw2')}}</p>
            <p>3.{{$t('objFill.v101.Contract.ziygw3')}}</p>
            <p>4.{{$t('objFill.v101.Contract.ziygw4')}}</p>
            <p>5. {{$t('objFill.v101.Contract.ziygw5')}}</p>
            <h3>
              <p class="toTopDistance">
                {{$t('objFill.v101.Contract.diershiliutiao')}}&nbsp;&nbsp;{{$t('objFill.zhenyidjjfs')}}</p>
            </h3>
            <p>{{$t('objFill.v101.Contract.benhtlxgc')}}<font>
                {{dataList.settleDisputeMode}}</font>{{$t('objFill.zhongfangs')}}：</p>
            <p>1.{{$t('fnc.tijiao')}}<font>{{dataList.arbitrationCommission}}</font>
              {{$t('objFill.v101.Contract.zhongcwyhzc')}}</p>
            <p>2.{{$t('objFill.yifaxiang')}}<font>{{dataList.court}}</font>人民法院起诉。　</p>
            <h3>
              <p class="toTopDistance">
                {{$t('objFill.v101.Contract.diershiqitiao')}}&nbsp;&nbsp;{{$t('objFill.qitayuedsx')}}</p>
            </h3>
            <p>{{$t('objFill.v101.Contract.weijinsy')}}</p>
            <p v-html="dataList.otherMatter" class="decoration"></p>
            <h3>
              <p class="toTopDistance">第二十八条 管辖</p>
            </h3>
            <p>在合同旅行中，若双方发生纠纷，应友好协商处理。若协商不成，向合同签订地（成都市锦江区）由管辖权人民法院起诉。</p>
            <h3>
              <p class="toTopDistance">第二十九条 合同效力</p>
            </h3>
            <p class="Contract_Depart" id="p_contract_num">本合同一式<font>{{getTotalNum(dataList.totalNumber)}}</font>份，双方各持
              <font>{{getTotalNum(dataList.eachNumber)}}</font>{{$t('objFill.v101.Contract.fenjytdfx')}}</p>
          </div>
          <!-- 盖章签字 -->
          <div v-show="ActiveTab==3" class="item_content">
            <ul class="gzqzUl">
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.lvyzqzgz')}}</el-col>
                  <el-col :span="12">
                    {{dataList.companySignature!=''?'':dataList.clientName}}
                    <template v-if="dataList.companySignature&&dataList.companySignature!=''">
                      <img style="width:120px;" class="signImg" :src="dataList.companySignature"
                        v-if="dataList.companySignature!=''" alt="" />
                    </template>
                  </el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.zhengjianhm')}}：</el-col>
                  <el-col :span="12">{{dataList.clientIdcardnum}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('admin.admin_address')}}：</el-col>
                  <el-col :span="12">{{dataList.clientAddress}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('scen.sc_tel')}}：</el-col>
                  <el-col :span="12">{{dataList.clientCall}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
                  <el-col :span="12">{{dataList.clientFax}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.youbian')}}：</el-col>
                  <el-col :span="12">{{dataList.clientPostCode}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.dianzixx')}}：</el-col>
                  <el-col :span="12">{{dataList.clientEmail}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.qianyueriqi')}}：</el-col>
                  <el-col :span="12">{{getDate(dataList.payDate)}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.qianyuedd')}}：</el-col>
                  <el-col :span="12">{{dataList.contractPlace}}</el-col>
                </el-row>
              </li>
              <li class="bgli"></li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.chujsgz')}}：</el-col>
                  <el-col :span="12">
                    <template v-if="dataList.zhangUrl">
                      <img class="signImg" :src="dataList.zhangUrl" alt="" />
                    </template>
                  </el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('admin.admin_address')}}：</el-col>
                  <el-col :span="12">{{dataList.companyAddress}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('scen.sc_tel')}}：</el-col>
                  <el-col :span="12">{{dataList.companyCall}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.chuanzhen')}}：</el-col>
                  <el-col :span="12">{{dataList.companyFax}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.youbian')}}：</el-col>
                  <el-col :span="12">{{dataList.companyPostCode}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.dianzixx')}}：</el-col>
                  <el-col :span="12">{{dataList.companyEmail}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.qianyueriqi')}}：</el-col>
                  <el-col :span="12">{{getDate(dataList.payDate)}}</el-col>
                </el-row>
              </li>
              <li class="bgli"></li>
              <li>
                <el-row>
                  <el-col :span="12">出境社监督、投诉电话</el-col>
                  <el-col :span="12">{{dataList.regulatorComplainCall}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">投诉电话</el-col>
                  <el-col :span="12">{{dataList.companyComplainCall}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.v101.Contract.dianzixx')}}：</el-col>
                  <el-col :span="12">{{dataList.regulatorWebsite}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('admin.admin_address')}}</el-col>
                  <el-col :span="12">{{dataList.regulatorAddress}}</el-col>
                </el-row>
              </li>
              <li>
                <el-row>
                  <el-col :span="12">{{$t('objFill.youbian')}}：</el-col>
                  <el-col :span="12">{{dataList.regulatorPostCode}}</el-col>
                </el-row>
              </li>
            </ul>
          </div>
          <!-- 游客名单 -->
          <div v-show="ActiveTab==4" class="item_content">
            <template v-if="dataList.orderType==0">
              <ul class="guestUl">
                <li v-for="(item,index) in dataList.guestList" :key="index">
                  <el-row>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">{{$t('system.query_name')}}：</el-col>
                      <el-col :span="16" style="text-align:left">
                        {{item.surName+''+item.name}}({{item.eSurName+''+item.eName}})
                      </el-col>
                    </el-col>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">性别：</el-col>
                      <el-col :span="16" style="text-align:left">{{item.sex==1?$t('pub.man'):$t('pub.woman')}}</el-col>
                    </el-col>
                  </el-row>
                  <el-row style="padding:6px 0">
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">证件类型：</el-col>
                      <el-col :span="16" style="text-align:left">{{item.passportNo.length>0?$t('salesModule.Passport'):'身份证'}}</el-col>
                    </el-col>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">证件号码：</el-col>
                      <el-col :span="16" style="text-align:left">{{ item.passportNo.length>0?item.passportNo:item.idCard }}</el-col>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">联系方式：</el-col>
                      <el-col :span="16" style="text-align:left">{{item.mobilePhone}}</el-col>
                    </el-col>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">身体状况：</el-col>
                      <el-col :span="16" style="text-align:left">健康</el-col>
                    </el-col>
                  </el-row>
                </li>
                <li>
                  <el-row>
                    <el-col :span="12">
                      &nbsp;
                    </el-col>
                    <el-col :span="12">
                      <template v-if="dataList.companySignature&&dataList.companySignature!=''">
                        <img style="width:120px;" :src="dataList.companySignature" v-if="dataList.companySignature!=''"
                          alt="" />
                      </template>
                    </el-col>
                  </el-row>
                </li>
              </ul>
            </template>
            <template v-else>
              <ul class="guestUl" v-if="dataList.guestInfo">
                <li v-for="(item,index) in dataList.guestInfo" :key="index">
                  <el-row>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">{{$t('system.query_name')}}：</el-col>
                      <el-col :span="16" style="text-align:left">
                        {{item.Name}}</el-col>
                    </el-col>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">性别：</el-col>
                      <el-col :span="16" style="text-align:left">{{item.Sex}}</el-col>
                    </el-col>
                  </el-row>
                  <el-row style="padding:6px 0">
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">证件类型：</el-col>
                      <el-col :span="16" style="text-align:left">{{$t('salesModule.Passport')}}</el-col>
                    </el-col>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">证件号码</el-col>
                      <el-col :span="16" style="text-align:left">{{item.PassportNo}}</el-col>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">联系方式：</el-col>
                      <el-col :span="16" style="text-align:left">{{item.Mobile}}</el-col>
                    </el-col>
                    <el-col :span="12">
                      <el-col :span="8" style="text-align:right">身体状况：</el-col>
                      <el-col :span="16" style="text-align:left">健康</el-col>
                    </el-col>
                  </el-row>
                </li>
              </ul>
            </template>

          </div>
          <!-- 团队行程 -->
          <div v-show="ActiveTab==5" class="item_content">
            <table class="content_table ClientTravelTable">

              <tbody>
                <tr>
                  <td width="15%">{{$t('visa.v_tuanhao')}}</td>
                  <td style="text-aligin:left;">
                    <span>{{dataList.tCNum}}</span>
                  </td>
                  <td rowspan="3">
                    <template v-if="dataList.companySignature&&dataList.companySignature!=''">
                      <img style="width:120px;" :src="dataList.companySignature" v-if="dataList.companySignature!=''"
                        alt="" />
                    </template>
                  </td>
                </tr>
                <tr>
                  <td width="15%">出团日期</td>
                  <td style="text-aligin:left;">
                    <span>{{getDate(dataList.startDate)}}</span>
                  </td>
                </tr>
                <tr>
                  <td width="15%">{{$t('sm.fanhuiDate')}}</td>
                  <td style="text-aligin:left;">
                    <span>{{getDate(dataList.returnDate)}}</span>
                  </td>
                </tr>
                <tr>
                  <td width="12%">{{$t('system.query_lineName')}}</td>
                  <td style="text-aligin:left;" colspan="2">
                    <span>{{dataList.productName}}</span>
                  </td>
                </tr>
              </tbody>
            </table>
            <br>
            <div v-html="dataList.travelContent"></div>
          </div>
          <!-- 安全告知书 -->
          <div v-show="ActiveTab==6" class="item_content">
            <div class="page_break_avoid">
              <h1 class="text_center" style="font-size:30px;color:#555;margin:30px 0;">
                行前说明会告知书</h1>
              <p>尊敬的旅游者：</p>
              <p>
                您好!感谢您选择四川和平国际旅行社有限公司的印象旅游产品!为了您旅途的顺畅：为了您参加旅游的人身、财产安全，特向您告知以下事项，本告知书为旅游合同的附件，请您认真阅读、仔细了解：切实遵守。印象旅游温馨提示：安全旅游，文明旅游，理性消费，理性维权。
              </p>
              <p>（一）旅游文明行为规范：</p>
              <p class="text_center">《中国公民国内旅游文明行为公约》</p>
              <p>营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，请遵守以下公约：</p>
              <p>1、维护环境卫生。不随地吐痰和口香糖，不乱扔废弃物，不在禁烟场所吸烟。</p>
              <p>2、遵守公共秩序。不喧哗吵闹，排队遵守秩序，不并行挡道，不在公众场所高声交谈。</p>
              <p>3、保护生态环境。不踩踏绿地，不摘折花木和果实，不追捉、投打、乱喂动物。</p>
              <p>4、保护文物古迹。不在文物古迹上涂刻，不攀爬触摸文物，拍照摄像遵守规定。 </p>
              <p>5、爱惜公共设施。不污损客房用品，不损坏公用设施，不贪占小便宜，节约用水用电，用餐不浪费。</p>
              <p>6、尊重别人权利。不强行和外宾合影，不对着别人打喷嚏，不长期占用公共设施，尊重服务人员的劳动，尊重各民族宗教习俗。</p>
              <p>7、讲究以礼待人。衣着整洁得体，不在公共场所袒胸赤膊；礼让老幼病残，礼让女士；不讲粗话。</p>
              <p>8、提倡健康娱乐。抵制封建迷信活动，拒绝黄、赌、毒。</p>
              <p class="text_center">《中国公民出境旅游文明行为指南》</p>
              <p>
                为提高公民文明素质，塑造中国公民良好国际形象，中央文明办、文化和旅游部联合颁布了《中国公民出境旅游文明行为指南》。外交部领事司谨提醒每位公民出境旅游时要努力践行《指南》，克服旅游陋习，倡导文明旅游行为。该指南内容如下：
              </p>
              <p class="text_center">中国公民， 出境旅游， 注重礼仪， 保持尊严。</p>
              <p class="text_center">讲究卫生， 爱护环境； 衣着得体， 请勿喧哗。</p>
              <p class="text_center">尊老爱幼， 助人为乐； 女士优先， 礼貌谦让。</p>
              <p class="text_center">出行办事， 遵守时间； 排队有序， 不越黄线。</p>
              <p class="text_center">文明住宿， 不损用品； 安静用餐， 请勿浪费。</p>
              <p class="text_center">健康娱乐， 有益身心； 赌博色情， 坚决拒绝。</p>
              <p class="text_center">参观游览， 遵守规定； 习俗禁忌， 切勿冒犯。</p>
              <p class="text_center">遇有疑难， 咨询领馆； 文明出行， 一路平安。</p>
              <p>（二）旅游安全注意事项及警示</p>
              <p>一、出发前准备事项</p>
              <p>（1）基本注意事项</p>
              <p> 1.
                旅游者在旅行前应考虑自身身体状况，建议旅行前做一次身体检查。如有体质较弱或者曾患病的旅游者必须坚持治疗，防止旧病复发。老年人往往患有多种慢性病，平时需要用药治疗者，出游时切不可遗忘服药或乱服药，否则，可能导致旧病复发、病情加重或恶化。
              </p>
              <p>2. 临行前，旅游者应根据自己的身体状况认真仔细填写本人健康信息卡随
                身携带。还需携带一些必备的药品及常用药品（如感冒药、止泻药、晕车药等），根据天气变化准备衣物及雨具。为了防止火灾事故的发生，请勿携带易燃、易爆物品。</p>
              <p>3. 现在很多酒店属于绿色环保酒店，不提供洗漱用品，请旅游者自备好洗漱用品。</p>
              <p>4. 临行前安排好家中相应事宜，把旅游线路、旅行社紧急联系人等信息告诉自己家人，同时，也可将自己家人的紧急联系方式告知旅行社。留一份自己的身份证、护照复印件给家人，留一份自己随身以便遇到紧急情况的时候备用。
              </p>
              <p>5.
                请旅游者务必带上身份证、护照等有效证件、个人旅行用品、车船票、飞机票等，准时到达约定的集合地点，请勿迟到。有些景区景点对于军人、老人、儿童、残疾人士有一定优惠，请旅游者提前向导游出示证件以便导游购买优惠门票，如购买门票后再向导游出示，将不能享受优惠。
              </p>
              <p>
                6.关于目的地国家的签证拒签或已获得签证而拒绝入境，是根据目的地国家的法律法规，此种情况行业中认定为是不可抗力，按照我国旅游法，只要发生了由于不可抗力所产生的导致的伤害或财产损失，不论是给旅行社还是游客权益造成损害，对方当事人都不需要承担赔偿责任。
              </p>
              <p>（2）签订旅游合同时注意事项</p>
              <p>1.
                请旅游者认真阅读旅游合同，认真准确的填写游客报名单的各项内容，仔细核对合同中旅游者信息，确认姓名和证件号码无误，如因旅游者证件号码或姓名有误，造成不能通过海关检查、不能登机或不能登乘其他交通工具的，损失将由旅游者自行承担。
              </p>
              <p>2. 建议游客自行购买旅游人身意外险。若行程中有参加潜水、自驾车、骑马、滑雪、漂流、滑翔伞等高风险项目旅行社在此特别提醒，建议投保高风险意外险种。</p>
              <p>3、未成年人参团旅游须有监护人或成年家属陪同，如监护人不能陪同，应由监护人签订旅游合同并在《未成年人旅游同意书》上签字。</p>
              <p>4、请仔细核对旅游合同行程单的内容及标准并在行程单（出团通知书）上签字确认，由于本人原因未在行程单（出团通知书）签字而同意跟团出行。旅行社认为旅游者认可本次行程单（出团通知书）的内容。</p>
              <p>二、行程中注意事项</p>
              <p>（1）乘坐交通工具注意事项</p>
              <p>1、旅游团机票均为团队机票，报名时行程中所列航班信息均为参考信息，最终航班信息以出团通知为准。</p>
              <p>
                2、乘坐人须自行检查是否携带好自己的有效乘坐证件（护照/签证和身份证原件，小孩未办理身份证的应带户口本原件）。乘坐飞机的旅游团队，乘机人至少须在飞机起飞前150分钟抵达机场集合，部分机场有公司服务人员协助办理登机牌及托运行李。乘坐火车需于火车开动前60分钟抵达火车站。如因旅游者自身原因（如联络方式不准确、无法联络；乘坐人原因未及时抵达集合地或安检处或出境边防处；护照有效期归期算不足6个月以上；自备签证无效等）而未能赶上车、船、飞机等，相关损失和后果由旅游者自行承担。
              </p>
              <p>3、如有国内中转交通的旅游者，建议提前一天抵达出境口岸或机场，提前抵达的食宿等相关费用由旅游者自行承担。如遇天气等不可抗因素而耽误约定集合时间或没能搭乘上国际航班，旅行社协助并协调安排，但不承担损失及责任。
              </p>
              <p>
                4、折扣较低的优惠机票或团体机票，航空公司一般要求提前出票，并且规定出票以后无论任何原因（包括客人被使领馆拒签或使领馆的工作失误），都不予办理退票。如果出现这种情况，旅行社将按实际损失扣除客人费用。儿童与婴儿机票需根据各航空公司的具体规定执行。
              </p>
              <p>5.
                黄金周或者其他旅游旺季期间，由于国内、国际航班中加班机、包机的数量大增，极易引起航班的延误，如遇此种情况，请旅游者在候机厅耐心等待，密切注意航班的信息，不要到处乱跑，以免误机。同时，航空公司因运力等因素有可能临时调整航班，如有此情况发生，本公司将对旅游行程作出相应调整，届时敬请旅游者配合与谅解。
              </p>
              <p>6.
                旅游者乘坐的交通工具（包括飞机、汽车、火车、轮船、地铁及景区内的游览索道、观光车、游艇等，下称交通工具）在行驶的途中，若遇到交通事故发生时，应听从导游的安排及指挥，不要慌张；发生人员伤害时，旅游者应尽力施救或自救，同时注意保护现场，避免损失扩大。
              </p>
              <p>7.
                旅游者乘坐交通工具时，不要与司机交谈和催促司机开快车，不要将头、手、脚或者行李物品伸出窗外，以防意外发生；不要向车窗外扔废（杂）物品，特别是硬质物品，以免伤害他人。应系好安全带，不要随意离开座位或更换座位，在交通工具停稳后方可离开；上下交通工具时，请注意来车方向，须排队等候，讲究文明礼貌，并优先照顾老人、儿童、妇女，切勿拥挤，以免发生意外。带儿童的游客乘坐交通工具时要注意儿童的安全。
              </p>
              <p>8.
                根据不同目的地国家对交通工具驾驶者的工作时间要求，每天驾驶员的工作时间不能超过8-10小时。所以旅游者乘坐交通工具，准时到达集合地点，是对每一个文明游客的基本要求。由于延误出发而导致景点游览时间压缩或无法按时结束行程而产生误工费、停车费、超时罚款、同团其他游客要求赔偿等由当事人承担。
              </p>
              <p>9. 旅游者下车游览、就餐、购物时，请注意关好旅游车窗并随身携带贵重物品，若出现贵重物品遗失、被盗，汽车公司概不负责，旅行社亦不承担责任。</p>
              <p>10.
                旅游者乘坐飞机时，应注意遵守民航乘机安全管理规定，托运行李重量需符合航空公司规定，若超过请旅游者自付超重费，具体规定可咨询旅行社工作人员；旅游者随身携带液体登机将被禁止，如坚持要带少量液体上机，则必须开瓶检查，为避免安检麻烦，请旅游者将所带液体予以托运。
              </p>
              <p>11.
                搭乘游船、快艇、漂流木筏、参加水上活动时，请旅游者仔细阅读当地乘坐须知，按规定穿着救生衣，并遵照工作人员的指导。乘坐游船、快艇游玩时，所有旅游者请抓紧扶手，尽量不要坐船头，以免发生不测。本项目旅行社建议年幼或者年长者谨慎参加。
              </p>
              <p>12.
                在交通工具上禁止携带易燃易爆、管制刀具等危险物品。乘机、坐车、乘船要注意扶梯，在台阶处站稳，乘车时注意颠簸路段及司机急刹车，以免扭伤或摔伤身体。途中严禁追跑打闹，以免发生危险。在火车上打水不宜过满，3/4处为宜，以免烫伤。
              </p>
              <p>（2）住宿注意事项</p>
              <p>
                1.
                抵达酒店后，旅游者须听从导游安排；酒店住宿以两人一室为原则，如出现单男单女，旅行社将调换夫妻用房或者调整为三人房；随行的小孩以合同约定是否占床为安排原则。如果旅游者特别指定单人房间，请于出行前支付单人房差额并取得旅行社的确认，以免出行后产生纷争。
              </p>
              <p>
                2.
                旅游者入住酒店后，应了解酒店安全须知，熟悉酒店的太平门、安全出路、安全楼梯的位置及安全转移的路线。请保管好房卡或钥匙，检查房间内设施（卫浴设备、遥控器、烟缸、毛巾浴巾等）是否有损坏、缺少、污染。如发现有损坏、缺少、污染及时告知酒店，以免退房时发生不必要的麻烦。染发的旅游者请自备一条毛巾、枕巾或是等发干了再入睡，以免染到酒店枕头上。
              </p>
              <p>3. 使用酒店物品时，请看清是否为免费使用。如旅游者使用了应付费项目，请旅游者退房时自行结清相关费用（如饮料、食品、洗涤、电话、付费电视节目、付费网络等。）</p>
              <p>
                4.
                一定要注意沐浴时地面、浴缸容易打滑，把防滑垫放好以防滑倒摔伤，查看淋浴房开门方向及扶手位置，打开换气扇。酒后不要沐浴，不要蒸洗桑拿浴，老人、小孩在无人照看情况下不要沐浴。另建议避免用太高温热水沐浴，以免血压升高导致身体不适。
              </p>
              <p>
                5.
                不要将自己住宿的酒店、房号随便告诉陌生人，不要让陌生人或者自称酒店的维修人员随便进入客房，出入客房要锁好房门，睡觉前注意房门窗是否关好，保险锁是否锁上；贵重物品请放置酒店保险箱，注意保管好收据；如随身携带，请注意保管，若出现被盗后果自负。
              </p>
              <p>
                6. 旅游者入住酒店后需要外出时，应告知导游并记下他们的手机号码，外出前到酒店总台领一张饭店房卡，如果旅游者迷路时，可以按房卡提示的电话、地址安全顺利返回酒店。
              </p>
              <p>
                7. 如旅游者选择消费酒店的配套健身娱乐设施（如温泉池、游泳池、健身房、酒吧等），请务必注意人身、财产安全。老人和小孩请遵医嘱及家人陪同，视自身情况而定。以上活动非旅行社安排的，旅行社仅限于提醒告知义务。
              </p>
              <p>8.
                如遇紧急情况请勿慌张：发生火警时请勿搭乘电梯或者随意跳楼，应镇定判断火情，主动实行自救；若身上着火，可就地打滚，或者用重衣物压火苗；必须穿过有浓烟的走廊、通道时，用浸湿的衣物披裹身体、捂着口鼻，贴近地、顺墙爬行；大火封门无法逃出时，可采用浸湿的衣物披裹身体、被褥堵门缝或者泼水降温的方法等待救援，或者摇动色彩鲜艳的衣物呼唤救援人员。
              </p>
              <p>（3）饮食卫生注意事项</p>
              <p>
                1. 外出旅游，旅游者应注意身体健康，切勿吃生食、生海鲜、未剥皮的水果，不可光顾路边无牌照摊档，忌暴饮暴食，应多喝开水，多吃蔬菜水果，少抽烟，少喝酒。因私自食用不洁食品和海鲜引起的肠胃疾病旅行社不承担责任。
              </p>
              <p>
                2. 在旅游目的地购买食物需注意商品质量，不要购买三无（无生产厂家、生产日期、厂家地址）商品，发现食物不卫生或者存在异味变质的情况，切勿食用。
              </p>
              <p>
                3. 不要随意接受和食用陌生人赠送的香烟、食物和饮品，防止他人暗算。
              </p>
              <p>
                4. 为防止旅途中水土不服，旅游者应自备一些常用药品以备不时之需，切勿随意服用他人提供的药品。
              </p>
              <p>
                5. 如对饮食有特殊要求，请在报名时告知旅行社并提前与导游说明，以便导游更好的给您安排饮食。
              </p>
              <p>
                （4）景区注意事项
              </p>
              <p>
                1. 抵达景区后，请谨记集合地点、时间、所乘游览的巴士车牌号。听取导游有关安全提示和忠告，应预防意外事故和突发性疾病的发生。
              </p>
              <p>
                2. 经过危险地段（如陡峭、狭窄、潮湿泛滑的道路、台阶等）不可拥挤，前往险峻景点观光时应充分考虑自身的条件是否可行，不要强求和存侥幸心理；参与登山等活动时，应注意适当休息，避免过度激烈运动，同时做好防护工作。
              </p>
              <p>3.
                在水上（包括江河、湖海、水库）游览或者活动时，请旅游者仔细阅读当地安全须知，务必听从导游或工作人员的指示，旅游者须注意乘船安全，应穿戴救生衣，不可单独前往深水水域或者危险河道；选择潜水、浮潜、游泳等水上活动时，应根据个人的泳术及身体状况，携救生设备助游。本项目旅行社建议年幼或者年长者谨慎参加。
              </p>
              <p>
                4.
                海拔3000公尺以上的高原地带，气压低，空气含氧量少，易导致人体缺氧，引起高原不良反应，请旅游者避免剧烈运动和情绪兴奋，洗澡水不易过热，学会正确呼吸方法。16周岁以下及60周岁以上者，患有贫血、糖尿病、慢性肺病、较严重心脑血管疾病、精神病及孕妇等人士不宜进入高原旅游。
              </p>
              <p>
                5. 泡温泉时，旅游者应注意水温和矿物质含量是否适合自己的身体，有些疾病不宜泡温泉，请遵医嘱。切记勿单独泡温泉，且浸泡时间不宜过长。如出现休克、头晕或感觉不适者，需马上离开水池，尽量休息及补充水份。
              </p>
              <p>
                6. 乘坐缆车或者其他观光运载工具时，请旅游者仔细阅读当地乘坐须知，服从景区工作人员安排，遇超载、超员或者其他异常情况时，千万不要乘坐，以防发生危险。
              </p>
              <p>
                7. 高风险娱乐项目，如雪上摩托、骑马、草地摩托、赛车、快艇、漂流、攀岩、滑翔伞等，请旅游者根据自身情况谨慎选择参加，仔细阅读景区提示，在景区指定区域内开展活动，注意人身安全。酒后禁止参加高风险娱乐项目。
              </p>
              <p>
                8. 在景区参观游览时，请听从导游的安排，不要擅自离队，如果迷失方向，原则上应原地等候导游的到来或者打电话求救、求助，千万不要着急。
              </p>
              <p>
                9. 在自行安排活动期间，应注意人身安全，谨记导游提醒的各种注意事项以及景区的各种公告和警示牌；在拍摄照片时，旅游者不要专注于眼前的美景，而忽略了身边或者脚下的危险；走路不看景，看景不走路。
              </p>
              <p>
                10. 请自觉维护景区卫生，不乱扔废物，不在禁烟区抽烟，不要投食喂动物，不往河道湖泊里扔垃圾。
              </p>
              <p>
                11. 到少数民族地区或国外旅游，请注意民族禁忌，尊重当地民俗及法律法规。
              </p>
              <p>
                （5）购物注意事项
              </p>
              <p>
                1. 请勿轻信流动推销人员的商品推荐。由于小摊位物品真伪及质量难以保障，尽量不要在小摊位购买物品。如必须购买，请看好再与商家讨价。无意购买时，请勿向商家问价或者还价，以免发生争执。
              </p>
              <p>
                2. 请勿随商品推销人员到偏僻地方购物或者取物。
              </p>
              <p>
                3. 在热闹拥挤的场所购物或者娱乐时，应注意保管好自己的钱包、提包、贵重物品及证件。
              </p>
              <p>
                4.
                旅游者消费属个人行为，请理性消费，且在购物时仔细检查商品数量，质量。若因所购商品需退换等纠纷的产生，旅行社无义务协助处理，并不承担任何责任。若因旅游者处理退换货纠纷影响旅行团正常行程，导致的不良后果及损失由旅游者个人承担。
              </p>
              <p>
                5. 旅游者在旅行地私自购买非经医生出具处方药而私下售买、卖处方药属于违法行为。公司严禁旅行团领队，导游向旅游者兜售非处方药。
                如有违规者，可直接举报入国管理局和药监会，同时拒绝购买。特此申明，本公司不接受此类投诉。如果客人私下购买后，出海关或进海关以及因为无任何处方单或无收据等问题的售后问题，均和公司无关。团队导游、领队兜售非处方药行为与我公司无头，同时旅游者对有此行为的导游、领队，可向我公司举报，我公司保留上告入国管理局权利。
              </p>
              <p>
                三、旅行社特别提示：
              </p>
              <p>
                1、旅游期间指旅游者从通过中国海关出境始，至相邻下一次通过中国海关入境止，计为一次旅行。在此期间非旅行社安排的游览行程、自由活动、自费娱乐项目、旅游者自行终止旅行社安排行程后或不参加双方约定的行程而自行活动或是经导游领队同意的暂时离团期间的安全责任由旅游者自已承担。
              </p>
              <p>
                2、旅游者应确保自身身体条件适合参加此次旅游活动，遵守旅游活动中的安全警示规定.否则，造成旅游者人身、财产损害和给旅行社造成的损失由旅游者承担。
              </p>
              <p>
                3、旅游者应按照合同约定随团完成旅游行程，配合领队人员的统一管理，不得擅自分团、脱团，不得非法滞留；因不听从旅行社及其领队的劝告而影响团队行程，给旅行社造成损失的，应当承担相应的赔偿责任。
              </p>
              <p>
                4、旅游者超出旅游合同约定的内容进行个人活动所造成的损失，由其自行承担。
              </p>
              <p>
                5、由于旅游者的过错，使旅行社遭受损失的，旅游者应当依法承担赔偿责任。
              </p>
              <p>
                6、旅游者自身原因导致旅游合同不以履行或不能完全履行，或者造成旅游者人身损害、财产损失的，旅行社不承担责任。
              </p>
              <p>
                7、旅游者在旅游活动中或在解决纠纷时，损害旅行社、履行辅助人、旅游从业人员或其他旅游者合法权益的，依法承担赔偿责任；出现纠纷时，旅游者应当积极采取措施防止损失扩大，否则应当就扩大的损失承担责任。
              </p>
              <p>
                8、旅游者应妥善保管随身行李物品，证件现金和贵重物品必须随身携带，住宿应办理保管，如发生丢失、损毁、被盗抢等，旅行社应积极协助处理，但无赔偿责任。属保险公司理赔范围的，旅行社协助索赔。向旅行社要求财产赔偿的，必须是旅行社接受了旅游者的委托照管。
              </p>
              <p>
                9、旅游者在自行安排活动期间人身、财产权益受到损害的，旅行社在事前已尽到安全提示且事后已尽到救助义务的，旅行社不承担赔偿责任。
              </p>
              <p>
                10、旅游者在旅游期间迷失走散而发生的各项费用和给旅行社造成的损失由旅游者承担。
              </p>
              <p>
                11、旅游目的地导游、司服人员要求旅游者在出境社与旅游者签订的《自愿参加另行付费旅游项目确认书》、《自愿增加购物点协议书》中约定之外的购物点购物或自费项目，旅行社提醒该行为不合法，旅游者无需参加。如旅游者选择参加应注意安全，旅行社不承担此类购物、自费项目引发的任何责任。
              </p>
              <p>
                12、旅游者违反安全警示规定，或者对国家应对重大突发事件限制旅游活动的措施、安全防范和应急处置措施不予配合的，依法承担相应责任。
              </p>
              <p>
                13、旅行社提示旅游者在旅游期间的任何时候务必要注意自身的人身和财产安全。旅游期间如有任何疑问或发生任何问题请在第一时间咨询相关服务人员，旅行社将尽力协助旅游者处理。
              </p>
              <p>
                14、散客外拼报名受报名人数多少，出票时间早晚及地域联运价格高低的影响，会有同一团队不同价格的情况发生，游客与旅行社签订旅游合同，即视为认可旅行社的旅游费用，旅行社不接受团队出发后因价格差异的投诉或退款要求。
              </p>
              <p>
                15、旅行社特别企划的旅游产品（如包机、专列），因提前已向交通部门支付整体包位费用，如果旅游者在确认参团后要求取消行程或变更行程，空位无法弥补的情况下，相关空位交通费及其他实际损失由旅游者承担。
              </p>
              <p>
                16、根据财务规定，旅游费用发票一经开出，不得换开，请开票前认真确认发票抬头及经营项目。发票可以开具的经营项目包括：旅游费，旅游团费，旅游服务费等。旅游者退款，需交回发票原件，旅行社办理退款手续需要10个工作日，并将按旅游者的交款方式退还。
              </p>
              <p>
                17、旅游者从境外国家离境时，一定检查海关是否给护照盖了清晰的离境章，它是旅游者已经回到中国的唯一凭证。如果没有盖章或者章不清晰无法辨认将会导致使馆要求旅游面试销签，由此造成不必要的损失，非常抱歉只能由旅游者本人承担！
                请务必仔细留意！
              </p>
              <p>
                18、根据《中华人民共和国民法通则》第一百五十三条本法所称的“不可抗力”，是指不能预见、不能避免并不能克服的客观情况(包括不限于地震、台风、洪水、海啸、火山喷发、战争、冲突、骚乱等)。根据《中华人民共和国旅游法》第六十七条因不可抗力或者旅行社、履行辅助人已尽合理注意义务仍不能避免的事件，影响旅游行程的，按照下列情形处理：（一）合同不能继续履行的，旅行社和旅游者均可以解除合同。合同不能完全履行的，旅行社经向旅游者作出说明，可以在合理范围内变更合同；旅游者不同意变更的，可以解除合同。（二）合同解除的，组团社应当在扣除已向地接社或者履行辅助人支付且不可退还的费用后，将余款退还旅游者；合同变更的，因此增加的费用由旅游者承担，减少的费用退还旅游者。（三）危及旅游者人身、财产安全的，旅行社应当采取相应的安全措施，因此支出的费用，由旅行社与旅游者分担。（四）造成旅游者滞留的，旅行社应当采取相应的安置措施。因此增加的食宿费用，由旅游者承担；增加的返程费用，由旅行社与旅游者分担。
              </p>
              <p>
                19、旅游意外伤害险的保险期间是自被保险人通过中国海关出境始，至相邻下一次通过中国海关入境止，计为一次旅行。被保险人自行终止旅行社安排的旅游行程，其保险期间至其终止旅游行程的时间止。详细的保险范围及条例以保险公司公示为准。属保险公司理赔范围的，旅行社应积极协助处理，但无赔偿责任。
              </p>
              <p>
                20、根据一些国家的送签要求和旅行社为旅游者承担的信誉担保责任，旅游者前往某国家须交付一定数额的“防滞留保证金”（免签或落地旅游线路视情况而定）。“防滞留保证金”缴纳额度通常为每人人民币五万元至二十万元不等，个别旅游者视资料审核情况需缴纳二十万以上的保证金和提供固定资产凭证原件（房，车，有价证券等）。“防滞留保证金”收据将作为退还保证金的唯一有效凭证，请妥善保管。旅游者回国要求销签后即可凭旅行社出具的“防滞留保证金”收据向旅行社申请办理退款。如旅游者脱团或非法滞留或不按要求销签，防滞留保证金不予退还！
              </p>
              <p>
                非常感谢您的认真阅读！我们衷心的祝愿您享受一个美好的假期！
              </p>
            </div>
          </div>
          <!-- 自愿购物活动补充协议 -->
          <div v-show="ActiveTab==7" class="item_content">
            <table v-if="dataList.shopProtocolList&&dataList.shopProtocolList.length>0"
              class="content_table ClientTravelTable" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
              <tr>
                <th>{{$t('objFill.jutishij')}}</th>
                <th>{{$t('objFill.didian')}}</th>
                <th>{{$t('objFill.gouwucsmc')}}</th>
                <th>{{$t('objFill.zhuyaospxx')}}</th>
                <th>{{$t('objFill.zuichangtlsj')}}</th>
                <th>{{$t('objFill.qitashuim')}}</th>
                <th>旅游者签名同意</th>
              </tr>
              <tr v-for="(item,index) in dataList.shopProtocolList" :key="index+100">
                <td>
                  {{item.specificTime}}
                </td>
                <td>{{item.Address}}</td>
                <td>{{item.shoppName}}</td>
                <td>{{item.CommodityInformation}}</td>
                <td>{{item.stayTime}}</td>
                <td>{{item.other}}</td>
                <td>{{item.travelSign}}</td>
              </tr>
              <tr>
                <td colspan="8" style="text-align:right;">
                  <template v-if="dataList.companySignature&&dataList.companySignature!=''">
                    <img style="width:120px;" :src="dataList.companySignature" v-if="dataList.companySignature!=''"
                      alt="" />
                  </template>
                </td>
              </tr>
            </table>
          </div>
          <!-- 自愿参加另行付费旅游项目补充协议 -->
          <div v-show="ActiveTab==8" class="item_content">
            <table v-if="dataList.payProtocolList&&dataList.payProtocolList.length>0"
              class="content_table ClientTravelTable" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
              <tr>
                <th>{{$t('objFill.jutishij')}}</th>
                <th>{{$t('objFill.didian')}}</th>
                <th>项目名称和内容</th>
                <th>费用（<template v-if="dataList.signType==0">
                    {{$t('hotel.hotel_yuan')}}
                  </template>
                  <template v-else>
                    円
                  </template>）</th>
                <th>项目时长（分钟）</th>
                <th>{{$t('objFill.qitashuim')}}</th>
                <th>旅游者签名同意</th>
              </tr>
              <tr v-for="(item,index) in dataList.payProtocolList" :key="index+500">
                <td>{{item.specificTime}}</td>
                <td>{{item.Address}}</td>
                <td>{{item.programName}}</td>
                <td>{{item.money}}</td>
                <td>{{item.programTime}}</td>
                <td>{{item.other}}</td>
                <td>{{item.travelSign}}</td>
              </tr>
              <tr>
                <td colspan="8" style="text-align:right;">
                  <template v-if="dataList.companySignature&&dataList.companySignature!=''">
                    <img style="width:120px;" :src="dataList.companySignature" v-if="dataList.companySignature!=''"
                      alt="" />
                  </template>
                </td>
              </tr>
            </table>
          </div>
          <!-- 文明旅游公约 -->
          <div v-show="ActiveTab==9" class="item_content" style="text-align:center;line-height:2">
            <p style="font-family:'PingFangR'">{{$t('objFill.v101.Contract.zhongggmcxzn')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn1')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn2')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn3')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn4')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn5')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn6')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn7')}}</p>
            <p>{{$t('objFill.v101.Contract.chuxzn8')}}</p>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>
<script>
  import moment from 'moment'
  export default {
    data() {
      return {
        tcShowDialog: false,
        ActiveTab: 2,
        //查询参数
        msg: {
          Id: 0,
          TCID: 0,
          orderID: 0,
          guestId: 0
        },
        //数据源
        dataList: [],
        dialogVisible: false,
      };
    },
    created() {
      try {
        if (this.$route.query.str) {
          this.tcShowDialog = false;
        }
      } catch (error) {}
    },
    methods: {
      closeTcShowHandler() {
        let domtemp = document.querySelector("#tcShowDialog")
        domtemp.remove()
      },
      //跳转签名页面
      goUrl() {
        this.$router.push({
          name: "SignName",
          query: {
            TCID: this.msg.TCID,
            orderID: this.msg.orderID,
            guestId: this.msg.guestId,
            Id: this.msg.Id,
            TypeStr: 'clientConfirm'
          }
        })
      },
      ChangeTab(num) {
        this.ActiveTab = num;
      },
      //获取数据
      getList() {
        this.apipost("travelcontract_post_GetContractInfoService", this.msg, res => {
          if (res.data.resultCode === 1) {
            this.dataList = res.data.data;
            this.msg.Id = res.data.data.Id;
            this.dataList.travelContent = this.dataList.travelContent.replaceAll(/contenteditable="true"/ig, '')
          } else {
            this.Error(res.data.message);
          }
        }, null);
      },
      getDate(date) {
        return moment(date).format("YYYY-MM-DD");
      },
      //获取大写
      getTotalNum(num) {
        switch (num) {
          case 1:
            return this.$t('objFill.v101.Contract.daxie1');
            break;
          case 2:
            return this.$t('objFill.v101.Contract.daxie2');
            break;
          case 3:
            return this.$t('objFill.v101.Contract.daxie3');
            break;
          case 4:
            return this.$t('objFill.v101.Contract.daxie4');
            break;
          case 5:
            return this.$t('objFill.v101.Contract.daxie5');
            break;
          case 6:
            return this.$t('objFill.v101.Contract.daxie6');
            break;
          case 7:
            return this.$t('objFill.v101.Contract.daxie7');
            break;
          case 8:
            return this.$t('objFill.v101.Contract.daxie8');
            break;
          case 9:
            return this.$t('objFill.v101.Contract.daxie9');
            break;
          case 10:
            return this.$t('objFill.v101.Contract.daxie9');
            break;
        }
      },
    },
    mounted() {
      this.msg.TCID = this.$route.query.TCID;
      this.msg.orderID = this.$route.query.orderID;
      this.msg.guestId = this.$route.query.guestId;
      if (this.$route.query.Id) {
        this.msg.Id = this.$route.query.Id;
      }
      this.getList();
    }
  };

</script>
