<style> .addPassenger .btmTitle { padding: 0 10px; margin: 20px 0 20px 0; border-left: 3px solid #E95252; font-size: 14px; color: #000000; } .addPassenger .cont, .addPassenger .cont1 { width: 100%; height: auto; background: #fff; border-radius: 4px; border: 1px solid #ccc; padding: 20px; overflow: hidden; } .addPassenger .el-date-editor.el-input { width: 100% } .addPassenger .el-form-item__label { font-size: 12px; } .addPassenger .cont .el-form-item, ._Ec_Box .el-form-item { float: left; width: 500px; } .addPassenger .cont ._AddressDetail { width: 77%; } .addPassenger textarea { resize: none } ._addPassengerEconomicCapability { line-height: 22px; padding-left: 60px; overflow: hidden; width: 100%; } ._addPassengerEconomicCapability span { display: inline-block; padding: 2px 4px; border: 1px solid #c0c4cc; margin: 1px; cursor: pointer; color: #c0c4cc; font-size: 12px; border-radius: 4px; } ._addPassengerEconomicCapability span._active { border: 1px solid rgb(123, 194, 245); color: rgb(123, 194, 245) } </style> <template> <div class="addPassenger"> <p class="btmTitle">旅客基本资料</p> <div class="cont"> <el-form :model="addMsg" ref="addMsg" label-position="right" :rules="rules" label-width="150px"> <el-form-item label="中文姓" prop="SurName"> <el-input v-model='addMsg.SurName' class="w230" @change="Transformation(addMsg.SurName,'SurName')" placeholder="请输入中文"></el-input> </el-form-item> <el-form-item label="中文名" prop="Name"> <el-input v-model='addMsg.Name' class="w230" @change="Transformation(addMsg.Name,'Name')" placeholder="请输入中文"> </el-input> </el-form-item> <el-form-item label="性别" prop="Sex"> <el-select v-model='addMsg.Sex' size=mini class="w230"> <el-option key="1" label="男" value="1"> </el-option> <el-option key="2" label="女" value="2"> </el-option> </el-select> </el-form-item> <el-form-item label="英文姓" prop="ESurName"> <el-input v-model='addMsg.ESurName' type="text" size=mini class="w230" maxlength="20" placeholder="请输入英文"> </el-input> </el-form-item> <el-form-item label="英文名" prop="EName"> <el-input v-model='addMsg.EName' type="text" size=mini class="w230" maxlength="20" placeholder="请输入英文"> </el-input> </el-form-item> <el-form-item label="出生日期" prop="Birthday"> <el-date-picker v-model='addMsg.Birthday' class="w230" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker> </el-form-item> <el-form-item label="护照号" prop="PassportNo"> <el-input v-model='addMsg.PassportNo' type="text" size=mini class="w230" maxlength="20" placeholder="请填写护照号"> </el-input> </el-form-item> <el-form-item label="护照签发地" prop="PassportAddress"> <el-input v-model='addMsg.PassportAddress' type="text" size=mini class="w230" maxlength="100" placeholder="请填写"></el-input> </el-form-item> <el-form-item label="护照过期日" prop="PassportExpiry"> <el-date-picker v-model='addMsg.PassportExpiry' class="w230" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker> </el-form-item> <el-form-item label="国籍" prop="Nationality"> <el-select v-model="addMsg.Nationality" filterable size=mini class="w230"> <el-option v-for="item in countryList" :key="item.ID" :label="item.Name" :value="item.ID"> </el-option> </el-select> </el-form-item> <el-form-item label="婚姻" prop="Marriage"> <el-select v-model="addMsg.Marriage" filterable size=mini class="w230"> <el-option v-for="item in MarriageType" :key="item.Id" :label="item.Name" :value="item.Id"> </el-option> </el-select> </el-form-item> <el-form-item label="家庭居住地" prop="Address"> <el-input v-model="addMsg.Address" type="text" size=mini class="w230" maxlength="50" placeholder="请填写"> </el-input> </el-form-item> <el-form-item label="身份证号码" prop="IdCard"> <el-input v-model="addMsg.IdCard" type="text" size=mini class="w230" maxlength="50" placeholder="请填写"> </el-input> </el-form-item> <el-form-item label="出生地" prop="BirthdayAddress"> <el-input v-model="addMsg.BirthdayAddress" type="text" size=mini class="w230" maxlength="20" placeholder="请填写"></el-input> </el-form-item> <el-form-item label="手机号码" prop="MobilePhone"> <el-input v-model="addMsg.MobilePhone" type="text" size=mini class="w230" maxlength="20" placeholder="请填写"> </el-input> </el-form-item> <el-form-item label="家庭详细地址" prop="AddressDetail" class="_AddressDetail"> <el-input v-model="addMsg.AddressDetail" type="text" size=mini maxlength="200" placeholder="请填写"></el-input> </el-form-item> <el-form-item label="身份确认" prop="IdentityType"> <el-select v-model="addMsg.IdentityType" filterable size=mini class="w230" v-if="addMsg.IdentityType==''"> <el-option v-for="item in VisaIdentityTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"> </el-option> </el-select> <el-input v-else v-model="addMsg.IdentityType" type="text" size=mini class="w230" maxlength="50"></el-input> </el-form-item> <el-form-item label="出境记录" prop="HistoryRecord"> <el-select v-model="addMsg.HistoryRecord" filterable size=mini class="w230" v-if="addMsg.HistoryRecord==''"> <el-option v-for="item in VisaDeparturesType" :key="item.Id" :label="item.Name" :value="item.Name"> </el-option> </el-select> <el-input v-else v-model="addMsg.HistoryRecord" type="text" size=mini class="w230" maxlength="50"></el-input> <el-checkbox v-model='addMsg.IsRecommend' :true-label='1' :false-label='2'>推荐</el-checkbox> </el-form-item> <el-form-item label="职务" prop="Duty"> <el-select v-model="addMsg.Duty" filterable size=mini class="w230" v-if="addMsg.Duty==''"> <el-option v-for="item in VisaDutyTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"> </el-option> </el-select> <el-input v-else v-model="addMsg.Duty" type="text" size=mini class="w230" maxlength="50"></el-input> </el-form-item> <el-form-item label="备注"> <el-input v-model="addMsg.Remarks" type="text" size=mini class="w230" maxlength="1000"></el-input> </el-form-item> <el-form-item label="出游类型" prop="TravelType"> <el-select v-model="addMsg.TravelType" filterable size=mini class="w230"> <el-option v-for="item in TravelTypeList" :key="item.Code" :label="item.Content" :value="item.Code"> </el-option> </el-select> </el-form-item> <el-form-item label="单位类型" prop="UnitType"> <el-select v-model="addMsg.UnitType" filterable size=mini class="w230"> <el-option v-for="item in UnitTypeList" :key="item.Code" :label="item.Content" :value="item.Code"> </el-option> </el-select> </el-form-item> <el-form-item label="职务类型" prop="DutyType"> <el-select v-model="addMsg.DutyType" filterable size=mini class="w230"> <el-option v-for="item in DutyTypeList" :key="item.Code" :label="item.Content" :value="item.Code"> </el-option> </el-select> </el-form-item> <el-form-item label="高校学生"> <el-checkbox v-model="addMsg.IsHightSchool" :true-label='1' :false-label='2'></el-checkbox> </el-form-item> <!--<el-form-item label=""> <el-checkbox v-model="addMsg.IsBed" :true-label='1' :false-label='0'>是否占床</el-checkbox>--> <!-- <el-checkbox v-model='addMsg.IsVisaFree' :disabled="IsMustVisa==1" :true-label='2' :false-label='1'>是否需签证</el-checkbox> <el-checkbox v-model='addMsg.IsNeedAirticket' :disabled="IsMustAir==1" :true-label='1' :false-label='2'>是否需机票</el-checkbox> <el-checkbox v-model='addMsg.IsNeedSafe' :disabled="IsMustSafe==1" :true-label='1' :false-label='2'>是否需保险</el-checkbox> </el-form-item> <el-form-item label=""> <el-checkbox v-model='addMsg.IsVisaFree' :disabled="IsMustVisa==1||(IsMustVisa==2&&addMsg.Id<=0)" :true-label='2' :false-label='1'>是否需签证</el-checkbox> <el-select v-model="addMsg.VisaReplaceId" filterable size=mini class="w120" v-if="IsMustVisa==2&addMsg.Id>0&VisaStartStatus==2&addMsg.IsVisaFree==1"> <el-option v-for="item in VisaNotNeedList" :key="item.Id" :label="item.Name" :value="item.Id"> </el-option> </el-select> </el-form-item> <el-form-item label=""> <el-checkbox v-model='addMsg.IsNeedAirticket' :disabled="IsMustAir==1||(IsMustAir==2&&addMsg.Id<=0)" :true-label='1' :false-label='2'>是否单地接</el-checkbox> <el-select v-model="addMsg.AirReplaceId" filterable size=mini class="w120" v-if="IsMustAir==2&addMsg.Id>0&AirStartStatus==1&addMsg.IsNeedAirticket==2"> <el-option v-for="item in AirNoeNeedList" :key="item.Id" :label="item.Name" :value="item.Id"> </el-option> </el-select> </el-form-item> <el-form-item label=""> <el-checkbox v-model='addMsg.IsNeedSafe' :disabled="IsMustSafe==1||(IsMustSafe==2&&addMsg.Id<=0)" :true-label='1' :false-label='2'>是否需保险</el-checkbox> <el-select v-model="addMsg.SafeReplaceId" filterable size=mini class="w120" v-if="IsMustSafe==2&addMsg.Id>0&SafeStartStatus==1&addMsg.IsNeedSafe==2"> <el-option v-for="item in SafeNotNeedList" :key="item.Id" :label="item.Name" :value="item.Id"> </el-option> </el-select> </el-form-item>--> <el-form-item :label="item.Name" v-for='(item,index) in EconomicCapabilityS' v-if='item.isShow' :key='index'> <el-input v-model="item.Content" type="text" size=mini class="w230" maxlength="50"></el-input> </el-form-item> <div class="_addPassengerEconomicCapability"> <span v-for="item in EconomicCapabilityS" @click="addEconomicCapability(item)" :class="{_active:item.isShow}">{{item.Name}}</span> </div> </el-form> </div> <p class="btmTitle">日本签证补录资料</p> <div class="cont1"> <el-form label-width="120px"> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="护照签发日期"> <el-date-picker v-model='addMsg.PassportIssued' value-format="yyyy-MM-dd" type="date" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="护照签发机关"> <el-input v-model='addMsg.IssuingAuthority' size=mini maxlength="50"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="曾用中文名"> <el-input v-model='addMsg.CName' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="曾用英文名"> <el-input v-model='addMsg.CEName' size=mini maxlength="20"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="曾有国籍"> <el-input v-model='addMsg.CNationality' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="联系电话"> <el-input v-model='addMsg.Tel' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="单位名称"> <el-input v-model='addMsg.UnitName' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="单位电话"> <el-input v-model='addMsg.UnitPhone' size=mini maxlength="20"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="配偶/监护人职位"> <el-input v-model='addMsg.UnitPost' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="单位地址"> <el-input v-model='addMsg.UnitAddress' size=mini maxlength="200"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="赴日目的"> <el-input v-model='addMsg.Purpose' size=mini maxlength="200"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="有无出境记录"> <el-select v-model='addMsg.IsDepartureRecord'> <el-option key="1" label="有" value="1"> </el-option> <el-option key="2" label="无" value="2"> </el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="上次去时间" prop="Birthday"> <el-date-picker v-model='addMsg.LastTime' value-format="yyyy-MM-dd" type="date" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="上次取得截至时间"> <el-date-picker v-model='addMsg.DeadlineTime' value-format="yyyy-MM-dd" type="date" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="出境国家"> <el-input size=mini v-model='addMsg.NCNationality' maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="酒店名称/友人名称"> <el-input v-model='addMsg.HotelName' size=mini maxlength="20"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="酒店电话/友人电话" prop="Birthday"> <el-input v-model='addMsg.HotelTel' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="酒店地址/友人地址"> <el-input v-model='addMsg.HotelAddress' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="紧急联络人"> <el-input v-model='addMsg.EmergencyContact' size=mini maxlength="100"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="紧急人地址"> <el-input v-model='addMsg.EmergencyAddress' size=mini maxlength="20"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="紧急人电话" prop="Birthday"> <el-input v-model='addMsg.EmergencyTel' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="紧急人关系"> <el-input v-model='addMsg.EmergencyRelation' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="犯罪记录"> <el-select v-model='addMsg.IsCriminalRecord'> <el-option key="1" label="有" value="1"> </el-option> <el-option key="2" label="无" value="2"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="参团费用"> <el-input v-model='addMsg.TravelCost' size=mini maxlength="20"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="40"> <el-col :span="6"> <el-form-item label="报名旅行社" prop="Birthday"> <el-input v-model='addMsg.TravelName' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="一同报名亲友"> <el-input v-model='addMsg.MutualFriends' size=mini maxlength="20"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="申请日期/报名时间"> <el-date-picker v-model='addMsg.Date' value-format="yyyy-MM-dd" type="date" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-col> </el-row> </el-form> </div> <p style="text-align: center; padding: 20px 0;"> <input type="button" class="hollowFixedBtn" value="取消" @click="goBack" /> <input type="button" class="normalBtn" value="保存" @click="submitForm('addMsg')" /> </p> </div> </template> <script> import Vue from "vue" export default { data() { return { TravelTypeList: [], UnitTypeList: [], DutyTypeList: [], addMsg: { VisaPlanId: 0, Id: 0, TCID: 0, OrderId: 0, SurName: '', Name: '', Sex: '', EName: '', ESurName: '', Birthday: '', BirthdayAddress: '', PassportAddress: '', PassportExpiry: '', PassportNo: '', Nationality: '', Marriage: '', Address: '', AddressDetail: '', HistoryRecord: '', IdentityType: '', Duty: '', EconomicCapabilityList: [], Remarks: '', TravelType: '', UnitType: '', DutyType: '', IsHightSchool: '2', IsRecommend: '2', PassportIssued: '', IssuingAuthority: '', IdCard: '', CEName: '', CName: '', CNationality: '', Tel: '', MobilePhone: '', UnitAddress: '', UnitName: '', UnitPhone: '', UnitPost: '', Purpose: '', IsDepartureRecord: '2', LastTime: '', DeadlineTime: '', NCNationality: '', HotelTel: '', HotelAddress: '', HotelName: '', EmergencyContact: '', EmergencyAddress: '', EmergencyTel: '', IsCriminalRecord: '2', TravelCost: '', TravelName: '', MutualFriends: '', Date: '', IsBed: 0, IsVisaFree: 0, IsNeedAirticket: 0, IsNeedSafe: 0, AirReplaceId: '0', VisaReplaceId: '0', SafeReplaceId: '0' }, EconomicCapabilityS: [], rules: { DutyType: [{ required: true, message: '请选择职务类型', trigger: 'change' }], UnitType: [{ required: true, message: '请选择单位类型', trigger: 'change' }], TravelType: [{ required: true, message: '请选择出游类型', trigger: 'change' }], SurName: [{ required: true, message: '请填写中文姓', trigger: 'blur' }], Name: [{ required: true, message: '请填写中文名', trigger: 'blur' }], Sex: [{ required: true, message: '请填选择性别', trigger: 'change' }], ESurName: [{ required: true, message: '请填写英文姓', trigger: 'blur' }, { pattern: /^[a-zA-Z]/, message: "请输入英文姓" } ], EName: [{ required: true, message: '请填写英文名', trigger: 'blur' }, { pattern: /^[a-zA-Z]/, message: "请输入英文姓" } ], Birthday: [{ required: true, message: '请填选择出生日期', trigger: 'blur' }], PassportNo: [{ required: true, message: '请填写护照号', trigger: 'blur' }, { pattern: /^[0-9a-zA-Z]+$/, message: "正确的护照号" } ], PassportExpiry: [{ required: true, message: '请选择护照过期日', trigger: 'blur' }], PassportAddress: [{ required: true, message: '请填写签发地', trigger: 'blur' }], PassportAddress: [{ required: true, message: '请填写签发地', trigger: 'blur' }], Nationality: [{ required: true, message: '请选择国籍', trigger: 'change' }], }, //返回数据 VisaApplyForTypeEnum: [], JapanAirportList: [], ChinaAirportList: [], countryList: [], MarriageType: [], VisaDeparturesType: [], VisaDutyTypeEnum: [], VisaIdentityTypeEnum: [], FilghtForAirIn: [], FilghtForAirOut: [], IsMustVisa: 2, IsMustAir: 2, IsMustSafe: 2, VisaNotNeedList: [], AirNoeNeedList: [], SafeNotNeedList: [], VisaStartStatus: 2, AirStartStatus: 2, SafeStartStatus: 2, } }, methods: { getDutyType() { this.apipost( "dict_get_GetDictValueCommonList", { Key: 'SK_CRM_DutyType', }, res => { if (res.data.resultCode == 1) { this.DutyTypeList = res.data.data } else {} }, err => {} ); }, getUnitType() { this.apipost( "dict_get_GetDictValueCommonList", { Key: 'SK_CRM_UnitType', }, res => { if (res.data.resultCode == 1) { this.UnitTypeList = res.data.data } else {} }, err => {} ); }, getTravelType() { this.apipost( "dict_get_GetDictValueCommonList", { Key: 'SK_CRM_TravelType', }, res => { if (res.data.resultCode == 1) { this.TravelTypeList = res.data.data } else {} }, err => {} ); }, goBack() { history.go(-1) }, submitForm(addMsg) { //提交创建、修改表单 this.$refs[addMsg].validate((valid) => { if (valid) { this.savePassenger() } else { return false; } }); }, savePassenger() { this.addMsg.EconomicCapabilityList = [] this.EconomicCapabilityS.forEach(x => { if (x.isShow == true) { this.addMsg.EconomicCapabilityList.push({ Key: x.Name, Value: x.Content, ID: x.ID }) } }) if (this.addMsg.Marriage == "") { this.addMsg.Marriage = '0'; } this.apipost('dmc_post_visa_SetVisaGuestInfo', this.addMsg, res => { if (res.data.resultCode == 1) { this.$message.success(res.data.message) history.go(-1) } else { this.$message.error(res.data.message) // this.$router.push({name: 'passengerListSale'}); } }, err => {}) }, getEconomicCapability() { //获取经济能力 this.apipost("dict_post_GetList", { Key: 'SK_Visa_EconomicCapability' }, res => { this.EconomicCapabilityS = res.data.data; if (this.$route.query.guestId != 0) { this.addMsg.Id = this.$route.query.guestId this.getInfo() } }, err => {}); }, addEconomicCapability(obj) { // 添加经济能力说明 this.EconomicCapabilityS.forEach(x => { if (x.ID == obj.ID) { x.isShow ? x.isShow = false : x.isShow = true } }) this.$forceUpdate() }, Transformation(val, type) { let text = this.pinyin(val, { style: this.pinyin.STYLE_NORMAL }) //text 是数组 if (type == 'SurName') { let upText = text.join("").toLocaleUpperCase() this.addMsg.ESurName = upText } if (type == 'Name') { let upText = text.join("").toLocaleUpperCase() this.addMsg.EName = upText } }, getVisaIdentityTypeEnum() { //获取身份证明 let msg = {}; this.apipost("dmc_get_visa_GetVisaIdentityTypeEnum", msg, res => { if (res.data.resultCode == 1) { this.VisaIdentityTypeEnum = res.data.data; } else { this.$message.error(res.data.message) } }, err => {}); }, getVisaDutyTypeEnum() { //获取职务 let msg = {}; this.apipost("dmc_get_visa_GetVisaDutyTypeEnum", msg, res => { if (res.data.resultCode == 1) { this.VisaDutyTypeEnum = res.data.data; } else { this.$message.error(res.data.message) } }, err => {}); }, getVisaDeparturesType() { //获取出境记录状态 let msg = {}; this.apipost("dmc_get_visa_GetVisaDeparturesTypeEnum", msg, res => { if (res.data.resultCode == 1) { this.VisaDeparturesType = res.data.data; } else { this.$message.error(res.data.message) } }, err => {}); }, getMarriageType() { //获取婚姻 let msg = {}; this.apipost("dmc_get_visa_GetVisaMarriageTypeEnum", msg, res => { if (res.data.resultCode == 1) { this.MarriageType = res.data.data; } else { this.$message.error(res.data.message) } }, err => {}); }, getCountry() { //获取国家 let msg = {}; this.apipost("dict_post_Destination_GetCountry", msg, res => { if (res.data.resultCode == 1) { this.countryList = res.data.data; } else { this.$message.error(res.data.message) } }, err => {}); }, getVisaApplyForTypeEnum() { // 获取申请类型 this.apipost('dmc_get_visa_GetVisaApplyForTypeEnum', {}, res => { if (res.data.resultCode == 1) { this.VisaApplyForTypeEnum = res.data.data } else { this.$message.error(res.data.message) } }, err => {}) }, 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 => {}) }, goUrl(path) { this.$router.push({ name: path }); }, getInfo() { this.apipost('sellorder_get_GetTravelGuestInfo', { GuestId: this.$route.query.guestId }, res => { if (res.data.resultCode == 1) { let obj = res.data.data this.addMsg = obj this.addMsg.Sex = obj.Sex.toString() this.addMsg.Marriage = obj.Marriage.toString() if (this.addMsg.Marriage == "0") { this.addMsg.Marriage = ''; } this.addMsg.IsCriminalRecord = obj.IsCriminalRecord.toString() this.addMsg.IsDepartureRecord = obj.IsDepartureRecord.toString() this.EconomicCapabilityS.forEach(x => { obj.EconomicCapabilityList.forEach(y => { if (x.ID == y.ID) { x.isShow = true x.Content = y.Value } }) }) this.VisaStartStatus = this.addMsg.IsVisaFree; this.AirStartStatus = this.addMsg.IsNeedAirticket; this.SafeStartStatus = this.addMsg.IsNeedSafe; this.$forceUpdate() } else { this.$message.error(res.data.message) } }, err => {}) }, GetGuestMustVisaAir() { this.apipost('sellorder_get_GetGuestMustVisaAir', { OrderId: this.$route.query.orderId }, res => { if (res.data.resultCode == 1) { let obj = res.data.data; this.IsMustVisa = obj.IsMustVisa; this.IsMustAir = obj.IsMustAir; this.IsMustSafe = obj.IsMustSafe; this.VisaNotNeedList = obj.VisaNotNeedList; this.AirNoeNeedList = obj.AirNoeNeedList; this.SafeNotNeedList = obj.SafeNotNeedList; } }) } }, mounted() { this.getTravelType(); this.getDutyType(); this.getUnitType(); this.getVisaApplyForTypeEnum() this.getChinaAirportList() this.getJapanAirportList() this.getCountry() this.getMarriageType() this.getVisaDeparturesType() this.getVisaDutyTypeEnum() this.getVisaIdentityTypeEnum() this.getEconomicCapability() this.GetGuestMustVisaAir() this.addMsg.TCID = this.$route.query.TCID this.addMsg.OrderId = this.$route.query.orderId this.addMsg.VisaPlanId = this.$route.query.VisaPlanId } } </script>