1

src/components/SignName.vue

@@ -272,6 +272,30 @@
             }
           }, null);
         }
+        else if (this.msg.TypeStr == 'clientConfirmWT') {
+          var postMsg = {
+            Id: this.msg.Id,
+            companySignature: this.SignInfo
+          }
+          this.apipost("travelcontract_post_UpdateCompanySignatureService", postMsg, res => {
+            if (res.data.resultCode === 1) {
+              this.Success(res.data.message);
+              var path = "clientConfirmWT";
+              this.$router.push({
+                name: path,
+                query: {
+                  TCID: this.msg.TCID,
+                  orderID: this.msg.orderID,
+                  guestId: this.msg.guestId,
+                  Id: this.msg.Id,
+                  str: "", //不弹窗
+                }
+              })
+            } else {
+              this.Error(res.data.message);
+            }
+          }, null);
+        }
         //保密协议
         else if (this.msg.TypeStr == 'clientProtocol') {
           var clientProtocolMsg = {

src/components/TravelContractDetailWT.vue

+<style>
+@import "../assets/css/flex.css";
+  .TD_MainContent {
+    min-height: 650px;
+    background: url(../assets/img/bodyBg.png);
+    padding-top: 10px;
+    font: normal 13px 'Microsoft Yahei';
+    color: #555;
+  }
+
+  .TD_MainContent .container-fluid {
+    padding: 0 20px;
+  }
+
+  .TD_MainContent .block {
+    border: 1px solid #cdcdcd;
+    background: #f9f9f9;
+    position: relative;
+    margin-bottom: 20px;
+  }
+
+  .TD_MainContent .mtop15 {
+    margin-top: 15px;
+  }
+
+  .TD_MainContent .blockTitle {
+    border-bottom: 1px solid #cdcdcd;
+    background-color: #efefef;
+  }
+
+  .TD_MainContent .blockTitle span.icon {
+    border-right: 1px solid #CDCDCD;
+    position: absolute;
+    left: 10px;
+    height: 40px;
+    padding-right: 10px;
+    padding-top: 8px;
+  }
+
+  .TD_MainContent .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;
+  }
+
+  .TD_MainContent .blockTitle h2 span {
+    position: absolute;
+    right: 10px;
+    top: 0;
+  }
+
+  .TD_MainContent .contract {
+    background: #f9f9f9;
+    margin-bottom: 20px;
+    margin-top: 20px;
+  }
+
+  .TD_MainContent .title {
+    font-size: 18px;
+    margin-top: 10px;
+    color: #555;
+    height: 100px;
+    position: relative;
+    padding-left: 30px !important;
+    padding-right: 30px !important;
+    padding-bottom: 40px !important;
+  }
+
+  .TD_MainContent .title p {
+    margin: 0;
+    font-size: 12px;
+  }
+
+  .TD_MainContent .contractNo {
+    font-weight: bold;
+    margin-right: 5px;
+  }
+
+  .TD_MainContent .title h1 {
+    font-size: 24px;
+    text-align: left;
+  }
+
+  .TD_MainContent .title p span {
+    font-style: normal;
+    font-size: 14px;
+    color: #0088cc;
+  }
+
+  .TD_MainContent .menu {
+    overflow: hidden;
+    background: #efefef;
+    position: relative;
+    width: 100%;
+  }
+
+  .TD_MainContent .contract .menu>ul {
+    border-bottom: 0px none;
+    margin-bottom: 0;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .TD_MainContent .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;
+  }
+
+  .TD_MainContent .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;
+  }
+
+  .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;
+  }
+
+  .TD_MainContent h1,
+  .TD_MainContent h2,
+  .TD_MainContent h3 {
+    line-height: 40px !important;
+  }
+
+  .TD_MainContent .checkedNav {
+    display: block !important;
+  }
+
+  .TD_MainContent .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;
+  }
+
+  .TD_MainContent .signDiv {
+    width: 160px;
+    height: 120px;
+    position: absolute;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    left: 0;
+    top: 0px;
+    z-Index: 100;
+  }
+
+  .TD_MainContent .esealDiv {
+    width: 120px;
+    height: 120px;
+    position: absolute;
+    left: 0;
+    top: 0px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    z-Index: 100;
+  }
+
+  .TD_MainContent .eseal {
+    padding: 20px 30px 30px 30px;
+    background-color: #fff;
+    display: none;
+  }
+
+  .TD_MainContent .SignTable>tbody {
+    display: table-row-group;
+    vertical-align: middle;
+    border-color: inherit;
+  }
+
+  .TD_MainContent .SignTable tr:first-child td {
+    position: relative;
+    width: 25%;
+  }
+
+  .TD_MainContent .SignTable tbody td {
+    height: 30px;
+  }
+
+  .TD_MainContent .guests,
+  .TD_MainContent .routes,
+  .TD_MainContent .shoppings,
+  .TD_MainContent .attachments,
+  .TD_MainContent .activitys {
+    font-size: 13px;
+    margin: 20px 30px 30px 30px;
+    display: none;
+  }
+
+  .TD_MainContent .ZTable {
+    width: 100%;
+    border: none;
+    table-layout: fixed;
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  .TD_MainContent .ZTable>tbody>tr>td {
+    word-break: break-word;
+    border: solid #ddd 1px;
+    padding: 8px;
+    line-height: 25px;
+    color: red;
+  }
+
+  .TD_MainContent .text_center {
+    text-align: center;
+  }
+
+  .TD_MainContent .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;
+  }
+
+  /*灰色遮罩层*/
+  .TD_MainContent .fade {
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 99;
+  }
+
+  /*弹出层*/
+  .TD_MainContent .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;
+  }
+
+  .TD_MainContent .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;
+  }
+
+  .TD_MainContent .Ec_cha:hover {
+    color: red;
+  }
+
+  .TD_MainContent .TcTravel_Table td {
+    border: 1px solid rgb(0, 0, 0);
+    word-break: break-all;
+    padding: 5px;
+    line-height: 2;
+  }
+
+  .TD_MainContent .TcTravel_Table {
+    width: 100%;
+    border: none;
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  .TD_MainContent .TC_LASTTD div {
+    margin-bottom: 10px;
+  }
+
+  .Travel_DetailQuan {
+    display: inline-block;
+    width: 23px;
+    height: 23px;
+    border: 1px solid #d1d1d1;
+    border-radius: 5px;
+    text-align: center;
+    line-height: 20px;
+  }
+
+  .Travel_DetailQuan i {
+    font-size: 12px;
+    color: gray;
+  }
+
+  .TD_MainContent .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,
+  .btn-warning:hover {
+    color: #ffffff;
+    opacity: 0.8;
+  }
+
+  .TD_MainContent .singeRowTable {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  .TD_MainContent .singeRowTable tr th,
+  .v-table-title-cell {
+    background: #e6e6e6;
+    height: 40px;
+    font-size: 14px;
+    color: #333;
+  }
+
+  .TD_MainContent .singeRowTable tr {
+    background: #fff;
+    text-align: center;
+    height: 40px;
+  }
+
+  .TD_MainContent .singeRowTable tr:nth-child(2n + 1) {
+    background: #fafafa;
+  }
+
+  .TD_MainContent .singeRowTable tr:hover {
+    background: #f2f2f2;
+  }
+
+  .TD_MainContent .singeRowTable tr td {
+    font-size: 12px;
+    border: 1px solid #e5e5e5;
+  }
+
+</style>
+
+<template>
+  <div class="TD_MainContent" v-loading="pdfLoading">
+    <div class="container-fluid">
+      <div class="block mtop15">
+        <div class="blockTitle row justify-between">
+          <div>
+            <span class="icon"><i class="iconfont icon-wenjian"></i></span>
+            <h2>
+              合同详情 &nbsp;&nbsp;<template v-if="dataList.saleName&&dataList.saleName!=''">
+                {{$t('objFill.v101.xiaosoureny')}}:{{dataList.saleName}}</template>
+            </h2>
+          </div>
+          <div>
+              <template v-if="dataList.orderType==0">
+                <input type="button" class="TCbtn-info" @click="(dialogVisible = true), getGuestList()" value="复制合同" />
+              </template>
+              <input type="button" class="TCbtn-info" v-if="dataList.status==1" @click="getinvalid()"
+                :value="$t('active.cl_zuofei')" />
+              <input type="button" class="TCbtn-info" v-if="dataList.companySignature==''"
+                @click="isShowFade=true,GetQrCode()" :value="$t('objFill.v101.Contract.kehuqz')" />
+              <input type="button" class="TCbtn-info" :value="$t('objFill.xz')"
+                @click="toContractPDF(dataList.contractNum)" />
+              <input v-if="dataList.thirdContractState == 1" type="button" class="TCbtn-info" value="发送短信通知" @click="SMSnotification()"/>
+              <input v-if="dataList.thirdContractFileUrl" type="button" class="TCbtn-info"  @click="OpenNewUrl(dataList.thirdContractFileUrl)"
+              :value="'旅游局合同'+$t('sm.yulan')" />
+            </div>
+        </div>
+        <div class="contract">
+          <div class="title">
+            <h1>{{dataList.company}} 团队出境旅游合同</h1>
+            <p class="contractNo"
+                :class="[dataList.thirdContractFileUrl?'pointer':'']"
+                @click="dataList.thirdContractFileUrl?OpenNewUrl(dataList.thirdContractFileUrl):''">{{$t('objFill.hetongbh')}}：
+                <span>{{dataList.thirdContractID?dataList.thirdContractID:dataList.contractNum}}</span>
+                  <span v-if="dataList.thirdContractState==0" class="c9e">{{$t('objFill.daishanchuan')}}</span>
+                  <span v-if="dataList.thirdContractState==1" class="c3FC4FF">{{$t('objFill.v103.daiqianmin')}}</span>
+                  <span v-if="dataList.thirdContractState==2" class="c20C997">{{$t('objFill.v103.yiqianshu')}}</span>
+                  <span v-if="dataList.thirdContractState==3" class="cF1416C">{{$t('active.cl_yzfei')}}</span>
+                  <span v-if="dataList.thirdContractState==4" class="cff9800">{{$t('objFill.v103.daiqianshu')}}</span>
+                  <span v-if="dataList.thirdContractState==5" class="c9e">{{$t('objFill.v103.daizuofei')}}</span>
+              </p>
+          </div>
+          <div class="menu">
+            <ul>
+              <!-- <li :class="{'active':cked==1}" @click="cked=1">{{$t('objFill.v101.Contract.shiyongsm')}}</li> -->
+              <li :class="{'active':cked==2}" @click="cked=2">合同信息</li>
+              <li :class="{'active':cked==3}" @click="cked=3">签字盖章</li>
+              <li :class="{'active':cked==4}" @click="cked=4">游客名单</li>
+               <template v-if="(dataList.guestNum&&dataList.guestNum>1)|| (dataList.guestList&&dataList.guestList.length>1)">
+              <li  :class="{'active':cked==10}" @click="cked=10">签约委托书</li>
+               </template>
+              <li :class="{'active':cked==5}" @click="cked=5">团队行程</li>
+              <li :class="{'active':cked==6}" @click="cked=6">安全告知书</li>
+              <!-- <li :class="{'active':cked==11}" @click="cked=11">健康声明</li> -->
+              <!-- <li :class="{'active':cked==7}" @click="cked=7">自愿购物活动补充协议</li>
+              <li :class="{'active':cked==8}" @click="cked=8">{{$t('objFill.v101.Contract.ziyuancjlfflx')}}</li> -->
+              <!-- <li :class="{'active':cked==9}" @click="cked=9">文明旅游公约</li> -->
+            </ul>
+          </div>
+          <!-- 使用说明 -->
+          <div class="TD-introduction" :class="{'checkedNav':cked==1}">
+            <p>
+              1.本合同为示范文本,供中华人民共和国境内（不含港、澳、台地区）经营出境旅游业务或者边境旅游业务的旅行社（以下简称“出境社”）与出境旅游者（以下简称“旅游者”）之间签订团队出境包价旅游（不含赴台湾地区旅游）合同时使用。
+            </p>
+            <p>2.双方当事人应当结合具体情况选择本合同协议条款中所提供的选择项，空格处应当以文字形式填写完整。</p>
+            <p>3.双方当事人可以书面形式对本示范文本内容进行变更或者补充，但变更或者补充的内容，不得减轻或者免 除应当由 出境社承担的责任。</p>
+            <p>4.本示范文本由国家旅游局和国家工商行政管理总局共同制定、解释，在全国范围内推行使用。</p>
+          </div>
+          <!-- 合同信息 -->
+          <div class="TD-basic" :class="{'checkedNav':cked==2}">
+            <p>
+              甲方（旅游者）：<span>{{dataList.clientName}}</span>{{$t('objFill.v101.administrative.deng')}}<span>
+                <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>
+              </span>人</p>
+            <p>乙方（旅行社）：<span>{{dataList.company}}</span></p>
+            <p>{{$t('objFill.v101.Contract.lxsywxkz')}}：<span>{{dataList.businessCertificate}}</span></p>
+            <br />
+
+            <p>根据《中华人民共和国合同法》等有关法律、法规的规定，甲方与乙方在平等、自愿的基础上就委托代办事宜，经协商达成协议如下：</p>
+            <p>1）鉴于本次实际出行人员众多，甲方特授权【姓名：   <span>{{dataList.clientName}}</span>   ，证件号码：    <span>{{dataList.clientIdcardnum}}</span>    】为甲方代表，全权处理此次出游过程中的一切事宜，包括但不限于签署协议、签署应甲方临时增加的旅游产品需求的确认单等，由该授权代表签署的确认单所产生的费用及其他责任均由甲方承担。</p>
+            <p>2）甲方于合同签订之时向乙方提供具体出游人名单信息（包括姓名、身份信息、护照信息、联系电话）。甲方应当通过书面盖章文件盖章或者邮件方式向乙方提供上述信息（甲方接收该信息的邮箱，乙方发送该信息的邮箱为）。如甲方逾期提供，乙方有权解除合同并要求甲方承担逾期提供造成的损失。</p>
+
+            <h3>第一条 旅游者信息</h3>
+            <p>甲方需要仔细核对旅客的姓名与证件号，乙方将按照以下信息为甲方预订，若因信息有误造成甲方损失，所产生损失由甲方自行承担（名单可附页，需要旅行社和旅游者代表签字/盖章确认）。</p>
+            <h3>第二条 委托代订项目</h3>
+            <p>甲方委托乙方代为预订以下一项或几项服务：代订机票、酒店；代办个人旅游签证；代办目的地地面资源（例如用车、门票、当地观光游览等）；抵离接送机等。具体产品见附件。</p>
+            <p>所有代订业务如有不退、不改、不可转让规则的，乙方有义务告知甲方此信息，甲方知晓后签约即表示接受此内容要求。如机票为往返套票，请按照顺序使用机票，若去程未使用将导致回程机票无法使用。</p>
+            <h3>第三条 费用计算</h3>
+            <p>1、代订项目费用及支付（以“人民币”为计算单位</p>
+            <p>价格：<span>{{dataList.adultPrice}}</span>元/份；</p>
+            <p>代订项目费用合计：<span>{{dataList.orderPrice}}</span>元。人民币（大写/<span>{{number_chinese(dataList.orderPrice)}}</span>）。</p>
+            <p>代订项目费用支付方式：<span v-if="dataList.payType==1">{{$t('fnc.xianjin')}}</span>
+              <span v-if="dataList.payType==2">{{$t('objFill.zhuanzhang')}}</span>
+              <span v-if="dataList.payType==3">支票</span>。</p>
+            <p>代订项目费用支付时间：<span>{{dataList.payDate}}</span>（注：此为结束支付的时间）。</p>
+            <p class="bold colorRed">如旅游者解除旅游合同定金不退.</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>
+            <p class="bold colorRed">款项必须支付至本合同指定公账，如转账到其他账户或私人账户则与公司无关、支付无效，视为未支付旅游费用，公司有权选择解除合同或者继续向旅游者要求费用支付</p>
+            <p>2、人身意外伤害保险</p>
+            <p>乙方提示旅游者购买人身意外伤害保险；</p>
+            <p>甲方<span>{{(dataList.insuranceOpinion==1?"同意":"不同意")}}</span>乙方办理旅游者投保的个人旅游保险。</p>
+            <p>保险产品名称：<span>旅游安全人身意外伤害保险</span>/<span>{{dataList.insuranceCompany}}</span>（投保的相关信息以实际保单为准或至“订单中心”查看）。</p>
+            <p>3、如需开具发票，请甲方归来后两个月内向乙方索要。发票开具后，若办理退款，需先退还原发票，并保持发票兑奖联完好（如有兑奖联）。乙方可接受甲方、或除甲方之外的其他人员、单位对本合同付款，并且乙方按照国家有关法规要求对实际付款方开具发票；若实际付款方为受托付款的，请提供相关证明文件，由乙方对甲方开具发票。基于本协议产生的退款都会按照支付时的路径原路退回。</p>
+            <h3>第五条 双方权利和义务</h3>
+            <p>1、甲方权利和义务</p>
+            <p>1) 以上各项服务内容均为委托业务。为了人身财产安全，乙方有义务提醒甲方购买保险，是否购买由甲方自行决定，乙方与甲方间不涉及强制绑定保险责任关系。甲方在出游期间的任何活动纯属个人行为，与乙方无关，委托服务事项之外甲方所发生的问题，乙方不承担任何责任。</p>
+            <p>2) 甲方在接受委托事项期间，因第三方过错遭受人身、财产损失的，乙方可以协助处理，但乙方不承担赔偿责任；因乙方过错导致代办服务内容如航班、酒店等需要调整，乙方承诺将本着诚信原则为甲方更换同等标准的服务项目，保证在出发前，及时将更改后的服务项目交由甲方确认。</p>
+            <p>3) 甲方应携带有效证件，按照航班时间提前到达机场登机（出境旅游，宜提前180分钟到达机场）。否则不能及时登机和出入境的，由甲方自行负责。</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>2、乙方权利和义务</p>
+            <p>1) 乙方应在甲方委托服务范围内为甲方提供服务。</p>
+            <p>2) 乙方有权根据甲方的身体健康状况及相关条件决定是否接纳报名。</p>
+            <p>3) 乙方有权拒绝甲方提出的超出合同约定的不合理要求。</p>
+            <p>4) 在甲方针对代订产品提出合理投诉时，应立即协助处理并予以解决。</p>
+            <p>5) 如因乙方过错导致甲方遭受财产损失的，需承担相应赔偿责任。</p>
+            <h3>第六条 协议的变更与转让</h3>
+            <p>1、协议的变更</p>
+            <p>乙方与甲方双方协商一致，可以变更本协议约定的内容，甲方同意采用电话、或电子邮件等方式与乙方确认。由此增加的代订项目费用及给对方造成的损失，由变更提出方承担；由此减少的代订项目费用，乙方应当退还甲方。</p>
+            <p>2、协议的转让</p>
+            <p>旅游行程开始前，甲方可以将本合同中自身的权利义务转让给第三人，乙方没有正当理由的不得拒绝，并办理相关转让手续，因此增加的费用由甲方和第三人承担。</p>
+            <p>正当理由包括但不限于：对应原报名者办理的相关服务不可转让给第三人的；无法为第三人办妥签证/签注、安排交通等情形的；旅游活动对于旅游者的身份、资格等有特殊要求的。</p>
+            <h3>第七条 违约责任</h3>
+            <p>1. 甲方违约责任</p>
+            <p>1) 甲方在行程开始前提出解除协议的，应当按具体产品说明内的退改规则向乙方支付业务损失费：产品说明;</p>
+            <p>如按上述比例支付的业务损失费不足以赔偿乙方的实际损失，甲方应当按实际损失对乙方以赔偿，但最高额不应当超过代订项目费用总额。乙方在扣除上述业务损失费后，应当在甲方退订通知到达日起10个工作日内向甲方退还剩余代订项目费用。</p>
+            <p>2) 甲方因自身原因导致机票或酒店房间全部未使用的，包括但不限于甲方未按约定时间到达约定集合出发地点，导致无法正常参加旅游行程等情形，视为甲方放弃使用并解除协议，甲方不得要求乙方退还该部分代订项目费用，如给乙方造成损失的，应当承担相应的赔偿责任。</p>
+            <p>3) 甲方超出本合同约定的内容进行个人活动所造成的损失，由其自行承担。</p>
+            <p>4) 与乙方出现纠纷时，甲方应当积极采取措施防止损失扩大，否则应当就扩大的损失承担责任。</p>
+            <p>2. 乙方违约责任</p>
+            <p>1) 乙方在出发前提出解除协议的，向甲方退还全额代订项目费用（如委托乙方办理签证／签注的，已经完成的可收取相应费用），并按下列标准向甲方支付违约金：（免签/落地签）</p>
+            <p>预订后至出发前15日，支付代订项目费用总额2%的违约金；</p>
+            <p>出发前14日至7日，支付代订项目费用总额5%的违约金；</p>
+            <p>出发前6日至4日，支付代订项目费用总额10%的违约金；</p>
+            <p>出发前3日至1日，支付代订项目费用总额15%的违约金；</p>
+            <p>出发当日，支付代订项目费用总额20%的违约金。</p>
+            <p>如上述违约金不足以赔偿甲方的实际损失，乙方应当按实际损失对甲方予以赔偿。乙方应当在取消通知到达日起10个工作日内，向甲方退还全额代订项目费用并支付违约金。</p>
+            <p>2) 乙方未按协议约定提供服务，或者未经甲方同意调整旅游航班或酒店（不可抗力或意外事件除外），造成行程标准降低的，应当采取措施予以补救，未采取补救措施或者已采取补救措施但不足以弥补甲方损失的，应当承担相应的赔偿责任。</p>
+            <p>3) 乙方违反协议约定擅自在境外中止对甲方提供住宿、用餐、交通等旅游服务的，应当负担甲方在被中止旅游服务期间所订的同等级别的住宿、用餐、交通等必要费用，并向甲方支付代订项目费用总额30%的违约金。</p>
+            <h3>第八条 不可抗力和意外事件</h3>
+            <p>不可抗力: 指不能预见、不能避免并不能克服的客观情况，包括但不限于因自然原因和社会原因引起的，如自然灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共卫生事件、政府行为政策、黑客攻击、电信部门技术管制。</p>
+            <p>意外事件，指因当事人故意或者过失以外的偶然因素引发的事件，包括但不限于重大礼宾活动导致的交通堵塞、列车航班晚点、景点临时不开放。</p>
+            <p>1. 因不可抗力或者意外事件导致无法履行或者继续履行协议的，乙方可以在征得甲方同意后，对相应内容予以变更。因情况紧急无法征求意见或者经征求意见无法得到甲方同意时，乙方可以决定内容的变更，但应当就做出的决定提供必要的证明。</p>
+            <p>2. 在行前遇到不可抗力或者意外事件的，双方经协商可以取消行程或者延期出行。取消行程的，乙方向甲方全额退还代订项目费用（已发生的签证/签注费用可以扣除）。已发生代订项目费用的，应当由双方协商后合理分担。</p>
+            <p>3. 在行程中遇到不可抗力导致无法继续履行协议的，乙方按本条第2款的约定实施变更后，将未发生的代订项目费用退还甲方，增加的代订项目费用，应当由双方协商后合理分担。</p>
+            <p>4. 在行程中遇到意外事件导致无法继续履行协议的，乙方按本条第2款的约定实施变更后，将未发生的代订项目费用退还甲方，因此增加的代订项目费用由提出变更的一方承担（但因紧急避险所致的，由受益方承担）。</p>
+            <p>5. 由于出入境管理局、各国领馆、航空公司、保险公司、及其他有权机构等不可归责于乙方的原因导致委托人人身、财产权益受到损害的，包括但不限于，航班延误或取消、护照延期、签证拒签或未按时出签、不得出入境等，应由甲方自行协商解决，乙方除在力所能及的范围内予以协助外，不再承担其他责任，如给乙方造成损失的，乙方保留一切追偿权。 旅游者预订旅游产品后发现处于妊娠期的，旅行社有权不予接待，视为因旅游者原因导致无法出游而解除旅游合同，按照本合同第十三条第2款及第十五条约定处理。 旅游者预订旅游产品后出现意外伤害、疾患等不适宜出游的情形的，若旅游者坚持出游，须提供三甲以上医院出具的可以出游的证明（须有明确可以出游的论述并且加盖医院印章），否则，视为因旅游者原因导致无法出游而解除旅游合同，按照本合同第十三条第2款及第十五条约定处理。 旅游者预订旅游产品后出现包括妊娠、意外伤害、疾患等在内的不适宜出游的情形，但未通知旅行社，仍然出游的，在行程过程中产生的问题均由旅游者自行承担，旅行社因救助旅游者所发生的费用均旅游者承担。</p>
+            <h3>第九条 免责条款</h3>
+            <p>1、甲乙双方因不可抗力（包括但不限于因自然原因和社会原因引起的，如自然灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共事件、政府行为、天气恶劣飞机航班无法起飞、海面风浪过大南极邮轮实际行程变更等）不能履行合同的，且双方又未能达成变更协议的，双方均可通知对方解除合同，解除方无须承担违约责任。</p>
+            <p>2、因飞机、火车、客运汽车等公共交通工具延误或者取消，以及第三方侵害等不可归责于乙方的原因导致甲方人身、财产权益受到损害的，乙方不承担违约责任。</p>
+            <p>3、甲方知晓并承诺，乙方属于单项代订服务，双方不构成旅游合同或保险责任法律关系，乙方仅受甲方委托负责代订相关的项目，乙方代订行为完成后即履行完毕合同义务，甲方相关项目开展过程中与项目服务方的任何服务纠纷(包括但不限于项目服务方不履行或不完全履行服务内容)或者在行程中、去行程路上等地区发生的任何损害、纠纷，均与乙方无关，乙方不承担责任。</p>
+            <h3>第十条 其他</h3>
+            <p>1.本协议在履行中如发生争议，双方应协商解决，协商不成，应向乙方住所地人民法院提起诉讼。</p>
+            <p>2.本协议若为电子签约，自双方签字盖章之日起生效。纸质签约具有同等法律效力。</p>
+            <p>（以下无正文，为签字页）</p>
+
+          </div>
+          <!-- 签章信息 -->
+          <div class="eseal" :class="{'checkedNav':cked==3}">
+            <table class="SignTable">
+              <tbody>
+                <tr>
+                  <td>{{$t('objFill.v101.Contract.lvyzqzgz')}}</td>
+                  <td>
+                    <span>{{dataList.clientName}}</span>
+                    <template v-if="dataList.companySignature&&dataList.companySignature!=''">
+                      <img class="signDiv" :src="dataList.companySignature" alt="">
+                    </template>
+                  </td>
+                  <td>
+                    出境社盖章：
+                  </td>
+                  <td>
+                    <span>{{dataList.company}}</span>
+                    <template v-if="dataList.zhangUrl">
+                      <img class="esealDiv" :src="dataList.zhangUrl" alt="" />
+                    </template>
+                  </td>
+                </tr>
+                <tr>
+                  <td>{{$t('objFill.zhengjianhm')}}：</td>
+                  <td>{{dataList.clientIdcardnum}}</td>
+                  <td>签约代表签字（盖章）：</td>
+                  <td>
+                    <span>{{dataList.agentName}}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>住 址：</td>
+                  <td>{{dataList.clientAddress}}</td>
+                  <td>营业地址：</td>
+                  <td>
+                    <span>{{dataList.companyAddress}}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>{{$t('scen.sc_tel')}}：</td>
+                  <td>{{dataList.clientCall}}</td>
+                  <td>{{$t('scen.sc_tel')}}：</td>
+                  <td>{{dataList.companyCall}}</td>
+                </tr>
+                <tr>
+                  <td>传 真：</td>
+                  <td>{{dataList.clientFax}}</td>
+                  <td>传 真：</td>
+                  <td>{{dataList.companyFax}}</td>
+                </tr>
+                <tr>
+                  <td>邮 编：</td>
+                  <td>{{dataList.clientPostCode}}</td>
+                  <td>邮 编：</td>
+                  <td>{{dataList.companyPostCode}}</td>
+                </tr>
+                <tr>
+                  <td>{{$t('objFill.v101.Contract.dianzixx')}}：</td>
+                  <td>{{dataList.clientEmail}}</td>
+                  <td>{{$t('objFill.v101.Contract.dianzixx')}}：</td>
+                  <td>{{dataList.companyEmail}}</td>
+                </tr>
+                <tr>
+                  <td>{{$t('objFill.v101.Contract.qianyueriqi')}}：</td>
+                  <td>
+                    <span v-if="dataList.updateTime">{{getDate(dataList.updateTime)}}</span>
+                  </td>
+                  <td>{{$t('objFill.v101.Contract.qianyueriqi')}}：</td>
+                  <td>
+                    <span v-if="dataList.updateTime">{{getDate(dataList.updateTime)}}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <td>{{$t('objFill.qianyuedd')}}：</td>
+                  <td colspan="3">{{dataList.contractPlace}}</td>
+                </tr>
+                <tr>
+                  <td>{{$t('objFill.chujsjdtsdh')}}：</td>
+                  <td colspan="3" style="color:red">{{dataList.regulatorComplainCall}}</td>
+                </tr>
+                <template v-if="dataList.signType==0">
+                  <tr>
+                    <td>四川省 成都市旅游质监执法机构：</td>
+                    <td colspan="3" style="color:red">{{dataList.regulatorName}}</td>
+                  </tr>
+                </template>
+                <tr>
+                  <td>{{$t('objFill.toushudh')}}：</td>
+                  <td colspan="3" style="color:red">{{dataList.companyComplainCall}}</td>
+                </tr>
+                <tr>
+                  <td>{{$t('objFill.dianziyx')}}：</td>
+                  <td colspan="3" style="color:red">{{dataList.regulatorWebsite}}</td>
+                </tr>
+                <tr>
+                  <td>地 址：</td>
+                  <td colspan="3">{{dataList.regulatorAddress}}</td>
+                </tr>
+                <tr>
+                  <td>邮 编：</td>
+                  <td colspan="3">{{dataList.regulatorPostCode}}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <!-- 游客名单 -->
+          <div class="guests" :class="{'checkedNav':cked==4}">
+            <template v-if="dataList.orderType==0">
+              <table class="ZTable">
+                <tbody>
+                  <tr>
+                    <td width="10%">{{$t('active.ad_xuhao')}}</td>
+                    <td width="15%">{{$t('system.query_name')}}</td>
+                    <td width="10%">{{$t('system.table_sex')}}</td>
+                    <td width="10%">证件类型</td>
+                    <td width="20%">证件号码</td>
+                    <td width="20%">{{$t('objFill.lianxifangshi')}}</td>
+                    <td width="15%">{{$t('objFill.v101.Contract.shengtizk')}}</td>
+                  </tr>
+                  <tr v-for="(item,index) in dataList.guestList">
+                    <td>{{index+1}}</td>
+                    <td>{{item.surName+''+item.name}}</td>
+                    <td>{{item.sex==1?$t('pub.man'):$t('pub.woman')}}</td>
+                    <td>{{item.passportNo.length>0?$t('salesModule.Passport'):'身份证'}}</td>
+                    <td>{{ item.passportNo.length>0?item.passportNo:item.idCard }}</td>
+                    <td>{{item.mobilePhone}}</td>
+                    <td>健康 </td>
+                  </tr>
+                </tbody>
+                <tfoot>
+                  <tr>
+                    <td colspan="7" style="text-align:right;"> <template
+                        v-if="dataList.companySignature&&dataList.companySignature!=''">
+                        <img style="width:160px;height:120px;" :src="dataList.companySignature" alt="">
+                      </template></td>
+                  </tr>
+                </tfoot>
+              </table>
+            </template>
+            <template v-else>
+              <table class="ZTable">
+                <tbody>
+                  <tr>
+                    <td width="10%">{{$t('active.ad_xuhao')}}</td>
+                    <td width="15%">{{$t('system.query_name')}}</td>
+                    <td width="10%">{{$t('system.table_sex')}}</td>
+                    <td width="10%">证件类型</td>
+                    <td width="20%">证件号码</td>
+                    <td width="20%">{{$t('objFill.lianxifangshi')}}</td>
+                    <td width="15%">{{$t('objFill.v101.Contract.shengtizk')}}</td>
+                  </tr>
+                  <tr v-for="(item,index) in dataList.guestInfo">
+                    <td>{{index+1}}</td>
+                    <td>{{item.Name}}</td>
+                    <td>{{item.Sex}}</td>
+                    <td>{{item.passportNo.length>0?$t('salesModule.Passport'):'身份证'}}</td>
+                    <td>{{ item.passportNo.length>0?item.passportNo:item.idCard }}</td>
+                    <!-- <td>{{$t('salesModule.Passport')}}</td>
+                    <td>{{item.PassportNo}}</td> -->
+                    <td>{{item.Mobile}}</td>
+                    <td>健康</td>
+                  </tr>
+                </tbody>
+              </table>
+            </template>
+          </div>
+             <!-- 签约委托书 -->
+          <div class="guests" :class="{'checkedNav':cked==10}" v-if="cked==10&&(dataList.guestNum&&dataList.guestNum>1)|| (dataList.guestList&&dataList.guestList.length>1)">
+             <p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{dataList.company}}:</span></p>
+            <p style="margin-bottom: 10px;">我自愿全权委托<span style="text-decoration: underline;">{{dataList.clientName}}</span>代表我与贵社签订《委托代订协议》(合同编号:<span style="text-decoration: underline;">{{dataList.contractNum}}</span>)，按《委托代订协议》约定，承担责任。</p>
+            <p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
+            <template v-if="dataList.orderType==0">
+              <table class="ZTable">
+                <tbody>
+                  <tr>
+                    <!-- <td width="10%">{{$t('active.ad_xuhao')}}</td> -->
+                    <td width="33%">{{$t('system.query_name')}}</td>
+                    <td width="33%">{{$t('system.table_sex')}}</td>
+                    <!-- <td width="10%">证件类型</td> -->
+                    <td width="33%">证件号码</td>
+                    <!-- <td width="20%">{{$t('objFill.lianxifangshi')}}</td>
+                    <td width="15%">{{$t('objFill.v101.Contract.shengtizk')}}</td> -->
+                  </tr>
+                  <tr v-for="(item,index) in dataList.guestList">
+                    <template v-if="getKongge(dataList.clientName)!==getKongge((item.surName+''+item.name))">
+                    <!-- <td>{{index+1}}</td> -->
+                    <td>{{item.surName+''+item.name}}</td>
+                    <td>{{item.sex==1?$t('pub.man'):$t('pub.woman')}}</td>
+                    <!-- <td>{{item.passportNo.length>0?$t('salesModule.Passport'):'身份证'}}</td> -->
+                    <td>{{ item.passportNo.length>0?item.passportNo:item.idCard }}</td>
+                    </template>
+                    <!-- <td>{{item.mobilePhone}}</td>
+                    <td>健康 </td> -->
+                  </tr>
+                </tbody>
+                <tfoot>
+                  <tr>
+                    <td colspan="7" style="text-align:right;"> <template
+                        v-if="dataList.companySignature&&dataList.companySignature!=''">
+                        <img style="width:160px;height:120px;" :src="dataList.companySignature" alt="">
+                      </template></td>
+                  </tr>
+                </tfoot>
+              </table>
+            </template>
+            <template v-else>
+              <table class="ZTable">
+                <tbody>
+                  <tr>
+                    <td width="10%">{{$t('active.ad_xuhao')}}</td>
+                    <td width="15%">{{$t('system.query_name')}}</td>
+                    <td width="10%">{{$t('system.table_sex')}}</td>
+                    <td width="10%">证件类型</td>
+                    <td width="20%">证件号码</td>
+                    <td width="20%">{{$t('objFill.lianxifangshi')}}</td>
+                    <td width="15%">{{$t('objFill.v101.Contract.shengtizk')}}</td>
+                  </tr>
+                  <tr v-for="(item,index) in dataList.guestInfo">
+                     <template v-if="dataList.clientName!==(item.surName+''+item.name)">
+                    <td>{{index+1}}</td>
+                    <td>{{item.Name}}</td>
+                    <td>{{item.Sex}}</td>
+                    <td>{{item.passportNo.length>0?$t('salesModule.Passport'):'身份证'}}</td>
+                    <td>{{ item.passportNo.length>0?item.passportNo:item.idCard }}</td>
+                    <!-- <td>{{$t('salesModule.Passport')}}</td>
+                    <td>{{item.PassportNo}}</td> -->
+                    <td>{{item.Mobile}}</td>
+                    <td>健康</td>
+                     </template>
+                  </tr>
+                </tbody>
+              </table>
+            </template>
+          </div>
+          <!-- 团队行程 -->
+          <div class="routes" :class="{'checkedNav':cked==5}">
+            <table class="ZTable">
+              <tbody>
+                <tr>
+                  <td width="10%">{{$t('visa.v_tuanhao')}}</td>
+                  <td width="26%">
+                    <span>{{dataList.tCNum}}</span>
+                  </td>
+                  <td width="12%">{{$t('objFill.v101.dmc.chutrq')}}</td>
+                  <td width="15%">
+                    <span>{{getDate(dataList.startDate)}}</span>
+                  </td>
+                  <td width="12%">{{$t('sm.fanhuiDate')}}</td>
+                  <td width="15%">
+                    <span>{{getDate(dataList.returnDate)}}</span>
+                  </td>
+                  <td rowspan="2">
+                    <template v-if="dataList.companySignature&&dataList.companySignature!=''">
+                      <img style="width:160px;height:120px;" :src="dataList.companySignature" alt="">
+                    </template>
+                  </td>
+                </tr>
+                <tr>
+                  <td>{{$t('system.query_lineName')}}</td>
+                  <td colspan="5">
+                    <span>{{dataList.productName}}</span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <br>
+            <div v-html="dataList.travelContent" style="color:red;">
+            </div>
+          </div>
+          <!-- 安全告知书 -->
+          <div class="TD-convention" :class="{'checkedNav':cked==6}">
+            <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) 严重贫血病患者，如血红蛋白量水平在 50 克 / 升以下的病人；</p>
+              <p>7) 大中型手术的恢复期病患者；</p>
+              <p>8) 孕妇及行动不便者；</p>
+              <p>9）其他严重疾病患者。</p>
+              <p>2.60岁（含）以上70岁以下老年人报名出游的，需填写《健康证明》后方可报名，70岁（含）以上老年人需有家属陪同方可出游；未成年人需由父母或由父母指定的临时监护人陪同，如同行人员中有未成年人无父母陪同出游的，同行的成年出游人均视为未成年人的临时监护人，负责全程看管、照顾。</p>
+              <p>3.旅游者在临行前应考虑自身身体状况，必要时旅行前须征得医生同意后方可动身。如有体质较弱或者曾患病的旅游者必须坚持治疗，防止旧病复发。老年人往往患有多种慢性病，平时需要用药治疗者，出游时切不可遗忘服药，否则，可能导致旧病复发、病情加重或恶化。临行前，旅游者应根据自己的身体状况随身携带一些必备的药品及常用药品（如感冒药、止泻药、晕车药等），境外药房只能依处方购买药品。</p>
+              <p>4.请自愿购买旅游人身意外保险。乙方郑重提醒甲方应安排好自己的活动项目，谨慎参加赛车、骑马、攀岩、滑翔、探险、漂流、潜水、游泳、滑雪、滑冰、滑板、跳伞、热气球、蹦极、冲浪等高风险活动，如需参加上述活动，乙方建议甲方投保包含高风险项目的意外险种。出游过程中请妥善保管好个人物品，注意安全。</p>
+              <p>5.到野生动物保护区游览，应尽量穿中性颜色衣服，如棕色、 米色或土黄色；白色和其他鲜艳的颜色会令动物不安。</p>
+              <p>6.临行前安排好家中相应事宜，把旅游线路、旅行社紧急联系人等信息告诉自己家人，同时，也可将自己家人的紧急联系方式告知旅行社。</p>
+              <p>7.请旅游者务必带上身份证等有效证件、个人旅行用品、车船票、飞机票，准时到达约定的集合地点，请勿迟到。有些景区景点对于军人、老人、儿童、残疾人士有一定优惠，请旅游者提前向导游出示证件以便导游购买优惠门票，如购买门票后再向导游出示，将不能享受优惠。</p>
+              <p>8.在境外支付小费是种礼貌，感谢别人提供的服务，请旅游者入乡随俗，对当地导游、司机依惯例支付小费。</p>
+              <p>二、行程中注意事项</p>
+              <p>（一）乘坐交通工具注意事项</p>
+              <p>1.黄金周或者其他旅游旺季时间，由于国内、国际航班中加班机、包机的数量大增，极易引起航班的延误，航空公司如遇此种情况，请旅游者在候机厅耐心等待，密切注意航班的信息，不要到处乱跑，以免误机。同时，因运力等因素有可能临时调整航班，敬请旅游者配合与谅解。</p>
+              <p>2.机票准确航班信息及具体事宜请以出游前1—3天的出游通知书为准，如通知后航班有变化，乙方需及时用电话、电子邮件方式、短信或传真告知甲方，甲方需提前抵达机场办登机手续，如有误机甲方自行承担责任。</p>
+              <p>3.旅游者乘坐交通工具时，应系好安全带，在交通工具停稳后方可离开；上下交通工具时，须排队等候，讲究文明礼貌，并优先照顾老人、儿童、妇女，切勿拥挤，以免发生意外。</p>
+              <p>4.旅游者乘坐交通工具时，请不要与司机交谈和催促司机开快车，不要将头、手、脚或者行李物品伸出窗外，以防意外发生；不要向车窗外扔废（杂）物品，特别是硬质物品，以免伤害他人。</p>
+              <p>5.旅游者下车游览、就餐、购物时，请注意关好旅游车窗并随身携带贵重物品。</p>
+              <p>6.旅游者乘坐飞机时，应随身携带有效身份证（小孩应带户口本原件，年满16周岁未办理身份证的旅游者须持派出所证明原件）。</p>
+              <p>7.搭乘快艇、漂流木筏、参加水上活动时，请旅游者按规定穿着救生衣，并遵照工作人员的指导。乘坐快艇游玩时，所有旅游者请抓紧扶手，年幼或者年长者请不要坐船头，以免发生不测。途中严禁追跑打闹。</p>
+              <p>8.乘机、坐车、乘船时要注意扶梯，在台阶处站稳。乘车时注意颠簸路段及司机急刹车，以免扭伤或摔伤身体。带儿童的游客乘坐交通工具时要特别注意儿童的安全。</p>
+              <p>（二）住宿注意事项</p>
+              <p>1.抵达酒店后，旅游者须听从导游安排；酒店住宿以两人一室、自由组合为原则，如出现单男单女，本公司将调换夫妻用房或者调整为三人房；随行的小孩12周岁以上才能占床，请旅游者谅解。如果旅游者特别指定单人房间，请于出行前支付单人房差额并取得本公司的确认，以免出行后产生纷争。</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>4.如对饮食有特殊要求，请在报名时告知旅行社并提前与导游说明，以便导游更好的给您安排饮食。</p>
+              <p>5.旅游者品尝涮食时，为避免烫伤，待食物稍微凉却一下后再食用。使用酒精炉加热的，如需添加酒精，由酒店工作人员关闭火源后添加，请旅游者切勿自行添加；使用燃气加热的，旅游者严禁抽烟或将明火靠近火源，以免引起爆炸，带来不必要的伤亡。</p>
+              <p>（四）购物注意事项</p>
+              <p>1.请勿轻信流动推销人员的商品推荐。由于小摊位物品真伪及质量难以保障，尽量不要在小摊位购买物品。如必须购买，请看好再与商家讨价。</p>
+              <p>2.购物时，请注意商品质量及价格，并向商家索取正式发票。</p>
+              <p>3.非旅行社指定购物点，旅游者消费属个人行为，如产生纠纷，旅行社可协助处理，但不承担任何责任。</p>
+              <p>三、温馨提醒</p>
+              <p>1.按照国家规定，旅游者在境外不准许参与色情场所活动，如有前往者，须负责自己的行为后果。</p>
+              <p>2.在水上（包括江河、湖海、水库）游览或者活动时，甲方须注意乘船安全，应穿戴救生衣，不可单独前往深水水域或者危险河道；选择水下游泳时，应携救生设备助游；海上浮潜时请关注海况及海流，务必穿上救生衣，并强烈建议选择当地有资质的教练、救生人员陪伴。</p>
+              <p>3.经过危险地段（如陡峭、狭窄、潮湿泛滑的道路等）不可拥挤，前往险峻景点观光时应充分考虑自身的条件是否可行，不要强求和存侥幸心理；参与登山等活动时，应注意适当休息，避免过度激烈运动，同时做好防护工作。</p>
+              <p>4.黄金周或者其他旅游旺季期间，由于国内、国际航班中加班机、包机的数量大增，极易引起航班的延误，如遇此种情况，请甲方在候机厅耐心等待，密切注意航班的信息，不要到处乱跑，以免误机。同时，航空公司因运力等因素有可能临时调整航班，如有此情况发生，乙方将及时通知甲方，届时敬请甲方配合与谅解。</p>
+              <p>5.海拔3000公尺以上的高原地带，气压低，空气含氧量少，易导致人体缺氧，引起高原不良反应，请甲方避免剧烈运动和情绪兴奋，洗澡水不易过热，学会正确呼吸方法。16周岁以下及60周岁以上者，患有贫血、糖尿病、慢性肺病、较严重心脑血管疾病、精神病及孕妇等不宜进入高原旅游。</p>
+              <p>6.甲方应遵守中国和目的地国家的法律法规，尊重旅游途经地区当地居民的民族、民俗习惯。</p>
+              <p>
+                非常感谢您的认真阅读！我们衷心的祝愿您享受一个美好的假期！
+              </p>
+            </div>
+          </div>
+          <!-- 自愿购物 -->
+          <div class="shoppings" :class="{'checkedNav':cked==7}">
+            <table class="ZTable" v-if="dataList.shopProtocolList&&dataList.shopProtocolList.length>0">
+              <tbody>
+                <tr>
+                  <td width="5%">{{$t('active.ad_xuhao')}}</td>
+                  <td width="10%">{{$t('objFill.jutishij')}}</td>
+                  <td width="15%">{{$t('objFill.didian')}}</td>
+                  <td width="15%">{{$t('objFill.gouwucsmc')}}</td>
+                  <td width="15%">{{$t('objFill.zhuyaospxx')}}</td>
+                  <td width="15%">{{$t('objFill.zuichangtlsj')}}</td>
+                  <td width="15%">{{$t('objFill.qitashuim')}}</td>
+                  <td width="10%">旅游者签名同意</td>
+                </tr>
+                <tr v-for="(item,index) in dataList.shopProtocolList">
+                  <td>{{index+1}}</td>
+                  <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>
+              </tbody>
+              <tfoot>
+                <tr>
+                  <td colspan="8" style="text-align:right;"><template
+                      v-if="dataList.companySignature&&dataList.companySignature!=''">
+                      <img style="width:160px;height:120px;" :src="dataList.companySignature" alt="">
+                    </template></td>
+                </tr>
+              </tfoot>
+            </table>
+          </div>
+          <!-- 自愿补充协议 -->
+          <div class="activitys" :class="{'checkedNav':cked==8}">
+            <table class="ZTable" v-if="dataList.payProtocolList&&dataList.payProtocolList.length>0">
+              <tbody>
+                <tr>
+                  <td width="5%">{{$t('active.ad_xuhao')}}</td>
+                  <td width="10%">{{$t('objFill.jutishij')}}</td>
+                  <td width="15%">{{$t('objFill.didian')}}</td>
+                  <td width="15%">项目名称和内容</td>
+                  <td width="15%">费用（<template v-if="dataList.signType==0">
+                      {{$t('hotel.hotel_yuan')}}
+                    </template>
+                    <template v-else>
+                      円
+                    </template>）</td>
+                  <td width="15%">项目时长（分钟）</td>
+                  <td width="15%">{{$t('objFill.qitashuim')}}</td>
+                  <td width="10%">旅游者签名同意</td>
+                </tr>
+                <tr v-for="(item,index) in dataList.payProtocolList">
+                  <td>{{index+1}}</td>
+                  <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>
+              </tbody>
+              <tfoot>
+                <tr>
+                  <td colspan="8" style="text-align:right;"><template
+                      v-if="dataList.companySignature&&dataList.companySignature!=''">
+                      <img style="width:160px;height:120px;" :src="dataList.companySignature" alt="">
+                    </template></td>
+                </tr>
+              </tfoot>
+            </table>
+          </div>
+          <!-- 文明旅游公约 -->
+          <div class="TD-convention" :class="{'checkedNav':cked==9}">
+            <div class="page_break_avoid">
+              <h1 class="text_center" style="font-size:30px;color:#555;margin:30px 0;">
+                {{$t('objFill.v101.Contract.zhongggmcxzn')}}</h1>
+              <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>
+            </div>
+          </div>
+          <!-- 健康声明 -->
+          <div class="TD-basic" :class="{'checkedNav':cked==11}">
+            <div class="page_break_avoid">
+              <p>一、我已知晓委托乙方代订的   <span>{{dataList.productName}}</span>   产品详情及目的地的气候、地理等情况。我就相关内容已经充分了解。</p>
+              <p>二、我本人的身体健康状态适合参加本次行程代订的项目，并确认自身身体状况可完成此次旅行，不会从事任何有可能损害或者影响我身体健康的活动。</p>
+              <p>三、代订产品不含保险，本人自行购买必要的保险，以充分保护我个人权益。</p>
+              <p>四、为了防止行程中的意外发生，也为了更好地保障我此次的顺利出行，我愿将目前的身体状况向乙方真实反馈。</p>
+              <p>五、目前我的身体健康状况详情如下：</p>
+              <p>（填写提示：请在下列选项中，选出已有的病情并在后面的横线上记录病情的详细名称；如果有下述选项中不包含的病情，请在横线上记录在180天内经医院确诊并治疗的急性、慢性病名称）</p>
+
+              <p><el-checkbox disabled></el-checkbox>心脑血管疾病        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             <el-checkbox disabled></el-checkbox>糖尿病                       </p>
+              <p><el-checkbox disabled></el-checkbox>呼吸系统疾病        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             <el-checkbox disabled></el-checkbox>消化系统疾病                  </p>
+              <p><el-checkbox disabled></el-checkbox>其他疾病            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             <el-checkbox disabled checked></el-checkbox>无任何疾病或身体不适            </p>                                                  
+              <p>我保证上述给出的信息是真实的。</p>
+              <p>六、乙方已向我说明如存在身体疾病的，不适合参加本次代订的项目，也说明我的身体状态在此次行程中可能出现的意外情况，我已充分知悉和理解，并自愿承担因自身健康原因导致的突发或意外情况。</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog custom-class="w600" title="合同复制" :visible.sync="dialogVisible" center>
+      <input type="button" v-if="backGuest && backGuest.length > 0" class="TCbtn-info"
+        style="padding: 8px 10px; float: right; margin-bottom: 10px" @click="copyContract()" value="批量复制合同" />
+      <table border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
+        <tr>
+          <th>{{$t('objFill.v101.traveltrip.xuanzhe')}}</th>
+          <th>{{$t('objFill.lvkexm')}}</th>
+          <th>{{ $t("hotel.table_tel") }}</th>
+        </tr>
+        <tr v-for="(item, index) in backGuest">
+          <td>
+            <template v-if="item.IsShow">
+              <el-checkbox v-model="item.isCheck"></el-checkbox>
+            </template>
+            <template v-else>
+              <span style="color: red">已存在合同</span>
+            </template>
+          </td>
+          <td>{{ item.surName + "" + item.name }}</td>
+          <td>{{ item.mobilePhone }}</td>
+        </tr>
+        <tr v-if="backGuest.length == 0">
+          <td colspan="3">已经复制完成</td>
+        </tr>
+      </table>
+    </el-dialog>
+
+    <div class="fade" v-show="isShowFade"></div>
+    <div class="qrCodeDiv" v-show="isShowFade">
+      <div style="margin-top:15px;">{{$t('objFill.v101.Contract.qingsmqz')}}</div>
+      <div id="qrcode" style="margin:25px;" ref="qrcode">
+        <img class="WeiXinShare" :src="'data:image/png;base64,'+QRCodeStr" />
+      </div>
+      <i class="iconfont icon-cha Ec_cha" @click="isShowFade=false"></i>
+    </div>
+  </div>
+</template>
+<script>
+  import moment from 'moment'
+  export default {
+    data() {
+      return {
+        SMLoading: false,
+        CurrentUserInfo: {},
+        //选中切换
+        cked: 2,
+        //查询参数
+        msg: {
+          TCID: 0,
+          orderID: 0,
+          guestId: 0,
+          Id: 0,
+          orderType: 0,
+        },
+        //数据源
+        dataList: [],
+        isShowFade: false,
+        dialogVisible: false,
+        QRCodeStr: "",
+        pdfLoading: false,
+        //旅客名单
+        backGuest: [],
+        //旅客名单
+        guestList: [],
+        //线路名称
+        LineName: '',
+        //出发地点
+        startCityName: '',
+        //返回地点
+        returnArriveCityName: '',
+        tripList: [],
+        //交通
+        trifficList: [],
+        isShowZhang: 0,
+      };
+    },
+    methods: {
+      SMSnotification(){
+        if(this.SMLoading) return
+        this.$confirm("是否发送短信通知?", this.$t("tips.tips"), {
+            confirmButtonText: this.$t("pub.sureBtn"),
+            cancelButtonText: this.$t("pub.cancelBtn"),
+            type: "warning",
+          })
+          .then(() => {
+            var that = this;
+            let msg = {
+              ContractId: that.dataList.Id,
+              ContractType: 1,
+            }
+            this.SMLoading = true
+            that.apipost(
+              "travelcontract_post_ReSendContract",
+              msg,
+              res => {
+                if (res.data.resultCode == 1) {
+                  that.SMLoading = false
+                  that.Success(this.$t('objFill.chaozuochenggong'));
+                  that.getList()
+                } else {
+                  that.SMLoading = false
+                  that.Error(res.data.message);
+                }
+              },err=>{
+                that.SMLoading = false
+              }
+            );
+          })
+          .catch(() => {
+            
+          });
+      },
+      getKongge(str){
+      return  str.replace(/\s+/g, "");
+      },
+      // 生成二维码
+      GetQrCode: function () {
+        let urlObj = this.domainManager();
+        var guestId = 0;
+        var Id = 0;
+        if (this.$route.query.guestId) {
+          guestId = this.$route.query.guestId;
+        }
+        if (this.$route.query.ID) {
+          Id = this.$route.query.ID;
+        }
+        if (this.$route.query.Id) {
+          Id = this.$route.query.Id;
+        }
+        let msg = {
+          TCID: this.$route.query.TCID,
+          orderID: this.$route.query.orderID,
+          guestId: guestId,
+          Id: Id,
+          pUrl: "clientConfirmWT",
+        };
+        this.$http({
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          method: 'post',
+          url: urlObj.DomainUrl + '/api/file/GetQrCodeImage?',
+          data: {
+            "msg": msg
+          }
+        }).then(res => {
+          if (res.data.resultCode === 1) {
+            this.QRCodeStr = res.data.data;
+          } else {
+
+          }
+        }).catch(err => {})
+      },
+      // 生成pdf
+      toContractPDF: function (title) {
+        let urlObj = this.domainManager();
+        let msg = {
+          Id: this.dataList.Id,
+          ContractType:1
+        };
+        this.pdfLoading = true;
+        this.$http({
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          method: 'post',
+          url: urlObj.DomainUrl + '/api/file/GetDownLoadContract',
+          data: {
+            "msg": msg
+          }
+        }).then(res => {
+          this.pdfLoading = false
+          if (res.data.resultCode === 1) {
+            let sign = title + "V2"
+            const a = document.createElement('a');
+            a.setAttribute('download', '');
+            a.setAttribute('href', urlObj.DomainUrl + '/api/file/DownloadFileForPdf?fileName=' + sign +
+              '.pdf&&fPath=' + res.data.data);
+            a.click();
+          } else {
+            this.Error(this.$t('objFill.huoqusb'));
+          }
+        }).catch(err => {
+
+        })
+      },
+      //点击合同获取旅客信息
+      getGuestList() {
+        let msg = {
+          orderId: this.msg.orderID,
+        };
+        this.apipost(
+          "travelcontract_post_GetContractGuestByOrderId",
+          msg,
+          (res) => {
+            if (res.data.resultCode === 1) {
+              var tempData = res.data.data;
+              if (tempData && tempData.length > 0) {
+                tempData.forEach((item) => {
+                  item.IsShow = true;
+                  if (this.guestList && this.guestList.length > 0) {
+                    this.guestList.forEach((sItem) => {
+                      if (sItem.id == item.id && sItem.isCheck && item.IsShow) {
+                        item.IsShow = false;
+                      }
+                    });
+                  }
+                });
+              }
+              this.backGuest = tempData;
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      },
+      //复制合同
+      copyContract() {
+        let newArr = [];
+        this.backGuest.forEach((x) => {
+          if (x.isCheck) {
+            newArr.push(x.id);
+          }
+        });
+        var unionGuestIds = newArr.join(",");
+        if (unionGuestIds == "") {
+          this.Error("请选择要复制的旅客");
+          return;
+        }
+        let copyMsg = {
+          TCID: this.msg.TCID,
+          guestId: 0,
+          orderID: this.msg.orderID,
+          unionGuestIds: unionGuestIds,
+        };
+        if (this.$route.query.guestId && this.$route.query.guestId > 0) {
+          copyMsg.guestId = this.$route.query.guestId;
+        }
+        this.apipost(
+          "travelcontract_post_CopyContractServices",
+          copyMsg,
+          (res) => {
+            if (res.data.resultCode === 1) {
+              this.Success("复制成功!");
+              this.dialogVisible = false;
+              var tempData = res.data.data;
+              this.$router.push({
+                name: "TravelContractNew",
+                query: {
+                  TCID: tempData.TCID,
+                  guestId: tempData.GuestId,
+                  orderID: tempData.OrderId,
+                  Id: tempData.Id,
+                  orderType: tempData.orderType
+                },
+              });
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      },
+      //获取数据
+      getList() {
+        this.apipost("travelcontract_post_GetContractInfoService", this.msg, res => {
+          if (res.data.resultCode === 1) {
+            this.dataList = res.data.data;
+            this.guestList = this.dataList.allGuestList;
+          } else {
+            this.Error(res.data.message);
+          }
+        }, null);
+      },
+      getDate(date) {
+        return moment(date).format("YYYY-MM-DD");
+      },
+      //加一天返回
+      getDayAddOne(day, num) {
+        return moment(day).add(num, 'days').format('YYYY-MM-DD')
+      },
+      //获取是否显示公司章
+      getShow(ID) {
+        if (ID != null && ID != undefined) {
+          let msg = {
+            ID: ID
+          }
+          this.apipost("travelcontract_post_GetContractService", msg, res => {
+            if (res.data.resultCode === 1) {
+              this.isShowZhang = res.data.data.IsTravelAgencySignature;
+            } else {
+              this.Error(res.data.message);
+            }
+          });
+        }
+      },
+      //获取大写
+      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;
+        }
+      },
+      //作废
+      getinvalid() {
+        this.$confirm(this.$t('objFill.shifouzuofei'), this.$t('tips.tips'), {
+          confirmButtonText: this.$t('pub.sureBtn'),
+          cancelButtonText: this.$t('pub.cancelBtn'),
+          type: 'warning'
+        }).then(() => {
+          this.dataList.status = 0;
+          this.apipost("travelcontract_post_UpdateStatusContractService", this.dataList, res => {
+            if (res.data.resultCode === 1) {
+              this.Success(res.data.message);
+            } else {
+              this.Error(res.data.message);
+            }
+          }, null);
+        }).catch(() => {
+          this.$message.info(this.$t('objFill.quxiaoshanc'));
+        });
+      },
+      //小写金额转大写
+      number_chinese(str) {
+        var num = parseFloat(str);
+        var strOutput = "";
+        var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
+        num += "00";
+        var intPos = num.indexOf('.');
+        if (intPos >= 0) {
+          num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
+        }
+        strUnit = strUnit.substr(strUnit.length - num.length);
+        for (var i = 0; i < num.length; i++) {
+          strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1);
+        }
+        if (true) {
+          return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(
+            /零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元")
+        }
+      },
+    },
+    mounted() {
+      this.CurrentUserInfo = this.getLocalStorage();
+      let TID = 0;
+      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.orderType) {
+        this.msg.orderType = this.$route.query.orderType;
+      }
+      if (this.$route.query.Id) {
+        this.msg.Id = this.$route.query.Id;
+        TID = this.$route.query.Id;
+      }
+      if (this.$route.query.ID) {
+        this.msg.Id = this.$route.query.ID;
+        TID = this.$route.query.ID;
+      }
+      this.getList();
+      this.getShow(TID);
+    }
+  };
+
+</script>

src/components/TravelContractNew.vue

@@ -367,6 +367,17 @@
           <div class="createTableTitle">旅游者代表信息</div>
           <table class="createTable">
             <tbody>
+              <tr>
+                <td>
+                  <el-form-item label="合同类型">
+                    <el-select v-model="CtObj.contractType" :placeholder="$t('pub.pleaseSel')">
+                      <el-option key="0" label="标准出境" :value="0"> </el-option>
+                      <el-option key="1" label="委托代订" :value="1">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </td>
+              </tr>
               <tr>
                 <td>
                   <el-form-item :label="$t('system.query_name')" prop="clientName">
@@ -999,10 +1010,10 @@
           <div v-else ref="TcTravel_Table">
             <table class="TcTravel_Table">
               <tbody>
-                <tr>
+                <tr v-if="CtObj.contractType!=1">
                   <td colspan="5" contenteditable="true">组团社：四川和平国际旅行社有限公司</td>
                 </tr>
-                <tr>
+                <tr v-if="CtObj.contractType!=1">
                   <td colspan="5" contenteditable="true">
                     旅游线路名称：{{
                       CtObj.productName
@@ -1010,7 +1021,7 @@
                     {{ CtObj.nightNum }}{{$t('objFill.wan')}}（含在途时间）
                   </td>
                 </tr>
-                <tr>
+                <tr v-if="CtObj.contractType!=1">
                   <td colspan="5" contenteditable="true">
                     {{$t('Airticket.Air_StartTime')}}：{{
                       getDate(CtObj.startDate)
@@ -1022,7 +1033,7 @@
                     }}
                   </td>
                 </tr>
-                <tr>
+                <tr v-if="CtObj.contractType!=1">
                   <td colspan="5" contenteditable="true">
                     结束时间：{{
                       getDate(CtObj.returnDate)
@@ -1208,7 +1219,7 @@
             </table>
           </template>
         </div>
-        <div class="block mtop15" id="anchor-6" ref="anchor6">
+        <div v-if="CtObj.contractType!=1" class="block mtop15" id="anchor-6" ref="anchor6">
           <div class="blockTitle">
             <span class="icon">
               <i class="iconfont icon-bianji"></i>
@@ -1288,7 +1299,7 @@
             </tbody>
           </table>
         </div>
-        <div class="block mtop15" id="anchor-7" ref="anchor7">
+        <div v-if="CtObj.contractType!=1" class="block mtop15" id="anchor-7" ref="anchor7">
           <div class="blockTitle">
             <span class="icon">
               <i class="iconfont icon-bianji"></i>
@@ -1512,6 +1523,7 @@
         //参数
         CtObj: {
           //基本信息
+          contractType: "",
           clientName: "",
           clientIdcardnum: "",
           clientCall: "",
@@ -1799,8 +1811,12 @@
         }
       },
       goContract() {
+        let path="TravelContractDetail";
+        if(this.CtObj.contractType==1){
+          path="TravelContractDetailWT";
+        }
         this.$router.push({
-          name: "TravelContractDetail",
+          name: path,
           query: {
             TCID: this.$route.query.TCID,
             guestId: this.CtObj.guestId,

src/components/administrative/ElectronicAudit.vue

@@ -807,6 +807,9 @@
         if (item.TemplateType == 1) {
           path = "TravelContractDetailRB";
         }
+        if(item.ContractType==1){
+          path = "TravelContractDetailWT";
+        }
         this.$router.push({
           name: path,
           query: {

src/components/clientConfirmWT.vue

+<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;
+    border-collapse: collapse;
+  }
+
+  .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;
+    color:red;
+  }
+
+  .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 v-if="(dataList.guestNum&&dataList.guestNum>1)|| (dataList.guestList&&dataList.guestList.length>1)" :class="ActiveTab==10?'ActiveLi':''" @click="ChangeTab(10)">签约委托书</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> -->
+            <!-- <li :class="ActiveTab==11?'ActiveLi':''" @click="ChangeTab(11)">健康声明</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>乙方（旅行社）：<font>{{dataList.company}}</font>
+            </p>
+            <p>{{$t('objFill.v101.Contract.lxsywxkz')}}：<font>{{dataList.businessCertificate}}</font>
+            </p>
+            <br />
+
+            <p>根据《中华人民共和国合同法》等有关法律、法规的规定，甲方与乙方在平等、自愿的基础上就委托代办事宜，经协商达成协议如下：</p>
+            <p>1）鉴于本次实际出行人员众多，甲方特授权【姓名：   <font>{{dataList.clientName}}</font>   ，证件号码：    <font>{{dataList.clientIdcardnum}}</font>    】为甲方代表，全权处理此次出游过程中的一切事宜，包括但不限于签署协议、签署应甲方临时增加的旅游产品需求的确认单等，由该授权代表签署的确认单所产生的费用及其他责任均由甲方承担。</p>
+            <p>2）甲方于合同签订之时向乙方提供具体出游人名单信息（包括姓名、身份信息、护照信息、联系电话）。甲方应当通过书面盖章文件盖章或者邮件方式向乙方提供上述信息（甲方接收该信息的邮箱，乙方发送该信息的邮箱为）。如甲方逾期提供，乙方有权解除合同并要求甲方承担逾期提供造成的损失。</p>
+
+            <h3><p>第一条 旅游者信息</p></h3>
+            <p>甲方需要仔细核对旅客的姓名与证件号，乙方将按照以下信息为甲方预订，若因信息有误造成甲方损失，所产生损失由甲方自行承担（名单可附页，需要旅行社和旅游者代表签字/盖章确认）。</p>
+            <h3><p>第二条 委托代订项目</p></h3>
+            <p>甲方委托乙方代为预订以下一项或几项服务：代订机票、酒店；代办个人旅游签证；代办目的地地面资源（例如用车、门票、当地观光游览等）；抵离接送机等。具体产品见附件。</p>
+            <p>所有代订业务如有不退、不改、不可转让规则的，乙方有义务告知甲方此信息，甲方知晓后签约即表示接受此内容要求。如机票为往返套票，请按照顺序使用机票，若去程未使用将导致回程机票无法使用。【所有代订项目为资源名称+费用包含。】</p>
+            <h3><p>第三条 费用计算</p></h3>
+            <p>1、代订项目费用及支付（以“人民币”为计算单位</p>
+            <p>价格：<font>{{dataList.adultPrice}}</font>元/份；</p>
+            <p>代订项目费用合计：<font>{{dataList.orderPrice}}</font>元。人民币（大写/<font>{{number_chinese(dataList.orderPrice)}}</font>）。</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>代订项目费用支付时间：<font>{{dataList.payDate}}</font>（注：此为结束支付的时间）。</p>
+            <p class="bold colorRed">如旅游者解除旅游合同定金不退.</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>
+            <p class="bold colorRed">款项必须支付至本合同指定公账，如转账到其他账户或私人账户则与公司无关、支付无效，视为未支付旅游费用，公司有权选择解除合同或者继续向旅游者要求费用支付</p>
+            <p>2、人身意外伤害保险</p>
+            <p>乙方提示旅游者购买人身意外伤害保险；</p>
+            <p>甲方<font>{{(dataList.insuranceOpinion==1?"同意":"不同意")}}</font>乙方办理旅游者投保的个人旅游保险。</p>
+            <p>保险产品名称：<font>旅游安全人身意外伤害保险</font>/<font>{{dataList.insuranceCompany}}</font>（投保的相关信息以实际保单为准或至“订单中心”查看）。</p>
+            <p>3、如需开具发票，请甲方归来后两个月内向乙方索要。发票开具后，若办理退款，需先退还原发票，并保持发票兑奖联完好（如有兑奖联）。乙方可接受甲方、或除甲方之外的其他人员、单位对本合同付款，并且乙方按照国家有关法规要求对实际付款方开具发票；若实际付款方为受托付款的，请提供相关证明文件，由乙方对甲方开具发票。基于本协议产生的退款都会按照支付时的路径原路退回。</p>
+            <h3><p>第五条 双方权利和义务</p></h3>
+            <p>1、甲方权利和义务</p>
+            <p>1) 以上各项服务内容均为委托业务。为了人身财产安全，乙方有义务提醒甲方购买保险，是否购买由甲方自行决定，乙方与甲方间不涉及强制绑定保险责任关系。甲方在出游期间的任何活动纯属个人行为，与乙方无关，委托服务事项之外甲方所发生的问题，乙方不承担任何责任。</p>
+            <p>2) 甲方在接受委托事项期间，因第三方过错遭受人身、财产损失的，乙方可以协助处理，但乙方不承担赔偿责任；因乙方过错导致代办服务内容如航班、酒店等需要调整，乙方承诺将本着诚信原则为甲方更换同等标准的服务项目，保证在出发前，及时将更改后的服务项目交由甲方确认。</p>
+            <p>3) 甲方应携带有效证件，按照航班时间提前到达机场登机（出境旅游，宜提前180分钟到达机场）。否则不能及时登机和出入境的，由甲方自行负责。</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>2、乙方权利和义务</p>
+            <p>1) 乙方应在甲方委托服务范围内为甲方提供服务。</p>
+            <p>2) 乙方有权根据甲方的身体健康状况及相关条件决定是否接纳报名。</p>
+            <p>3) 乙方有权拒绝甲方提出的超出合同约定的不合理要求。</p>
+            <p>4) 在甲方针对代订产品提出合理投诉时，应立即协助处理并予以解决。</p>
+            <p>5) 如因乙方过错导致甲方遭受财产损失的，需承担相应赔偿责任。</p>
+            <h3><p>第六条 协议的变更与转让</p></h3>
+            <p>1、协议的变更</p>
+            <p>乙方与甲方双方协商一致，可以变更本协议约定的内容，甲方同意采用电话、或电子邮件等方式与乙方确认。由此增加的代订项目费用及给对方造成的损失，由变更提出方承担；由此减少的代订项目费用，乙方应当退还甲方。</p>
+            <p>2、协议的转让</p>
+            <p>旅游行程开始前，甲方可以将本合同中自身的权利义务转让给第三人，乙方没有正当理由的不得拒绝，并办理相关转让手续，因此增加的费用由甲方和第三人承担。</p>
+            <p>正当理由包括但不限于：对应原报名者办理的相关服务不可转让给第三人的；无法为第三人办妥签证/签注、安排交通等情形的；旅游活动对于旅游者的身份、资格等有特殊要求的。</p>
+            <h3><p>第七条 违约责任</p></h3>
+            <p>1. 甲方违约责任</p>
+            <p>1) 甲方在行程开始前提出解除协议的，应当按具体产品说明内的退改规则向乙方支付业务损失费：产品说明;</p>
+            <p>如按上述比例支付的业务损失费不足以赔偿乙方的实际损失，甲方应当按实际损失对乙方以赔偿，但最高额不应当超过代订项目费用总额。乙方在扣除上述业务损失费后，应当在甲方退订通知到达日起10个工作日内向甲方退还剩余代订项目费用。</p>
+            <p>2) 甲方因自身原因导致机票或酒店房间全部未使用的，包括但不限于甲方未按约定时间到达约定集合出发地点，导致无法正常参加旅游行程等情形，视为甲方放弃使用并解除协议，甲方不得要求乙方退还该部分代订项目费用，如给乙方造成损失的，应当承担相应的赔偿责任。</p>
+            <p>3) 甲方超出本合同约定的内容进行个人活动所造成的损失，由其自行承担。</p>
+            <p>4) 与乙方出现纠纷时，甲方应当积极采取措施防止损失扩大，否则应当就扩大的损失承担责任。</p>
+            <p>2. 乙方违约责任</p>
+            <p>1) 乙方在出发前提出解除协议的，向甲方退还全额代订项目费用（如委托乙方办理签证／签注的，已经完成的可收取相应费用），并按下列标准向甲方支付违约金：（免签/落地签）</p>
+            <p>预订后至出发前15日，支付代订项目费用总额2%的违约金；</p>
+            <p>出发前14日至7日，支付代订项目费用总额5%的违约金；</p>
+            <p>出发前6日至4日，支付代订项目费用总额10%的违约金；</p>
+            <p>出发前3日至1日，支付代订项目费用总额15%的违约金；</p>
+            <p>出发当日，支付代订项目费用总额20%的违约金。</p>
+            <p>如上述违约金不足以赔偿甲方的实际损失，乙方应当按实际损失对甲方予以赔偿。乙方应当在取消通知到达日起10个工作日内，向甲方退还全额代订项目费用并支付违约金。</p>
+            <p>2) 乙方未按协议约定提供服务，或者未经甲方同意调整旅游航班或酒店（不可抗力或意外事件除外），造成行程标准降低的，应当采取措施予以补救，未采取补救措施或者已采取补救措施但不足以弥补甲方损失的，应当承担相应的赔偿责任。</p>
+            <p>3) 乙方违反协议约定擅自在境外中止对甲方提供住宿、用餐、交通等旅游服务的，应当负担甲方在被中止旅游服务期间所订的同等级别的住宿、用餐、交通等必要费用，并向甲方支付代订项目费用总额30%的违约金。</p>
+            <h3><p>第八条 不可抗力和意外事件</p></h3>
+            <p>不可抗力: 指不能预见、不能避免并不能克服的客观情况，包括但不限于因自然原因和社会原因引起的，如自然灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共卫生事件、政府行为政策、黑客攻击、电信部门技术管制。</p>
+            <p>意外事件，指因当事人故意或者过失以外的偶然因素引发的事件，包括但不限于重大礼宾活动导致的交通堵塞、列车航班晚点、景点临时不开放。</p>
+            <p>1. 因不可抗力或者意外事件导致无法履行或者继续履行协议的，乙方可以在征得甲方同意后，对相应内容予以变更。因情况紧急无法征求意见或者经征求意见无法得到甲方同意时，乙方可以决定内容的变更，但应当就做出的决定提供必要的证明。</p>
+            <p>2. 在行前遇到不可抗力或者意外事件的，双方经协商可以取消行程或者延期出行。取消行程的，乙方向甲方全额退还代订项目费用（已发生的签证/签注费用可以扣除）。已发生代订项目费用的，应当由双方协商后合理分担。</p>
+            <p>3. 在行程中遇到不可抗力导致无法继续履行协议的，乙方按本条第2款的约定实施变更后，将未发生的代订项目费用退还甲方，增加的代订项目费用，应当由双方协商后合理分担。</p>
+            <p>4. 在行程中遇到意外事件导致无法继续履行协议的，乙方按本条第2款的约定实施变更后，将未发生的代订项目费用退还甲方，因此增加的代订项目费用由提出变更的一方承担（但因紧急避险所致的，由受益方承担）。</p>
+            <p>5. 由于出入境管理局、各国领馆、航空公司、保险公司、及其他有权机构等不可归责于乙方的原因导致委托人人身、财产权益受到损害的，包括但不限于，航班延误或取消、护照延期、签证拒签或未按时出签、不得出入境等，应由甲方自行协商解决，乙方除在力所能及的范围内予以协助外，不再承担其他责任，如给乙方造成损失的，乙方保留一切追偿权。 旅游者预订旅游产品后发现处于妊娠期的，旅行社有权不予接待，视为因旅游者原因导致无法出游而解除旅游合同，按照本合同第十三条第2款及第十五条约定处理。 旅游者预订旅游产品后出现意外伤害、疾患等不适宜出游的情形的，若旅游者坚持出游，须提供三甲以上医院出具的可以出游的证明（须有明确可以出游的论述并且加盖医院印章），否则，视为因旅游者原因导致无法出游而解除旅游合同，按照本合同第十三条第2款及第十五条约定处理。 旅游者预订旅游产品后出现包括妊娠、意外伤害、疾患等在内的不适宜出游的情形，但未通知旅行社，仍然出游的，在行程过程中产生的问题均由旅游者自行承担，旅行社因救助旅游者所发生的费用均旅游者承担。</p>
+            <h3><p>第九条 免责条款</p></h3>
+            <p>1、甲乙双方因不可抗力（包括但不限于因自然原因和社会原因引起的，如自然灾害、战争、恐怖活动、动乱、骚乱、罢工、突发公共事件、政府行为、天气恶劣飞机航班无法起飞、海面风浪过大南极邮轮实际行程变更等）不能履行合同的，且双方又未能达成变更协议的，双方均可通知对方解除合同，解除方无须承担违约责任。</p>
+            <p>2、因飞机、火车、客运汽车等公共交通工具延误或者取消，以及第三方侵害等不可归责于乙方的原因导致甲方人身、财产权益受到损害的，乙方不承担违约责任。</p>
+            <p>3、甲方知晓并承诺，乙方属于单项代订服务，双方不构成旅游合同或保险责任法律关系，乙方仅受甲方委托负责代订相关的项目，乙方代订行为完成后即履行完毕合同义务，甲方相关项目开展过程中与项目服务方的任何服务纠纷(包括但不限于项目服务方不履行或不完全履行服务内容)或者在行程中、去行程路上等地区发生的任何损害、纠纷，均与乙方无关，乙方不承担责任。</p>
+            <h3><p>第十条 其他</p></h3>
+            <p>1.本协议在履行中如发生争议，双方应协商解决，协商不成，应向乙方住所地人民法院提起诉讼。</p>
+            <p>2.本协议若为电子签约，自双方签字盖章之日起生效。纸质签约具有同等法律效力。</p>
+            <p>（以下无正文，为签字页）</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('objFill.jinbanr')}}：</el-col>
+                  <el-col :span="12">{{dataList.agentName}}</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-if="(dataList.guestNum&&dataList.guestNum>1)|| (dataList.guestList&&dataList.guestList.length>1)" v-show="ActiveTab==10" class="item_content">
+            <p style="font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{dataList.company}}:</span></p>
+            <p style="margin-bottom: 10px;">我自愿全权委托<span style="text-decoration: underline;">{{dataList.clientName}}</span>代表我与贵社签订《委托代订协议》(合同编号:<span style="text-decoration: underline;">{{dataList.contractNum}}</span>)，按《委托代订协议》约定，承担责任。</p>
+            <p style="font-weight: bolder;margin-bottom: 10px;">委托人:</p>
+            <template v-if="dataList.orderType==0">
+              <ul class="guestUl">
+                <li v-for="(item,index) in dataList.guestList" :key="index">
+                   <template v-if="getKongge(dataList.clientName)!==getKongge((item.surName+''+item.name))">
+                  <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?item.passportNo:item.idCard }}</el-col>
+                    </el-col>
+                  </el-row>
+                   </template>
+                </li>
+              </ul>
+            </template>
+            <template v-else>
+              <ul class="guestUl" v-if="dataList.guestInfo">
+                <li v-for="(item,index) in dataList.guestInfo" :key="index">
+                   <template v-if="getKongge(dataList.clientName)!==getKongge((item.surName+''+item.name))">
+                  <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">{{item.PassportNo}}</el-col>
+                    </el-col>
+                  </el-row>
+                 
+                   </template>
+                </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" style="color:red"></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) 严重贫血病患者，如血红蛋白量水平在 50 克 / 升以下的病人；</p>
+              <p>7) 大中型手术的恢复期病患者；</p>
+              <p>8) 孕妇及行动不便者；</p>
+              <p>9）其他严重疾病患者。</p>
+              <p>2.60岁（含）以上70岁以下老年人报名出游的，需填写《健康证明》后方可报名，70岁（含）以上老年人需有家属陪同方可出游；未成年人需由父母或由父母指定的临时监护人陪同，如同行人员中有未成年人无父母陪同出游的，同行的成年出游人均视为未成年人的临时监护人，负责全程看管、照顾。</p>
+              <p>3.旅游者在临行前应考虑自身身体状况，必要时旅行前须征得医生同意后方可动身。如有体质较弱或者曾患病的旅游者必须坚持治疗，防止旧病复发。老年人往往患有多种慢性病，平时需要用药治疗者，出游时切不可遗忘服药，否则，可能导致旧病复发、病情加重或恶化。临行前，旅游者应根据自己的身体状况随身携带一些必备的药品及常用药品（如感冒药、止泻药、晕车药等），境外药房只能依处方购买药品。</p>
+              <p>4.请自愿购买旅游人身意外保险。乙方郑重提醒甲方应安排好自己的活动项目，谨慎参加赛车、骑马、攀岩、滑翔、探险、漂流、潜水、游泳、滑雪、滑冰、滑板、跳伞、热气球、蹦极、冲浪等高风险活动，如需参加上述活动，乙方建议甲方投保包含高风险项目的意外险种。出游过程中请妥善保管好个人物品，注意安全。</p>
+              <p>5.到野生动物保护区游览，应尽量穿中性颜色衣服，如棕色、 米色或土黄色；白色和其他鲜艳的颜色会令动物不安。</p>
+              <p>6.临行前安排好家中相应事宜，把旅游线路、旅行社紧急联系人等信息告诉自己家人，同时，也可将自己家人的紧急联系方式告知旅行社。</p>
+              <p>7.请旅游者务必带上身份证等有效证件、个人旅行用品、车船票、飞机票，准时到达约定的集合地点，请勿迟到。有些景区景点对于军人、老人、儿童、残疾人士有一定优惠，请旅游者提前向导游出示证件以便导游购买优惠门票，如购买门票后再向导游出示，将不能享受优惠。</p>
+              <p>8.在境外支付小费是种礼貌，感谢别人提供的服务，请旅游者入乡随俗，对当地导游、司机依惯例支付小费。</p>
+              <p>二、行程中注意事项</p>
+              <p>（一）乘坐交通工具注意事项</p>
+              <p>1.黄金周或者其他旅游旺季时间，由于国内、国际航班中加班机、包机的数量大增，极易引起航班的延误，航空公司如遇此种情况，请旅游者在候机厅耐心等待，密切注意航班的信息，不要到处乱跑，以免误机。同时，因运力等因素有可能临时调整航班，敬请旅游者配合与谅解。</p>
+              <p>2.机票准确航班信息及具体事宜请以出游前1—3天的出游通知书为准，如通知后航班有变化，乙方需及时用电话、电子邮件方式、短信或传真告知甲方，甲方需提前抵达机场办登机手续，如有误机甲方自行承担责任。</p>
+              <p>3.旅游者乘坐交通工具时，应系好安全带，在交通工具停稳后方可离开；上下交通工具时，须排队等候，讲究文明礼貌，并优先照顾老人、儿童、妇女，切勿拥挤，以免发生意外。</p>
+              <p>4.旅游者乘坐交通工具时，请不要与司机交谈和催促司机开快车，不要将头、手、脚或者行李物品伸出窗外，以防意外发生；不要向车窗外扔废（杂）物品，特别是硬质物品，以免伤害他人。</p>
+              <p>5.旅游者下车游览、就餐、购物时，请注意关好旅游车窗并随身携带贵重物品。</p>
+              <p>6.旅游者乘坐飞机时，应随身携带有效身份证（小孩应带户口本原件，年满16周岁未办理身份证的旅游者须持派出所证明原件）。</p>
+              <p>7.搭乘快艇、漂流木筏、参加水上活动时，请旅游者按规定穿着救生衣，并遵照工作人员的指导。乘坐快艇游玩时，所有旅游者请抓紧扶手，年幼或者年长者请不要坐船头，以免发生不测。途中严禁追跑打闹。</p>
+              <p>8.乘机、坐车、乘船时要注意扶梯，在台阶处站稳。乘车时注意颠簸路段及司机急刹车，以免扭伤或摔伤身体。带儿童的游客乘坐交通工具时要特别注意儿童的安全。</p>
+              <p>（二）住宿注意事项</p>
+              <p>1.抵达酒店后，旅游者须听从导游安排；酒店住宿以两人一室、自由组合为原则，如出现单男单女，本公司将调换夫妻用房或者调整为三人房；随行的小孩12周岁以上才能占床，请旅游者谅解。如果旅游者特别指定单人房间，请于出行前支付单人房差额并取得本公司的确认，以免出行后产生纷争。</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>4.如对饮食有特殊要求，请在报名时告知旅行社并提前与导游说明，以便导游更好的给您安排饮食。</p>
+              <p>5.旅游者品尝涮食时，为避免烫伤，待食物稍微凉却一下后再食用。使用酒精炉加热的，如需添加酒精，由酒店工作人员关闭火源后添加，请旅游者切勿自行添加；使用燃气加热的，旅游者严禁抽烟或将明火靠近火源，以免引起爆炸，带来不必要的伤亡。</p>
+              <p>（四）购物注意事项</p>
+              <p>1.请勿轻信流动推销人员的商品推荐。由于小摊位物品真伪及质量难以保障，尽量不要在小摊位购买物品。如必须购买，请看好再与商家讨价。</p>
+              <p>2.购物时，请注意商品质量及价格，并向商家索取正式发票。</p>
+              <p>3.非旅行社指定购物点，旅游者消费属个人行为，如产生纠纷，旅行社可协助处理，但不承担任何责任。</p>
+              <p>三、温馨提醒</p>
+              <p>1.按照国家规定，旅游者在境外不准许参与色情场所活动，如有前往者，须负责自己的行为后果。</p>
+              <p>2.在水上（包括江河、湖海、水库）游览或者活动时，甲方须注意乘船安全，应穿戴救生衣，不可单独前往深水水域或者危险河道；选择水下游泳时，应携救生设备助游；海上浮潜时请关注海况及海流，务必穿上救生衣，并强烈建议选择当地有资质的教练、救生人员陪伴。</p>
+              <p>3.经过危险地段（如陡峭、狭窄、潮湿泛滑的道路等）不可拥挤，前往险峻景点观光时应充分考虑自身的条件是否可行，不要强求和存侥幸心理；参与登山等活动时，应注意适当休息，避免过度激烈运动，同时做好防护工作。</p>
+              <p>4.黄金周或者其他旅游旺季期间，由于国内、国际航班中加班机、包机的数量大增，极易引起航班的延误，如遇此种情况，请甲方在候机厅耐心等待，密切注意航班的信息，不要到处乱跑，以免误机。同时，航空公司因运力等因素有可能临时调整航班，如有此情况发生，乙方将及时通知甲方，届时敬请甲方配合与谅解。</p>
+              <p>5.海拔3000公尺以上的高原地带，气压低，空气含氧量少，易导致人体缺氧，引起高原不良反应，请甲方避免剧烈运动和情绪兴奋，洗澡水不易过热，学会正确呼吸方法。16周岁以下及60周岁以上者，患有贫血、糖尿病、慢性肺病、较严重心脑血管疾病、精神病及孕妇等不宜进入高原旅游。</p>
+              <p>6.甲方应遵守中国和目的地国家的法律法规，尊重旅游途经地区当地居民的民族、民俗习惯。</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 v-show="ActiveTab==11" class="item_content">
+            <div class="page_break_avoid">
+              <p>一、我已知晓委托乙方代订的   <font>{{dataList.productName}}</font>   产品详情及目的地的气候、地理等情况。我就相关内容已经充分了解。</p>
+              <p>二、我本人的身体健康状态适合参加本次行程代订的项目，并确认自身身体状况可完成此次旅行，不会从事任何有可能损害或者影响我身体健康的活动。</p>
+              <p>三、代订产品不含保险，本人自行购买必要的保险，以充分保护我个人权益。</p>
+              <p>四、为了防止行程中的意外发生，也为了更好地保障我此次的顺利出行，我愿将目前的身体状况向乙方真实反馈。</p>
+              <p>五、目前我的身体健康状况详情如下：</p>
+              <p>（填写提示：请在下列选项中，选出已有的病情并在后面的横线上记录病情的详细名称；如果有下述选项中不包含的病情，请在横线上记录在180天内经医院确诊并治疗的急性、慢性病名称）</p>
+
+              <p><el-checkbox disabled></el-checkbox>心脑血管疾病        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             <el-checkbox disabled></el-checkbox>糖尿病                       </p>
+              <p><el-checkbox disabled></el-checkbox>呼吸系统疾病        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             <el-checkbox disabled></el-checkbox>消化系统疾病                  </p>
+              <p><el-checkbox disabled></el-checkbox>其他疾病            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             <el-checkbox disabled checked></el-checkbox>无任何疾病或身体不适            </p>                                                  
+              <p>我保证上述给出的信息是真实的。</p>
+              <p>六、乙方已向我说明如存在身体疾病的，不适合参加本次代订的项目，也说明我的身体状态在此次行程中可能出现的意外情况，我已充分知悉和理解，并自愿承担因自身健康原因导致的突发或意外情况。</p>
+            </div>
+          </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: {
+      getKongge(str){
+      return  str.replace(/\s+/g, "");
+      },
+      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: 'clientConfirmWT'
+          }
+        })
+      },
+      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;
+        }
+      },
+      //小写金额转大写
+      number_chinese(str) {
+        var num = parseFloat(str);
+        var strOutput = "";
+        var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
+        num += "00";
+        var intPos = num.indexOf('.');
+        if (intPos >= 0) {
+          num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
+        }
+        strUnit = strUnit.substr(strUnit.length - num.length);
+        for (var i = 0; i < num.length; i++) {
+          strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1);
+        }
+        if (true) {
+          return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(
+            /零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元")
+        }
+      },
+    },
+    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>

