{"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=style&index=0&id=ece7b8f0&lang=scss&scoped=true","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\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:DQpAaW1wb3J0ICcuLi8uLi8uLi9zdHlsZXMvZW1vamktYXdlc29tZS9jc3MvZ29vZ2xlLm1pbi5jc3MnOw0KOjp2LWRlZXB0ZXh0YXJlYS5pdnUtaW5wdXQgew0KICBib3JkZXI6IG5vbmU7DQogIHJlc2l6ZTogbm9uZTsNCn0NCi5rZWZ1LWxheW91dHMgew0KICBwYWRkaW5nLXRvcDogMzBweDsNCiAgaGVpZ2h0OiAxMDAlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBiYWNrZ3JvdW5kOiAjY2NjOw0KICBvdmVyZmxvdzogc2Nyb2xsOw0KfQ0KLmNvbnRlbnQtd3JhcHBlciB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogIHdpZHRoOiAxMjAwcHg7DQogIGhlaWdodDogODEwcHg7DQogIG1hcmdpbjogMCBhdXRvOw0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAuY29udGFpbmVyIHsNCiAgICBmbGV4OiAxOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgLmNoYXQtY29udGVudCB7DQogICAgICB3aWR0aDogNjAwcHg7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZWNlY2VjOw0KICAgICAgLmNoYXQtYm9keSB7DQogICAgICAgIGhlaWdodDogNTMwcHg7DQogICAgICAgIC5jaGF0LWl0ZW0gew0KICAgICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgICAgICAgLnRpbWUgew0KICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICAgICAgY29sb3I6ICM5OTk5OTk7DQogICAgICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgICAgICBtYXJnaW46IDE4cHggMDsNCiAgICAgICAgICB9DQogICAgICAgICAgLmZsZXgtYm94IHsNCiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgICAgfQ0KICAgICAgICAgIC5hdmF0YXIgew0KICAgICAgICAgICAgd2lkdGg6IDQwcHg7DQogICAgICAgICAgICBoZWlnaHQ6IDQwcHg7DQogICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDE2cHg7DQoNCiAgICAgICAgICAgIGltZyB7DQogICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KICAgICAgICAgIC5tc2ctd3JhcHBlciB7DQogICAgICAgICAgICBtYXgtd2lkdGg6IDMyMHB4Ow0KICAgICAgICAgICAgYmFja2dyb3VuZDogI2Y1ZjVmNTsNCiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogICAgICAgICAgICBjb2xvcjogIzAwMDAwMDsNCiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgICAgICAgICAudHh0LXdyYXBwZXIgew0KICAgICAgICAgICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7DQogICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIC5wYWQxNiB7DQogICAgICAgICAgICAgIHBhZGRpbmc6IDlweDsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIC5pbWctd3JhcGVyIGltZyB7DQogICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTsNCiAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvOw0KICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIC5vcmRlci13cmFwcGVyIHsNCiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgICAgd2lkdGg6IDMyMHB4Ow0KICAgICAgICAgICAgICAuaW1nLWJveCB7DQogICAgICAgICAgICAgICAgd2lkdGg6IDYwcHg7DQogICAgICAgICAgICAgICAgaGVpZ2h0OiA2MHB4Ow0KDQogICAgICAgICAgICAgICAgaW1nIHsNCiAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAub3JkZXItaW5mbyB7DQogICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgICAgICAgICAgICB3aWR0aDogMjI0cHg7DQogICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7DQogICAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICAgICAgICAgIC5wcmljZS1ib3ggew0KICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICAgICAgICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgICAgICAgICAgICBjb2xvcjogI2ZmMDAwMDsNCiAgICAgICAgICAgICAgICAgIC5tb3JlIHsNCiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgLm5hbWUgew0KICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAuc2t1IHsNCiAgICAgICAgICAgICAgICAgIG1hcmdpbjogMXB4IDA7DQogICAgICAgICAgICAgICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgICAgJi5yaWdodC1ib3ggew0KICAgICAgICAgICAgLmZsZXgtYm94IHsNCiAgICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlOw0KICAgICAgICAgICAgICAuYXZhdGFyIHsNCiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7DQogICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDE2cHg7DQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgLm1zZy13cmFwcGVyIHsNCiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjY2RlMGZmOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9DQogICAgICAgICAgICAmLmdhcnkgLm1zZy13cmFwcGVyIHsNCiAgICAgICAgICAgICAgYmFja2dyb3VuZDogI2Y1ZjVmNTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIC5jaGF0LXRleHRhcmVhIHsNCiAgICAgICAgaGVpZ2h0OiAyMTRweDsNCiAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNlY2VjZWM7DQogICAgICAgIC5jaGF0LWJ0bi13cmFwcGVyIHsNCiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgICAgICBwYWRkaW5nOiAxNXB4IDA7DQogICAgICAgICAgLmxlZnQtd3JhcHBlcnMgew0KICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgICAgICAuaWNvbi1pdGVtIHsNCiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDIwcHg7DQogICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgICAgICAgLmljb25mb250IHsNCiAgICAgICAgICAgICAgICBmb250LXNpemU6IDIycHg7DQogICAgICAgICAgICAgICAgY29sb3I6ICMzMzMzMzM7DQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgICAgLnJpZ2h0LXdyYXBwZXIgew0KICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMjBweDsNCiAgICAgICAgICAgIC5pY29uLWl0ZW0gew0KICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgICAgICBmb250LXNpemU6IDE1cHg7DQogICAgICAgICAgICAgIGNvbG9yOiAjMzMzOw0KICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQoNCiAgICAgICAgICAgICAgc3BhbiB7DQogICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7DQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIC50cmFuc2Zlci1ib3ggew0KICAgICAgICAgICAgICB6LWluZGV4OiA2MDsNCiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICAgICAgICByaWdodDogMXB4Ow0KICAgICAgICAgICAgICBib3R0b206IDQzcHg7DQogICAgICAgICAgICAgIHdpZHRoOiAxNDBweDsNCiAgICAgICAgICAgICAgYmFja2dyb3VuZDogI2ZmZjsNCiAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCA0cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuMTUpOw0KICAgICAgICAgICAgICBwYWRkaW5nOiAxNnB4Ow0KICAgICAgICAgICAgfQ0KICAgICAgICAgICAgLnRyYW5zZmVyLWJnIHsNCiAgICAgICAgICAgICAgei1pbmRleDogNTA7DQogICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDsNCiAgICAgICAgICAgICAgbGVmdDogMDsNCiAgICAgICAgICAgICAgdG9wOiAwOw0KICAgICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgICAgLmVtb2ppLWJveCB7DQogICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgICAgICBsZWZ0OiAwOw0KICAgICAgICAgICAgdG9wOiAwOw0KICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMDAlKTsNCiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgICAgICAgICB3aWR0aDogNjAlOw0KICAgICAgICAgICAgcGFkZGluZzogMTVweCA5cHg7DQogICAgICAgICAgICBib3gtc2hhZG93OiAwcHggMHB4IDEzcHggMXB4IHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgICAgICAgICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgICAgICAgICBvdmVyZmxvdzogYXV0bzsNCiAgICAgICAgICAgIGhlaWdodDogMjQwcHg7DQogICAgICAgICAgICAuZW1vamktaXRlbSB7DQogICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMTNweDsNCiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4Ow0KICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAgICAgICAgICY6bnRoLWNoaWxkKDEwbikgew0KICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDsNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnNlbmQtYnRuIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICByaWdodDogMDsNCiAgYm90dG9tOiAxMHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICBtYXJnaW4tdG9wOiAxMHB4Ow0KICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogIHdpZHRoOiA4MHB4Ow0KICAuYnRucyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgYmFja2dyb3VuZDogIzM4NzVlYTsNCiAgICAmW2Rpc2FibGVkXSB7DQogICAgICBiYWNrZ3JvdW5kOiAjY2NjY2NjOw0KICAgICAgY29sb3I6ICNmZmY7DQogICAgfQ0KICB9DQp9DQouYmcgew0KICB6LWluZGV4OiAxMDA7DQogIHBvc2l0aW9uOiBmaXhlZDsNCiAgbGVmdDogMDsNCiAgdG9wOiAwOw0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxMDAlOw0KICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNSk7DQp9DQo6OnYtZGVlcCAuaGFwcHktc2Nyb2xsLWNvbnRlbnQgew0KICB3aWR0aDogMTAwJTsNCiAgLmRlbW8tc3Bpbi1pY29uLWxvYWQgew0KICAgIGFuaW1hdGlvbjogYW5pLWRlbW8tc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7DQogIH0NCg0KICBALXdlYmtpdC1rZXlmcmFtZXMgYW5pLWRlbW8tc3BpbiB7DQogICAgZnJvbSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsNCiAgICB9DQogICAgNTAlIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7DQogICAgfQ0KDQogICAgdG8gew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsNCiAgICB9DQogIH0NCg0KICBALW1vei1rZXlmcmFtZXMgYW5pLWRlbW8tc3BpbiB7DQogICAgZnJvbSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsNCiAgICB9DQogICAgNTAlIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7DQogICAgfQ0KDQogICAgdG8gew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsNCiAgICB9DQogIH0NCg0KICBALW1zLWtleWZyYW1lcyBhbmktZGVtby1zcGluIHsNCiAgICBmcm9tIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOw0KICAgIH0NCiAgICA1MCUgew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTsNCiAgICB9DQoNCiAgICB0byB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOw0KICAgIH0NCiAgfQ0KDQogIEAtby1rZXlmcmFtZXMgYW5pLWRlbW8tc3BpbiB7DQogICAgZnJvbSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsNCiAgICB9DQogICAgNTAlIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7DQogICAgfQ0KDQogICAgdG8gew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsNCiAgICB9DQogIH0NCg0KICBAa2V5ZnJhbWVzIGFuaS1kZW1vLXNwaW4gew0KICAgIGZyb20gew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7DQogICAgfQ0KICAgIDUwJSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOw0KICAgIH0NCg0KICAgIHRvIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7DQogICAgfQ0KICB9DQogIC5kZW1vLXNwaW4tY29sIHsNCiAgICBoZWlnaHQ6IDEwMHB4Ow0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlOw0KICB9DQp9DQouaXNNc2dib3ggew0KICA6OnYtZGVlcCAuaXZ1LW1vZGFsLWJvZHkgew0KICAgIHBhZGRpbmc6IDA7DQogIH0NCn0NCi5lbW9qaS1ib3g6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgd2lkdGg6IDA7DQp9DQoudGV4dGFyZWEtYm94IDo6di1kZWVwIC5pdnUtaW5wdXQ6Zm9jdXMgew0KICBib3gtc2hhZG93OiBub25lOw0KfQ0KLnRleHRhcmVhLWJveCA6OnYtZGVlcCAuZWwtdGV4dGFyZWFfX2lubmVyIHsNCiAgYm9yZGVyOiBub25lOw0KICByZXNpemU6IG5vbmU7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA+nBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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","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"]}]}