<style>
  .page_MyCustomer ._mc_addbox {
    height: 52px;
    width: 100%;
    margin-top: 20px;
  }

  .page_MyCustomer ._mc_addbox>li {
    float: left;
    width: 116px;
    font-size: 14px;
    height: 52px;
    color: #666;
    text-align: center;
    line-height: 52px;
    background: #E9E9E9;
    cursor: pointer;
  }

  .page_MyCustomer ._mc_addbox>li.active {
    background: #fff;
    color: #333;
  }

  .page_MyCustomer ._mc_addbox .divActive {
    margin: -3px auto;
    width: 26px;
    height: 3px;
    background: #E95252;
  }

  .page_MyCustomer ._mc_edit {
    overflow: auto;
    display: none;
    position: absolute;
    z-index: 50;
    bottom: 0;
    left: 0;
    border-top: 3px solid #38425d;
    background-color: #f9f9f9;
    padding: 10px;
    width: 100%;
    min-width: 1146px;
  }

  .page_MyCustomer .edHeight {
    display: block;
    height: 291px;
  }

  .page_MyCustomer ._mc_list {
    overflow-x: auto;
    background: #fff;
    padding-top: 20px;
    padding-left: 15px;
  }

  .page_MyCustomer ._scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 8px;
  }

  .page_MyCustomer ._scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
  }

  .page_MyCustomer ._scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
  }

  .page_MyCustomer ._mc_edit ._tit {
    padding-left: 10px;
    border-left: 3px solid #E95252;
    font-size: 16px;
    font-family: 'PingFangSc-Fine';
    color: #000000
  }

  .page_MyCustomer ._mc_edit ._info_box ul._form li {
    float: left;
  }

  .page_MyCustomer ._check_list {
    padding-left: 120px;
    margin-bottom: 20px;
  }

  .page_MyCustomer ._check_box .el-form-item {
    margin-bottom: 0
  }

  .page_MyCustomer ._info_box .el-form-item__label {
    font-size: 12px;
    color: #666;
  }

  ._remark textarea {
    resize: none;
    width: 646px;
    height: 100px
  }

  .page_MyCustomer .avatar {
    width: 148px;
    height: 148px;
    display: block;
  }

  .page_MyCustomerSearch {
    width: 100%;
    min-height: auto;
    overflow: hidden;
    padding: 0 0 20px 0;
  }

  .page_MyCustomerSearch li {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 20px 0 0px 0;
  }

  .page_MyCustomerSearch li>span {
    display: inline-block;
  }

  .page_MyCustomerSearch li span>em {
    display: inline-block;
    min-width: 60px;
    text-align: right;
    font-style: normal;
    margin: 0 12px 0 0;
  }

  .page_MyCustomerSearch li:last-child {
    float: right;
  }

  .VisaProductTable {
    width: 100%;
    font-size: 14px;
    color: #333;
    border-collapse: collapse;
  }

  .VisaProductTable tr th {
    background: #E6E6E6;
    height: 30px;
    font-size: 12px;
    text-align: left;
    text-indent: 25px;
  }

  .VisaProductTable tr {
    background: #fff;
    text-align: left;
  }

  .VisaProductTable tr td {
    height: 60px;
    padding-left: 25px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #333;
  }

  .VisaProductTable tr td>img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
  }

  .VisaProductTable tr td .tuanqian {
    vertical-align: middle;
    font-weight: 400;
    display: table-cell;
    text-align: center;
    width: 44px;
    font-size: 12px;
    height: 19px;
    color: #FFFFFF;
    background: #2AAEF2;
  }

  .VisaProductTable tr td .geqian {
    vertical-align: middle;
    font-weight: 400;
    display: table-cell;
    text-align: center;
    width: 44px;
    font-size: 12px;
    height: 19px;
    color: #FFFFFF;
    background: #FF9000;
  }

  .VisaProductTable tr td .totalPrice {
    color: #FF9000;
    font-weight: 400;
    font-size: 16px;
  }

  .VisaProductTable tr td .sendVisaDate {
    font-weight: bold;
  }

  .page_MyCustomer ._edHeight {
    height: 340px;
  }

  .dateClass {
    width: 171px !important;
  }

  .surplusNum {
    color: #E95252 !important;
  }

  .peopleNum {
    height: 15px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
  }

  .Visa_income {
    width: 18px;
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: RGBA(71, 191, 140, 1);
  }

  .VisaProductTable tr td .createName {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 50px;
    height: 21px;
  }

  .groupTourOrderIcon button {
    width: 28px;
    height: 28px;
    border-radius: 4px;
  }

  .groupTourOrderIcon .el-button--primary {
    padding: 5px;
    margin: 0;
    font-size: 14px !important;
  }

  .groupTourOrder_tickets_red {
    color: #ff0000;
    text-decoration: underline;
  }

  .groupTourOrder_tickets_blue {
    color: #0000ff;
    text-decoration: underline;
  }

  .groupTourOrder_tickets_green {
    color: #008000;
    text-decoration: underline;
  }

  .groupTourOrder_tickets_black {
    color: #000000;
    text-decoration: underline;
  }

  .VD-remarkTitle {
    display: inline-block;
    float: left;
    width: 36px;
    white-space: nowrap;
    font-size: 14px;
  }

  .VD-remarkCon {
    float: left;
    display: inline-block;
    width: 94%;
    font-size: 14px;
  }

  .VD-redType {
    color: red;
  }

