<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>