<style>
  .ECMain {
    width: 1200px;
    min-height: 100%;
    margin: auto;
    padding: 20px;
    background-color: #fff;
  }

  .EC_left {
    float: left;
    width: 150px;
    height: 100%;
    position: fixed;
    margin-top: 100px;
  }

  .EC_ComTitle {
    width: 100%;
    height: 45px;
    background-color: #F2F2F2;
    font-weight: bold;
    font-size: 16px;
    text-indent: 10px;
    text-align: left;
    display: flex;
    align-items: center;
  }

  .EC_left ul li {
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
  }

  .EC_left ul li:hover {
    background-color: #ed4040;
    color: #fff;
  }

  .CMcked {
    background-color: #ed4040;
    color: #fff;
  }

  .CM_right {
    width: 1000px;
    height: auto;
    float: right;
    text-align: center;
    margin-left: 10px;
  }

  .CM_rightHeader {
    width: 100%;
    height: 100%;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .contractName {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .EC_ComTitle {
    width: 100%;
    height: 45px;
    background-color: #F2F2F2;
    font-weight: bold;
    font-size: 16px;
    text-indent: 10px;
    text-align: left;
    display: flex;
    margin: 30px 0;
    align-items: center;
  }

  .CM_comTable {
    width: 100%;
  }

  .ECMain .littleTitle {
    margin: 40px 0 20px 10px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }

  .CM_align {
    text-align: right;
  }

  .CM_comTable td {
    padding-left: 80px;
    text-align: left;
  }

  .w640 {
    width: 640px !important;
  }

  .TC_tittle {
    padding-left: 0 !important;
  }

  .CM_ComLast {
    vertical-align: top;
    text-align: right;
    padding-right: 20px;
  }

  .CM_comDiv {
    margin-bottom: 30px;
  }

  .EC_div {
    display: none;
    text-align: left;
  }

  .checkedNav {
    display: block;
  }

  .EC_div p {
    font-size: 13px;
    line-height: 30px;
  }

  .ECMain p {
    margin: 0 auto;
    padding: 0 10px;
  }

  .EC_floatdiv {
    position: fixed;
    bottom: 0;
    line-height: 50px;
    /* background-color: #F2F2F2; */
    width: 1190px;
    padding-left: 10px;
    height: 50px;
    display: block;
    display: flex;
    align-items: center;
  }

  .EC_div p span {
    color: blue;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
  }

  .zhangTitle {
    font-size: 16px !important;
    font-weight: bold;
    margin: 30px 0 !important;
  }

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

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

  .leftSign label,
  .rightSign label {
    display: inline-block;
    width: 170px;
    text-align: right;
  }

  .leftSign span,
  .rightSign span {
    color: blue;
    display: inline-block;
    padding: 0 10px;
  }

  .EC_address {
    width: 300px;
    vertical-align: top;
    text-align: left;
    line-height: 1.5;
    margin-top: 15px;
  }

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

  .ECMain .content_table {
    margin-top: 10px;
    width: 100%;
    font-size: 13px;
  }

  .ECMain .content_table th,
  .ECMain .content_table th td {
    border: 1px solid #808080;
    text-align: center;
  }

  .ECMain .content_table th {
    background-color: #F2F2F2;
    padding: 8px 0;
  }

  .ECMain .content_table td {
    padding: 8px 0;
    color: blue;
    text-align: center;
    border: 1px solid #808080;
  }

  .LRTB {
    width: 100%;
    font-size: 13px;
    margin-bottom: 50px;
  }

  .LRTB td {
    padding: 8px 0 8px 20px;
    text-align: left;
  }

  .LRTB td span {
    color: blue;
    padding: 0 10px;
    display: inline-block;
  }

  .LRTB td:nth-child(odd) {
    text-align: right;
    padding-right: 20px;
  }

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

  .shouquanDiv {
    width: 100%;
    border: 1px solid #d1d1d1;
  }

  .ShouDiv_Title {
    text-align: center;
    margin: 20px auto !important;
    font-weight: bold;
  }

  .commonIndent {
    text-indent: 40px;
  }

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

  .travelDan td {
    border: none;
    text-align: left;
    text-indent: 20px;
    padding: 10px 0;
    font-size: 13px;
  }

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

  .EC_baoming td {
    border: 1px solid #808080;
  }

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

  /*弹出层*/
  .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;
  }

  .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;
  }

  .Ec_cha:hover {
    color: red;
  }

</style>

