{"version":3,"sources":["webpack:///./src/components/Contact/Contact.vue?ad29","webpack:///./src/components/Booking/CountrySelector.vue?9518","webpack:///./src/components/Contact/Contact.vue","webpack:///src/components/Contact/Contact.vue","webpack:///./src/components/Contact/Contact.vue?1df7","webpack:///./src/components/Contact/Contact.vue?d230","webpack:///./src/components/Contact/index.js","webpack:///./src/components/Booking/CountrySelector.vue","webpack:///src/components/Booking/CountrySelector.vue","webpack:///./src/components/Booking/CountrySelector.vue?e31a","webpack:///./src/components/Booking/CountrySelector.vue?dd73"],"names":["render","_vm","this","_c","_self","staticClass","isPrivacy","attrs","refresh","on","reload","_e","showSelector","_v","_s","countryText","nationTip","directives","name","rawName","value","currentData","chineseLastName","expression","domProps","txtFocus","$event","pyName","target","composing","$set","chineseFirstName","pinYinLastName","pinYinFirstName","class","active","gender","selectGender","dateOfBirth","isUnfold","telephone","passPortNum","passPortExpirationDate","email","opeOptional","isDefaultContact","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","save","ref","isShowCountrySelector","selectCountry","closeSelector","staticRenderFns","PrivacyButton","components","CountrySelector","props","prevData","type","Object","default","String","Boolean","data","userName","id","country","currentDataOriginal","birthPicker","passportExpirePicker","updateFields","watch","newVal","initData","beforeMount","init","methods","$emit","countryList","getCountry","$store","commit","objLen","state","user","userToken","pinyinLastName","pinyinFirstName","passportNum","passportExpirationDate","assign","countryItem","find","item","countryCode","countryName","initBirthPickerDate","birthPickerDate","Date","now","format","isMaskValue","initPicker","pickerDate","getDate","pickerTime","getTime","currentTime","$alert","show","includes","push","delayDev","update","destroy","key","length","api","page","getPinyin","countries","success","errMsg","userEditInfo","nationalityApiViews","console","log","selector","date","pick","Picker","document","querySelector","text","title","cancel","confirm","e","dataKey","getAttribute","keys","filter","r","toUpperCase","computed","component","Contact","isShow","onCountryClose","tab","_l","cnCountries","onCountrySelected","letters","letter","refInFor","getContriesByLetter","goToLetterTab","Function","mounted","otherCountries","forEach","pinyinName","substr","indexOf","_","orderBy","toLowerCase","letterTab","$refs","chooseOtherCountry","scroll","top","offsetTop","behavior","cn","newValue"],"mappings":"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","file":"js/chunk-63743c1e.e5e7bc71.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&id=67d51885&prod&lang=less&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySelector.vue?vue&type=style&index=0&id=722f319c&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contactCreate scroll-container\"},[_c('div',{staticClass:\"contactCreate-list\"},[_c('div',{staticClass:\"privacy-layout\"},[(_vm.isPrivacy)?_c('privacy-button',{attrs:{\"refresh\":_vm.refresh,\"type\":\"btn-mini\"},on:{\"privacy-switch\":_vm.reload}}):_vm._e()],1),_c('form',[_c('div',{staticClass:\"passenger-detail-desc\"},[_c('div',{staticClass:\"passenger-content\",on:{\"click\":_vm.showSelector}},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"国家或地区\")]),_c('div',{staticClass:\"passenger-txt nationality-txt\"},[_c('div',{staticClass:\"css_nationality js_nationality\"},[_vm._v(_vm._s(_vm.countryText ? _vm.countryText : _vm.nationTip))])]),_c('div',{staticClass:\"passenger-arrow-right\"})]),_c('div',{staticClass:\"passenger-content\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"中文姓\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.chineseLastName),expression:\"currentData.chineseLastName\"}],staticClass:\"lastName\",attrs:{\"type\":\"text\",\"data-key\":\"ChineseLastName\",\"placeholder\":\"必填\"},domProps:{\"value\":(_vm.currentData.chineseLastName)},on:{\"focus\":_vm.txtFocus,\"change\":function($event){return _vm.pyName('lastName',\n                        _vm.currentData.chineseLastName)},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"chineseLastName\", $event.target.value)}}})]),_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"中文名\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.chineseFirstName),expression:\"currentData.chineseFirstName\"}],staticClass:\"firstName\",attrs:{\"type\":\"text\",\"placeholder\":\"必填\",\"data-key\":\"ChineseFirstName\"},domProps:{\"value\":(_vm.currentData.chineseFirstName)},on:{\"focus\":_vm.txtFocus,\"change\":function($event){return _vm.pyName('firstName',\n                        _vm.currentData.chineseFirstName)},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"chineseFirstName\", $event.target.value)}}})])]),_c('div',{staticClass:\"passenger-content\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"姓拼音\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.pinYinLastName),expression:\"currentData.pinYinLastName\"}],staticClass:\"lastNamePY\",attrs:{\"type\":\"text\",\"data-key\":\"PinYinLastName\",\"placeholder\":\"必填\"},domProps:{\"value\":(_vm.currentData.pinYinLastName)},on:{\"focus\":_vm.txtFocus,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"pinYinLastName\", $event.target.value)}}})]),_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"名拼音\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.pinYinFirstName),expression:\"currentData.pinYinFirstName\"}],staticClass:\"firstNamePY\",attrs:{\"type\":\"text\",\"data-key\":\"PinYinFirstName\",\"placeholder\":\"必填\"},domProps:{\"value\":(_vm.currentData.pinYinFirstName)},on:{\"focus\":_vm.txtFocus,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"pinYinFirstName\", $event.target.value)}}})])]),_c('div',{staticClass:\"passenger-content\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"性别\")]),_c('div',{staticClass:\"passenger-txt passenger-male\"},[_c('div',{staticClass:\"male-txt\",class:{active: _vm.currentData.gender === 'M'},on:{\"click\":function($event){return _vm.selectGender('M')}}},[_c('i'),_c('span',[_vm._v(\"男\")])]),_c('div',{staticClass:\"female-txt\",class:{active: _vm.currentData.gender === 'F'},on:{\"click\":function($event){return _vm.selectGender('F')}}},[_c('i'),_c('span',[_vm._v(\"女\")])]),_c('div',{staticClass:\"passenger-placeholder\"},[_vm._v(\"必选\")])])]),_c('div',{staticClass:\"passenger-content passenger-birthDate\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"出生日期\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.dateOfBirth),expression:\"currentData.dateOfBirth\"}],staticClass:\"birthOfDate input-text-left\",attrs:{\"type\":\"text\",\"placeholder\":\"必填\",\"data-key\":\"DateOfBirth\"},domProps:{\"value\":(_vm.currentData.dateOfBirth)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"dateOfBirth\", $event.target.value)}}})]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/calender-icon.png\"}})]),_c('div',{staticClass:\"passenger-optional\"},[(_vm.isUnfold)?_c('div',{staticClass:\"optionalContent\"},[_c('div',{staticClass:\"passenger-content\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"手机号码\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.telephone),expression:\"currentData.telephone\"}],staticClass:\"telephone input-text-left\",attrs:{\"maxlength\":\"11\",\"type\":\"text\",\"placeholder\":\"\",\"data-key\":\"Telephone\"},domProps:{\"value\":(_vm.currentData.telephone)},on:{\"focus\":_vm.txtFocus,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"telephone\", $event.target.value)}}})])]),_c('div',{staticClass:\"passenger-content\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"护照号\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.passPortNum),expression:\"currentData.passPortNum\"}],staticClass:\"passportNum input-text-left\",attrs:{\"type\":\"text\",\"placeholder\":\"\",\"data-key\":\"PassPortNum\"},domProps:{\"value\":(_vm.currentData.passPortNum)},on:{\"focus\":_vm.txtFocus,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"passPortNum\", $event.target.value)}}})])]),_c('div',{staticClass:\"passenger-content passenger-pssport\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"护照有效期至\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.passPortExpirationDate),expression:\"currentData.passPortExpirationDate\"}],staticClass:\"passportDate input-text-left\",attrs:{\"type\":\"text\",\"placeholder\":\"\",\"data-key\":\"PassPortExpirationDate\"},domProps:{\"value\":(_vm.currentData.passPortExpirationDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"passPortExpirationDate\", $event.target.value)}}})]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/calender-icon.png\"}})]),_c('div',{staticClass:\"passenger-content\"},[_c('div',{staticClass:\"passenger-family\"},[_vm._v(\"电子邮箱\")]),_c('div',{staticClass:\"passenger-txt\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.email),expression:\"currentData.email\"}],staticClass:\"email input-text-left\",attrs:{\"type\":\"text\",\"placeholder\":\"\",\"data-key\":\"Email\"},domProps:{\"value\":(_vm.currentData.email)},on:{\"focus\":_vm.txtFocus,\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.currentData, \"email\", $event.target.value)}}})])])]):_vm._e(),_c('div',{staticClass:\"optionalTxt\",on:{\"click\":_vm.opeOptional}},[(!_vm.isUnfold)?_c('div',{staticClass:\"optionTxt-close\"},[_vm._v(\" 展开（选填）\"),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/arrow-down.png\"}})]):_c('div',{staticClass:\"optionTxt-open\"},[_vm._v(\" 收起（选填） \"),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/arrow-down.png\"}})])])])])])]),_c('div',{staticClass:\"contact-default\"},[_c('div',{staticClass:\"contact-default-title\"},[_vm._v(\"保存为默认联系人\")]),_c('div',{staticClass:\"contact-default-switch\"},[_c('label',{staticClass:\"switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentData.isDefaultContact),expression:\"currentData.isDefaultContact\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.currentData.isDefaultContact)?_vm._i(_vm.currentData.isDefaultContact,null)>-1:(_vm.currentData.isDefaultContact)},on:{\"change\":function($event){var $$a=_vm.currentData.isDefaultContact,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.currentData, \"isDefaultContact\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.currentData, \"isDefaultContact\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.currentData, \"isDefaultContact\", $$c)}}}}),_c('span',{staticClass:\"slider round\"})])])]),_c('div',{staticClass:\"contactCreate-addGuestBtn\",on:{\"click\":_vm.save}},[_vm._v(\"保存\")]),_c('CountrySelector',{ref:\"countrySelector\",attrs:{\"isShow\":_vm.isShowCountrySelector,\"onCountrySelected\":_vm.selectCountry,\"onCountryClose\":_vm.closeSelector}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"contactCreate scroll-container\">\r\n        <div class=\"contactCreate-list\">\r\n            <div class=\"privacy-layout\">\r\n              <privacy-button v-if=\"isPrivacy\" @privacy-switch=\"reload\" :refresh=\"refresh\" type=\"btn-mini\"></privacy-button>\r\n            </div>\r\n            <form>\r\n                <div class=\"passenger-detail-desc\">\r\n                    <div class=\"passenger-content\" @click=\"showSelector\">\r\n                        <div class=\"passenger-family\">国家或地区</div>\r\n                        <div class=\"passenger-txt nationality-txt\">\r\n                            <div class=\"css_nationality js_nationality\">{{countryText ? countryText : nationTip}}</div>\r\n                        </div>\r\n                        <div class=\"passenger-arrow-right\"></div>\r\n                    </div>\r\n                    <div class=\"passenger-content\">\r\n                        <div class=\"passenger-family\">中文姓</div>\r\n                        <div class=\"passenger-txt\">\r\n                            <input type=\"text\" class=\"lastName\" data-key=\"ChineseLastName\" @focus=\"txtFocus\" v-model=\"currentData.chineseLastName\" placeholder=\"必填\" @change=\"pyName('lastName',\r\n                            currentData.chineseLastName)\">\r\n                        </div>\r\n                        <div class=\"passenger-family\">中文名</div>\r\n                        <div class=\"passenger-txt\">\r\n                            <input type=\"text\" placeholder=\"必填\" data-key=\"ChineseFirstName\" @focus=\"txtFocus\" v-model=\"currentData.chineseFirstName\" class=\"firstName\" @change=\"pyName('firstName',\r\n                            currentData.chineseFirstName)\">\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"passenger-content\">\r\n                        <div class=\"passenger-family\">姓拼音</div>\r\n                        <div class=\"passenger-txt\"><input type=\"text\" data-key=\"PinYinLastName\" @focus=\"txtFocus\" placeholder=\"必填\" v-model=\"currentData.pinYinLastName\" class=\"lastNamePY\"></div>\r\n                        <div class=\"passenger-family\">名拼音</div>\r\n                        <div class=\"passenger-txt\"><input type=\"text\" data-key=\"PinYinFirstName\" @focus=\"txtFocus\" placeholder=\"必填\" v-model=\"currentData.pinYinFirstName\" class=\"firstNamePY\"></div>\r\n                    </div>\r\n                    <div class=\"passenger-content\">\r\n                        <div class=\"passenger-family\">性别</div>\r\n                        <div class=\"passenger-txt passenger-male\">\r\n                            <div class=\"male-txt\" v-bind:class=\"{active: currentData.gender === 'M'}\" @click=\"selectGender('M')\"><i></i><span>男</span></div>\r\n                            <div class=\"female-txt\" v-bind:class=\"{active: currentData.gender === 'F'}\" @click=\"selectGender('F')\"><i></i><span>女</span></div>\r\n                            <div class=\"passenger-placeholder\">必选</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"passenger-content passenger-birthDate\">\r\n                        <div class=\"passenger-family\">出生日期</div>\r\n                        <div class=\"passenger-txt\">\r\n                            <input type=\"text\" placeholder=\"必填\" data-key=\"DateOfBirth\" v-model=\"currentData.dateOfBirth\" class=\"birthOfDate input-text-left\">\r\n                        </div>\r\n                        <img src=\"https://resource.rcclchina.com.cn/tui2/user_center/calender-icon.png\">\r\n                    </div>\r\n                    <div class=\"passenger-optional\">\r\n                        <div class=\"optionalContent\" v-if=\"isUnfold\">\r\n                            <div class=\"passenger-content\">\r\n                                <div class=\"passenger-family\">手机号码</div>\r\n                                <div class=\"passenger-txt\"><input maxlength=\"11\" type=\"text\" placeholder=\"\" data-key=\"Telephone\" @focus=\"txtFocus\" v-model=\"currentData.telephone\"\r\n                                                                  class=\"telephone input-text-left\"></div>\r\n                            </div>\r\n                            <div class=\"passenger-content\">\r\n                                <div class=\"passenger-family\">护照号</div>\r\n                                <div class=\"passenger-txt\">\r\n                                    <input type=\"text\" placeholder=\"\" v-model=\"currentData.passPortNum\" data-key=\"PassPortNum\" @focus=\"txtFocus\" class=\"passportNum input-text-left\">\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"passenger-content passenger-pssport\">\r\n                                <div class=\"passenger-family\">护照有效期至</div>\r\n                                <div class=\"passenger-txt\">\r\n                                    <input type=\"text\" placeholder=\"\" v-model=\"currentData.passPortExpirationDate\" data-key=\"PassPortExpirationDate\" class=\"passportDate input-text-left\">\r\n                                </div>\r\n                                <img src=\"https://resource.rcclchina.com.cn/tui2/user_center/calender-icon.png\">\r\n                            </div>\r\n                            <div class=\"passenger-content\">\r\n                                <div class=\"passenger-family\">电子邮箱</div>\r\n                                <div class=\"passenger-txt\"><input type=\"text\" placeholder=\"\" v-model=\"currentData.email\" data-key=\"Email\" @focus=\"txtFocus\" class=\"email input-text-left\"></div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"optionalTxt\" @click=\"opeOptional\">\r\n                            <div class=\"optionTxt-close\" v-if=\"!isUnfold\">\r\n                                展开（选填）<img src=\"https://resource.rcclchina.com.cn/tui2/user_center/arrow-down.png\">\r\n                            </div>\r\n                            <div class=\"optionTxt-open\" v-else>\r\n                                收起（选填） <img src=\"https://resource.rcclchina.com.cn/tui2/user_center/arrow-down.png\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <div class=\"contact-default\">\r\n            <div class=\"contact-default-title\">保存为默认联系人</div>\r\n            <div class=\"contact-default-switch\">\r\n                <label class=\"switch\">\r\n                    <input type=\"checkbox\" v-model=\"currentData.isDefaultContact\">\r\n                    <span class=\"slider round\"></span>\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"contactCreate-addGuestBtn\" @click=\"save\">保存</div>\r\n\r\n        <CountrySelector ref=\"countrySelector\" :isShow=\"isShowCountrySelector\" :onCountrySelected=\"selectCountry\" :onCountryClose=\"closeSelector\"></CountrySelector>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import api from '@/api'\r\n    import { objLen, delayDev } from '@/utilities/tools'\r\n    import CountrySelector from '@/components/Booking/CountrySelector.vue'\r\n    import 'pickerjs/dist/picker.css'\r\n    import Picker from 'pickerjs'\r\n    const PrivacyButton = () => import('@/components/Common/PrivacyButton')\r\n    export default {\r\n        name: 'Contact',\r\n        components: {\r\n            CountrySelector,\r\n            PrivacyButton\r\n        },\r\n        props: {\r\n            prevData: {\r\n                type: Object,\r\n                default: () => {\r\n                    return null\r\n                }\r\n            },\r\n            nationTip: {\r\n                type: String,\r\n                default: '必填'\r\n            },\r\n            isPrivacy: {\r\n              type: Boolean,\r\n              default: false\r\n            }\r\n        },\r\n        data: () => {\r\n            return {\r\n                isUnfold: false,\r\n                countryText: '',\r\n                currentData: {\r\n                    userName: '',\r\n                    id: '',\r\n                    country: '',\r\n                    chineseLastName: '',\r\n                    chineseFirstName: '',\r\n                    pinYinLastName: '',\r\n                    pinYinFirstName: '',\r\n                    gender: '',\r\n                    dateOfBirth: '',\r\n                    telephone: '',\r\n                    passPortNum: '',\r\n                    passPortExpirationDate: '',\r\n                    email: '',\r\n                    isDefaultContact: ''\r\n                },\r\n                currentDataOriginal: {},\r\n                isShowCountrySelector: false,\r\n                birthPicker: null,\r\n                passportExpirePicker: null,\r\n                updateFields: [],\r\n                refresh: null\r\n            }\r\n        },\r\n        watch: {\r\n            'prevData' (newVal) {\r\n                this.initData(newVal)\r\n            }\r\n        },\r\n        beforeMount () {\r\n            this.init()\r\n        },\r\n        methods: {\r\n            reload() {\r\n              this.$emit('reload')\r\n            },\r\n            async initData (data) {\r\n                // 国家列表\r\n                const countryList = await this.getCountry()\r\n                this.$store.commit('SET_COUNTRIES', countryList)\r\n                if (objLen(data) > 0) {\r\n                    this.currentData.userName = this.$store.state.user.userToken\r\n                    this.currentData.id = data.id\r\n                    this.currentData.country = data.country\r\n                    this.currentData.chineseLastName = data.chineseLastName\r\n                    this.currentData.chineseFirstName = data.chineseFirstName\r\n                    this.currentData.pinYinLastName = data.pinyinLastName\r\n                    this.currentData.pinYinFirstName = data.pinyinFirstName\r\n                    this.currentData.gender = data.gender\r\n                    this.currentData.dateOfBirth = data.dateOfBirth\r\n                    this.currentData.telephone = data.telephone\r\n                    this.currentData.passPortNum = data.passportNum\r\n                    this.currentData.passPortExpirationDate = data.passportExpirationDate\r\n                    this.currentData.email = data.email\r\n                    this.currentData.isDefaultContact = data.isDefaultContact\r\n                    this.currentDataOriginal = Object.assign({}, this.currentData);\r\n                    const countryItem = countryList.find(item => data.country === item.countryCode)\r\n                    if (countryItem) {\r\n                        this.countryText = countryItem.countryName\r\n                    }\r\n                }\r\n                // this.initBirthPickerDate();\r\n            },\r\n            async init () {\r\n                // 国家列表\r\n                const countryList = await this.getCountry()\r\n                this.$store.commit('SET_COUNTRIES', countryList)\r\n                // if(this.prevData === null) this.initBirthPickerDate();\r\n                this.initBirthPickerDate();\r\n            },\r\n            initBirthPickerDate() {\r\n              // picker实例化\r\n              let birthPickerDate = {data: Date.now(), format: 'YYYY-MM-DD'};\r\n              if(this.currentData.dateOfBirth) {\r\n                birthPickerDate = this.isMaskValue ? {data: Date.now(), format: 'YYYY-MM-DD'} : this.currentData.dateOfBirth;\r\n              }\r\n              this.birthPicker = this.initPicker('.birthOfDate', birthPickerDate, () => {\r\n                let pickerDate = this.birthPicker.getDate(true)\r\n                let pickerTime = new Date(pickerDate).getTime()\r\n                let currentTime = new Date().getTime()\r\n                if (pickerTime > currentTime) {\r\n                  this.currentData.dateOfBirth = ''\r\n                  this.$alert.show('请选择正确的出生日期')\r\n                } else {\r\n                  if(!this.updateFields.includes(\"DateOfBirth\")) {\r\n                    this.updateFields.push(\"DateOfBirth\");\r\n                  }\r\n                  this.currentData.dateOfBirth = pickerDate\r\n                }\r\n              })\r\n            },\r\n            save () {\r\n              this.currentData.updateFields = this.updateFields;\r\n              this.$emit('on-save', this.currentData)\r\n            },\r\n            opeOptional () {\r\n                this.isUnfold = !this.isUnfold\r\n                if (this.isUnfold) {\r\n                    delayDev(200, () => {\r\n                        this.passportExpirePicker = this.initPicker('.passportDate', this.currentData.passPortExpirationDate, () => {\r\n                            let pickerDate = this.passportExpirePicker.getDate(true)\r\n                            let pickerTime = new Date(pickerDate).getTime()\r\n                            let currentTime = new Date().getTime()\r\n                            if (pickerTime < currentTime) {\r\n                                this.currentData.passPortExpirationDate = ''\r\n                                this.passportExpirePicker.update()\r\n                                this.$alert.show('请选择正确的护照有效期')\r\n                            } else {\r\n                                if(!this.updateFields.includes(\"PassPortExpirationDate\")) {\r\n                                  this.updateFields.push(\"PassPortExpirationDate\");\r\n                                }\r\n                                this.currentData.passPortExpirationDate = pickerDate\r\n                            }\r\n                        })\r\n                    })\r\n                } else {\r\n                    this.passportExpirePicker.destroy()\r\n                }\r\n            },\r\n            async pyName (key, value) {\r\n\r\n                if (!value || value.length == 0) return\r\n                const { data } = await api.page.getPinyin(value)\r\n                if (data && data.length > 0) {\r\n                    if (key == 'firstName') {\r\n                        this.currentData.pinYinFirstName = data\r\n                    } else if (key == 'lastName') {\r\n                        this.currentData.pinYinLastName = data\r\n                    }\r\n                }\r\n            },\r\n            selectGender (gender) {\r\n                this.currentData.gender = gender\r\n                if(!this.updateFields.includes(\"Gender\")) {\r\n                  this.updateFields.push(\"Gender\")\r\n                }\r\n            },\r\n            showSelector () {\r\n                this.isShowCountrySelector = true\r\n            },\r\n            selectCountry (countryCode) {\r\n                let countries = this.$store.state.page.countries\r\n                let item = countries.find(item => item.countryCode === countryCode)\r\n                this.countryText = item.countryName\r\n                this.currentData.country = countryCode\r\n\r\n                if(!this.updateFields.includes(\"Country\")) {\r\n                  this.updateFields.push(\"Country\")\r\n                }\r\n                // 关闭浮层\r\n                this.isShowCountrySelector = false\r\n            },\r\n            closeSelector () {\r\n                this.isShowCountrySelector = false\r\n            },\r\n            async getCountry () {\r\n                const {success, data, errMsg} = await api.user.userEditInfo()\r\n                if (!success) {\r\n                    console.log(errMsg)\r\n                    return null\r\n                } else {\r\n                    return data.nationalityApiViews\r\n                }\r\n            },\r\n            initPicker (selector, date, pick) {\r\n                return new Picker(document.querySelector(selector), {\r\n                    format: 'YYYY-MM-DD',\r\n                    text: {\r\n                        title: '请选择出生日期(年/月/日)',\r\n                        cancel: '取消',\r\n                        confirm: '确认'\r\n                    },\r\n                    date,\r\n                    pick\r\n                });\r\n            },\r\n            txtFocus(e) {\r\n              let dataKey = e.target.getAttribute('data-key')\r\n              if(this.isMaskValue) {\r\n                if(dataKey === 'ChineseLastName' || dataKey === 'PinYinLastName') {\r\n                  if(!this.updateFields.includes(\"ChineseLastName\") || !this.updateFields.includes(\"PinYinLastName\")) {\r\n                    this.currentData.chineseLastName = \"\";\r\n                    this.currentData.pinYinLastName = \"\";\r\n                    this.updateFields.push(\"ChineseLastName\");\r\n                    this.updateFields.push(\"PinYinLastName\");\r\n                  }\r\n                }\r\n\r\n                if (dataKey === 'ChineseFirstName' || dataKey === 'PinYinFirstName') {\r\n                  if(!this.updateFields.includes(\"ChineseFirstName\") || !this.updateFields.includes(\"PinYinFirstName\")) {\r\n                    this.currentData.chineseFirstName = \"\";\r\n                    this.currentData.pinYinFirstName = \"\";\r\n                    this.updateFields.push(\"ChineseFirstName\");\r\n                    this.updateFields.push(\"PinYinFirstName\");\r\n                  }\r\n                }\r\n\r\n                // if(dataKey === 'PassPortExpirationDate') {\r\n                //   if(!this.updateFields.includes(\"PassPortExpirationDate\")) {\r\n                //     this.currentData.passPortExpirationDate = \"\";\r\n                //     this.updateFields.push(\"PassPortExpirationDate\");\r\n                //   }\r\n                // }\r\n                //\r\n                // if(dataKey === 'DateOfBirth') {\r\n                //   if(!this.updateFields.includes(\"DateOfBirth\")) {\r\n                //     this.currentData.dateOfBirth = \"\";\r\n                //     this.updateFields.push(\"DateOfBirth\");\r\n                //   }\r\n                // }\r\n\r\n                if(!this.updateFields.includes(dataKey)) {\r\n                  Object.keys(this.currentData).filter(r => {\r\n                    if (dataKey.toUpperCase() === r.toUpperCase()) {\r\n                      this.currentData[r] = \"\";\r\n                      return r\r\n                    }\r\n                  });\r\n                }\r\n              }\r\n              if(dataKey !== 'PassPortExpirationDate' && dataKey !== 'DateOfBirth') {\r\n                if (!this.updateFields.includes(dataKey)) {\r\n                  this.updateFields.push(dataKey);\r\n                }\r\n              }\r\n            }\r\n        },\r\n      computed: {\r\n        isMaskValue() {\r\n          return this.$store.state.page.isMaskValue;\r\n        }\r\n      }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    /**** 常用联系人添加页面****/\r\n    .contactCreate{\r\n        padding: 50px 0;\r\n    }\r\n    .noborder{\r\n        border:none !important;\r\n    }\r\n    .page-content{\r\n        margin-top:2.2rem;\r\n        padding-bottom:8.2rem;\r\n        background-color:#f1f1f1;\r\n        position:relative;\r\n    }\r\n    nav.home-bar-nav {\r\n        background-color:#061556;\r\n    }\r\n    .contactCreate-list {\r\n        background-color:#fff;\r\n        padding:0 12px;\r\n    }\r\n    .contactCreate-list ul{\r\n        list-style:none;\r\n        padding:0;\r\n        margin:0;\r\n    }\r\n    .contactCreate-list ul li{\r\n        border-bottom:1px solid #e0e0e0;\r\n        padding:13px 11px;\r\n    }\r\n    .contactCreate-list .contactCreate-item {\r\n        position:relative;\r\n    }\r\n    .contactCreate-list .contactCreate-item span{\r\n        font-size:13px;\r\n        color:#989898;\r\n    }\r\n    .contactCreate-list .contactCreate-item input {\r\n        margin-left: 20px;\r\n        font-size: 13px;\r\n        color: #000;\r\n        padding: 6px 0;\r\n        text-indent: 4px;\r\n        border: none;\r\n        outline: none;\r\n        -webkit-appearance: none;\r\n        background-color: transparent;\r\n    }\r\n\r\n    input.birthOfDate {\r\n        width: 240px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    input.passportDate {\r\n        width: 190px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .contactCreate-list .contactCreate-item input::-webkit-input-placeholder {\r\n        color: #999999;\r\n    }\r\n    .contactCreate-list .contactCreate-item .calendarIcon {\r\n        position:absolute;\r\n        right:15px;\r\n        top:0;\r\n        width:24px;\r\n        height:24px;\r\n    }\r\n    .contactCreate-list .contactCreate-item .calendarIcon img{\r\n        width:100%;\r\n    }\r\n    .contactCreate-list .contactCreate-item .contactCreate-itemSex{\r\n        margin-right:32px;\r\n    }\r\n    .contactCreate-list .contactCreate-item .item-sex{\r\n        margin-right:41px;\r\n    }\r\n    .contactCreate-list .contactCreate-item .item-sex{\r\n        color:#000;\r\n    }\r\n    .contactCreate-list .contactCreate-item .item-sex .f7-icons{\r\n        color:#7e7e7e !important;\r\n        font-size:21px !important;\r\n        vertical-align:top;\r\n        margin-right:11px;\r\n    }\r\n    .contactCreate-list .contactCreate-item .item-sex .f7-icons.active{\r\n        color:#0073a0 !important;\r\n    }\r\n    .contactCreate-addGuestBtn {\r\n        background-image: linear-gradient(270deg, #FAD961 0%, #FEBC10 100%);\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 16px;\r\n        color: #454545;\r\n        letter-spacing: 2.5px;\r\n        padding:11px 0;\r\n        margin:24px 0px 0 0px;\r\n        text-align:center;\r\n        position:relative;\r\n    }\r\n\r\n    /**** 20180705 ****/\r\n    .passenger-detail-desc{\r\n        background:#fff;\r\n        padding:0 10px;\r\n        position: relative;\r\n    }\r\n    .passenger-content{\r\n        width: 100%;\r\n        border-bottom:1px solid #e8e8e8;\r\n        padding:10px 0;\r\n        position: relative;\r\n        font-size:14px;\r\n        display:flex;\r\n    }\r\n    .passenger-content .passenger-family,\r\n    .passenger-content .passenger-txt {\r\n        display: inline-block;\r\n        font-size: 14px;\r\n        height: 35px;\r\n        line-height: 38px;\r\n\r\n    }\r\n    .passenger-family {\r\n        margin-right: 15px;\r\n    }\r\n    .nationality-txt {\r\n        -webkit-box-flex: 1;\r\n        -webkit-flex: 1;\r\n        -moz-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        position: relative;\r\n        padding-right: 10px;\r\n    }\r\n    input::-webkit-input-placeholder {\r\n        color: #999;\r\n    }\r\n    .passenger-content .passenger-family{\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 14px;\r\n        color: #333333;\r\n        letter-spacing: 0;\r\n        max-width:141px;\r\n        overflow:hidden;\r\n        vertical-align:top;\r\n    }\r\n    .passenger-content .passenger-txt input {\r\n        color: #000;\r\n        outline: none;\r\n        border: none;\r\n        height:35px;\r\n        width: 250px;\r\n        background-color: transparent;\r\n        -webkit-appearance: none;\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: center;\r\n    }\r\n    .passenger-arrow-right {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        -webkit-transform: translateY(-50%) rotate(-45deg);\r\n        -moz-transform: translateY(-50%) rotate(-45deg);\r\n        -ms-transform: translateY(-50%) rotate(-45deg);\r\n        -o-transform: translateY(-50%) rotate(-45deg);\r\n        transform: translateY(-50%) rotate(-45deg);\r\n        width: 10px;\r\n        height: 10px;\r\n        border-right: 1px solid #4A90E2;\r\n        border-bottom: 1px solid #4A90E2;\r\n    }\r\n    .passenger-content .passenger-txt input.lastName,\r\n    .passenger-content .passenger-txt input.firstName,\r\n    .passenger-content .passenger-txt input.lastNamePY,\r\n    .passenger-content .passenger-txt input.firstNamePY{\r\n        width:100px;\r\n        height:35px;\r\n        overflow:hidden;\r\n    }\r\n    .passenger-content .passenger-txt input.birth-date {\r\n        width: 224px;\r\n    }\r\n    .passenger-optional .optionalTxt {\r\n        text-align:center;\r\n        font-size:12px;\r\n        padding:10px 0;\r\n        font-family: PingFang-SC-Medium;\r\n        color: #999999;\r\n        letter-spacing: 0.86px;\r\n    }\r\n\r\n    .optionalTxt img {\r\n        width: 11px;\r\n        position: relative;\r\n    }\r\n\r\n    .optionTxt-open img {\r\n        transform: rotate(180deg);\r\n        top: -2px;\r\n    }\r\n\r\n    .passenger-content .passenger-txt input#contacts-address {\r\n        width: 230px;\r\n    }\r\n    .passenger-content .passenger-txt .passport-validity{\r\n        width:220px;\r\n    }\r\n    .passenger-txt .male-txt,\r\n    .passenger-txt .female-txt{\r\n        display:inline-block;\r\n    }\r\n    .passenger-txt .male-txt i,\r\n    .passenger-txt .female-txt i{\r\n        width: 15px;\r\n        height: 15px;\r\n        display:inline-block;\r\n        background:url(\"https://resource.rcclchina.com.cn/tui2/user_center/list-unselected.png\") no-repeat;\r\n        vertical-align:middle;\r\n        background-size: 100% 100%;\r\n        position: relative;\r\n        top: -1px;\r\n    }\r\n    .passenger-content .passenger-male{\r\n        padding-left:50px;\r\n    }\r\n\r\n    .passenger-placeholder {\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 14px;\r\n        color: #999999;\r\n        letter-spacing: 0.86px;\r\n    }\r\n\r\n    .passenger-male .passenger-placeholder{\r\n        margin-left: 34px;\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .passenger-txt .male-txt span,\r\n    .passenger-txt .female-txt span{\r\n        margin-left:10px;\r\n    }\r\n    .passenger-birthDate,\r\n    .passenger-pssport{\r\n        position:relative;\r\n    }\r\n    .passenger-txt .male-txt{\r\n        margin-right:30px;\r\n    }\r\n    .passenger-content .passenger-txt .active i{\r\n        background:url(\"https://resource.rcclchina.com.cn/tui2/user_center/list-selected.png\") no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .passenger-birthDate img,\r\n    .passenger-pssport img{\r\n        width:20px;\r\n        position:absolute;\r\n        top: 16px;\r\n        right: 5px;\r\n        z-index: 0;\r\n    }\r\n    #pinyinBtn {\r\n        background: #fff;\r\n        color: #006bb9;\r\n        padding: 5px;\r\n        border: 1px solid;\r\n        border-radius: 6px;\r\n        font-size: 12px;\r\n        width: 50px;\r\n        text-align: center;\r\n        position: absolute;\r\n        top: 13px;\r\n        right: 10px;\r\n    }\r\n    /****---- 清空护照号 ----****/\r\n    .passportClearBtn {\r\n        color: #006bb9;\r\n        border: 1px solid;\r\n        border-radius: 6px;\r\n        font-size: 12px;\r\n        width: 46px;\r\n        line-height: 28px;\r\n        text-align: center;\r\n        position: absolute;\r\n        top: 13px;\r\n        right: 10px;\r\n    }\r\n    .passenger-content .passenger-txt input.birthOfDate {\r\n        width: 270px;\r\n        position: relative;\r\n        top: -2px;\r\n        padding-top: 0px;\r\n        height: 100%;\r\n    }\r\n\r\n    .passenger-content .passenger-txt .input-text-left {\r\n        text-align: left;\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .passenger-content .passenger-txt .passportDate {\r\n        width: 242px;\r\n        position: relative;\r\n        top: -2px;\r\n        padding-top: 0px;\r\n        height: 100%;\r\n    }\r\n\r\n    .passenger-content .passenger-txt  .passportNum {\r\n        padding-left: 35px;\r\n    }\r\n\r\n    .passenger-content .passenger-txt .vipNum {\r\n        padding-left: 8px;\r\n    }\r\n\r\n    /**contact default**/\r\n    .contact-default {\r\n        background-color: white;\r\n        margin-top: 9px;\r\n        width: 100%;\r\n        height: 50px;\r\n        padding: 16px 20px;\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 14px;\r\n        color: #333333;\r\n    }\r\n\r\n\r\n    .contact-default>div {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        position: relative;\r\n    }\r\n\r\n    .contact-default-switch {\r\n        float: right;\r\n    }\r\n\r\n    .contact-default-title {\r\n        top: -2px;\r\n    }\r\n\r\n    /*toggle switch*/\r\n    /* The switch - the box around the slider */\r\n    .switch {\r\n        position: relative;\r\n        display: inline-block;\r\n        width: 31px;\r\n        height: 16px;\r\n    }\r\n\r\n    /* Hide default HTML checkbox */\r\n    .switch input {\r\n        opacity: 0;\r\n        width: 0;\r\n        height: 0;\r\n    }\r\n\r\n    /* The slider */\r\n    .slider {\r\n        position: absolute;\r\n        cursor: pointer;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-color: #ccc;\r\n        -webkit-transition: .4s;\r\n        transition: .4s;\r\n        background: #FFFFFF;\r\n        border: 1px solid #CCCCCC;\r\n    }\r\n\r\n    .slider:before {\r\n        position: absolute;\r\n        content: \"\";\r\n        height: 15px;\r\n        width: 15px;\r\n        left: -2px;\r\n        bottom: -1px;\r\n        -webkit-transition: .4s;\r\n        transition: .4s;\r\n        background: #FFFFFF;\r\n        border: 1px solid #CCCCCC;\r\n        box-shadow: 0 1px 2.5px 0 rgba(0,0,0,0.30);\r\n    }\r\n\r\n    input:checked + .slider {\r\n        background-color: #2196F3;\r\n    }\r\n\r\n    input:focus + .slider {\r\n        box-shadow: 0 0 1px #2196F3;\r\n    }\r\n\r\n    input:checked + .slider:before {\r\n        -webkit-transform: translateX(16px);\r\n        -ms-transform: translateX(16px);\r\n        transform: translateX(16px);\r\n    }\r\n\r\n    /* Rounded sliders */\r\n    .slider.round {\r\n        border-radius: 34px;\r\n    }\r\n\r\n    .slider.round:before {\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .privacy-layout {\r\n      font-size: 0;\r\n      line-height: 1;\r\n      text-align: right;\r\n      padding-top: 0.45rem;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=67d51885&scoped=true\"\nimport script from \"./Contact.vue?vue&type=script&lang=js\"\nexport * from \"./Contact.vue?vue&type=script&lang=js\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=67d51885&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"67d51885\",\n  null\n  \n)\n\nexport default component.exports","import Contact from './Contact'\r\nexport default Contact\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isShow)?_c('div',{staticClass:\"popupover chooseCountry-box scroll-container\",attrs:{\"id\":\"chooseCountry\"}},[_c('div',{staticClass:\"popup-bg\",on:{\"click\":function($event){return _vm.onCountryClose()}}}),_c('div',{staticClass:\"popupover-m chooseCountry\"},[_c('div',{staticClass:\"popupover-close js-chooseCountryClose\",on:{\"click\":function($event){return _vm.onCountryClose()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/icon17.png\"}})]),_c('div',{staticClass:\"chooseCountry-m\"},[_c('div',{staticClass:\"chooseCountry-title\"},[_c('div',{staticClass:\"chooseCountry-tab\",class:{active: _vm.tab=='cn'},attrs:{\"data-el\":\"CN\"},on:{\"click\":function($event){_vm.tab='cn'}}},[_vm._v(\"国内/港澳台\")]),_c('div',{staticClass:\"chooseCountry-tab\",class:{active: _vm.tab!='cn'},attrs:{\"data-el\":\"overseas\"},on:{\"click\":function($event){_vm.tab='other'}}},[_vm._v(\"海外\")])]),_c('div',{staticClass:\"chooseCountry-content\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tab=='cn'),expression:\"tab=='cn'\"}],staticClass:\"chooseCountry-tabCell js-smartScroll\",attrs:{\"id\":\"chooseCountry-CN\"}},_vm._l((_vm.cnCountries),function(country){return _c('div',{key:('country_'+country.countryCode),staticClass:\"chooseCountry-cell\",on:{\"click\":function($event){return _vm.onCountrySelected(country.countryCode)}}},[_vm._v(\" \"+_vm._s(country.countryName)+\" \")])}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tab!='cn'),expression:\"tab!='cn'\"}],ref:\"chooseOtherCountry\",staticClass:\"chooseCountry-tabCell chooseCountry-tabCell-overseas js-smartScroll\"},_vm._l((_vm.letters),function(letter){return _c('div',{key:('country_letter_'+letter),staticClass:\"chooseCountry-cell-box\"},[_c('div',{ref:('countryLetter' + letter),refInFor:true,staticClass:\"chooseCountry-cell-title\"},[_vm._v(_vm._s(letter))]),_vm._l((_vm.getContriesByLetter(letter)),function(country){return _c('div',{key:('country_' + country.countryCode),staticClass:\"chooseCountry-cell\",on:{\"click\":function($event){return _vm.onCountrySelected(country.countryCode)}}},[_vm._v(\" \"+_vm._s(country.countryName)+\" \")])})],2)}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tab!='cn'),expression:\"tab!='cn'\"}],staticClass:\"chooseCountry-letter\"},[_c('div',{staticClass:\"chooseCountry-letter-m\"},_vm._l((_vm.letters),function(letter){return _c('div',{key:('letter_'+letter),staticClass:\"chooseCountry-letter-cell\",on:{\"click\":function($event){return _vm.goToLetterTab(letter)}}},[_vm._v(\" \"+_vm._s(letter)+\" \")])}),0)])])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popupover chooseCountry-box scroll-container\" v-if=\"isShow\" id=\"chooseCountry\">\r\n        <div class=\"popup-bg\" @click=\"onCountryClose()\"></div>\r\n        <div class=\"popupover-m chooseCountry\">\r\n            <div class=\"popupover-close js-chooseCountryClose\" @click=\"onCountryClose()\">\r\n                <img src=\"https://resource.rcclchina.com.cn/RcclHP/icon17.png\" class=\"\">\r\n            </div>\r\n\r\n            <div class=\"chooseCountry-m\">\r\n                <div class=\"chooseCountry-title\">\r\n                    <div class=\"chooseCountry-tab\" :class=\"{active: tab=='cn'}\" @click=\"tab='cn'\" data-el=\"CN\">国内/港澳台</div>\r\n                    <div class=\"chooseCountry-tab\" :class=\"{active: tab!='cn'}\" @click=\"tab='other'\"  data-el=\"overseas\">海外</div>\r\n                </div>\r\n\r\n                <div class=\"chooseCountry-content\">\r\n                    <div class=\"chooseCountry-tabCell js-smartScroll\" v-show=\"tab=='cn'\" id=\"chooseCountry-CN\">\r\n                        <div class=\"chooseCountry-cell\" v-for=\"country in cnCountries\" \r\n                        :key=\"('country_'+country.countryCode)\"\r\n                        @click=\"onCountrySelected(country.countryCode)\">\r\n                            {{country.countryName}}\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"chooseCountry-tabCell chooseCountry-tabCell-overseas js-smartScroll\" v-show=\"tab!='cn'\" ref=\"chooseOtherCountry\">\r\n                        <div class=\"chooseCountry-cell-box\" v-for=\"letter in letters\" :key=\"('country_letter_'+letter)\">\r\n                            <div :ref=\"('countryLetter' + letter)\" class=\"chooseCountry-cell-title\">{{letter}}</div>\r\n                                <div class=\"chooseCountry-cell\" \r\n                                    v-for=\"(country) in getContriesByLetter(letter)\"\r\n                                    :key=\"('country_' + country.countryCode)\"\r\n                                    @click=\"onCountrySelected(country.countryCode)\">\r\n                                    {{country.countryName}}\r\n                                </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"chooseCountry-letter\" v-show=\"tab!='cn'\" >\r\n                        <div class=\"chooseCountry-letter-m\"> \r\n                            <div class=\"chooseCountry-letter-cell\" \r\n                                v-for=\"letter in letters\" \r\n                                :key=\"('letter_'+letter)\"\r\n                                @click=\"goToLetterTab(letter)\"\r\n                            >\r\n                                {{letter}}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nexport default {\r\n    name: \"CountrySelector\",\r\n    props: {\r\n        isShow: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        onCountrySelected: {\r\n            type: Function\r\n        },\r\n        onCountryClose: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            letters: [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\", \"K\", \"L\", \"M\", \"N\", \"O\", \"P\", \"Q\", \"R\", \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\"],\r\n            tab: 'cn'\r\n        }\r\n    },\r\n    mounted () {\r\n        if (this.otherCountries && this.otherCountries.length > 0) {\r\n            let letters = []\r\n            this.otherCountries.forEach((country) => {\r\n                if (country.pinyinName && country.pinyinName.length > 0) {\r\n                    const letter = country.pinyinName.substr(0, 1).toUpperCase()\r\n                    if (letters.indexOf(letter) < 0) {\r\n                        letters.push(letter)\r\n                    }\r\n                }\r\n            })\r\n            this.letters = _.orderBy(letters)\r\n        }\r\n    },\r\n    methods: {\r\n        getContriesByLetter(letter) {\r\n            let countries = this.otherCountries.\r\n            filter(r=>r.pinyinName && (r.pinyinName.indexOf(letter) == 0 || r.pinyinName.indexOf(letter.toLowerCase()) == 0))\r\n            return countries\r\n        },\r\n        goToLetterTab(letter) {\r\n            const letterTab = this.$refs['countryLetter' + letter]\r\n            if (letterTab && letterTab.length > 0) {\r\n                this.$refs.chooseOtherCountry.scroll({\r\n                    top: letterTab[0].offsetTop, \r\n                    behavior: 'smooth'\r\n                })\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        countries() {\r\n            return this.$store.state.page.countries\r\n        },\r\n        cnCountries () {\r\n            const cn = ['CN', 'HK', 'MAC', 'TWN']\r\n            return this.countries.filter(r=>cn.indexOf(r.countryCode) >= 0)\r\n        },\r\n        otherCountries () {\r\n            const cn = ['CN', 'HK', 'MAC', 'TWN']\r\n            return this.countries.filter(r=>cn.indexOf(r.countryCode) < 0)\r\n        }\r\n    },\r\n    watch: {\r\n        isShow(newValue) {\r\n            // 每次打开，默认选中国内\r\n            if (newValue) {\r\n                this.tab = 'cn'\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.popupover {\r\n    position: fixed;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 10401;\r\n    width: 100%;\r\n    height: 100%;\r\n    \r\n    .popup-bg {\r\n        position: absolute;\r\n        left: 0; \r\n        top:0;\r\n        height: 100%;\r\n        width: 100%;\r\n        background-color: rgba(21, 22, 29, 0.6);\r\n    }\r\n    .popupover-m {\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        width: 100%;\r\n        background-color: #fff;\r\n        border-top: 5px solid #FEBC10;\r\n        .popupover-close {\r\n            position: absolute;\r\n            right: 0;\r\n            top: -1px;\r\n            display: -webkit-box;\r\n            display: -webkit-flex;\r\n            display: -moz-box;\r\n            display: -ms-flexbox;\r\n            display: flex;\r\n            -webkit-box-pack: center;\r\n            -webkit-justify-content: center;\r\n            -moz-box-pack: center;\r\n            -ms-flex-pack: center;\r\n            justify-content: center;\r\n            -webkit-box-align: center;\r\n            -webkit-align-items: center;\r\n            -moz-box-align: center;\r\n            -ms-flex-align: center;\r\n            align-items: center;\r\n            width: 30px;\r\n            height: 30px;\r\n            background-color: #FEBC10;\r\n            border-bottom-left-radius: 5px;\r\n            img {\r\n                width: 17px;\r\n            }\r\n        }\r\n        .chooseCountry-m {\r\n            .chooseCountry-title {\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                -webkit-box-align: center;\r\n                -webkit-align-items: center;\r\n                -moz-box-align: center;\r\n                -ms-flex-align: center;\r\n                align-items: center;\r\n                padding: 0 20px;\r\n                .chooseCountry-tab {\r\n                    -webkit-box-flex: 1;\r\n                    -webkit-flex: 1;\r\n                    -moz-box-flex: 1;\r\n                    -ms-flex: 1;\r\n                    flex: 1;\r\n                    padding-top: 25px;\r\n                    padding-bottom: 15px;\r\n                    font-size: 14px;\r\n                    line-height: 20px;\r\n                    color: #333;\r\n                    text-align: center;\r\n                    border-bottom: 1px solid #E5E5E5;\r\n                }\r\n                .chooseCountry-tab.active {\r\n                    padding-bottom: 14px;\r\n                    color: #4A90E2;\r\n                    font-weight: bold;\r\n                    border-bottom: 2px solid #4A90E2;\r\n                }\r\n            }\r\n            .chooseCountry-content {\r\n                position: relative;\r\n                height: 70vh;\r\n                .chooseCountry-tabCell {\r\n                    position: relative;\r\n                    height: 100%;\r\n                    overflow-y: auto;\r\n                    .chooseCountry-cell-title {\r\n                        width: 332px;\r\n                        padding-left: 20px;\r\n                        font-size: 14px;\r\n                        line-height: 20px;\r\n                        color: #333;\r\n                        background-color: #F0F0F0;\r\n                    }\r\n                    .chooseCountry-cell {\r\n                        position: relative;\r\n                        display: -webkit-box;\r\n                        display: -webkit-flex;\r\n                        display: -moz-box;\r\n                        display: -ms-flexbox;\r\n                        display: flex;\r\n                        -webkit-box-align: center;\r\n                        -webkit-align-items: center;\r\n                        -moz-box-align: center;\r\n                        -ms-flex-align: center;\r\n                        align-items: center;\r\n                        height: 74px;\r\n                        margin: 0 40px 0 20px;\r\n                        font-size: 14px;\r\n                        line-height: 20px;\r\n                        color: #333;\r\n                        border-bottom: 1px solid #E5E5E5;\r\n                    }\r\n                }\r\n                .chooseCountry-letter {\r\n                    position: absolute;\r\n                    top: 0px;\r\n                    right: 19px;\r\n                    height: 100%;\r\n                    font-size: 12px;\r\n                    line-height: 1;\r\n                    color: #4A90E2;\r\n                    text-align: center;\r\n                    .chooseCountry-letter-m {\r\n                        display: -webkit-box;\r\n                        display: -webkit-flex;\r\n                        display: -moz-box;\r\n                        display: -ms-flexbox;\r\n                        display: flex;\r\n                        -webkit-box-orient: vertical;\r\n                        -webkit-box-direction: normal;\r\n                        -webkit-flex-direction: column;\r\n                        -moz-box-orient: vertical;\r\n                        -moz-box-direction: normal;\r\n                        -ms-flex-direction: column;\r\n                        flex-direction: column;\r\n                        height: 100%;\r\n                        .chooseCountry-letter-cell {\r\n                            -webkit-box-flex: 1;\r\n                            -webkit-flex: 1;\r\n                            -moz-box-flex: 1;\r\n                            -ms-flex: 1;\r\n                            flex: 1;\r\n                            display: -webkit-box;\r\n                            display: -webkit-flex;\r\n                            display: -moz-box;\r\n                            display: -ms-flexbox;\r\n                            display: flex;\r\n                            -webkit-box-align: center;\r\n                            -webkit-align-items: center;\r\n                            -moz-box-align: center;\r\n                            -ms-flex-align: center;\r\n                            align-items: center;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySelector.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySelector.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CountrySelector.vue?vue&type=template&id=722f319c&scoped=true\"\nimport script from \"./CountrySelector.vue?vue&type=script&lang=js\"\nexport * from \"./CountrySelector.vue?vue&type=script&lang=js\"\nimport style0 from \"./CountrySelector.vue?vue&type=style&index=0&id=722f319c&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"722f319c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}