{"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\\components\\words.vue?vue&type=style&index=0&id=67b11d42&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\components\\words.vue","mtime":1761185180096},{"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:DQoud29yZHMtbWFzayB7DQogIHotaW5kZXg6IDUwOw0KICBwb3NpdGlvbjogZml4ZWQ7DQogIGxlZnQ6IDA7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQogIGJvdHRvbTogMDsNCiAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjUpOw0KICAuY29udGVudCB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIGxlZnQ6IDA7DQogICAgcmlnaHQ6IDA7DQogICAgdG9wOiAxLjE0cmVtOw0KICAgIGJvdHRvbTogMDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgYmFja2dyb3VuZDogI2ZmZjsNCiAgICBib3JkZXItcmFkaXVzOiAwLjA2cmVtIDAuMDZyZW0gMHB4IDBweDsNCiAgICAudGl0bGUtYm94IHsNCiAgICAgIHBhZGRpbmc6IDAgMC4zcmVtIDAuM3JlbTsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZjVmNmY5Ow0KICAgICAgLnRhYi1ib3ggew0KICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgICAgcGFkZGluZzogMC40cmVtIDIuMnJlbSAwLjNyZW07DQogICAgICAgIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgICAgICAgY29sb3I6ICM5ZjlmOWY7DQogICAgICAgIC5vbiB7DQogICAgICAgICAgY29sb3I6ICMzODc1ZWE7DQogICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogICAgICAgIH0NCiAgICAgICAgLnJpZ2h0LWljb24gew0KICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgICByaWdodDogMDsNCiAgICAgICAgICB0b3A6IDUwJTsNCiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7DQogICAgICAgICAgLmljb25mb250IHsNCiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjJyZW07DQogICAgICAgICAgICBmb250LXNpemU6IDAuNDhyZW07DQogICAgICAgICAgICBjb2xvcjogI2M4Y2FkMDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIC5pbnB1dC1ib3ggew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICB3aWR0aDogNi45cmVtOw0KICAgICAgICBoZWlnaHQ6IDAuNjRyZW07DQogICAgICAgIHBhZGRpbmctcmlnaHQ6IDAuMDVyZW07DQogICAgICAgIG1hcmdpbi1sZWZ0OiAwLjE4cmVtOw0KICAgICAgICBib3JkZXItcmFkaXVzOiAwLjMycmVtOw0KICAgICAgICBvdmVyZmxvdzogaGlkZGVuOw0KICAgICAgICA6OnYtZGVlcCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiAjZjVmNmY5Ow0KICAgICAgICB9DQogICAgICAgIDo6di1kZWVwIC5lbC1pbnB1dF9faW5uZXIsDQogICAgICAgIC5lbC1pbnB1dF9faW5uZXI6aG92ZXIsDQogICAgICAgIC5lbC1pbnB1dF9faW5uZXI6Zm9jdXMgew0KICAgICAgICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7DQogICAgICAgICAgYm94LXNoYWRvdzogbm9uZTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLmljb24tY2hhMSB7DQogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgcmlnaHQ6IDA7DQogICAgICAgIHRvcDogNTAlOw0KICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7DQogICAgICB9DQogICAgfQ0KICAgIC5zY3JvbGwtYm94IHsNCiAgICAgIGZsZXg6IDE7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICAgIC5zY3JvbGwtbGVmdCB7DQogICAgICAgIHdpZHRoOiAxLjc2cmVtOw0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDsNCiAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoOw0KICAgICAgICBiYWNrZ3JvdW5kOiAjZjVmNmY5Ow0KICAgICAgICAubGVmdC1pdGVtIHsNCiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgIGhlaWdodDogMS4wOXJlbTsNCiAgICAgICAgICBjb2xvcjogIzI4MjgyODsNCiAgICAgICAgICBmb250LXNpemU6IDAuMjZyZW07DQogICAgICAgICAgJi5hY3RpdmUgew0KICAgICAgICAgICAgY29sb3I6ICMzODc1ZWE7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgICAgICAgICAgJjphZnRlciB7DQogICAgICAgICAgICAgIGNvbnRlbnQ6ICcgJzsNCiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICAgICAgICBsZWZ0OiAwOw0KICAgICAgICAgICAgICB0b3A6IDUwJTsNCiAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpOw0KICAgICAgICAgICAgICB3aWR0aDogMC4wNnJlbTsNCiAgICAgICAgICAgICAgaGVpZ2h0OiAwLjQ2cmVtOw0KICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMzg3NWVhOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgICAmLmFkZF9jYXRlIHsNCiAgICAgICAgICAgIGNvbG9yOiAjOWY5ZjlmOw0KICAgICAgICAgICAgZm9udC1zaXplOiAwLjI2cmVtOw0KICAgICAgICAgICAgLmljb25mb250IHsNCiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjFyZW07DQogICAgICAgICAgICAgIGZvbnQtc2l6ZTogMC4yNHJlbTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIC5yaWdodC1ib3ggew0KICAgICAgICBmbGV4OiAxOw0KICAgICAgICBvdmVyZmxvdzogc2Nyb2xsOw0KICAgICAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7DQogICAgICB9DQogICAgICAubXNnLWl0ZW0gew0KICAgICAgICBwYWRkaW5nOiAwLjI1cmVtIDAuM3JlbTsNCiAgICAgICAgY29sb3I6ICM4ODg4ODg7DQogICAgICAgIGZvbnQtc2l6ZTogMC4yOHJlbTsNCiAgICAgICAgLnRpdGxlIHsNCiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuMnJlbTsNCiAgICAgICAgICBjb2xvcjogIzI4MjgyODsNCiAgICAgICAgfQ0KICAgICAgICAmLmFkZC1tZyB7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7DQogICAgICAgICAgZm9udC1zaXplOiAwLjI4cmVtOw0KICAgICAgICAgIHBhZGRpbmc6IDAuMTVyZW0gMC4zcmVtOw0KICAgICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgICBmb250LXNpemU6IDAuMzZyZW07DQogICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuMXJlbTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi53b3Jkcy1ib3ggew0KICAubWFzay10aXRsZSB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07DQogICAgY29sb3I6ICMyODI4Mjg7DQogICAgZm9udC1zaXplOiAwLjMycmVtOw0KICAgIGZvbnQtd2VpZ2h0OiBib2xkOw0KICAgIC5pY29uZm9udCB7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICByaWdodDogMDsNCiAgICAgIHRvcDogNTAlOw0KICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpOw0KICAgICAgY29sb3I6ICNjOGNhZDA7DQogICAgICBmb250LXNpemU6IDAuNDRyZW07DQogICAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgIH0NCiAgfQ0KICAuaW5wdXQtYm94IHsNCiAgICBoZWlnaHQ6IDAuNjhyZW07DQogICAgbWFyZ2luLXRvcDogMC4zMnJlbTsNCiAgICBiYWNrZ3JvdW5kOiAjZjVmNWY1Ow0KICAgIGJvcmRlci1yYWRpdXM6IDAuMTRyZW07DQogICAgJi50ZXh0LWFyZWEgew0KICAgICAgaGVpZ2h0OiAxLjkycmVtOw0KICAgICAgdGV4dGFyZWEgew0KICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAuc3ViQnRuIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDAuODZyZW07DQogICAgbWFyZ2luLXRvcDogMC42cmVtOw0KICAgIG1hcmdpbi1ib3R0b206IDAuM3JlbTsNCiAgICBmb250LXNpemU6IDAuM3JlbSAhaW1wb3J0YW50Ow0KICAgIGJvcmRlci1yYWRpdXM6IDAuNDNyZW07DQogICAgJltkaXNhYmxlZF0gew0KICAgICAgYmFja2dyb3VuZDogI2M4Y2FkMDsNCiAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgZm9udC1zaXplOiAwLjNyZW0gIWltcG9ydGFudDsNCiAgICB9DQogIH0NCn0NCi5lZGl0LWJveCB7DQogIHotaW5kZXg6IDk5Ow0KICBwb3NpdGlvbjogZml4ZWQ7DQogIGxlZnQ6IDA7DQogIHJpZ2h0OiAwOw0KICB0b3A6IDA7DQogIGJvdHRvbTogMDsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgYmFja2dyb3VuZDogI2ZmZjsNCiAgLmhlYWQgew0KICAgIHBhZGRpbmc6IDAuNHJlbSAwLjNyZW0gMC4zcmVtOw0KICAgIC50aXQtYmFyIHsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgICAgIGNvbG9yOiAjMjgyODI4Ow0KICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogICAgICBzcGFuIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICByaWdodDogMDsNCiAgICAgICAgdG9wOiA1MCU7DQogICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsNCiAgICAgICAgY29sb3I6ICMzODc1ZWE7DQogICAgICAgIGZvbnQtc2l6ZTogMC4yOHJlbTsNCiAgICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDsNCiAgICAgIH0NCiAgICB9DQogICAgLmlucHV0LWJveCB7DQogICAgICBtYXJnaW4tdG9wOiAwLjNyZW07DQogICAgICBiYWNrZ3JvdW5kOiAjZjVmNmY5Ow0KICAgICAgYm9yZGVyLXJhZGl1czogMC4zOXJlbTsNCiAgICB9DQogIH0NCiAgLnNjcm9sbC1ib3ggew0KICAgIGZsZXg6IDE7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBvdmVyZmxvdzogaGlkZGVuOw0KICAgIC5zY3JvbGwtbGVmdCB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIHdpZHRoOiAxLjc2cmVtOw0KICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgYmFja2dyb3VuZDogI2Y1ZjZmOTsNCiAgICAgIC50b3Agew0KICAgICAgICBmbGV4OiAxOw0KICAgICAgICBvdmVyZmxvdy15OiBzY3JvbGw7DQogICAgICAgIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDsNCiAgICAgIH0NCiAgICAgIC5sZWZ0LWl0ZW0gew0KICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAxLjA5cmVtOw0KICAgICAgICBjb2xvcjogIzI4MjgyODsNCiAgICAgICAgZm9udC1zaXplOiAwLjI2cmVtOw0KICAgICAgICAmLmFjdGl2ZSB7DQogICAgICAgICAgY29sb3I6ICMzODc1ZWE7DQogICAgICAgICAgYmFja2dyb3VuZDogI2ZmZjsNCiAgICAgICAgICAmOmFmdGVyIHsNCiAgICAgICAgICAgIGNvbnRlbnQ6ICcgJzsNCiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgICAgIGxlZnQ6IDA7DQogICAgICAgICAgICB0b3A6IDUwJTsNCiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsNCiAgICAgICAgICAgIHdpZHRoOiAwLjA2cmVtOw0KICAgICAgICAgICAgaGVpZ2h0OiAwLjQ2cmVtOw0KICAgICAgICAgICAgYmFja2dyb3VuZDogIzM4NzVlYTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgICAgJi5hZGRfY2F0ZSB7DQogICAgICAgICAgY29sb3I6ICM5ZjlmOWY7DQogICAgICAgICAgZm9udC1zaXplOiAwLjI2cmVtOw0KICAgICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuMXJlbTsNCiAgICAgICAgICAgIGZvbnQtc2l6ZTogMC4yNHJlbTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgICAgJi5lZGl0cy1ib3ggew0KICAgICAgICAgIGNvbG9yOiAjMzg3NWVhOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICAgIC5yaWdodC1ib3ggew0KICAgICAgZmxleDogMTsNCiAgICAgIHBhZGRpbmctbGVmdDogMC4zcmVtOw0KICAgIH0NCiAgICAubXNnLWl0ZW0gew0KICAgICAgcGFkZGluZzogMC4yNXJlbSAwLjNyZW0gMC4yNXJlbSAwOw0KICAgICAgY29sb3I6ICM4ODg4ODg7DQogICAgICBmb250LXNpemU6IDAuMjhyZW07DQogICAgICAudGl0bGUgew0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuMnJlbTsNCiAgICAgICAgY29sb3I6ICMyODI4Mjg7DQogICAgICB9DQogICAgICAmLmFkZC1tZyB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7DQogICAgICAgIGZvbnQtc2l6ZTogMC4yOHJlbTsNCiAgICAgICAgcGFkZGluZzogMC4xNXJlbSAwLjNyZW07DQogICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgZm9udC1zaXplOiAwLjM2cmVtOw0KICAgICAgICAgIG1hcmdpbi1yaWdodDogMC4xcmVtOw0KICAgICAgICB9DQogICAgICB9DQogICAgICAuZWRpdC1iYXIgew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtOw0KICAgICAgICBwYWRkaW5nLWJvdHRvbTogMC4xcmVtOw0KICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjJmNzsNCiAgICAgICAgLmljb25mb250IHsNCiAgICAgICAgICBtYXJnaW4tbGVmdDogMC4zcmVtOw0KICAgICAgICAgIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLmNhdGUtbGlzdCB7DQogIC5saXN0LWJveCB7DQogICAgbWF4LWhlaWdodDogNy41cmVtOw0KICAgIG92ZXJmbG93LXk6IHNjcm9sbDsNCiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7DQogICAgLml0ZW0gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICBoZWlnaHQ6IDFyZW07DQogICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjJmNzsNCiAgICAgIGNvbG9yOiAjMjgyODI4Ow0KICAgICAgZm9udC1zaXplOiAwLjI4cmVtOw0KICAgICAgLmljb25mb250IHsNCiAgICAgICAgY29sb3I6ICM5ZjlmOWY7DQogICAgICAgIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNHJlbTsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["words.vue"],"names":[],"mappings":";AAygBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"words.vue","sourceRoot":"src/pages/kefu/components","sourcesContent":["<template>\r\n  <div>\r\n    <!-- 常用语 -->\r\n    <div class=\"words-mask\" v-if=\"isWords\">\r\n      <div class=\"content\">\r\n        <div class=\"title-box\">\r\n          <div class=\"tab-box\">\r\n            <div\r\n              class=\"tan-item\"\r\n              :class=\"{ on: item.key == wordsTabCur }\"\r\n              v-for=\"(item, index) in wordsTab\"\r\n              v-db-click\r\n              @click.stop=\"bindTab(item)\"\r\n            >\r\n              {{ item.title }}\r\n            </div>\r\n            <div class=\"right-icon\">\r\n              <span class=\"iconfont iconbianji2\" v-db-click @click.stop=\"isWordShow = true\"></span>\r\n              <span class=\"iconfont iconcha\" v-db-click @click.stop=\"closeBox\"></span>\r\n            </div>\r\n          </div>\r\n          <div class=\"input-box\">\r\n            <el-input v-model=\"wordsData.searchTxt\" placeholder=\"搜索快捷回复\" :search=\"true\" @on-search=\"bindSearch\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"scroll-box\">\r\n          <div class=\"scroll-left\">\r\n            <div class=\"left-item add_cate\" v-db-click @click.stop=\"openCate(0)\" v-if=\"wordsTabCur\">\r\n              <span class=\"iconfont iconjiahao\"></span> 分组\r\n            </div>\r\n            <div\r\n              class=\"left-item\"\r\n              :class=\"{ active: wordsData.cateId == item.id }\"\r\n              v-for=\"item in wordsData.cate\"\r\n              v-db-click\r\n              @click.stop=\"changeCate(item)\"\r\n            >\r\n              {{ item.name }}\r\n            </div>\r\n          </div>\r\n          <div class=\"right-box\">\r\n            <vue-scroll :ops=\"wordsData.ops\" @load-before-deactivate=\"handleWordsScroll\">\r\n              <div class=\"slot-load\" slot=\"load-deactive\"></div>\r\n              <div class=\"slot-load\" slot=\"load-beforeDeactive\"></div>\r\n              <div class=\"slot-load\" slot=\"load-active\">下滑加载更多</div>\r\n              <div class=\"msg-item add-mg\" v-show=\"wordsTabCur\" v-db-click @click.stop=\"addMsg\">\r\n                <span class=\"iconfont icontianjia11\"></span>添加话术\r\n              </div>\r\n              <div\r\n                class=\"msg-item\"\r\n                v-for=\"(item, index) in wordsList\"\r\n                :key=\"index\"\r\n                v-db-click\r\n                @click.stop=\"selectWords(item)\"\r\n              >\r\n                <span class=\"title\">{{ item.title }}</span\r\n                >{{ item.message }}\r\n              </div>\r\n            </vue-scroll>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 添加分组  -->\r\n    <el-dialog\r\n      :visible.sync=\"cateData.isCate\"\r\n      width=\"470px\"\r\n      :show-close=\"true\"\r\n      custom-class=\"vertical-center-modal\"\r\n      class=\"words-box\"\r\n    >\r\n      <div class=\"mask-title\">\r\n        {{ cateData.status ? '编辑分组' : '新增分组' }}\r\n        <span class=\"iconfont iconcha\" v-db-click @click.stop=\"closeCate\"></span>\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input class=\"noinput\" v-model=\"cateData.name\" placeholder=\"请输入分组名称\" />\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input class=\"noinput\" v-model=\"cateData.sort\" placeholder=\"请输入分组排序\" />\r\n      </div>\r\n      <el-button v-db-click @click.stop=\"cateConfirm\" class=\"subBtn\" type=\"primary\" :disabled=\"cateStatus\"\r\n        >确定</el-button\r\n      >\r\n    </el-dialog>\r\n    <!-- 添加话术  -->\r\n    <el-dialog\r\n      :visible.sync=\"msgData.isCateMeg\"\r\n      width=\"470px\"\r\n      :show-close=\"true\"\r\n      custom-class=\"vertical-center-modal\"\r\n      class=\"words-box\"\r\n    >\r\n      <div class=\"mask-title\">\r\n        {{ msgData.status ? '修改话术' : '添加话术' }}\r\n        <span class=\"iconfont iconcha\" v-db-click @click.stop=\"closeMsgBox\"></span>\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input class=\"noinput\" v-model=\"msgData.title\" placeholder=\"请输入标题名称 (选填)\" />\r\n      </div>\r\n      <div class=\"input-box text-area\">\r\n        <el-input class=\"noinput\" :rows=\"4\" type=\"textarea\" v-model=\"msgData.message\" placeholder=\"请输入您的话术\" />\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-select v-model=\"msgData.msgCateId\">\r\n          <el-option v-for=\"item in selectData\" :value=\"item.id\" :key=\"item.value\" :label=\"item.name\"></el-option>\r\n        </el-select>\r\n      </div>\r\n      <el-button v-db-click @click.stop=\"msgConfirm\" class=\"subBtn\" type=\"primary\" :disabled=\"msgStatus\"\r\n        >确定</el-button\r\n      >\r\n    </el-dialog>\r\n    <!-- 编辑弹窗  -->\r\n    <div class=\"edit-box\" v-if=\"isWordShow\">\r\n      <div class=\"head\">\r\n        <div class=\"tit-bar\">\r\n          {{ wordsTabCur ? '个人库' : '公共库' }}<span v-db-click @click.stop=\"isWordShow = false\">完成</span>\r\n        </div>\r\n        <div class=\"input-box noinput\">\r\n          <el-input v-model=\"wordsData.searchTxt\" placeholder=\"搜索快捷回复\" :search=\"true\" @on-search=\"bindSearch\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"scroll-box\">\r\n        <div class=\"scroll-left\">\r\n          <div class=\"top\">\r\n            <div class=\"left-item add_cate\" v-db-click @click.stop=\"openCate(0)\" v-if=\"wordsTabCur\">\r\n              <span class=\"iconfont iconjiahao\"></span> 分组\r\n            </div>\r\n            <div\r\n              class=\"left-item\"\r\n              :class=\"{ active: wordsData.cateId == item.id }\"\r\n              v-for=\"item in wordsData.cate\"\r\n              v-db-click\r\n              @click.stop=\"changeCate(item)\"\r\n            >\r\n              {{ item.name }}\r\n            </div>\r\n          </div>\r\n          <div class=\"bom\" v-if=\"wordsTabCur\">\r\n            <div class=\"left-item edits-box\" v-db-click @click.stop=\"editList.status = true\">编辑分组</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"right-box\">\r\n          <vue-scroll :ops=\"wordsData.ops\" @load-before-deactivate=\"handleWordsScroll\">\r\n            <div class=\"slot-load\" slot=\"load-deactive\"></div>\r\n            <div class=\"slot-load\" slot=\"load-beforeDeactive\"></div>\r\n            <div class=\"slot-load\" slot=\"load-active\">下滑加载更多</div>\r\n            <div class=\"msg-item\" v-for=\"(item, index) in wordsList\" :key=\"index\">\r\n              <span class=\"title\">{{ item.title }}</span\r\n              >{{ item.message }}\r\n              <div class=\"edit-bar\" v-if=\"wordsTabCur\">\r\n                <span class=\"iconfont iconbianji1\" v-db-click @click.stop=\"bindEdit(item)\"></span>\r\n                <span class=\"iconfont iconshanchu1\" v-db-click @click.stop=\"delMsg(item, '删除话术', index)\"></span>\r\n              </div>\r\n            </div>\r\n          </vue-scroll>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 编辑分组列表 -->\r\n    <el-dialog\r\n      :visible.sync=\"editList.status\"\r\n      width=\"470px\"\r\n      :show-close=\"true\"\r\n      custom-class=\"vertical-center-modal\"\r\n      class=\"words-box cate-list\"\r\n    >\r\n      <div class=\"mask-title\">\r\n        编辑分组\r\n        <span class=\"iconfont iconcha\" v-db-click @click.stop=\"editList.status = false\"></span>\r\n      </div>\r\n      <div class=\"list-box\">\r\n        <div class=\"item\" v-for=\"(item, index) in wordsData.cate\" :index=\"index\">\r\n          <span>{{ item.name }}</span>\r\n          <div class=\"right-box\">\r\n            <span class=\"iconfont iconbianji1\" v-if=\"index > 0\" v-db-click @click.stop=\"openCate(1, item)\"></span>\r\n            <span\r\n              class=\"iconfont iconshanchu1\"\r\n              v-if=\"index > 0\"\r\n              v-db-click\r\n              @click.stop=\"delCate(item, '删除分组', index)\"\r\n            ></span>\r\n          </div>\r\n        </div>\r\n      </div>\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  addServiceCate,\r\n  addSpeeChcraft,\r\n  serviceCateUpdate,\r\n  editServiceCate,\r\n} from '@/api/kefu';\r\nexport default {\r\n  name: 'words',\r\n  props: {\r\n    isWords: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  computed: {\r\n    cateStatus() {\r\n      if (this.cateData.name && this.cateData.sort) {\r\n        return false;\r\n      } else {\r\n        return true;\r\n      }\r\n    },\r\n    msgStatus() {\r\n      if (this.msgData.message) {\r\n        return false;\r\n      } else {\r\n        return true;\r\n      }\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isWordShow: false, // 编辑窗\r\n      wordsList: [],\r\n      wordsTab: [\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      wordsTabCur: 1,\r\n      wordsData: {\r\n        isScroll: true,\r\n        ops: {\r\n          vuescroll: {\r\n            mode: 'slide',\r\n            enable: false,\r\n            tips: {\r\n              deactive: 'Push to Load',\r\n              active: 'Release to Load',\r\n              start: 'Loading...',\r\n              beforeDeactive: 'Load Successfully!',\r\n            },\r\n            auto: false,\r\n            autoLoadDistance: 0,\r\n            pullRefresh: {\r\n              enable: false,\r\n            },\r\n            pushLoad: {\r\n              enable: true,\r\n              auto: true,\r\n              autoLoadDistance: 10,\r\n            },\r\n          },\r\n          bar: {\r\n            background: '#393232',\r\n            opacity: '.5',\r\n            size: '2px',\r\n          },\r\n        },\r\n        page: 1,\r\n        limit: 15,\r\n        searchTxt: '',\r\n        cate: [], // 分类\r\n        cateId: '', // 分类id\r\n      },\r\n      // 分组数据\r\n      cateData: {\r\n        status: 0, // 0 新增 1编辑\r\n        name: '',\r\n        sort: '',\r\n        isCate: false, // 分组状态开关\r\n        id: '',\r\n      },\r\n      // 编辑分组列表\r\n      editList: {\r\n        status: false,\r\n      },\r\n      // 话术添加数据\r\n      msgData: {\r\n        isCateMeg: false,\r\n        msgCateId: '',\r\n        message: '',\r\n        title: '',\r\n        status: 0, // 0 新增 1修改\r\n        editId: '',\r\n      },\r\n      selectData: '',\r\n    };\r\n  },\r\n  mounted() {\r\n    Promise.all([this.getServiceCate()]);\r\n  },\r\n  methods: {\r\n    // 关闭添加话术弹窗\r\n    closeMsgBox() {\r\n      this.msgData.isCateMeg = false;\r\n    },\r\n    // 选择话术\r\n    selectWords(item) {\r\n      this.$emit('selectMsg', item.message);\r\n    },\r\n    // 关闭弹窗\r\n    closeBox() {\r\n      this.$emit('closeBox');\r\n    },\r\n    // 搜索\r\n    bindSearch() {\r\n      this.wordsData.page = 1;\r\n      this.wordsData.isScroll = true;\r\n      this.wordsList = [];\r\n      this.getWordsList();\r\n    },\r\n    // 顶部切换\r\n    bindTab(item) {\r\n      console.log('111');\r\n      this.wordsTabCur = item.key;\r\n      this.wordsData.isScroll = true;\r\n      this.wordsData.page = 1;\r\n      this.wordsData.cate = [];\r\n      this.wordsList = [];\r\n      this.getServiceCate();\r\n    },\r\n    // 选择话术分类\r\n    changeCate(item) {\r\n      this.wordsData.isScroll = true;\r\n      this.wordsList = [];\r\n      this.wordsData.page = 1;\r\n      this.wordsData.cateId = item.id;\r\n      this.msgData.msgCateId = item.id;\r\n      this.getWordsList();\r\n    },\r\n    // 获取话术分类\r\n    getServiceCate() {\r\n      serviceCate({\r\n        type: this.wordsTabCur,\r\n      }).then((res) => {\r\n        let tempArr = JSON.parse(JSON.stringify(res.data.data));\r\n        this.wordsData.cateId = res.data.data.length ? res.data.data[0].id : '';\r\n        this.msgData.msgCateId = this.wordsData.cateId;\r\n        this.wordsData.cate = res.data.data;\r\n        this.selectData = tempArr;\r\n        this.getWordsList();\r\n      });\r\n    },\r\n    // 话术滚动到底部\r\n    handleWordsScroll(vm, refreshDom, done) {\r\n      this.getWordsList();\r\n      done();\r\n    },\r\n    // 常用语\r\n    getWordsList() {\r\n      speeChcraft({\r\n        page: this.wordsData.page,\r\n        limit: this.wordsData.limit,\r\n        title: this.wordsData.searchTxt,\r\n        cate_id: this.wordsData.cateId,\r\n        type: this.wordsTabCur,\r\n      }).then((res) => {\r\n        this.wordsData.isScroll = res.data.length >= this.wordsData.limit;\r\n        this.wordsList = this.wordsList.concat(res.data);\r\n        this.wordsData.page++;\r\n      });\r\n    },\r\n    // 打开分组弹窗\r\n    openCate(key, item) {\r\n      this.cateData.status = key;\r\n      this.cateData.isCate = true;\r\n      if (key == 1) {\r\n        this.cateData.name = item.name;\r\n        this.cateData.id = item.id;\r\n      }\r\n    },\r\n    // 关闭分组弹窗\r\n    closeCate() {\r\n      this.cateData.isCate = false;\r\n      this.cateData.name = '';\r\n      this.cateData.sort = '';\r\n    },\r\n    // 分组添加\r\n    cateConfirm() {\r\n      if (!this.cateData.status) {\r\n        addServiceCate({\r\n          name: this.cateData.name,\r\n          sort: this.cateData.sort,\r\n        })\r\n          .then((res) => {\r\n            this.cateData.isCate = false;\r\n            this.cateData.name = '';\r\n            this.cateData.sort = '';\r\n            this.page = 1;\r\n            this.wordsData.isScroll = true;\r\n            this.wordsList = [];\r\n            this.$message.success(res.msg);\r\n            this.getServiceCate();\r\n          })\r\n          .catch((error) => {\r\n            this.$message.error(error.msg);\r\n          });\r\n      } else {\r\n        editServiceCate(this.cateData.id, {\r\n          name: this.cateData.name,\r\n          sort: this.cateData.sort,\r\n        }).then((res) => {\r\n          this.cateData.isCate = false;\r\n          this.cateData.name = '';\r\n          this.cateData.sort = '';\r\n          this.cateData.id = '';\r\n          this.page = 1;\r\n          this.wordsData.isScroll = true;\r\n          this.wordsList = [];\r\n          this.$message.success(res.msg);\r\n          this.getServiceCate();\r\n        });\r\n      }\r\n    },\r\n    // 话术打开\r\n    addMsg() {\r\n      this.msgData.isCateMeg = true;\r\n      this.msgData.status = 0;\r\n    },\r\n    // 话术添加\r\n    msgConfirm() {\r\n      if (!this.msgData.status) {\r\n        addSpeeChcraft({\r\n          title: this.msgData.title,\r\n          cate_id: this.msgData.msgCateId,\r\n          message: this.msgData.message,\r\n        })\r\n          .then((res) => {\r\n            this.msgData.isCateMeg = false;\r\n            this.msgData.title = '';\r\n            this.msgData.message = '';\r\n            this.msgData.msgCateId = this.wordsData.cateId;\r\n            this.$message.success(res.msg);\r\n            this.wordsData.isScroll = true;\r\n            this.wordsData.page = 1;\r\n            this.wordsList = [];\r\n            this.getWordsList();\r\n          })\r\n          .catch((error) => {\r\n            this.$message.error(error.msg);\r\n          });\r\n      } else {\r\n        serviceCateUpdate(this.msgData.editId, {\r\n          title: this.msgData.title,\r\n          cate_id: this.msgData.msgCateId,\r\n          message: this.msgData.message,\r\n        }).then((res) => {\r\n          this.msgData.isCateMeg = false;\r\n          this.msgData.title = '';\r\n          this.msgData.message = '';\r\n          this.msgData.msgCateId = this.wordsData.cateId;\r\n          this.$message.success(res.msg);\r\n          this.wordsData.isScroll = true;\r\n          this.wordsData.page = 1;\r\n          this.wordsList = [];\r\n          this.getWordsList();\r\n        });\r\n      }\r\n    },\r\n    // 编辑话术\r\n    bindEdit(item) {\r\n      this.msgData.status = 1;\r\n      this.msgData.isCateMeg = true;\r\n      this.msgData.message = item.message;\r\n      this.msgData.title = item.title;\r\n      this.msgData.editId = item.id;\r\n    },\r\n    // 删除话术\r\n    delMsg(row, tit, num) {\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.wordsList.splice(num, 1);\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    delCate(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.wordsData.cate.splice(num, 1);\r\n          this.page = 1;\r\n          this.wordsData.isScroll = true;\r\n          this.wordsList = [];\r\n          this.$message.success(res.msg);\r\n          this.getServiceCate();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.words-mask {\r\n  z-index: 50;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  .content {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 1.14rem;\r\n    bottom: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #fff;\r\n    border-radius: 0.06rem 0.06rem 0px 0px;\r\n    .title-box {\r\n      padding: 0 0.3rem 0.3rem;\r\n      position: relative;\r\n      border-bottom: 1px solid #f5f6f9;\r\n      .tab-box {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 0.4rem 2.2rem 0.3rem;\r\n        font-size: 0.32rem;\r\n        color: #9f9f9f;\r\n        .on {\r\n          color: #3875ea;\r\n          font-weight: bold;\r\n        }\r\n        .right-icon {\r\n          position: absolute;\r\n          right: 0;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          .iconfont {\r\n            margin-left: 0.2rem;\r\n            font-size: 0.48rem;\r\n            color: #c8cad0;\r\n          }\r\n        }\r\n      }\r\n      .input-box {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 6.9rem;\r\n        height: 0.64rem;\r\n        padding-right: 0.05rem;\r\n        margin-left: 0.18rem;\r\n        border-radius: 0.32rem;\r\n        overflow: hidden;\r\n        ::v-deep .el-input__inner {\r\n          background: #f5f6f9;\r\n        }\r\n        ::v-deep .el-input__inner,\r\n        .el-input__inner:hover,\r\n        .el-input__inner:focus {\r\n          border: transparent;\r\n          box-shadow: none;\r\n        }\r\n      }\r\n      .icon-cha1 {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n      }\r\n    }\r\n    .scroll-box {\r\n      flex: 1;\r\n      display: flex;\r\n      overflow: hidden;\r\n      .scroll-left {\r\n        width: 1.76rem;\r\n        height: 100%;\r\n        overflow-y: scroll;\r\n        -webkit-overflow-scrolling: touch;\r\n        background: #f5f6f9;\r\n        .left-item {\r\n          position: relative;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: 100%;\r\n          height: 1.09rem;\r\n          color: #282828;\r\n          font-size: 0.26rem;\r\n          &.active {\r\n            color: #3875ea;\r\n            background: #fff;\r\n            &:after {\r\n              content: ' ';\r\n              position: absolute;\r\n              left: 0;\r\n              top: 50%;\r\n              transform: translateY(-50%);\r\n              width: 0.06rem;\r\n              height: 0.46rem;\r\n              background: #3875ea;\r\n            }\r\n          }\r\n          &.add_cate {\r\n            color: #9f9f9f;\r\n            font-size: 0.26rem;\r\n            .iconfont {\r\n              margin-right: 0.1rem;\r\n              font-size: 0.24rem;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .right-box {\r\n        flex: 1;\r\n        overflow: scroll;\r\n        -webkit-overflow-scrolling: touch;\r\n      }\r\n      .msg-item {\r\n        padding: 0.25rem 0.3rem;\r\n        color: #888888;\r\n        font-size: 0.28rem;\r\n        .title {\r\n          margin-right: 0.2rem;\r\n          color: #282828;\r\n        }\r\n        &.add-mg {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: flex-end;\r\n          font-size: 0.28rem;\r\n          padding: 0.15rem 0.3rem;\r\n          .iconfont {\r\n            font-size: 0.36rem;\r\n            margin-right: 0.1rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.words-box {\r\n  .mask-title {\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 0.5rem;\r\n    color: #282828;\r\n    font-size: 0.32rem;\r\n    font-weight: bold;\r\n    .iconfont {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      color: #c8cad0;\r\n      font-size: 0.44rem;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n  .input-box {\r\n    height: 0.68rem;\r\n    margin-top: 0.32rem;\r\n    background: #f5f5f5;\r\n    border-radius: 0.14rem;\r\n    &.text-area {\r\n      height: 1.92rem;\r\n      textarea {\r\n        display: block;\r\n        height: 100%;\r\n      }\r\n    }\r\n  }\r\n  .subBtn {\r\n    width: 100%;\r\n    height: 0.86rem;\r\n    margin-top: 0.6rem;\r\n    margin-bottom: 0.3rem;\r\n    font-size: 0.3rem !important;\r\n    border-radius: 0.43rem;\r\n    &[disabled] {\r\n      background: #c8cad0;\r\n      color: #fff;\r\n      font-size: 0.3rem !important;\r\n    }\r\n  }\r\n}\r\n.edit-box {\r\n  z-index: 99;\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #fff;\r\n  .head {\r\n    padding: 0.4rem 0.3rem 0.3rem;\r\n    .tit-bar {\r\n      position: relative;\r\n      text-align: center;\r\n      font-size: 0.32rem;\r\n      color: #282828;\r\n      font-weight: bold;\r\n      span {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: #3875ea;\r\n        font-size: 0.28rem;\r\n        font-weight: normal;\r\n      }\r\n    }\r\n    .input-box {\r\n      margin-top: 0.3rem;\r\n      background: #f5f6f9;\r\n      border-radius: 0.39rem;\r\n    }\r\n  }\r\n  .scroll-box {\r\n    flex: 1;\r\n    display: flex;\r\n    overflow: hidden;\r\n    .scroll-left {\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: relative;\r\n      width: 1.76rem;\r\n      height: 100%;\r\n      background: #f5f6f9;\r\n      .top {\r\n        flex: 1;\r\n        overflow-y: scroll;\r\n        -webkit-overflow-scrolling: touch;\r\n      }\r\n      .left-item {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        height: 1.09rem;\r\n        color: #282828;\r\n        font-size: 0.26rem;\r\n        &.active {\r\n          color: #3875ea;\r\n          background: #fff;\r\n          &:after {\r\n            content: ' ';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 0.06rem;\r\n            height: 0.46rem;\r\n            background: #3875ea;\r\n          }\r\n        }\r\n        &.add_cate {\r\n          color: #9f9f9f;\r\n          font-size: 0.26rem;\r\n          .iconfont {\r\n            margin-right: 0.1rem;\r\n            font-size: 0.24rem;\r\n          }\r\n        }\r\n        &.edits-box {\r\n          color: #3875ea;\r\n        }\r\n      }\r\n    }\r\n    .right-box {\r\n      flex: 1;\r\n      padding-left: 0.3rem;\r\n    }\r\n    .msg-item {\r\n      padding: 0.25rem 0.3rem 0.25rem 0;\r\n      color: #888888;\r\n      font-size: 0.28rem;\r\n      .title {\r\n        margin-right: 0.2rem;\r\n        color: #282828;\r\n      }\r\n      &.add-mg {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        font-size: 0.28rem;\r\n        padding: 0.15rem 0.3rem;\r\n        .iconfont {\r\n          font-size: 0.36rem;\r\n          margin-right: 0.1rem;\r\n        }\r\n      }\r\n      .edit-bar {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        margin-top: 0.25rem;\r\n        padding-bottom: 0.1rem;\r\n        border-bottom: 1px solid #f0f2f7;\r\n        .iconfont {\r\n          margin-left: 0.3rem;\r\n          font-size: 0.32rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.cate-list {\r\n  .list-box {\r\n    max-height: 7.5rem;\r\n    overflow-y: scroll;\r\n    -webkit-overflow-scrolling: touch;\r\n    .item {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 1rem;\r\n      border-bottom: 1px solid #f0f2f7;\r\n      color: #282828;\r\n      font-size: 0.28rem;\r\n      .iconfont {\r\n        color: #9f9f9f;\r\n        font-size: 0.32rem;\r\n        margin-left: 0.4rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style>\r\n.kf_mobile .ivu-modal-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.vertical-center-modal {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.ivu-modal {\r\n  top: 0;\r\n}\r\n.noinput input,\r\n.noinput textarea {\r\n  border-color: transparent !important;\r\n  background: transparent !important;\r\n  resize: none;\r\n}\r\n.noinput input:hover,\r\n.noinput input:focus,\r\n.noinput textarea:hover,\r\n.noinput textarea:focus {\r\n  border-color: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n</style>\r\n"]}]}