<template>
  <div class="ECMain clearfix" v-loading="pdfLoading">
    <div class="EC_left">
      <ul>
        <li :class="{'CMcked':cked==1}" @click="cked=1">{{$t('objFill.v101.Contract.shiyongsm')}}</li>
        <li :class="{'CMcked':cked==2}" @click="cked=2">{{$t('objFill.v101.Contract.hetongtk')}}</li>
        <li :class="{'CMcked':cked==3}" @click="cked=3">{{$t('objFill.v101.Contract.qianzangxx')}}</li>
        <li :class="{'CMcked':cked==4}" @click="cked=4">{{$t('objFill.v101.Contract.tousuxx')}}</li>
        <li :class="{'CMcked':cked==5}" @click="cked=5">{{$t('salesModule.LKMD')}}</li>
        <li :class="{'CMcked':cked==6}" @click="cked=6">{{$t('objFill.v101.Contract.lvkebmb')}}</li>
        <li :class="{'CMcked':cked==7}" @click="cked=7">{{$t('objFill.v101.Contract.souqwts')}}</li>
        <li :class="{'CMcked':cked==8}" @click="cked=8">{{$t('objFill.v101.Contract.lvkexcd')}}</li>
        <li :class="{'CMcked':cked==9}" @click="cked=9">{{$t('objFill.v101.Contract.anquanxxk')}}</li>
        <li :class="{'CMcked':cked==10}" @click="cked=10">{{$t('objFill.v101.Contract.lvkecls')}}</li>
        <li :class="{'CMcked':cked==11}" @click="cked=11">{{$t('objFill.v101.Contract.bucxy')}}1</li>
        <li :class="{'CMcked':cked==12}" @click="cked=12">{{$t('objFill.v101.Contract.bucxy')}}2</li>
      </ul>
    </div>
    <div class="CM_right">
      <div class="CM_rightHeader">
        <div class="contractName">{{$t('objFill.sichuanhpgjlxs')}}</div>
        <div class="contractName">{{$t('objFill.tuanduicjlyht')}}</div>
        <div>{{$t('objFill.hetongbh')}}：<span style="color:blue;font-size:14px;">{{dataList.contractNum}}</span></div>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==1}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.shiyongsm')}}</div>
        <p>1、{{$t('objFill.v101.Contract.shiysm1')}}</p>
        <p>2、{{$t('objFill.v101.Contract.shiysm2')}}</p>
        <p>3、{{$t('objFill.v101.Contract.shiysm3')}}</p>
        <p>4、{{$t('objFill.v101.Contract.shiysm4')}}</p>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==2}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.hetongtk')}}</div>
        <p>{{$t('objFill.lvyouzhe')}}：<span>{{dataList.clientName}}</span>{{$t('objFill.v101.administrative.deng')}}<span
            v-if="dataList.guestList">{{dataList.guestList.length}}</span>{{$t('objFill.v101.Contract.renmdkfy')}}</p>
        <p>{{$t('objFill.v101.Contract.chujins')}}：<span>{{dataList.company}}</span>；</p>
        <p>{{$t('objFill.v101.Contract.lxsywxkz')}}：<span>{{dataList.businessCertificate}}</span></p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diyizhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.shuyuhdinyi')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.diyitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.benhetsyhdy')}}</p>
        </h3>
        <p>1.
          {{$t('objFill.v101.Contract.shuyudinyi1')}}
        </p>
        <p>2.{{$t('objFill.v101.Contract.shuyudinyi2')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyoufybk')}}：</p>
        <p>（1）{{$t('objFill.v101.Contract.bixuqzqzf')}}</p>
        <p>（2）{{$t('objFill.v101.Contract.jiaotfhjwjcs')}}</p>
        <p>（3）{{$t('objFill.v101.Contract.zhusuf')}}</p>
        <p>（4）{{$t('objFill.v101.Contract.canfbhjsf')}}</p>
        <p>（5）{{$t('objFill.v101.Contract.chujtyapdjdmp')}}</p>
        <p>（6）{{$t('objFill.v101.Contract.xingczqtfy')}}</p>
        <p>（7）{{$t('objFill.v101.Contract.daoyoufwf')}}</p>
        <p>（8）{{$t('objFill.v101.Contract.bianjlyzzjfy')}}</p>
        <p>（9）{{$t('objFill.v101.Contract.chujsjwqtfwf')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyoufbh')}}：</p>
        <p>（1）{{$t('objFill.v101.Contract.banlhzfy')}}</p>
        <p>（2）{{$t('objFill.v101.Contract.banliltfy')}}</p>
        <p>（3）{{$t('objFill.v101.Contract.lvyouzywbxf')}}</p>
        <p>（4）{{$t('objFill.v101.Contract.hetwydycj')}}</p>
        <p>(5){{$t('objFill.v101.Contract.jingwaixf')}}</p>
        <p>(6){{$t('objFill.v101.Contract.xingzlyzfsfy')}}</p>
        <p>3.{{$t('objFill.v101.Contract.lvxingfzr')}}</p>
        <p>4.{{$t('objFill.v101.Contract.ziyouhd')}}</p>
        <p>5.{{$t('objFill.v101.Contract.ziyouhdqj')}}</p>
        <p>6.
          {{$t('objFill.v101.Contract.buhelddj')}}
        </p>
        <p>7.
          {{$t('objFill.v101.Contract.jutigwcs')}}
        </p>
        <p>
          8.{{$t('objFill.v101.Contract.lyouztbd')}}
        </p>
        <p>9.{{$t('objFill.v101.Contract.lituan')}}</p>
        <p>10.{{$t('objFill.v101.Contract.tuotuan')}}</p>
        <p>11.{{$t('objFill.v101.Contract.zhuantuan')}}</p>
        <p>12.{{$t('objFill.v101.Contract.pintuan')}}</p>
        <p>13.{{$t('objFill.v101.Contract.bukekangli')}}</p>
        <p>14.{{$t('objFill.v101.Contract.yijinhlzyyw')}}</p>
        <p>15.{{$t('objFill.v101.Contract.biyaodfy')}}</p>
        <p>16.{{$t('objFill.v101.Contract.gonggjtjyz')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dierzhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.hetongddl')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.diertiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.lvyouxcd')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.chusycjlxxcd')}}：</p>
        <p>（1）{{$t('objFill.v101.Contract.lvyouxcdfd')}}</p>
        <p>（2）{{$t('objFill.v101.Contract.lyoudjsmc')}}</p>
        <p>（3）{{$t('objFill.v101.Contract.jiaotongfwap')}}</p>
        <p>（4）{{$t('objFill.v101.Contract.zhusufwap')}}</p>
        <p>（5）{{$t('objFill.v101.Contract.yongczczcbz')}}</p>
        <p>（6）{{$t('objFill.v101.Contract.chujstyanylsj')}}</p>
        <p>（7）{{$t('objFill.v101.Contract.ziyouhdsj')}}</p>
        <p>（8）{{$t('objFill.v101.Contract.xingcapdylhd')}}</p>
        <h3>
          <p>{{$t('objFill.v101.Contract.xingcdyyx')}}</p>
        </h3>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.disantiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.dinglihet')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.lvyouzydrzrd')}}</p>
        <p>{{$t('objFill.v101.Contract.youlvyzddl')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.youlvyzddl')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.lvygkjxcp')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.chujinsdly')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.disanzhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.hetongsflyqy')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.diwutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chujsdql')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.genjulyzstzk')}}</p>
        <p>2.{{$t('objFill.v101.Contract.heshilkxx')}}</p>
        <p>3.{{$t('objFill.v101.Contract.anzhtydsqlf')}}</p>
        <p>4.{{$t('objFill.v101.Contract.lvyoutdjjqk')}}</p>
        <p>5.{{$t('objFill.v101.Contract.jujuelyztc')}}</p>
        <p>6.{{$t('objFill.v101.Contract.yaoqlxzdcdpczr')}}</p>
        <p>7.{{$t('objFill.v101.Contract.yaoqiulyzjk')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diliutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chujinsdyw')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.bujtfwbz')}}</p>
        <p>2.{{$t('objFill.v101.Contract.xheggysgcp')}}</p>
        <p>
          3.{{$t('objFill.v101.Contract.buyibhldjzz')}}
        </p>
        <p>
          4.{{$t('objFill.v101.Contract.zaict1cqsmf')}}
        </p>
        <p>5.{{$t('objFill.v101.Contract.weilytdap')}}</p>
        <p>6.{{$t('objFill.v101.Contract.tuosanbgly')}}</p>
        <h3>
          <p class="zhangTitle">7.{{$t('objFill.v101.Contract.weilyzff')}}</p>
        </h3>
        <p>8.{{$t('objFill.v101.Contract.lyzrscc')}}</p>
        <p>9.{{$t('objFill.v101.Contract.jijixdcl')}}</p>
        <p>10.{{$t('objFill.v101.Contract.tishilyz')}}</p>
        <p>11.{{$t('objFill.v101.Contract.xianglyztg')}}</p>
        <p>12.{{$t('objFill.v101.Contract.yifadlyzgr')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diqitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.lvyzdql')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.yaoqcjsazht')}}</p>
        <p>2.{{$t('objFill.v101.Contract.juejwjyxzt')}}</p>
        <p>3.{{$t('objFill.v101.Contract.youquanzz')}}
        </p>
        <p>4.{{$t('objFill.v101.Contract.zaizhiflyf')}}</p>
        <p>5.{{$t('objFill.v101.Contract.rengeizymzfs')}}</p>
        <p>6.{{$t('objFill.v101.Contract.zairsccaq')}}</p>
        <p>7.{{$t('objFill.v101.Contract.zaihfqyss')}}</p>
        <p>8.{{$t('objFill.v101.Contract.zhonghrmghglyf')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dibatiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.lvyuzeyw')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.rushitxcj')}} </p>
        <p>2.{{$t('objFill.v101.Contract.xiangcjstj')}}</p>
        <p>3.{{$t('objFill.v101.Contract.anzhtydzffy')}}</p>
        <p>4.{{$t('objFill.v101.Contract.peihldtygl')}}</p>
        <p>5.{{$t('objFill.v101.Contract.zhunswgly')}}</p>
        <p>6.{{$t('objFill.v101.Contract.zhunslymddgj')}}</p>
        <p>7.{{$t('objFill.v101.Contract.duiguojydzd')}}</p>
        <p>8.{{$t('objFill.v101.Contract.tuosbgzjxl')}}</p>
        <p>9.{{$t('objFill.v101.Contract.zailyhdzh')}}</p>
        <p>10.{{$t('objFill.v101.Contract.zaizxaphdqj')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.disizhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.hetongdbgyzr')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.dijiutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.hetongdbg')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.chujsylyzxsyz')}}</p>
        <p>2.{{$t('objFill.v101.Contract.xingcksydbk')}}
        </p>
        <p>3.{{$t('objFill.v101.Contract.xingczydbkkys')}}</p>
        <p>（1）{{$t('objFill.v101.Contract.hetbnwqlx')}}</p>
        <p>（2）{{$t('objFill.v101.Contract.weijlyzre')}}</p>
        <p>（3）{{$t('objFill.v101.Contract.zaoclyzzl')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.hetongzr')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.lvyxckszrcd')}}</p>
        <p>{{$t('objFill.v101.Contract.zhnegdlydbx')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishiyitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.buchengtdap')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.dangwddwdct')}}</p>
        <p>
          1.{{$t('objFill.v101.Contract.zhuantlqht')}}
        </p>
        <p>2.{{$t('objFill.v101.Contract.yanqicthgqxl')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diwuzhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.hetongjiec')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.dishiertiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chujinsjcht')}}</p>
        </h3>
        <p>
          1.{{$t('objFill.v101.Contract.weiddydctjcht')}}
        </p>
        <p>2.{{$t('objFill.v101.Contract.lvyzyxlqx')}}</p>
        <p>（1）{{$t('objFill.v101.Contract.huanycrdjb')}}</p>
        <p>（2）{{$t('objFill.v101.Contract.xiedwhhhaq')}}</p>
        <p>（3）{{$t('objFill.v101.Contract.congswfhwf')}}</p>
        <p>（4）{{$t('objFill.v101.Contract.congsyzyxtr')}}</p>
        <p>（5）{{$t('objFill.v101.Contract.falvgddyx')}}</p>
        <p>{{$t('objFill.v101.Contract.chujsyss')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishisantiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.lvyzjcht')}}</p>
        </h3>
        <p>
          1.{{$t('objFill.v101.Contract.weidadydctxgydcl')}}
        </p>
        <p>
          2.{{$t('objFill.v101.Contract.chubddykyd')}}
        </p>
        <p>3.{{$t('objFill.v101.Contract.lyzwaydcf')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishisitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.yinbkklxjcht')}}</p>
        </h3>
        <p>
          {{$t('objFill.v101.Contract.yinbkklcjslygd')}}
        </p>
        <p>{{$t('objFill.v101.Contract.hetjcdcjs')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishiwutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.biydfykc')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.lvyouzcxqssr')}}</p>
        <p>{{$t('objFill.v101.Contract.jiechuhtkc1')}}</p>
        <p>{{$t('objFill.v101.Contract.jiechuhtkc2')}}</p>
        <p>{{$t('objFill.v101.Contract.jiechuhtkc3')}}</p>
        <p>{{$t('objFill.v101.Contract.jiechuhtkc4')}}</p>
        <p>{{$t('objFill.v101.Contract.jiechuhtkc5')}}</p>
        <p>2.{{$t('objFill.v101.Contract.zaixczjchtkfbz')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyfyycyts')}}</p>
        <p>{{$t('objFill.v101.Contract.ruassbclyfze')}}</p>
        <p>{{$t('objFill.v101.Contract.jiechtbtkss')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishiliutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chujsxzlyfcfy')}}</p>
        </h3>
        <p>
          {{$t('objFill.v101.Contract.fancysfcd')}}
        </p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diliuzhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.weiyuezr')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.dishiqitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chujinsdwyzr')}}</p>
        </h3>
        <p>
          1.{{$t('objFill.v101.Contract.chujjchtwyj')}}
        </p>
        <p>{{$t('objFill.v101.Contract.chujwyj1')}}</p>
        <p>{{$t('objFill.v101.Contract.chujwyj2')}}</p>
        <p>{{$t('objFill.v101.Contract.chujwyj3')}}</p>
        <p>{{$t('objFill.v101.Contract.chujwyj4')}}</p>
        <p>{{$t('objFill.v101.Contract.chujwyj5')}}</p>
        <p>{{$t('objFill.v101.Contract.chujwyj6')}}</p>
        <p>{{$t('objFill.v101.Contract.chujwyj7')}}</p>
        <p>2.{{$t('objFill.v101.Contract.chujwtgfw')}}</p>
        <p>
          3.{{$t('objFill.v101.Contract.chujjblxtj')}}
        </p>
        <p>
          4.{{$t('objFill.v101.Contract.weijlzty')}}
        </p>
        <p>5.{{$t('objFill.v101.Contract.chujyyxqxzy')}}</p>
        <p>（1）{{$t('objFill.v101.Contract.chujsybhl')}}</p>
        <p>（2）{{$t('objFill.v101.Contract.weijsfxd')}}</p>
        <p>6.{{$t('objFill.v101.Contract.yulyzcxjfs')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishibatiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.lvyouzdwyz')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.yinbtccj')}}</p>
        <p>2.{{$t('objFill.v101.Contract.lvyouzcc')}}</p>
        <p>3.{{$t('objFill.v101.Contract.youyulyzgc')}}</p>
        <p>4.{{$t('objFill.v101.Contract.lvyouzlyhdz')}}</p>
        <p>5.{{$t('objFill.v101.Contract.lvyouzwfaqjs')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.dishijiutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.qitazeren')}}</p>
        </h3>
        <p>
          1.{{$t('objFill.v101.Contract.zerenhfy')}}
        </p>
        <p>2.{{$t('objFill.v101.Contract.youyulyzzsyy')}}</p>
        <p>3.{{$t('objFill.v101.Contract.lvyouzzxap')}}</p>
        <p>4.{{$t('objFill.v101.Contract.chujsdyy')}}</p>
        <p>5.{{$t('objFill.v101.Contract.youyuggjt')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diqizhang')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.xieyitk')}}</p>
        </h3>
        <h3>
          <p>{{$t('objFill.v101.Contract.diershitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.xianluxcsj')}}</p>
        </h3>
        <p>
          {{$t('objFill.v101.Contract.lvyouxlw')}}<span>{{dataList.productName}}</span>
          {{$t('objFill.chufashijian')}} <span>{{getDate(dataList.startDate)}}</span>
          {{$t('MarketingActi.endTime')}}<span>{{getDate(dataList.returnDate)}}</span>
          {{$t('hotel.hotel_totalRoom')}}<span>{{dataList.dayNum}}</span>{{$t('hotel.hotel_day')}}<span>{{dataList.nightNum}}</span>{{$t('objFill.v101.Contract.ye')}}。
        </p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershiyitiao')}}</p>
        </h3>
        <p>
          {{$t('salesModule.Adult')}}<span>{{dataList.adultPrice}}</span>{{$t('hotel.hotel_yuan')}}/{{$t('hotel.hotel_people')}}，{{$t('op.Child')}}<span>{{dataList.childPrice}}</span>{{$t('hotel.hotel_yuan')}}/{{$t('hotel.hotel_people')}}；{{$t('objFill.v101.Contract.qizdyfwf')}}
          <span>{{dataList.servicePrice}}</span>{{$t('hotel.hotel_yuan')}}/{{$t('hotel.hotel_people')}}；{{$t('objFill.v101.Contract.lvyoufyhj')}}<span>{{dataList.orderPrice}}</span>{{$t('hotel.hotel_yuan')}}。
        </p>
        <p>{{$t('objFill.v101.Contract.lvyoufyzffs')}}<span> {{dataList.payType==1?$t('fnc.xianjin'):$t('objFill.zhuanzhang')}} </span></p>
        <p>{{$t('objFill.v101.Contract.lvyoufyzfsj')}}<span>{{getDate(dataList.payDate)}}</span></p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershiertiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.rensywshbx')}}</p>
        </h3>
        <p>
          {{$t('objFill.lvyouzhe')}}<span> {{dataList.insuranceOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}} </span>{{$t('objFill.v101.Contract.tongydgwx')}}
          <span></span>{{$t('objFill.v101.Contract.toubdxgxx')}}{{$t('objFill.v101.Contract.baoxianje')}}<span>{{dataList.insuranceAmount}}</span>{{$t('objFill.v101.Contract.wurenmb')}}
        </p>
        <p>{{$t('objFill.lvyouzhe')}}<span>{{dataList.clientName}}</span>{{$t('objFill.v101.Contract.xingmyydzx')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershisantiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.chengtrsgd')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.chengtdzdrs')}}<span>{{dataList.minNumber}}</span>{{$t('hotel.hotel_people')}}。</p>
        <p>{{$t('objFill.v101.Contract.rubunct')}}</p>
        <p>1.<span> {{dataList.insteadOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}
          </span>{{$t('objFill.chujingswt')}}<span>{{dataList.insteadCompany}}</span>{{$t('objFill.chujingslxht')}}；</p>
        <p>2.<span> {{dataList.delayOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}} </span>{{$t('objFill.v101.Contract.tongyyqct')}}</p>
        <p>3.<span> {{dataList.changeOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}} </span>{{$t('objFill.v101.Contract.tongyqtxlxt')}}</p>
        <p>4.<span> {{dataList.terminateOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}} </span>{{$t('objFill.v101.Contract.tongyjcht')}}</p>
        <h3>
          <p class="zhangTitle">>{{$t('objFill.v101.Contract.diershisitiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.pintyd')}}</p>
        </h3>
        <p>{{$t('objFill.lvyouzhe')}}<span> {{dataList.carpoolOpinion==1?$t('salesModule.Agree'):$t('objFill.butongyi')}}
          </span>{{$t('objFill.v101.Contract.caiyptfspz')}}<span>{{dataList.carpoolCompany}}</span>{{$t('objFill.v101.Contract.chujsct')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershiwutiao')}}&nbsp;&nbsp;{{$t('objFill.v101.Contract.ziyuangw')}}</p>
        </h3>
        <p>1.{{$t('objFill.v101.Contract.ziygw1')}}</p>
        <p>2.{{$t('objFill.v101.Contract.ziygw2')}}</p>
        <p>3.{{$t('objFill.v101.Contract.ziygw3')}}</p>
        <p>4.{{$t('objFill.v101.Contract.ziygw4')}}</p>
        <p>5. {{$t('objFill.v101.Contract.ziygw5')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershiliutiao')}}&nbsp;&nbsp;{{$t('objFill.zhenyidjjfs')}}</p>
        </h3>
        <p>
          {{$t('objFill.v101.Contract.benhtlxgc')}}<span>{{dataList.settleDisputeMode}}</span>{{$t('objFill.zhongfangs')}}：
        </p>
        <p>1.{{$t('fnc.tijiao')}}<span>{{dataList.arbitrationCommission}}</span>{{$t('objFill.v101.Contract.zhongcwyhzc')}}</p>
        <p>2.{{$t('objFill.yifaxiang')}}<span>{{dataList.court}}</span>{{$t('objFill.renmingfyqs')}}。</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershiqitiao')}}&nbsp;&nbsp;{{$t('objFill.qitayuedsx')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.weijinsy')}}</p>
        <h3>
          <p class="zhangTitle">{{$t('objFill.v101.Contract.diershibatiao')}}&nbsp;&nbsp;{{$t('objFill.hetongxiaol')}}</p>
        </h3>
        <p class="zhangTitle">
          {{$t('objFill.v101.Contract.benhtys')}}<span>{{getTotalNum(dataList.totalNumber)}}</span>{{$t('salesModule.Fen')}}，{{$t('objFill.shuanfangc')}}<span>{{getTotalNum(dataList.eachNumber)}}</span>{{$t('objFill.v101.Contract.fenjytdfx')}}
        </p>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==3}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.qianzangxx')}}</div>
        <div class="leftSign">
          <div style="position:relative;">
            <label>{{$t('objFill.v101.Contract.lvyzqzgz')}}</label>
            <img style="position:absolute;width:120px;top:-30px;opacity:0.8" :src="dataList.companySignature" alt="" />
          </div>
          <div>
            <label>{{$t('objFill.zhengjianhm')}}：</label>
            <span>{{dataList.clientIdcardnum}}</span>
          </div>
          <div>
            <label>{{$t('admin.admin_address')}}：</label>
            <span class="EC_address">{{dataList.clientAddress}}</span>
          </div>
          <div>
            <label>{{$t('scen.sc_tel')}}：</label>
            <span>{{dataList.clientCall}}</span>
          </div>
          <div>
            <label>{{$t('objFill.chuanzhen')}}：</label>
            <span>{{dataList.clientFax}}</span>
          </div>
          <div>
            <label>{{$t('objFill.youbian')}}：</label>
            <span>{{dataList.clientPostCode}}</span>
          </div>
          <div>
            <label>{{$t('objFill.v101.Contract.dianzixx')}}：</label>
            <span>{{dataList.clientEmail}}</span>
          </div>
          <div>
            <label>{{$t('objFill.v101.Contract.qianyueriqi')}}：</label>
            <span>{{getDate(dataList.payDate)}}</span>
          </div>
          <div>
            <label>{{$t('objFill.qianyuedd')}}：</label>
            <span>{{dataList.contractPlace}}</span>
          </div>
        </div>
        <div class="rightSign">
          <div style="position:relative;">
            <label>{{$t('objFill.v101.Contract.chujsgz')}}：</label>
            <img class="zhangOne" src="" alt="" />
          </div>
          <div>
            <label>{{$t('objFill.jinbanr')}}：</label>
            <span>{{dataList.agentName}}</span>
          </div>
          <div>
            <label>{{$t('admin.admin_address')}}：</label>
            <span>{{dataList.companyAddress}}</span>
          </div>
          <div>
            <label>{{$t('scen.sc_tel')}}：</label>
            <span>{{dataList.companyCall}}</span>
          </div>
          <div>
            <label>{{$t('objFill.chuanzhen')}}：</label>
            <span>{{dataList.companyFax}}</span>
          </div>
          <div>
            <label>{{$t('objFill.youbian')}}：</label>
            <span>{{dataList.companyPostCode}}</span>
          </div>
          <div>
            <label>{{$t('objFill.v101.Contract.dianzixx')}}：</label>
            <span>{{dataList.companyEmail}}</span>
          </div>
          <div>
            <label>{{$t('objFill.v101.Contract.qianyueriqi')}}：</label>
            <span>{{getDate(dataList.payDate)}}</span>
          </div>
        </div>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==4}">
        <div class="EC_ComTitle" style="margin-bottom:40px;">{{$t('objFill.v101.Contract.tousuxx')}}</div>
        <p>{{$t('objFill.chujsjdtsdh')}}：<span>{{dataList.companyComplainCall}}</span></p>
        <p>{{$t('objFill.sichuanscdslyzj')}}：<span>{{dataList.regulatorName}}</span></p>
        <p>{{$t('objFill.v101.Contract.chengdzfjdw')}}：<span>{{dataList.regulatorWebsite}}</span></p>
        <p>{{$t('objFill.toushudh')}}：<span>{{dataList.regulatorComplainCall}}</span></p>
        <p>{{$t('admin.admin_address')}}：<span>{{dataList.regulatorAddress}}</span></p>
        <p>{{$t('objFill.youbian')}}：<span>{{dataList.regulatorPostCode}}</span></p>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==5}">
        <div class="EC_ComTitle">{{$t('salesModule.TravelInfo')}}</div>
        <table class="content_table" border="0" style="border-collapse:collapse" cellspacing="0" cellpadding="0">
          <tr>
            <th>{{$t('system.query_name')}}</th>
            <th>{{$t('visaT.nationality')}}</th>
            <th>{{$t('objFill.v101.Contract.mingzu')}}</th>
            <th>{{$t('system.table_sex')}}</th>
            <th>{{$t('admin.admin_BirthDate')}}</th>
            <th>{{$t('system.table_IDcard')}}</th>
            <th>{{$t('system.table_Passport')}}</th>
            <th>{{$t('system.table_phone')}}</th>
          </tr>
          <tr v-for="item in dataList.guestList">
            <td>
              {{item.surName+''+item.name}}</br>
              {{item.eSurName+''+item.eName}}
            </td>
            <td>{{item.nationalityName}}</td>
            <td></td>
            <td>{{item.sex==1?$t('pub.man'):$t('pub.woman')}}</td>
            <td>{{getDate(item.birthday)}}</td>
            <td>{{item.idCard}}</td>
            <td>{{item.passportNo}}</td>
            <td>{{item.mobilePhone}}</td>
          </tr>
        </table>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==6}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.lvyoubmb')}}</div>
        <p>
          <b>{{$t('objFill.v101.Contract.lvyouxljbh')}}</b><span>{{dataList.productName}}</span>
          <b style="margin-left:100px;">{{$t('objFill.v101.Contract.lvyouzctyxsj')}}</b>
          <span>{{getDate(dataList.startDate)}}</span>
        </p>
        <table class="LRTB EC_baoming" cellpadding="0" cellspacing="0"
          style="border-collapse:collapse;margin-top:30px;line-height:20px;">
          <tr>
            <td width="20%">{{$t('system.query_name')}}</td>
            <td width="30%"><span>{{dataList.clientName}}</span></td>
            <td width="20%">{{$t('system.table_sex')}}</td>
            <td>
              <span></span>
            </td>
          </tr>
          <tr>
            <td>{{$t('objFill.v101.Contract.mingzu')}}</td>
            <td><span></span></td>
            <td>{{$t('admin.admin_BirthDate')}}</td>
            <td>
              <span></span>
            </td>
          </tr>
          <tr>
            <td>{{$t('system.table_IDcard')}}</td>
            <td><span>{{dataList.clientIdcardnum}}</span></td>
            <td>{{$t('restaurant.res_ContactNumber')}}</td>
            <td>
              <span>{{dataList.clientCall}}</span>
            </td>
          </tr>
          <tr>
            <td>{{$t('visaT.nationality')}}</td>
            <td><span></span></td>
            <td>{{$t('system.table_Passport')}}</td>
            <td>
              <span>{{dataList.clientPassport}}</span>
            </td>
          </tr>
          <tr>
            <td>{{$t('objFill.v101.Contract.shengtizk')}}</td>
            <td colspan="3">
              <div><span>{{dataList.healthRemark}}</span></div>
              <div>（{{$t('objFill.v101.Contract.xuzmstcjd')}}）</div>
            </td>
          </tr>
          <tr>
            <td colspan="4" style="text-align:left;">
              <p>{{$t('objFill.v101.Contract.lvyouzffyq')}}</p>
              <p>{{$t('objFill.v101.Contract.tongzhur')}}：<span>{{dataList.togetherRemark}}</span></p>
              <p>{{$t('objFill.dannan')}}/{{$t('objFill.dannv')}}：<span>{{dataList.singleRemark}}</span>（{{$t('objFill.v101.Contract.xuyapytrtz')}}）</p>
              <p>{{$t('objFill.v101.Contract.buzhancry')}}：<span>{{dataList.nobedRemark}}</span></p>
              <p>{{$t('objFill.v101.Contract.danduzry')}}：<span>{{dataList.aloneRemark}}</span>（{{$t('objFill.v101.Contract.tongybjffce')}}）</p>
            </td>
          </tr>
          <tr>
            <td colspan="4" style="text-align:left;">
              <p>{{$t('objFill.v101.Contract.qitbcyd')}}：</p>
              <p>{{$t('objFill.v101.Contract.womenyx')}}<span
                  v-if="dataList.guestList">{{dataList.guestList.length}}</span>{{$t('objFill.v101.Contract.renqdcjggszz')}}<span>{{getDate(dataList.startDate)}}</span>{{$t('OrderList.zhi')}}<span>{{getDate(dataList.returnDate)}}</span>{{$t('OrderList.ricpmc')}}：
                <span>{{dataList.productName}}</span>{{$t('objFill.v101.Contract.suitlybcj')}}<span>{{dataList.clientName}}</span>{{$t('objFill.v101.Contract.souwtdbwm')}
              </p>
              <p style="margin-bottom:10px;">{{$t('objFill.v101.Contract.lvyouzqzgz')}}：<img style="position:relative;top:12px;width:140px;"
                  :src="dataList.companySignature" alt="" /><span>{{getDate(dataList.payDate)}}</span></p>
            </td>
          </tr>
          <tr>
            <td>{{$t('pub.pubRemark')}}</td>
            <td colspan="3">{{$t('objFill.v101.Contract.nianldysb')}}</td>
          </tr>
          <tr>
            <td>{{$t('objFill.v101.Contract.fuwuwdmc')}}</td>
            <td><span>{{dataList.contractPlace}}</span></td>
            <td>{{$t('objFill.v101.Contract.chujsjbr')}}</td>
            <td><span>{{dataList.agentName}}</span></td>
          </tr>
          <tr>
            <td>{{$t('objFill.v101.Contract.fenzjgmc')}}</td>
            <td><span></span></td>
            <td>{{$t('objFill.v101.Contract.jinbrlxdh')}}</td>
            <td><span>{{dataList.agentCall}}</span></td>
          </tr>
        </table>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==7}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.souqwts')}}</div>
        <template v-for="(item,index) in dataList.guestList">
          <p class="shouquanNum">{{index+1}}</p>
          <div class="shouquanDiv">
            <p class="ShouDiv_Title">{{$t('objFill.v101.Contract.souqwts')}}</p>
            <p><span>{{dataList.company}}</span>：</p>
            <p class="commonIndent">
              {{$t('objFill.v101.Contract.ziyoubr')}}<span>{{item.surName+''+item.name}}</span>{{$t('objFill.v101.Contract.weitrxmsm')}}<span>{{dataList.clientName}}</span>{{$t('objFill.v101.Contract.weitrqsbhw')}}：<span>{{dataList.contractNum}}</span>
              {{$t('objFill.v101.Contract.delvyhthfdb')}
            </p>
            <p class="commonIndent">{{$t('objFill.v101.Contract.benrenbz')}}：</p>
            <p class="commonIndent">1、{{$t('objFill.v101.Contract.woyzxhtqbbr')}}</p>
            <p class="commonIndent">2、{{$t('objFill.v101.Contract.shouwtrjy')}}</p>
            <p class="commonIndent">{{$t('objFill.v101.Contract.techism')}}</p>
            <p style="margin:20px 0;">{{$t('objFill.v101.Contract.weituirqz')}}：<span>{{item.surName+''+item.name}}</span>{{$t('system.table_IDcard')}}：<span>{{item.idCard}}</span>
              {{$t('scen.sc_tel')}}：<span>{{item.mobilePhone}}</span>
            </p>
            <p>{{$t('objFill.v101.Contract.weituirqz')}}：<img style="position:relative;top:20px;width:140px;" :src="dataList.companySignature" alt="">
              {{$t('scen.sc_tel')}}：<span>{{dataList.clientCall}}</span>
            </p>
            <p>{{$t('objFill.v101.Contract.weituirqz')}}<span>{{item.surName+''+item.name}}
              </span>{{$t('objFill.v101.Contract.weitrxmbrcj')}}>
            </p>
            <p style="text-align:right;margin:20px 40px 20px 0">{{$t('objFill.v101.Contract.weitrq')}}：<span>{{getDate(dataList.payDate)}}</span></p>
          </div>
        </template>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==8}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.lvkexcd')}}</div>
        <p class="shouquanNum">{{$t('objFill.v101.Contract.yifuzzlyxcd')}}</p>
        <table class="travelDan" cellpadding="0" cellspacing="0" border="0" style="margin:50px 0;width:100%;border:0;">
          <tr>
            <td style="position:relative;">
              {{$t('objFill.v101.Contract.lvyzqzgz')}}：<img style="position:absolute;top:-20px;width:140px;" :src="dataList.companySignature"
                alt="" />
            </td>
            <td style="position:relative;">
              {{$t('objFill.v101.Contract.chujsgz')}}：<img class="zhangTwo" src="" alt="">
            </td>
          </tr>
          <tr>
            <td></td>
            <td style="text-indent:46px;">{{$t('objFill.jinbanr')}}：<span>{{dataList.agentName}}</span></td>
          </tr>
          <tr>
            <td style="text-indent:113px;">{{$t('objFill.v101.Contract.qianyueriqi')}}：<span>{{getDate(dataList.payDate)}}</span></td>
            <td style="text-indent:35px;">{{$t('objFill.v101.Contract.qianyueriqi')}}：<span>{{getDate(dataList.payDate)}}</span></td>
          </tr>
        </table>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==9}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.anquanxxk')}}</div>
        <template v-for="(item,index) in dataList.guestList">
          <p class="shouquanNum">{{index+1}}</p>
          <table class="LRTB EC_baoming" cellpadding="0" cellspacing="0"
            style="border-collapse:collapse;margin-top:30px;line-height:20px;">
            <tr>
              <td width="300">{{$t('visaT.Chinesesurname')}}</br>Chinese surname</td>
              <td><span>{{item.surName}}</span></td>
              <td width="200">{{$t('admin.admin_Surname')}}<br />Chinese name</td>
              <td width="200"><span>{{item.name}}</span></td>
            </tr>
            <tr>
              <td>{{$t('visaT.Englishsurname')}}</br>Family name</td>
              <td><span>{{item.eSurName}}</span></td>
              <td>{{$t('admin.admin_EnSurname')}}<br />Given name</td>
              <td><span>{{item.eName}}</span></td>
            </tr>
            <tr>
              <td>{{$t('admin.admin_IDcard')}}</br>ID card number</td>
              <td><span>{{item.idCard}}</span></td>
              <td>{{$t('sm.huzhaohaoma')}}<br />Passport number</td>
              <td><span>{{item.passportNo}}</span></td>
            </tr>
            <tr>
              <td>{{$t('visaT.nationality')}}</br>Nationality</td>
              <td colspan="3"><span>{{item.nationalityName}}</span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.jinjqgkx')}}</br>Emergency contact</td>
              <td colspan="3"><span></span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.xuexing')}}</br>Blood type</td>
              <td colspan="3"><span></span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.guominshi')}}</br>Allergy history</td>
              <td colspan="3"><span></span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.jiwangjb')}}</br>Formerly medical history</td>
              <td colspan="3"><span></span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.keysydsybx')}}</br>Commercial insurance company name</td>
              <td colspan="3"><span></span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.tebiesm')}}</br>Special description</td>
              <td colspan="3"><span></span></td>
            </tr>
            <tr>
              <td>{{$t('objFill.v101.Contract.chikrqz')}}</br>signature</td>
              <td colspan="3"><span>{{item.name}}</span></td>
            </tr>
          </table>

        </template>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==10}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.lvkecls')}}</div>
        <h3 style="margin-bottom:30px;font-size:15px;">
          <p>{{$t('objFill.v101.Contract.zhongggmcxzn')}}</p>
        </h3>
        <p>{{$t('objFill.v101.Contract.chuxzn1')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn2')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn3')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn4')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn5')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn6')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn7')}}</p>
        <p>{{$t('objFill.v101.Contract.chuxzn8')}}</p>
        <h3 style="margin:30px 0;font-size:15px;">{{$t('objFill.v101.Contract.lvyouwmcls')}}</h3>
        <p>{{$t('objFill.v101.Contract.weilwhlywm')}}：</p>
        <p>{{$t('objFill.v101.Contract.zailygcz')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl1')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl2')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl3')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl4')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl5')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl6')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl7')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl8')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl9')}}</p>
        <p>{{$t('objFill.v101.Contract.lvyouwmcl10')}}</p>
        <p style="margin-bottom:30px;">
          {{$t('objFill.v101.Contract.lvyouzqzgz')}}：<img style="position:relative;top:12px;width:140px;" :src="dataList.companySignature" />
          <span>{{getDate(dataList.payDate)}}</span>
        </p>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==11}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.bucxy')}}1</div>
        <p class="shouquanNum" style="text-align:center;">{{$t('objFill.v101.Contract.ziyuangwxy')}}</p>
        <div style="position:relative;">
          <div class="remindInfo">{{$t('objFill.v101.Contract.xiangjxcd')}}</div>
          <table class="content_table" cellpadding="0" cellspacing="0"
            style="border-collapse:collapse;margin-top:30px;">
            <tr>
              <th>{{$t('objFill.jutishij')}}</th>
              <th width="150">{{$t('objFill.didian')}}</th>
              <th>{{$t('objFill.gouwucsmc')}}</th>
              <th>{{$t('objFill.zhuyaospxx')}}</th>
              <th>{{$t('objFill.zuichangtlsj')}}</th>
              <th>{{$t('objFill.qitashuim')}}</th>
              <th>{{$t('objFill.lvyouzqmty')}}</th>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <img style="width:140px;" :src="dataList.companySignature" alt="" />
              </td>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <img style="width:140px;" :src="dataList.companySignature" alt="" />
              </td>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <img style="width:140px;" :src="dataList.companySignature" alt="" />
              </td>
            </tr>
          </table>
        </div>
        <p>
          {{$t('objFill.v101.Contract.chujsjbr')}}：<span>{{dataList.agentName}}</span>
        </p>
      </div>
      <div class="EC_div" :class="{'checkedNav':cked==12}">
        <div class="EC_ComTitle">{{$t('objFill.v101.Contract.bucxy')}}1</div>
        <p class="shouquanNum" style="text-align:center;">{{$t('objFill.v101.Contract.ziyuancjlfflx')}}</p>
        <div style="position:relative;">
          <div class="remindInfo">{{$t('objFill.v101.Contract.xiangjxcd')}}</div>
          <table class="content_table" cellpadding="0" cellspacing="0"
            style="border-collapse:collapse;margin-top:30px;">
            <tr>
              <th>{{$t('objFill.jutishij')}}</th>
              <th width="150">{{$t('objFill.didian')}}</th>
              <th>{{$t('objFill.gouwucsmc')}}</th>
              <th>{{$t('objFill.zhuyaospxx')}}</th>
              <th>{{$t('objFill.zuichangtlsj')}}</th>
              <th>{{$t('objFill.qitashuim')}}</th>
              <th>{{$t('objFill.lvyouzqmty')}}</th>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <img style="width:140px;" :src="dataList.companySignature" alt="" />
              </td>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <img style="width:140px;" :src="dataList.companySignature" alt="" />
              </td>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>
                <img style="width:140px;" :src="dataList.companySignature" alt="" />
              </td>
            </tr>
          </table>
        </div>
        <p>
          {{$t('objFill.v101.Contract.chujsjbr')}}：<span>{{dataList.agentName}}</span>
        </p>
      </div>
      <div class="EC_floatdiv">
        <input type="button" class="normalBtn" v-if="dataList.status==1" @click="getinvalid()" :value="$t('active.cl_zuofei')" />
        <input type="button" class="normalBtn" v-if="dataList.companySignature==''" @click="isShowFade=true,GetQrCode()"
          :value="$t('objFill.v101.Contract.kehuqz')" />
        <input type="button" class="normalBtn" v-if="dataList.companySignature!=''" :value="$t('objFill.xz')"
          @click="toContractPDF(dataList.contractNum)" />
      </div>
    </div>
    <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 {
        //选中切换
        cked: 1,
        //查询参数
        msg: {
          TCID: 0,
          orderID: 0
        },
        //数据源
        dataList: [],
        isShowFade: false,
        QRCodeStr: "",
        pdfLoading: false
      };
    },
    methods: {

      // 生成二维码
      GetQrCode: function () {
        let urlObj = this.domainManager();
        let msg = {
          TCID: this.$route.query.TCID,
          orderID: this.$route.query.orderID,
          pUrl: "clientConfirm",
        };
        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 = {
          TCID: this.$route.query.TCID,
          orderID: this.$route.query.orderID,
        };
        this.pdfLoading = true;
        this.$http({
          headers: {
            'Content-Type': 'application/json'
          },
          method: 'post',
          url: urlObj.DomainUrl + '/api/file/GetDownLoadContract',
          data: {
            "msg": msg
          }
        }).then(res => {
          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'));
          }
          this.pdfLoading = false
        }).catch(err => {

        })
      },
      //获取数据
      getList() {
        this.apipost("travelcontract_post_GetContractInfoService", this.msg, res => {
          if (res.data.resultCode === 1) {
            this.dataList = res.data.data;
          } 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;
        }
      },
      //作废
      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'));
        });
      }
    },
    mounted() {
      this.msg.TCID = this.$route.query.TCID;
      this.msg.orderID = this.$route.query.orderID;
      this.getList();
    }
  };

</script>