{"remainingRequest":"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\\mobile\\chat_list.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\mobile\\chat_list.vue","mtime":1761185180098},{"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:DQppbXBvcnQgdXRpbCBmcm9tICdAL2xpYnMvdXRpbCc7DQppbXBvcnQgeyBTb2NrZXQgfSBmcm9tICdAL2xpYnMvc29ja2V0JzsNCmltcG9ydCB7IHJlY29yZCB9IGZyb20gJ0AvYXBpL2tlZnUuanMnOw0KaW1wb3J0IHsgc2VydmljZUluZm8gfSBmcm9tICdAL2FwaS9rZWZ1X21vYmlsZSc7DQppbXBvcnQgeyBIYXBweVNjcm9sbCB9IGZyb20gJ3Z1ZS1oYXBweS1zY3JvbGwnOw0KaW1wb3J0IHsgbWFwU3RhdGUsIG1hcEFjdGlvbnMgfSBmcm9tICd2dWV4JzsNCmltcG9ydCB7IGdldENvb2tpZXMgfSBmcm9tICdAL2xpYnMvdXRpbCc7DQppbXBvcnQgZW1wdHkgZnJvbSAnLi4vY29tcG9uZW50cy9lbXB0eSc7DQp2YXIgbXAzID0gcmVxdWlyZSgnQC9hc3NldHMvdmlkZW8vbm90aWNlLm1wMycpOw0KdmFyIG1wMyA9IG5ldyBBdWRpbyhtcDMpOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnY2hhdF9saXN0LnZ1ZScsDQogIGNvbXBvbmVudHM6IHsNCiAgICBIYXBweVNjcm9sbCwNCiAgICBlbXB0eSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgb3BzOiB7DQogICAgICAgIHZ1ZXNjcm9sbDogew0KICAgICAgICAgIG1vZGU6ICdzbGlkZScsDQogICAgICAgICAgZW5hYmxlOiBmYWxzZSwNCiAgICAgICAgICB0aXBzOiB7DQogICAgICAgICAgICBkZWFjdGl2ZTogJ1B1c2ggdG8gTG9hZCcsDQogICAgICAgICAgICBhY3RpdmU6ICdSZWxlYXNlIHRvIExvYWQnLA0KICAgICAgICAgICAgc3RhcnQ6ICdMb2FkaW5nLi4uJywNCiAgICAgICAgICAgIGJlZm9yZURlYWN0aXZlOiAnTG9hZCBTdWNjZXNzZnVsbHkhJywNCiAgICAgICAgICB9LA0KICAgICAgICAgIGF1dG86IGZhbHNlLA0KICAgICAgICAgIGF1dG9Mb2FkRGlzdGFuY2U6IDAsDQogICAgICAgICAgcHVsbFJlZnJlc2g6IHsNCiAgICAgICAgICAgIGVuYWJsZTogZmFsc2UsDQogICAgICAgICAgfSwNCiAgICAgICAgICBwdXNoTG9hZDogew0KICAgICAgICAgICAgZW5hYmxlOiB0cnVlLA0KICAgICAgICAgICAgYXV0bzogdHJ1ZSwNCiAgICAgICAgICAgIGF1dG9Mb2FkRGlzdGFuY2U6IDEwLA0KICAgICAgICAgIH0sDQogICAgICAgIH0sDQogICAgICAgIGJhcjogew0KICAgICAgICAgIGJhY2tncm91bmQ6ICcjMzkzMjMyJywNCiAgICAgICAgICBvcGFjaXR5OiAnLjUnLA0KICAgICAgICAgIHNpemU6ICcycHgnLA0KICAgICAgICB9LA0KICAgICAgfSwNCiAgICAgIGxpc3Q6IFtdLA0KICAgICAgcGFnZTogMSwNCiAgICAgIGxpbWl0OiAxNSwNCiAgICAgIGlzU2Nyb2xsOiB0cnVlLA0KICAgICAgc2VhcmNoVHh0OiAnJywNCiAgICAgIGlzT3BlbjogdHJ1ZSwNCiAgICAgIGtlZnVJbmZvOiB7fSwNCiAgICAgIGlzT25MaW5lOiBmYWxzZSwNCiAgICAgIHRhYkN1cjogMCwNCiAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgew0KICAgICAgICAgIGtleTogMCwNCiAgICAgICAgICB0aXRsZTogJ+eUqOaIt+WIl+ihqCcsDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgd3NMb2dpbjogSlNPTi5wYXJzZShzZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCd3c0xvZ2luJykpLA0KICAgIH07DQogIH0sDQogIGZpbHRlcnM6IHsNCiAgICB0b0RheTogZnVuY3Rpb24gKHZhbHVlKSB7DQogICAgICBpZiAoIXZhbHVlKSByZXR1cm4gJyc7DQogICAgICB2YXIgZGF0ZSA9IG5ldyBEYXRlKCk7IC8v5pe26Ze05oiz5Li6MTDkvY3pnIAqMTAwMO+8jOaXtumXtOaIs+S4ujEz5L2N55qE6K+d5LiN6ZyA5LmYMTAwMA0KICAgICAgdmFyIFkgPSBkYXRlLmdldEZ1bGxZZWFyKCkgKyAnLSc7DQogICAgICB2YXIgTSA9IChkYXRlLmdldE1vbnRoKCkgKyAxIDwgMTAgPyAnMCcgKyAoZGF0ZS5nZXRNb250aCgpICsgMSkgOiBkYXRlLmdldE1vbnRoKCkgKyAxKSArICctJzsNCiAgICAgIHZhciBEID0gKGRhdGUuZ2V0RGF0ZSgpIDwgMTAgPyAnMCcgKyBkYXRlLmdldERhdGUoKSA6IGRhdGUuZ2V0RGF0ZSgpKSArICcgJzsNCiAgICAgIHZhciBoID0gKGRhdGUuZ2V0SG91cnMoKSA8IDEwID8gJzAnICsgZGF0ZS5nZXRIb3VycygpIDogZGF0ZS5nZXRIb3VycygpKSArICc6JzsNCiAgICAgIHZhciBtID0gZGF0ZS5nZXRNaW51dGVzKCkgPCAxMCA/ICcwJyArIGRhdGUuZ2V0TWludXRlcygpIDogZGF0ZS5nZXRNaW51dGVzKCk7DQogICAgICB2YXIgcyA9IGRhdGUuZ2V0U2Vjb25kcygpIDwgMTAgPyAnMCcgKyBkYXRlLmdldFNlY29uZHMoKSA6IGRhdGUuZ2V0U2Vjb25kcygpOw0KDQogICAgICB2YWx1ZSA9IE0gKyBEICsgaCArIG07DQogICAgICByZXR1cm4gdmFsdWU7DQogICAgfSwNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICBQcm9taXNlLmFsbChbdGhpcy5nZXRLZWZ1SW5mbygpLCB0aGlzLmdldExpc3QoKV0pOw0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIGxldCB0aGF0ID0gdGhpczsNCiAgICAvLyDnm5HlkKzpobXpnaLliLfmlrANCiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignYmVmb3JldW5sb2FkJywgKGUpID0+IHsNCiAgICAgIHNlc3Npb25TdG9yYWdlLnNldEl0ZW0oJ3dzTG9naW4nLCBmYWxzZSk7DQogICAgfSk7DQogICAgLy8g6I635Y+W5piv5ZCm55m75b2V55qEa2V5DQogICAgdGhpcy53c0xvZ2luID0gSlNPTi5wYXJzZShzZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCd3c0xvZ2luJykpOw0KICAgIGxldCB0b2tlbiA9IGdldENvb2tpZXMoJ2tlZnVfdG9rZW4nKTsNCiAgICBTb2NrZXQudGhlbigod3MpID0+IHsNCiAgICAgIGlmICghdGhhdC53c0xvZ2luICYmIHRva2VuKSB7DQogICAgICAgIHdzLnNlbmQoew0KICAgICAgICAgIHR5cGU6ICdrZWZ1X2xvZ2luJywNCiAgICAgICAgICBkYXRhOiBnZXRDb29raWVzKCdrZWZ1X3Rva2VuJyksDQogICAgICAgIH0pOw0KICAgICAgfQ0KICAgICAgLy/nlKjmiLfmnKror7vmtojmga/mnaHmlbDmm7TmlLkNCiAgICAgIHdzLiRvbigndHJhbnNmZXInLCAoZGF0YSkgPT4gew0KICAgICAgICBpZiAoZGF0YS5yZWNvcmVkLmlkKSB7DQogICAgICAgICAgbGV0IHN0YXR1cyA9IGZhbHNlOw0KICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5saXN0Lmxlbmd0aDsgaSsrKSB7DQogICAgICAgICAgICBpZiAoZGF0YS5yZWNvcmVkLmlkID09IHRoaXMubGlzdFtpXS5pZCkgew0KICAgICAgICAgICAgICBzdGF0dXMgPSB0cnVlOw0KICAgICAgICAgICAgICB0aGlzLiRzZXQodGhpcy5saXN0LCBpLCBkYXRhLnJlY29yZWQpOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgICBpZiAoIXN0YXR1cykgew0KICAgICAgICAgICAgdGhpcy5saXN0LnVuc2hpZnQoZGF0YS5yZWNvcmVkKTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgICAgd3MuJG9uKCdtc3NhZ2VfbnVtJywgKGRhdGEpID0+IHsNCiAgICAgICAgaWYgKGRhdGEubnVtID4gMCkgew0KICAgICAgICAgIG1wMy5wbGF5KCk7DQogICAgICAgIH0NCiAgICAgICAgaWYgKGRhdGEucmVjb3JlZC5pZCkgew0KICAgICAgICAgIGxldCBzdGF0dXMgPSBmYWxzZTsNCiAgICAgICAgICAvLyBmb3IobGV0IGkgPTAgO2k8dGhpcy5saXN0Lmxlbmd0aDtpKyspew0KICAgICAgICAgIC8vICAgICBpZihkYXRhLnJlY29yZWQuaWQgPT0gdGhpcy5saXN0W2ldLmlkKXsNCiAgICAgICAgICAvLyAgICAgICAgIHN0YXR1cyA9IHRydWUNCiAgICAgICAgICAvLyAgICAgICAgIHRoaXMuJHNldCh0aGlzLmxpc3QsIGksIGRhdGEucmVjb3JlZCkNCiAgICAgICAgICAvLyAgICAgICAgIGJyZWFrDQogICAgICAgICAgLy8gICAgIH0NCiAgICAgICAgICAvLyB9DQogICAgICAgICAgdGhhdC5saXN0LmZvckVhY2goKGVsLCBpbmRleCwgYXJyKSA9PiB7DQogICAgICAgICAgICBpZiAoZGF0YS5yZWNvcmVkLmlkID09IGVsLmlkKSB7DQogICAgICAgICAgICAgIHN0YXR1cyA9IHRydWU7DQogICAgICAgICAgICAgIGlmIChkYXRhLnJlY29yZWQuaXNfdG91cmlzdCA9PSB0aGF0LnRhYkN1cikgew0KICAgICAgICAgICAgICAgIGxldCBvbGRWYWwgPSBkYXRhLnJlY29yZWQ7DQogICAgICAgICAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7DQogICAgICAgICAgICAgICAgYXJyLnVuc2hpZnQob2xkVmFsKTsNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pOw0KICAgICAgICAgIGlmICghc3RhdHVzKSB7DQogICAgICAgICAgICBpZiAoZGF0YS5yZWNvcmVkLmlzX3RvdXJpc3QgPT0gdGhpcy50YWJDdXIpIHRoaXMubGlzdC51bnNoaWZ0KGRhdGEucmVjb3JlZCk7DQogICAgICAgICAgfQ0KICAgICAgICAgIGlmIChkYXRhLnJlY29yZWQuaXNfdG91cmlzdCAhPSB0aGlzLnRhYkN1ciAmJiBkYXRhLnJlY29yZWQuaWQpIHsNCiAgICAgICAgICAgIHRoaXMuJG5vdGlmeS5pbmZvKHsNCiAgICAgICAgICAgICAgdGl0bGU6IHRoaXMudGFiQ3VyID8gJ+eUqOaIt+WPkeadpea2iOaBr+WVpu+8gScgOiAn5ri45a6i5Y+R5p2l5raI5oGv5ZWm77yBJywNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgICAvLyB3c+eZu+W9leaIkOWKnw0KICAgICAgd3MuJG9uKCdzdWNjZXNzJywgKGRhdGEpID0+IHsNCiAgICAgICAgc2Vzc2lvblN0b3JhZ2Uuc2V0SXRlbSgnd3NMb2dpbicsIHRydWUpOw0KICAgICAgfSk7DQogICAgfSk7DQogIH0sDQogIGJlZm9yZURlc3Ryb3koKSB7fSwNCiAgbWV0aG9kczogew0KICAgIC4uLm1hcEFjdGlvbnMoJ2tlZnUvJywgWydsb2dvdXQnLCAnbG9nb3V0S2VmdSddKSwNCiAgICAvLyDliJfooajliIfmjaINCiAgICBjaGFuZ2VDbGFzcyhpdGVtKSB7DQogICAgICBpZiAodGhpcy50YWJDdXIgPT0gaXRlbS5rZXkpIHJldHVybjsNCiAgICAgIHRoaXMudGFiQ3VyID0gaXRlbS5rZXk7DQogICAgICB0aGlzLnBhZ2UgPSAxOw0KICAgICAgdGhpcy5saXN0ID0gW107DQogICAgICB0aGlzLmlzU2Nyb2xsID0gdHJ1ZTsNCiAgICAgIHRoaXMuZ2V0TGlzdCgpOw0KICAgIH0sDQogICAgLy8g5a6i5pyN5LiK5LiL57q/DQogICAgY2hhbmdPbmxpbmUoa2V5KSB7DQogICAgICB0aGlzLmtlZnVJbmZvLm9ubGluZSA9IGtleTsNCiAgICAgIHRoaXMuaXNPbkxpbmUgPSBmYWxzZTsNCiAgICAgIFNvY2tldC50aGVuKCh3cykgPT4gew0KICAgICAgICBsZXQgdGhhdCA9IHRoaXM7DQogICAgICAgIHdzLnNlbmQoew0KICAgICAgICAgIHR5cGU6ICdvbmxpbmUnLA0KICAgICAgICAgIGRhdGE6IHsNCiAgICAgICAgICAgIG9ubGluZToga2V5LA0KICAgICAgICAgIH0sDQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDlrqLmnI3or6bnu4bkv6Hmga8NCiAgICBnZXRLZWZ1SW5mbygpIHsNCiAgICAgIHNlcnZpY2VJbmZvKCkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMua2VmdUluZm8gPSByZXMuZGF0YTsNCiAgICAgICAgd2luZG93LmRvY3VtZW50LnRpdGxlID0gYCR7cmVzLmRhdGEuc2l0ZV9uYW1lfSAtIOa2iOaBr+WIl+ihqGA7DQogICAgICB9KTsNCiAgICB9LA0KICAgIGdldExpc3QoKSB7DQogICAgICBpZiAoIXRoaXMuaXNTY3JvbGwpIHJldHVybjsNCiAgICAgIHJlY29yZCh7DQogICAgICAgIG5pY2tuYW1lOiB0aGlzLnNlYXJjaFR4dCwNCiAgICAgICAgcGFnZTogdGhpcy5wYWdlLA0KICAgICAgICBsaW1pdDogdGhpcy5saW1pdCwNCiAgICAgICAgaXNfdG91cmlzdDogdGhpcy50YWJDdXIsDQogICAgICB9KS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5pc1Njcm9sbCA9IHJlcy5kYXRhLmxlbmd0aCA+PSB0aGlzLmxpbWl0Ow0KICAgICAgICB0aGlzLmxpc3QgPSB0aGlzLmxpc3QuY29uY2F0KHJlcy5kYXRhKTsNCiAgICAgICAgdGhpcy5wYWdlKys7DQogICAgICAgIHNldFRpbWVvdXQoKCkgPT4gew0KICAgICAgICAgIHRoaXMuJHJlZnMudnMucmVmcmVzaCgpOw0KICAgICAgICB9LCAxMDApOw0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDlrqLmnI3pgIDlh7oNCiAgICBvdXRMb2dpbigpIHsNCiAgICAgIGxldCBzZWxmID0gdGhpczsNCiAgICAgIHRoaXMuJG1zZ2JveCh7DQogICAgICAgIHRpdGxlOiAn6YCA5Ye655m75b2V56Gu6K6kJywNCiAgICAgICAgbWVzc2FnZTogJ+aCqOehruWumumAgOWHuueZu+W9leW9k+WJjei0puaIt+WQl++8n+aJk+W8gOeahOagh+etvumhteWSjOS4quS6uuiuvue9ruWwhuS8muS/neWtmOOAgicsDQogICAgICAgIHNob3dDYW5jZWxCdXR0b246IHRydWUsDQogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLA0KICAgICAgICBjb25maXJtQnV0dG9uVGV4dDogJ+ehruWumicsDQogICAgICAgIGljb25DbGFzczogJ2VsLWljb24td2FybmluZycsDQogICAgICAgIGNvbmZpcm1CdXR0b25DbGFzczogJ2J0bi1jdXN0b20tY2FuY2VsJywNCiAgICAgIH0pDQogICAgICAgIC50aGVuKCgpID0+IHsNCiAgICAgICAgICBzZWxmLmxvZ291dEtlZnUoew0KICAgICAgICAgICAgY29uZmlybTogZmFsc2UsDQogICAgICAgICAgICB2bTogc2VsZiwNCiAgICAgICAgICB9KTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKCgpID0+IHt9KTsNCiAgICB9LA0KICAgIC8vIOaQnOe0og0KICAgIGJpbmRTZWFyY2goZSkgew0KICAgICAgdGhpcy5wYWdlID0gMTsNCiAgICAgIHRoaXMubGlzdCA9IFtdOw0KICAgICAgdGhpcy5pc1Njcm9sbCA9IHRydWU7DQogICAgICB0aGlzLmdldExpc3QoKTsNCiAgICB9LA0KICAgIC8vIOi/m+WFpeWvueivnQ0KICAgIGdvUGFnZShpdGVtKSB7DQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7DQogICAgICAgIHBhdGg6ICdtb2JpbGVfY2hhdCcsDQogICAgICAgIHF1ZXJ5OiB7DQogICAgICAgICAgdG9VaWQ6IGl0ZW0udG9fdWlkLA0KICAgICAgICAgIG5pY2tuYW1lOiBpdGVtLm5pY2tuYW1lLA0KICAgICAgICAgIGlzX3RvdXJpc3Q6IHRoaXMudGFiQ3VyLA0KICAgICAgICB9LA0KICAgICAgfSk7DQogICAgfSwNCiAgICBoYW5kbGVCZWZvcmVEZWFjdGl2YXRlKHZtLCByZWZyZXNoRG9tLCBkb25lKSB7DQogICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgIGRvbmUoKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["chat_list.vue"],"names":[],"mappings":";AA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"chat_list.vue","sourceRoot":"src/pages/kefu/mobile","sourcesContent":["<template>\r\n  <div class=\"chat-list\">\r\n    <div class=\"head-box\">\r\n      <div class=\"hd\">\r\n        <div class=\"left-wrappers\">\r\n          <img v-lazy=\"kefuInfo.avatar\" />\r\n          <div class=\"info\" v-db-click @click=\"isOnLine = !isOnLine\">\r\n            <div>{{ kefuInfo.nickname }}</div>\r\n            <div class=\"status\">\r\n              <span class=\"doc\" :class=\"{ off: !kefuInfo.online }\"></span>\r\n              <span>{{ kefuInfo.online ? '在线' : '离线' }}</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"down-wrapper\" v-show=\"isOnLine\">\r\n            <div class=\"item\" v-db-click @click=\"changOnline(1)\">\r\n              <span class=\"dot green\"></span>在线\r\n              <span class=\"iconfont iconduihao\" v-if=\"kefuInfo.online\"></span>\r\n            </div>\r\n            <div class=\"item\" v-db-click @click=\"changOnline(0)\">\r\n              <span class=\"dot\"></span>离线\r\n              <span class=\"iconfont iconduihao\" v-if=\"!kefuInfo.online\"></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"right-wrapper\" v-db-click @click=\"outLogin\">\r\n          <div class=\"icon-box\"><span class=\"iconfont icontuichu\"></span></div>\r\n\r\n          <div style=\"margin-left: 5px\">退出登录</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"tab-box\">\r\n        <div\r\n          class=\"tab-item\"\r\n          :class=\"{ on: tabCur == item.key }\"\r\n          v-for=\"(item, index) in tabList\"\r\n          v-db-click\r\n          @click=\"changeClass(item)\"\r\n        >\r\n          {{ item.title }}\r\n        </div>\r\n      </div>\r\n      <div class=\"search-box\">\r\n        <el-input v-model=\"searchTxt\" placeholder=\"搜索用户名称\" @change=\"bindSearch\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"list-box\" v-if=\"list.length > 0\">\r\n      <vue-scroll ref=\"vs\" :ops=\"ops\" @load-before-deactivate=\"handleBeforeDeactivate\">\r\n        <div class=\"item\" v-for=\"(item, index) in list\" :key=\"index\" v-db-click @click=\"goPage(item)\">\r\n          <div class=\"left-wrappers\">\r\n            <div class=\"img-box\">\r\n              <img v-lazy=\"item.avatar\" />\r\n              <div class=\"online\" :class=\"{ on: item.online }\"></div>\r\n            </div>\r\n            <div class=\"info\">\r\n              <div class=\"title\">\r\n                <span class=\"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 wx\">公众号</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=\"msg line1\" v-if=\"item.message_type == 1\">{{ item.message }}</div>\r\n              <div class=\"msg\" v-if=\"item.message_type == 2\">[表情]</div>\r\n              <div class=\"msg\" v-if=\"item.message_type == 3\">[图片]</div>\r\n              <div class=\"msg\" v-if=\"item.message_type == 5\">[商品]</div>\r\n              <div class=\"msg\" v-if=\"item.message_type == 6\">[订单]</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"right-wrapper\">\r\n            <div class=\"time\">{{ item.update_time | toDay }}</div>\r\n            <span class=\"num\" v-if=\"item.mssage_num > 0\">{{ item.mssage_num }}</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"slot-load\" slot=\"load-deactive\"></div>\r\n        <div class=\"slot-load\" slot=\"load-active\">下滑加载更多</div>\r\n      </vue-scroll>\r\n    </div>\r\n    <empty v-else status=\"3\" msg=\"暂无用户列表\"></empty>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport util from '@/libs/util';\r\nimport { Socket } from '@/libs/socket';\r\nimport { record } from '@/api/kefu.js';\r\nimport { serviceInfo } from '@/api/kefu_mobile';\r\nimport { HappyScroll } from 'vue-happy-scroll';\r\nimport { mapState, mapActions } from 'vuex';\r\nimport { getCookies } from '@/libs/util';\r\nimport empty from '../components/empty';\r\nvar mp3 = require('@/assets/video/notice.mp3');\r\nvar mp3 = new Audio(mp3);\r\nexport default {\r\n  name: 'chat_list.vue',\r\n  components: {\r\n    HappyScroll,\r\n    empty,\r\n  },\r\n  data() {\r\n    return {\r\n      ops: {\r\n        vuescroll: {\r\n          mode: 'slide',\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: '2px',\r\n        },\r\n      },\r\n      list: [],\r\n      page: 1,\r\n      limit: 15,\r\n      isScroll: true,\r\n      searchTxt: '',\r\n      isOpen: true,\r\n      kefuInfo: {},\r\n      isOnLine: false,\r\n      tabCur: 0,\r\n      tabList: [\r\n        {\r\n          key: 0,\r\n          title: '用户列表',\r\n        },\r\n      ],\r\n      wsLogin: JSON.parse(sessionStorage.getItem('wsLogin')),\r\n    };\r\n  },\r\n  filters: {\r\n    toDay: function (value) {\r\n      if (!value) return '';\r\n      var date = new Date(); //时间戳为10位需*1000，时间戳为13位的话不需乘1000\r\n      var Y = date.getFullYear() + '-';\r\n      var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';\r\n      var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';\r\n      var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';\r\n      var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();\r\n      var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();\r\n\r\n      value = M + D + h + m;\r\n      return value;\r\n    },\r\n  },\r\n  created() {\r\n    Promise.all([this.getKefuInfo(), this.getList()]);\r\n  },\r\n  mounted() {\r\n    let that = this;\r\n    // 监听页面刷新\r\n    window.addEventListener('beforeunload', (e) => {\r\n      sessionStorage.setItem('wsLogin', false);\r\n    });\r\n    // 获取是否登录的key\r\n    this.wsLogin = JSON.parse(sessionStorage.getItem('wsLogin'));\r\n    let token = getCookies('kefu_token');\r\n    Socket.then((ws) => {\r\n      if (!that.wsLogin && token) {\r\n        ws.send({\r\n          type: 'kefu_login',\r\n          data: getCookies('kefu_token'),\r\n        });\r\n      }\r\n      //用户未读消息条数更改\r\n      ws.$on('transfer', (data) => {\r\n        if (data.recored.id) {\r\n          let status = false;\r\n          for (let i = 0; i < this.list.length; i++) {\r\n            if (data.recored.id == this.list[i].id) {\r\n              status = true;\r\n              this.$set(this.list, i, data.recored);\r\n            }\r\n          }\r\n          if (!status) {\r\n            this.list.unshift(data.recored);\r\n          }\r\n        }\r\n      });\r\n      ws.$on('mssage_num', (data) => {\r\n        if (data.num > 0) {\r\n          mp3.play();\r\n        }\r\n        if (data.recored.id) {\r\n          let status = false;\r\n          // for(let i =0 ;i<this.list.length;i++){\r\n          //     if(data.recored.id == this.list[i].id){\r\n          //         status = true\r\n          //         this.$set(this.list, i, data.recored)\r\n          //         break\r\n          //     }\r\n          // }\r\n          that.list.forEach((el, index, arr) => {\r\n            if (data.recored.id == el.id) {\r\n              status = true;\r\n              if (data.recored.is_tourist == that.tabCur) {\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.tabCur) this.list.unshift(data.recored);\r\n          }\r\n          if (data.recored.is_tourist != this.tabCur && data.recored.id) {\r\n            this.$notify.info({\r\n              title: this.tabCur ? '用户发来消息啦！' : '游客发来消息啦！',\r\n            });\r\n          }\r\n        }\r\n      });\r\n      // ws登录成功\r\n      ws.$on('success', (data) => {\r\n        sessionStorage.setItem('wsLogin', true);\r\n      });\r\n    });\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    ...mapActions('kefu/', ['logout', 'logoutKefu']),\r\n    // 列表切换\r\n    changeClass(item) {\r\n      if (this.tabCur == item.key) return;\r\n      this.tabCur = item.key;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.isScroll = true;\r\n      this.getList();\r\n    },\r\n    // 客服上下线\r\n    changOnline(key) {\r\n      this.kefuInfo.online = key;\r\n      this.isOnLine = false;\r\n      Socket.then((ws) => {\r\n        let that = this;\r\n        ws.send({\r\n          type: 'online',\r\n          data: {\r\n            online: key,\r\n          },\r\n        });\r\n      });\r\n    },\r\n    // 客服详细信息\r\n    getKefuInfo() {\r\n      serviceInfo().then((res) => {\r\n        this.kefuInfo = res.data;\r\n        window.document.title = `${res.data.site_name} - 消息列表`;\r\n      });\r\n    },\r\n    getList() {\r\n      if (!this.isScroll) return;\r\n      record({\r\n        nickname: this.searchTxt,\r\n        page: this.page,\r\n        limit: this.limit,\r\n        is_tourist: this.tabCur,\r\n      }).then((res) => {\r\n        this.isScroll = res.data.length >= this.limit;\r\n        this.list = this.list.concat(res.data);\r\n        this.page++;\r\n        setTimeout(() => {\r\n          this.$refs.vs.refresh();\r\n        }, 100);\r\n      });\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.page = 1;\r\n      this.list = [];\r\n      this.isScroll = true;\r\n      this.getList();\r\n    },\r\n    // 进入对话\r\n    goPage(item) {\r\n      this.$router.push({\r\n        path: 'mobile_chat',\r\n        query: {\r\n          toUid: item.to_uid,\r\n          nickname: item.nickname,\r\n          is_tourist: this.tabCur,\r\n        },\r\n      });\r\n    },\r\n    handleBeforeDeactivate(vm, refreshDom, done) {\r\n      this.getList();\r\n      done();\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\nhtml,\r\nbody {\r\n  font-size: 50px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.chat-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding-bottom: 0.15rem;\r\n  background: #fff;\r\n  .head-box {\r\n    .hd {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 1rem;\r\n      padding: 0 0.3rem;\r\n      background: linear-gradient(90deg, #3875ea 0%, #1890fc 100%);\r\n      .left-wrappers {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        color: #fff;\r\n        font-size: 0.26rem;\r\n\r\n        img {\r\n          width: 0.58rem;\r\n          height: 0.58rem;\r\n          border-radius: 50%;\r\n        }\r\n        .info {\r\n          margin-left: 0.12rem;\r\n          .status {\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 0.2rem;\r\n            .doc {\r\n              width: 0.14rem;\r\n              height: 0.14rem;\r\n              margin-right: 0.1rem;\r\n              background-color: #27f2cb;\r\n              border-radius: 50%;\r\n              margin-top: 0.04rem;\r\n              &.off {\r\n                background: #919191;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .down-wrapper {\r\n          z-index: 50;\r\n          position: absolute;\r\n          left: 0;\r\n          bottom: -1.9rem;\r\n          width: 2.14rem;\r\n          background: #434343;\r\n          border-radius: 0.1rem;\r\n          .item {\r\n            display: flex;\r\n            align-items: center;\r\n            height: 0.8rem;\r\n            padding-left: 0.3rem;\r\n            border-bottom: 1px solid rgba(240, 241, 242, 0.16);\r\n            font-size: 0.28rem;\r\n            &:last-child {\r\n              border-bottom: none;\r\n            }\r\n            .dot {\r\n              width: 0.12rem;\r\n              height: 0.12rem;\r\n              margin-right: 0.16rem;\r\n              border-radius: 50%;\r\n              background: linear-gradient(180deg, #bcbcbc 0%, #919191 100%);\r\n              &.green {\r\n                background: linear-gradient(143deg, #27f2cb 0%, #14e3b4 100%);\r\n              }\r\n            }\r\n            .iconfont {\r\n              margin-left: 0.36rem;\r\n              color: #b9b9b9;\r\n              font-size: 0.18rem;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .right-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        color: #fff;\r\n        font-size: 0.24rem;\r\n      }\r\n    }\r\n    .search-box {\r\n      padding: 0 0.3rem 0.2rem;\r\n      border-bottom: 1px solid #eceff8;\r\n      ::v-deep .ivu-input {\r\n        display: block;\r\n        width: 100%;\r\n        height: 0.68rem;\r\n        background: #f5f6f9;\r\n        border-radius: 0.39rem;\r\n        box-sizing: border-box;\r\n        font-size: 0.28rem;\r\n        border-radius: 0.39rem;\r\n        text-align: center;\r\n      }\r\n      ::v-deep .ivu-input,\r\n      .ivu-input:hover,\r\n      .ivu-input:focus {\r\n        border: transparent;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n    .tab-box {\r\n      display: flex;\r\n      padding: 0.2rem 0;\r\n      .tab-item {\r\n        flex: 1;\r\n        height: 100%;\r\n        line-height: 0.6rem;\r\n        text-align: center;\r\n        font-size: 0.3rem;\r\n        &.on {\r\n          color: #3875ea;\r\n        }\r\n        &:first-child {\r\n          border-right: 1px solid #ddd;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .list-box {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    .item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 0.23rem 0.3rem;\r\n      height: 1.5rem;\r\n      .left-wrappers {\r\n        display: flex;\r\n        align-items: center;\r\n        .img-box {\r\n          width: 0.96rem;\r\n          height: 0.96rem;\r\n          position: relative;\r\n        }\r\n        .online {\r\n          position: absolute;\r\n          right: 0.1rem;\r\n          bottom: 1px;\r\n          width: 0.16rem;\r\n          height: 0.16rem;\r\n          background: linear-gradient(143deg, #bcbcbc 0%, #919191 100%);\r\n          border-radius: 50%;\r\n          border: 1px solid #ffffff;\r\n          &.on {\r\n            background: linear-gradient(143deg, #27f2cb 0%, #14e3b4 100%);\r\n          }\r\n        }\r\n        img {\r\n          width: 0.96rem;\r\n          height: 0.96rem;\r\n          border-radius: 50%;\r\n        }\r\n        .info {\r\n          margin-left: 0.2rem;\r\n          width: 3.5rem;\r\n          height: 0.96rem;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: space-between;\r\n          .title {\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 0.3rem;\r\n            .label {\r\n              margin-left: 0.15rem;\r\n              font-size: 0.2rem;\r\n              padding: 0.05rem 0.1rem;\r\n              background: rgba(56, 117, 234, 0.14);\r\n              color: #3875ea;\r\n              border-radius: 0.04rem;\r\n              &.h5 {\r\n                background: rgba(255, 162, 0, 0.18);\r\n                color: #d08800;\r\n              }\r\n              &.wx {\r\n                background: rgba(0, 186, 100, 0.14);\r\n                color: #00a219;\r\n              }\r\n              &.pc {\r\n                background: rgba(133, 64, 227, 0.14);\r\n                color: #820adb;\r\n              }\r\n            }\r\n          }\r\n          .msg {\r\n            font-size: 0.24rem;\r\n            color: #9f9f9f;\r\n          }\r\n        }\r\n      }\r\n      .right-wrapper {\r\n        height: 0.96rem;\r\n        color: #9f9f9f;\r\n        font-size: 0.22rem;\r\n        text-align: right;\r\n        .num {\r\n          min-width: 0.12rem;\r\n          background-color: #f74c31;\r\n          color: #fff;\r\n          border-radius: 0.15rem;\r\n          right: 0 rpx;\r\n          bottom: 0 rpx;\r\n          font-size: 0.2rem;\r\n          padding: 0 0.08rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}