{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\pc\\components\\baseHeader.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\pc\\components\\baseHeader.vue","mtime":1761185180102},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\babel.config.js","mtime":1761185179818},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\.babelrc","mtime":1761185179813},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiQzovVXNlcnMvQWRtaW5pc3RyYXRvci9EZXNrdG9wL2NybWViNS4wL3RlbXBsYXRlL2FkbWluL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9vYmplY3RTcHJlYWQyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0IHsgbWFwU3RhdGUsIG1hcEFjdGlvbnMgfSBmcm9tICd2dWV4JzsKaW1wb3J0IGJ1cyBmcm9tICdAL3V0aWxzL2J1cyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnYmFzZUhlYWRlcicsCiAgcHJvcHM6IHsKICAgIGtlZnVJbmZvOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24gX2RlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9LAogICAgb25saW5lOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4gfCBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0KICB9LAogIGNvbXB1dGVkOiB7fSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbWVudUxpc3Q6IFt7CiAgICAgICAga2V5OiAwLAogICAgICAgIHRpdGxlOiAn5a6i5oi35L+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":[]}]}