| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\pc\\components\\baseHeader.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\pc\\components\\baseHeader.vue","mtime":1761614939024},{"path":"D:\\front\\item\\zyAdmin\\babel.config.js","mtime":1761614925168},{"path":"D:\\front\\item\\zyAdmin\\.babelrc","mtime":1761614925165},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRDovZnJvbnQvaXRlbS96eUFkbWluL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9vYmplY3RTcHJlYWQyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0IHsgbWFwU3RhdGUsIG1hcEFjdGlvbnMgfSBmcm9tICd2dWV4JzsKaW1wb3J0IGJ1cyBmcm9tICdAL3V0aWxzL2J1cyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnYmFzZUhlYWRlcicsCiAgcHJvcHM6IHsKICAgIGtlZnVJbmZvOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24gX2RlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9LAogICAgb25saW5lOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4gfCBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0KICB9LAogIGNvbXB1dGVkOiB7fSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbWVudUxpc3Q6IFt7CiAgICAgICAga2V5OiAwLAogICAgICAgIHRpdGxlOiAn5a6i5oi35L+h5oGvJwogICAgICB9LCB7CiAgICAgICAga2V5OiAxLAogICAgICAgIHRpdGxlOiAn5Lqk5piT6K6i5Y2VJwogICAgICB9LCB7CiAgICAgICAga2V5OiAyLAogICAgICAgIHRpdGxlOiAn5ZWG5ZOB5L+h5oGvJwogICAgICB9XSwKICAgICAgY3VySW5kZXg6IDAsCiAgICAgIGlzT25saW5lOiBmYWxzZSwKICAgICAgdmFsdWU6ICcnCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMuaXNPbmxpbmUgPSBmYWxzZTsKICAgIH0pOwogIH0sCiAgbWV0aG9kczogX29iamVjdFNwcmVhZChfb2JqZWN0U3ByZWFkKHt9LCBtYXBBY3Rpb25zKCdrZWZ1LycsIFsnbG9nb3V0JywgJ2xvZ291dEtlZnUnXSkpLCB7fSwgewogICAgc2VsZWN0VGFiOiBmdW5jdGlvbiBzZWxlY3RUYWIoaXRlbSkgewogICAgICB0aGlzLmN1ckluZGV4ID0gaXRlbS5rZXk7CiAgICAgIHRoaXMuYnVzLiRlbWl0KCdzZWxlY3RSaWdodE1lbnUnLCB0aGlzLmN1ckluZGV4KTsKICAgIH0sCiAgICBzZXRPbmxpbmU6IGZ1bmN0aW9uIHNldE9ubGluZSgpIHsKICAgICAgdGhpcy5pc09ubGluZSA9ICF0aGlzLmlzT25saW5lOwogICAgfSwKICAgIGNoYW5nZU9ubGluZTogZnVuY3Rpb24gY2hhbmdlT25saW5lKHR5cGUpIHsKICAgICAgdGhpcy4kZW1pdCgnc2V0T25saW5lJywgdHlwZSk7CiAgICAgIHRoaXMuaXNPbmxpbmUgPSBmYWxzZTsKICAgIH0sCiAgICAvLyDpgIDlh7rnmbvlvZUKICAgIG91dExvZ2luOiBmdW5jdGlvbiBvdXRMb2dpbigpIHsKICAgICAgdmFyIHNlbGYgPSB0aGlzOwogICAgICB0aGlzLiRtc2dib3goewogICAgICAgIHRpdGxlOiAn6YCA5Ye655m75b2V56Gu6K6kJywKICAgICAgICBtZXNzYWdlOiAn5oKo56Gu5a6a6YCA5Ye655m75b2V5b2T5YmN6LSm5oi35ZCX77yf5omT5byA55qE5qCH562+6aG15ZKM5Liq5Lq66K6+572u5bCG5Lya5L+d5a2Y44CCJywKICAgICAgICBzaG93Q2FuY2VsQnV0dG9uOiB0cnVlLAogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLAogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAn56Gu6K6kJywKICAgICAgICBpY29uQ2xhc3M6ICdlbC1pY29uLXdhcm5pbmcnLAogICAgICAgIGNvbmZpcm1CdXR0b25DbGFzczogJ2J0bi1jdXN0b20tY2FuY2VsJwogICAgICB9KS50aGVuKGZ1bmN0aW9uICgpIHsKICAgICAgICBzZWxmLmxvZ291dEtlZnUoewogICAgICAgICAgY29uZmlybTogZmFsc2UsCiAgICAgICAgICB2bTogc2VsZgogICAgICAgIH0pOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAoKSB7fSk7CiAgICB9LAogICAgLy8g5pCc57SiCiAgICBiaW5kU2VhcmNoOiBmdW5jdGlvbiBiaW5kU2VhcmNoKGUpIHsKICAgICAgdGhpcy4kZW1pdCgnc2VhcmNoJywgZSk7CiAgICB9LAogICAgLy8gaW5wdXRDaGFuZ2UKICAgIGlucHV0Q2hhbmdlOiBmdW5jdGlvbiBpbnB1dENoYW5nZShlKSB7CiAgICAgIHRoaXMuYnVzLiRlbWl0KCdjaGFuZ2UnLCBlKTsKICAgIH0KICB9KQp9Ow=="},{"version":3,"names":["mapState","mapActions","bus","name","props","kefuInfo","type","Object","default","online","Boolean","Number","computed","data","menuList","key","title","curIndex","isOnline","value","mounted","_this","document","addEventListener","methods","_objectSpread","selectTab","item","$emit","setOnline","changeOnline","outLogin","self","$msgbox","message","showCancelButton","cancelButtonText","confirmButtonText","iconClass","confirmButtonClass","then","logoutKefu","confirm","vm","catch","bindSearch","e","inputChange"],"sources":["src/pages/kefu/pc/components/baseHeader.vue"],"sourcesContent":["<template>\r\n <div class=\"base-header\">\r\n <div class=\"left-header-wrapper\">\r\n <el-input\r\n v-model=\"value\"\r\n class=\"search_box\"\r\n prefix=\"ios-search\"\r\n placeholder=\"搜索用户名称\"\r\n @change=\"bindSearch\"\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'\" v-db-click @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\" v-db-click @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\" v-db-click @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\" v-db-click @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 v-db-click\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 value: '',\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.$msgbox({\r\n title: '退出登录确认',\r\n message: '您确定退出登录当前账户吗？打开的标签页和个人设置将会保存。',\r\n showCancelButton: true,\r\n cancelButtonText: '取消',\r\n confirmButtonText: '确认',\r\n iconClass: 'el-icon-warning',\r\n confirmButtonClass: 'btn-custom-cancel',\r\n })\r\n .then(() => {\r\n self.logoutKefu({\r\n confirm: false,\r\n vm: self,\r\n });\r\n })\r\n .catch(() => {});\r\n },\r\n // 搜索\r\n bindSearch(e) {\r\n this.$emit('search', e);\r\n },\r\n // inputChange\r\n inputChange(e) {\r\n this.bus.$emit('change', e);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" 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-header-wrapper {\r\n position: relative;\r\n display: flex;\r\n flex: 1;\r\n align-items: center;\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\r\n span {\r\n font-size: 16px;\r\n }\r\n .status-box {\r\n position: relative;\r\n cursor: pointer;\r\n }\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 .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 .dot {\r\n background: #999999;\r\n }\r\n }\r\n }\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 }\r\n }\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 }\r\n }\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 }\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 }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;AA+CA,SAAAA,QAAA,EAAAC,UAAA;AACA,OAAAC,GAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACAC,QAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA,WAAAA,SAAA;QACA;MACA;IACA;IACAC,MAAA;MACAH,IAAA,EAAAI,OAAA,GAAAC,MAAA;MACAH,OAAA;IACA;EACA;EACAI,QAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,QAAA,GACA;QACAC,GAAA;QACAC,KAAA;MACA,GACA;QACAD,GAAA;QACAC,KAAA;MACA,GACA;QACAD,GAAA;QACAC,KAAA;MACA,EACA;MACAC,QAAA;MACAC,QAAA;MACAC,KAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IAAA,IAAAC,KAAA;IACAC,QAAA,CAAAC,gBAAA;MACAF,KAAA,CAAAH,QAAA;IACA;EACA;EACAM,OAAA,EAAAC,aAAA,CAAAA,aAAA,KACAxB,UAAA;IACAyB,SAAA,WAAAA,UAAAC,IAAA;MACA,KAAAV,QAAA,GAAAU,IAAA,CAAAZ,GAAA;MACA,KAAAb,GAAA,CAAA0B,KAAA,yBAAAX,QAAA;IACA;IACAY,SAAA,WAAAA,UAAA;MACA,KAAAX,QAAA,SAAAA,QAAA;IACA;IACAY,YAAA,WAAAA,aAAAxB,IAAA;MACA,KAAAsB,KAAA,cAAAtB,IAAA;MACA,KAAAY,QAAA;IACA;IACA;IACAa,QAAA,WAAAA,SAAA;MACA,IAAAC,IAAA;MACA,KAAAC,OAAA;QACAjB,KAAA;QACAkB,OAAA;QACAC,gBAAA;QACAC,gBAAA;QACAC,iBAAA;QACAC,SAAA;QACAC,kBAAA;MACA,GACAC,IAAA;QACAR,IAAA,CAAAS,UAAA;UACAC,OAAA;UACAC,EAAA,EAAAX;QACA;MACA,GACAY,KAAA;IACA;IACA;IACAC,UAAA,WAAAA,WAAAC,CAAA;MACA,KAAAlB,KAAA,WAAAkB,CAAA;IACA;IACA;IACAC,WAAA,WAAAA,YAAAD,CAAA;MACA,KAAA5C,GAAA,CAAA0B,KAAA,WAAAkB,CAAA;IACA;EAAA;AAEA","ignoreList":[]}]}
|
