<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" 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-show='item.visaManagementId>0' 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{
			// 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:{
		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,
            }
            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,
            }
            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.getList()
        this.getChinaAirportList()
        this.getJapanAirportList()             
    }
}
</script>