src/router/config.js

@@ -2,6 +2,7 @@
 import login from '../components/Login2019'
 import index from '../components/index'
 import clientConfirm from '../components/clientConfirm'
+import clientConfirmWT from '../components/clientConfirmWT'
 import clientConfirmRB from '../components/clientConfirmRB'
 import clientProtocol from '../components/clientProtocol'
 import clientDisclaimerProtocol from '../components/clientDisclaimerProtocol'
@@ -6557,6 +6558,11 @@ export default {
       name: 'clientConfirm',
       component: clientConfirm
     },
+    {
+      path: '/clientConfirmWT',
+      name: 'clientConfirmWT',
+      component: clientConfirmWT
+    },
     {
       path: '/clientConfirmRB',
       name: 'clientConfirmRB',
@@ -6593,6 +6599,14 @@ export default {
         title: '电子合同'
       }
     },
+    {
+      path: '/TravelContractNewWT', //委托代订协议
+      name: 'TravelContractNewWT',
+      component: resolve => require(['@/components/TravelContractNewWT'], resolve),
+      meta: {
+        title: '委托电子合同'
+      }
+    },
     {
       path: '/TravelContractNewRB', //新日本线电子合同
       name: 'TravelContractNewRB',
@@ -6672,6 +6686,14 @@ export default {
         title: '电子合同'
       }
     },
+    {
+      path: '/TravelContractDetailWT', //团队出境委托电子合同详情
+      name: 'TravelContractDetailWT',
+      component: resolve => require(['@/components/TravelContractDetailWT'], resolve),
+      meta: {
+        title: '委托电子合同'
+      }
+    },
     {
       path: '/TravelContractDetailRB', //新日本线电子合同详情
       name: 'TravelContractDetailRB',