<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>
					&nbsp;&nbsp;
					<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>
					&nbsp;&nbsp;
					<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>
					&nbsp;&nbsp;
					<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>