{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\system\\group\\visualization.vue?vue&type=style&index=0&id=35b6cd38&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\system\\group\\visualization.vue","mtime":1761614939075},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQo6OnYtZGVlcCAuaXZ1LW1lbnUtdmVydGljYWwgLml2dS1tZW51LWl0ZW0tZ3JvdXAtdGl0bGUgew0KICBkaXNwbGF5OiBub25lOw0KfQ0KDQo6OnYtZGVlcCAuaXZ1LW1lbnUtdmVydGljYWwuaXZ1LW1lbnUtbGlnaHQ6YWZ0ZXIgew0KICBkaXNwbGF5OiBub25lOw0KfQ0KDQo6OnYtZGVlcCAuaXZ1LWZvcm0taXRlbS1jb250ZW50IHsNCiAgbWFyZ2luLWxlZnQ6IDBweCAhaW1wb3J0YW50Ow0KfQ0KDQoubm9mb250IHsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogMTIzcHg7DQp9DQoNCi5ub2ZvbnRzIHsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogMTA1cHg7DQp9DQoNCi5zYXZlIHsNCiAgd2lkdGg6IDEwMCU7DQogIG1hcmdpbjogMCBhdXRvOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIGJvdHRvbTogMDsNCiAgcGFkZGluZzogMTZweDsNCiAgYm9yZGVyLXRvcDogM3B4IHNvbGlkICNmNWY3Zjk7DQp9DQoNCi5mb3JtIHsNCiAgLmdvb2RzVGl0bGUgew0KICAgIG1hcmdpbi1ib3R0b206IDI1cHg7DQogIH0NCg0KICAuZ29vZHNUaXRsZSB+IC5nb29kc1RpdGxlIHsNCiAgICBtYXJnaW4tdG9wOiAyMHB4Ow0KICB9DQoNCiAgLmdvb2RzVGl0bGUgLnRpdGxlIHsNCiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICBwYWRkaW5nOiAwIDhweCAxMnB4IDVweDsNCiAgICBjb2xvcjogIzAwMDsNCiAgICBmb250LXNpemU6IDE0cHg7DQogIH0NCg0KICAuZ29vZHNUaXRsZSAuaWNvbnMgew0KICAgIGZvbnQtc2l6ZTogMTVweDsNCiAgICBtYXJnaW4tcmlnaHQ6IDhweDsNCiAgICBjb2xvcjogIzk5OTsNCiAgfQ0KDQogIC5hZGQgew0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICBwYWRkaW5nOiAwIDEycHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQoNCiAgLnJhZGlvIHsNCiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7DQogIH0NCg0KICAudXBMb2FkIHsNCiAgICB3aWR0aDogNThweDsNCiAgICBoZWlnaHQ6IDU4cHg7DQogICAgbGluZS1oZWlnaHQ6IDU4cHg7DQogICAgYm9yZGVyOiAxcHggZG90dGVkIHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjAyKTsNCiAgfQ0KDQogIC5pY29uZm9udCB7DQogICAgY29sb3I6ICM4OTg5ODk7DQogIH0NCg0KICAucGljdHJ1ZSB7DQogICAgd2lkdGg6IDYwcHg7DQogICAgaGVpZ2h0OiA2MHB4Ow0KICAgIGJvcmRlcjogMXB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMSk7DQogICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICB9DQoNCiAgLnBpY3RydWUgaW1nIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogIH0NCn0NCg0KLmFncmVlbWVudC1ib3ggew0KICB3aWR0aDogMzEwcHg7DQogIGhlaWdodDogNTUwcHg7DQogIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCk7DQogIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogIG9wYWNpdHk6IDE7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCg0KICAudGVtcGxhdGUgew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgdG9wOiAwOw0KICAgIGxlZnQ6IDA7DQogICAgYm9yZGVyLXJhZGl1czogMTBweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjODE3ZTgxOw0KICB9DQoNCiAgLmh0bWxzX2JveCB7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIHdpZHRoOiAyNTlweDsNCiAgICBoZWlnaHQ6IDQzMHB4Ow0KICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgdG9wOiA1OHB4Ow0KICAgIGxlZnQ6IDI2cHg7DQoNCiAgICAuaHRtbHNfdG9wIHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHRvcDogOHB4Ow0KICAgICAgbGVmdDogMDsNCiAgICAgIGhlaWdodDogMzRweDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgbGluZS1oZWlnaHQ6IDM1cHg7DQogICAgICBmb250LXdlaWdodDogNjAwOw0KICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgIH0NCg0KICAgIC5odG1sc19mb250IHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIGJvdHRvbTogMDsNCiAgICAgIGxlZnQ6IDA7DQogICAgICBwYWRkaW5nOiAxNXB4IDE1cHg7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICB3aWR0aDogMTAwJTsNCg0KICAgICAgZGl2IHsNCiAgICAgICAgaGVpZ2h0OiAzNXB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMzVweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMjBweDsNCiAgICAgIH0NCg0KICAgICAgLm9rIHsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2YzMzMxNjsNCiAgICAgICAgY29sb3I6ICNmZmZmZmY7DQogICAgICB9DQogICAgfQ0KDQogICAgLmh0bWxzIHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgICB0b3A6IDUwcHg7DQogICAgICBsZWZ0OiAwOw0KICAgICAgd2lkdGg6IDI1OXB4Ow0KICAgICAgaGVpZ2h0OiAyODFweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgIG92ZXJmbG93OiBhdXRvOw0KICAgICAgcGFkZGluZzogNXB4IDE1cHg7DQogICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkOw0KICAgIH0NCg0KICAgIC5odG1sczo6LXdlYmtpdC1zY3JvbGxiYXIgew0KICAgICAgZGlzcGxheTogbm9uZTsNCiAgICB9DQogIH0NCn0NCg0KLkJib3ggew0KICB3aWR0aDogNDk1cHg7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtd3JhcDogd3JhcDsNCn0NCg0KLml0ZW0gew0KICBtYXJnaW4tcmlnaHQ6IDE1cHg7DQogIGJvcmRlcjogMXB4IGRhc2hlZCAjZGJkYmRiOw0KICBwYWRkaW5nLWJvdHRvbTogMTBweDsNCiAgcGFkZGluZy1yaWdodDogMTVweDsNCiAgcGFkZGluZy10b3A6IDIwcHg7DQp9DQoNCi5pdGVtcyB7DQogIG1hcmdpbi1yaWdodDogMTVweDsNCiAgYm9yZGVyOiAxcHggZGFzaGVkICNkYmRiZGI7DQogIHBhZGRpbmctYm90dG9tOiAxMHB4Ow0KICBwYWRkaW5nLXRvcDogMTVweDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBtYXJnaW4tdG9wOiAyMHB4Ow0KDQogIC5tb3ZlLWljb24gew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICB3aWR0aDogMzBweDsNCiAgICBoZWlnaHQ6IDgwcHg7DQogICAgY3Vyc29yOiBtb3ZlOw0KICAgIGNvbG9yOiAjZDhkOGQ4Ow0KICB9DQoNCiAgLmltZy1ib3ggew0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICB3aWR0aDogODBweDsNCiAgICBoZWlnaHQ6IDgwcHg7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICB9DQoNCiAgLmluZm8gew0KICAgIGZsZXg6IDE7DQogICAgbWFyZ2luLWxlZnQ6IDIycHg7DQoNCiAgICAuaW5mby1pdGVtIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCg0KICAgICAgc3BhbiB7DQogICAgICAgIC8vIHdpZHRoIDQwcHgNCiAgICAgICAgZm9udC1zaXplOiAxM3B4Ow0KDQogICAgICAgIC5pbnB1dC1ib3ggew0KICAgICAgICAgIGZsZXg6IDE7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCg0KICAuZGVsZWN0LWJ0biB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHJpZ2h0OiAtMTJweDsNCiAgICB0b3A6IC0xMnB4Ow0KICAgIGNvbG9yOiAjOTk5OTk5Ow0KDQogICAgLmljb25mb250IHsNCiAgICAgIGZvbnQtc2l6ZTogMjhweDsNCiAgICAgIGNvbG9yOiAjOTk5Ow0KICAgIH0NCiAgfQ0KfQ0KDQoudGFibGUgew0KICB3aWR0aDogNzAwcHg7DQogIGNvbG9yOiAjNTE1YTZlOw0KICBmb250LXNpemU6IDE0cHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIG1hcmdpbi1sZWZ0OiAyMHB4Ow0KfQ0KDQouY29udGVudHMgew0KICB3aWR0aDogMTUwcHg7DQoNCiAgLnJpZ2h0LWJveCB7DQogICAgbWFyZ2luLWxlZnQ6IDQwcHg7DQogIH0NCg0KICAudGl0bGUtdGV4dCB7DQogICAgd2lkdGg6IDUwMHB4Ow0KICB9DQp9DQoNCi5wY2lmcmFtZSB7DQogIG1hcmdpbi1sZWZ0OiAyMHB4Ow0KICB3aWR0aDogNDMwcHg7DQogIGhlaWdodDogMjgwcHg7DQogIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogIGJvcmRlci1yYWRpdXM6IDEzcHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KDQogIC5wY2lmcmFtZS1ib3ggew0KICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCk7DQogICAgLy8gYm9yZGVyOiAxcHggc29saWQgI0VFRUVFRTsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogIH0NCg0KICAucGNtb2RkaWxlX2dvb2RzIHsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgdG9wOiA2OXB4Ow0KICAgIHdpZHRoOiAxNzFweDsNCiAgICBoZWlnaHQ6IDE0MHB4Ow0KICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDJweDsNCiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAycHg7DQogICAgbGVmdDogNjVweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICB9DQoNCiAgLnBjc3dpcGVyaW1nX2dvb2RzIHsNCiAgICBoZWlnaHQ6IDE0MHB4Ow0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICB9DQp9DQoNCi5saW5rIHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAzMnB4Ow0KICBsaW5lLWhlaWdodDogMS41Ow0KICBwYWRkaW5nOiA0cHggN3B4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgY3Vyc29yOiB0ZXh0Ow0KICB0cmFuc2l0aW9uOiBib3JkZXIgMC4ycyBlYXNlLWluLW91dCwgYmFja2dyb3VuZCAwLjJzIGVhc2UtaW4tb3V0LCBib3gtc2hhZG93IDAuMnMgZWFzZS1pbi1vdXQ7DQogIGZvbnQtc2l6ZTogMTNweDsNCiAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtUmVndWxhcjsNCiAgbGluZS1oZWlnaHQ6IDIycHg7DQogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMjUpOw0KICBvcGFjaXR5OiAxOw0KICBjdXJzb3I6IHBvaW50ZXI7DQoNCiAgLnlvdSB7DQogICAgY29sb3I6ICM5OTk5OTk7DQogICAgZmxvYXQ6IHJpZ2h0Ow0KICAgIG1hcmdpbi1yaWdodDogMTFweDsNCiAgfQ0KfQ0KDQouc3dpcGVyaW1nIHsNCiAgd2lkdGg6IDMxMHB4Ow0KICBtYXgtaGVpZ2h0OiAxMjZweDsNCiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMTBweDsNCiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDEwcHg7DQoNCiAgaW1nIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogIH0NCn0NCg0KLnN3aXBlcmltZ3Mgew0KICB3aWR0aDogMzEwcHg7DQogIGhlaWdodDogMTAwJTsNCiAgYm9yZGVyLXJhZGl1czogMTBweDsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0KDQouc3dpcGVyaW1nX2dvb2RzIHsNCiAgd2lkdGg6IDI4NHB4Ow0KICBoZWlnaHQ6IDEyNHB4Ow0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIGxpbmUtaGVpZ2h0OiA5OXB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7DQoNCiAgaW1nIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogIH0NCn0NCg0KLnRpdGxlIHsNCiAgcGFkZGluZzogMCAwIDEzcHggMDsNCiAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogIGZvbnQtc2l6ZTogMTVweDsNCiAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBoZWlnaHQ6IDIzcHg7DQogIHBhZGRpbmctbGVmdDogMTBweDsNCn0NCg0KLnRpdGxlLXRleHQgew0KICBwYWRkaW5nOiAwIDAgMHB4IDE2cHg7DQogIGNvbG9yOiAjOTk5Ow0KICBmb250LXNpemU6IDEycHg7DQogIG1hcmdpbi10b3A6IDEwcHg7DQp9DQoNCi5jb250ZW50IHsNCiAgLy8gd2lkdGggNTEwcHg7DQogIC5yaWdodC1ib3ggew0KICAgIG1hcmdpbi1sZWZ0OiA0MHB4Ow0KICB9DQp9DQoNCi5ib3ggew0KICBib3JkZXItdG9wOiAzcHggc29saWQgI2Y1ZjdmOTsNCiAgcGFkZGluZzogMTBweDsNCiAgcGFkZGluZy10b3A6IDI1cHg7DQogIHdpZHRoOiAxMDAlOw0KDQogIC5zYXZlIHsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgIHdpZHRoOiA3MXB4Ow0KICAgIGhlaWdodDogMzBweDsNCiAgICBtYXJnaW46IDAgYXV0bzsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgbGluZS1oZWlnaHQ6IDMwcHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQp9DQoNCi5pZnJhbWUgew0KICBtYXJnaW4tbGVmdDogMjBweDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICB3aWR0aDogMzEwcHg7DQogIGhlaWdodDogNTUwcHg7DQogIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogIG9wYWNpdHk6IDE7DQogIGJvcmRlci1yYWRpdXM6IDEwcHg7DQp9DQoNCi5tb2RkaWxlIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB3aWR0aDogMzEwcHg7DQogIGhlaWdodDogNTUwcHg7DQogIHRvcDogMHB4Ow0KICBvcGFjaXR5OiAwOw0KICBsZWZ0OiAwcHg7DQogIGJvcmRlci1yYWRpdXM6IDRweDsNCn0NCg0KLm1vZGRpbGVfYm94IHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0b3A6IDBweDsNCiAgd2lkdGg6IDMxMHB4Ow0KICBoZWlnaHQ6IDExNXB4Ow0KICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7DQogIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7DQogIGxlZnQ6IDBweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsNCn0NCg0KLm1vZGRpbGVfZ29vZHMgew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHRvcDogMTJweDsNCiAgd2lkdGg6IDI4NHB4Ow0KICBoZWlnaHQ6IDEyNHB4Ow0KICAvKiBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAxMHB4OyAqLw0KICAvKiBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMTBweDsgKi8NCiAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICBsZWZ0OiAxM3B4Ow0KICBsaW5lLWhlaWdodDogOTlweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1Ow0KfQ0KDQouaWZyYW1lLWJveCB7DQogIHdpZHRoOiAzMTBweDsNCiAgaGVpZ2h0OiAxMDAlOw0KICBib3JkZXItcmFkaXVzOiAxMHB4Ow0KICAvLyBtYXJnaW46IDMwcHggMTVweCAwcHggMTVweA0KICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApOw0KICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KICBvcGFjaXR5OiAxOw0KDQogIGltZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICB9DQp9DQoNCi5sZWZ0LXdyYXBwZXIgew0KICBtaW4td2lkdGg6IDIxM3B4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZjJmMmYyOw0KfQ0KDQoubWVudS1pdGVtIHsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDsNCg0KICAuaWNvbi1ib3ggew0KICAgIHotaW5kZXg6IDM7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHJpZ2h0OiAyMHB4Ow0KICAgIHRvcDogNTAlOw0KICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsNCiAgICBkaXNwbGF5OiBub25lOw0KICB9DQoNCiAgJjpob3ZlciAuaWNvbi1ib3ggew0KICAgIGRpc3BsYXk6IGJsb2NrOw0KICB9DQoNCiAgLnJpZ2h0LW1lbnUgew0KICAgIHotaW5kZXg6IDEwOw0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICByaWdodDogLTEwNnB4Ow0KICAgIHRvcDogLTExcHg7DQogICAgd2lkdGg6IGF1dG87DQogICAgbWluLXdpZHRoOiAxMjFweDsNCiAgfQ0KfQ0KDQoudGFiQm94X2ltZyB7DQogIHdpZHRoOiAzNnB4Ow0KICBoZWlnaHQ6IDM2cHg7DQogIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KDQogIGltZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICB9DQp9DQoNCi5pdnUtbWVudSB7DQogIHotaW5kZXg6IGF1dG87DQp9DQoNCi5pY29uZHJhZzIgew0KICBmb250LXNpemU6IDI2cHg7DQogIGNvbG9yOiAjZDhkOGQ4Ow0KfQ0KDQouaG90X2ltZ3Mgew0KICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KDQogIC50aXRsZSB7DQogICAgZm9udC1zaXplOiAxNHB4Ow0KICB9DQoNCiAgLmxpc3QtYm94IHsNCiAgICBtYXJnaW4tdG9wOiAxNHB4Ow0KICAgIC5pdGVtIHsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBtYXJnaW4tdG9wOiAxNHB4Ow0KDQogICAgICAubW92ZS1pY29uIHsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICAgIHdpZHRoOiAzMHB4Ow0KICAgICAgICBoZWlnaHQ6IDgwcHg7DQogICAgICAgIGN1cnNvcjogbW92ZTsNCiAgICAgICAgY29sb3I6ICNkOGQ4ZDg7DQogICAgICB9DQoNCiAgICAgIC5pbWctYm94IHsNCiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgICB3aWR0aDogODBweDsNCiAgICAgICAgaGVpZ2h0OiA4MHB4Ow0KDQogICAgICAgIGltZyB7DQogICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICB9DQogICAgICB9DQoNCiAgICAgIC5pbmZvIHsNCiAgICAgICAgZmxleDogMTsNCiAgICAgICAgbWFyZ2luLWxlZnQ6IDIycHg7DQoNCiAgICAgICAgLmluZm8taXRlbSB7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQoNCiAgICAgICAgICBzcGFuIHsNCiAgICAgICAgICAgIC8vIHdpZHRoIDQwcHgNCiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgICAgICB9DQoNCiAgICAgICAgICAuaW5wdXQtYm94IHsNCiAgICAgICAgICAgIGZsZXg6IDE7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQoNCiAgICAgIC5kZWxlY3QtYnRuIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICByaWdodDogLTEycHg7DQogICAgICAgIHRvcDogLTEycHg7DQogICAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KDQogICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgZm9udC1zaXplOiAyOHB4Ow0KICAgICAgICAgIGNvbG9yOiAjOTk5Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQoNCiAgLmFkZC1idG4gew0KICAgIG1hcmdpbi10b3A6IDE0cHg7DQogIH0NCn0NCg0KLnVwbG9hZC1ib3ggew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogMTAwJTsNCiAgYmFja2dyb3VuZDogI2NjYzsNCn0NCg0KLmljb25mb250IHsNCiAgY29sb3I6ICNkZGRkZGQ7DQogIGZvbnQtc2l6ZTogMjhweDsNCn0NCg0KLmlmcmFtZS1ib3hzOjotd2Via2l0LXNjcm9sbGJhciB7DQogIGRpc3BsYXk6IG5vbmU7DQp9DQoNCi5zZ2luX2lmcmFtZTo6LXdlYmtpdC1zY3JvbGxiYXIgew0KICBkaXNwbGF5OiBub25lOw0KfQ0KDQouaWZyYW1lLWJveHMgew0KICB3aWR0aDogMzEwcHg7DQogIGhlaWdodDogNTUwcHg7DQogIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCk7DQogIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogIG9wYWNpdHk6IDE7DQogIG92ZXJmbG93OiBhdXRvOw0KDQogIC5tb25leUJveCB7DQogICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItdGhlbWUpOw0KICAgIGhlaWdodDogNDE0cHg7DQogICAgYm9yZGVyLXJhZGl1czogMTBweDsNCg0KICAgIC5ib3gxIHsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgICAgcGFkZGluZy1ib3R0b206IDE1cHg7DQoNCiAgICAgIC5mb250MSB7DQogICAgICAgIHBhZGRpbmctdG9wOiAyMHB4Ow0KICAgICAgICAvLyBwYWRkaW5nLWJvdHRvbSAxNXB4DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgb3BhY2l0eTogMC42Ow0KICAgICAgfQ0KDQogICAgICAuZm9udDIgew0KICAgICAgICBmb250LXNpemU6IDMwcHg7DQogICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsNCiAgICAgICAgb3BhY2l0eTogMC45Ow0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5tb25leUJveF9jb250ZW50IHsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7DQogICAgICBoZWlnaHQ6IDMxN3B4Ow0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KDQogICAgICAuYm94MiB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOw0KICAgICAgICBoZWlnaHQ6IDM1cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAzNXB4Ow0KICAgICAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KDQogICAgICAgIGRpdjpudGgtY2hpbGQoMSkgew0KICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkOw0KICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1jb2xvci10aGVtZSk7DQogICAgICAgIH0NCiAgICAgIH0NCg0KICAgICAgLmJveDMgew0KICAgICAgICBwYWRkaW5nOiAwcHggMTBweDsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAganVzdGlmeS1jb250ZW50OiBsZWZ0Ow0KICAgICAgICBmbGV4LXdyYXA6IHdyYXA7DQoNCiAgICAgICAgLmJveDNfYm94IHsNCiAgICAgICAgICB3aWR0aDogOTBweDsNCiAgICAgICAgICBoZWlnaHQ6IDU1cHg7DQogICAgICAgICAgYm9yZGVyLXJhZGl1czogOXB4Ow0KICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmNGY0ZjQ7DQogICAgICAgICAgY29sb3I6ICM4ODg7DQogICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgICAgcGFkZGluZy10b3A6IDNweDsNCiAgICAgICAgICBmb250LXNpemU6IDE5cHg7DQogICAgICAgICAgbWFyZ2luLXJpZ2h0OiAzcHg7DQogICAgICAgICAgbWFyZ2luLWxlZnQ6IDNweDsNCg0KICAgICAgICAgIC5mb250IHsNCiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTFweDsNCiAgICAgICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICAuYm94M19ib3g6bnRoLWNoaWxkKDEpIHsNCiAgICAgICAgICB3aWR0aDogOTBweDsNCiAgICAgICAgICBoZWlnaHQ6IDU1cHg7DQogICAgICAgICAgYm9yZGVyLXJhZGl1czogOXB4Ow0KICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXRoZW1lKTsNCiAgICAgICAgICBjb2xvcjogI2ZmZmZmZjsNCiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgICAgcGFkZGluZy10b3A6IDNweDsNCiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDsNCiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4Ow0KICAgICAgICB9DQoNCiAgICAgICAgLm90aGVyIHsNCiAgICAgICAgICBsaW5lLWhlaWdodDogNTVweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KDQogICAgICAuYm94NCB7DQogICAgICAgIHBhZGRpbmc6IDBweCAxMHB4Ow0KDQogICAgICAgIC50aXBzIHsNCiAgICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgICAgY29sb3I6ICMzMzMzMzM7DQogICAgICAgICAgZm9udC13ZWlnaHQ6IDgwMDsNCiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA3cHg7DQogICAgICAgICAgbWFyZ2luLXRvcDogMTBweDsNCiAgICAgICAgfQ0KDQogICAgICAgIC50aXBzLXNhbWxsIHsNCiAgICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgICAgY29sb3I6ICMzMzMzMzM7DQogICAgICAgICAgbWFyZ2luLWJvdHRvbTogN3B4Ow0KDQogICAgICAgICAgcCB7DQogICAgICAgICAgICBtYXJnaW46IDJweCAwcHg7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQoNCiAgICAgIC5ib3g1IHsNCiAgICAgICAgZm9udC1zaXplOiAxNXB4Ow0KICAgICAgICB3aWR0aDogMjI1cHg7DQogICAgICAgIGhlaWdodDogNDBweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMjVweDsNCiAgICAgICAgbWFyZ2luOiAyM3B4IGF1dG8gMCBhdXRvOw0KICAgICAgICBsaW5lLWhlaWdodDogNDBweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci10aGVtZSk7DQogICAgICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KDQouYm50IHsNCiAgLy8gd2lkdGggODBweCFpbXBvcnRhbnQNCn0NCg0KOjp2LWRlZXAgLml2dS1wYWdlLWhlYWRlciB7DQogIGJvcmRlci1ib3R0b206IHVuc2V0Ow0KICBwb3NpdGlvbjogZml4ZWQ7DQogIHotaW5kZXg6IDk7DQogIHdpZHRoOiAxMDAlOw0KfQ0KDQo6OnYtZGVlcCAuaS1sYXlvdXQtcGFnZS1oZWFkZXIgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQp9DQoNCi5ib3gtd3JhcHBlciB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtd3JhcDogbm93cmFwOw0KICBwYWRkaW5nOiAyMHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICBib3JkZXItcmFkaXVzOiA1cHg7DQp9DQoNCi5ib3gtdmlkZW8tc3R5bGUgew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxODBweDsNCiAgYm9yZGVyLXJhZGl1czogMTBweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzcwNzA3MDsNCiAgbWFyZ2luLXRvcDogMTBweDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBvdmVyZmxvdzogaGlkZGVuOw0KfQ0KDQouYm94LXZpZGVvLXN0eWxlIC5pY29udiB7DQogIGNvbG9yOiAjZmZmOw0KICBsaW5lLWhlaWdodDogMTgwcHg7DQogIHdpZHRoOiA1MHB4Ow0KICBoZWlnaHQ6IDUwcHg7DQogIGRpc3BsYXk6IGluaGVyaXQ7DQogIGZvbnQtc2l6ZTogMjZweDsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0b3A6IC03NHB4Ow0KICBsZWZ0OiA1MCU7DQogIG1hcmdpbi1sZWZ0OiAtMjVweDsNCn0NCg0KLmJveC12aWRlby1zdHlsZSAubWFyayB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogMzBweDsNCiAgdG9wOiAwOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNSk7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCi50cmVlLXZpcyB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogIC50YWItaXRlbSB7DQogICAgcGFkZGluZzogMTVweCAyMHB4Ow0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KICAuYWN0aXZlIHsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmV2LWJnLW1haW4tY29sb3IpOw0KICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogIH0NCn0NCg=="},{"version":3,"sources":["visualization.vue"],"names":[],"mappings":";AA+gCA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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","file":"visualization.vue","sourceRoot":"src/pages/system/group","sourcesContent":["<template>\r\n  <div :style=\"bgcolors\">\r\n    <div class=\"i-layout-page-header header-title\">\r\n      <span class=\"ivu-page-header-title mr20\">{{ $route.meta.title }}</span>\r\n      <div>\r\n        <div style=\"float: right\">\r\n          <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"save\">保存</el-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"box-wrapper h100\">\r\n      <div class=\"left-wrapper\" v-if=\"!$route.params.id && groupAll.length\">\r\n        <div class=\"tree-vis\">\r\n          <div\r\n            class=\"tab-item\"\r\n            :class=\"{ active: item.id == pageId }\"\r\n            v-for=\"(item, index) in groupAll\"\r\n            :key=\"index\"\r\n            v-db-click\r\n            @click=\"edits(item)\"\r\n          >\r\n            {{ item.name }}\r\n          </div>\r\n          <div class=\"tab-item\" :class=\"{ active: pageId == 1617 }\" v-db-click @click=\"edits(2)\">开屏广告</div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"name == 'user_recharge_quota'\" class=\"iframe\">\r\n        <div class=\"iframe-boxs\">\r\n          <div class=\"moneyBox\">\r\n            <div class=\"box1\">\r\n              <div class=\"font1\">我的余额</div>\r\n              <div>￥ <i class=\"font2\">0.00</i></div>\r\n            </div>\r\n            <div class=\"moneyBox_content\">\r\n              <div class=\"box2\">\r\n                <div>账户充值</div>\r\n                <div>佣金导入</div>\r\n              </div>\r\n              <div class=\"box3\">\r\n                <div v-show=\"item.status != 0\" class=\"box3_box\" v-for=\"(item, index) in sginList.list\" :key=\"index\">\r\n                  <div>{{ item.price }}<i class=\"font\">元</i></div>\r\n                  <div class=\"font\">赠送:{{ item.give_money }}元</div>\r\n                </div>\r\n                <div class=\"box3_box\">\r\n                  <div class=\"other\">其他</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"box4\">\r\n                <div class=\"tips\">注意事项：</div>\r\n                <div class=\"tips-samll\">\r\n                  <p>充值后帐户的金额不能提现，可用于商城消费使用。</p>\r\n                  <p>佣金导入账户之后不能再次导出、不可提现。</p>\r\n                  <p>账户充值出现问题可联系商城客服，也可拨打商城客服热线：40088888889。</p>\r\n                </div>\r\n              </div>\r\n              <div class=\"box5\">立即充值</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"name == 'admin_login_slide'\" class=\"pciframe\" :bordered=\"false\" shadow=\"never\">\r\n        <img src=\"../../../assets/images/pclogin.png\" class=\"pciframe-box\" />\r\n        <div class=\"pcmoddile_goods\">\r\n          <div class=\"nofont\" v-if=\"tabList.list == ''\">暂无照片，请添加~</div>\r\n          <swiper v-else :options=\"swiperOption\" class=\"pcswiperimg_goods\">\r\n            <swiper-slide class=\"spcwiperimg_goods\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n              <img :src=\"item.slide\" />\r\n            </swiper-slide>\r\n          </swiper>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"name == 'integral_shop_banner'\" class=\"iframe\" :bordered=\"false\">\r\n        <div class=\"iframe-box\">\r\n          <img src=\"../../../assets/images/integral.png\" style=\"width: 100%\" />\r\n          <div class=\"moddile_goods\">\r\n            <div class=\"nofonts\" v-if=\"tabList.list == '' || !tabList.list.length || !tabList.list[0].img\">\r\n              暂无照片，请添加~\r\n            </div>\r\n            <swiper v-else :options=\"swiperOption\" class=\"pcswiperimg_goods\">\r\n              <swiper-slide class=\"swiperimg_goods\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n                <img :src=\"item.img\" />\r\n              </swiper-slide>\r\n            </swiper>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"\r\n          name != 'sign_day_num' &&\r\n          name != 'admin_login_slide' &&\r\n          name != 'user_recharge_quota' &&\r\n          name != 'integral_shop_banner' &&\r\n          a != 1 &&\r\n          guide != 2\r\n        \"\r\n        class=\"iframe\"\r\n        :bordered=\"false\"\r\n        shadow=\"never\"\r\n      >\r\n        <iframe :src=\"url\" class=\"iframe-box\" frameborder=\"0\"></iframe>\r\n        <div class=\"moddile\"></div>\r\n        <div\r\n          v-if=\"\r\n            name == 'routine_home_bast_banner' ||\r\n            name == 'routine_home_hot_banner' ||\r\n            name == 'routine_home_new_banner' ||\r\n            name == 'routine_home_benefit_banner'\r\n          \"\r\n          class=\"moddile_box\"\r\n        >\r\n          <div class=\"nofonts\" v-if=\"!tabList.list || !tabList.list.length || !tabList.list[0].img\">\r\n            暂无照片，请添加~\r\n          </div>\r\n          <swiper v-else :options=\"swiperOption\" class=\"swiperimg\">\r\n            <swiper-slide class=\"swiperimg\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n              <img :src=\"item.img\" />\r\n            </swiper-slide>\r\n          </swiper>\r\n        </div>\r\n        <div v-if=\"name == 'combination_banner'\" class=\"moddile_goods\">\r\n          <div class=\"nofonts\" v-if=\"tabList.list == ''\">暂无照片，请添加~</div>\r\n          <swiper v-else :options=\"swiperOption\" class=\"swiperimg_goods\">\r\n            <swiper-slide class=\"swiperimg_goods\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n              <img :src=\"item.img\" />\r\n            </swiper-slide>\r\n          </swiper>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"name == 'sign_day_num'\" class=\"iframe\" :bordered=\"false\">\r\n        <div class=\"iframe-box\">\r\n          <img v-if=\"bgimg == 1\" src=\"../../../assets/images/bluesgin.png\" />\r\n          <img v-if=\"bgimg == 2\" src=\"../../../assets/images/greesgin.png\" />\r\n          <img v-if=\"bgimg == 3\" src=\"../../../assets/images/redsgin.png\" />\r\n          <img v-if=\"bgimg == 4\" src=\"../../../assets/images/pinksgin.png\" />\r\n          <img v-if=\"bgimg == 5\" src=\"../../../assets/images/oragesgin.png\" />\r\n        </div>\r\n      </div>\r\n      <div v-if=\"a == 1\" class=\"iframe\" :bordered=\"false\">\r\n        <div class=\"agreement-box\">\r\n          <div class=\"template\"></div>\r\n          <div class=\"htmls_box\">\r\n            <div class=\"htmls_top\">服务协议与隐私政策</div>\r\n            <div class=\"htmls_font\">\r\n              <div class=\"ok\">我同意</div>\r\n              <div>不同意</div>\r\n            </div>\r\n            <div class=\"htmls\" v-html=\"formValidate.content\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"a == 1\" style=\"margin-left: 40px\">\r\n        <div class=\"table_box\">\r\n          <div>\r\n            <div v-bind=\"grid\">\r\n              <div class=\"title\">隐私权限页面展示：</div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <el-form\r\n              class=\"form\"\r\n              ref=\"formValidate\"\r\n              :model=\"formValidate\"\r\n              :rules=\"ruleValidate\"\r\n              :label-width=\"labelWidth\"\r\n              :label-position=\"labelPosition\"\r\n              @submit.native.prevent\r\n            >\r\n              <div class=\"goodsTitle acea-row\"></div>\r\n              <el-form-item label=\"\" prop=\"content\" style=\"margin: 0px\">\r\n                <WangEditor\r\n                  style=\"width: 90%\"\r\n                  :content=\"formValidate.content\"\r\n                  @editorContent=\"getEditorContent\"\r\n                ></WangEditor>\r\n              </el-form-item>\r\n            </el-form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"guide == 2\" class=\"iframe\" :bordered=\"false\">\r\n        <div class=\"nofonts\" v-if=\"tabList.list == '' || !tabList.list.length || !tabList.list[0].img\">\r\n          暂无照片，请添加~\r\n        </div>\r\n        <swiper :options=\"swiperOption\" class=\"swiperimgs\" v-else>\r\n          <swiper-slide class=\"swiperimgs\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n            <img :src=\"item.img\" />\r\n          </swiper-slide>\r\n        </swiper>\r\n      </div>\r\n      <div v-if=\"name == 'sign_day_num'\" style=\"margin-left: 20px\">\r\n        <div class=\"table_box\">\r\n          <div>\r\n            <div v-bind=\"grid\">\r\n              <div class=\"title\">签到天数设置</div>\r\n              <el-button\r\n                type=\"primary\"\r\n                v-db-click\r\n                @click=\"groupAdd('添加数据')\"\r\n                style=\"margin-left: 14px; margin-top: 30px\"\r\n                >添加数据</el-button\r\n              >\r\n            </div>\r\n          </div>\r\n          <div class=\"table\">\r\n            <el-table\r\n              :data=\"cmsList\"\r\n              ref=\"table\"\r\n              class=\"mt14\"\r\n              v-loading=\"loading\"\r\n              highlight-current-row\r\n              no-userFrom-text=\"暂无数据\"\r\n              no-filtered-userFrom-text=\"暂无筛选结果\"\r\n            >\r\n              <el-table-column label=\"编号\" width=\"80\">\r\n                <template slot-scope=\"scope\">\r\n                  <span>{{ scope.row.id }}</span>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column label=\"第几天\" min-width=\"80\">\r\n                <template slot-scope=\"scope\">\r\n                  <span>{{ scope.row.day }}</span>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column label=\"获取积分\" min-width=\"80\">\r\n                <template slot-scope=\"scope\">\r\n                  <span>{{ scope.row.sign_num }}</span>\r\n                </template>\r\n              </el-table-column>\r\n\r\n              <el-table-column label=\"是否可用\" min-width=\"80\">\r\n                <template slot-scope=\"scope\">\r\n                  <el-switch\r\n                    :active-value=\"1\"\r\n                    :inactive-value=\"0\"\r\n                    v-model=\"scope.row.status\"\r\n                    :value=\"scope.row.status\"\r\n                    @change=\"onchangeIsShow(scope.row)\"\r\n                    size=\"large\"\r\n                  >\r\n                  </el-switch>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column label=\"排序\" min-width=\"80\">\r\n                <template slot-scope=\"scope\">\r\n                  <span>{{ scope.row.sort }}</span>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column label=\"操作\" fixed=\"right\" width=\"150\">\r\n                <template slot-scope=\"scope\">\r\n                  <a v-db-click @click=\"edit(scope.row, '编辑')\">编辑</a>\r\n                  <el-divider direction=\"vertical\"></el-divider>\r\n                  <a v-db-click @click=\"del(scope.row, '删除这条信息', scope.$index)\">删除</a>\r\n                </template>\r\n              </el-table-column>\r\n            </el-table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"name == 'user_recharge_quota'\" style=\"margin-left: 20px\">\r\n        <div class=\"table_box\">\r\n          <div>\r\n            <div v-bind=\"grid\">\r\n              <div class=\"title\">充值金额设置</div>\r\n              <el-button\r\n                type=\"primary\"\r\n                v-db-click\r\n                @click=\"groupAdd('添加数据')\"\r\n                style=\"margin-left: 14px; margin-top: 30px\"\r\n                >添加数据</el-button\r\n              >\r\n            </div>\r\n          </div>\r\n          <div class=\"table\">\r\n            <el-table\r\n              :data=\"sginList.list\"\r\n              ref=\"table\"\r\n              class=\"mt14\"\r\n              v-loading=\"loading\"\r\n              highlight-current-row\r\n              no-userFrom-text=\"暂无数据\"\r\n              no-filtered-userFrom-text=\"暂无筛选结果\"\r\n            >\r\n              <el-table-column\r\n                :label=\"item.title\"\r\n                :min-width=\"item.minWidth\"\r\n                v-for=\"(item, index) in columns1\"\r\n                :key=\"index\"\r\n              >\r\n                <template slot-scope=\"scope\">\r\n                  <template v-if=\"item.key\">\r\n                    <div>\r\n                      <span>{{ scope.row[item.key] }}</span>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'status'\">\r\n                    <el-switch\r\n                      :active-value=\"1\"\r\n                      :inactive-value=\"0\"\r\n                      v-model=\"scope.row.status\"\r\n                      :value=\"scope.row.status\"\r\n                      @change=\"onchangeIsShow(scope.row)\"\r\n                      size=\"large\"\r\n                    >\r\n                    </el-switch>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'action'\">\r\n                    <a v-db-click @click=\"edit(scope.row, '编辑')\">编辑</a>\r\n                    <el-divider direction=\"vertical\"></el-divider>\r\n                    <a v-db-click @click=\"del(scope.row, '删除这条信息', scope.$index)\">删除</a>\r\n                  </template>\r\n                </template>\r\n              </el-table-column>\r\n            </el-table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-else>\r\n        <div\r\n          v-if=\"name != 'sign_day_num' && a != 1 && guide != 2\"\r\n          :class=\"name != 'admin_login_slide' ? 'content' : 'contents'\"\r\n        >\r\n          <div class=\"right-box\">\r\n            <div class=\"hot_imgs\">\r\n              <div class=\"title\" v-if=\"name == 'admin_login_slide'\">幻灯片设置</div>\r\n              <div class=\"title\" v-else>轮播图设置</div>\r\n              <div class=\"title-text\">建议尺寸：690 * 240px，拖拽图片可调整图片顺序哦，最多添加五张</div>\r\n              <div class=\"list-box\">\r\n                <draggable\r\n                  v-if=\"name == 'admin_login_slide'\"\r\n                  class=\"dragArea list-group Bbox\"\r\n                  :list=\"tabList.list\"\r\n                  group=\"peoples\"\r\n                  handle=\".move-icon\"\r\n                >\r\n                  <div class=\"items\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n                    <div class=\"move-icon\">\r\n                      <span class=\"iconfont icondrag2\"></span>\r\n                    </div>\r\n                    <div class=\"img-box\" v-db-click @click=\"modalPicTap('单选', index)\">\r\n                      <img :src=\"item.slide\" alt=\"\" v-if=\"item.slide\" />\r\n                      <div class=\"upload-box\" v-else>\r\n                        <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                      </div>\r\n                      <div class=\"delect-btn\" v-db-click @click.stop=\"bindDelete(item, index)\">\r\n                        <i class=\"el-icon-circle-close\" style=\"font-size: 24px\" />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"info\"></div>\r\n                  </div>\r\n                </draggable>\r\n                <draggable v-else class=\"dragArea list-group\" :list=\"tabList.list\" group=\"peoples\" handle=\".move-icon\">\r\n                  <div class=\"item\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n                    <div class=\"move-icon\">\r\n                      <span class=\"iconfont icondrag2\"></span>\r\n                    </div>\r\n                    <div class=\"img-box\" v-db-click @click=\"modalPicTap('单选', index)\">\r\n                      <img :src=\"item.img\" alt=\"\" v-if=\"item.img\" />\r\n                      <div class=\"upload-box\" v-else>\r\n                        <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                      </div>\r\n                      <div class=\"delect-btn\" v-db-click @click.stop=\"bindDelete(item, index)\">\r\n                        <i class=\"el-icon-circle-close\" style=\"font-size: 24px\" />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"info\">\r\n                      <div class=\"info-item\">\r\n                        <span>图片名称：</span>\r\n                        <div class=\"input-box\">\r\n                          <el-input v-model=\"item.comment\" placeholder=\"请填写名称\" />\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"info-item\">\r\n                        <span>链接地址：</span>\r\n                        <div class=\"input-box\" v-db-click>\r\n                          <el-input v-model=\"item.link\" placeholder=\"选择链接\">\r\n                            <i class=\"el-icon-link\" slot=\"suffix\" @click=\"getLink(index)\" />\r\n                          </el-input>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </draggable>\r\n                <div>\r\n                  <el-dialog\r\n                    :visible.sync=\"modalPic\"\r\n                    width=\"950px\"\r\n                    title=\"上传商品图\"\r\n                    :close-on-click-modal=\"false\"\r\n                    :show-close=\"true\"\r\n                  >\r\n                    <uploadPictures\r\n                      :isChoice=\"isChoice\"\r\n                      @getPic=\"getPic\"\r\n                      :gridBtn=\"gridBtn\"\r\n                      :gridPic=\"gridPic\"\r\n                      v-if=\"modalPic\"\r\n                    ></uploadPictures>\r\n                  </el-dialog>\r\n                </div>\r\n              </div>\r\n              <template>\r\n                <div class=\"add-btn\">\r\n                  <el-button\r\n                    type=\"primary\"\r\n                    ghost\r\n                    style=\"width: 100px; height: 35px; background-color: var(--prev-color-primary); color: #ffffff\"\r\n                    v-db-click\r\n                    @click=\"addBox\"\r\n                    >添加图片\r\n                  </el-button>\r\n                </div>\r\n              </template>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"guide === 2\" :class=\"name != 'admin_login_slide' ? 'content' : 'contents'\">\r\n        <div class=\"right-box\">\r\n          <div class=\"hot_imgs\">\r\n            <div class=\"title\">引导页设置</div>\r\n            <div class=\"title-text\">建议尺寸：750 * 1334px，拖拽图片可调整图片顺序哦，最多添加五张</div>\r\n            <div class=\"list-box\">\r\n              <div>\r\n                <el-form :model=\"formItem\" label-width=\"85px\">\r\n                  <el-form-item label=\"开屏广告:\">\r\n                    <el-switch active-value=\"1\" inactive-value=\"0\" v-model=\"formItem.status\" size=\"large\"> </el-switch>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"广告时间:\">\r\n                    <el-input\r\n                      v-model.number=\"formItem.time\"\r\n                      type=\"number\"\r\n                      placeholder=\"请输入开屏广告时间\"\r\n                      style=\"width: 150px\"\r\n                    ></el-input>\r\n                    单位(秒)\r\n                  </el-form-item>\r\n                </el-form>\r\n              </div>\r\n              <draggable class=\"dragArea list-group\" :list=\"tabList.list\" group=\"peoples\" handle=\".move-icon\">\r\n                <div class=\"item\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n                  <div class=\"move-icon\">\r\n                    <span class=\"iconfont icondrag2\"></span>\r\n                  </div>\r\n                  <div class=\"img-box\" v-db-click @click=\"modalPicTap('单选', index)\">\r\n                    <img :src=\"item.img\" alt=\"\" v-if=\"item.img\" />\r\n                    <div class=\"upload-box\" v-else>\r\n                      <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                    </div>\r\n                    <div class=\"delect-btn\" v-db-click @click.stop=\"bindDelete(item, index)\">\r\n                      <i class=\"el-icon-circle-close\" style=\"font-size: 24px\" />\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"info\">\r\n                    <div class=\"info-item\">\r\n                      <span>图片名称：</span>\r\n                      <div class=\"input-box\">\r\n                        <el-input v-model=\"item.comment\" placeholder=\"请填写名称\" />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"info-item\">\r\n                      <span>链接地址：</span>\r\n                      <div class=\"input-box\" v-db-click>\r\n                        <el-input v-model=\"item.link\" placeholder=\"选择链接\">\r\n                          <i class=\"el-icon-link\" slot=\"suffix\" @click=\"getLink(index)\" />\r\n                        </el-input>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </draggable>\r\n              <div>\r\n                <el-dialog :visible.sync=\"modalPic\" width=\"950px\" title=\"上传商品图\" :close-on-click-modal=\"false\">\r\n                  <uploadPictures\r\n                    :isChoice=\"isChoice\"\r\n                    @getPic=\"getPic\"\r\n                    :gridBtn=\"gridBtn\"\r\n                    :gridPic=\"gridPic\"\r\n                    v-if=\"modalPic\"\r\n                  ></uploadPictures>\r\n                </el-dialog>\r\n              </div>\r\n            </div>\r\n            <template v-if=\"tabList.list.length < 5\">\r\n              <div class=\"add-btn\">\r\n                <el-button\r\n                  type=\"primary\"\r\n                  ghost\r\n                  style=\"width: 100px; height: 35px; background-color: var(--prev-color-primary); color: #ffffff\"\r\n                  v-db-click\r\n                  @click=\"addBox\"\r\n                  >添加图片\r\n                </el-button>\r\n              </div>\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport WangEditor from '@/components/wangEditor/index.vue';\r\nimport Setting from '@/setting';\r\nimport { diyGetInfo, diySave, getColorChange } from '@/api/diy';\r\nimport { mapState } from 'vuex';\r\nimport editFrom from '@/components/from/from';\r\nimport { productGetTempKeysApi, uploadType } from '@/api/product';\r\nimport {\r\n  groupAllApi,\r\n  groupDataListApi,\r\n  groupSaveApi,\r\n  openAdvSave,\r\n  groupDataAddApi,\r\n  groupDataHeaderApi,\r\n  groupDataEditApi,\r\n  groupDataSetApi,\r\n  getAgreement,\r\n  setAgreement,\r\n  getOpenAdv,\r\n} from '@/api/system';\r\nimport draggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nimport { getCookies } from '@/libs/util';\r\n\r\nexport default {\r\n  name: 'list',\r\n  components: {\r\n    editFrom,\r\n    draggable,\r\n    uploadPictures,\r\n    linkaddress,\r\n    WangEditor,\r\n  },\r\n  computed: {\r\n    bgcolors() {\r\n      return {\r\n        '--color-theme': this.bgCol,\r\n      };\r\n    },\r\n    labelWidth() {\r\n      return this.isMobile ? undefined : '120px';\r\n    },\r\n    labelPosition() {\r\n      return this.isMobile ? 'top' : 'right';\r\n    },\r\n    ...mapState('admin/layout', ['menuCollapse']),\r\n  },\r\n  data() {\r\n    return {\r\n      formValidate: {\r\n        content: '',\r\n      },\r\n      ruleValidate: {},\r\n      myConfig: {\r\n        autoHeightEnabled: false, // 编辑器不自动被内容撑高\r\n        initialFrameHeight: 500, // 初始容器高度\r\n        initialFrameWidth: '100%', // 初始容器宽度\r\n        UEDITOR_HOME_URL: '/UEditor/',\r\n        serverUrl: '',\r\n      },\r\n      a: 0, //判断的隐私协议\r\n      guide: 0,\r\n      bgimg: 0,\r\n      columns1: [],\r\n      bgCol: '',\r\n      name: 'routine_home_bast_banner',\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      loading: false,\r\n      sginList: [],\r\n      progress: 0, // 进度条默认0\r\n      swiperOption: {\r\n        //显示分页\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n        //设置点击箭头\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        //自动轮播\r\n        autoplay: false,\r\n        //开启循环模式\r\n        loop: false,\r\n      },\r\n      url: '',\r\n      BaseURL: Setting.apiBaseURL.replace(/adminapi/, ''),\r\n      pageId: 0,\r\n      theme3: 'light',\r\n      tabList: [],\r\n      upload_type: '', //视频上传类型 1 本地上传 2 3 4 OSS上传\r\n      uploadData: {}, // 上传参数\r\n      lastObj: {\r\n        add_time: '',\r\n        comment: '',\r\n        gid: '',\r\n        id: '',\r\n        img: '',\r\n        link: '',\r\n        sort: '',\r\n        status: 1,\r\n      },\r\n      isChoice: '单选',\r\n      modalPic: false,\r\n      gridPic: {\r\n        xl: 6,\r\n        lg: 8,\r\n        md: 12,\r\n        sm: 12,\r\n        xs: 12,\r\n      },\r\n      gridBtn: {\r\n        xl: 4,\r\n        lg: 8,\r\n        md: 8,\r\n        sm: 8,\r\n        xs: 8,\r\n      },\r\n      groupAll: [],\r\n      activeIndex: 0,\r\n      sortName: null,\r\n      activeIndexs: 0,\r\n      cmsList: [],\r\n      loadingExist: false,\r\n      formItem: {\r\n        time: '',\r\n        type: 'pic',\r\n        status: 1,\r\n        value: [],\r\n        video_link: '',\r\n      },\r\n      fileUrl: Setting.apiBaseURL + '/file/upload',\r\n      cardUrl: Setting.apiBaseURL + '/file/upload/1',\r\n      header: {},\r\n      type: 0,\r\n      upload: {\r\n        videoIng: false, // 是否显示进度条；\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.color();\r\n    this.uploadType();\r\n    this.getToken();\r\n  },\r\n  mounted() {\r\n    this.getGroupAll();\r\n    this.info();\r\n    this.url = this.BaseURL + 'pages/columnGoods/HotNewGoods/index?type=1';\r\n  },\r\n  methods: {\r\n    getEditorContent(data) {\r\n      this.formValidate.content = data;\r\n    },\r\n    // 删除视频；\r\n    delVideo() {\r\n      let that = this;\r\n      that.$set(that.formItem, 'video_link', '');\r\n    },\r\n    //获取视频上传类型\r\n    uploadType() {\r\n      uploadType().then((res) => {\r\n        this.upload_type = res.data.upload_type;\r\n      });\r\n    },\r\n    // 上传成功\r\n    handleSuccess(res, file, fileList) {\r\n      if (res.status === 200) {\r\n        this.$set(this.formItem, 'video_link', res.data.src);\r\n        this.$message.success(res.msg);\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    zh_uploadFile() {\r\n      if (this.video_link) {\r\n        this.formValidate.video_link = this.video_link;\r\n      } else {\r\n        this.$refs.refid.click();\r\n      }\r\n    },\r\n    zh_uploadFile_change(evfile) {\r\n      let that = this;\r\n      let suffix = evfile.target.files[0].name.substr(evfile.target.files[0].name.indexOf('.'));\r\n      if (suffix.indexOf('.mp4') === -1) {\r\n        return that.$message.error('只能上传MP4文件');\r\n      }\r\n      let types = {\r\n        key: evfile.target.files[0].name,\r\n        contentType: evfile.target.files[0].type,\r\n      };\r\n      productGetTempKeysApi(types)\r\n        .then((res) => {\r\n          that.$videoCloud\r\n            .videoUpload({\r\n              type: res.data.type,\r\n              evfile: evfile,\r\n              res: res,\r\n              uploading(status, progress) {\r\n                that.upload.videoIng = status;\r\n              },\r\n            })\r\n            .then((res) => {\r\n              that.formValidate.video_link = res.url;\r\n              that.$message.success('视频上传成功');\r\n            })\r\n            .catch((res) => {\r\n              that.$message.error(res);\r\n            });\r\n        })\r\n        .catch((res) => {\r\n          that.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 上传头部token\r\n    getToken() {\r\n      this.header['Authori-zation'] = 'Bearer ' + getCookies('token');\r\n    },\r\n    beforeUpload() {\r\n      this.uploadData = {};\r\n      let promise = new Promise((resolve) => {\r\n        this.$nextTick(function () {\r\n          resolve(true);\r\n        });\r\n      });\r\n      return promise;\r\n    },\r\n    linkUrl(e) {\r\n      this.tabList.list[this.activeIndexs].link = e;\r\n    },\r\n    color() {\r\n      getColorChange('color_change').then((res) => {\r\n        switch (res.data.status) {\r\n          case 1:\r\n            this.bgCol = '#3875EA';\r\n            this.bgimg = 1;\r\n            break;\r\n          case 2:\r\n            this.bgCol = '#00C050';\r\n            this.bgimg = 2;\r\n            break;\r\n          case 3:\r\n            this.bgCol = '#E93323';\r\n            this.bgimg = 3;\r\n            break;\r\n          case 4:\r\n            this.bgCol = '#FF448F';\r\n            this.bgimg = 4;\r\n            break;\r\n          case 5:\r\n            this.bgCol = '#FE5C2D';\r\n            this.bgimg = 5;\r\n            break;\r\n        }\r\n      });\r\n    },\r\n    // 添加表单\r\n    groupAdd() {\r\n      this.$modalForm(groupDataAddApi({ gid: this.pageId, config_name: this.name }, 'setting/group_data/create')).then(\r\n        () => {\r\n          this.url = this.BaseURL + 'pages/users/user_sgin/index';\r\n          this.info();\r\n        },\r\n      );\r\n    },\r\n    info() {\r\n      groupDataListApi({ config_name: this.name }, 'setting/group_data')\r\n        .then(async (res) => {\r\n          this.tabList = res.data;\r\n          if (this.name == 'admin_login_slide') {\r\n            this.tabList.list.forEach((item, index, array) => {\r\n              if (typeof item.slide != 'string' && item.slide != 'undefined') {\r\n                item.slide = item.slide[0];\r\n              }\r\n            });\r\n          } else if (this.name == 'sign_day_num') {\r\n            this.cmsList = res.data.list;\r\n          } else if (this.name == 'user_recharge_quota') {\r\n            this.sginList = res.data;\r\n          } else {\r\n            this.tabList.list.forEach((item, index, array) => {\r\n              if (typeof item.img != 'string' && item.img != 'undefined') {\r\n                item.img = item.img[0];\r\n              }\r\n            });\r\n          }\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    edits(row) {\r\n      this.pageId = row.id || 0;\r\n      this.name = row.config_name || '';\r\n      if (row == 1) {\r\n        this.a = 1;\r\n        this.guide = 0;\r\n        this.getAgreement();\r\n      } else if (row == 2) {\r\n        this.a = 0;\r\n        this.guide = 2;\r\n        this.pageId = 1617;\r\n        getOpenAdv().then((res) => {\r\n          if (res.data) {\r\n            this.formItem = res.data;\r\n            this.tabList.list = res.data.value;\r\n          } else {\r\n            this.formItem = {\r\n              time: '',\r\n              type: 'pic',\r\n              status: 1,\r\n              value: [],\r\n              video_link: '',\r\n            };\r\n            this.tabList.list = [];\r\n          }\r\n        });\r\n      } else {\r\n        this.info();\r\n        this.guide = 0;\r\n        this.a = 0;\r\n        switch (row.config_name) {\r\n          case 'routine_home_bast_banner':\r\n            this.url = this.BaseURL + 'pages/columnGoods/HotNewGoods/index?type=1&name=精品推荐';\r\n            break;\r\n          case 'sign_day_num':\r\n            this.url = '';\r\n            this.getListHeader();\r\n            break;\r\n          case 'combination_banner':\r\n            this.url = this.BaseURL + 'pages/activity/goods_combination/index';\r\n            break;\r\n          case 'routine_home_hot_banner':\r\n            this.url = this.BaseURL + 'pages/columnGoods/HotNewGoods/index?type=2&name=热门榜单';\r\n            break;\r\n          case 'routine_home_new_banner':\r\n            this.url = this.BaseURL + 'pages/columnGoods/HotNewGoods/index?type=3&name=首发新品';\r\n            break;\r\n          case 'routine_home_benefit_banner':\r\n            this.url = this.BaseURL + 'pages/columnGoods/HotNewGoods/index?type=4&name=促销单品';\r\n            break;\r\n          case 'user_recharge_quota':\r\n            this.url = '';\r\n            this.getListHeader();\r\n            break;\r\n          case 'admin_login_slide':\r\n            this.url = '';\r\n            break;\r\n          case 'integral_shop_banner':\r\n            this.url = '';\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    addBox() {\r\n      if (this.tabList.list.length == 0) {\r\n        this.tabList.list.push(this.lastObj);\r\n        this.lastObj = {\r\n          add_time: '',\r\n          comment: '',\r\n          gid: '',\r\n          id: '',\r\n          img: '',\r\n          link: '',\r\n          sort: '',\r\n          status: 1,\r\n        };\r\n      } else {\r\n        if (this.tabList.list.length == 5) {\r\n          this.$message.warning('最多添加五张呦');\r\n        } else {\r\n          let obj = JSON.parse(JSON.stringify(this.lastObj));\r\n          this.tabList.list.push(obj);\r\n        }\r\n      }\r\n    },\r\n    // 删除\r\n    bindDelete(item, index) {\r\n      this.tabList.list.splice(index, 1);\r\n    },\r\n    // 点击图文封面\r\n    modalPicTap(title, index) {\r\n      this.activeIndex = index;\r\n      this.modalPic = true;\r\n    },\r\n    // 获取图片信息\r\n    getPic(pc) {\r\n      this.$nextTick(() => {\r\n        if (this.name == 'admin_login_slide') {\r\n          this.tabList.list[this.activeIndex].slide = pc.att_dir;\r\n        } else {\r\n          this.tabList.list[this.activeIndex].img = pc.att_dir;\r\n        }\r\n        this.modalPic = false;\r\n      });\r\n    },\r\n    save() {\r\n      if (this.a == 1) {\r\n        this.onsubmit('formValidate');\r\n      } else if (this.guide == 2) {\r\n        this.formItem.value = this.tabList.list;\r\n        openAdvSave(this.formItem).then((res) => {\r\n          this.$message.success(res.msg);\r\n        });\r\n      } else {\r\n        this.loadingExist = true;\r\n        groupSaveApi({\r\n          gid: this.pageId,\r\n          config_name: this.name,\r\n          data: this.tabList.list,\r\n        })\r\n          .then((res) => {\r\n            this.loadingExist = false;\r\n            this.$message.success(res.msg);\r\n          })\r\n          .catch((err) => {\r\n            this.loadingExist = false;\r\n            this.$message.error(err.msg);\r\n          });\r\n      }\r\n    },\r\n    getLink(index) {\r\n      this.activeIndexs = index;\r\n      this.$refs.linkaddres.modals = true;\r\n    },\r\n    getListHeader() {\r\n      this.loading = true;\r\n      groupDataHeaderApi({ config_name: this.name }, 'setting/sign_data/header')\r\n        .then((res) => {\r\n          let data = res.data;\r\n          let header = data.header;\r\n          let index = [];\r\n          this.columns1 = header;\r\n          this.loading = false;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 编辑\r\n    edit(row) {\r\n      this.$modalForm(\r\n        groupDataEditApi({ gid: this.pageId, config_name: this.name }, 'setting/group_data/' + row.id + '/edit'),\r\n      ).then(() => {\r\n        this.info();\r\n        this.url = this.BaseURL + 'pages/users/user_sgin/index';\r\n      });\r\n    },\r\n    // 删除\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: 'setting/group_data/' + row.id,\r\n        method: 'DELETE',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.info();\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    // 修改是否显示\r\n    onchangeIsShow(row) {\r\n      groupDataSetApi('setting/group_data/set_status/' + row.id + '/' + row.status)\r\n        .then(async (res) => {\r\n          this.url = this.BaseURL + '/pages/users/user_sgin/index';\r\n          this.$message.success(res.msg);\r\n          this.info();\r\n        })\r\n        .catch((res) => {\r\n          this.url = this.BaseURL + '/pages/users/user_sgin/index';\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    getGroupAll() {\r\n      groupAllApi()\r\n        .then(async (res) => {\r\n          this.groupAll = res.data;\r\n          this.sortName = res.data[0].config_name;\r\n          this.pageId = res.data[0].id;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    getContent(val) {\r\n      this.formValidate.content = val;\r\n    },\r\n    // 提交数据\r\n    onsubmit(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          setAgreement(this.formValidate)\r\n            .then(async (res) => {\r\n              this.$message.success(res.msg);\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    //详情\r\n    getAgreement() {\r\n      getAgreement()\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.formValidate = {\r\n            content: data.content,\r\n          };\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n::v-deep .ivu-menu-vertical .ivu-menu-item-group-title {\r\n  display: none;\r\n}\r\n\r\n::v-deep .ivu-menu-vertical.ivu-menu-light:after {\r\n  display: none;\r\n}\r\n\r\n::v-deep .ivu-form-item-content {\r\n  margin-left: 0px !important;\r\n}\r\n\r\n.nofont {\r\n  text-align: center;\r\n  line-height: 123px;\r\n}\r\n\r\n.nofonts {\r\n  text-align: center;\r\n  line-height: 105px;\r\n}\r\n\r\n.save {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  background-color: #fff;\r\n  bottom: 0;\r\n  padding: 16px;\r\n  border-top: 3px solid #f5f7f9;\r\n}\r\n\r\n.form {\r\n  .goodsTitle {\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .goodsTitle ~ .goodsTitle {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .goodsTitle .title {\r\n    border-bottom: 2px solid var(--prev-color-primary);\r\n    padding: 0 8px 12px 5px;\r\n    color: #000;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .goodsTitle .icons {\r\n    font-size: 15px;\r\n    margin-right: 8px;\r\n    color: #999;\r\n  }\r\n\r\n  .add {\r\n    font-size: 12px;\r\n    color: var(--prev-color-primary);\r\n    padding: 0 12px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .radio {\r\n    margin-right: 20px;\r\n  }\r\n\r\n  .upLoad {\r\n    width: 58px;\r\n    height: 58px;\r\n    line-height: 58px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    border-radius: 4px;\r\n    background: rgba(0, 0, 0, 0.02);\r\n  }\r\n\r\n  .iconfont {\r\n    color: #898989;\r\n  }\r\n\r\n  .pictrue {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .pictrue img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.agreement-box {\r\n  width: 310px;\r\n  height: 550px;\r\n  border-radius: 10px;\r\n  background: rgba(0, 0, 0, 0);\r\n  border: 1px solid #eeeeee;\r\n  opacity: 1;\r\n  position: relative;\r\n\r\n  .template {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    border-radius: 10px;\r\n    background-color: #817e81;\r\n  }\r\n\r\n  .htmls_box {\r\n    font-size: 12px;\r\n    width: 259px;\r\n    height: 430px;\r\n    border-radius: 10px;\r\n    background-color: #fff;\r\n    position: absolute;\r\n    top: 58px;\r\n    left: 26px;\r\n\r\n    .htmls_top {\r\n      position: absolute;\r\n      top: 8px;\r\n      left: 0;\r\n      height: 34px;\r\n      text-align: center;\r\n      width: 100%;\r\n      line-height: 35px;\r\n      font-weight: 600;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .htmls_font {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      padding: 15px 15px;\r\n      text-align: center;\r\n      width: 100%;\r\n\r\n      div {\r\n        height: 35px;\r\n        line-height: 35px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .ok {\r\n        background-color: #f33316;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n\r\n    .htmls {\r\n      position: absolute;\r\n      background-color: #fff;\r\n      top: 50px;\r\n      left: 0;\r\n      width: 259px;\r\n      height: 281px;\r\n      border-radius: 4px;\r\n      overflow: auto;\r\n      padding: 5px 15px;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .htmls::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.Bbox {\r\n  width: 495px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.item {\r\n  margin-right: 15px;\r\n  border: 1px dashed #dbdbdb;\r\n  padding-bottom: 10px;\r\n  padding-right: 15px;\r\n  padding-top: 20px;\r\n}\r\n\r\n.items {\r\n  margin-right: 15px;\r\n  border: 1px dashed #dbdbdb;\r\n  padding-bottom: 10px;\r\n  padding-top: 15px;\r\n  position: relative;\r\n  display: flex;\r\n  margin-top: 20px;\r\n\r\n  .move-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 30px;\r\n    height: 80px;\r\n    cursor: move;\r\n    color: #d8d8d8;\r\n  }\r\n\r\n  .img-box {\r\n    position: relative;\r\n    width: 80px;\r\n    height: 80px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .info {\r\n    flex: 1;\r\n    margin-left: 22px;\r\n\r\n    .info-item {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-bottom: 10px;\r\n\r\n      span {\r\n        // width 40px\r\n        font-size: 13px;\r\n\r\n        .input-box {\r\n          flex: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .delect-btn {\r\n    position: absolute;\r\n    right: -12px;\r\n    top: -12px;\r\n    color: #999999;\r\n\r\n    .iconfont {\r\n      font-size: 28px;\r\n      color: #999;\r\n    }\r\n  }\r\n}\r\n\r\n.table {\r\n  width: 700px;\r\n  color: #515a6e;\r\n  font-size: 14px;\r\n  background-color: #fff;\r\n  margin-left: 20px;\r\n}\r\n\r\n.contents {\r\n  width: 150px;\r\n\r\n  .right-box {\r\n    margin-left: 40px;\r\n  }\r\n\r\n  .title-text {\r\n    width: 500px;\r\n  }\r\n}\r\n\r\n.pciframe {\r\n  margin-left: 20px;\r\n  width: 430px;\r\n  height: 280px;\r\n  background: #ffffff;\r\n  border: 1px solid #eeeeee;\r\n  border-radius: 13px;\r\n  position: relative;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .pciframe-box {\r\n    background: rgba(0, 0, 0, 0);\r\n    // border: 1px solid #EEEEEE;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .pcmoddile_goods {\r\n    position: absolute;\r\n    top: 69px;\r\n    width: 171px;\r\n    height: 140px;\r\n    border-top-left-radius: 2px;\r\n    border-bottom-left-radius: 2px;\r\n    left: 65px;\r\n    background-color: #fff;\r\n  }\r\n\r\n  .pcswiperimg_goods {\r\n    height: 140px;\r\n    background-color: #f5f5f5;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.link {\r\n  display: inline-block;\r\n  width: 100%;\r\n  height: 32px;\r\n  line-height: 1.5;\r\n  padding: 4px 7px;\r\n  border: 1px solid #dcdee2;\r\n  border-radius: 4px;\r\n  background-color: #fff;\r\n  position: relative;\r\n  cursor: text;\r\n  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n  font-size: 13px;\r\n  font-family: PingFangSC-Regular;\r\n  line-height: 22px;\r\n  color: rgba(0, 0, 0, 0.25);\r\n  opacity: 1;\r\n  cursor: pointer;\r\n\r\n  .you {\r\n    color: #999999;\r\n    float: right;\r\n    margin-right: 11px;\r\n  }\r\n}\r\n\r\n.swiperimg {\r\n  width: 310px;\r\n  max-height: 126px;\r\n  border-top-left-radius: 10px;\r\n  border-top-right-radius: 10px;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.swiperimgs {\r\n  width: 310px;\r\n  height: 100%;\r\n  border-radius: 10px;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.swiperimg_goods {\r\n  width: 284px;\r\n  height: 124px;\r\n  border-radius: 4px;\r\n  line-height: 99px;\r\n  text-align: center;\r\n  background-color: #f5f5f5;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.title {\r\n  padding: 0 0 13px 0;\r\n  font-weight: bold;\r\n  font-size: 15px;\r\n  border-left: 2px solid var(--prev-color-primary);\r\n  height: 23px;\r\n  padding-left: 10px;\r\n}\r\n\r\n.title-text {\r\n  padding: 0 0 0px 16px;\r\n  color: #999;\r\n  font-size: 12px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.content {\r\n  // width 510px;\r\n  .right-box {\r\n    margin-left: 40px;\r\n  }\r\n}\r\n\r\n.box {\r\n  border-top: 3px solid #f5f7f9;\r\n  padding: 10px;\r\n  padding-top: 25px;\r\n  width: 100%;\r\n\r\n  .save {\r\n    background-color: var(--prev-color-primary);\r\n    color: #ffffff;\r\n    width: 71px;\r\n    height: 30px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.iframe {\r\n  margin-left: 20px;\r\n  position: relative;\r\n  width: 310px;\r\n  height: 550px;\r\n  background: #ffffff;\r\n  border: 1px solid #eeeeee;\r\n  opacity: 1;\r\n  border-radius: 10px;\r\n}\r\n\r\n.moddile {\r\n  position: absolute;\r\n  width: 310px;\r\n  height: 550px;\r\n  top: 0px;\r\n  opacity: 0;\r\n  left: 0px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.moddile_box {\r\n  position: absolute;\r\n  top: 0px;\r\n  width: 310px;\r\n  height: 115px;\r\n  border-top-left-radius: 4px;\r\n  border-top-right-radius: 4px;\r\n  left: 0px;\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.moddile_goods {\r\n  position: absolute;\r\n  top: 12px;\r\n  width: 284px;\r\n  height: 124px;\r\n  /* border-top-left-radius: 10px; */\r\n  /* border-top-right-radius: 10px; */\r\n  border-radius: 5px;\r\n  left: 13px;\r\n  line-height: 99px;\r\n  text-align: center;\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.iframe-box {\r\n  width: 310px;\r\n  height: 100%;\r\n  border-radius: 10px;\r\n  // margin: 30px 15px 0px 15px\r\n  background: rgba(0, 0, 0, 0);\r\n  border: 1px solid #eeeeee;\r\n  opacity: 1;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.left-wrapper {\r\n  min-width: 213px;\r\n  background: #fff;\r\n  border-right: 1px solid #f2f2f2;\r\n}\r\n\r\n.menu-item {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  word-break: break-all;\r\n\r\n  .icon-box {\r\n    z-index: 3;\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: none;\r\n  }\r\n\r\n  &:hover .icon-box {\r\n    display: block;\r\n  }\r\n\r\n  .right-menu {\r\n    z-index: 10;\r\n    position: absolute;\r\n    right: -106px;\r\n    top: -11px;\r\n    width: auto;\r\n    min-width: 121px;\r\n  }\r\n}\r\n\r\n.tabBox_img {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.ivu-menu {\r\n  z-index: auto;\r\n}\r\n\r\n.icondrag2 {\r\n  font-size: 26px;\r\n  color: #d8d8d8;\r\n}\r\n\r\n.hot_imgs {\r\n  margin-bottom: 20px;\r\n\r\n  .title {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .list-box {\r\n    margin-top: 14px;\r\n    .item {\r\n      position: relative;\r\n      display: flex;\r\n      margin-top: 14px;\r\n\r\n      .move-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 30px;\r\n        height: 80px;\r\n        cursor: move;\r\n        color: #d8d8d8;\r\n      }\r\n\r\n      .img-box {\r\n        position: relative;\r\n        width: 80px;\r\n        height: 80px;\r\n\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n\r\n      .info {\r\n        flex: 1;\r\n        margin-left: 22px;\r\n\r\n        .info-item {\r\n          display: flex;\r\n          align-items: center;\r\n          margin-bottom: 10px;\r\n\r\n          span {\r\n            // width 40px\r\n            font-size: 13px;\r\n          }\r\n\r\n          .input-box {\r\n            flex: 1;\r\n          }\r\n        }\r\n      }\r\n\r\n      .delect-btn {\r\n        position: absolute;\r\n        right: -12px;\r\n        top: -12px;\r\n        color: #999999;\r\n\r\n        .iconfont {\r\n          font-size: 28px;\r\n          color: #999;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .add-btn {\r\n    margin-top: 14px;\r\n  }\r\n}\r\n\r\n.upload-box {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #ccc;\r\n}\r\n\r\n.iconfont {\r\n  color: #dddddd;\r\n  font-size: 28px;\r\n}\r\n\r\n.iframe-boxs::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.sgin_iframe::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.iframe-boxs {\r\n  width: 310px;\r\n  height: 550px;\r\n  border-radius: 10px;\r\n  background: rgba(0, 0, 0, 0);\r\n  border: 1px solid #eeeeee;\r\n  opacity: 1;\r\n  overflow: auto;\r\n\r\n  .moneyBox {\r\n    background-color: var(--color-theme);\r\n    height: 414px;\r\n    border-radius: 10px;\r\n\r\n    .box1 {\r\n      text-align: center;\r\n      color: #ffffff;\r\n      padding-bottom: 15px;\r\n\r\n      .font1 {\r\n        padding-top: 20px;\r\n        // padding-bottom 15px\r\n        font-size: 12px;\r\n        opacity: 0.6;\r\n      }\r\n\r\n      .font2 {\r\n        font-size: 30px;\r\n        font-style: normal;\r\n        opacity: 0.9;\r\n      }\r\n    }\r\n\r\n    .moneyBox_content {\r\n      background-color: #ffffff;\r\n      height: 317px;\r\n      border-radius: 4px;\r\n\r\n      .box2 {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        height: 35px;\r\n        line-height: 35px;\r\n        margin-bottom: 10px;\r\n\r\n        div:nth-child(1) {\r\n          font-weight: bold;\r\n          border-bottom: 2px solid var(--color-theme);\r\n        }\r\n      }\r\n\r\n      .box3 {\r\n        padding: 0px 10px;\r\n        display: flex;\r\n        justify-content: left;\r\n        flex-wrap: wrap;\r\n\r\n        .box3_box {\r\n          width: 90px;\r\n          height: 55px;\r\n          border-radius: 9px;\r\n          background-color: #f4f4f4;\r\n          color: #888;\r\n          margin-bottom: 10px;\r\n          text-align: center;\r\n          padding-top: 3px;\r\n          font-size: 19px;\r\n          margin-right: 3px;\r\n          margin-left: 3px;\r\n\r\n          .font {\r\n            font-size: 11px;\r\n            font-style: normal;\r\n          }\r\n        }\r\n\r\n        .box3_box:nth-child(1) {\r\n          width: 90px;\r\n          height: 55px;\r\n          border-radius: 9px;\r\n          background-color: var(--color-theme);\r\n          color: #ffffff;\r\n          text-align: center;\r\n          padding-top: 3px;\r\n          margin-right: 3px;\r\n          margin-left: 3px;\r\n        }\r\n\r\n        .other {\r\n          line-height: 55px;\r\n        }\r\n      }\r\n\r\n      .box4 {\r\n        padding: 0px 10px;\r\n\r\n        .tips {\r\n          font-size: 14px;\r\n          color: #333333;\r\n          font-weight: 800;\r\n          margin-bottom: 7px;\r\n          margin-top: 10px;\r\n        }\r\n\r\n        .tips-samll {\r\n          font-size: 12px;\r\n          color: #333333;\r\n          margin-bottom: 7px;\r\n\r\n          p {\r\n            margin: 2px 0px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .box5 {\r\n        font-size: 15px;\r\n        width: 225px;\r\n        height: 40px;\r\n        border-radius: 25px;\r\n        margin: 23px auto 0 auto;\r\n        line-height: 40px;\r\n        text-align: center;\r\n        background-color: var(--color-theme);\r\n        color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.bnt {\r\n  // width 80px!important\r\n}\r\n\r\n::v-deep .ivu-page-header {\r\n  border-bottom: unset;\r\n  position: fixed;\r\n  z-index: 9;\r\n  width: 100%;\r\n}\r\n\r\n::v-deep .i-layout-page-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.box-wrapper {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  padding: 20px;\r\n  background-color: #fff;\r\n  border-radius: 5px;\r\n}\r\n\r\n.box-video-style {\r\n  width: 100%;\r\n  height: 180px;\r\n  border-radius: 10px;\r\n  background-color: #707070;\r\n  margin-top: 10px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.box-video-style .iconv {\r\n  color: #fff;\r\n  line-height: 180px;\r\n  width: 50px;\r\n  height: 50px;\r\n  display: inherit;\r\n  font-size: 26px;\r\n  position: absolute;\r\n  top: -74px;\r\n  left: 50%;\r\n  margin-left: -25px;\r\n}\r\n\r\n.box-video-style .mark {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 30px;\r\n  top: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  text-align: center;\r\n}\r\n.tree-vis {\r\n  display: flex;\r\n  flex-direction: column;\r\n  .tab-item {\r\n    padding: 15px 20px;\r\n    cursor: pointer;\r\n  }\r\n  .active {\r\n    background-color: var(--prev-bg-main-color);\r\n    color: var(--prev-color-primary);\r\n    border-right: 2px solid var(--prev-color-primary);\r\n  }\r\n}\r\n</style>\r\n"]}]}