{"version":3,"sources":["webpack:///./src/components/Booking/GuestInfoContactList.vue?ea8c","webpack:///./src/components/Booking/GuestInfoContactList.vue","webpack:///src/components/Booking/GuestInfoContactList.vue","webpack:///./src/components/Booking/GuestInfoContactList.vue?9706","webpack:///./src/components/Booking/GuestInfoContactList.vue?6601"],"names":["render","_vm","this","_c","_self","staticClass","class","isShow","attrs","on","$event","onGoBack","_v","contactNewClick","descText","_s","_e","_l","contacts","contact","i","key","onContactClick","directives","name","rawName","value","isSelected","expression","getContactCNName","length","pinyinLastName","pinyinFirstName","getContactGender","dateOfBirth","passportNum","contactEditClick","confirmContact","targetContact","isNewContact","isShowContactEdit","onCloseContactEdit","onSubmitSuccess","staticRenderFns","GuestInfoContactEdit","components","props","maxCount","type","Number","default","contactMode","String","selectContactIds","Array","onNewContactClick","Function","onEditContactClick","onBookingContactConfirm","onGuestContactConfirm","closeContactEdit","showContactEdit","Boolean","isShowContactEditPopup","data","selectedContacts","beforeMount","initPage","methods","isEdit","userToken","$store","state","user","$loading","show","api","getContact","hide","updateSelectedContacts","forEach","row","r","id","push","chineseLastName","chineseFirstName","gender","some","e","stopPropagation","filter","$alert","watch","newOne","indexOf","component"],"mappings":"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","file":"js/chunk-41dc28b1.4b9da097.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!./GuestInfoContactList.vue?vue&type=style&index=0&id=505dadaa&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"popup popup-stateroom\",class:{ 'modal-in': _vm.isShow, 'modal-out': !_vm.isShow},attrs:{\"id\":\"contactList\"}},[_c('div',{staticClass:\"js-returnDetailBtn\"},[_c('a',{staticClass:\"returnButton\",on:{\"click\":function($event){return _vm.onGoBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\"}})]),_c('p',{staticClass:\"popup-title\"},[_vm._v(\"选择联系人\")])]),_c('div',{staticClass:\"list-contacts-content scroll-container\"},[_c('div',{staticClass:\"contactsEdit-content\"},[_c('div',{staticClass:\"fillPassenger-title\"},[_c('div',{staticClass:\"fillPassenger-title-l\"},[_vm._v(\" 选择航线联系人/乘客 \")]),_c('div',{staticClass:\"fillPassenger-title-r\",on:{\"click\":function($event){return _vm.contactNewClick($event)}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/BOOKING/icon04.png\"}}),_vm._v(\" 新增乘客 \")])]),(_vm.descText)?_c('div',{staticClass:\"fillPassenger-desc\"},[_vm._v(_vm._s(_vm.descText))]):_vm._e(),_c('div',{staticClass:\"passenger-details-content scroll-container js-smartScroll\",class:{'is-desc': _vm.descText}},_vm._l((_vm.contacts),function(contact,i){return _c('div',{key:('contact_'+i),staticClass:\"passenger-detail border-grey\",on:{\"click\":function($event){return _vm.onContactClick($event, contact)}}},[_c('div',{staticClass:\"detail-edit-img\"},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isSelected(contact)),expression:\"!isSelected(contact)\"}],staticClass:\"noPicthOn\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/selectIcon.png\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isSelected(contact)),expression:\"isSelected(contact)\"}],staticClass:\"picthOn\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/selectedIcon.png\"}})]),_c('div',{staticClass:\"detail-edit-intro\"},[_c('div',{staticClass:\"edit-intro-name\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getContactCNName(contact).length > 0),expression:\"getContactCNName(contact).length > 0\"}],staticClass:\"chinese-name\"},[_vm._v(\" \"+_vm._s(_vm.getContactCNName(contact))+\"    \")]),_c('span',{staticClass:\"pinyin-name\"},[_vm._v(_vm._s(contact.pinyinLastName)+\" \"+_vm._s(contact.pinyinFirstName))])]),_c('div',{staticClass:\"edit-intro-birth\"},[_c('span',{staticClass:\"male\"},[_vm._v(_vm._s(_vm.getContactGender(contact)))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(contact.dateOfBirth && contact.dateOfBirth.length > 0),expression:\"contact.dateOfBirth && contact.dateOfBirth.length > 0\"}],staticClass:\"birth\"},[_vm._v(_vm._s(contact.dateOfBirth))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(contact.passportNum&&contact.passportNum.length > 0),expression:\"contact.passportNum&&contact.passportNum.length > 0\"}],staticClass:\"passenger-passport\"},[_vm._v(_vm._s(contact.passportNum))])])]),_c('div',{staticClass:\"edit-img\",on:{\"click\":function($event){return _vm.contactEditClick($event, contact)}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/editBtn.png\"}})])])}),0),_c('div',{staticClass:\"selectAddContacts\",on:{\"click\":_vm.confirmContact}},[_vm._v(\"确定\")])])])]),_c('GuestInfoContactEdit',{attrs:{\"targetContact\":_vm.targetContact,\"isNewContact\":_vm.isNewContact,\"isShow\":_vm.isShowContactEdit,\"onGoBack\":_vm.onCloseContactEdit,\"onSubmitSuccess\":_vm.onSubmitSuccess}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"popup popup-stateroom\" :class=\"{ 'modal-in': isShow, 'modal-out': !isShow}\" id=\"contactList\">\r\n            <div class=\"js-returnDetailBtn\">\r\n                <a class=\"returnButton\" @click=\"onGoBack()\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\">\r\n                </a>\r\n                <p class=\"popup-title\">选择联系人</p>\r\n            </div>\r\n            <div class=\"list-contacts-content scroll-container\" style=\"\">\r\n                <div class=\"contactsEdit-content\">\r\n                    <div class=\"fillPassenger-title\">\r\n                        <div class=\"fillPassenger-title-l\">\r\n                            选择航线联系人/乘客\r\n                        </div>\r\n                        <div class=\"fillPassenger-title-r\" @click=\"contactNewClick($event)\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/RcclHP/BOOKING/icon04.png\">\r\n                            新增乘客\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"descText\" class=\"fillPassenger-desc\">{{descText}}</div>\r\n                    <div class=\"passenger-details-content scroll-container js-smartScroll\" :class=\"{'is-desc': descText}\">\r\n                        <div class=\"passenger-detail border-grey\" v-for=\"(contact, i) in contacts\" :key=\"('contact_'+i)\"\r\n                        @click=\"onContactClick($event, contact)\">\r\n                            <div class=\"detail-edit-img\">\r\n                                <img class=\"noPicthOn\" v-show=\"!isSelected(contact)\"\r\n                                    src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/selectIcon.png\">\r\n                                <img class=\"picthOn\"\r\n                                    v-show=\"isSelected(contact)\"\r\n                                    src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/selectedIcon.png\">\r\n                            </div>\r\n                            <div class=\"detail-edit-intro\">\r\n                                <div class=\"edit-intro-name\">\r\n                                    <span class=\"chinese-name\" v-show=\"getContactCNName(contact).length > 0\">\r\n                                        {{getContactCNName(contact)}} &nbsp;&nbsp;\r\n                                    </span>\r\n                                    <span class=\"pinyin-name\">{{contact.pinyinLastName}} {{contact.pinyinFirstName}}</span>\r\n                                </div>\r\n                                <div class=\"edit-intro-birth\">\r\n                                    <span class=\"male\">{{getContactGender(contact)}}</span>\r\n                                    <span class=\"birth\" v-show=\"contact.dateOfBirth && contact.dateOfBirth.length > 0\">{{contact.dateOfBirth}}</span>\r\n                                    <span class=\"passenger-passport\" v-show=\"contact.passportNum&&contact.passportNum.length > 0\">{{contact.passportNum}}</span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"edit-img\" @click=\"contactEditClick($event, contact)\">\r\n                                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/editBtn.png\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"selectAddContacts\" @click=\"confirmContact\">确定</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <GuestInfoContactEdit\r\n            :targetContact=\"targetContact\"\r\n            :isNewContact=\"isNewContact\"\r\n            :isShow=\"isShowContactEdit\"\r\n            :onGoBack=\"onCloseContactEdit\"\r\n            :onSubmitSuccess=\"onSubmitSuccess\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nconst GuestInfoContactEdit = () => import('@/components/Booking/GuestInfoContactEdit')\r\nexport default {\r\n    name: \"GuestInfoContactList\",\r\n    components: {\r\n        GuestInfoContactEdit\r\n    },\r\n    props: {\r\n        maxCount: {\r\n            type: Number,\r\n            default () {\r\n                return 1\r\n            }\r\n        },\r\n        contactMode: {\r\n            type: String\r\n        },\r\n        selectContactIds: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        },\r\n        onNewContactClick: {\r\n            type: Function\r\n        },\r\n        onEditContactClick: {\r\n            type: Function\r\n        },\r\n        onGoBack: {\r\n            type: Function\r\n        },\r\n        onBookingContactConfirm: {\r\n            type: Function\r\n        },\r\n        onGuestContactConfirm: {\r\n            type: Function\r\n        },\r\n        closeContactEdit: {\r\n            type: Function\r\n        },\r\n        showContactEdit: {\r\n            type: Function\r\n        },\r\n        isShow: {\r\n            type: Boolean,\r\n            default() {\r\n                return false\r\n            }\r\n        },\r\n        isShowContactEditPopup: {\r\n            type: Boolean,\r\n            default() {\r\n                return false\r\n            }\r\n        },\r\n        descText: {\r\n          type: String,\r\n          default() {\r\n            return ''\r\n          }\r\n        },\r\n    },\r\n    data () {\r\n        return {\r\n            contacts: [],\r\n            selectedContacts: [],\r\n            targetContact: {},\r\n            isNewContact: false,\r\n            isShowContactEdit: false\r\n        }\r\n    },\r\n    beforeMount () {\r\n        this.initPage()\r\n    },\r\n    methods: {\r\n        async initPage(isEdit=false) {\r\n            const userToken = this.$store.state.user.userToken\r\n            if (!userToken || userToken.length == 0) {\r\n                return\r\n            }\r\n            this.$loading.show()\r\n            const { data } = await api.user.getContact(userToken)\r\n            this.$loading.hide()\r\n            if (data && data.length > 0) {\r\n              this.contacts = data\r\n              //编辑之后返回，对选中用户信息进行更新\r\n              if(isEdit) {\r\n                this.updateSelectedContacts();\r\n              }\r\n            }\r\n        },\r\n        //更新修改后的选中用户列表\r\n        updateSelectedContacts() {\r\n          let selectedContacts = [];\r\n          this.selectedContacts.forEach((row)=> {\r\n            this.contacts.forEach((r)=> {\r\n              if(r.id === row.id) {\r\n                selectedContacts.push(r);\r\n              }\r\n            })\r\n          });\r\n          this.selectedContacts = [...selectedContacts];\r\n        },\r\n        getContactCNName(contact) {\r\n            if (contact.chineseLastName && contact.chineseLastName.length > 0\r\n            && contact.chineseFirstName && contact.chineseFirstName.length > 0) {\r\n                return `${contact.chineseLastName}${contact.chineseFirstName}`\r\n            }\r\n            return ''\r\n        },\r\n        getContactGender(contact) {\r\n            if (contact.gender == 'M') return '男'\r\n            else if (contact.gender == 'F') return '女'\r\n            return ''\r\n        },\r\n        isSelected (contact) {\r\n            return this.selectedContacts.some(r=>r.id == contact.id)\r\n        },\r\n        onContactClick(e, contact) {\r\n            e.stopPropagation()\r\n            if (this.maxCount == 1 || this.contactMode == 'contact') {\r\n                this.selectedContacts = [contact]\r\n            } else {\r\n                if (this.selectedContacts.some(r=>r.id == contact.id)) {\r\n                    // 反选\r\n                    this.selectedContacts = this.selectedContacts.filter(r=>r.id != contact.id)\r\n                } else {\r\n                    if (this.selectedContacts.length >= this.maxCount) {\r\n                        this.$alert.show(`该舱房最多可选${this.maxCount}名乘客`)\r\n                        return\r\n                    }\r\n                    this.selectedContacts.push(contact)\r\n                }\r\n            }\r\n        },\r\n        confirmContact() {\r\n            if (this.contactMode == 'contact') {\r\n                if (this.selectedContacts.length == 0) {\r\n                    return\r\n                }\r\n                this.onBookingContactConfirm(this.selectedContacts[0])\r\n            } else {\r\n                this.onGuestContactConfirm(this.selectedContacts)\r\n            }\r\n        },\r\n        contactEditClick(e, contact) {\r\n            e.stopPropagation()\r\n            this.targetContact = contact\r\n            this.isNewContact = false\r\n            this.isShowContactEdit = true\r\n            this.showContactEdit()\r\n        },\r\n        contactNewClick(e) {\r\n            e.stopPropagation()\r\n            this.targetContact = {}\r\n            this.isNewContact = true\r\n            this.isShowContactEdit = true\r\n            this.showContactEdit()\r\n        },\r\n        onCloseContactEdit () {\r\n            this.isShowContactEdit = false\r\n            this.closeContactEdit()\r\n        },\r\n        async onSubmitSuccess() {\r\n            await this.initPage(true)\r\n            this.onCloseContactEdit()\r\n        }\r\n    },\r\n    watch: {\r\n        selectContactIds (newOne) {\r\n          this.selectedContacts = this.contacts.filter(r=> newOne.indexOf(r.id) >= 0)\r\n        },\r\n        isShowContactEditPopup (newOne) {\r\n            this.isShowContactEdit = newOne\r\n        }\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#contactList.popup {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(100%, 0, 0);\r\n    display: block;\r\n}\r\n#contactList.modal-in {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n#contactList.modal-out {\r\n    transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n.js-returnDetailBtn {\r\n    position: absolute;\r\n    width: 100%;\r\n    text-align: center;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    background-color: #fff;\r\n    z-index: 10;\r\n    .returnButton {\r\n        width: 30px;\r\n        position: absolute;\r\n        top: 4px;\r\n        left: 20px;\r\n        text-align: left;\r\n        img {\r\n            width: 33%;\r\n        }\r\n    }\r\n    .popup-title {\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 14px;\r\n        color: #333333;\r\n        letter-spacing: 1px;\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n.passenger-detail .detail-edit-img, .passenger-detail .detail-edit-intro, .passenger-detail .edit-img {\r\n    display: inline-block;\r\n    vertical-align: top;\r\n}\r\n\r\n.list-contacts-content {\r\n    position: relative;\r\n    width: 100%;\r\n    top: 50px;\r\n    height: calc(100% - 132px);\r\n    background: #F6F7F8;\r\n    z-index: 20;\r\n    .contactsEdit-content {\r\n        z-index: 20;\r\n        background: #F6F7F8;\r\n        position: relative;\r\n        height: 100%;\r\n        .fillPassenger-title {\r\n            margin-bottom: 10px;\r\n            padding: 13px 20px 13px;\r\n            background-color: #fff;\r\n            margin-top: 10px;\r\n            .fillPassenger-title-l {\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                font-size: 14px;\r\n                line-height: 20px;\r\n                color: #333;\r\n            }\r\n            .fillPassenger-title-r {\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                float: right;\r\n                font-size: 14px;\r\n                line-height: 20px;\r\n                color: #4A90E2;\r\n                img {\r\n                    width: 20px;\r\n                    position: relative;\r\n                    top: 5px;\r\n                }\r\n            }\r\n        }\r\n        .fillPassenger-desc {\r\n          font-size: 14px;\r\n          padding: 0 20px;\r\n        }\r\n        .passenger-details-content {\r\n\r\n            margin-top: 10px;\r\n            padding-top: 5px;\r\n            height: calc(100% - 50px);\r\n            overflow-y: scroll;\r\n        }\r\n        .passenger-details-content.is-desc {\r\n          margin-top: 4px;\r\n        }\r\n        .passenger-detail {\r\n            background: #fff;\r\n            border-bottom: 1px dashed #E5E5E5;\r\n            padding: 10px 0 15px 20px;\r\n            .detail-edit-img {\r\n                position: relative;\r\n                top: 0px;\r\n                img {\r\n                    width: 16px;\r\n                    margin-top: 2px;\r\n                }\r\n            }\r\n            .detail-edit-intro {\r\n                width: 286px;\r\n                height: 40px;\r\n                overflow: hidden;\r\n                padding: 0 4px;\r\n                .edit-intro-name {\r\n                    font-size: 14px;\r\n                    color: #000;\r\n                    margin-bottom: 4px;\r\n                    font-weight: bold;\r\n                }\r\n                .edit-intro-birth {\r\n                    font-size: 12px;\r\n                    line-height: 12px;\r\n                    color: #666;\r\n                    .male {\r\n                        display: inline-block;\r\n                        padding-right: 13px;\r\n                    }\r\n                    .birth {\r\n                        padding-left: 13px;\r\n                        padding-right: 13px;\r\n                        border-left: 1px solid #999;\r\n                    }\r\n                    .passenger-passport {\r\n                        padding-left: 13px;\r\n                        border-left: 1px solid #999;\r\n                    }\r\n                }\r\n            }\r\n            .edit-img {\r\n                padding: 4px 20px 4px 10px;\r\n                img {\r\n                    width: 20px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .selectAddContacts {\r\n        position: fixed;\r\n        bottom: 0px;\r\n        background-image: -webkit-gradient(linear, right top, left top, from(#FAD961), to(#FEBC10));\r\n        background-image: -webkit-linear-gradient(right, #FAD961 0%, #FEBC10 100%);\r\n        background-image: -moz-linear-gradient(right, #FAD961 0%, #FEBC10 100%);\r\n        background-image: -o-linear-gradient(right, #FAD961 0%, #FEBC10 100%);\r\n        background-image: linear-gradient(270deg, #FAD961 0%, #FEBC10 100%);\r\n        color: #454545;\r\n        font-size: 16px;\r\n        text-align: center;\r\n        padding: 13px 0;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n\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!./GuestInfoContactList.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!./GuestInfoContactList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GuestInfoContactList.vue?vue&type=template&id=505dadaa&scoped=true\"\nimport script from \"./GuestInfoContactList.vue?vue&type=script&lang=js\"\nexport * from \"./GuestInfoContactList.vue?vue&type=script&lang=js\"\nimport style0 from \"./GuestInfoContactList.vue?vue&type=style&index=0&id=505dadaa&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  \"505dadaa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}