| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\kefu\\pc\\components\\baseHeader.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\kefu\\pc\\components\\baseHeader.vue","mtime":1677828270204},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSwgbWFwQWN0aW9ucyB9IGZyb20gJ3Z1ZXgnOwppbXBvcnQgYnVzIGZyb20gJ0AvdXRpbHMvYnVzJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdiYXNlSGVhZGVyJywKICBwcm9wczogewogICAga2VmdUluZm86IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiBfZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0sCiAgICBvbmxpbmU6IHsKICAgICAgdHlwZTogQm9vbGVhbiB8IE51bWJlciwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHt9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtZW51TGlzdDogW3sKICAgICAgICBrZXk6IDAsCiAgICAgICAgdGl0bGU6ICflrqLmiLfkv6Hmga8nCiAgICAgIH0sIHsKICAgICAgICBrZXk6IDEsCiAgICAgICAgdGl0bGU6ICfkuqTmmJPorqLljZUnCiAgICAgIH0sIHsKICAgICAgICBrZXk6IDIsCiAgICAgICAgdGl0bGU6ICfllYblk4Hkv6Hmga8nCiAgICAgIH1dLAogICAgICBjdXJJbmRleDogMCwKICAgICAgaXNPbmxpbmU6IGZhbHNlCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmdW5jdGlvbiAoKSB7CiAgICAgIF90aGlzLmlzT25saW5lID0gZmFsc2U7CiAgICB9KTsKICB9LAogIG1ldGhvZHM6IF9vYmplY3RTcHJlYWQoX29iamVjdFNwcmVhZCh7fSwgbWFwQWN0aW9ucygna2VmdS8nLCBbJ2xvZ291dCcsICdsb2dvdXRLZWZ1J10pKSwge30sIHsKICAgIHNlbGVjdFRhYjogZnVuY3Rpb24gc2VsZWN0VGFiKGl0ZW0pIHsKICAgICAgdGhpcy5jdXJJbmRleCA9IGl0ZW0ua2V5OwogICAgICB0aGlzLmJ1cy4kZW1pdCgnc2VsZWN0UmlnaHRNZW51JywgdGhpcy5jdXJJbmRleCk7CiAgICB9LAogICAgc2V0T25saW5lOiBmdW5jdGlvbiBzZXRPbmxpbmUoKSB7CiAgICAgIHRoaXMuaXNPbmxpbmUgPSAhdGhpcy5pc09ubGluZTsKICAgIH0sCiAgICBjaGFuZ2VPbmxpbmU6IGZ1bmN0aW9uIGNoYW5nZU9ubGluZSh0eXBlKSB7CiAgICAgIHRoaXMuJGVtaXQoJ3NldE9ubGluZScsIHR5cGUpOwogICAgICB0aGlzLmlzT25saW5lID0gZmFsc2U7CiAgICB9LAogICAgLy8g6YCA5Ye655m75b2VCiAgICBvdXRMb2dpbjogZnVuY3Rpb24gb3V0TG9naW4oKSB7CiAgICAgIHZhciBzZWxmID0gdGhpczsKICAgICAgdGhpcy4kTW9kYWwuY29uZmlybSh7CiAgICAgICAgdGl0bGU6ICfpgIDlh7rnmbvlvZXnoa7orqQnLAogICAgICAgIGNvbnRlbnQ6ICfmgqjnoa7lrprpgIDlh7rnmbvlvZXlvZPliY3otKbmiLflkJfvvJ/miZPlvIDnmoTmoIfnrb7pobXlkozkuKrkurrorr7nva7lsIbkvJrkv53lrZjjgIInLAogICAgICAgIG9uT2s6IGZ1bmN0aW9uIG9uT2soKSB7CiAgICAgICAgICBzZWxmLmxvZ291dEtlZnUoewogICAgICAgICAgICBjb25maXJtOiBmYWxzZSwKICAgICAgICAgICAgdm06IHNlbGYKICAgICAgICAgIH0pOwogICAgICAgIH0sCiAgICAgICAgb25DYW5jZWw6IGZ1bmN0aW9uIG9uQ2FuY2VsKCkge30KICAgICAgfSk7CiAgICB9LAogICAgLy8g5pCc57SiCiAgICBiaW5kU2VhcmNoOiBmdW5jdGlvbiBiaW5kU2VhcmNoKGUpIHsKICAgICAgdGhpcy4kZW1pdCgnc2VhcmNoJywgZS50YXJnZXQudmFsdWUpOwogICAgfSwKICAgIC8vIGlucHV0Q2hhbmdlCiAgICBpbnB1dENoYW5nZTogZnVuY3Rpb24gaW5wdXRDaGFuZ2UoZSkgewogICAgICB0aGlzLmJ1cy4kZW1pdCgnY2hhbmdlJywgZS50YXJnZXQudmFsdWUpOwogICAgfQogIH0pCn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;AACA;AACA;EACAA,kBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA,CADA;IAOAC;MACAF,sBADA;MAEAC;IAFA;EAPA,CAFA;EAcAE,YAdA;EAeAC,IAfA,kBAeA;IACA;MACAC,WACA;QACAC,MADA;QAEAC;MAFA,CADA,EAKA;QACAD,MADA;QAEAC;MAFA,CALA,EASA;QACAD,MADA;QAEAC;MAFA,CATA,CADA;MAeAC,WAfA;MAgBAC;IAhBA;EAkBA,CAlCA;EAmCAC,OAnCA,qBAmCA;IAAA;;IACAC;MACA;IACA,CAFA;EAGA,CAvCA;EAwCAC,yCACAC,6CADA;IAEAC,SAFA,qBAEAC,IAFA,EAEA;MACA;MACA;IACA,CALA;IAMAC,SANA,uBAMA;MACA;IACA,CARA;IASAC,YATA,wBASAjB,IATA,EASA;MACA;MACA;IACA,CAZA;IAaA;IACAkB,QAdA,sBAcA;MACA;MACA;QACAX,eADA;QAEAY,wCAFA;QAGAC;UACAC;YACAC,cADA;YAEAC;UAFA;QAIA,CARA;QASAC;MATA;IAWA,CA3BA;IA4BA;IACAC,UA7BA,sBA6BAC,CA7BA,EA6BA;MACA;IACA,CA/BA;IAgCA;IACAC,WAjCA,uBAiCAD,CAjCA,EAiCA;MACA;IACA;EAnCA;AAxCA","names":["name","props","kefuInfo","type","default","online","computed","data","menuList","key","title","curIndex","isOnline","mounted","document","methods","mapActions","selectTab","item","setOnline","changeOnline","outLogin","content","onOk","self","confirm","vm","onCancel","bindSearch","e","inputChange"],"sourceRoot":"src/pages/kefu/pc/components","sources":["baseHeader.vue"],"sourcesContent":["<template>\r\n <div class=\"base-header\">\r\n <div class=\"left-wrapper\">\r\n <Input\r\n class=\"search_box\"\r\n prefix=\"ios-search\"\r\n placeholder=\"搜索用户名称\"\r\n @on-enter=\"bindSearch\"\r\n @on-change=\"inputChange\"\r\n />\r\n <div class=\"user_info\">\r\n <img v-lazy=\"kefuInfo.avatar\" alt=\"\" />\r\n <span>{{ kefuInfo.nickname }}</span>\r\n <div class=\"status-box\">\r\n <div class=\"status\" :class=\"online ? 'on' : 'off'\" @click.stop=\"setOnline\">\r\n <span class=\"dot\"></span>\r\n {{ online ? '在线' : '下线' }}\r\n </div>\r\n\r\n <div class=\"online-down\" v-show=\"isOnline\">\r\n <div class=\"item\" @click.stop=\"changeOnline(1)\">\r\n <span class=\"iconfont iconduihao\" v-if=\"online\"></span><i class=\"green\"></i>在线\r\n </div>\r\n <div class=\"item\" @click.stop=\"changeOnline(0)\">\r\n <span class=\"iconfont iconduihao\" v-if=\"!online\"></span><i></i>下线\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"out-btn\" @click.stop=\"outLogin\">退出登录</div>\r\n </div>\r\n <div class=\"right-menu\">\r\n <div\r\n class=\"menu-item\"\r\n :class=\"{ on: index == curIndex }\"\r\n v-for=\"(item, index) in menuList\"\r\n :key=\"index\"\r\n @click.stop=\"selectTab(item)\"\r\n >\r\n {{ item.title }}\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from 'vuex';\r\nimport bus from '@/utils/bus';\r\nexport default {\r\n name: 'baseHeader',\r\n props: {\r\n kefuInfo: {\r\n type: Object,\r\n default: function () {\r\n return {};\r\n },\r\n },\r\n online: {\r\n type: Boolean | Number,\r\n default: true,\r\n },\r\n },\r\n computed: {},\r\n data() {\r\n return {\r\n menuList: [\r\n {\r\n key: 0,\r\n title: '客户信息',\r\n },\r\n {\r\n key: 1,\r\n title: '交易订单',\r\n },\r\n {\r\n key: 2,\r\n title: '商品信息',\r\n },\r\n ],\r\n curIndex: 0,\r\n isOnline: false,\r\n };\r\n },\r\n mounted() {\r\n document.addEventListener('click', () => {\r\n this.isOnline = false;\r\n });\r\n },\r\n methods: {\r\n ...mapActions('kefu/', ['logout', 'logoutKefu']),\r\n selectTab(item) {\r\n this.curIndex = item.key;\r\n this.bus.$emit('selectRightMenu', this.curIndex);\r\n },\r\n setOnline() {\r\n this.isOnline = !this.isOnline;\r\n },\r\n changeOnline(type) {\r\n this.$emit('setOnline', type);\r\n this.isOnline = false;\r\n },\r\n // 退出登录\r\n outLogin() {\r\n let self = this;\r\n this.$Modal.confirm({\r\n title: '退出登录确认',\r\n content: '您确定退出登录当前账户吗？打开的标签页和个人设置将会保存。',\r\n onOk: () => {\r\n self.logoutKefu({\r\n confirm: false,\r\n vm: self,\r\n });\r\n },\r\n onCancel: () => {},\r\n });\r\n },\r\n // 搜索\r\n bindSearch(e) {\r\n this.$emit('search', e.target.value);\r\n },\r\n // inputChange\r\n inputChange(e) {\r\n this.bus.$emit('change', e.target.value);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n.base-header\r\n z-index 99\r\n position relative\r\n display flex\r\n align-items center\r\n justify-content space-between\r\n height 66px\r\n padding 0 0 0 15px\r\n background: linear-gradient(270deg, #1890FF 0%, #3875EA 100%);\r\n color #fff\r\n flex-shrink 0\r\n .left-wrapper\r\n position relative\r\n display flex\r\n flex 1\r\n align-items center\r\n\r\n .search_box\r\n width 295px\r\n border-radius 17px\r\n overflow hidden\r\n\r\n .user_info\r\n display flex\r\n align-items center\r\n margin-left 30px\r\n\r\n img\r\n width 40px\r\n height 40px\r\n margin-right 10px\r\n border-radius 50%\r\n\r\n span\r\n font-size 16px\r\n\r\n .status-box\r\n position relative\r\n cursor pointer\r\n .status\r\n display flex\r\n align-items center\r\n padding 0 10px\r\n margin-left 5px\r\n background #EAFFEB\r\n color: rgba(0, 0, 0, 0.65);\r\n border-radius 9px\r\n\r\n .dot\r\n width 6px\r\n height 6px\r\n margin-right 3px\r\n border-radius 50%\r\n background #48D452\r\n\r\n &.off\r\n background #F3F3F3\r\n\r\n .dot\r\n background #999999\r\n .online-down\r\n z-index 50\r\n position absolute\r\n left 0\r\n bottom -70px\r\n width 86px\r\n background #fff\r\n color #333\r\n box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);\r\n border-radius: 5px;\r\n .item\r\n position relative\r\n display flex\r\n align-items center\r\n padding 7px 10px 7px 30px\r\n cursor pointer\r\n i\r\n width 10px\r\n height 10px\r\n margin-right 8px\r\n border-radius 50%\r\n background #999999\r\n &.green\r\n background #48D452\r\n .iconfont\r\n position absolute\r\n left 10px\r\n top 50%\r\n transform translateY(-50%)\r\n font-size 12px\r\n\r\n .out-btn\r\n position absolute\r\n right 30px\r\n top 50%\r\n transform translateY(-50%)\r\n width: 86px;\r\n height: 26px;\r\n line-height 28px\r\n text-align center\r\n background: #FFFFFF;\r\n border-radius: 16px;\r\n color #3875EA\r\n font-size 13px\r\n cursor pointer\r\n\r\n .right-menu\r\n display flex\r\n align-items center\r\n .menu-item\r\n position relative\r\n margin-right 30px\r\n font-size 14px\r\n font-weight 400\r\n cursor pointer\r\n &.on\r\n font-weight 600\r\n &::after\r\n position: absolute;\r\n left 0\r\n bottom -22px\r\n content ''\r\n width 100%\r\n height 2px\r\n background #fff\r\n</style>\r\n"]}]}
|
