{"version":3,"sources":["webpack:///./src/views/UserCenter/ContactList.vue","webpack:///src/views/UserCenter/ContactList.vue","webpack:///./src/views/UserCenter/ContactList.vue?9e17","webpack:///./src/views/UserCenter/ContactList.vue?4948","webpack:///./src/views/UserCenter/ContactList.vue?a60c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","refresh","on","reload","_l","contactList","item","index","key","id","chineseLastName","chineseFirstName","_s","_e","pinyinLastName","$store","state","page","isMaskValue","pinyinFirstName","gender","dateOfBirth","passportNum","$event","deleteTip","staticRenderFns","PrivacyButton","name","components","data","userToken","beforeMount","commit","showPage","methods","Date","getTime","$loading","show","initPage","hide","user","length","$router","push","encodeURIComponent","window","location","pathname","list","getContact","filter","userName","success","errMsg","api","getContactInPersonalCenter","console","log","$confirm","confirmCallBack","deleteContact","splice","$alert","component"],"mappings":"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","file":"js/chunk-458534f4.827d8a65.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"page noScroll\"},[_c('div',{staticClass:\"edit-contact-info\"},[_c('router-link',{attrs:{\"to\":\"/Rccl.UserCenter/UserContact/Create\"}},[_c('img',{staticClass:\"edit-contact-info-icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/add-icon.png\"}}),_c('span',{staticClass:\"edit-contact-info-title\"},[_vm._v(\"添加常用乘客\")])]),_c('div',{staticClass:\"privacy-layout\"},[_c('privacy-button',{attrs:{\"type\":\"btn-mini\",\"refresh\":_vm.refresh},on:{\"privacy-switch\":_vm.reload}})],1)],1),_c('div',{staticClass:\"contactList scroll-container\"},[_c('div',{staticClass:\"contactList-container\"},_vm._l((_vm.contactList),function(item,index){return _c('div',{key:item.id,staticClass:\"item-body\"},[_c('div',{staticClass:\"item-leftCon\"},[_c('p',{staticClass:\"item-name\"},[(item.chineseLastName || item.chineseFirstName)?_c('span',[_vm._v(_vm._s(item.chineseLastName || '')+_vm._s(item.chineseFirstName || '')+\" \")]):_vm._e(),_c('span',[_vm._v(_vm._s(item.pinyinLastName + (_vm.$store.state.page.isMaskValue ? \"\": \" \") + item.pinyinFirstName))])]),_c('p',{staticClass:\"item-birthSex\"},[_c('span',[_vm._v(_vm._s(item.gender === 'M' ? '男' : '女'))]),_vm._v(\" \"),_c('span',[_vm._v(\"|\")]),_c('span',[_vm._v(_vm._s(item.dateOfBirth))]),_c('span',[_vm._v(\"|\")]),(item.passportNum)?_c('span',{staticClass:\"item-IdCardInfo\"},[_vm._v(_vm._s(item.passportNum))]):_c('span',{staticClass:\"item-addIdCardBtn\"},[_c('router-link',{staticClass:\"external\",attrs:{\"tag\":\"a\",\"to\":`/Rccl.UserCenter/UserContact/Detail/${item.id}`}},[_vm._v(\"补充护照信息\")])],1)])]),_c('div',{staticClass:\"item-rightCon\"},[_c('div',{staticClass:\"item-editBtn\"},[_c('router-link',{staticClass:\"external\",attrs:{\"tag\":\"a\",\"to\":`/Rccl.UserCenter/UserContact/Detail/${item.id}`}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/list-edit-icon.png\"}})])],1),_c('div',{staticClass:\"item-deleteBtn\",on:{\"click\":function($event){return _vm.deleteTip(item, index)}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/user_center/list-delelte-btn2.png\"}})])])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"page noScroll\">\r\n        <div class=\"edit-contact-info\">\r\n          <router-link to=\"/Rccl.UserCenter/UserContact/Create\">\r\n              <img src=\"https://resource.rcclchina.com.cn/tui2/user_center/add-icon.png\" class=\"edit-contact-info-icon\">\r\n              <span class=\"edit-contact-info-title\">添加常用乘客</span>\r\n  <!--            <img src=\"https://resource.rcclchina.com.cn/tui2/user_center/arrow_enter.png\" class=\"edit-contact-info-arrow\">-->\r\n          </router-link>\r\n          <div class=\"privacy-layout\">\r\n            <privacy-button @privacy-switch=\"reload\" type=\"btn-mini\" :refresh=\"refresh\"></privacy-button>\r\n          </div>\r\n        </div>\r\n        <!-- 乘客列表 -->\r\n        <div class=\"contactList scroll-container\">\r\n            <div class=\"contactList-container\">\r\n                <div class=\"item-body\" v-for=\"(item, index) in contactList\" :key=\"item.id\">\r\n                    <div class=\"item-leftCon\">\r\n                        <p class=\"item-name\">\r\n                          <span v-if=\"item.chineseLastName || item.chineseFirstName\">{{item.chineseLastName || ''}}{{item.chineseFirstName || ''}}&nbsp;</span>\r\n                          <span>{{item.pinyinLastName + ($store.state.page.isMaskValue ? \"\": \" \") + item.pinyinFirstName}}</span>\r\n                        </p>\r\n                        <p class=\"item-birthSex\">\r\n                            <span>{{item.gender === 'M' ? '男' : '女'}}</span> <span>|</span>\r\n                            <span>{{item.dateOfBirth}}</span><span>|</span>\r\n                            <span v-if=\"item.passportNum\" class=\"item-IdCardInfo\">{{item.passportNum}}</span>\r\n                            <span v-else class=\"item-addIdCardBtn\"><router-link tag=\"a\" :to=\"`/Rccl.UserCenter/UserContact/Detail/${item.id}`\" class=\"external\">补充护照信息</router-link></span>\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"item-rightCon\">\r\n                        <div class=\"item-editBtn\">\r\n                            <router-link tag=\"a\" :to=\"`/Rccl.UserCenter/UserContact/Detail/${item.id}`\" class=\"external\"><img src=\"https://resource.rcclchina.com.cn/tui2/user_center/list-edit-icon.png\"></router-link>\r\n                        </div>\r\n                        <div class=\"item-deleteBtn\" @click=\"deleteTip(item, index)\"><img src=\"https://resource.rcclchina.com.cn/tui2/user_center/list-delelte-btn2.png\"></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\n    import api from '@/api'\r\n    const PrivacyButton = () => import('@/components/Common/PrivacyButton')\r\n    export default {\r\n        name: 'ContactList',\r\n        components: {\r\n          PrivacyButton\r\n        },\r\n        data () {\r\n            return {\r\n                userToken: '',\r\n                contactList: [],\r\n                refresh: null\r\n            }\r\n        },\r\n        beforeMount () {\r\n            this.$store.commit('SET_PAGE_TITLE', '常用联系人')\r\n            this.showPage()\r\n        },\r\n        methods: {\r\n            reload() {\r\n              this.showPage();\r\n              this.refresh = new Date().getTime();\r\n            },\r\n            async showPage () {\r\n                this.$loading.show()\r\n                await this.initPage()\r\n                this.$loading.hide()\r\n            },\r\n            async initPage () {\r\n                const userToken = this.$store.state.user.userToken\r\n                if (!userToken && userToken.length == 0) {\r\n                    this.$router.push(`/Orchard.Rccl.Users/Login/Login?returnUrl=${encodeURIComponent(window.location.pathname)}`)\r\n                    return\r\n                }\r\n                this.userToken = userToken\r\n\r\n                const list = await this.getContact(userToken,1)\r\n                // 过滤掉id=0\r\n                this.contactList = list.filter(item => item.id !== 0)\r\n            },\r\n            async getContact (userName) {\r\n                const {success, data, errMsg} = await api.user.getContactInPersonalCenter(userName)\r\n                if (!success) {\r\n                    console.log(errMsg)\r\n                    return null\r\n                } else {\r\n                    return data\r\n                }\r\n            },\r\n            async deleteTip (item, index) {\r\n                this.$confirm.show('确定删除该联系人吗？', {\r\n                    confirmCallBack: () => {\r\n                        this.deleteContact(item, index)\r\n                    }\r\n                })\r\n            },\r\n            async deleteContact (item, index) {\r\n                this.$loading.show()\r\n                const {success, errMsg} = await api.user.deleteContact({userName: this.userToken, id: item.id})\r\n                if (!success) {\r\n                    this.$alert.show(errMsg)\r\n                } else {\r\n                    this.contactList.splice(index, 1)\r\n                }\r\n                this.$loading.hide()\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n    .page {\r\n        display: block;\r\n        background: #F6F7F8 !important;\r\n    }\r\n\r\n    /**添加联系人**/\r\n    .edit-contact-info{\r\n        position: relative;\r\n        width: 100%;\r\n        height: 50px;\r\n        background-color: white;\r\n        padding: 0 19px;\r\n        margin-top: 50px;\r\n    }\r\n\r\n    .edit-contact-info-icon {\r\n        width: 16px;\r\n        position: relative;\r\n        top: 16px;\r\n        margin-right: 5px;\r\n    }\r\n\r\n    .edit-contact-info-title {\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 14px;\r\n        color: #4A90E2;\r\n        letter-spacing: 0;\r\n        position: relative;\r\n        top: 12px;\r\n        margin-left: 4.5px;\r\n    }\r\n\r\n    .edit-contact-info-arrow {\r\n        width: 7px;\r\n        float: right;\r\n        position: relative;\r\n        top: 19px;\r\n    }\r\n\r\n\r\n    /**** 常用联系人列表页面****/\r\n    .registerButton {\r\n        background-color:#f0af11;\r\n        color:#000d57;\r\n        font-size:13px;\r\n        padding:12px 0;\r\n        margin:44px 10px 0 10px;\r\n        text-align:center;\r\n        position:relative;\r\n    }\r\n    .noborder{\r\n        border:none !important;\r\n    }\r\n    .page-content{\r\n        margin-top: 10px;\r\n        padding-bottom:5.2rem;\r\n        position:relative;\r\n    }\r\n    nav.home-bar-nav {\r\n        background-color:#061556;\r\n    }\r\n    .contactList {\r\n        padding-bottom: 60px;\r\n    }\r\n    .contactList-menubutton {\r\n        padding:13px 12px;\r\n        border-bottom:1px solid #c1c1c1;\r\n        text-align:center;\r\n    }\r\n    .menubutton-item {\r\n        background-color: #eead11;\r\n        width: 95.6%;\r\n        padding: 7px 0;\r\n        display: inline-block;\r\n        position: relative;\r\n    }\r\n    .hold_link {\r\n        position:absolute;\r\n        top:0;\r\n        left:0;\r\n        width:100%;\r\n        height:100%;\r\n    }\r\n    .menu-visitContactIcon {\r\n        margin-left:2.93%;\r\n    }\r\n    .menubutton-item .addContactIcon {\r\n        width:17px;\r\n        height:17px;\r\n        vertical-align:middle;\r\n    }\r\n    .menubutton-item .visitContactIcon {\r\n        width:21px;\r\n        height:17px;\r\n        vertical-align:middle;\r\n    }\r\n    .menubutton-item span{\r\n        font-size:13px;\r\n        color:#fff;\r\n        margin-left:9px;\r\n        vertical-align:middle;\r\n    }\r\n    .contactList-container {\r\n\r\n    }\r\n\r\n    .item-body {\r\n        position: relative;\r\n        height: 74px;\r\n        background-color: white;\r\n        margin-bottom: 10px;\r\n        padding: 16px 20px;\r\n    }\r\n    .item-body .item-leftCon {\r\n        float:left;\r\n    }\r\n    .item-body .item-leftCon p{\r\n        margin:0;\r\n    }\r\n    .item-body .item-name{\r\n        font-size: 14px;\r\n        color: #333333;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .item-body .item-name span:first-child{\r\n        margin-right: 19px;\r\n    }\r\n\r\n\r\n    .item-body .item-leftCon .item-birthSex {\r\n        font-size: 12px;\r\n        color: #666;\r\n        letter-spacing: 0;\r\n        margin-top: 6px;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .item-body .item-leftCon .item-birthSex span {\r\n        margin-right: 6px;\r\n    }\r\n\r\n    .item-body .item-addIdCardBtn a{\r\n        color: #4A90E2;\r\n        text-decoration: underline;\r\n        text-underline-position: under;\r\n    }\r\n    .item-body .item-IdCardInfo {\r\n\r\n    }\r\n    .item-body .item-rightCon {\r\n        float:right;\r\n    }\r\n\r\n    .item-body .item-editBtn {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        margin-top: 11px;\r\n        width: 20px;\r\n    }\r\n\r\n    .item-deleteBtn {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        margin-left: 39px;\r\n        width: 19px;\r\n        margin-top: 9px;\r\n    }\r\n\r\n    .item-deleteBtn img{\r\n        width: 100%;\r\n    }\r\n\r\n    .item-body .item-editBtn img {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n    .privacy-layout {\r\n      font-size: 0;\r\n      line-height: 1;\r\n      float: right;\r\n      padding-top: 0.6rem\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!./ContactList.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!./ContactList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContactList.vue?vue&type=template&id=4a3b5dad&scoped=true\"\nimport script from \"./ContactList.vue?vue&type=script&lang=js\"\nexport * from \"./ContactList.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContactList.vue?vue&type=style&index=0&id=4a3b5dad&prod&scoped=true&lang=css\"\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  \"4a3b5dad\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactList.vue?vue&type=style&index=0&id=4a3b5dad&prod&scoped=true&lang=css\""],"sourceRoot":""}