{"version":3,"sources":["webpack:///./src/views/UserCenter/ContactList.vue?6599","webpack:///src/views/UserCenter/ContactList.vue","webpack:///./src/views/UserCenter/ContactList.vue?47a5","webpack:///./src/views/UserCenter/ContactList.vue","webpack:///./src/views/UserCenter/ContactList.vue?4272"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","refresh","on","reload","_l","item","index","key","id","_s","chineseLastName","chineseFirstName","pinyinLastName","$store","state","page","isMaskValue","pinyinFirstName","gender","dateOfBirth","passportNum","$event","deleteTip","staticRenderFns","success","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,wCAAwC,CAACH,EAAG,MAAM,CAACE,YAAY,yBAAyBC,MAAM,CAAC,IAAM,qEAAqEH,EAAG,OAAO,CAACE,YAAY,2BAA2B,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,KAAO,WAAW,QAAUP,EAAIS,SAASC,GAAG,CAAC,iBAAiBV,EAAIW,WAAW,IAAI,GAAGP,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyBN,EAAIY,GAAIZ,EAAe,aAAE,SAASa,EAAKC,GAAO,OAAOV,EAAG,MAAM,CAACW,IAAIF,EAAKG,GAAGV,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAGJ,EAAKK,gBAAkBL,EAAKM,qBAAqBnB,EAAIQ,GAAG,KAAKJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAGJ,EAAKO,gBAAkBpB,EAAIqB,OAAOC,MAAMC,KAAKC,YAAc,GAAI,KAAOX,EAAKY,sBAAsBrB,EAAG,IAAI,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAmB,MAAhBJ,EAAKa,OAAiB,IAAM,QAAQ1B,EAAIQ,GAAG,KAAKJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,OAAOJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAGJ,EAAKc,gBAAgBvB,EAAG,OAAO,CAACJ,EAAIQ,GAAG,OAAQK,EAAgB,YAAET,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGJ,EAAKe,gBAAgBxB,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACF,EAAG,cAAc,CAACE,YAAY,WAAWC,MAAM,CAAC,IAAM,IAAI,GAAM,uCAA0CM,EAAO,KAAK,CAACb,EAAIQ,GAAG,aAAa,OAAOJ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACE,YAAY,WAAWC,MAAM,CAAC,IAAM,IAAI,GAAM,uCAA0CM,EAAO,KAAK,CAACT,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,8EAA8E,GAAGH,EAAG,MAAM,CAACE,YAAY,iBAAiBI,GAAG,CAAC,MAAQ,SAASmB,GAAQ,OAAO7B,EAAI8B,UAAUjB,EAAMC,MAAU,CAACV,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,uFAAsF,UAC3jEwB,EAAkB,G,kECwCtB,aAAE,OAAF,iDACA,GACE,KAAF,cACE,WAAF,CACI,cAAJ,GAEE,KALF,WAMI,MAAJ,CACM,UAAN,GACM,YAAN,GACM,QAAN,OAGE,YAZF,WAaI,KAAJ,wCACI,KAAJ,YAEE,QAAF,CACI,OADJ,WAEM,KAAN,WACM,KAAN,8BAEI,SALJ,WAKM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,6BACgB,EAAhB,gBADA,SAEA,aAFA,OAGgB,EAAhB,gBAHA,8CAKI,SAVJ,WAUM,IAAN,OAAM,OAAN,qDAAQ,IAAR,IAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,yBACgB,EAAhB,8BACA,eAFA,uBAGgB,EAAhB,gHAHA,iCAMgB,EAAhB,YANA,SAQA,gBARA,OAQgB,EARhB,OAUgB,EAAhB,qDAVA,8CAYI,WAtBJ,SAsBA,GAAM,OAAN,qDAAQ,IAAR,QAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,sCACA,0CADA,mBACgB,EADhB,EACA,QAAgB,EADhB,EACA,KAAgB,EADhB,EACA,OACA,EAFA,wBAGgB,QAAhB,OAHA,kBAIA,MAJA,iCAMA,GANA,+CASI,UA/BJ,SA+BA,KAAM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,sBACgB,EAAhB,4BACkB,gBAAlB,WACoB,EAApB,sBAHA,8CAOI,cAtCJ,SAsCA,KAAM,IAAN,OAAM,OAAN,qDAAQ,IAAR,MAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,6BACgB,EAAhB,gBADA,SAEA,0DAFA,gBAEgB,EAFhB,EAEA,QAAgB,EAFhB,EAEA,OACqBC,EAGH,EAAlB,wBAFkB,EAAlB,eAIgB,EAAhB,gBARA,gDChGoW,I,wBCQhWC,EAAY,eACd,EACAlC,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAE,E,6CCnBf,yBAAwkB,EAAG,G","file":"js/chunk-d7904ae8.dedc2e66.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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\"},[_c('span',[_vm._v(_vm._s(item.chineseLastName + item.chineseFirstName))]),_vm._v(\" \"),_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)])])])}\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\"><span>{{item.chineseLastName + item.chineseFirstName}}</span>&nbsp;<span>{{item.pinyinLastName + ($store.state.page.isMaskValue ? \"\": \" \") + item.pinyinFirstName}}</span></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)\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=35e8225b&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=35e8225b&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  \"35e8225b\",\n  null\n  \n)\n\nexport default component.exports","import mod 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=35e8225b&scoped=true&lang=css&\"; export default mod; 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=35e8225b&scoped=true&lang=css&\""],"sourceRoot":""}