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

  .TC-MainContent-box .el-dialog__body {
    max-height: initial !important;
    padding: 0
  }

  .TC-MainContent-box .el-input .el-input__inner {
    height: 34px;
  }

  .TC-MainContent {
    min-height: 650px;
    background: url(../../assets/img/bodyBg.png);
    padding-top: 10px;
    font: normal 13px "Microsoft Yahei";
    color: #555;
    height: auto !important;
  }

  .TC-MainContent .fixedMenu {
    position: fixed;
    left: 20px;
    top: 75px;
    margin: 0;
    padding-top: 10px;
  }

  .TC-MainContent .fixedMenu li {
    padding: 5px 15px;
    position: relative;
    border-right: 2px solid #e2e2e2;
    cursor: pointer;
    list-style: none;
    font-size: 13px;
  }

  .TC-MainContent .fixedMenu li:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #e2e2e2;
    position: absolute;
    right: -12px;
    top: 11px;
  }

  .TC-MainContent .contractTit {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding: 15px 20px 12px;
    line-height: 30px;
    box-sizing: border-box;
    background: url(../../assets/img/bodyBg.png);
    font-size: 18px;
    color: #555;
  }

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

  .TC-MainContent .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
  }

  .TC-MainContent .mtop15 {
    margin-top: 15px;
  }

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

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

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

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

  .TC-MainContent .block em {
    font-style: normal;
  }

  .TC-MainContent .createTableTitle {
    padding: 10px 0;
    margin: 5px 30px 0;
    border-bottom: 1px dashed #ccc;
    font: normal 15px "microsoft yahei";
  }

  .TC-MainContent .createTable {
    background-color: #f9f9f9;
    width: 100%;
  }

  .TC-MainContent .el-form-item {
    margin-bottom: 10px;
  }

  .TC-MainContent .w300 {
    width: 300px !important;
  }

  .TC-MainContent .w150 {
    width: 150px !important;
  }

  .TC-MainContent .w60 {
    width: 60px !important;
  }

  .TC-MainContent .w180 {
    width: 180px !important;
  }

  .TC-MainContent .w138 {
    width: 138px !important;
  }

  .TC-MainContent .w600 {
    width: 600px !important;
  }

  .TC-MainContent .singeRowTable {
    width: 100%;
    border-collapse: collapse;
  }

  .TC-MainContent .singeRowTable tr th,
  .v-table-title-cell {
    background: #e6e6e6;
    height: 40px;
    font-size: 14px;
    color: #333;
  }

  .TC-MainContent .singeRowTable tr {
    background: #fff;
    text-align: center;
    height: 40px;
  }

  .TC-MainContent .singeRowTable tr:nth-child(2n + 1) {
    background: #fafafa;
  }

  .TC-MainContent .singeRowTable tr:hover {
    background: #f2f2f2;
  }

  .TC-MainContent .singeRowTable tr td {
    font-size: 12px;
    border: 1px solid #e5e5e5;
  }

  .TC-MainContent .TC_NewAddBtn {
    background-color: rgba(13, 36, 129, .8);
    width: 83px;
    height: 26px;
    color: #fff;
    border: none;
    margin-right: 5px;
    cursor: pointer;
  }

  .TC-MainContent .singeRowTable .el-button.is-circle {
    padding: 5px;
  }

  .TC-MainContent .TcNewTable td {
    padding: 5px;
  }

  .TC-MainContent .fixedMenu li.active {
    background: rgba(13, 36, 129, .8);
    color: #fff;
    border-right-color: rgba(13, 36, 129, .8);
  }

  .TC-MainContent .fixedMenu li.active:after {
    border-left-color: rgba(13, 36, 129, .8);
  }

  .TC-MainContent .pull-right {
    float: right;
  }

  .TC-MainContent .TC_disabled {
    color: #57a3f3;
    cursor: not-allowed !important;
  }

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

  .TC-MainContent .btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear,
        0 0,
        0 100%,
        from(#fbb450),
        to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    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='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 10px 19px;
    outline: none;
    border: none;
    cursor: pointer;
  }

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

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

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

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

  .feeJisuan .el-form-item__label {
    margin-top: 5px;
  }

  .onedayRed {
    color: red;
  }

  .onedayAccount .el-form-item__label {
    margin-top: 5px;
  }

  .ContractNum {
    font-size: 16px !important;
    color: rgba(13, 36, 129, .8);
    margin-left: 20px;
  }

  .Tc_ExchangeBtn {
    padding: 3px 10px;
    background-color: rgba(13, 36, 129, .8);
    color: #fff;
    float: right;
    margin-top: 10px;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .Tc_ExchangeBtn:hover {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
  }

  .TC-MainContent .disClick {
    background-color: #d1d1d1 !important;
    color: #fff !important;
    background-image: none;
    border: 1px solid #d1d1d1 !important;
  }

  .TC-MainContent .disClick:hover {
    background-color: #d1d1d1 !important;
    cursor: default !important;
    box-shadow: none !important;
  }
</style>
<template>
  <el-dialog @closed="closedDialog" :modal="false" :fullscreen="true" :visible.sync="dialogTableVisible"
    :close-on-click-modal="false" custom-class="MainContentBox" class="TC-MainContent-box">
    <div class="TC-MainContent">
      <!-- 内容开始 -->
      <ul class="fixedMenu" id="fixedMenu">
        <li v-for="(item, index) in menuArr" :key="index" :class="{ active: index == ckedIndex }"
          @click="(ckedIndex = index), goAnchor('#anchor-' + index)">
          {{ item }}
        </li>
      </ul>
      <div class="contractTit">
        <span>
          全国版国内旅游一日游合同示范文本
          <span class="ContractNum" v-if="CtObj.T_ContractNum">合同编号：{{CtObj.T_ContractNum}}</span>
          <span style="color:blue;font-size:14px;"></span>
        </span>
        <div class="pull-right">
          <el-button type="primary" class="add-box-btn" :class="{'disClick':!isSubmit}" @click="submitForm('CtObj')">保存
          </el-button>
          <el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false">取 消</el-button>
        </div>
      </div>
      <el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj">
        <div class="container-fluid" style="padding-top: 60px; padding-left: 220px;">
          <div class="block mtop15" id="anchor-0" ref="anchor0">
            <div class="blockTitle">
              <span class="icon">
                <i class="iconfont icon-dingdanguanli-"></i>
              </span>
              <h2>
                <em>合同基本信息</em>
              </h2>
            </div>
            <div class="createTableTitle">甲方(旅游者)</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <el-form-item label="姓名" prop="Tourists_Name">
                      <el-input type="text" v-model="CtObj.Tourists_Name" maxlength="100" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="联系电话" prop="Tourists_Tel">
                      <el-input type="text" v-model="CtObj.Tourists_Tel" maxlength="100" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="身份证件号码">
                      <el-input type="text" v-model="CtObj.Tourists_IDNum" maxlength="100" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="邮箱">
                      <el-input type="text" v-model="CtObj.Tourists_Email" maxlength="100" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="传真">
                      <el-input type="text" v-model="CtObj.Tourists_Fax" maxlength="100" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="住所">
                      <el-input type="text" v-model="CtObj.Tourists_Addres" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="createTableTitle">乙方(旅行社)</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <el-form-item label="名称">
                      <el-input type="text" v-model="CtObj.TravelAgency_Name" :disabled="true" class="w300"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="经营许可证编号">
                      <el-input type="text" class="w300" :disabled="true" v-model="CtObj.TravelAgency_LicenseNum">
                      </el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <!-- 无 -->
                    <el-form-item label="经营范围">
                      <el-input type="text" class="w300" :disabled="true" v-model="CtObj.TravelAgency_Scope"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="联系电话">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_Tel"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="传真">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_Fax"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="邮编">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_PostNum"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="经办人" prop="TravelAgency_DealMan">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_DealMan"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="身份证件号码">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_IDNum"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="营业地址">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_Address"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="签约地点">
                      <el-input type="text" class="w300" v-model="CtObj.TravelAgency_SignAddress"></el-input>
                    </el-form-item>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="createTableTitle">导游员</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <el-form-item label="姓名">
                      <el-input type="text" class="w300" v-model="CtObj.Guide_Name"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="导游证号">
                      <el-input type="text" class="w300" v-model="CtObj.Guide_Num"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="手机">
                      <el-input type="text" class="w300" @keyup.native="checkInteger(CtObj,'Guide_Tel')"
                        v-model="CtObj.Guide_Tel"></el-input>
                    </el-form-item>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="block mtop15" id="anchor-1" ref="anchor1">
            <div class="blockTitle">
              <span class="icon">
                <i class="iconfont icon-renwuguanli"></i>
              </span>
              <h2>
                <em>合同协议条款</em>
              </h2>
            </div>
            <div class="createTableTitle">线路行程时间</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <el-form-item label="团号">
                      <el-input type="text" class="w300" v-model="CtObj.C_TCNUM"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="出发时间" prop="C_StartDate">
                      <el-date-picker class="w300" v-model="CtObj.C_StartDate" type="date" value-format="yyyy-MM-dd"
                        placeholder></el-date-picker>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="出发地点" prop="C_StartAddress">
                      <el-input type="text" class="w300" v-model="CtObj.C_StartAddress"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="返回地点" prop="C_ReturnAddress">
                      <el-input type="text" class="w300" v-model="CtObj.C_ReturnAddress"></el-input>
                    </el-form-item>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="createTableTitle">交通安排</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <div style="margin:20px 0 20px 108px;">使用形式：</div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin:0 0 20px 108px;">
                      <span class="onedayRed">*</span>
                      (二选一)
                      <el-radio-group v-model="CtObj.C_TrafficType">
                        <el-radio :label="1">合车游</el-radio>
                        <el-radio :label="2">包车游</el-radio>
                      </el-radio-group>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="车牌号码">
                      <el-input type="text" class="w300" v-model="CtObj.C_BusCode"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="驾驶员姓名">
                      <el-input type="text" class="w300" v-model="CtObj.C_DriverName"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin:10px 0 20px 108px;">标 准：</div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin-left:108px;display:inline-block;">
                      <span class="onedayRed">*</span>
                      (二选一)
                      <el-radio-group v-model="CtObj.C_IsHaveKongTiao">
                        <el-radio :label="0">空调</el-radio>
                        <el-radio :label="1">无空调</el-radio>
                      </el-radio-group>
                    </div>
                    <div style="margin:0 0 20px 20px;display:inline-block;">
                      <span class="onedayRed">*</span>
                      (三选一)
                      <el-radio-group v-model="CtObj.C_BusType">
                        <el-radio :label="1">面包车</el-radio>
                        <el-radio :label="2">中巴</el-radio>
                        <el-radio :label="3">大巴</el-radio>
                      </el-radio-group>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="createTableTitle">餐饮安排</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <div style="margin:20px 0 20px 108px;">早餐：</div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="地点">
                      <el-input type="text" class="w300" v-model="CtObj.C_BreakfastAddress"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="标准">
                      <el-input type="text" class="w300" v-model="CtObj.C_BreakfastBasic"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin:20px 0 20px 108px;">午餐：</div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="地点">
                      <el-input type="text" class="w300" v-model="CtObj.C_LunchAddress"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="标准">
                      <el-input type="text" class="w300" v-model="CtObj.C_LunchBasic"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin:20px 0 20px 108px;">晚餐：</div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="地点">
                      <el-input type="text" class="w300" v-model="CtObj.C_DinnerAddress"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="标准">
                      <el-input type="text" class="w300" v-model="CtObj.C_DinnerBasic"></el-input>
                    </el-form-item>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="createTableTitle">旅游费用</div>
            <table class="createTable">
              <tbody>
                <tr>
                  <td>
                    <el-form-item label="成人" style="display:inline-block;" prop="C_AdultNum">
                      <el-input type="text" class="w150" @keyup.native="checkInteger(CtObj,'C_AdultNum')"
                        v-model="CtObj.C_AdultNum"></el-input>&nbsp;人×&nbsp;
                    </el-form-item>
                    <el-form-item label-width="0" style="display:inline-block;">
                      <el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_AdultPrice')"
                        v-model="CtObj.C_AdultPrice"></el-input>&nbsp;元/人&nbsp;+&nbsp;儿童
                    </el-form-item>
                    <el-form-item label-width="0" style="display:inline-block;">
                      <el-input type="text" class="w150" @keyup.native="checkInteger(CtObj,'C_ChildrenNum')"
                        v-model="CtObj.C_ChildrenNum"></el-input>&nbsp;人×&nbsp;&nbsp;
                    </el-form-item>
                    <el-form-item label-width="0" style="display:inline-block;">
                      <el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_ChildrenPrice')"
                        v-model="CtObj.C_ChildrenPrice"></el-input>&nbsp;元/人 =
                    </el-form-item>
                    <el-form-item label-width="0" style="display:inline-block;">
                      <el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_TotalPrice')"
                        v-model="CtObj.C_TotalPrice"></el-input>&nbsp;元
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="含：景点第一道门票、" style="display:inline-block;">
                      <el-input type="text" class="w150" v-model="CtObj.C_IncludeRemark"></el-input>
                    </el-form-item>
                    <el-form-item label="午(晚)餐费、往返车费、导游服务费" label-width="250px" style="display:inline-block;">
                      <el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_IncludeFee')"
                        v-model="CtObj.C_IncludeFee"></el-input>
                    </el-form-item>
                    <el-form-item label="；不含" style="display:inline-block;" label-width="60px">
                      <el-input type="text" class="w150" v-model="CtObj.C_NonIncludeRemark"></el-input>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="支付时间" prop="C_PayDate">
                      <el-date-picker class="w150" type="date" v-model="CtObj.C_PayDate" value-format="yyyy-MM-dd"
                        placeholder></el-date-picker>
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin:0 10px 0 108px;display:inline-block;">
                      <span class="onedayRed">*</span>
                      支付方式
                      <el-radio-group v-model="CtObj.C_PayType">
                        <el-radio :label="1">现金</el-radio>
                        <el-radio :label="5">转账</el-radio>
                      </el-radio-group>
                    </div>
                    <div style="margin:10px 0 0 10px;display:inline-block;" class="onedayAccount">
                      <el-form-item label="银行账号" label-width="80px">
                        <el-input type="text" class="w150" v-model="CtObj.C_PayTypeRemark"></el-input>
                      </el-form-item>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="createTableTitle">争议的解决方式</div>
            <table class="createTable feeJisuan">
              <tbody>
                <tr>
                  <td>
                    <div style="margin-left:114px;">
                      <el-form-item label="1.协商。旅行社客服电话">
                        <el-input type="text" class="w180" v-model="CtObj.TravelAgency_ServiceTel"></el-input>
                      </el-form-item>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <el-form-item label="2.投诉" style="display:inline-block;">
                      <el-input type="text" class="w180" v-model="CtObj.C_ComplaintProvince"></el-input>&nbsp;省&nbsp;
                    </el-form-item>
                    <el-form-item label-width="0" style="display:inline-block;">
                      <el-input type="text" class="w180" v-model="CtObj.C_ComplaintCity"></el-input>
                    </el-form-item>
                    <el-form-item label="市旅游质监执法机构投诉电话" label-width="200px" style="display:inline-block;">
                      <el-input type="text" class="w180" v-model="CtObj.C_ZhiFaTel"></el-input>
                    </el-form-item>
                    <el-form-item label="，消费者协会投诉电话" style="display:inline-block;">
                      <el-input type="text" class="w180" v-model="CtObj.C_XFZXHTSTel"></el-input>
                      。
                    </el-form-item>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div style="margin:0 0 20px 130px;">
                      <span class="onedayRed">*</span>
                      协商或投诉调解不成的，按下列第
                      <el-select class="w60" placeholder="" v-model="CtObj.C_SolveType">
                        <el-option label="1" :value="1"></el-option>
                        <el-option label="2" :value="2"></el-option>
                      </el-select>
                      种方式解决：
                    </div>
                  </td>
                </tr>
                <tr v-if="CtObj.C_SolveType==1">
                  <td>
                    <el-form-item label="1.将争议提交" label-width='225px'>
                      <el-input type="text" class="w300" v-model="CtObj.C_SolveRemark"></el-input>&nbsp;仲裁委员会仲裁；
                    </el-form-item>
                  </td>
                </tr>
                <tr v-if="CtObj.C_SolveType==2">
                  <td>
                    <div style="margin:0 0 20px 130px;">
                      2.依法向人民法院提起民事诉讼。
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="block mtop15" id="anchor-2" ref="anchor2">
            <div class="blockTitle">
              <span class="icon">
                <i class="iconfont icon-copy"></i>
              </span>
              <h2>
                <em>其他约定</em>
              </h2>
            </div>
            <div style="padding:10px;">
              未尽事宜，经旅游者和出境社双方协商一致，可以列入补充条款。(如合同空间不够，可以另附纸张，由双方签字或者盖章确认。)
            </div>
            <quill-editor v-model="CtObj.OtherConvention" style="height:400px;"></quill-editor>
          </div>
          <div class="block mtop15" id="anchor-3" ref="anchor3">
            <div class="blockTitle">
              <span class="icon">
                <i class="iconfont icon-Shape1"></i>
              </span>
              <h2>
                <em>行程信息</em>
                <input type="button" class="Tc_ExchangeBtn" @click="exchangeTrip()" :value="tripStr" />
              </h2>
            </div>
            <div style="padding:10px;background:#f9f9f9;color:red;">
              《行程单》应当对如下内容作出明确的说明：
              （1）旅游行程的出发地、途经地、目的地、结束地，线路行程时间（按自然日计算，含乘飞机、车、船等在途时间，不足24小时以一日计）；
              （2）旅游目的地地接社的名称、地址、联系人和联系电话；
              （3）交通服务安排及其标准（明确交通工具及档次等级、出发时间以及是否需中转等信息）；
              （4）住宿服务安排及其标准（明确住宿饭店的名称、地址、档次等级及是否有空调、热水等相关服务设施）；
              （5）用餐（早餐和正餐）服务安排及其标准（明确用餐次数、地点、标准）；
              （6）出境社统一安排的游览项目的具体内容及时间（明确旅游线路内容包括景区点及游览项目名称、景区点停留的最少时间）；
              （7）自由活动的时间；
              （8）行程安排的娱乐活动（明确娱乐活动的时间、地点和项目内容）；
              《行程单》用语须准确清晰，在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以××为准”、“与××同级”等不确定用语。
            </div>
            <div v-if="IsLoad==1">
              <commonTripList @tripData="tripData" :ContractTripList="CtObj.ContractTripList"
                :TripType="CtObj.TripType">
              </commonTripList>
            </div>
          </div>
          <div class="block mtop15" id="anchor-4" ref="anchor4">
            <div class="blockTitle">
              <span class="icon">
                <i class="iconfont icon-people"></i>
              </span>
              <h2>
                <em>游客信息</em>
              </h2>
            </div>
            <table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <th width="80">序号</th>
                <th><span class="onedayRed">*</span> 姓名</th>
                <th><span class="onedayRed">*</span> 性别</th>
                <th><span class="onedayRed">*</span> 证件类型</th>
                <th><span class="onedayRed">*</span> 证件号码</th>
                <th><span class="onedayRed">*</span> 联系电话（手机）</th>
                <th>身体状况</th>
                <th>操作</th>
              </tr>
              <tr v-for="(item, index) in CtObj.ContractGuestList" :key="index">
                <td>{{ index + 1 }}</td>
                <td>
                  <span v-if="item.IsShow == 0">{{ item.CGuestName }}</span>
                  <el-input type="text" class="w150" v-model="item.CGuestName" v-else></el-input>
                </td>
                <td>
                  <span v-if="item.IsShow == 0">{{ item.CGuestSex }}</span>
                  <el-select v-model="item.CGuestSex" v-else>
                    <el-option label="男" value="男"></el-option>
                    <el-option label="女" value="女"></el-option>
                  </el-select>
                </td>
                <td>
                  <span v-if="item.IsShow == 0">{{
                    item.CGuestCertificateType
                  }}</span>
                  <el-select v-model="item.CGuestCertificateType" v-else>
                    <el-option label="护照" value="护照"></el-option>
                    <el-option label="港澳通行证" value="港澳通行证"></el-option>
                    <el-option label="赴台证" value="赴台证"></el-option>
                    <el-option label="身份证" value="身份证"></el-option>
                    <el-option label="其他" value="其他"></el-option>
                  </el-select>
                </td>
                <td>
                  <span v-if="item.IsShow == 0">{{
                    item.CGuestCertificateNum
                  }}</span>
                  <el-input type="text" v-model="item.CGuestCertificateNum" v-else></el-input>
                </td>
                <td>
                  <span v-if="item.IsShow == 0">{{ item.CGuestTel }}</span>
                  <el-input type="text" @keyup.native="checkInteger(item,'CGuestTel')" v-model="item.CGuestTel" v-else>
                  </el-input>
                </td>
                <td>
                  <span v-if="item.IsShow == 0">{{ item.CGuestHealth }}</span>
                  <el-input type="text" placeholder="健康" v-model="item.CGuestHealth" v-else></el-input>
                </td>
                <td>
                  <el-tooltip class="item" effect="dark" content="修改" v-if="item.IsShow == 0" placement="top-start">
                    <el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
                  </el-tooltip>
                  <el-tooltip class="item" effect="dark" content="保存" v-if="item.IsShow == 1" placement="top-start">
                    <el-button type="primary" icon="iconfont icon-baocun" @click="commonSave(item)" circle></el-button>
                  </el-tooltip>
                  <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
                    <el-button type="danger" icon="el-icon-delete" circle @click="delTouristArr(index)"></el-button>
                  </el-tooltip>
                </td>
              </tr>
              <tr>
                <td colspan="9" style="text-align:right;">
                  <input type="button" class="TC_NewAddBtn" @click="addTourist()" value="+添加游客" />
                </td>
              </tr>
            </table>
          </div>
          <div class="block mtop15" id="anchor-5" ref="anchor5">
            <div class="blockTitle">
              <span class="icon">
                <i class="iconfont icon-bianji"></i>
              </span>
              <h2>
                <em>自愿购物活动补充协议</em>
              </h2>
            </div>
            <table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                <tr>
                  <th width="60">序号</th>
                  <th width="10%">具体时间</th>
                  <th width="15%">地点</th>
                  <th width="12%">购物场所名称</th>
                  <th width="12%">主要商品信息</th>
                  <th width="12%">最长停留时间（分钟）</th>
                  <th width="12%">其他说明</th>
                  <th width="12%">旅游者签名同意</th>
                  <th width="100">操作</th>
                </tr>
                <tr v-for="(item, index) in CtObj.ContractShopList" :key="index">
                  <td>
                    {{ index + 1 }}
                  </td>
                  <td>
                    <span v-if="item.IsShow == 0">{{ item.ShopTime }}</span>
                    <el-date-picker v-else v-model="item.ShopTime" class="w150" type="date" value-format="yyyy-MM-dd"
                      placeholder=""></el-date-picker>
                  </td>
                  <td>
                    <span v-if="item.IsShow == 0">{{ item.ShopAddress }}</span>
                    <el-input type="text" v-model="item.ShopAddress" v-else></el-input>
                  </td>
                  <td style="text-align:left;">
                    <span v-if="item.IsShow == 0">{{ item.ShopName }}</span>
                    <el-input type="text" v-model="item.ShopName" v-else></el-input>
                  </td>
                  <td style="text-align:left;">
                    <span v-if="item.IsShow == 0">{{ item.ShopGoodName }}</span>
                    <el-input type="text" v-model="item.ShopGoodName" v-else></el-input>
                  </td>
                  <td>
                    <span v-if="item.IsShow == 0">{{ item.StopTime }}</span>
                    <el-input type="text" @keyup.native="checkInteger(item,'StopTime')" v-model="item.StopTime" v-else>
                    </el-input>
                  </td>
                  <td style="text-align:left;">
                    <span v-if="item.IsShow == 0">{{
                      item.OtherInstruction
                    }}</span>
                    <el-input type="text" v-model="item.OtherInstruction" v-else></el-input>
                  </td>
                  <td>
                    <span v-if="item.IsShow == 0">{{
                      item.TouristsSignAgree
                    }}</span>
                    <el-input type="text" v-model="item.TouristsSignAgree" v-else></el-input>
                  </td>
                  <td>
                    <el-tooltip class="item" effect="dark" content="修改" placement="top-start" v-if="item.IsShow == 0">
                      <el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" content="保存" placement="top-start" v-if="item.IsShow == 1">
                      <el-button type="primary" icon="iconfont icon-baocun" circle @click="commonSave(item)">
                      </el-button>
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
                      <el-button type="danger" icon="el-icon-delete" @click="delVoluntray(index)" circle></el-button>
                    </el-tooltip>
                  </td>
                </tr>
                <tr>
                  <td colspan="9" style="text-align:right;">
                    <input type="button" class="TC_NewAddBtn" @click="addRecord()" value="+添加记录" />
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </el-form>
    </div>
  </el-dialog>
</template>
<script>
  import commonTripList from "./commonTripList.vue";
  export default {
    props: ['ID'],
    data() {
      return {
        dialogTableVisible: false,
        //选中切换
        cked: 1,
        IsLoad: 0, //是加载行程信息
        //参数
        CtObj: {
          ID: 0,
          CType: 3, //合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
          T_ContractNum: '',
          Tourists_Name: "",
          Tourists_IDNum: "",
          Tourists_Addres: "",
          Tourists_Tel: "",
          Tourists_Email: "",
          Tourists_PostNum: "",
          Tourists_Fax: "",
          Tourists_EmergencyLinkMan: "",
          Tourists_EmergencyLinkTel: "",
          TravelAgency_Name: "四川和平国际旅行社有限公司", //旅行社名称
          TravelAgency_LicenseNum: "L-SC-CJ00015",
          TravelAgency_DealMan: "",
          TravelAgency_IDNum: "",
          TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
          TravelAgency_Tel: "",
          TravelAgency_Fax: "",
          TravelAgency_PostNum: "",
          TravelAgency_Email: "",
          TravelAgency_Scope: "出境游/境内游", //旅行社经营范围
          TravelAgency_SignAddress: "",
          Guide_Name: "",
          Guide_Num: "",
          Guide_Tel: "",
          C_TCNUM: "", //团号
          C_ProductName: "",
          C_StartDate: "", //出发时间
          C_EndDate: "",
          C_DayNum: "",
          C_NightNum: "",
          C_AdultNum: "",
          C_AdultPrice: "", //成人价格
          C_ChildrenNum: "",
          C_ChildrenPrice: "",
          C_GuideServicePrice: "",
          C_TotalPrice: "",
          C_PayDate: "",
          C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账)
          C_PayTypeRemark: "", //转账填写转账账号和备注
          C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买)
          C_InsuranceName: "",
          C_LowNum: "",
          C_IsAgreeTravel: 1, // 是否同意旅行社委托(1-不同意，0同意）
          C_AgreeTravelName: "", // 是否同意旅行社名称
          C_IsAgreeDelay: 1, /// 是否同意延期出团(1-不同意，0同意）
          C_IsAgreeCndorse: 1, /// 是否同意改签(1-不同意，0同意）
          C_IsAgreeRemove: 1, // 是否同意解除合同(1-不同意，0同意）
          C_IsAgreeSpellGroup: 1, // 是否同意拼团(1-不同意，0同意）
          C_SpellGroupName: "", // 拼团旅行社名称
          C_SolveType: 2, // 争议解决方式
          C_SolveRemark: "", // 争议解决方式备注
          C_ContractTotal: "", // 合同总分数
          C_ContractPer: 1, // 各持几份
          C_StartAddress: "", // 出发地点
          C_ReturnAddress: "", //返回地点
          C_TrafficType: 1, // 交通方式(1-合车游，2-包车游)
          C_BusCode: "", // 车牌号
          C_DriverName: "", // 驾驶员姓名
          C_IsHaveKongTiao: 1, // 是否有空调(0-有空调，1-无空调)
          C_BusType: 1, // 车辆类型(1-面包车,2-中巴车,3-大巴车)
          C_BreakfastAddress: "", // 早餐地点
          C_BreakfastBasic: "", // 早餐标准
          C_LunchAddress: "", // 午餐地点
          C_LunchBasic: "", // 午餐标准
          C_DinnerAddress: "", // 晚餐地点
          C_DinnerBasic: "", // 晚餐标准
          C_IncludeRemark: "", // 费用包含
          C_IncludeFee: "", //包含什么费用说明
          C_NonIncludeRemark: "", // 费用不包含
          TravelAgency_ServiceTel: "", // 旅行社客服电话
          C_ComplaintProvince: "", // 投诉省
          C_ComplaintCity: "", // 投诉市
          C_ComplaintTel: "", // 投诉电话
          C_ComplaintEmail: "", // 投诉电子邮箱
          C_ComplaintAddress: "", // 投诉地址
          C_ComplaintPostNum: "", // 投诉邮编
          C_ZhiFaTel: "", // 执法机构电话
          C_XFZXHTSTel: "", // 消费者协会投诉电话
          C_TicketDayNum: "", // 几日内出票
          C_OrderDayNum: "", // 几日内下单
          C_PayDayNum: "", // 几日内缴费
          C_SignType: "", // 获取签证资料及领取签证方式
          OtherConventionPrice: "", // 其他服务费用合计
          OtherConvention: "", // 其他约定事项
          TripJson: "",
          TripType: 0, //行程类型(0-简易行程，1-标准行程)
          GuestJson: "", // 游客信息【json】
          ShopJson: "", // 购物信息【json】
          SelfFeeJson: "", // 自费信息【Json】
          TicketJson: "", // 机票信息
          TicketTotalNum: 0, // 机票总数量
          TicketOutDayNum: 0, // 机票几日内出票
          TicketTotalDepositPrice: 0, // 机票预订总费用
          HotelBookJson: "", // 酒店预订
          HotelTotal: "", // 酒店多少间、晚
          HotelCheckInType: "", // 酒店入住方式
          HotelNotice: "", // 下订单后通知旅游者的方式
          HotelTotalPrice: "0", // 酒店费用总计
          PickUpJson: "", // 接送信息
          PickUpTotalPrice: "0", // 接送总费用
          VisaJson: "", // 签证信息
          VisaTotalPrice: "0", // 签证总费用
          TicketAndHotelJson: "", // 机票与酒店信息
          TicketAndHotelTotalPrice: "0", // 机票加酒店组合总费用
          ContractShopList: [], //自愿购物活动补充协议
          ContractGuestList: [], //旅客名单
          ContractTripList: [] //行程列表
        },

        rules: {
          Tourists_Name: [{
            required: true,
            message: "请输入客户名称",
            trigger: "blur"
          }],
          Tourists_Tel: [{
            required: true,
            message: "请输入联系电话",
            trigger: "blur"
          }],
          TravelAgency_DealMan: [{
            required: true,
            message: "请输入经办人",
            trigger: "blur"
          }],
          C_StartDate: [{
            required: true,
            message: "请选择出发时间",
            trigger: "blur"
          }],
          C_StartAddress: [{
            required: true,
            message: "请输入出发地点",
            trigger: "change"
          }],
          C_ReturnAddress: [{
            required: true,
            message: "请输入返回地点",
            trigger: "change"
          }],
          C_AdultNum: [{
            required: true,
            message: "请输入成人数",
            trigger: "change"
          }],
          C_PayDate: [{
            required: true,
            message: "请选择支付日期",
            trigger: "change"
          }]
        },
        tripStr: '切换到标准行程录入',
        //菜单列表
        menuArr: [
          "合同基本信息",
          "合同协议条款",
          "其他约定",
          "投诉联系",
          "行程信息",
          "游客信息",
          "自愿购物活动补充协议"
        ],
        ckedIndex: 0,
        TripInfo: '',
        //防止重复提交
        isSubmit: true,
      };
    },
    components: {
      commonTripList: commonTripList
    },
    methods: {
      closedDialog() {
        this.MsgBus.$emit('contractClose', '1')
      },
      //跳转锚点
      goAnchor(selector) {
        var anchor = this.$el.querySelector(selector);
        document.getElementsByClassName('MainContentBox')[0].scrollTop = anchor.offsetTop - 70;
      },
      //提交数据
      SaveMsg() {
        if (this.isSubmit) {
          this.isSubmit = false;
          this.apipost2(
            "travelcontract_post_SetTravelContractService",
            this.CtObj,
            res => {
              this.isSubmit = true;
              if (res.data.resultCode == 1) {
                this.CtObj.ID = res.data.data;
                this.GetData();
                this.Success(res.data.message);
                this.dialogTableVisible = false
              } else {
                this.Error(res.data.message);
              }
            },
            err => {}
          );
        }
      },

      //提交
      submitForm(addMsg) {
        //提交创建、修改表单
        this.$refs[addMsg].validate(valid => {
          if (valid) {
            this.SaveMsg();
          } else {
            this.Error("请完成必填项");
            return false;
          }
        });
      },
      //添加购物
      addRecord() {
        let obj = {
          ShopTime: "",
          ShopAddress: "",
          ShopName: "",
          ShopGoodName: "",
          StopTime: "",
          OtherInstruction: "",
          TouristsSignAgree: "",
          IsShow: 1
        };
        this.CtObj.ContractShopList.push(obj);
      },
      //删除购物
      delVoluntray(index) {
        this.CtObj.ContractShopList.splice(index, 1);
      },
      //添加游客信息
      addTourist() {
        this.CtObj.ContractGuestList.forEach((x, index) => {
          x.IsShow = 0;
        });
        let obj = {
          CGuestName: "",
          CGuestSex: "男",
          CGuestCertificateType: "身份证",
          CGuestCertificateNum: "",
          CGuestTel: "",
          CGuestHealth: "健康",
          IsShow: 1
        };
        this.CtObj.ContractGuestList.push(obj);
      },
      //删除游客
      delTouristArr(index) {
        this.CtObj.ContractGuestList.splice(index, 1);
      },
      //滚动条滚动选中tab
      menu() {
        var _self = this;
        _self.scroll =
          document.getElementsByClassName('MainContentBox')[0].scrollTop + 70;
        //滑动到指定位置相应菜单高亮
        var a_0 = this.$refs.anchor0.offsetTop;
        var a_1 = this.$refs.anchor1.offsetTop;
        var a_2 = this.$refs.anchor2.offsetTop;
        var a_3 = this.$refs.anchor3.offsetTop;
        var a_4 = this.$refs.anchor4.offsetTop;
        var a_5 = this.$refs.anchor5.offsetTop;
        if (_self.scroll < a_0) {
          this.ckedIndex = 0;
        } else if (_self.scroll > a_0 && _self.scroll < a_1) {
          this.ckedIndex = 1;
        } else if (_self.scroll > a_2 && _self.scroll < a_3) {
          this.ckedIndex = 2;
        } else if (_self.scroll > a_3 && _self.scroll < a_4) {
          this.ckedIndex = 3;
        } else if (_self.scroll > a_4 && _self.scroll < a_5) {
          this.ckedIndex = 4;
        } else if (_self.scroll > a_5) {
          this.ckedIndex = 5;
        }
      },
      GetData() {
        this.apipost2(
          "travelcontract_get_GetTravelContractService", {
            ID: this.CtObj.ID
          },
          res => {
            if (res.data.resultCode == 1) {
              var tempObj = res.data.data;
              this.CtObj.ID = tempObj.ID;
              this.CtObj.CType = tempObj.CType;
              this.CtObj.T_ContractNum = tempObj.T_ContractNum;
              this.CtObj.Tourists_Name = tempObj.Tourists_Name;
              this.CtObj.Tourists_IDNum = tempObj.Tourists_IDNum;
              this.CtObj.Tourists_Addres = tempObj.Tourists_Addres;
              this.CtObj.Tourists_Tel = tempObj.Tourists_Tel;
              this.CtObj.Tourists_Email = tempObj.Tourists_Email;
              this.CtObj.Tourists_PostNum = tempObj.Tourists_PostNum;
              this.CtObj.Tourists_Fax = tempObj.Tourists_Fax;
              this.CtObj.Tourists_EmergencyLinkMan =
                tempObj.Tourists_EmergencyLinkMan;
              this.CtObj.Tourists_EmergencyLinkTel =
                tempObj.Tourists_EmergencyLinkTel;
              this.CtObj.TravelAgency_DealMan = tempObj.TravelAgency_DealMan;
              this.CtObj.TravelAgency_IDNum = tempObj.TravelAgency_IDNum;
              this.CtObj.TravelAgency_Tel = tempObj.TravelAgency_Tel;
              this.CtObj.TravelAgency_Fax = tempObj.TravelAgency_Fax;
              this.CtObj.TravelAgency_PostNum = tempObj.TravelAgency_PostNum;
              this.CtObj.TravelAgency_Email = tempObj.TravelAgency_Email;
              this.CtObj.TravelAgency_SignAddress =
                tempObj.TravelAgency_SignAddress;
              this.CtObj.Guide_Name = tempObj.Guide_Name;
              this.CtObj.Guide_Num = tempObj.Guide_Num;
              this.CtObj.Guide_Tel = tempObj.Guide_Tel;
              this.CtObj.C_TCNUM = tempObj.C_TCNUM;
              this.CtObj.C_ProductName = tempObj.C_ProductName;
              this.CtObj.C_StartDate = tempObj.C_StartDate;
              this.CtObj.C_EndDate = tempObj.C_EndDate;
              this.CtObj.C_DayNum = tempObj.C_DayNum;
              this.CtObj.C_NightNum = tempObj.C_NightNum;
              this.CtObj.C_AdultNum = tempObj.C_AdultNum;
              this.CtObj.C_AdultPrice = tempObj.C_AdultPrice;
              this.CtObj.C_ChildrenNum = tempObj.C_ChildrenNum;
              this.CtObj.C_ChildrenPrice = tempObj.C_ChildrenPrice;
              this.CtObj.C_GuideServicePrice = tempObj.C_GuideServicePrice;
              this.CtObj.C_TotalPrice = tempObj.C_TotalPrice;
              this.CtObj.C_PayDate = tempObj.C_PayDate;
              this.CtObj.C_PayType = tempObj.C_PayType;
              this.CtObj.C_PayTypeRemark = tempObj.C_PayTypeRemark;
              this.CtObj.C_InsuranceType = tempObj.C_InsuranceType;
              this.CtObj.C_InsuranceName = tempObj.C_InsuranceName;
              this.CtObj.C_LowNum = tempObj.C_LowNum;
              this.CtObj.C_IsAgreeTravel = tempObj.C_IsAgreeTravel;
              this.CtObj.C_AgreeTravelName = tempObj.C_AgreeTravelName;
              this.CtObj.C_IsAgreeDelay = tempObj.C_IsAgreeDelay;
              this.CtObj.C_IsAgreeCndorse = tempObj.C_IsAgreeCndorse;
              this.CtObj.C_IsAgreeRemove = tempObj.C_IsAgreeRemove;
              this.CtObj.C_IsAgreeSpellGroup = tempObj.C_IsAgreeSpellGroup;
              this.CtObj.C_SpellGroupName = tempObj.C_SpellGroupName;
              this.CtObj.C_SolveType = tempObj.C_SolveType;
              this.CtObj.C_SolveRemark = tempObj.C_SolveRemark;
              this.CtObj.C_ContractTotal = tempObj.C_ContractTotal;
              this.CtObj.C_ContractPer = tempObj.C_ContractPer;
              this.CtObj.C_StartAddress = tempObj.C_StartAddress;
              this.CtObj.C_ReturnAddress = tempObj.C_ReturnAddress;
              this.CtObj.C_TrafficType = tempObj.C_TrafficType;
              this.CtObj.C_BusCode = tempObj.C_BusCode;
              this.CtObj.C_DriverName = tempObj.C_DriverName;
              this.CtObj.C_IsHaveKongTiao = tempObj.C_IsHaveKongTiao;
              this.CtObj.C_BusType = tempObj.C_BusType;
              this.CtObj.C_BreakfastAddress = tempObj.C_BreakfastAddress;
              this.CtObj.C_BreakfastBasic = tempObj.C_BreakfastBasic;
              this.CtObj.C_LunchAddress = tempObj.C_LunchAddress;
              this.CtObj.C_LunchBasic = tempObj.C_LunchBasic;
              this.CtObj.C_DinnerAddress = tempObj.C_DinnerAddress;
              this.CtObj.C_DinnerBasic = tempObj.C_DinnerBasic;
              this.CtObj.C_IncludeRemark = tempObj.C_IncludeRemark;
              this.CtObj.C_IncludeFee = tempObj.C_IncludeFee;
              this.CtObj.C_NonIncludeRemark = tempObj.C_NonIncludeRemark;
              this.CtObj.TravelAgency_ServiceTel =
                tempObj.TravelAgency_ServiceTel;
              this.CtObj.C_ComplaintProvince = tempObj.C_ComplaintProvince;
              this.CtObj.C_ComplaintCity = tempObj.C_ComplaintCity;
              this.CtObj.C_ComplaintTel = tempObj.C_ComplaintTel;
              this.CtObj.C_ComplaintEmail = tempObj.C_ComplaintEmail;
              this.CtObj.C_ComplaintAddress = tempObj.C_ComplaintAddress;
              this.CtObj.C_ComplaintPostNum = tempObj.C_ComplaintPostNum;
              this.CtObj.C_ZhiFaTel = tempObj.C_ZhiFaTel;
              this.CtObj.C_XFZXHTSTel = tempObj.C_XFZXHTSTel;
              this.CtObj.C_TicketDayNum = tempObj.C_TicketDayNum;
              this.CtObj.C_OrderDayNum = tempObj.C_OrderDayNum;
              this.CtObj.C_PayDayNum = tempObj.C_PayDayNum;
              this.CtObj.C_SignType = tempObj.C_SignType;
              this.CtObj.OtherConventionPrice = tempObj.OtherConventionPrice;
              this.CtObj.OtherConvention = tempObj.OtherConvention;
              this.CtObj.OtherConventionPrice = tempObj.OtherConventionPrice;
              this.CtObj.TicketTotalNum = tempObj.TicketTotalNum;
              this.CtObj.TicketOutDayNum = tempObj.TicketOutDayNum;
              this.CtObj.TicketTotalDepositPrice =
                tempObj.TicketTotalDepositPrice;
              this.CtObj.HotelTotal = tempObj.HotelTotal;
              this.CtObj.HotelCheckInType = tempObj.HotelCheckInType;
              this.CtObj.HotelNotice = tempObj.HotelNotice;
              this.CtObj.HotelTotalPrice = tempObj.HotelTotalPrice;
              this.CtObj.PickUpTotalPrice = tempObj.PickUpTotalPrice;
              this.CtObj.VisaTotalPrice = tempObj.VisaTotalPrice;
              this.CtObj.TicketAndHotelTotalPrice =
                tempObj.TicketAndHotelTotalPrice;
              if (
                tempObj.ContractShopList &&
                tempObj.ContractShopList != null &&
                tempObj.ContractShopList.length > 0
              ) {
                this.CtObj.ContractShopList = tempObj.ContractShopList;
              } else {
                this.CtObj.ContractShopList = [];
              }
              if (
                this.CtObj.ContractShopList &&
                this.CtObj.ContractShopList != null &&
                this.CtObj.ContractShopList.length > 0
              ) {
                this.CtObj.ContractShopList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }


              if (
                tempObj.ContractGuestList &&
                tempObj.ContractGuestList != null &&
                tempObj.ContractGuestList.length > 0
              ) {
                this.CtObj.ContractGuestList = tempObj.ContractGuestList;
              } else {
                this.CtObj.ContractGuestList = [];
              }
              if (
                this.CtObj.ContractGuestList &&
                this.CtObj.ContractGuestList != null &&
                this.CtObj.ContractGuestList.length > 0
              ) {
                this.CtObj.ContractGuestList.forEach(gItem => {
                  gItem.IsShow = 0;
                });
              }
              this.CtObj.TripType = tempObj.TripType;
              if (
                tempObj.ContractTripList &&
                tempObj.ContractTripList != null &&
                tempObj.ContractTripList.length > 0
              ) {
                this.CtObj.ContractTripList = tempObj.ContractTripList;
              } else {
                this.CtObj.ContractTripList = [];
              }
              this.IsLoad = 1;
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      //点击切换行程
      exchangeTrip() {
        if (this.CtObj.TripType == 0) {
          this.CtObj.TripType = 1;
          this.tripStr = '切换到简易行程录入';
        } else {
          this.CtObj.TripType = 0;
          this.tripStr = '切换到标准行程录入';
        }
      },
      //获取子组件数据
      tripData(msg) {
        this.CtObj.ContractTripList = msg;
      },
      //公用休改
      commonUpdate(item) {
        item.IsShow = 1;
        this.$forceUpdate();
      },
      //公用保存
      commonSave(item) {
        item.IsShow = 0;
        this.$forceUpdate();
      },
    },
    mounted() {
      let $this = this
      setTimeout(() => {
        $this.dialogTableVisible = true
      }, 50)
      if (this.ID && this.ID > 0) {
        this.CtObj.ID = this.ID;
        this.GetData();
      } else {
        this.IsLoad = 1;
      }
      this.$nextTick(function () {
        //滚动监听事件
        document.getElementsByClassName('MainContentBox')[0].addEventListener("scroll", this.menu);
      });
    }
  };
</script>