</style>
<template>
  <div class="page_MyCustomer">
    <div class="query-box" style="border:none">
      <ul>
        <li>
          <span>
            <em>{{$t('fnc.danhao')}}</em>
            <el-input class='w220' v-model='msg.VisaTCNUM' :placeholder="$t('pub.pleaseImport')"></el-input>
          </span>
        </li>
        <li>
          <span>
            <em>{{$t('hotel.product_name')}}</em>
            <el-input class='w220' v-model='msg.Name' :placeholder="$t('pub.pleaseImport')"></el-input>
          </span>
        </li>
        <!-- <li>
					<span>
						<em>送签日期</em><el-date-picker v-model='msg.SendStartDate'  class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>-<el-date-picker v-model='msg.SendEndDate'  class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
		            </span>
				</li> -->
        <li>
          <span>
            <em>{{$t('fnc.bmriqi')}}</em>
            <el-date-picker v-model='msg.StartDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
            -<el-date-picker v-model='msg.EndDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
          </span>
        </li>
        <li>
          <button class="hollowFixedBtn" @click="getList()">{{$t('pub.searchBtn')}}</button>
          <!-- <button class="normalBtn" @click="addShow=true">添加</button> -->
        </li>
      </ul>
    </div>
    <table class="VisaProductTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
      <tr>
        <th width="9%">{{$t('fnc.danhao')}}</th>
        <th width="8%">{{$t('hotel.product_name')}}</th>
        <th width="4%">{{$t('admin.admin_personNumber')}}</th>
        <th width="7%">{{$t('hotel.hotel_StarDate')}}</th>
        <th width="8%">{{$t('fnc.yszonge')}}</th>
        <th width="8%">{{$t('fnc.shishou')}}</th>
        <th width="6%">{{$t('fnc.tuikuan')}}</th>
        <th width="6%">{{$t('fnc.ptshuijin')}}</th>
        <th width="6%">优惠</th>
        <th width="6%">待收</th>
        <th width="8%">{{$t('fnc.bmriqi')}}</th>
        <th width="5%">{{$t('admin.admin_status')}}</th>
        <th width="10%">{{$t('system.table_operation')}}</th>
      </tr>
      <tbody v-for='item in dataList'>
        <tr>
          <td>{{item.visaTCNUM}}({{item.id}})</td>
          <td>{{item.name}}</td>
          <td>{{item.peopleNum}}</td>
          <td>{{item.departDate}}</td>
          <td>
            <span class="totalPrice">￥{{moneyFormat(item.totalPrice)}}</span>
          </td>

          <td>
            <span class="Visa_income">￥{{moneyFormat(item.income)}}</span>
          </td>
          <td>
            <span>￥{{moneyFormat(item.refundMoney)}}</span>
          </td>
          <td>
            <span>￥{{moneyFormat(item.platformTax)}}</span>
          </td>
          <td>
            <span>￥{{moneyFormat(item.discountMoney)}}</span>
          </td>
          <td>
            <span>￥{{moneyFormat(item.dueInMoney)}}</span>
          </td>
          <!-- <td>
					<span class="peopleNum">￥{{moneyFormat(item.commission)}}</span>
				</td> -->
          <td>{{item.createTime}}</td>
          <td>{{item.visaOrderStatus==1?"正常":item.visaOrderStatus==3?"待付款":"取消"}}</td>
          <td class="groupTourOrderIcon">
            <el-button-group>
              <el-tooltip v-if="item.income<=0&&(item.visaOrderStatus==1||item.visaOrderStatus==3)&&item.visaStatus==1"
                class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
                <el-button type="primary" style='background:#409EFF; border-color:#409EFF'
                  icon="iconfont icon-img_bianji_small" @click='getDetail(item,false)'></el-button>
              </el-tooltip>
              <el-tooltip v-else class="item" effect="dark" :content="$t('salesModule.UpRemarks')"
                placement="top-start">
                <el-button type="primary" style='background:#409EFF; border-color:#409EFF'
                  icon="iconfont icon-img_bianji_small" @click='getDetail(item,true)'></el-button>
              </el-tooltip>
              <el-tooltip
                v-if="(item.visaOrderStatus==1||item.visaOrderStatus==3) && qjGroupId==userInfo.RB_Group_id || F_Finance_Create"
                effect="dark" :content="$t('salesModule.SFK')" placement="top-start">
                <el-button type="primary" style='background:#5EBB64; border-color:#5EBB64' @click='goUrl(item)'
                  icon="iconfont icon-qian"></el-button>
              </el-tooltip>
              <el-tooltip v-if="(item.visaOrderStatus==1||item.visaOrderStatus==3)&&item.visaStatus==1" effect="dark"
                :content="$t('salesModule.LKMD')" placement="top-start">
                <el-button v-show='item.visaManagementId>0' type="primary"
                  style='background:#00a1f1; border-color:#00a1f1' @click='goUrlT(item)' icon="iconfont icon-bumen">
                </el-button>
              </el-tooltip>
              <el-tooltip effect="dark" :content="$t('salesModule.ApplyInvoice')" placement="top-start">
                <el-button v-if="qjGroupId==userInfo.RB_Group_id || F_InvoiceManagement" type="primary"
                  style='background:#607D8B; border-color:#607D8B'
                  @click='goUrlAdd("invoicesManagerAdd", item.id, item.visaId, item.CustomerId, 2)'
                  icon="iconfont icon-rizhi1"></el-button>
              </el-tooltip>
              <el-tooltip v-if="item.income<=0&&(item.visaOrderStatus==1||item.visaOrderStatus==3)" class="item"
                effect="dark" :content="$t('pub.cancelBtn')" placement="top-start">
                <el-button type="primary" style='background:#E95252; border-color:#E95252;'
                  icon="iconfont icon-xingzhuangkaobei" @click='cancelOrder(item)'></el-button>
              </el-tooltip>
            </el-button-group>
          </td>

        </tr>
        <tr>
          <td colspan="16" class="RL_Order" style="height:40px;">
            <span class="VD-remarkTitle">{{$t('salesModule.MD')}}:</span>
            <span class="VD-redType VD-remarkCon" v-if="item.guestList.length>0">
              <span v-for="(childItem) in item.guestList" style="margin-right:10px;">{{childItem.userName}}</span>
            </span>
            <span class="VD-redType VD-remarkCon" v-else>
              <span>{{$t('salesModule.ZWMD')}}</span>
            </span>
          </td>
        </tr>
        <tr>
          <td colspan="8" class="groupTourOrder_remarks" style="height: 40px;">
            <div>
              <div>
                <span class="VD-remarkTitle">{{$t('pub.pubRemark')}}：</span>
                <span class="VD-redType VD-remarkCon">{{item.remark}}</span>
              </div>
            </div>
          </td>
          <td colspan="8" class="groupTourOrder_tickets2" style="height: 40px;">
            <div>
              <div>
                <span>{{$t('hotel.hotel_Order')}}：</span>
                <span v-for="(item2,index2) in item.financeList" :key="index2"
                  style="margin-right:10px;cursor:pointer;">
                  <span v-if="item2.colorState===1" class="groupTourOrder_tickets_blue"
                    @click="goUrl2('FinancialDocumentsDetail',item2.frID,'财务单据')">{{item2.frID}}</span>
                  <span v-else-if="item2.colorState===2" class="groupTourOrder_tickets_green"
                    @click="goUrl2('FinancialDocumentsDetail',item2.frID,'财务单据')">{{item2.frID}}</span>
                  <span v-else-if="item2.colorState===3" class="groupTourOrder_tickets_red"
                    @click="goUrl2('FinancialDocumentsDetail',item2.frID,'财务单据')">{{item2.frID}}</span>
                  <span v-else-if="item2.colorState===4" class="groupTourOrder_tickets_black"
                    @click="goUrl2('FinancialDocumentsDetail',item2.frID,'财务单据')">{{item2.frID}}</span>
                </span>
                <span v-if="item.financeList.length===0" style="cursor: default;">{{$t('system.content_noData')}}</span>
              </div>
              <div>
                <span>{{$t('salesModule.Invoice')}}：</span>
                <span v-for="(item2,index2) in item.invoiceApplyList" :key="index2"
                  style="margin-right:10px;cursor:pointer;">
                  <span v-if="item2.invoiceApplyState === 6" class="groupTourOrder_tickets_blue"
                    @click="goIisDetail(item2.id)">{{item2.id}}</span>
                  <span
                    v-else-if="item2.invoiceApplyState === 1 || item2.invoiceApplyState === 3 || item2.invoiceApplyState === 6"
                    class="groupTourOrder_tickets_green" @click="goIisDetail(item2.id)">{{item2.id}}</span>
                  <span v-else-if="item2.invoiceApplyState === 5 || item2.invoiceApplyState === 4 "
                    class="groupTourOrder_tickets_red" @click="goIisDetail(item2.id)">{{item2.id}}</span>
                  <span v-else-if="item2.invoiceApplyState === 2" class="groupTourOrder_tickets_black"
                    @click="goIisDetail(item2.id)">{{item2.id}}</span>
                </span>
                <span v-if="item.financeList.length===0" style="cursor: default;">{{$t('system.content_noData')}}</span>
              </div>
            </div>
          </td>
        </tr>
      </tbody>
      <tr v-show="dataList.length==0">
        <td v-show="dataList.length==0" colspan="13" align="center">{{$t('system.content_noData')}}</td>
      </tr>
    </table>

    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
      layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
    </el-pagination>

    <div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''">
      <p class="_tit">{{$t('salesModule.UpOrder')}}
        <span class="fr">
          <button class="hollowFixedBtn" type="button" @click="cancelEdit()">{{$t('pub.cancelBtn')}}</button>
          <button type="button" class="normalBtn" @click="saveVisa()">{{$t('pub.saveBtn')}}</button>
        </span>
      </p>
      <el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px">
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item :label="$t('hotel.product_name')" prop="Name">
              <el-input v-model="addMsg.Name" :placeholder="$t('pub.pleaseImport')" :disabled="true"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('Airticket.Air_Number')" prop="PeopleNum">
              <el-input @keyup.native="checkInteger(addMsg,'PeopleNum')" min="1" v-model="addMsg.PeopleNum"
                :placeholder="$t('pub.pleaseImport')" maxlength="20" :disabled="updateRemarksStatus"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('salesModule.CustomerType')">
              <el-select v-model="addMsg.ClientType" :disabled="updateRemarksStatus" size=mini>
                <el-option :label="$t('salesModule.Trade')" value="1"></el-option>
                <el-option :label="$t('Operation.Op_direct')" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('pub.pubRemark')">
              <el-input v-model="addMsg.Remark" type="textarea" maxlength="500" :placeholder="$t('pub.pleaseImport')">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
          </el-col>
        </el-row>
        <el-row :gutter="20" v-if='visaManagementId>0'>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.rujingtime')" prop="EnterCountryTime">
              <el-date-picker value-format="yyyy-MM-dd" class='w170' v-model='addMsg.EnterCountryTime' type="date"
                :disabled="updateRemarksStatus"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.chujingtime')" prop="LeaveCountryTime">
              <el-date-picker value-format="yyyy-MM-dd" class='w170' v-model='addMsg.LeaveCountryTime' type="date"
                :disabled="updateRemarksStatus"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.cfAirport')" prop="DepartAirport">
              <el-select v-model="addMsg.DepartAirport" filterable size=mini @change="getFilghtForAir(1)"
                :disabled="updateRemarksStatus">
                <el-option v-for="item in ChinaAirportList" :key="item.ID" :label="item.Name" :value="item.ID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.Portofentry')" prop="EnterCountryPort">
              <el-select v-model="addMsg.EnterCountryPort" filterable size=mini @change="getFilghtForAir(1)"
                :disabled="updateRemarksStatus">
                <el-option v-for="item in JapanAirportList" :key="item.ID" :label="item.Name" :value="item.ID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.Inboundflights')" prop="EnterCountryFlight">
              <el-select v-model="addMsg.EnterCountryFlight" filterable size=mini :disabled="updateRemarksStatus">
                <el-option v-for="item in FilghtForAirIn" :key="item.ID" :label="item.Flight_number" :value="item.ID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
          </el-col>
        </el-row>
        <el-row :gutter="20" v-if='visaManagementId>0'>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.fhjichang')" prop="GetBackAirport">
              <el-select v-model="addMsg.GetBackAirport" filterable size=mini @change="getFilghtForAir(2)"
                :disabled="updateRemarksStatus">
                <el-option v-for="item in ChinaAirportList" :key="item.ID" :label="item.Name" :value="item.ID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.Exitport')" prop="LeaveCountryPort">
              <el-select v-model="addMsg.LeaveCountryPort" filterable size=mini @change="getFilghtForAir(2)"
                :disabled="updateRemarksStatus">
                <el-option v-for="item in JapanAirportList" :key="item.ID" :label="item.Name" :value="item.ID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="$t('visaT.Outboundflight')" prop="LeaveCountryFlight">
              <el-select v-model="addMsg.LeaveCountryFlight" filterable size=mini :disabled="updateRemarksStatus">
                <el-option v-for="item in FilghtForAirOut" :key="item.ID" :label="item.Flight_number" :value="item.ID">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        userInfo: {},
        qjGroupId: -1,
        F_InvoiceManagement: false,
        F_Finance_Create: false,
        // pickerOptions: {
        // 	disabledDate: (time) => {
        // 		let endTime=new Date(this.SendStartDate)
        // 		return time.getTime()<endTime.getTime()
        // 		//return  time.getTime() <starTime.getTime() ||time.getTime() > starTime.getTime()+2.592e9 || time.getTime() > Date.now();//禁止选择的日期：(开始日期之前，开始日期一个月以后的日期，今天之后的日期)
        // 	}
        // },	        	
        msg: {
          pageIndex: 1,
          pageSize: 12,
          StartDate: '',
          EndDate: '',
          SendStartDate: '',
          SendEndDate: '',
          Name: '',
          VisaTCNUM: ''
        },
        addMsg: {
          Id: 0,
          Remark: '',
          VisaId: '',
          Name: "",
          PeopleNum: '',
          EnterCountryTime: '',
          LeaveCountryTime: '',
          DepartAirport: '',
          GetBackAirport: '',
          EnterCountryPort: '',
          LeaveCountryPort: '',
          EnterCountryFlight: '',
          LeaveCountryFlight: '',
          VisaPlanId: 0,
          DepartDate: '',
          ClientType: ''
        },
        rules: {
          PeopleNum: [{
            required: true,
            message: "请输入人数",
            trigger: "blur"
          }],
          //DepartDate:[{required: true, message: "请输入出发日期", trigger: "blur"}],
          EnterCountryTime: [{
            required: true,
            message: "请输入入境日期",
            trigger: "blur"
          }],
          LeaveCountryTime: [{
            required: true,
            message: "请输入出境日期",
            trigger: "blur"
          }]
        },
        updateRemarksStatus: false,
        SendStartDate: '',
        visaManagementId: 0,
        VisaApplyForTypeEnum: [],
        JapanAirportList: [],
        ChinaAirportList: [],
        countryList: [],
        MarriageType: [],
        VisaDeparturesType: [],
        VisaDutyTypeEnum: [],
        VisaIdentityTypeEnum: [],
        FilghtForAirIn: [],
        FilghtForAirOut: [],
        dataList: [],
        EmployeeList: [],
        loading: true,
        total: 0,
        addShow: false,
        currentPage: 1,
      }
    },
    methods: {
      GetSupperOrderEditAuth() {
        var actionCode = this.$AuthCode.F_InvoiceManagement;
        this.CheckUserAuth(actionCode, res => {
          if (res.data.resultCode == 1 && res.data.data == 1) {
            this.F_InvoiceManagement = true;
          }
        });
        var actionCodeNew = this.$AuthCode.F_Finance_Create;
        this.CheckUserAuth(actionCodeNew, res => {
          if (res.data.resultCode == 1 && res.data.data == 1) {
            this.F_Finance_Create = true;
          }
        });

      },
      goUrlFinance(name, path, id, tcmun) {
        this.$router.push({
          name: path,
          query: {
            id: id,
            tcmun: tcmun,
            blank: 'y',
            tab: name
          }
        });
      },
      goIisDetail: function (id) { // 跳转发票详情页面
        this.$router.push({
          name: 'invoicesManagerDetail',
          query: {
            id: id,
            noDetail: 1,
            InvoiceApplyType: 2,
            blank: "y",
          }
        });
      },
      // 申请发票
      goUrlAdd: function (path, OrderId, TCID, customerId, InvoiceApplyType) {
        this.$router.push({
          name: path,
          query: {
            OrderId: OrderId,
            TCID: TCID,
            customerId: customerId ? customerId : 0,
            InvoiceApplyType: InvoiceApplyType,
            blank: "y",
          }
        });
      },
      goUrl2(path, id, name) {
        this.$router.push({
          name: path,
          query: {
            id: id,
            blank: 'y',
            tab: name
          }
        });
      },
      getChinaAirportList() { // 获取国内机场
        let msg = {
          City_id: 0,
          Country_id: 2,
          TrafficType: 1,
        }
        this.apipost('airport_post_GetList', msg, res => {
          if (res.data.resultCode == 1) {
            this.ChinaAirportList = res.data.data
          } else {
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
      getJapanAirportList() { // 获取日本机场
        let msg = {
          City_id: 0,
          Country_id: 651,
          TrafficType: 1,
        }
        this.apipost('airport_post_GetList', msg, res => {
          if (res.data.resultCode == 1) {
            this.JapanAirportList = res.data.data
          } else {
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
      FilghtForAir(data, type) {
        this.apipost('dmc_get_visa_GetFilghtForAir', data, res => {
          if (res.data.resultCode == 1) {
            if (type == 1) {
              this.FilghtForAirIn = res.data.data
            } else {
              this.FilghtForAirOut = res.data.data
            }
          } else {
            this.$message.error(res.data.message)
          }
        }, err => {})
      },
      getFilghtForAir(type) { // 根据机场获取航班号
        let msg = {
          StartAirId: 0,
          EndAirId: 0,
        }
        if (type == 1) {
          if (this.addMsg.DepartAirport && this.addMsg.EnterCountryPort) {
            msg.StartAirId = this.addMsg.DepartAirport
            msg.EndAirId = this.addMsg.EnterCountryPort
            this.FilghtForAir(msg, type)
          }
        } else {
          if (this.addMsg.GetBackAirport && this.addMsg.LeaveCountryPort) {
            msg.StartAirId = this.addMsg.LeaveCountryPort
            msg.EndAirId = this.addMsg.GetBackAirport
            this.FilghtForAir(msg, type)
          }
        }
      },
      goUrl(obj) {
        let TCIDARR = [];
        if (obj.tcid) {
          TCIDARR.push(obj.tcid)
        }
        let orderObj = {
          OrderID: obj.id,
          OrderSource: 10,
          Obj: {},
          SourceID: obj.visaId,
          TCIDList: TCIDARR
        }
        this.$router.push({
          name: 'ChoiceAddFinancialDocuments',
          query: {
            'path': 'SaleOrderModule',
            'companyID': obj.rB_Branch_Id,
            'visaType': true,
            'blank': 'y',
            'orderObj': JSON.stringify(orderObj)
          }
        });
      },
      goUrlT(obj) {
        this.$router.push({
          name: 'VisaGuestList',
          query: {
            'id': obj.id,
          }
        });
      },

      cancelOrder(obj) {
        this.$confirm('是否取消?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.apipost('dmc_post_visa_SetOrderCancel', {
            OrderId: obj.id
          }, res => {
            if (res.data.resultCode == 1) {
              this.$message.success('取消成功！');
              this.getList()
            } else {
              this.$message.error(res.data.message);
            }
          }, err => {})
        }).catch(() => {
          this.$message.info('已取消！');
        });
      },
      getList() { // 获取列表数据
        this.apipost('dmc_get_visa_GetOrderVisaOrderList', this.msg, res => {
          if (res.data.resultCode == 0) {
            this.loading = false;
            this.dataList = []
          } else {
            this.dataList = res.data.data.pageData;
            this.total = res.data.data.count;
            this.loading = false;
          }
        }, err => {})
      },
      getDetail(obj, updateRStatus) {
        this.SendStartDate = obj.sendStartDate
        this.updateRemarksStatus = updateRStatus;
        this.visaManagementId = obj.visaManagementId
        this.addMsg.VisaId = obj.visaId
        this.addMsg.Id = obj.id
        this.addShow = true
        this.apipost('dmc_get_visa_GetOrderByVisaId', {
          visaId: obj.visaId,
          visaOrderId: obj.id
        }, res => {
          if (res.data.resultCode == 1) {
            let x = res.data.data
            this.addMsg.Name = x[0].Name
            this.addMsg.PeopleNum = x[0].PeopleNum
            this.addMsg.Remark = x[0].Remark
            this.addMsg.EnterCountryTime = x[0].EnterCountryTime
            this.addMsg.LeaveCountryTime = x[0].LeaveCountryTime
            this.addMsg.DepartAirport = x[0].DepartAirport
            this.addMsg.GetBackAirport = x[0].GetBackAirport
            this.addMsg.EnterCountryPort = x[0].EnterCountryPort
            this.addMsg.LeaveCountryPort = x[0].LeaveCountryPort
            this.getFilghtForAir(1)
            this.getFilghtForAir(2)
            this.addMsg.EnterCountryFlight = x[0].EnterCountryFlight
            this.addMsg.LeaveCountryFlight = x[0].LeaveCountryFlight
            this.addMsg.VisaPlanId = x[0].VisaPlanId
            //this.addMsg.DepartDate=x[0].DepartDate	
            this.addMsg.ClientType = x[0].ClientType.toString()

          }

        }, err => {})



      },
      saveVisa() { // 保存
        this.$refs['addMsg'].validate((valid) => {
          if (valid) {
            this.apipost('dmc_get_visa_SetVisaOrder', this.addMsg, res => {
              if (res.data.resultCode == 1) {
                this.addMsg = {
                  Remark: '',
                  VisaId: '',
                  Name: "",
                  PeopleNum: '',
                  EnterCountryTime: '',
                  LeaveCountryTime: '',
                  DepartAirport: '',
                  GetBackAirport: '',
                  EnterCountryPort: '',
                  LeaveCountryPort: '',
                  EnterCountryFlight: '',
                  LeaveCountryFlight: '',
                  VisaPlanId: 0,
                  DepartDate: ''
                }
                this.$message.success(res.data.message)
                this.addShow = false
                this.getList()
              } else {
                this.$message.error(res.data.message)
              }
            }, err => {})
          } else {
            return false;
          }
        });
      },
      cancelEdit() { // 取消新增
        this.addShow = false
        this.addMsg = {
          Name: '',
          Remark: '',
          VisaId: '',
          Name: "",
          PeopleNum: '',
        }
        this.resetForm('addMsg')
      },
      resetForm(formName) { // 重置表单
        this.$refs[formName].resetFields();
      },
      handleCurrentChange(val) {
        this.msg.pageIndex = val;
        this.getList();
      },
    },
    mounted() {
      this.qjGroupId = this.QjGroupId();
      this.userInfo = this.getLocalStorage();
      this.getList()
      this.getChinaAirportList()
      this.getJapanAirportList()
      this.GetSupperOrderEditAuth();
    }
  }

</script>
