{"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\\components\\msgWindow.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\pc\\components\\msgWindow.vue","mtime":1761185180104},{"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:DQppbXBvcnQgew0KICBzcGVlQ2hjcmFmdCwNCiAgc2VydmljZUNhdGUsDQogIHNlcnZpY2VDYXRlVXBkYXRlLA0KICBhZGRTcGVlQ2hjcmFmdCwNCiAgYWRkU2VydmljZUNhdGUsDQogIGVkaXRTZXJ2aWNlQ2F0ZSwNCn0gZnJvbSAnQC9hcGkva2VmdSc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdtc2dXaW5kb3cnLA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBvcHM6IHsNCiAgICAgICAgdnVlc2Nyb2xsOiB7DQogICAgICAgICAgbW9kZTogJ25hdGl2ZScsDQogICAgICAgICAgZW5hYmxlOiBmYWxzZSwNCiAgICAgICAgICB0aXBzOiB7DQogICAgICAgICAgICBkZWFjdGl2ZTogJ1B1c2ggdG8gTG9hZCcsDQogICAgICAgICAgICBhY3RpdmU6ICdSZWxlYXNlIHRvIExvYWQnLA0KICAgICAgICAgICAgc3RhcnQ6ICdMb2FkaW5nLi4uJywNCiAgICAgICAgICAgIGJlZm9yZURlYWN0aXZlOiAnTG9hZCBTdWNjZXNzZnVsbHkhJywNCiAgICAgICAgICB9LA0KICAgICAgICAgIGF1dG86IGZhbHNlLA0KICAgICAgICAgIGF1dG9Mb2FkRGlzdGFuY2U6IDAsDQogICAgICAgICAgcHVsbFJlZnJlc2g6IHsNCiAgICAgICAgICAgIGVuYWJsZTogZmFsc2UsDQogICAgICAgICAgfSwNCiAgICAgICAgICBwdXNoTG9hZDogew0KICAgICAgICAgICAgZW5hYmxlOiBmYWxzZSwNCiAgICAgICAgICAgIGF1dG86IHRydWUsDQogICAgICAgICAgICBhdXRvTG9hZERpc3RhbmNlOiAxMCwNCiAgICAgICAgICB9LA0KICAgICAgICB9LA0KICAgICAgICBiYXI6IHsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiAnIzM5MzIzMicsDQogICAgICAgICAgb3BhY2l0eTogJy41JywNCiAgICAgICAgICBzaXplOiAnMnB4JywNCiAgICAgICAgfSwNCiAgICAgIH0sDQogICAgICBpc1Njcm9sbDogdHJ1ZSwNCiAgICAgIHBhZ2U6IDEsDQogICAgICBsaW1pdDogMTUsDQogICAgICB0YWJDdXI6IDEsDQogICAgICB0YWJMaXN0OiBbDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+S4quS6uuW6kycsDQogICAgICAgICAga2V5OiAxLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdGl0bGU6ICflhazlhbHlupMnLA0KICAgICAgICAgIGtleTogMCwNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICBzZWFyY2hUeHQ6ICcnLCAvLyDmkJzntKINCiAgICAgIGxpc3Q6IFsNCiAgICAgICAgew0KICAgICAgICAgIGlzRWRpdDogZmFsc2UsDQogICAgICAgIH0sDQogICAgICBdLCAvLyDliJfooagNCiAgICAgIG1vZGVsMTogJycsDQogICAgICBtc2dUaXRsZTogJycsIC8vIOWhq+WGmeeahOagh+mimA0KICAgICAgc29ydExpc3Q6IFtdLCAvLyDliIbnsbsNCiAgICAgIGNhdGVJZDogJycsIC8vIOmAieS4reeahGlkDQogICAgICBhZGRNc2c6IHsNCiAgICAgICAgdGl0bGU6ICcnLA0KICAgICAgICBtZXNzYWdlOiAnJywNCiAgICAgICAgY2F0ZUlkOiAnJywNCiAgICAgICAgaXNFZGl0OiBmYWxzZSwNCiAgICAgIH0sDQogICAgICBpc0FkZFNvcnQ6IGZhbHNlLCAvLyDmt7vliqDliIbnsbsNCiAgICAgIGNsYXNzVGl0bGU6ICcnLCAvLyDliIbnsbvlkI3np7ANCiAgICAgIGNsYXNzU29ydDogJycsIC8vIOWIhuexu+aOkuW6jw0KICAgICAgbWFza1RpdGxlOiAnJywgLy8g5by556qX5qCH6aKYDQogICAgICBlZGl0T2JqOiB7fSwgLy8g57yW6L6R5YiG57G75a+56LGhDQogICAgfTsNCiAgfSwNCiAgZmlsdGVyczogew0KICAgIGZpbHRlcnNUaXRsZSh2YWwpIHsNCiAgICAgIGxldCBsZW4gPSAzNzsNCiAgICAgIGlmICh2YWwubGVuZ3RoID4gbGVuKSB7DQogICAgICAgIGxldCBkYXRhID0gdmFsLnN1YnN0cmluZygwLCBsZW4pOw0KICAgICAgICByZXR1cm4gYCR7ZGF0YX0uLi5gOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgcmV0dXJuIHZhbDsNCiAgICAgIH0NCiAgICB9LA0KICAgIGZpbHRlcnNDb24odmFsKSB7DQogICAgICBsZXQgbGVuID0gMTEzOw0KICAgICAgaWYgKHZhbC5sZW5ndGggPiBsZW4pIHsNCiAgICAgICAgbGV0IGRhdGEgPSB2YWwuc3Vic3RyaW5nKDAsIGxlbik7DQogICAgICAgIHJldHVybiBgJHtkYXRhfS4uLmA7DQogICAgICB9IGVsc2Ugew0KICAgICAgICByZXR1cm4gdmFsOw0KICAgICAgfQ0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgbGV0IHNlbGYgPSB0aGlzOw0KICAgIHRoaXMuc2VydmljZUNhdGUoKTsNCiAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAvLyB0aGlzLnNjcm9sbCA9IG5ldyBCU2Nyb2xsKHRoaXMuJHJlZnMud3JhcHBlciwgew0KICAgICAgLy8gICBtb3VzZVdoZWVsOiB7DQogICAgICAvLyAgICAgc3BlZWQ6IDIwLA0KICAgICAgLy8gICAgIGludmVydDogZmFsc2UsDQogICAgICAvLyAgICAgZWFzZVRpbWU6IDMwMCwNCiAgICAgIC8vICAgfSwNCiAgICAgIC8vICAgc2Nyb2xsYmFyOiB0cnVlLA0KICAgICAgLy8gICBkaXNhYmxlTW91c2U6IHRydWUsDQogICAgICAvLyAgIC8vIGFuZCBzbyBvbg0KICAgICAgLy8gfSk7DQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDmiZPlvIDnvJbovpENCiAgICBlZGl0TXNnKGl0ZW0pIHsNCiAgICAgIGl0ZW0uaXNFZGl0ID0gdHJ1ZTsNCiAgICAgIHRoaXMuY2F0ZUlkID0gaXRlbS5jYXRlX2lkOw0KICAgIH0sDQogICAgLy8g57yW6L6R5qGGDQogICAgYmluZEVkaXQoaXRlbSwgaW5kZXgpIHsNCiAgICAgIC8vICAgaWYgKGluZGV4ID09IDApIHsNCiAgICAgIC8vICAgICByZXR1cm47DQogICAgICAvLyAgIH0gZWxzZSB7DQogICAgICBpdGVtLmlzRWRpdCA9ICFpdGVtLmlzRWRpdDsNCiAgICAgIC8vICAgfQ0KICAgIH0sDQogICAgLy8g5aS06YOo6YCJ5oupDQogICAgYmluZFRhYihpdGVtKSB7DQogICAgICBjb25zb2xlLmxvZygnMTEyMicpOw0KICAgICAgZGVidWdnZXI7DQogICAgICB0aGlzLnRhYkN1ciA9IGl0ZW0ua2V5Ow0KICAgICAgdGhpcy5jYXRlSWQgPSAnJzsNCiAgICAgIHRoaXMuc29ydExpc3QgPSBbXTsNCiAgICAgIHRoaXMuaXNTY3JvbGwgPSB0cnVlOw0KICAgICAgdGhpcy5wYWdlID0gMTsNCiAgICAgIHRoaXMubGlzdCA9IFtdOw0KICAgICAgdGhpcy5zZXJ2aWNlQ2F0ZSgpOw0KICAgIH0sDQogICAgLy8g5pCc57SiDQogICAgYmluZFNlYXJjaCgpIHsNCiAgICAgIHRoaXMuaXNTY3JvbGwgPSB0cnVlOw0KICAgICAgdGhpcy5wYWdlID0gMTsNCiAgICAgIHRoaXMubGlzdCA9IFtdOw0KICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgfSwNCiAgICAvLyDpgInmi6nliIbnsbsNCiAgICBzZWxlY3RTb3J0KGl0ZW0pIHsNCiAgICAgIGlmICh0aGlzLmNhdGVJZCA9PSBpdGVtLmlkKSB7DQogICAgICAgIHJldHVybjsNCiAgICAgIH0NCiAgICAgIHRoaXMuc29ydExpc3QuZm9yRWFjaCgoZWwsIGluZGV4KSA9PiB7DQogICAgICAgIGlmIChlbC5pZCAhPSBpdGVtLmlkKSB7DQogICAgICAgICAgZWwuaXNFZGl0ID0gZmFsc2U7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgICAgdGhpcy5jYXRlSWQgPSBpdGVtLmlkOw0KICAgICAgdGhpcy5pc1Njcm9sbCA9IHRydWU7DQogICAgICB0aGlzLnBhZ2UgPSAxOw0KICAgICAgdGhpcy5saXN0ID0gW107DQogICAgICB0aGlzLmdldExpc3QoKTsNCiAgICB9LA0KICAgIC8vIOWIoOmZpOWIhuexuw0KICAgIGRlbFNvcnQocm93LCB0aXQsIG51bSkgew0KICAgICAgbGV0IGRlbGZyb21EYXRhID0gew0KICAgICAgICB0aXRsZTogdGl0LA0KICAgICAgICBudW06IG51bSwNCiAgICAgICAgdXJsOiBgL3NlcnZpY2UvY2F0ZS8ke3Jvdy5pZH1gLA0KICAgICAgICBtZXRob2Q6ICdERUxFVEUnLA0KICAgICAgICBpZHM6ICcnLA0KICAgICAgICBrZWZ1OiB0cnVlLA0KICAgICAgfTsNCiAgICAgIHRoaXMuJG1vZGFsU3VyZShkZWxmcm9tRGF0YSkNCiAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICB0aGlzLmlzU2Nyb2xsID0gdHJ1ZTsNCiAgICAgICAgICB0aGlzLnBhZ2UgPSAxOw0KICAgICAgICAgIHRoaXMubGlzdCA9IFtdOw0KICAgICAgICAgIHRoaXMuY2F0ZUlkID0gJyc7DQogICAgICAgICAgdGhpcy5zZXJ2aWNlQ2F0ZSgpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g6I635Y+W5YiG57G7DQogICAgc2VydmljZUNhdGUoKSB7DQogICAgICBzZXJ2aWNlQ2F0ZSh7DQogICAgICAgIHR5cGU6IHRoaXMudGFiQ3VyLA0KICAgICAgfSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIGxldCBvYmogPSB7DQogICAgICAgICAgaWQ6ICcnLA0KICAgICAgICAgIG5hbWU6ICflhajpg6gnLA0KICAgICAgICB9Ow0KICAgICAgICByZXMuZGF0YS5kYXRhLmZvckVhY2goKGVsLCBpbmRleCkgPT4gew0KICAgICAgICAgIGVsLmlzRWRpdCA9IGZhbHNlOw0KICAgICAgICB9KTsNCiAgICAgICAgLy8gcmVzLmRhdGEuZGF0YS51bnNoaWZ0KG9iaikNCiAgICAgICAgdGhpcy5zb3J0TGlzdCA9IHJlcy5kYXRhLmRhdGE7DQogICAgICAgIGlmICh0aGlzLmNhdGVJZCA9PT0gJycpIHsNCiAgICAgICAgICB0aGlzLmNhdGVJZCA9IHJlcy5kYXRhLmRhdGFbMF0uaWQ7DQogICAgICAgIH0NCiAgICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOiOt+WPluWIl+ihqA0KICAgIGdldExpc3QoKSB7DQogICAgICBpZiAoIXRoaXMuaXNTY3JvbGwpIHJldHVybjsNCiAgICAgIHNwZWVDaGNyYWZ0KHsNCiAgICAgICAgcGFnZTogdGhpcy5wYWdlLA0KICAgICAgICBsaW1pdDogdGhpcy5saW1pdCwNCiAgICAgICAgdGl0bGU6IHRoaXMuc2VhcmNoVHh0LA0KICAgICAgICBjYXRlX2lkOiB0aGlzLmNhdGVJZCwNCiAgICAgICAgdHlwZTogdGhpcy50YWJDdXIsDQogICAgICB9KS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5pc1Njcm9sbCA9IHJlcy5kYXRhLmxlbmd0aCA+PSB0aGlzLmxpbWl0Ow0KICAgICAgICByZXMuZGF0YS5mb3JFYWNoKChlbCwgaW5kZXgpID0+IHsNCiAgICAgICAgICBlbC5pc0VkaXQgPSBmYWxzZTsNCiAgICAgICAgfSk7DQogICAgICAgIHRoaXMucGFnZSsrOw0KICAgICAgICB0aGlzLmxpc3QgPSB0aGlzLmxpc3QuY29uY2F0KHJlcy5kYXRhKTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5L+u5pS56K+d5pyvDQogICAgdXBkYXRhTXNnKGl0ZW0pIHsNCiAgICAgIHNlcnZpY2VDYXRlVXBkYXRlKGl0ZW0uaWQsIHsNCiAgICAgICAgdGl0bGU6IGl0ZW0udGl0bGUsDQogICAgICAgIGNhdGVfaWQ6IHRoaXMuY2F0ZUlkLA0KICAgICAgICBtZXNzYWdlOiBpdGVtLm1lc3NhZ2UsDQogICAgICB9KQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCfkv67mlLnmiJDlip8nKTsNCiAgICAgICAgICBpdGVtLmlzRWRpdCA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycm9yKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnJvci5tc2cpOw0KICAgICAgICAgIGl0ZW0uaXNFZGl0ID0gdHJ1ZTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDmt7vliqDmoYbmmL7npLoNCiAgICBiaW5kRm9jdXMoKSB7DQogICAgICB0aGlzLmxpc3QuZm9yRWFjaCgoZWwsIGl0ZW0pID0+IHsNCiAgICAgICAgZWwuaXNFZGl0ID0gZmFsc2U7DQogICAgICB9KTsNCiAgICAgIHRoaXMuYWRkTXNnLmlzRWRpdCA9IHRydWU7DQogICAgfSwNCiAgICAvLyDmiZPlvIDmt7vliqDnqpflj6MNCiAgICBvcGVuQWRkU29ydCgpIHsNCiAgICAgIHRoaXMuaXNBZGRTb3J0ID0gdHJ1ZTsNCiAgICAgIHRoaXMubWFza1RpdGxlID0gJ+a3u+WKoOWIhue7hCc7DQogICAgICB0aGlzLmVkaXRPYmouaWQgPSAwOw0KICAgIH0sDQogICAgLy8g5re75Yqg6K+d5pyvDQogICAgYmluZEFkZCgpIHsNCiAgICAgIGFkZFNwZWVDaGNyYWZ0KHsNCiAgICAgICAgdGl0bGU6IHRoaXMuYWRkTXNnLnRpdGxlLA0KICAgICAgICBjYXRlX2lkOiB0aGlzLmFkZE1zZy5jYXRlSWQsDQogICAgICAgIG1lc3NhZ2U6IHRoaXMuYWRkTXNnLm1lc3NhZ2UsDQogICAgICB9KQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5hZGRNc2cudGl0bGUgPSAnJzsNCiAgICAgICAgICB0aGlzLmFkZE1zZy5tZXNzYWdlID0gJyc7DQogICAgICAgICAgdGhpcy5hZGRNc2cuY2F0ZUlkID0gJyc7DQogICAgICAgICAgdGhpcy5hZGRNc2cuaXNFZGl0ID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgIHJlcy5kYXRhLmlzRWRpdCA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMucGFnZSA9IDE7DQogICAgICAgICAgdGhpcy5saXN0ID0gW107DQogICAgICAgICAgdGhpcy5pc1Njcm9sbCA9IHRydWU7DQogICAgICAgICAgdGhpcy5zZXJ2aWNlQ2F0ZSgpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycm9yKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnJvci5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOWIoOmZpA0KICAgIGRlbE1zZyhyb3csIHRpdCwgbnVtLCB0eXBlKSB7DQogICAgICBsZXQgZGVsZnJvbURhdGEgPSB7DQogICAgICAgIHRpdGxlOiB0aXQsDQogICAgICAgIG51bTogbnVtLA0KICAgICAgICB1cmw6IGBzZXJ2aWNlL3NwZWVjaGNyYWZ0LyR7cm93LmlkfWAsDQogICAgICAgIG1ldGhvZDogJ0RFTEVURScsDQogICAgICAgIGlkczogJycsDQogICAgICAgIGtlZnU6IHRydWUsDQogICAgICB9Ow0KICAgICAgdGhpcy4kbW9kYWxTdXJlKGRlbGZyb21EYXRhKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgIHRoaXMubGlzdC5zcGxpY2UobnVtLCAxKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOa3u+WKoOWIhuexuw0KICAgIGFkZFNlcnZpY2VDYXRlKCkgew0KICAgICAgaWYgKHRoaXMuZWRpdE9iai5pZCkgew0KICAgICAgICBlZGl0U2VydmljZUNhdGUodGhpcy5lZGl0T2JqLmlkLCB7DQogICAgICAgICAgbmFtZTogdGhpcy5jbGFzc1RpdGxlLA0KICAgICAgICAgIHNvcnQ6IHRoaXMuY2xhc3NTb3J0LA0KICAgICAgICB9KQ0KICAgICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgIHRoaXMuY2xhc3NUaXRsZSA9ICcnOw0KICAgICAgICAgICAgdGhpcy5jbGFzc1NvcnQgPSAnJzsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICAgIHRoaXMuaXNBZGRTb3J0ID0gZmFsc2U7DQogICAgICAgICAgICB0aGlzLnBhZ2UgPSAxOw0KICAgICAgICAgICAgdGhpcy5saXN0ID0gW107DQogICAgICAgICAgICB0aGlzLmlzU2Nyb2xsID0gdHJ1ZTsNCiAgICAgICAgICAgIHRoaXMuc2VydmljZUNhdGUoKTsNCiAgICAgICAgICB9KQ0KICAgICAgICAgIC5jYXRjaCgoZXJyb3IpID0+IHsNCiAgICAgICAgICAgIHRoaXMuY2xhc3NUaXRsZSA9ICcnOw0KICAgICAgICAgICAgdGhpcy5jbGFzc1NvcnQgPSAnJzsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyb3IubXNnKTsNCiAgICAgICAgICB9KTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIGFkZFNlcnZpY2VDYXRlKHsNCiAgICAgICAgICBuYW1lOiB0aGlzLmNsYXNzVGl0bGUsDQogICAgICAgICAgc29ydDogdGhpcy5jbGFzc1NvcnQsDQogICAgICAgIH0pDQogICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgdGhpcy5jbGFzc1RpdGxlID0gJyc7DQogICAgICAgICAgICB0aGlzLmNsYXNzU29ydCA9ICcnOw0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgICAgdGhpcy5pc0FkZFNvcnQgPSBmYWxzZTsNCiAgICAgICAgICAgIHRoaXMucGFnZSA9IDE7DQogICAgICAgICAgICB0aGlzLmxpc3QgPSBbXTsNCiAgICAgICAgICAgIHRoaXMuaXNTY3JvbGwgPSB0cnVlOw0KICAgICAgICAgICAgdGhpcy5zZXJ2aWNlQ2F0ZSgpOw0KICAgICAgICAgIH0pDQogICAgICAgICAgLmNhdGNoKChlcnJvcikgPT4gew0KICAgICAgICAgICAgdGhpcy5jbGFzc1RpdGxlID0gJyc7DQogICAgICAgICAgICB0aGlzLmNsYXNzU29ydCA9ICcnOw0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnJvci5tc2cpOw0KICAgICAgICAgIH0pOw0KICAgICAgfQ0KICAgIH0sDQogICAgLy8g57yW6L6R5YiG57G7DQogICAgZWRpdFNvcnQoaXRlbSkgew0KICAgICAgdGhpcy5jbGFzc1NvcnQgPSBpdGVtLnNvcnQ7DQogICAgICB0aGlzLmNsYXNzVGl0bGUgPSBpdGVtLm5hbWU7DQogICAgICB0aGlzLmlzQWRkU29ydCA9IHRydWU7DQogICAgICB0aGlzLm1hc2tUaXRsZSA9ICfnvJbovpHliIbnu4QnOw0KICAgICAgdGhpcy5lZGl0T2JqID0gaXRlbTsNCiAgICB9LA0KICAgIGhhbmRsZVJlYWNoQm90dG9tKCkgew0KICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgfSwNCiAgICBiaW5kUmFkaW8oZGF0YSkgew0KICAgICAgdGhpcy4kZW1pdCgnYWN0aXZlVHh0JywgZGF0YS5tZXNzYWdlKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["msgWindow.vue"],"names":[],"mappings":";AAoIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"msgWindow.vue","sourceRoot":"src/pages/kefu/pc/components","sourcesContent":["<template>\r\n  <div class=\"msg-box\">\r\n    <div class=\"head\">\r\n      <div class=\"tab-bar\">\r\n        <a\r\n          href=\"javascript:;\"\r\n          class=\"tab-item\"\r\n          :class=\"{ on: item.key == tabCur }\"\r\n          v-for=\"(item, index) in tabList\"\r\n          :key=\"index\"\r\n          v-db-click\r\n          @click=\"bindTab(item)\"\r\n          >{{ item.title }}</a\r\n        >\r\n      </div>\r\n      <div class=\"search-box\">\r\n        <el-input placeholder=\"搜索快捷回复\" style=\"width: 100%\" v-model=\"searchTxt\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <div class=\"left-box\">\r\n        <vue-scroll :ops=\"ops\">\r\n          <div class=\"left-item\" v-if=\"tabCur\">\r\n            <p>分组</p>\r\n            <span class=\"iconfont iconaddto\" v-db-click @click=\"openAddSort\"></span>\r\n          </div>\r\n          <div\r\n            class=\"left-item\"\r\n            v-for=\"(item, index) in sortList\"\r\n            :key=\"index\"\r\n            :class=\"{ on: cateId == item.id }\"\r\n            v-db-click\r\n            @click=\"selectSort(item)\"\r\n          >\r\n            <p>{{ item.name }}</p>\r\n            <template v-if=\"tabCur\">\r\n              <span class=\"iconfont iconDot\" v-db-click @click.top=\"bindEdit(item, scope.$index)\"></span>\r\n\r\n              <div class=\"edit-wrapper\" v-show=\"item.isEdit\">\r\n                <div class=\"edit-item\" v-db-click @click=\"editSort(item)\">编辑</div>\r\n                <div class=\"edit-item\" v-db-click @click=\"delSort(item, '删除分类', scope.$index)\">删除</div>\r\n              </div>\r\n              <div class=\"edit-bg\" v-show=\"item.isEdit\" v-db-click @click.stop=\"item.isEdit = false\"></div>\r\n            </template>\r\n          </div>\r\n        </vue-scroll>\r\n      </div>\r\n      <div class=\"right-box\">\r\n        <div\r\n          v-infinite-scroll=\"handleReachBottom\"\r\n          class=\"right-scroll\"\r\n          :infinite-scroll-immediate=\"false\"\r\n          :infinite-scroll-delay=\"500\"\r\n          style=\"overflow: auto\"\r\n        >\r\n          <div class=\"msg-item add-box\" v-if=\"tabCur\" style=\"margin-top: 0\">\r\n            <div class=\"box2\">\r\n              <el-input\r\n                class=\"input-box\"\r\n                v-model=\"addMsg.title\"\r\n                placeholder=\"输入标题（选填）\"\r\n                style=\"width: 100%\"\r\n                @on-focus=\"bindFocus\"\r\n              />\r\n              <div class=\"conBox\" :class=\"{ active: addMsg.isEdit }\">\r\n                <div class=\"content\">\r\n                  <el-input v-model=\"addMsg.message\" type=\"textarea\" :rows=\"4\" placeholder=\"请输入内容\" />\r\n                </div>\r\n                <div class=\"bom\">\r\n                  <div class=\"select\">\r\n                    <el-select v-model=\"addMsg.cateId\" style=\"width: 100px\" size=\"small\">\r\n                      <el-option v-for=\"item in sortList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }} </el-option>\r\n                    </el-select>\r\n                  </div>\r\n                  <div class=\"btns-box\">\r\n                    <el-button v-db-click @click.stop=\"addMsg.isEdit = false\">取消</el-button>\r\n                    <el-button type=\"primary\" v-db-click @click.stop=\"bindAdd\">保存</el-button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"msg-item\" v-for=\"(item, index) in list\" :key=\"index\" v-if=\"item.id\">\r\n            <div class=\"box1\" v-if=\"!item.isEdit\">\r\n              <div class=\"txt-box\" v-db-click @click=\"bindRadio(item)\">\r\n                <span class=\"title\" v-if=\"item.title\">{{ item.title | filtersTitle }}</span>\r\n                <span v-if=\"item.message\">{{ item.message | filtersCon }}</span>\r\n              </div>\r\n              <div class=\"edit-box\" v-if=\"tabCur\">\r\n                <span class=\"iconfont iconbianji\" v-db-click @click.stop=\"editMsg(item)\"></span>\r\n                <span class=\"iconfont iconshanchu\" v-db-click @click.stop=\"delMsg(item, '删除话术', index)\"></span>\r\n              </div>\r\n            </div>\r\n            <div class=\"box2\" v-else>\r\n              <el-input class=\"input-box\" v-model=\"item.title\" placeholder=\"输入标题（选填）\" style=\"width: 100%\" />\r\n              <div class=\"content\">\r\n                <el-input v-model=\"item.message\" type=\"textarea\" :rows=\"4\" placeholder=\"请输入内容\" />\r\n              </div>\r\n              <div class=\"bom\">\r\n                <div class=\"select\">\r\n                  <el-select v-model=\"cateId\" style=\"width: 100px\" size=\"small\">\r\n                    <el-option v-for=\"item in sortList\" :value=\"item.id\" :key=\"item.id\" :label=\"item.name\"></el-option>\r\n                  </el-select>\r\n                </div>\r\n                <div class=\"btns-box\">\r\n                  <el-button v-db-click @click.stop=\"item.isEdit = false\">取消</el-button>\r\n                  <el-button type=\"primary\" v-db-click @click.stop=\"updataMsg(item)\">保存</el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-dialog :visible.sync=\"isAddSort\" append-to-body :title=\"maskTitle\" width=\"304px\" class=\"class-box\">\r\n      <div class=\"item\">\r\n        <span>分组名称：</span>\r\n        <el-input v-model=\"classTitle\" placeholder=\"分组名称\" />\r\n      </div>\r\n      <div class=\"item\">\r\n        <span>分组排序：</span>\r\n        <el-input v-model=\"classSort\" placeholder=\"输入排序\" />\r\n      </div>\r\n      <div class=\"btn\"></div>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" v-db-click @click=\"addServiceCate\">确定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  speeChcraft,\r\n  serviceCate,\r\n  serviceCateUpdate,\r\n  addSpeeChcraft,\r\n  addServiceCate,\r\n  editServiceCate,\r\n} from '@/api/kefu';\r\nexport default {\r\n  name: 'msgWindow',\r\n  data() {\r\n    return {\r\n      ops: {\r\n        vuescroll: {\r\n          mode: 'native',\r\n          enable: false,\r\n          tips: {\r\n            deactive: 'Push to Load',\r\n            active: 'Release to Load',\r\n            start: 'Loading...',\r\n            beforeDeactive: 'Load Successfully!',\r\n          },\r\n          auto: false,\r\n          autoLoadDistance: 0,\r\n          pullRefresh: {\r\n            enable: false,\r\n          },\r\n          pushLoad: {\r\n            enable: false,\r\n            auto: true,\r\n            autoLoadDistance: 10,\r\n          },\r\n        },\r\n        bar: {\r\n          background: '#393232',\r\n          opacity: '.5',\r\n          size: '2px',\r\n        },\r\n      },\r\n      isScroll: true,\r\n      page: 1,\r\n      limit: 15,\r\n      tabCur: 1,\r\n      tabList: [\r\n        {\r\n          title: '个人库',\r\n          key: 1,\r\n        },\r\n        {\r\n          title: '公共库',\r\n          key: 0,\r\n        },\r\n      ],\r\n      searchTxt: '', // 搜索\r\n      list: [\r\n        {\r\n          isEdit: false,\r\n        },\r\n      ], // 列表\r\n      model1: '',\r\n      msgTitle: '', // 填写的标题\r\n      sortList: [], // 分类\r\n      cateId: '', // 选中的id\r\n      addMsg: {\r\n        title: '',\r\n        message: '',\r\n        cateId: '',\r\n        isEdit: false,\r\n      },\r\n      isAddSort: false, // 添加分类\r\n      classTitle: '', // 分类名称\r\n      classSort: '', // 分类排序\r\n      maskTitle: '', // 弹窗标题\r\n      editObj: {}, // 编辑分类对象\r\n    };\r\n  },\r\n  filters: {\r\n    filtersTitle(val) {\r\n      let len = 37;\r\n      if (val.length > len) {\r\n        let data = val.substring(0, len);\r\n        return `${data}...`;\r\n      } else {\r\n        return val;\r\n      }\r\n    },\r\n    filtersCon(val) {\r\n      let len = 113;\r\n      if (val.length > len) {\r\n        let data = val.substring(0, len);\r\n        return `${data}...`;\r\n      } else {\r\n        return val;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    let self = this;\r\n    this.serviceCate();\r\n    this.$nextTick(() => {\r\n      // this.scroll = new BScroll(this.$refs.wrapper, {\r\n      //   mouseWheel: {\r\n      //     speed: 20,\r\n      //     invert: false,\r\n      //     easeTime: 300,\r\n      //   },\r\n      //   scrollbar: true,\r\n      //   disableMouse: true,\r\n      //   // and so on\r\n      // });\r\n    });\r\n  },\r\n  methods: {\r\n    // 打开编辑\r\n    editMsg(item) {\r\n      item.isEdit = true;\r\n      this.cateId = item.cate_id;\r\n    },\r\n    // 编辑框\r\n    bindEdit(item, index) {\r\n      //   if (index == 0) {\r\n      //     return;\r\n      //   } else {\r\n      item.isEdit = !item.isEdit;\r\n      //   }\r\n    },\r\n    // 头部选择\r\n    bindTab(item) {\r\n      console.log('1122');\r\n      debugger;\r\n      this.tabCur = item.key;\r\n      this.cateId = '';\r\n      this.sortList = [];\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.serviceCate();\r\n    },\r\n    // 搜索\r\n    bindSearch() {\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.getList();\r\n    },\r\n    // 选择分类\r\n    selectSort(item) {\r\n      if (this.cateId == item.id) {\r\n        return;\r\n      }\r\n      this.sortList.forEach((el, index) => {\r\n        if (el.id != item.id) {\r\n          el.isEdit = false;\r\n        }\r\n      });\r\n      this.cateId = item.id;\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.getList();\r\n    },\r\n    // 删除分类\r\n    delSort(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `/service/cate/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n        kefu: true,\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.isScroll = true;\r\n          this.page = 1;\r\n          this.list = [];\r\n          this.cateId = '';\r\n          this.serviceCate();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 获取分类\r\n    serviceCate() {\r\n      serviceCate({\r\n        type: this.tabCur,\r\n      }).then((res) => {\r\n        let obj = {\r\n          id: '',\r\n          name: '全部',\r\n        };\r\n        res.data.data.forEach((el, index) => {\r\n          el.isEdit = false;\r\n        });\r\n        // res.data.data.unshift(obj)\r\n        this.sortList = res.data.data;\r\n        if (this.cateId === '') {\r\n          this.cateId = res.data.data[0].id;\r\n        }\r\n        this.getList();\r\n      });\r\n    },\r\n    // 获取列表\r\n    getList() {\r\n      if (!this.isScroll) return;\r\n      speeChcraft({\r\n        page: this.page,\r\n        limit: this.limit,\r\n        title: this.searchTxt,\r\n        cate_id: this.cateId,\r\n        type: this.tabCur,\r\n      }).then((res) => {\r\n        this.isScroll = res.data.length >= this.limit;\r\n        res.data.forEach((el, index) => {\r\n          el.isEdit = false;\r\n        });\r\n        this.page++;\r\n        this.list = this.list.concat(res.data);\r\n      });\r\n    },\r\n    // 修改话术\r\n    updataMsg(item) {\r\n      serviceCateUpdate(item.id, {\r\n        title: item.title,\r\n        cate_id: this.cateId,\r\n        message: item.message,\r\n      })\r\n        .then((res) => {\r\n          this.$message.success('修改成功');\r\n          item.isEdit = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$message.error(error.msg);\r\n          item.isEdit = true;\r\n        });\r\n    },\r\n    // 添加框显示\r\n    bindFocus() {\r\n      this.list.forEach((el, item) => {\r\n        el.isEdit = false;\r\n      });\r\n      this.addMsg.isEdit = true;\r\n    },\r\n    // 打开添加窗口\r\n    openAddSort() {\r\n      this.isAddSort = true;\r\n      this.maskTitle = '添加分组';\r\n      this.editObj.id = 0;\r\n    },\r\n    // 添加话术\r\n    bindAdd() {\r\n      addSpeeChcraft({\r\n        title: this.addMsg.title,\r\n        cate_id: this.addMsg.cateId,\r\n        message: this.addMsg.message,\r\n      })\r\n        .then((res) => {\r\n          this.addMsg.title = '';\r\n          this.addMsg.message = '';\r\n          this.addMsg.cateId = '';\r\n          this.addMsg.isEdit = false;\r\n          this.$message.success(res.msg);\r\n          res.data.isEdit = false;\r\n          this.page = 1;\r\n          this.list = [];\r\n          this.isScroll = true;\r\n          this.serviceCate();\r\n        })\r\n        .catch((error) => {\r\n          this.$message.error(error.msg);\r\n        });\r\n    },\r\n    // 删除\r\n    delMsg(row, tit, num, type) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `service/speechcraft/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n        kefu: true,\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.list.splice(num, 1);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 添加分类\r\n    addServiceCate() {\r\n      if (this.editObj.id) {\r\n        editServiceCate(this.editObj.id, {\r\n          name: this.classTitle,\r\n          sort: this.classSort,\r\n        })\r\n          .then((res) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.success(res.msg);\r\n            this.isAddSort = false;\r\n            this.page = 1;\r\n            this.list = [];\r\n            this.isScroll = true;\r\n            this.serviceCate();\r\n          })\r\n          .catch((error) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.error(error.msg);\r\n          });\r\n      } else {\r\n        addServiceCate({\r\n          name: this.classTitle,\r\n          sort: this.classSort,\r\n        })\r\n          .then((res) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.success(res.msg);\r\n            this.isAddSort = false;\r\n            this.page = 1;\r\n            this.list = [];\r\n            this.isScroll = true;\r\n            this.serviceCate();\r\n          })\r\n          .catch((error) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.error(error.msg);\r\n          });\r\n      }\r\n    },\r\n    // 编辑分类\r\n    editSort(item) {\r\n      this.classSort = item.sort;\r\n      this.classTitle = item.name;\r\n      this.isAddSort = true;\r\n      this.maskTitle = '编辑分组';\r\n      this.editObj = item;\r\n    },\r\n    handleReachBottom() {\r\n      this.getList();\r\n    },\r\n    bindRadio(data) {\r\n      this.$emit('activeTxt', data.message);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.head {\r\n  .tab-bar {\r\n    display: flex;\r\n    .tab-item {\r\n      margin-right: 24px;\r\n      color: #999;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      &.on {\r\n        color: #333333;\r\n      }\r\n    }\r\n  }\r\n  .search-box {\r\n    margin-top: 15px;\r\n  }\r\n}\r\n.main {\r\n  display: flex;\r\n  margin-top: 15px;\r\n  height: 365px;\r\n  .left-box {\r\n    width: 106px;\r\n    height: 100%;\r\n    border-right: 1px solid #ececec;\r\n    overflow: hidden;\r\n    .left-item {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 36px;\r\n      padding: 0 10px 0 14px;\r\n      font-size: 13px;\r\n      cursor: pointer;\r\n      &.on {\r\n        background: var(--prev-color-primary-light-9);\r\n        color: var(--prev-color-primary);\r\n        border-right: 2px solid var(--prev-color-primary);\r\n        .iconDot {\r\n          z-index: 1;\r\n          opacity: 1;\r\n        }\r\n      }\r\n      &:nth-child(1).on,\r\n      &:nth-child(2).on {\r\n        .iconDot {\r\n          display: none;\r\n        }\r\n      }\r\n      .iconaddto {\r\n        font-size: 12px;\r\n      }\r\n      .iconDot {\r\n        z-index: -1;\r\n        opacity: 0;\r\n      }\r\n      .edit-wrapper {\r\n        z-index: 50;\r\n        position: absolute;\r\n        right: -2px;\r\n        top: -4px;\r\n        background: #fff;\r\n        width: 80px;\r\n        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\r\n        border-radius: 4px;\r\n        .edit-item {\r\n          padding: 8px 16px;\r\n          color: #666 !important;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n      .edit-bg {\r\n        z-index: 40;\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  }\r\n  .right-box {\r\n    flex: 1;\r\n    padding: 0 12px;\r\n    overflow-x: hidden;\r\n    .msg-item {\r\n      margin-top: 12px;\r\n      transition: all 0.3s ease;\r\n      cursor: pointer;\r\n      .box1 {\r\n        position: relative;\r\n        display: flex;\r\n        .txt-box {\r\n          flex: 1;\r\n          font-size: 12px;\r\n          color: #999999;\r\n          .title {\r\n            max-width: 370px;\r\n            margin-right: 5px;\r\n            color: #333;\r\n            font-weight: 700;\r\n          }\r\n        }\r\n        .edit-box {\r\n          z-index: -1;\r\n          opacity: 0;\r\n          position: absolute;\r\n          right: 7px;\r\n          top: 0;\r\n          width: 60px;\r\n          height: 30px;\r\n          background: #fff;\r\n          .iconfont {\r\n            margin: 0 8px;\r\n            color: #000000;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n      .box2 {\r\n        padding-bottom: 15px;\r\n        border-radius: 5px;\r\n        background: #f5f5f5;\r\n        .input-box {\r\n          border-bottom: 1px solid #eeeeee;\r\n          ::v-deep .ivu-input {\r\n            background: transparent;\r\n            border: 0;\r\n            border-radius: 0;\r\n          }\r\n        }\r\n        .content {\r\n          font-size: 12px;\r\n          padding: 12px 11px 0;\r\n          color: #333333;\r\n        }\r\n        .bom {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          padding: 0 20px 0 11px;\r\n          margin-top: 10px;\r\n\r\n          button {\r\n            margin-left: 8px;\r\n            width: 70px;\r\n          }\r\n        }\r\n      }\r\n      &:hover {\r\n        transition: all 0.3s ease;\r\n        .box1 .edit-box {\r\n          z-index: 1;\r\n          opacity: 1;\r\n          transition: all 0.3s ease;\r\n        }\r\n      }\r\n    }\r\n    .add-box {\r\n      border-radius: 0;\r\n      margin-bottom: 10px;\r\n      .box2 {\r\n        padding-bottom: 0;\r\n        border-radius: 0;\r\n        .conBox {\r\n          height: 0;\r\n          overflow: hidden;\r\n          &.active {\r\n            animation: mymove 0.4s ease;\r\n            animation-iteration-count: 1;\r\n            animation-fill-mode: forwards;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.right-scroll {\r\n  height: 345px;\r\n}\r\n.class-box {\r\n  .item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    input {\r\n      flex: 1;\r\n    }\r\n\r\n    span {\r\n      width: 80px;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style>\r\n@keyframes mymove {\r\n  0% {\r\n    height: 0;\r\n  }\r\n  100% {\r\n    height: 150px;\r\n  }\r\n}\r\n</style>\r\n"]}]}