{"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\\chatList.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\kefu\\pc\\components\\chatList.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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL3dlYi5kb20tY29sbGVjdGlvbnMuZm9yLWVhY2guanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5zcGxpY2UuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5jb25jYXQuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBTb2NrZXQgfSBmcm9tICdAL2xpYnMvc29ja2V0JzsKaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgcmVjb3JkIH0gZnJvbSAnQC9hcGkva2VmdSc7CmltcG9ydCB7IEhhcHB5U2Nyb2xsIH0gZnJvbSAndnVlLWhhcHB5LXNjcm9sbCc7CmltcG9ydCBlbXB0eSBmcm9tICcuLi8uLi9jb21wb25lbnRzL2VtcHR5JzsKaW1wb3J0IHsgZm9yRWFjaCB9IGZyb20gJy4uLy4uLy4uLy4uL2xpYnMvdG9vbHMnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2NoYXRMaXN0JywKICBwcm9wczogewogICAgdXNlck9ubGluZTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiB7fTsKICAgICAgfQogICAgfSwKICAgIG5ld1JlY29yZWQ6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiBfZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0sCiAgICBzZWFyY2hEYXRhOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJycKICAgIH0KICB9LAogIGNvbXBvbmVudHM6IHsKICAgIEhhcHB5U2Nyb2xsOiBIYXBweVNjcm9sbCwKICAgIGVtcHR5OiBlbXB0eQogIH0sCiAgd2F0Y2g6IHsKICAgIHVzZXJPbmxpbmU6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgICAgaWYgKG5WYWwuaGFzT3duUHJvcGVydHkoJ3RvX3VpZCcpKSB7CiAgICAgICAgICB0aGlzLnVzZXJMaXN0LmZvckVhY2goZnVuY3Rpb24gKGVsLCBpbmRleCkgewogICAgICAgICAgICBpZiAoZWwudG9fdWlkID09IG5WYWwudG9fdWlkKSB7CiAgICAgICAgICAgICAgZWwub25saW5lID0gblZhbC5vbmxpbmU7CgogICAgICAgICAgICAgIGlmIChuVmFsLm9ubGluZSA9PSAxKSB7CiAgICAgICAgICAgICAgICBfdGhpcy4kTm90aWNlLmluZm8oewogICAgICAgICAgICAgICAgICB0aXRsZTogJ+S4iue6v+mAmuefpScsCiAgICAgICAgICAgICAgICAgIGRlc2M6ICIiLmNvbmNhdChlbC5uaWNrbmFtZSwgIlx1NEUwQVx1N0VCRiIpCiAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIHNlYXJjaERhdGE6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgaWYgKG5WYWwgIT0gb1ZhbCkgewogICAgICAgICAgdGhpcy5uaWNrbmFtZSA9IG5WYWw7CiAgICAgICAgICB0aGlzLnBhZ2UgPSAxOwogICAgICAgICAgdGhpcy5pc1Njcm9sbCA9IHRydWU7CiAgICAgICAgICB0aGlzLnVzZXJMaXN0ID0gW107CiAgICAgICAgICB0aGlzLmlzU2VhcmNoID0gdHJ1ZTsKICAgICAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgICAgIH0KICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGhkVGFiQ3VyOiAwLAogICAgICBoZFRhYjogW3sKICAgICAgICBrZXk6IDAsCiAgICAgICAgdGl0bGU6ICfnlKjmiLfliJfooagnCiAgICAgIH0sIHsKICAgICAgICBrZXk6IDEsCiAgICAgICAgdGl0bGU6ICfmuLjlrqLliJfooagnCiAgICAgIH1dLAogICAgICB1c2VyTGlzdDogW10sCiAgICAgIGN1cklkOiAnJywKICAgICAgcGFnZTogMSwKICAgICAgbGltaXQ6IDE1LAogICAgICBpc1Njcm9sbDogdHJ1ZSwKICAgICAgbmlja25hbWU6ICcnLAogICAgICBpc1NlYXJjaDogZmFsc2UsCiAgICAgIG9wczogewogICAgICAgIHZ1ZXNjcm9sbDogewogICAgICAgICAgbW9kZTogJ25hdGl2ZScsCiAgICAgICAgICBlbmFibGU6IGZhbHNlLAogICAgICAgICAgdGlwczogewogICAgICAgICAgICBkZWFjdGl2ZTogJ1B1c2ggdG8gTG9hZCcsCiAgICAgICAgICAgIGFjdGl2ZTogJ1JlbGVhc2UgdG8gTG9hZCcsCiAgICAgICAgICAgIHN0YXJ0OiAnTG9hZGluZy4uLicsCiAgICAgICAgICAgIGJlZm9yZURlYWN0aXZlOiAnTG9hZCBTdWNjZXNzZnVsbHkhJwogICAgICAgICAgfSwKICAgICAgICAgIGF1dG86IGZhbHNlLAogICAgICAgICAgYXV0b0xvYWREaXN0YW5jZTogMCwKICAgICAgICAgIHB1bGxSZWZyZXNoOiB7CiAgICAgICAgICAgIGVuYWJsZTogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBwdXNoTG9hZDogewogICAgICAgICAgICBlbmFibGU6IHRydWUsCiAgICAgICAgICAgIGF1dG86IHRydWUsCiAgICAgICAgICAgIGF1dG9Mb2FkRGlzdGFuY2U6IDEwCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBiYXI6IHsKICAgICAgICAgIGJhY2tncm91bmQ6ICcjMzkzMjMyJywKICAgICAgICAgIG9wYWNpdHk6ICcuNScsCiAgICAgICAgICBzaXplOiAnNXB4JwogICAgICAgIH0KICAgICAgfQogICAgfTsKICB9LAogIGZpbHRlcnM6IHsKICAgIHRvRGF5OiBmdW5jdGlvbiB0b0RheSh2YWx1ZSkgewogICAgICBpZiAoIXZhbHVlKSByZXR1cm4gJyc7CiAgICAgIHJldHVybiBkYXlqcy51bml4KHZhbHVlKS5mb3JtYXQoJ03mnIhE5pelIEhIOm1tJyk7CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgdmFyIHRoYXQgPSB0aGlzOwogICAgU29ja2V0LnRoZW4oZnVuY3Rpb24gKHdzKSB7CiAgICAgIC8v55So5oi36L2s5o6lCiAgICAgIHdzLiRvbigndHJhbnNmZXInLCBmdW5jdGlvbiAoZGF0YSkgewogICAgICAgIHZhciBzdGF0dXMgPSBmYWxzZTsKICAgICAgICB0aGF0LnVzZXJMaXN0LmZvckVhY2goZnVuY3Rpb24gKGVsLCBpbmRleCwgYXJyKSB7CiAgICAgICAgICBpZiAoZGF0YS5yZWNvcmVkLmlkID09IGVsLmlkKSB7CiAgICAgICAgICAgIHN0YXR1cyA9IHRydWU7CgogICAgICAgICAgICBpZiAoZGF0YS5yZWNvcmVkLmlzX3RvdXJpc3QgPT0gdGhhdC5oZFRhYkN1cikgewogICAgICAgICAgICAgIHZhciBvbGRWYWwgPSBkYXRhLnJlY29yZWQ7CiAgICAgICAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7CgogICAgICAgICAgICAgIGlmIChpbmRleCA9PSAwKSB7CiAgICAgICAgICAgICAgICBfdGhpczIuJGVtaXQoJ3NldERhdGFJZCcsIG9sZFZhbCk7CgogICAgICAgICAgICAgICAgb2xkVmFsLm1zc2FnZV9udW0gPSAwOwogICAgICAgICAgICAgIH0KCiAgICAgICAgICAgICAgYXJyLnVuc2hpZnQob2xkVmFsKTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgX3RoaXMyLiROb3RpY2UuaW5mbyh7CiAgICAgICAgICAgICAgdGl0bGU6ICfmgqjmnInkuIDmnaHovazmjqXmtojmga/vvIEnCiAgICAgICAgICAgIH0pOwogICAgICAgICAgfQogICAgICAgIH0pOwoKICAgICAgICBpZiAoIXN0YXR1cykgewogICAgICAgICAgaWYgKGRhdGEucmVjb3JlZC5pc190b3VyaXN0ID09IF90aGlzMi5oZFRhYkN1cikgX3RoaXMyLnVzZXJMaXN0LnVuc2hpZnQoZGF0YS5yZWNvcmVkKTsKICAgICAgICB9CiAgICAgIH0pOwogICAgICB3cy4kb24oJ21zc2FnZV9udW0nLCBmdW5jdGlvbiAoZGF0YSkgewogICAgICAgIGlmIChkYXRhLnJlY29yZWQuaWQpIHsKICAgICAgICAgIHZhciBzdGF0dXMgPSBmYWxzZTsKICAgICAgICAgIHRoYXQudXNlckxpc3QuZm9yRWFjaChmdW5jdGlvbiAoZWwsIGluZGV4LCBhcnIpIHsKICAgICAgICAgICAgaWYgKGRhdGEucmVjb3JlZC5pZCA9PSBlbC5pZCkgewogICAgICAgICAgICAgIHN0YXR1cyA9IHRydWU7CgogICAgICAgICAgICAgIGlmIChkYXRhLnJlY29yZWQuaXNfdG91cmlzdCA9PSB0aGF0LmhkVGFiQ3VyKSB7CiAgICAgICAgICAgICAgICB2YXIgb2xkVmFsID0gZGF0YS5yZWNvcmVkOwogICAgICAgICAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgICAgICAgICBhcnIudW5zaGlmdChvbGRWYWwpOwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgfSk7CgogICAgICAgICAgaWYgKCFzdGF0dXMpIHsKICAgICAgICAgICAgaWYgKGRhdGEucmVjb3JlZC5pc190b3VyaXN0ID09IF90aGlzMi5oZFRhYkN1cikgX3RoaXMyLnVzZXJMaXN0LnVuc2hpZnQoZGF0YS5yZWNvcmVkKTsKICAgICAgICAgIH0KICAgICAgICB9CgogICAgICAgIGlmIChkYXRhLnJlY29yZWQuaXNfdG91cmlzdCAhPSBfdGhpczIuaGRUYWJDdXIgJiYgZGF0YS5yZWNvcmVkLmlkKSB7CiAgICAgICAgICBfdGhpczIuJE5vdGljZS5pbmZvKHsKICAgICAgICAgICAgdGl0bGU6IF90aGlzMi5oZFRhYkN1ciA/ICfnlKjmiLflj5HmnaXmtojmga/llabvvIEnIDogJ+a4uOWuouWPkeadpea2iOaBr+WVpu+8gScKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9KTsKICAgIHRoaXMuYnVzLiRvbignY2hhbmdlJywgZnVuY3Rpb24gKGRhdGEpIHsKICAgICAgX3RoaXMyLm5pY2tuYW1lID0gZGF0YTsKICAgIH0pOwogICAgdGhpcy5nZXRMaXN0KCk7CiAgfSwKICBtZXRob2RzOiB7CiAgICAvL+WIh+aNogogICAgY2hhbmdlVGFiOiBmdW5jdGlvbiBjaGFuZ2VUYWIoaXRlbSkgewogICAgICBpZiAodGhpcy5oZFRhYkN1ciA9PSBpdGVtLmtleSkgcmV0dXJuOwogICAgICB0aGlzLmhkVGFiQ3VyID0gaXRlbS5rZXk7CiAgICAgIHRoaXMuaXNTY3JvbGwgPSB0cnVlOwogICAgICB0aGlzLnBhZ2UgPSAxOwogICAgICB0aGlzLnVzZXJMaXN0ID0gW107CiAgICAgIHRoaXMuJGVtaXQoJ2NoYW5nZVR5cGUnLCBpdGVtLmtleSk7CiAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgfSwKICAgIGdldExpc3Q6IGZ1bmN0aW9uIGdldExpc3QoKSB7CiAgICAgIHZhciBfdGhpczMgPSB0aGlzOwoKICAgICAgaWYgKCF0aGlzLmlzU2Nyb2xsKSByZXR1cm47CiAgICAgIHJlY29yZCh7CiAgICAgICAgbmlja25hbWU6IHRoaXMubmlja25hbWUsCiAgICAgICAgcGFnZTogdGhpcy5wYWdlLAogICAgICAgIGxpbWl0OiB0aGlzLmxpbWl0LAogICAgICAgIGlzX3RvdXJpc3Q6IHRoaXMuaGRUYWJDdXIKICAgICAgfSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5kYXRhLmxlbmd0aCA+IDApIHsKICAgICAgICAgIHJlcy5kYXRhWzBdLm1zc2FnZV9udW0gPSAwOwogICAgICAgICAgX3RoaXMzLmlzU2Nyb2xsID0gcmVzLmRhdGEubGVuZ3RoID49IF90aGlzMy5saW1pdDsKICAgICAgICAgIF90aGlzMy51c2VyTGlzdCA9IF90aGlzMy51c2VyTGlzdC5jb25jYXQocmVzLmRhdGEpOwoKICAgICAgICAgIGlmIChfdGhpczMucGFnZSA9PSAxICYmIHJlcy5kYXRhLmxlbmd0aCA+IDAgJiYgIV90aGlzMy5pc1NlYXJjaCkgewogICAgICAgICAgICBfdGhpczMuY3VySWQgPSByZXMuZGF0YVswXS5pZDsKCiAgICAgICAgICAgIF90aGlzMy4kZW1pdCgnc2V0RGF0YUlkJywgcmVzLmRhdGFbMF0pOwogICAgICAgICAgfQoKICAgICAgICAgIF90aGlzMy5wYWdlKys7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIF90aGlzMy4kZW1pdCgnc2V0RGF0YUlkJywgMCk7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBjaGFydFJlYWNoQm90dG9tOiBmdW5jdGlvbiBjaGFydFJlYWNoQm90dG9tKCkgewogICAgICB0aGlzLmdldExpc3QoKTsKICAgIH0sCiAgICAvLyDpgInmi6nnlKjmiLcKICAgIHNlbGVjdFVzZXI6IGZ1bmN0aW9uIHNlbGVjdFVzZXIoaXRlbSkgewogICAgICBpZiAodGhpcy5jdXJJZCA9PSBpdGVtLmlkKSByZXR1cm47CiAgICAgIGl0ZW0ubXNzYWdlX251bSA9IDA7CiAgICAgIHRoaXMuY3VySWQgPSBpdGVtLmlkOwogICAgICB0aGlzLiRlbWl0KCdzZXREYXRhSWQnLCBpdGVtKTsKICAgIH0sCiAgICBoYW5kbGVTY3JvbGw6IGZ1bmN0aW9uIGhhbmRsZVNjcm9sbCh2ZXJ0aWNhbCwgaG9yaXpvbnRhbCwgbmF0aXZlRXZlbnQpIHsKICAgICAgaWYgKHZlcnRpY2FsLnByb2Nlc3MgPT0gMSkgewogICAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgICB9CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;AACA;AACA;AACA;AACA;AACA;EACAA,gBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA,CADA;IAOAC;MACAF,YADA;MAEAC;QACA;MACA;IAJA,CAPA;IAaAE;MACAH,YADA;MAEAC;IAFA;EAbA,CAFA;EAoBAG;IACAC,wBADA;IAEAC;EAFA,CApBA;EAwBAC;IACAR;MACAS,OADA,mBACAC,IADA,EACAC,IADA,EACA;QAAA;;QACA;UACA;YACA;cACAC;;cACA;gBACA;kBACAC,aADA;kBAEAC;gBAFA;cAIA;YACA;UACA,CAVA;QAWA;MACA,CAfA;MAgBAC;IAhBA,CADA;IAmBAX;MACAK,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;UACA;UACA;UACA;UACA;UACA;UACA;QACA;MACA,CAVA;MAWAI;IAXA;EAnBA,CAxBA;EAyDAC,IAzDA,kBAyDA;IACA;MACAC,WADA;MAEAC,QACA;QACAC,MADA;QAEAN;MAFA,CADA,EAKA;QACAM,MADA;QAEAN;MAFA,CALA,CAFA;MAYAO,YAZA;MAaAC,SAbA;MAcAC,OAdA;MAeAC,SAfA;MAgBAC,cAhBA;MAiBAC,YAjBA;MAkBAC,eAlBA;MAmBAC;QACAC;UACAC,cADA;UAEAC,aAFA;UAGAC;YACAC,wBADA;YAEAC,yBAFA;YAGAC,mBAHA;YAIAC;UAJA,CAHA;UASAC,WATA;UAUAC,mBAVA;UAWAC;YACAR;UADA,CAXA;UAcAS;YACAT,YADA;YAEAM,UAFA;YAGAC;UAHA;QAdA,CADA;QAqBAG;UACAC,qBADA;UAEAC,aAFA;UAGAC;QAHA;MArBA;IAnBA;EA+CA,CAzGA;EA0GAC;IACAC;MACA;MACA;IACA;EAJA,CA1GA;EAgHAC,OAhHA,qBAgHA;IAAA;;IACA;IACAC;MACA;MACAC;QACA;QACAC;UACA;YACAC;;YACA;cACA;cACAC;;cAEA;gBACA;;gBACAC;cACA;;cACAD;YACA;;YACA;cACAtC;YADA;UAGA;QACA,CAjBA;;QAkBA;UACA;QACA;MACA,CAvBA;MAwBAmC;QACA;UACA;UACAC;YACA;cACAC;;cACA;gBACA;gBACAC;gBACAA;cACA;YACA;UACA,CATA;;UAUA;YACA;UACA;QACA;;QACA;UACA;YACAtC;UADA;QAGA;MACA,CAtBA;IAuBA,CAjDA;IAkDA;MACA;IACA,CAFA;IAGA;EACA,CAxKA;EAyKAwC;IACA;IACAC,SAFA,qBAEAC,IAFA,EAEA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CAVA;IAWAC,OAXA,qBAWA;MAAA;;MACA;MACAC;QACAhC,uBADA;QAEAH,eAFA;QAGAC,iBAHA;QAIAmC;MAJA,GAKAC,IALA,CAKA;QACA;UACAC;UACA;UAEA;;UAEA;YACA;;YACA;UACA;;UACA;QACA,CAXA,MAWA;UACA;QACA;MACA,CApBA;IAqBA,CAlCA;IAmCAC,gBAnCA,8BAmCA;MACA;IACA,CArCA;IAsCA;IACAC,UAvCA,sBAuCAP,IAvCA,EAuCA;MACA;MACAA;MACA;MACA;IACA,CA5CA;IA6CAQ,YA7CA,wBA6CAC,QA7CA,EA6CAC,UA7CA,EA6CAC,WA7CA,EA6CA;MACA;QACA;MACA;IACA;EAjDA;AAzKA","names":["name","props","userOnline","type","default","newRecored","searchData","components","HappyScroll","empty","watch","handler","nVal","oVal","el","title","desc","deep","data","hdTabCur","hdTab","key","userList","curId","page","limit","isScroll","nickname","isSearch","ops","vuescroll","mode","enable","tips","deactive","active","start","beforeDeactive","auto","autoLoadDistance","pullRefresh","pushLoad","bar","background","opacity","size","filters","toDay","mounted","Socket","ws","that","status","arr","oldVal","methods","changeTab","item","getList","record","is_tourist","then","res","chartReachBottom","selectUser","handleScroll","vertical","horizontal","nativeEvent"],"sourceRoot":"src/pages/kefu/pc/components","sources":["chatList.vue"],"sourcesContent":["<template>\r\n  <div class=\"chatList\">\r\n    <div class=\"tab-head\">\r\n      <div\r\n        class=\"item\"\r\n        :class=\"{ active: item.key == hdTabCur }\"\r\n        v-for=\"(item, index) in hdTab\"\r\n        :key=\"index\"\r\n        @click=\"changeTab(item)\"\r\n      >\r\n        {{ item.title }}\r\n      </div>\r\n    </div>\r\n    <div class=\"scroll-box\">\r\n      <vue-scroll :ops=\"ops\" @handle-scroll=\"handleScroll\" v-if=\"userList.length > 0\">\r\n        <div\r\n          class=\"chat-item\"\r\n          v-for=\"(item, index) in userList\"\r\n          :key=\"index\"\r\n          :class=\"{ active: curId == item.id }\"\r\n          @click=\"selectUser(item)\"\r\n        >\r\n          <div class=\"avatar\">\r\n            <img v-lazy=\"item.avatar\" alt=\"\" />\r\n            <div class=\"status\" :class=\"{ off: item.online == 0 }\"></div>\r\n          </div>\r\n          <div class=\"user-info\">\r\n            <div class=\"hd\">\r\n              <span class=\"name line1\">{{ item.nickname }}</span>\r\n              <template v-if=\"item.type == 2\">\r\n                <span class=\"label\">小程序</span>\r\n              </template>\r\n              <template v-if=\"item.type == 3\">\r\n                <span class=\"label H5\">H5</span>\r\n              </template>\r\n              <template v-if=\"item.type == 1\">\r\n                <span class=\"label wechat\">公众号</span>\r\n              </template>\r\n              <template v-if=\"item.type == 0\">\r\n                <span class=\"label pc\">PC端</span>\r\n              </template>\r\n            </div>\r\n            <div class=\"bd line1\">\r\n              <template v-if=\"item.message_type <= 2\">{{ item.message }}</template>\r\n              <template v-if=\"item.message_type == 3\">[图片]</template>\r\n              <template v-if=\"item.message_type == 5\">[商品]</template>\r\n              <template v-if=\"item.message_type == 6\">[订单]</template>\r\n            </div>\r\n          </div>\r\n          <div class=\"right-box\">\r\n            <div class=\"time\">{{ item.update_time | toDay }}</div>\r\n            <div class=\"num\">\r\n              <Badge :count=\"item.mssage_num\">\r\n                <a href=\"#\" class=\"demo-badge\"></a>\r\n              </Badge>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </vue-scroll>\r\n      <empty v-else msg=\"暂无用户列表\" status=\"1\"></empty>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Socket } from '@/libs/socket';\r\nimport dayjs from 'dayjs';\r\nimport { record } from '@/api/kefu';\r\nimport { HappyScroll } from 'vue-happy-scroll';\r\nimport empty from '../../components/empty';\r\nimport { forEach } from '../../../../libs/tools';\r\nexport default {\r\n  name: 'chatList',\r\n  props: {\r\n    userOnline: {\r\n      type: Object,\r\n      default: function () {\r\n        return {};\r\n      },\r\n    },\r\n    newRecored: {\r\n      type: Object,\r\n      default: function () {\r\n        return {};\r\n      },\r\n    },\r\n    searchData: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  components: {\r\n    HappyScroll,\r\n    empty,\r\n  },\r\n  watch: {\r\n    userOnline: {\r\n      handler(nVal, oVal) {\r\n        if (nVal.hasOwnProperty('to_uid')) {\r\n          this.userList.forEach((el, index) => {\r\n            if (el.to_uid == nVal.to_uid) {\r\n              el.online = nVal.online;\r\n              if (nVal.online == 1) {\r\n                this.$Notice.info({\r\n                  title: '上线通知',\r\n                  desc: `${el.nickname}上线`,\r\n                });\r\n              }\r\n            }\r\n          });\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n    searchData: {\r\n      handler(nVal, oVal) {\r\n        if (nVal != oVal) {\r\n          this.nickname = nVal;\r\n          this.page = 1;\r\n          this.isScroll = true;\r\n          this.userList = [];\r\n          this.isSearch = true;\r\n          this.getList();\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      hdTabCur: 0,\r\n      hdTab: [\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      userList: [],\r\n      curId: '',\r\n      page: 1,\r\n      limit: 15,\r\n      isScroll: true,\r\n      nickname: '',\r\n      isSearch: false,\r\n      ops: {\r\n        vuescroll: {\r\n          mode: 'native',\r\n          enable: false,\r\n          tips: {\r\n            deactive: 'Push to Load',\r\n            active: 'Release to Load',\r\n            start: 'Loading...',\r\n            beforeDeactive: 'Load Successfully!',\r\n          },\r\n          auto: false,\r\n          autoLoadDistance: 0,\r\n          pullRefresh: {\r\n            enable: false,\r\n          },\r\n          pushLoad: {\r\n            enable: true,\r\n            auto: true,\r\n            autoLoadDistance: 10,\r\n          },\r\n        },\r\n        bar: {\r\n          background: '#393232',\r\n          opacity: '.5',\r\n          size: '5px',\r\n        },\r\n      },\r\n    };\r\n  },\r\n  filters: {\r\n    toDay: function (value) {\r\n      if (!value) return '';\r\n      return dayjs.unix(value).format('M月D日 HH:mm');\r\n    },\r\n  },\r\n  mounted() {\r\n    let that = this;\r\n    Socket.then((ws) => {\r\n      //用户转接\r\n      ws.$on('transfer', (data) => {\r\n        let status = false;\r\n        that.userList.forEach((el, index, arr) => {\r\n          if (data.recored.id == el.id) {\r\n            status = true;\r\n            if (data.recored.is_tourist == that.hdTabCur) {\r\n              let oldVal = data.recored;\r\n              arr.splice(index, 1);\r\n\r\n              if (index == 0) {\r\n                this.$emit('setDataId', oldVal);\r\n                oldVal.mssage_num = 0;\r\n              }\r\n              arr.unshift(oldVal);\r\n            }\r\n            this.$Notice.info({\r\n              title: '您有一条转接消息！',\r\n            });\r\n          }\r\n        });\r\n        if (!status) {\r\n          if (data.recored.is_tourist == this.hdTabCur) this.userList.unshift(data.recored);\r\n        }\r\n      });\r\n      ws.$on('mssage_num', (data) => {\r\n        if (data.recored.id) {\r\n          let status = false;\r\n          that.userList.forEach((el, index, arr) => {\r\n            if (data.recored.id == el.id) {\r\n              status = true;\r\n              if (data.recored.is_tourist == that.hdTabCur) {\r\n                let oldVal = data.recored;\r\n                arr.splice(index, 1);\r\n                arr.unshift(oldVal);\r\n              }\r\n            }\r\n          });\r\n          if (!status) {\r\n            if (data.recored.is_tourist == this.hdTabCur) this.userList.unshift(data.recored);\r\n          }\r\n        }\r\n        if (data.recored.is_tourist != this.hdTabCur && data.recored.id) {\r\n          this.$Notice.info({\r\n            title: this.hdTabCur ? '用户发来消息啦！' : '游客发来消息啦！',\r\n          });\r\n        }\r\n      });\r\n    });\r\n    this.bus.$on('change', (data) => {\r\n      this.nickname = data;\r\n    });\r\n    this.getList();\r\n  },\r\n  methods: {\r\n    //切换\r\n    changeTab(item) {\r\n      if (this.hdTabCur == item.key) return;\r\n      this.hdTabCur = item.key;\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.userList = [];\r\n      this.$emit('changeType', item.key);\r\n      this.getList();\r\n    },\r\n    getList() {\r\n      if (!this.isScroll) return;\r\n      record({\r\n        nickname: this.nickname,\r\n        page: this.page,\r\n        limit: this.limit,\r\n        is_tourist: this.hdTabCur,\r\n      }).then((res) => {\r\n        if (res.data.length > 0) {\r\n          res.data[0].mssage_num = 0;\r\n          this.isScroll = res.data.length >= this.limit;\r\n\r\n          this.userList = this.userList.concat(res.data);\r\n\r\n          if (this.page == 1 && res.data.length > 0 && !this.isSearch) {\r\n            this.curId = res.data[0].id;\r\n            this.$emit('setDataId', res.data[0]);\r\n          }\r\n          this.page++;\r\n        } else {\r\n          this.$emit('setDataId', 0);\r\n        }\r\n      });\r\n    },\r\n    chartReachBottom() {\r\n      this.getList();\r\n    },\r\n    // 选择用户\r\n    selectUser(item) {\r\n      if (this.curId == item.id) return;\r\n      item.mssage_num = 0;\r\n      this.curId = item.id;\r\n      this.$emit('setDataId', item);\r\n    },\r\n    handleScroll(vertical, horizontal, nativeEvent) {\r\n      if (vertical.process == 1) {\r\n        this.getList();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n.chatList\r\n    display flex\r\n    flex-direction column\r\n    width 320px\r\n    height 742px\r\n    border-right 1px solid #ECECEC\r\n    .tab-head\r\n        display flex\r\n        align-items center\r\n        justify-content space-between\r\n        height 50px\r\n        flex-shrink 0\r\n        padding 0 52px\r\n        font-size 14px\r\n        color #000000\r\n        .item\r\n            position relative\r\n            cursor pointer\r\n            &:after\r\n                display none\r\n                content ' '\r\n                position absolute\r\n                left 50%\r\n                bottom -15px\r\n                transform translateX(-50%)\r\n                height 2px\r\n                width 100%\r\n                background #1890FF\r\n            &.active\r\n                color #1890FF\r\n                &:after\r\n                    display block\r\n\r\n    .scroll-box\r\n        flex 1\r\n        height 500px\r\n        overflow hidden\r\n    .chat-item\r\n        display flex\r\n        align-items center\r\n        justify-content space-between\r\n        padding 12px 10px\r\n        height 74px\r\n        box-sizing border-box\r\n        border-left 3px solid transparent\r\n        cursor pointer\r\n        &.active\r\n            background #EFF0F1\r\n            border-left 3px solid #1890FF\r\n        .avatar\r\n            position relative\r\n            width 40px\r\n            height 40px\r\n            img\r\n                display block\r\n                width 100%\r\n                height 100%\r\n                border-radius 50%\r\n            .status\r\n                position absolute\r\n                right 3px\r\n                bottom 0\r\n                width 8px\r\n                height 8px\r\n                background #48D452\r\n                border 1px solid #fff\r\n                border-radius 50%\r\n                &.off\r\n                    background #999999\r\n        .user-info\r\n            width 155px\r\n            margin-left 12px\r\n            margin-top: 5px;\r\n            font-size 16px\r\n            .hd\r\n                display flex\r\n                align-items center\r\n                color: rgba(0, 0, 0, 0.65);\r\n                .name\r\n                    max-width 67%\r\n                .label\r\n                    margin-left 5px\r\n                    color #3875EA\r\n                    font-size 12px\r\n                    background #D8E5FF\r\n                    border-radius 2px\r\n                    padding 1px 5px\r\n                    &.H5\r\n                        background #FAF1D0\r\n                        color #DC9A04\r\n                    &.wechat\r\n                        background: rgba(64, 194, 73, 0.16);\r\n                        color #40C249\r\n                    &.pc\r\n                        background: rgba(100, 64, 194, 0.16);;\r\n                        color #6440C2\r\n            .bd\r\n                margin-top 3px\r\n                font-size 12px\r\n                color #8E959E\r\n        .right-box\r\n            position relative\r\n            flex 1\r\n            display flex\r\n            flex-direction column\r\n            align-items flex-end\r\n            color #8E959E\r\n            .num\r\n                margin-right 12px\r\n.chart-scroll\r\n    margin-top -10px\r\n</style>\r\n"]}]}