| 1 |
- {"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"]}]}
|
