{"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\\pc\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\pc\\index.vue","mtime":1761185180107},{"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:DQp2YXIgbXAzID0gcmVxdWlyZSgnLi4vLi4vLi4vYXNzZXRzL3ZpZGVvL25vdGljZS53YXYnKTsNCnZhciBtcDMgPSBuZXcgQXVkaW8obXAzKTsNCmltcG9ydCBTZXR0aW5nIGZyb20gJ0Avc2V0dGluZyc7DQppbXBvcnQgeyBIYXBweVNjcm9sbCB9IGZyb20gJ3Z1ZS1oYXBweS1zY3JvbGwnOw0KaW1wb3J0IGJhc2VIZWFkZXIgZnJvbSAnLi9jb21wb25lbnRzL2Jhc2VIZWFkZXInOw0KaW1wb3J0IGNoYXRMaXN0IGZyb20gJy4vY29tcG9uZW50cy9jaGF0TGlzdCc7DQppbXBvcnQgcmlnaHRNZW51IGZyb20gJy4vY29tcG9uZW50cy9yaWdodE1lbnUnOw0KaW1wb3J0IGVtb2ppTGlzdCBmcm9tICdAL3V0aWxzL2Vtb2ppJzsNCmltcG9ydCB7IFNvY2tldCB9IGZyb20gJ0AvbGlicy9zb2NrZXQnOw0KaW1wb3J0IHV0aWwgZnJvbSAnQC9saWJzL3V0aWwnOw0KaW1wb3J0IG1zZ1dpbmRvdyBmcm9tICcuL2NvbXBvbmVudHMvbXNnV2luZG93JzsNCmltcG9ydCB0cmFuc2ZlciBmcm9tICcuL2NvbXBvbmVudHMvdHJhbnNmZXInOw0KaW1wb3J0IHsgc2VydmljZUxpc3QsIHVwbG9hZEltZyB9IGZyb20gJ0AvYXBpL2tlZnUnOw0KaW1wb3J0IGdvb2RzRGV0YWlsIGZyb20gJy4vY29tcG9uZW50cy9nb29kc19kZXRhaWwnOw0KaW1wb3J0IG9yZGVyRGV0YWlsIGZyb20gJy4vY29tcG9uZW50cy9vcmRlcl9kZXRhaWwnOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCmltcG9ydCB7IGdldENvb2tpZXMsIHJlbW92ZUNvb2tpZXMsIHNldENvb2tpZXMgfSBmcm9tICdAL2xpYnMvdXRpbCc7DQppbXBvcnQgeyBzZXJ2aWNlSW5mbyB9IGZyb20gJ0AvYXBpL2tlZnVfbW9iaWxlJzsNCmltcG9ydCB7IGlzUGljVXBsb2FkIH0gZnJvbSAnQC91dGlscyc7DQoNCmNvbnN0IGNodW5rID0gZnVuY3Rpb24gKGFyciwgbnVtKSB7DQogIG51bSA9IG51bSAqIDEgfHwgMTsNCiAgdmFyIHJldCA9IFtdOw0KICBhcnIuZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwgaSkgew0KICAgIGlmIChpICUgbnVtID09PSAwKSB7DQogICAgICByZXQucHVzaChbXSk7DQogICAgfQ0KICAgIHJldFtyZXQubGVuZ3RoIC0gMV0ucHVzaChpdGVtKTsNCiAgfSk7DQogIHJldHVybiByZXQ7DQp9Ow0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnaW5kZXgnLA0KICBjb21wb25lbnRzOiB7DQogICAgYmFzZUhlYWRlciwNCiAgICBjaGF0TGlzdCwNCiAgICByaWdodE1lbnUsDQogICAgbXNnV2luZG93LA0KICAgIHRyYW5zZmVyLA0KICAgIEhhcHB5U2Nyb2xsLA0KICAgIGdvb2RzRGV0YWlsLA0KICAgIG9yZGVyRGV0YWlsLA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBpc0Vtb2ppOiBmYWxzZSwNCiAgICAgIGNoYXRDb246ICcnLA0KICAgICAgZW1vamlHcm91cDogY2h1bmsoZW1vamlMaXN0LCAyMCksIC8vIOihqOaDheWIl+ihqA0KICAgICAgZW1vamlMaXN0OiBlbW9qaUxpc3QsDQogICAgICBodG1sOiAnJywNCiAgICAgIHVzZXJBY3RpdmU6IHt9LCAvL+W3puS+p+eUqOaIt+WIl+ihqOmAieS4reS/oeaBrw0KICAgICAga2VmdUluZm86IHt9LCAvL+WuouacjeS/oeaBrw0KICAgICAgaXNNc2c6IGZhbHNlLA0KICAgICAgaXNUcmFuc2ZlcjogZmFsc2UsDQogICAgICBhY3RpdmVNc2c6ICcnLCAvLyDpgInkuK3nmoTor53mnK8NCiAgICAgIGNoYXRMaXN0OiBbXSwNCiAgICAgIHRleHQ6ICcnLA0KICAgICAgbGltaXQ6IDIwLA0KICAgICAgdXBwZXJJZDogMCwNCiAgICAgIG9ubGluZTogdHJ1ZSwgLy/lvZPliY3lrqLmnI3lnKjnur/nirbmgIENCiAgICAgIHNjcm9sbFRvcDogMCwNCiAgICAgIGlzU2Nyb2xsOiB0cnVlLA0KICAgICAgb2xkSGVpZ2h0OiAwLA0KICAgICAgaXNMb2FkOiBmYWxzZSwNCiAgICAgIGlzUHJvZHVjdEJveDogZmFsc2UsDQogICAgICBnb29kc0lkOiAnJywNCiAgICAgIGlzT3JkZXI6IGZhbHNlLA0KICAgICAgb3JkZXJJZDogJycsDQogICAgICB1cGxvYWQ6ICcnLA0KICAgICAgaGVhZGVyOiB7fSwNCiAgICAgIHVwbG9hZERhdGE6IHsNCiAgICAgICAgZmlsZW5hbWU6ICdmaWxlJywNCiAgICAgIH0sDQogICAgICB1c2VyT25saW5lOiB7fSwNCiAgICAgIG5ld1JlY29yZWQ6IHt9LCAvL+aWsOWvueivneS/oeaBrw0KICAgICAgc2VhcmNoRGF0YTogJycsIC8vIOaQnOe0ouaWh+Wtlw0KICAgICAgc2Nyb2xsTnVtOiAwLCAvL+a7muWKqOasoeaVsA0KICAgICAgdHJhbnNmZXJJZDogJycsIC8v6L2s5o6laWQNCiAgICAgIGJvZHlDbG9zZTogZmFsc2UsDQogICAgICB0b3VyaXN0OiAwLA0KICAgIH07DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwU3RhdGUoew0KICAgICAgc29ja2V0U3RhdHVzOiAoc3RhdGUpID0+IHN0YXRlLmFkbWluLmtlZnUuc29ja2V0U3RhdHVzLA0KICAgIH0pLA0KICAgIGRpc2FibGVkKCkgew0KICAgICAgaWYgKHRoaXMuY2hhdENvbi5sZW5ndGggPT0gMCkgew0KICAgICAgICByZXR1cm4gdHJ1ZTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHJlY29yZHMoKSB7DQogICAgICByZXR1cm4gdGhpcy5jaGF0TGlzdC5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7DQogICAgICAgIGl0ZW0udGltZSA9IHRoaXMuJG1vbWVudChpdGVtLmFkZF90aW1lICogMTAwMCkuZm9ybWF0KCdNTU1EbyBIOm1tJyk7DQogICAgICAgIGlmIChpbmRleCkgew0KICAgICAgICAgIGlmIChpdGVtLmFkZF90aW1lIC0gdGhpcy5jaGF0TGlzdFtpbmRleCAtIDFdLmFkZF90aW1lID49IDMwMCkgew0KICAgICAgICAgICAgaXRlbS5zaG93ID0gdHJ1ZTsNCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgaXRlbS5zaG93ID0gZmFsc2U7DQogICAgICAgICAgfQ0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIGl0ZW0uc2hvdyA9IHRydWU7DQogICAgICAgIH0NCiAgICAgICAgcmV0dXJuIGl0ZW07DQogICAgICB9KTsNCiAgICB9LA0KICB9LA0KICAvLyDmjIfku6TnspjotLTmjIfku6TlrprkuYkNCiAgZGlyZWN0aXZlczogew0KICAgIHBhc3RlOiB7DQogICAgICBiaW5kKGVsLCBiaW5kaW5nLCB2bm9kZSkgew0KICAgICAgICBlbC5hZGRFdmVudExpc3RlbmVyKCdwYXN0ZScsIGZ1bmN0aW9uIChldmVudCkgew0KICAgICAgICAgIC8v6L+Z6YeM55u05o6l55uR5ZCs5YWD57Sg55qE57KY6LS05LqL5Lu2DQogICAgICAgICAgYmluZGluZy52YWx1ZShldmVudCk7DQogICAgICAgIH0pOw0KICAgICAgfSwNCiAgICB9LA0KICB9LA0KICB3YXRjaDogew0KICAgIC8vIHNvY2tldFN0YXR1czp7DQogICAgLy8gICAgIGhhbmRsZXIoblZhbCxWYWwpew0KICAgIC8vICAgICAgICAgaWYoblZhbCl7DQogICAgLy8gICAgICAgICAgICAgU29ja2V0LnNlbmQoew0KICAgIC8vICAgICAgICAgICAgICAgICBkYXRhOiB1dGlsLmNvb2tpZXMua2VmdUdldCgndG9rZW4nKSwNCiAgICAvLyAgICAgICAgICAgICAgICAgdHlwZTogImtlZnVfbG9naW4iDQogICAgLy8gICAgICAgICAgICAgfSk7DQogICAgLy8gICAgICAgICB9DQogICAgLy8gICAgIH0sDQogICAgLy8gICAgIGRlZXA6dHJ1ZQ0KICAgIC8vIH0NCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLnVwbG9hZCA9IFNldHRpbmcuYXBpQmFzZVVSTC5yZXBsYWNlKCdhZG1pbmFwaScsICdrZWZ1YXBpJykgKyAnL3VwbG9hZCc7DQogICAgc2VydmljZUluZm8oKS50aGVuKChyZXMpID0+IHsNCiAgICAgIHRoaXMua2VmdUluZm8gPSByZXMuZGF0YTsNCiAgICAgIGlmICh0aGlzLmtlZnVJbmZvLnNpdGVfbmFtZSkgew0KICAgICAgICBkb2N1bWVudC50aXRsZSA9IHRoaXMua2VmdUluZm8uc2l0ZV9uYW1lOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy5rZWZ1SW5mby5zaXRlX25hbWUgPSAnJzsNCiAgICAgIH0NCiAgICB9KTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICBsZXQgc2VsZiA9IHRoaXM7DQogICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZnVuY3Rpb24gKCkgew0KICAgICAgc2VsZi5pc0Vtb2ppID0gZmFsc2U7DQogICAgfSk7DQogICAgc2V0VGltZW91dCgoZSkgPT4gew0KICAgICAgU29ja2V0LnRoZW4oKHdzKSA9PiB7DQogICAgICAgIHdzLnNlbmQoew0KICAgICAgICAgIHR5cGU6ICdrZWZ1X2xvZ2luJywNCiAgICAgICAgICBkYXRhOiBnZXRDb29raWVzKCdrZWZ1X3Rva2VuJyksDQogICAgICAgIH0pOw0KICAgICAgICB3cy4kb24oWydyZXBseScsICdjaGF0J10sIChkYXRhKSA9PiB7DQogICAgICAgICAgaWYgKGRhdGEubXNuX3R5cGUgPT0gMSkgew0KICAgICAgICAgICAgZGF0YS5tc24gPSB0aGlzLnJlcGxhY2VfZW0oZGF0YS5tc24pOw0KICAgICAgICAgIH0NCiAgICAgICAgICBpZiAoZGF0YS5tc25fdHlwZSA9PSAyKSB7DQogICAgICAgICAgICBpZiAoZGF0YS5tc24uaW5kZXhPZignWycpID09IC0xKSB7DQogICAgICAgICAgICAgIGRhdGEubXNuID0gdGhpcy5yZXBsYWNlX2VtKGBbJHtkYXRhLm1zbn1dYCk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KICAgICAgICAgIHRoaXMuY2hhdExpc3QucHVzaChkYXRhKTsNCiAgICAgICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7DQogICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgICAgICAgdmFyIGNvbnRhaW5lciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNjaGF0X3Njcm9sbCcpOw0KICAgICAgICAgICAgICB0aGlzLnNjcm9sbFRvcCA9IGNvbnRhaW5lci5vZmZzZXRIZWlnaHQ7DQogICAgICAgICAgICB9LCA4MDApOw0KICAgICAgICAgIH0pOw0KICAgICAgICB9KTsNCiAgICAgICAgd3MuJG9uKCdyZXBseScsIChkYXRhKSA9PiB7DQogICAgICAgICAgLy8gbXAzLnBsYXkoKTsNCiAgICAgICAgfSk7DQogICAgICAgIHdzLiRvbignc29ja2V0X2Vycm9yJywgKCkgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+i/nuaOpeWksei0pScpOw0KICAgICAgICB9KTsNCiAgICAgICAgd3MuJG9uKCdlcnJfdGlwJywgKGRhdGEpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGRhdGEubXNnKTsNCiAgICAgICAgfSk7DQogICAgICAgIC8v55So5oi35LiK57q/5o+Q6YaS5bm/5pKtDQogICAgICAgIHdzLiRvbigndXNlcl9vbmxpbmUnLCAoZGF0YSkgPT4gew0KICAgICAgICAgIHRoaXMudXNlck9ubGluZSA9IGRhdGE7DQogICAgICAgIH0pOw0KICAgICAgICAvL+eUqOaIt+acquivu+a2iOaBr+adoeaVsOabtOaUuQ0KICAgICAgICB3cy4kb24oJ21zc2FnZV9udW0nLCAoZGF0YSkgPT4gew0KICAgICAgICAgIGlmIChkYXRhLm51bSA+IDApIHsNCiAgICAgICAgICAgIG1wMy5wbGF5KCk7DQogICAgICAgICAgfQ0KICAgICAgICAgIHRoaXMuY2hhdExpc3QuZm9yRWFjaCgoaXRlbSkgPT4gew0KICAgICAgICAgICAgaWYgKGl0ZW0udG9fdWlkID09IGRhdGEudWlkKSB7DQogICAgICAgICAgICAgIGl0ZW0ubXNzYWdlX251bSA9IGRhdGEubnVtOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pOw0KICAgICAgICAgIGlmIChkYXRhLnJlY29yZWQuaWQpIHsNCiAgICAgICAgICAgIHRoaXMubmV3UmVjb3JlZCA9IGRhdGEucmVjb3JlZDsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgfSwgMjAwMCk7DQogICAgdGhpcy5oZWFkZXJbJ0F1dGhvcmktemF0aW9uJ10gPSAnQmVhcmVyICcgKyBnZXRDb29raWVzKCdrZWZ1X3Rva2VuJyk7DQogICAgdGhpcy50ZXh0ID0gdGhpcy5yZXBsYWNlX2VtKCdbZW0tc21pbGluZ19pbXBdJyk7DQogICAgLy8gU29ja2V0LmluaXQodGhpcywna2VmdScpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgYmVmb3JlVXBsb2FkKGZpbGUpIHsNCiAgICAgIHJldHVybiBpc1BpY1VwbG9hZChmaWxlKTsNCiAgICB9LA0KICAgIGhhbmRsZUZvcm1hdEVycm9yKGZpbGUpIHsNCiAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+S4iuS8oOWbvueJh+WPquiDveaYryBqcGfjgIFqcGfjgIFqcGVn44CBZ2lmIOagvOW8jyEnKTsNCiAgICB9LA0KICAgIGJpbmRFbnRlcihlKSB7fSwNCiAgICAvL+W+ruS/oeaIquWbvuS4iuS8oOWbvueJh+aXtuinpuWPkQ0KICAgIGhhbmRsZVBhcnNlKGUpIHsNCiAgICAgIGxldCBmaWxlID0gbnVsbDsNCiAgICAgIGlmICgNCiAgICAgICAgZS5jbGlwYm9hcmREYXRhICYmDQogICAgICAgIGUuY2xpcGJvYXJkRGF0YS5pdGVtc1swXSAmJg0KICAgICAgICBlLmNsaXBib2FyZERhdGEuaXRlbXNbMF0udHlwZSAmJg0KICAgICAgICBlLmNsaXBib2FyZERhdGEuaXRlbXNbMF0udHlwZS5pbmRleE9mKCdpbWFnZScpID4gLTENCiAgICAgICkgew0KICAgICAgICAvL+i/memHjOWwseaYr+WIpOaWreaYr+WQpuacieeymOi0tOi/m+adpeeahOaWh+S7tuS4lOaWh+S7tuS4uuWbvueJh+agvOW8jw0KICAgICAgICBmaWxlID0gZS5jbGlwYm9hcmREYXRhLml0ZW1zWzBdLmdldEFzRmlsZSgpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgdHlwZTogJ3dhcm5pbmcnLA0KICAgICAgICAgIG1lc3NhZ2U6ICfkuIrkvKDnmoTmlofku7blv4XpobvkuLrlm77niYfkuJTml6Dms5XlpI3liLbmnKzlnLDlm77niYfkuJTml6Dms5XlkIzml7blpI3liLblpJrlvKDlm77niYcnLA0KICAgICAgICB9KTsNCiAgICAgICAgcmV0dXJuOw0KICAgICAgfQ0KICAgICAgdGhpcy51cGRhdGUoZmlsZSk7DQogICAgfSwNCiAgICB1cGRhdGUoZSkgew0KICAgICAgLy8g5LiK5Lyg54Wn54mHDQogICAgICBsZXQgZmlsZSA9IGU7DQogICAgICBsZXQgcGFyYW0gPSBuZXcgRm9ybURhdGEoKTsgLy8g5Yib5bu6Zm9ybeWvueixoQ0KICAgICAgcGFyYW0uYXBwZW5kKCdmaWxlbmFtZScsICdmaWxlJyk7IC8vIOmAmui/h2FwcGVuZOWQkWZvcm3lr7nosaHmt7vliqDmlbDmja7ov5vljrsNCiAgICAgIHBhcmFtLmFwcGVuZCgnZmlsZScsIGZpbGUpOyAvLyDpgJrov4dhcHBlbmTlkJFmb3Jt5a+56LGh5re75Yqg5pWw5o2u6L+b5Y67DQogICAgICAvLyDmt7vliqDor7fmsYLlpLQNCiAgICAgIHVwbG9hZEltZyhwYXJhbSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMuc2VuZE1zZyhyZXMuZGF0YS51cmwsIDMpOw0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDkuIrkvKDmiJDlip8NCiAgICBoYW5kbGVTdWNjZXNzKHJlcywgZmlsZSwgZmlsZUxpc3QpIHsNCiAgICAgIGlmIChyZXMuc3RhdHVzID09PSAyMDApIHsNCiAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICB0aGlzLnNlbmRNc2cocmVzLmRhdGEudXJsLCAzKTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICB9DQogICAgfSwNCiAgICAvL+iuouWNleivpuaDhQ0KICAgIGxvb2tPcmRlcihpdGVtKSB7DQogICAgICB0aGlzLm9yZGVySWQgPSBpdGVtLm9yZGVySW5mby5pZDsNCiAgICAgIHRoaXMuaXNPcmRlciA9IHRydWU7DQogICAgfSwNCiAgICBzZXRPbmxpbmUoZGF0YSkgew0KICAgICAgU29ja2V0LnRoZW4oKHdzKSA9PiB7DQogICAgICAgIHdzLnNlbmQoew0KICAgICAgICAgIGRhdGE6IHsNCiAgICAgICAgICAgIG9ubGluZTogZGF0YSwNCiAgICAgICAgICB9LA0KICAgICAgICAgIHR5cGU6ICdvbmxpbmUnLA0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgICAgdGhpcy5vbmxpbmUgPSBkYXRhOw0KICAgIH0sDQogICAgLy8g6Zi75q2i5rWP6KeI5Zmo6buY6K6k5o2i6KGM5pON5L2cDQogICAgbGlzdGVuKGV2ZW50KSB7DQogICAgICBpZiAoIWV2ZW50LnNoaWZ0S2V5ICYmIGV2ZW50LmtleUNvZGUgPT0gMTMpIHsNCiAgICAgICAgaWYgKGV2ZW50LnRhcmdldC52YWx1ZSA9PSAnJykgew0KICAgICAgICAgIHJldHVybiB0aGlzLiRtZXNzYWdlLmVycm9yKCfor7fovpPlhaXmtojmga8nKTsNCiAgICAgICAgfQ0KICAgICAgICBjb25zb2xlLmxvZyhldmVudC50YXJnZXQudmFsdWUpOw0KICAgICAgICB0aGlzLnNlbmRNc2coZXZlbnQudGFyZ2V0LnZhbHVlLCAxKTsNCiAgICAgICAgdGhpcy5jaGF0Q29uID0gJyc7DQogICAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHRoaXMuJHJlZnMuY2hhdElucHV0LmZvY3VzKCkpOw0KICAgICAgfQ0KICAgIH0sDQogICAgLy8g6L6T5YWl5qGG6YCJ5oup6KGo5oOFDQogICAgc2VsZWN0KGRhdGEpIHsNCiAgICAgIGxldCB2YWwgPSBgWyR7ZGF0YX1dYDsNCiAgICAgIHRoaXMuY2hhdENvbiArPSB2YWw7DQogICAgICB0aGlzLmlzRW1vamkgPSBmYWxzZTsNCiAgICB9LA0KICAgIC8vIOiBiuWkqeihqOaDhei9rOaNog0KICAgIHJlcGxhY2VfZW0oc3RyKSB7DQogICAgICBzdHIgPSBzdHIucmVwbGFjZSgvXFsoW15cW1xdXSspXF0vZywgIjxzcGFuIGNsYXNzPSdlbSAkMScvPjwvc3Bhbj4iKTsNCiAgICAgIHJldHVybiBzdHI7DQogICAgfSwNCiAgICAvLyDojrflj5bmmK/lkKbmuLjlrqINCiAgICBjaGFuZ2VUeXBlKGRhdGEpIHsNCiAgICAgIHRoaXMudG91cmlzdCA9IGRhdGE7DQogICAgfSwNCiAgICAvLyDojrflj5bliJfooajnlKjmiLfkv6Hmga8NCiAgICBzZXREYXRhSWQoZGF0YSkgew0KICAgICAgdGhpcy51c2VyQWN0aXZlID0gZGF0YTsNCiAgICAgIHRoaXMuY2hhdExpc3QgPSBbXTsNCiAgICAgIHRoaXMudXBwZXJJZCA9IDA7DQogICAgICB0aGlzLm9sZEhlaWdodCA9IDA7DQogICAgICB0aGlzLmlzU2Nyb2xsID0gdHJ1ZTsNCiAgICAgIGlmIChkYXRhKSB7DQogICAgICAgIHdpbmRvdy5kb2N1bWVudC50aXRsZSA9IGRhdGEubmlja25hbWUNCiAgICAgICAgICA/IGDmraPlnKjlkowke2RhdGEubmlja25hbWV95a+56K+d5LitIC0gJHt0aGlzLmtlZnVJbmZvLnNpdGVfbmFtZX1gDQogICAgICAgICAgOiAn5q2j5Zyo5ZKM5ri45a6i5a+56K+d5LitIC0gJyArIHRoaXMua2VmdUluZm8uc2l0ZV9uYW1lOw0KDQogICAgICAgIFNvY2tldC50aGVuKCh3cykgPT4gew0KICAgICAgICAgIHdzLnNlbmQoew0KICAgICAgICAgICAgZGF0YTogew0KICAgICAgICAgICAgICBpZDogdGhpcy51c2VyQWN0aXZlLnRvX3VpZCwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB0eXBlOiAndG9fY2hhdCcsDQogICAgICAgICAgfSk7DQogICAgICAgIH0pOw0KICAgICAgICB0aGlzLmdldENoYXRMaXN0KCk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB3aW5kb3cuZG9jdW1lbnQudGl0bGUgPSB0aGlzLmtlZnVJbmZvLnNpdGVfbmFtZTsNCiAgICAgIH0NCiAgICB9LA0KICAgIG1zZ0Nsb3NlKCkgew0KICAgICAgdGhpcy5pc1RyYW5zZmVyID0gZmFsc2U7DQogICAgfSwNCiAgICAvLyDor53mnK/pgInkuK0NCiAgICBhY3RpdmVUeHQoZGF0YSkgew0KICAgICAgdGhpcy5jaGF0Q29uID0gZGF0YTsNCiAgICAgIHRoaXMuaXNNc2cgPSBmYWxzZTsNCiAgICB9LA0KICAgIC8vIOaWh+acrOWPkemAgQ0KICAgIHNlbmRUZXh0KCkgew0KICAgICAgdGhpcy5zZW5kTXNnKHRoaXMuY2hhdENvbiwgMSk7DQogICAgICB0aGlzLmNoYXRDb24gPSAnJzsNCiAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHRoaXMuJHJlZnMuY2hhdElucHV0LmZvY3VzKCkpOw0KICAgIH0sDQoNCiAgICAvLyDnu5/kuIDlj5HpgIHlpITnkIYNCiAgICBzZW5kTXNnKG1zbiwgdHlwZSkgew0KICAgICAgbGV0IG9iaiA9IHsNCiAgICAgICAgdHlwZTogJ2NoYXQnLA0KICAgICAgICBkYXRhOiB7DQogICAgICAgICAgbXNuLA0KICAgICAgICAgIHR5cGUsDQogICAgICAgICAgdG9fdWlkOiB0aGlzLnVzZXJBY3RpdmUudG9fdWlkLA0KICAgICAgICAgIGlzX3RvdXJpc3Q6IHRoaXMudG91cmlzdCwNCiAgICAgICAgfSwNCiAgICAgIH07DQogICAgICBTb2NrZXQudGhlbigod3MpID0+IHsNCiAgICAgICAgd3Muc2VuZChvYmopOw0KICAgICAgfSk7DQogICAgfSwNCiAgICBzZW5kKHR5cGUsIGRhdGEpIHsNCiAgICAgIFNvY2tldC5zZW5kKHsNCiAgICAgICAgZGF0YSwNCiAgICAgICAgdHlwZSwNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g6I635Y+W6IGK5aSp5YiX6KGoDQogICAgZ2V0Q2hhdExpc3QoKSB7DQogICAgICBzZXJ2aWNlTGlzdCh7DQogICAgICAgIGxpbWl0OiB0aGlzLmxpbWl0LA0KICAgICAgICB1aWQ6IHRoaXMudXNlckFjdGl2ZS50b191aWQsDQogICAgICAgIHVwcGVySWQ6IHRoaXMudXBwZXJJZCwNCiAgICAgICAgaXNfdG91cmlzdDogdGhpcy50b3VyaXN0LA0KICAgICAgfSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHJlcy5kYXRhLmZvckVhY2goKGVsKSA9PiB7DQogICAgICAgICAgaWYgKGVsLm1zbl90eXBlID09IDEpIHsNCiAgICAgICAgICAgIGVsLm1zbiA9IHRoaXMucmVwbGFjZV9lbShlbC5tc24pOw0KICAgICAgICAgIH0gZWxzZSBpZiAoZWwubXNuX3R5cGUgPT0gMikgew0KICAgICAgICAgICAgZWwubXNuID0gdGhpcy5yZXBsYWNlX2VtKGBbJHtlbC5tc259XWApOw0KICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgICAgIGxldCBzZWxlY3RvciA9ICcnOw0KICAgICAgICBpZiAodGhpcy51cHBlcklkID09IDApIHsNCiAgICAgICAgICBzZWxlY3RvciA9ICcnOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHNlbGVjdG9yID0gYGNoYXRfJHt0aGlzLmNoYXRMaXN0WzBdLmlkfWA7DQogICAgICAgIH0NCg0KICAgICAgICAvLyB0aGlzLmNoYXRMaXN0ID0gcmVzLmRhdGEuY29uY2F0KHRoaXMuY2hhdExpc3QpDQogICAgICAgIHRoaXMuY2hhdExpc3QgPSBbLi4ucmVzLmRhdGEsIC4uLnRoaXMuY2hhdExpc3RdOw0KICAgICAgICB0aGlzLnVwcGVySWQgPSByZXMuZGF0YS5sZW5ndGggPiAwID8gcmVzLmRhdGFbMF0uaWQgOiAwOw0KICAgICAgICB0aGlzLmlzTG9hZCA9IGZhbHNlOw0KICAgICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgICAgLy8gdGhpcy5zY3JvbGxUb1RvcCgpDQogICAgICAgICAgdGhpcy5pc1Njcm9sbCA9IHJlcy5kYXRhLmxlbmd0aCA+PSB0aGlzLmxpbWl0Ow0KICAgICAgICAgIHRoaXMuc2V0UGFnZVNjcm9sbFRvKHNlbGVjdG9yKTsNCiAgICAgICAgfSk7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOiuvue9rumhtemdoua7muWKqOS9jee9rg0KICAgIHNldFBhZ2VTY3JvbGxUbyhzZWxlY3Rvcikgew0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICBpZiAoc2VsZWN0b3IpIHsNCiAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgICAgIGxldCBudW0gPSBwYXJzZUZsb2F0KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHNlbGVjdG9yKS5vZmZzZXRUb3ApIC0gNjA7DQogICAgICAgICAgICB0aGlzLnNjcm9sbFRvcCA9IG51bTsNCiAgICAgICAgICB9LCAwKTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB2YXIgY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2NoYXRfc2Nyb2xsJyk7DQogICAgICAgICAgdGhpcy5zY3JvbGxUb3AgPSBjb250YWluZXIub2Zmc2V0SGVpZ2h0Ow0KICAgICAgICAgIHNldFRpbWVvdXQoKHJlcykgPT4gew0KICAgICAgICAgICAgaWYgKHRoaXMuc2Nyb2xsVG9wICE9IHRoaXMuJHJlZnMuc2Nyb2xsQm94Lm9mZnNldEhlaWdodCkgew0KICAgICAgICAgICAgICB0aGlzLnNjcm9sbFRvcCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNjaGF0X3Njcm9sbCcpLm9mZnNldEhlaWdodDsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9LCAzMDApOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8v5rua5Yqo5Yiw6aG26YOoDQogICAgc2Nyb2xsSGFuZGxlcigpIHsNCiAgICAgIGxldCBzZWxmID0gdGhpczsNCiAgICAgIGlmICh0aGlzLmlzU2Nyb2xsICYmIHRoaXMudXBwZXJJZCkgew0KICAgICAgICB0aGlzLmlzTG9hZCA9IHRydWU7DQogICAgICAgIHRoaXMuZ2V0Q2hhdExpc3QoKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIC8vIOa7muWKqOadoeWKqOeUuw0KICAgIHNjcm9sbFRvVG9wKGR1cmF0aW9uKSB7DQogICAgICB2YXIgY29udGFpbmVyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2NoYXRfc2Nyb2xsJyk7DQogICAgICB0aGlzLnNjcm9sbFRvcCA9IGNvbnRhaW5lci5vZmZzZXRIZWlnaHQgLSB0aGlzLm9sZEhlaWdodDsNCiAgICAgIHNldFRpbWVvdXQoKHJlcykgPT4gew0KICAgICAgICB0aGlzLnNjcm9sbFRvcCA9IHRoaXMuJHJlZnMuc2Nyb2xsQm94Lm9mZnNldEhlaWdodCAtIHRoaXMub2xkSGVpZ2h0Ow0KICAgICAgfSwgMzAwKTsNCiAgICB9LA0KICAgIC8vIOWVhuWTgeaOqOmAgQ0KICAgIGJpbmRQdXNoKGRhdGEpIHsNCiAgICAgIHRoaXMuc2VuZE1zZyhkYXRhLCA1KTsNCiAgICB9LA0KICAgIC8vIOWVhuWTgeivpuaDhQ0KICAgIGxvb2tHb29kcyhpdGVtKSB7DQogICAgICB0aGlzLmdvb2RzSWQgPSBpdGVtLm1zbjsNCiAgICAgIHRoaXMuaXNQcm9kdWN0Qm94ID0gdHJ1ZTsNCiAgICB9LA0KICAgIC8vIOaQnOe0oueUqOaItw0KICAgIGJpbmRTZWFyY2goZGF0YSkgew0KICAgICAgdGhpcy5zZWFyY2hEYXRhID0gZGF0YTsNCiAgICAgIHRoaXMub2xkSGVpZ2h0ID0gMDsNCiAgICAgIHRoaXMudXBwZXJJZCA9IDA7DQogICAgICB0aGlzLmlzU2Nyb2xsID0gZmFsc2U7DQogICAgfSwNCiAgICAvLyDlrqLmnI3ovazmjqUNCiAgICB0cmFuc2ZlclBlb3BsZShkYXRhKSB7DQogICAgICB0aGlzLnRyYW5zZmVySWQgPSBkYXRhLmlkOw0KICAgICAgdGhpcy5pc1RyYW5zZmVyID0gZmFsc2U7DQogICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+i9rOaOpeaIkOWKnycpOw0KICAgICAgU29ja2V0LnRoZW4oKHdzKSA9PiB7DQogICAgICAgIHdzLnNlbmQoew0KICAgICAgICAgIHR5cGU6ICd0b19jaGF0JywNCiAgICAgICAgICBkYXRhOiB7IGlkOiBkYXRhLnVpZCB9LA0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5a6i5pyN6L2s5o6l56Gu5a6aDQogICAgdHJhbnNmZXJPaygpIHt9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAmLA;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;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;;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;;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;;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","file":"index.vue","sourceRoot":"src/pages/kefu/pc","sourcesContent":["<template>\r\n  <div class=\"kefu-layouts\">\r\n    <div class=\"content-wrapper\">\r\n      <baseHeader :kefuInfo=\"kefuInfo\" :online=\"online\" @setOnline=\"setOnline\" @search=\"bindSearch\"></baseHeader>\r\n      <div class=\"container\">\r\n        <chatList\r\n          @setDataId=\"setDataId\"\r\n          @changeType=\"changeType\"\r\n          :userOnline=\"userOnline\"\r\n          :newRecored=\"newRecored\"\r\n          :searchData=\"searchData\"\r\n        ></chatList>\r\n        <div class=\"chat-content\">\r\n          <div class=\"chat-body\">\r\n            <happy-scroll size=\"5\" resize hide-horizontal :scroll-top=\"scrollTop\" @vertical-start=\"scrollHandler\">\r\n              <div style=\"width: 600px; padding: 20px\" id=\"chat_scroll\" ref=\"scrollBox\" v-loading=\"isLoad\">\r\n                <div\r\n                  class=\"chat-item\"\r\n                  v-for=\"(item, index) in records\"\r\n                  :key=\"index\"\r\n                  :class=\"[{ 'right-box': item.uid == kefuInfo.uid }, { gary: item.msn_type == 5 }]\"\r\n                  :id=\"`chat_${item.id}`\"\r\n                >\r\n                  <div class=\"time\" v-show=\"item.show\">{{ item.time }}</div>\r\n                  <div class=\"flex-box\">\r\n                    <div class=\"avatar\">\r\n                      <img v-lazy=\"item.avatar\" alt=\"\" />\r\n                    </div>\r\n                    <div class=\"msg-wrapper\">\r\n                      <!-- 文档 -->\r\n                      <template v-if=\"item.msn_type <= 2\">\r\n                        <div class=\"txt-wrapper pad16\" v-html=\"item.msn\"></div>\r\n                      </template>\r\n                      <!-- 图片 -->\r\n                      <template v-if=\"item.msn_type == 3\">\r\n                        <div class=\"img-wraper\" v-viewer>\r\n                          <img v-lazy=\"item.msn\" alt=\"\" />\r\n                        </div>\r\n                      </template>\r\n                      <!-- 商品 -->\r\n                      <template v-if=\"item.msn_type == 5\">\r\n                        <div class=\"order-wrapper pad16\">\r\n                          <div class=\"img-box\">\r\n                            <img :src=\"item.productInfo.image\" alt=\"\" />\r\n                          </div>\r\n                          <div class=\"order-info\">\r\n                            <div class=\"name line1\">\r\n                              {{ item.productInfo.store_name }}\r\n                            </div>\r\n                            <div class=\"sku\">库存：{{ item.productInfo.stock }} 销量：{{ item.productInfo.sales }}</div>\r\n                            <div class=\"price-box\">\r\n                              <div class=\"num\">¥ {{ item.productInfo.price }}</div>\r\n                              <a herf=\"javascript:;\" class=\"more\" v-db-click @click.stop=\"lookGoods(item)\"\r\n                                >查看商品 ></a\r\n                              >\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </template>\r\n                      <!-- 订单 -->\r\n                      <template\r\n                        v-if=\"item.msn_type == 6 && item.orderInfo && (item.orderInfo.length > 0 || item.orderInfo.id)\"\r\n                      >\r\n                        <div class=\"order-wrapper pad16\">\r\n                          <div class=\"img-box\">\r\n                            <img :src=\"item.orderInfo.cartInfo[0].productInfo.image\" alt=\"\" />\r\n                          </div>\r\n                          <div class=\"order-info\">\r\n                            <div class=\"name line1\">\r\n                              {{ item.orderInfo.order_id }}\r\n                            </div>\r\n                            <div class=\"sku\">商品数量：{{ item.orderInfo.total_num }}</div>\r\n                            <div class=\"price-box\">\r\n                              <div class=\"num\">¥ {{ item.orderInfo.pay_price }}</div>\r\n                              <a href=\"javascript:;\" class=\"more\" v-db-click @click.stop=\"lookOrder(item)\"\r\n                                >查看订单 ></a\r\n                              >\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </template>\r\n                      <template v-if=\"item.msn_type == 6 && !item.orderInfo\">\r\n                        <div class=\"txt-wrapper pad16\" v-html=\"item.msn\"></div>\r\n                      </template>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </happy-scroll>\r\n          </div>\r\n          <div class=\"chat-textarea\">\r\n            <div class=\"chat-btn-wrapper\">\r\n              <div class=\"left-wrappers\">\r\n                <div class=\"icon-item\" v-db-click @click.stop=\"isEmoji = !isEmoji\">\r\n                  <span class=\"iconfont iconbiaoqing1\"></span>\r\n                </div>\r\n                <div class=\"icon-item\">\r\n                  <el-upload\r\n                    :show-file-list=\"false\"\r\n                    :headers=\"header\"\r\n                    :data=\"uploadData\"\r\n                    :on-success=\"handleSuccess\"\r\n                    accept=\"image/*\"\r\n                    :on-format-error=\"handleFormatError\"\r\n                    :action=\"upload\"\r\n                    :before-upload=\"beforeUpload\"\r\n                  >\r\n                    <span class=\"iconfont icontupian1\"></span>\r\n                  </el-upload>\r\n                </div>\r\n                <div class=\"icon-item\" v-db-click @click.stop.stop=\"isMsg = true\">\r\n                  <span class=\"iconfont iconliaotian\"></span>\r\n                </div>\r\n              </div>\r\n              <div class=\"right-wrapper\">\r\n                <div class=\"icon-item\" v-db-click @click.stop=\"isTransfer = !isTransfer\">\r\n                  <span class=\"iconfont iconzhuanjie\"></span>\r\n                  <span>转接</span>\r\n                </div>\r\n                <div class=\"transfer-box\" v-if=\"isTransfer\">\r\n                  <transfer @close=\"msgClose\" @transferPeople=\"transferPeople\" :userUid=\"userActive.to_uid\"></transfer>\r\n                </div>\r\n                <div class=\"transfer-bg\" v-if=\"isTransfer\" v-db-click @click.stop=\"isTransfer = false\"></div>\r\n              </div>\r\n              <!-- 表情 -->\r\n              <div class=\"emoji-box\" v-show=\"isEmoji\">\r\n                <div class=\"emoji-item\" v-for=\"(emoji, index) in emojiList\" :key=\"index\">\r\n                  <i class=\"em\" :class=\"emoji\" v-db-click @click.stop=\"select(emoji)\"></i>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"textarea-box\" style=\"position: relative\">\r\n              <el-input\r\n                ref=\"chatInput\"\r\n                v-paste=\"handleParse\"\r\n                v-model=\"chatCon\"\r\n                type=\"textarea\"\r\n                :rows=\"7\"\r\n                @keydown.enter.native=\"listen($event)\"\r\n                placeholder=\"请输入文字内容\"\r\n                style=\"font-size: 14px; height: 150px\"\r\n              />\r\n              <div class=\"send-btn\">\r\n                <el-button class=\"btns\" type=\"primary\" :disabled=\"disabled\" v-db-click @click.stop=\"sendText\"\r\n                  >发送</el-button\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <rightMenu\r\n            :isTourist=\"tourist\"\r\n            :uid=\"userActive.to_uid\"\r\n            :webType=\"userActive.type\"\r\n            @bindPush=\"bindPush\"\r\n          ></rightMenu>\r\n        </div>\r\n      </div>\r\n      <!-- 用户标签 -->\r\n      <el-dialog :visible.sync=\"isMsg\" title=\"客服话术\" class=\"none-radius isMsgbox\" width=\"720px\">\r\n        <msgWindow v-if=\"isMsg\" @close=\"msgClose\" @activeTxt=\"activeTxt\"></msgWindow>\r\n      </el-dialog>\r\n      <!-- 商品弹窗 -->\r\n      <div v-if=\"isProductBox\">\r\n        <div class=\"bg\" v-db-click @click.stop=\"isProductBox = false\"></div>\r\n        <goodsDetail :goodsId=\"goodsId\"></goodsDetail>\r\n      </div>\r\n      <!-- 订单详情 -->\r\n      <div v-if=\"isOrder\">\r\n        <el-dialog :visible.sync=\"isOrder\" title=\"订单信息\" width=\"720px\" class=\"none-radius\">\r\n          <orderDetail :orderId=\"orderId\"></orderDetail>\r\n        </el-dialog>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nvar mp3 = require('../../../assets/video/notice.wav');\r\nvar mp3 = new Audio(mp3);\r\nimport Setting from '@/setting';\r\nimport { HappyScroll } from 'vue-happy-scroll';\r\nimport baseHeader from './components/baseHeader';\r\nimport chatList from './components/chatList';\r\nimport rightMenu from './components/rightMenu';\r\nimport emojiList from '@/utils/emoji';\r\nimport { Socket } from '@/libs/socket';\r\nimport util from '@/libs/util';\r\nimport msgWindow from './components/msgWindow';\r\nimport transfer from './components/transfer';\r\nimport { serviceList, uploadImg } from '@/api/kefu';\r\nimport goodsDetail from './components/goods_detail';\r\nimport orderDetail from './components/order_detail';\r\nimport { mapState } from 'vuex';\r\nimport { getCookies, removeCookies, setCookies } from '@/libs/util';\r\nimport { serviceInfo } from '@/api/kefu_mobile';\r\nimport { isPicUpload } from '@/utils';\r\n\r\nconst chunk = function (arr, num) {\r\n  num = num * 1 || 1;\r\n  var ret = [];\r\n  arr.forEach(function (item, i) {\r\n    if (i % num === 0) {\r\n      ret.push([]);\r\n    }\r\n    ret[ret.length - 1].push(item);\r\n  });\r\n  return ret;\r\n};\r\nexport default {\r\n  name: 'index',\r\n  components: {\r\n    baseHeader,\r\n    chatList,\r\n    rightMenu,\r\n    msgWindow,\r\n    transfer,\r\n    HappyScroll,\r\n    goodsDetail,\r\n    orderDetail,\r\n  },\r\n  data() {\r\n    return {\r\n      isEmoji: false,\r\n      chatCon: '',\r\n      emojiGroup: chunk(emojiList, 20), // 表情列表\r\n      emojiList: emojiList,\r\n      html: '',\r\n      userActive: {}, //左侧用户列表选中信息\r\n      kefuInfo: {}, //客服信息\r\n      isMsg: false,\r\n      isTransfer: false,\r\n      activeMsg: '', // 选中的话术\r\n      chatList: [],\r\n      text: '',\r\n      limit: 20,\r\n      upperId: 0,\r\n      online: true, //当前客服在线状态\r\n      scrollTop: 0,\r\n      isScroll: true,\r\n      oldHeight: 0,\r\n      isLoad: false,\r\n      isProductBox: false,\r\n      goodsId: '',\r\n      isOrder: false,\r\n      orderId: '',\r\n      upload: '',\r\n      header: {},\r\n      uploadData: {\r\n        filename: 'file',\r\n      },\r\n      userOnline: {},\r\n      newRecored: {}, //新对话信息\r\n      searchData: '', // 搜索文字\r\n      scrollNum: 0, //滚动次数\r\n      transferId: '', //转接id\r\n      bodyClose: false,\r\n      tourist: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      socketStatus: (state) => state.admin.kefu.socketStatus,\r\n    }),\r\n    disabled() {\r\n      if (this.chatCon.length == 0) {\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    records() {\r\n      return this.chatList.map((item, index) => {\r\n        item.time = this.$moment(item.add_time * 1000).format('MMMDo H:mm');\r\n        if (index) {\r\n          if (item.add_time - this.chatList[index - 1].add_time >= 300) {\r\n            item.show = true;\r\n          } else {\r\n            item.show = false;\r\n          }\r\n        } else {\r\n          item.show = true;\r\n        }\r\n        return item;\r\n      });\r\n    },\r\n  },\r\n  // 指令粘贴指令定义\r\n  directives: {\r\n    paste: {\r\n      bind(el, binding, vnode) {\r\n        el.addEventListener('paste', function (event) {\r\n          //这里直接监听元素的粘贴事件\r\n          binding.value(event);\r\n        });\r\n      },\r\n    },\r\n  },\r\n  watch: {\r\n    // socketStatus:{\r\n    //     handler(nVal,Val){\r\n    //         if(nVal){\r\n    //             Socket.send({\r\n    //                 data: util.cookies.kefuGet('token'),\r\n    //                 type: \"kefu_login\"\r\n    //             });\r\n    //         }\r\n    //     },\r\n    //     deep:true\r\n    // }\r\n  },\r\n  created() {\r\n    this.upload = Setting.apiBaseURL.replace('adminapi', 'kefuapi') + '/upload';\r\n    serviceInfo().then((res) => {\r\n      this.kefuInfo = res.data;\r\n      if (this.kefuInfo.site_name) {\r\n        document.title = this.kefuInfo.site_name;\r\n      } else {\r\n        this.kefuInfo.site_name = '';\r\n      }\r\n    });\r\n  },\r\n  mounted() {\r\n    let self = this;\r\n    window.addEventListener('click', function () {\r\n      self.isEmoji = false;\r\n    });\r\n    setTimeout((e) => {\r\n      Socket.then((ws) => {\r\n        ws.send({\r\n          type: 'kefu_login',\r\n          data: getCookies('kefu_token'),\r\n        });\r\n        ws.$on(['reply', 'chat'], (data) => {\r\n          if (data.msn_type == 1) {\r\n            data.msn = this.replace_em(data.msn);\r\n          }\r\n          if (data.msn_type == 2) {\r\n            if (data.msn.indexOf('[') == -1) {\r\n              data.msn = this.replace_em(`[${data.msn}]`);\r\n            }\r\n          }\r\n          this.chatList.push(data);\r\n          this.$nextTick(function () {\r\n            setTimeout(() => {\r\n              var container = document.querySelector('#chat_scroll');\r\n              this.scrollTop = container.offsetHeight;\r\n            }, 800);\r\n          });\r\n        });\r\n        ws.$on('reply', (data) => {\r\n          // mp3.play();\r\n        });\r\n        ws.$on('socket_error', () => {\r\n          this.$message.error('连接失败');\r\n        });\r\n        ws.$on('err_tip', (data) => {\r\n          this.$message.error(data.msg);\r\n        });\r\n        //用户上线提醒广播\r\n        ws.$on('user_online', (data) => {\r\n          this.userOnline = data;\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          this.chatList.forEach((item) => {\r\n            if (item.to_uid == data.uid) {\r\n              item.mssage_num = data.num;\r\n            }\r\n          });\r\n          if (data.recored.id) {\r\n            this.newRecored = data.recored;\r\n          }\r\n        });\r\n      });\r\n    }, 2000);\r\n    this.header['Authori-zation'] = 'Bearer ' + getCookies('kefu_token');\r\n    this.text = this.replace_em('[em-smiling_imp]');\r\n    // Socket.init(this,'kefu');\r\n  },\r\n  methods: {\r\n    beforeUpload(file) {\r\n      return isPicUpload(file);\r\n    },\r\n    handleFormatError(file) {\r\n      this.$message.error('上传图片只能是 jpg、jpg、jpeg、gif 格式!');\r\n    },\r\n    bindEnter(e) {},\r\n    //微信截图上传图片时触发\r\n    handleParse(e) {\r\n      let file = null;\r\n      if (\r\n        e.clipboardData &&\r\n        e.clipboardData.items[0] &&\r\n        e.clipboardData.items[0].type &&\r\n        e.clipboardData.items[0].type.indexOf('image') > -1\r\n      ) {\r\n        //这里就是判断是否有粘贴进来的文件且文件为图片格式\r\n        file = e.clipboardData.items[0].getAsFile();\r\n      } else {\r\n        this.$message({\r\n          type: 'warning',\r\n          message: '上传的文件必须为图片且无法复制本地图片且无法同时复制多张图片',\r\n        });\r\n        return;\r\n      }\r\n      this.update(file);\r\n    },\r\n    update(e) {\r\n      // 上传照片\r\n      let file = e;\r\n      let param = new FormData(); // 创建form对象\r\n      param.append('filename', 'file'); // 通过append向form对象添加数据进去\r\n      param.append('file', file); // 通过append向form对象添加数据进去\r\n      // 添加请求头\r\n      uploadImg(param).then((res) => {\r\n        this.sendMsg(res.data.url, 3);\r\n      });\r\n    },\r\n    // 上传成功\r\n    handleSuccess(res, file, fileList) {\r\n      if (res.status === 200) {\r\n        this.$message.success(res.msg);\r\n        this.sendMsg(res.data.url, 3);\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    //订单详情\r\n    lookOrder(item) {\r\n      this.orderId = item.orderInfo.id;\r\n      this.isOrder = true;\r\n    },\r\n    setOnline(data) {\r\n      Socket.then((ws) => {\r\n        ws.send({\r\n          data: {\r\n            online: data,\r\n          },\r\n          type: 'online',\r\n        });\r\n      });\r\n      this.online = data;\r\n    },\r\n    // 阻止浏览器默认换行操作\r\n    listen(event) {\r\n      if (!event.shiftKey && event.keyCode == 13) {\r\n        if (event.target.value == '') {\r\n          return this.$message.error('请输入消息');\r\n        }\r\n        console.log(event.target.value);\r\n        this.sendMsg(event.target.value, 1);\r\n        this.chatCon = '';\r\n        this.$nextTick(() => this.$refs.chatInput.focus());\r\n      }\r\n    },\r\n    // 输入框选择表情\r\n    select(data) {\r\n      let val = `[${data}]`;\r\n      this.chatCon += val;\r\n      this.isEmoji = false;\r\n    },\r\n    // 聊天表情转换\r\n    replace_em(str) {\r\n      str = str.replace(/\\[([^\\[\\]]+)\\]/g, \"<span class='em $1'/></span>\");\r\n      return str;\r\n    },\r\n    // 获取是否游客\r\n    changeType(data) {\r\n      this.tourist = data;\r\n    },\r\n    // 获取列表用户信息\r\n    setDataId(data) {\r\n      this.userActive = data;\r\n      this.chatList = [];\r\n      this.upperId = 0;\r\n      this.oldHeight = 0;\r\n      this.isScroll = true;\r\n      if (data) {\r\n        window.document.title = data.nickname\r\n          ? `正在和${data.nickname}对话中 - ${this.kefuInfo.site_name}`\r\n          : '正在和游客对话中 - ' + this.kefuInfo.site_name;\r\n\r\n        Socket.then((ws) => {\r\n          ws.send({\r\n            data: {\r\n              id: this.userActive.to_uid,\r\n            },\r\n            type: 'to_chat',\r\n          });\r\n        });\r\n        this.getChatList();\r\n      } else {\r\n        window.document.title = this.kefuInfo.site_name;\r\n      }\r\n    },\r\n    msgClose() {\r\n      this.isTransfer = false;\r\n    },\r\n    // 话术选中\r\n    activeTxt(data) {\r\n      this.chatCon = data;\r\n      this.isMsg = false;\r\n    },\r\n    // 文本发送\r\n    sendText() {\r\n      this.sendMsg(this.chatCon, 1);\r\n      this.chatCon = '';\r\n      this.$nextTick(() => this.$refs.chatInput.focus());\r\n    },\r\n\r\n    // 统一发送处理\r\n    sendMsg(msn, type) {\r\n      let obj = {\r\n        type: 'chat',\r\n        data: {\r\n          msn,\r\n          type,\r\n          to_uid: this.userActive.to_uid,\r\n          is_tourist: this.tourist,\r\n        },\r\n      };\r\n      Socket.then((ws) => {\r\n        ws.send(obj);\r\n      });\r\n    },\r\n    send(type, data) {\r\n      Socket.send({\r\n        data,\r\n        type,\r\n      });\r\n    },\r\n    // 获取聊天列表\r\n    getChatList() {\r\n      serviceList({\r\n        limit: this.limit,\r\n        uid: this.userActive.to_uid,\r\n        upperId: this.upperId,\r\n        is_tourist: this.tourist,\r\n      }).then((res) => {\r\n        res.data.forEach((el) => {\r\n          if (el.msn_type == 1) {\r\n            el.msn = this.replace_em(el.msn);\r\n          } else if (el.msn_type == 2) {\r\n            el.msn = this.replace_em(`[${el.msn}]`);\r\n          }\r\n        });\r\n        let selector = '';\r\n        if (this.upperId == 0) {\r\n          selector = '';\r\n        } else {\r\n          selector = `chat_${this.chatList[0].id}`;\r\n        }\r\n\r\n        // this.chatList = res.data.concat(this.chatList)\r\n        this.chatList = [...res.data, ...this.chatList];\r\n        this.upperId = res.data.length > 0 ? res.data[0].id : 0;\r\n        this.isLoad = false;\r\n        this.$nextTick(() => {\r\n          // this.scrollToTop()\r\n          this.isScroll = res.data.length >= this.limit;\r\n          this.setPageScrollTo(selector);\r\n        });\r\n      });\r\n    },\r\n    // 设置页面滚动位置\r\n    setPageScrollTo(selector) {\r\n      this.$nextTick(() => {\r\n        if (selector) {\r\n          setTimeout(() => {\r\n            let num = parseFloat(document.getElementById(selector).offsetTop) - 60;\r\n            this.scrollTop = num;\r\n          }, 0);\r\n        } else {\r\n          var container = document.querySelector('#chat_scroll');\r\n          this.scrollTop = container.offsetHeight;\r\n          setTimeout((res) => {\r\n            if (this.scrollTop != this.$refs.scrollBox.offsetHeight) {\r\n              this.scrollTop = document.querySelector('#chat_scroll').offsetHeight;\r\n            }\r\n          }, 300);\r\n        }\r\n      });\r\n    },\r\n    //滚动到顶部\r\n    scrollHandler() {\r\n      let self = this;\r\n      if (this.isScroll && this.upperId) {\r\n        this.isLoad = true;\r\n        this.getChatList();\r\n      }\r\n    },\r\n    // 滚动条动画\r\n    scrollToTop(duration) {\r\n      var container = document.querySelector('#chat_scroll');\r\n      this.scrollTop = container.offsetHeight - this.oldHeight;\r\n      setTimeout((res) => {\r\n        this.scrollTop = this.$refs.scrollBox.offsetHeight - this.oldHeight;\r\n      }, 300);\r\n    },\r\n    // 商品推送\r\n    bindPush(data) {\r\n      this.sendMsg(data, 5);\r\n    },\r\n    // 商品详情\r\n    lookGoods(item) {\r\n      this.goodsId = item.msn;\r\n      this.isProductBox = true;\r\n    },\r\n    // 搜索用户\r\n    bindSearch(data) {\r\n      this.searchData = data;\r\n      this.oldHeight = 0;\r\n      this.upperId = 0;\r\n      this.isScroll = false;\r\n    },\r\n    // 客服转接\r\n    transferPeople(data) {\r\n      this.transferId = data.id;\r\n      this.isTransfer = false;\r\n      this.$message.success('转接成功');\r\n      Socket.then((ws) => {\r\n        ws.send({\r\n          type: 'to_chat',\r\n          data: { id: data.uid },\r\n        });\r\n      });\r\n    },\r\n    // 客服转接确定\r\n    transferOk() {},\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../styles/emoji-awesome/css/google.min.css';\r\n::v-deeptextarea.ivu-input {\r\n  border: none;\r\n  resize: none;\r\n}\r\n.kefu-layouts {\r\n  padding-top: 30px;\r\n  height: 100%;\r\n  display: flex;\r\n  background: #ccc;\r\n  overflow: scroll;\r\n}\r\n.content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 1200px;\r\n  height: 810px;\r\n  margin: 0 auto;\r\n  background: #fff;\r\n  .container {\r\n    flex: 1;\r\n    display: flex;\r\n    .chat-content {\r\n      width: 600px;\r\n      height: 100%;\r\n      border-right: 1px solid #ececec;\r\n      .chat-body {\r\n        height: 530px;\r\n        .chat-item {\r\n          margin-bottom: 10px;\r\n          .time {\r\n            text-align: center;\r\n            color: #999999;\r\n            font-size: 14px;\r\n            margin: 18px 0;\r\n          }\r\n          .flex-box {\r\n            display: flex;\r\n          }\r\n          .avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            margin-right: 16px;\r\n\r\n            img {\r\n              display: block;\r\n              width: 100%;\r\n              height: 100%;\r\n              border-radius: 50%;\r\n            }\r\n          }\r\n          .msg-wrapper {\r\n            max-width: 320px;\r\n            background: #f5f5f5;\r\n            border-radius: 10px;\r\n            color: #000000;\r\n            font-size: 14px;\r\n            overflow: hidden;\r\n            .txt-wrapper {\r\n              word-break: break-all;\r\n              white-space: pre-wrap;\r\n            }\r\n            .pad16 {\r\n              padding: 9px;\r\n            }\r\n            .img-wraper img {\r\n              max-width: 100%;\r\n              height: auto;\r\n              display: block;\r\n            }\r\n            .order-wrapper {\r\n              display: flex;\r\n              width: 320px;\r\n              .img-box {\r\n                width: 60px;\r\n                height: 60px;\r\n\r\n                img {\r\n                  width: 100%;\r\n                  height: 100%;\r\n                  border-radius: 5px;\r\n                }\r\n              }\r\n              .order-info {\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                width: 224px;\r\n                margin-left: 10px;\r\n                font-size: 12px;\r\n                .price-box {\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: space-between;\r\n                  font-size: 14px;\r\n                  color: #ff0000;\r\n                  .more {\r\n                    font-size: 12px;\r\n                    color: var(--prev-color-primary);\r\n                  }\r\n                }\r\n                .name {\r\n                  font-size: 14px;\r\n                }\r\n                .sku {\r\n                  margin: 1px 0;\r\n                  color: #999999;\r\n                }\r\n              }\r\n            }\r\n          }\r\n          &.right-box {\r\n            .flex-box {\r\n              flex-direction: row-reverse;\r\n              .avatar {\r\n                margin-right: 0;\r\n                margin-left: 16px;\r\n              }\r\n              .msg-wrapper {\r\n                background: #cde0ff;\r\n              }\r\n            }\r\n            &.gary .msg-wrapper {\r\n              background: #f5f5f5;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .chat-textarea {\r\n        height: 214px;\r\n        border-top: 1px solid #ececec;\r\n        .chat-btn-wrapper {\r\n          position: relative;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          padding: 15px 0;\r\n          .left-wrappers {\r\n            display: flex;\r\n            align-items: center;\r\n            .icon-item {\r\n              display: flex;\r\n              align-items: center;\r\n              margin-left: 20px;\r\n              cursor: pointer;\r\n              .iconfont {\r\n                font-size: 22px;\r\n                color: #333333;\r\n              }\r\n            }\r\n          }\r\n          .right-wrapper {\r\n            position: relative;\r\n            padding-right: 20px;\r\n            .icon-item {\r\n              display: flex;\r\n              align-items: center;\r\n              font-size: 15px;\r\n              color: #333;\r\n              cursor: pointer;\r\n\r\n              span {\r\n                margin-left: 10px;\r\n              }\r\n            }\r\n            .transfer-box {\r\n              z-index: 60;\r\n              position: absolute;\r\n              right: 1px;\r\n              bottom: 43px;\r\n              width: 140px;\r\n              background: #fff;\r\n              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n              padding: 16px;\r\n            }\r\n            .transfer-bg {\r\n              z-index: 50;\r\n              position: fixed;\r\n              left: 0;\r\n              top: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: transparent;\r\n            }\r\n          }\r\n          .emoji-box {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            transform: translateY(-100%);\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            width: 60%;\r\n            padding: 15px 9px;\r\n            box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.1);\r\n            background: #fff;\r\n            overflow: auto;\r\n            height: 240px;\r\n            .emoji-item {\r\n              margin-right: 13px;\r\n              margin-bottom: 8px;\r\n              cursor: pointer;\r\n              &:nth-child(10n) {\r\n                margin-right: 0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.send-btn {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 10px;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-top: 10px;\r\n  margin-right: 10px;\r\n  width: 80px;\r\n  .btns {\r\n    width: 100%;\r\n    background: #3875ea;\r\n    &[disabled] {\r\n      background: #cccccc;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.bg {\r\n  z-index: 100;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.5);\r\n}\r\n::v-deep .happy-scroll-content {\r\n  width: 100%;\r\n  .demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear infinite;\r\n  }\r\n\r\n  @-webkit-keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @-moz-keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @-ms-keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @-o-keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n  .demo-spin-col {\r\n    height: 100px;\r\n    position: relative;\r\n    border: 1px solid #eee;\r\n  }\r\n}\r\n.isMsgbox {\r\n  ::v-deep .ivu-modal-body {\r\n    padding: 0;\r\n  }\r\n}\r\n.emoji-box::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.textarea-box ::v-deep .ivu-input:focus {\r\n  box-shadow: none;\r\n}\r\n.textarea-box ::v-deep .el-textarea__inner {\r\n  border: none;\r\n  resize: none;\r\n}\r\n</style>\r\n"]}]}