| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\visualization.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\visualization.vue","mtime":1761185180217},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgV2FuZ0VkaXRvciBmcm9tICdAL2NvbXBvbmVudHMvd2FuZ0VkaXRvci9pbmRleC52dWUnOw0KaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsNCmltcG9ydCB7IGRpeUdldEluZm8sIGRpeVNhdmUsIGdldENvbG9yQ2hhbmdlIH0gZnJvbSAnQC9hcGkvZGl5JzsNCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7DQppbXBvcnQgZWRpdEZyb20gZnJvbSAnQC9jb21wb25lbnRzL2Zyb20vZnJvbSc7DQppbXBvcnQgeyBwcm9kdWN0R2V0VGVtcEtleXNBcGksIHVwbG9hZFR5cGUgfSBmcm9tICdAL2FwaS9wcm9kdWN0JzsNCmltcG9ydCB7DQogIGdyb3VwQWxsQXBpLA0KICBncm91cERhdGFMaXN0QXBpLA0KICBncm91cFNhdmVBcGksDQogIG9wZW5BZHZTYXZlLA0KICBncm91cERhdGFBZGRBcGksDQogIGdyb3VwRGF0YUhlYWRlckFwaSwNCiAgZ3JvdXBEYXRhRWRpdEFwaSwNCiAgZ3JvdXBEYXRhU2V0QXBpLA0KICBnZXRBZ3JlZW1lbnQsDQogIHNldEFncmVlbWVudCwNCiAgZ2V0T3BlbkFkdiwNCn0gZnJvbSAnQC9hcGkvc3lzdGVtJzsNCmltcG9ydCBkcmFnZ2FibGUgZnJvbSAndnVlZHJhZ2dhYmxlJzsNCmltcG9ydCB1cGxvYWRQaWN0dXJlcyBmcm9tICdAL2NvbXBvbmVudHMvdXBsb2FkUGljdHVyZXMnOw0KaW1wb3J0IGxpbmthZGRyZXNzIGZyb20gJ0AvY29tcG9uZW50cy9saW5rYWRkcmVzcyc7DQppbXBvcnQgeyBnZXRDb29raWVzIH0gZnJvbSAnQC9saWJzL3V0aWwnOw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdsaXN0JywNCiAgY29tcG9uZW50czogew0KICAgIGVkaXRGcm9tLA0KICAgIGRyYWdnYWJsZSwNCiAgICB1cGxvYWRQaWN0dXJlcywNCiAgICBsaW5rYWRkcmVzcywNCiAgICBXYW5nRWRpdG9yLA0KICB9LA0KICBjb21wdXRlZDogew0KICAgIGJnY29sb3JzKCkgew0KICAgICAgcmV0dXJuIHsNCiAgICAgICAgJy0tY29sb3ItdGhlbWUnOiB0aGlzLmJnQ29sLA0KICAgICAgfTsNCiAgICB9LA0KICAgIGxhYmVsV2lkdGgoKSB7DQogICAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/IHVuZGVmaW5lZCA6ICcxMjBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgICAuLi5tYXBTdGF0ZSgnYWRtaW4vbGF5b3V0JywgWydtZW51Q29sbGFwc2UnXSksDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGZvcm1WYWxpZGF0ZTogew0KICAgICAgICBjb250ZW50OiAnJywNCiAgICAgIH0sDQogICAgICBydWxlVmFsaWRhdGU6IHt9LA0KICAgICAgbXlDb25maWc6IHsNCiAgICAgICAgYXV0b0hlaWdodEVuYWJsZWQ6IGZhbHNlLCAvLyDnvJbovpHlmajkuI3oh6rliqjooqvlhoXlrrnmkpHpq5gNCiAgICAgICAgaW5pdGlhbEZyYW1lSGVpZ2h0OiA1MDAsIC8vIOWIneWni+WuueWZqOmrmOW6pg0KICAgICAgICBpbml0aWFsRnJhbWVXaWR0aDogJzEwMCUnLCAvLyDliJ3lp4vlrrnlmajlrr3luqYNCiAgICAgICAgVUVESVRPUl9IT01FX1VSTDogJy9VRWRpdG9yLycsDQogICAgICAgIHNlcnZlclVybDogJycsDQogICAgICB9LA0KICAgICAgYTogMCwgLy/liKTmlq3nmoTpmpDnp4HljY/orq4NCiAgICAgIGd1aWRlOiAwLA0KICAgICAgYmdpbWc6IDAsDQogICAgICBjb2x1bW5zMTogW10sDQogICAgICBiZ0NvbDogJycsDQogICAgICBuYW1lOiAncm91dGluZV9ob21lX2Jhc3RfYmFubmVyJywNCiAgICAgIGdyaWQ6IHsNCiAgICAgICAgeGw6IDcsDQogICAgICAgIGxnOiA3LA0KICAgICAgICBtZDogMTIsDQogICAgICAgIHNtOiAyNCwNCiAgICAgICAgeHM6IDI0LA0KICAgICAgfSwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgc2dpbkxpc3Q6IFtdLA0KICAgICAgcHJvZ3Jlc3M6IDAsIC8vIOi/m+W6puadoem7mOiupDANCiAgICAgIHN3aXBlck9wdGlvbjogew0KICAgICAgICAvL+aYvuekuuWIhumhtQ0KICAgICAgICBwYWdpbmF0aW9uOiB7DQogICAgICAgICAgZWw6ICcuc3dpcGVyLXBhZ2luYXRpb24nLA0KICAgICAgICB9LA0KICAgICAgICAvL+iuvue9rueCueWHu+eureWktA0KICAgICAgICBuYXZpZ2F0aW9uOiB7DQogICAgICAgICAgbmV4dEVsOiAnLnN3aXBlci1idXR0b24tbmV4dCcsDQogICAgICAgICAgcHJldkVsOiAnLnN3aXBlci1idXR0b24tcHJldicsDQogICAgICAgIH0sDQogICAgICAgIC8v6Ieq5Yqo6L2u5pKtDQogICAgICAgIGF1dG9wbGF5OiBmYWxzZSwNCiAgICAgICAgLy/lvIDlkK/lvqrnjq/mqKHlvI8NCiAgICAgICAgbG9vcDogZmFsc2UsDQogICAgICB9LA0KICAgICAgdXJsOiAnJywNCiAgICAgIEJhc2VVUkw6IFNldHRpbmcuYXBpQmFzZVVSTC5yZXBsYWNlKC9hZG1pbmFwaS8sICcnKSwNCiAgICAgIHBhZ2VJZDogMCwNCiAgICAgIHRoZW1lMzogJ2xpZ2h0JywNCiAgICAgIHRhYkxpc3Q6IFtdLA0KICAgICAgdXBsb2FkX3R5cGU6ICcnLCAvL+inhumikeS4iuS8oOexu+WeiyAxIOacrOWcsOS4iuS8oCAyIDMgNCBPU1PkuIrkvKANCiAgICAgIHVwbG9hZERhdGE6IHt9LCAvLyDkuIrkvKDlj4LmlbANCiAgICAgIGxhc3RPYmo6IHsNCiAgICAgICAgYWRkX3RpbWU6ICcnLA0KICAgICAgICBjb21tZW50OiAnJywNCiAgICAgICAgZ2lkOiAnJywNCiAgICAgICAgaWQ6ICcnLA0KICAgICAgICBpbWc6ICcnLA0KICAgICAgICBsaW5rOiAnJywNCiAgICAgICAgc29ydDogJycsDQogICAgICAgIHN0YXR1czogMSwNCiAgICAgIH0sDQogICAgICBpc0Nob2ljZTogJ+WNlemAiScsDQogICAgICBtb2RhbFBpYzogZmFsc2UsDQogICAgICBncmlkUGljOiB7DQogICAgICAgIHhsOiA2LA0KICAgICAgICBsZzogOCwNCiAgICAgICAgbWQ6IDEyLA0KICAgICAgICBzbTogMTIsDQogICAgICAgIHhzOiAxMiwNCiAgICAgIH0sDQogICAgICBncmlkQnRuOiB7DQogICAgICAgIHhsOiA0LA0KICAgICAgICBsZzogOCwNCiAgICAgICAgbWQ6IDgsDQogICAgICAgIHNtOiA4LA0KICAgICAgICB4czogOCwNCiAgICAgIH0sDQogICAgICBncm91cEFsbDogW10sDQogICAgICBhY3RpdmVJbmRleDogMCwNCiAgICAgIHNvcnROYW1lOiBudWxsLA0KICAgICAgYWN0aXZlSW5kZXhzOiAwLA0KICAgICAgY21zTGlzdDogW10sDQogICAgICBsb2FkaW5nRXhpc3Q6IGZhbHNlLA0KICAgICAgZm9ybUl0ZW06IHsNCiAgICAgICAgdGltZTogJycsDQogICAgICAgIHR5cGU6ICdwaWMnLA0KICAgICAgICBzdGF0dXM6IDEsDQogICAgICAgIHZhbHVlOiBbXSwNCiAgICAgICAgdmlkZW9fbGluazogJycsDQogICAgICB9LA0KICAgICAgZmlsZVVybDogU2V0dGluZy5hcGlCYXNlVVJMICsgJy9maWxlL3VwbG9hZCcsDQogICAgICBjYXJkVXJsOiBTZXR0aW5nLmFwaUJhc2VVUkwgKyAnL2ZpbGUvdXBsb2FkLzEnLA0KICAgICAgaGVhZGVyOiB7fSwNCiAgICAgIHR5cGU6IDAsDQogICAgICB1cGxvYWQ6IHsNCiAgICAgICAgdmlkZW9Jbmc6IGZhbHNlLCAvLyDmmK/lkKbmmL7npLrov5vluqbmnaHvvJsNCiAgICAgIH0sDQogICAgfTsNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLmNvbG9yKCk7DQogICAgdGhpcy51cGxvYWRUeXBlKCk7DQogICAgdGhpcy5nZXRUb2tlbigpOw0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuZ2V0R3JvdXBBbGwoKTsNCiAgICB0aGlzLmluZm8oKTsNCiAgICB0aGlzLnVybCA9IHRoaXMuQmFzZVVSTCArICdwYWdlcy9jb2x1bW5Hb29kcy9Ib3ROZXdHb29kcy9pbmRleD90eXBlPTEnOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZ2V0RWRpdG9yQ29udGVudChkYXRhKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5jb250ZW50ID0gZGF0YTsNCiAgICB9LA0KICAgIC8vIOWIoOmZpOinhumike+8mw0KICAgIGRlbFZpZGVvKCkgew0KICAgICAgbGV0IHRoYXQgPSB0aGlzOw0KICAgICAgdGhhdC4kc2V0KHRoYXQuZm9ybUl0ZW0sICd2aWRlb19saW5rJywgJycpOw0KICAgIH0sDQogICAgLy/ojrflj5bop4bpopHkuIrkvKDnsbvlnosNCiAgICB1cGxvYWRUeXBlKCkgew0KICAgICAgdXBsb2FkVHlwZSgpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICB0aGlzLnVwbG9hZF90eXBlID0gcmVzLmRhdGEudXBsb2FkX3R5cGU7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOS4iuS8oOaIkOWKnw0KICAgIGhhbmRsZVN1Y2Nlc3MocmVzLCBmaWxlLCBmaWxlTGlzdCkgew0KICAgICAgaWYgKHJlcy5zdGF0dXMgPT09IDIwMCkgew0KICAgICAgICB0aGlzLiRzZXQodGhpcy5mb3JtSXRlbSwgJ3ZpZGVvX2xpbmsnLCByZXMuZGF0YS5zcmMpOw0KICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgfQ0KICAgIH0sDQogICAgemhfdXBsb2FkRmlsZSgpIHsNCiAgICAgIGlmICh0aGlzLnZpZGVvX2xpbmspIHsNCiAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUudmlkZW9fbGluayA9IHRoaXMudmlkZW9fbGluazsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuJHJlZnMucmVmaWQuY2xpY2soKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHpoX3VwbG9hZEZpbGVfY2hhbmdlKGV2ZmlsZSkgew0KICAgICAgbGV0IHRoYXQgPSB0aGlzOw0KICAgICAgbGV0IHN1ZmZpeCA9IGV2ZmlsZS50YXJnZXQuZmlsZXNbMF0ubmFtZS5zdWJzdHIoZXZmaWxlLnRhcmdldC5maWxlc1swXS5uYW1lLmluZGV4T2YoJy4nKSk7DQogICAgICBpZiAoc3VmZml4LmluZGV4T2YoJy5tcDQnKSA9PT0gLTEpIHsNCiAgICAgICAgcmV0dXJuIHRoYXQuJG1lc3NhZ2UuZXJyb3IoJ+WPquiDveS4iuS8oE1QNOaWh+S7ticpOw0KICAgICAgfQ0KICAgICAgbGV0IHR5cGVzID0gew0KICAgICAgICBrZXk6IGV2ZmlsZS50YXJnZXQuZmlsZXNbMF0ubmFtZSwNCiAgICAgICAgY29udGVudFR5cGU6IGV2ZmlsZS50YXJnZXQuZmlsZXNbMF0udHlwZSwNCiAgICAgIH07DQogICAgICBwcm9kdWN0R2V0VGVtcEtleXNBcGkodHlwZXMpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGF0LiR2aWRlb0Nsb3VkDQogICAgICAgICAgICAudmlkZW9VcGxvYWQoew0KICAgICAgICAgICAgICB0eXBlOiByZXMuZGF0YS50eXBlLA0KICAgICAgICAgICAgICBldmZpbGU6IGV2ZmlsZSwNCiAgICAgICAgICAgICAgcmVzOiByZXMsDQogICAgICAgICAgICAgIHVwbG9hZGluZyhzdGF0dXMsIHByb2dyZXNzKSB7DQogICAgICAgICAgICAgICAgdGhhdC51cGxvYWQudmlkZW9JbmcgPSBzdGF0dXM7DQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICB9KQ0KICAgICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGF0LmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gcmVzLnVybDsNCiAgICAgICAgICAgICAgdGhhdC4kbWVzc2FnZS5zdWNjZXNzKCfop4bpopHkuIrkvKDmiJDlip8nKTsNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGF0LiRtZXNzYWdlLmVycm9yKHJlcyk7DQogICAgICAgICAgICB9KTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGF0LiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOS4iuS8oOWktOmDqHRva2VuDQogICAgZ2V0VG9rZW4oKSB7DQogICAgICB0aGlzLmhlYWRlclsnQXV0aG9yaS16YXRpb24nXSA9ICdCZWFyZXIgJyArIGdldENvb2tpZXMoJ3Rva2VuJyk7DQogICAgfSwNCiAgICBiZWZvcmVVcGxvYWQoKSB7DQogICAgICB0aGlzLnVwbG9hZERhdGEgPSB7fTsNCiAgICAgIGxldCBwcm9taXNlID0gbmV3IFByb21pc2UoKHJlc29sdmUpID0+IHsNCiAgICAgICAgdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgew0KICAgICAgICAgIHJlc29sdmUodHJ1ZSk7DQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgICByZXR1cm4gcHJvbWlzZTsNCiAgICB9LA0KICAgIGxpbmtVcmwoZSkgew0KICAgICAgdGhpcy50YWJMaXN0Lmxpc3RbdGhpcy5hY3RpdmVJbmRleHNdLmxpbmsgPSBlOw0KICAgIH0sDQogICAgY29sb3IoKSB7DQogICAgICBnZXRDb2xvckNoYW5nZSgnY29sb3JfY2hhbmdlJykudGhlbigocmVzKSA9PiB7DQogICAgICAgIHN3aXRjaCAocmVzLmRhdGEuc3RhdHVzKSB7DQogICAgICAgICAgY2FzZSAxOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjMzg3NUVBJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAxOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAyOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjMDBDMDUwJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAyOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAzOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRTkzMzIzJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAzOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA0Og0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRkY0NDhGJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSA0Ow0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA1Og0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRkU1QzJEJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSA1Ow0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5re75Yqg6KGo5Y2VDQogICAgZ3JvdXBBZGQoKSB7DQogICAgICB0aGlzLiRtb2RhbEZvcm0oZ3JvdXBEYXRhQWRkQXBpKHsgZ2lkOiB0aGlzLnBhZ2VJZCwgY29uZmlnX25hbWU6IHRoaXMubmFtZSB9LCAnc2V0dGluZy9ncm91cF9kYXRhL2NyZWF0ZScpKS50aGVuKA0KICAgICAgICAoKSA9PiB7DQogICAgICAgICAgdGhpcy51cmwgPSB0aGlzLkJhc2VVUkwgKyAncGFnZXMvdXNlcnMvdXNlcl9zZ2luL2luZGV4JzsNCiAgICAgICAgICB0aGlzLmluZm8oKTsNCiAgICAgICAgfSwNCiAgICAgICk7DQogICAgfSwNCiAgICBpbmZvKCkgew0KICAgICAgZ3JvdXBEYXRhTGlzdEFwaSh7IGNvbmZpZ19uYW1lOiB0aGlzLm5hbWUgfSwgJ3NldHRpbmcvZ3JvdXBfZGF0YScpDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLnRhYkxpc3QgPSByZXMuZGF0YTsNCiAgICAgICAgICBpZiAodGhpcy5uYW1lID09ICdhZG1pbl9sb2dpbl9zbGlkZScpIHsNCiAgICAgICAgICAgIHRoaXMudGFiTGlzdC5saXN0LmZvckVhY2goKGl0ZW0sIGluZGV4LCBhcnJheSkgPT4gew0KICAgICAgICAgICAgICBpZiAodHlwZW9mIGl0ZW0uc2xpZGUgIT0gJ3N0cmluZycgJiYgaXRlbS5zbGlkZSAhPSAndW5kZWZpbmVkJykgew0KICAgICAgICAgICAgICAgIGl0ZW0uc2xpZGUgPSBpdGVtLnNsaWRlWzBdOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9IGVsc2UgaWYgKHRoaXMubmFtZSA9PSAnc2lnbl9kYXlfbnVtJykgew0KICAgICAgICAgICAgdGhpcy5jbXNMaXN0ID0gcmVzLmRhdGEubGlzdDsNCiAgICAgICAgICB9IGVsc2UgaWYgKHRoaXMubmFtZSA9PSAndXNlcl9yZWNoYXJnZV9xdW90YScpIHsNCiAgICAgICAgICAgIHRoaXMuc2dpbkxpc3QgPSByZXMuZGF0YTsNCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgdGhpcy50YWJMaXN0Lmxpc3QuZm9yRWFjaCgoaXRlbSwgaW5kZXgsIGFycmF5KSA9PiB7DQogICAgICAgICAgICAgIGlmICh0eXBlb2YgaXRlbS5pbWcgIT0gJ3N0cmluZycgJiYgaXRlbS5pbWcgIT0gJ3VuZGVmaW5lZCcpIHsNCiAgICAgICAgICAgICAgICBpdGVtLmltZyA9IGl0ZW0uaW1nWzBdOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICBlZGl0cyhyb3cpIHsNCiAgICAgIHRoaXMucGFnZUlkID0gcm93LmlkIHx8IDA7DQogICAgICB0aGlzLm5hbWUgPSByb3cuY29uZmlnX25hbWUgfHwgJyc7DQogICAgICBpZiAocm93ID09IDEpIHsNCiAgICAgICAgdGhpcy5hID0gMTsNCiAgICAgICAgdGhpcy5ndWlkZSA9IDA7DQogICAgICAgIHRoaXMuZ2V0QWdyZWVtZW50KCk7DQogICAgICB9IGVsc2UgaWYgKHJvdyA9PSAyKSB7DQogICAgICAgIHRoaXMuYSA9IDA7DQogICAgICAgIHRoaXMuZ3VpZGUgPSAyOw0KICAgICAgICB0aGlzLnBhZ2VJZCA9IDE2MTc7DQogICAgICAgIGdldE9wZW5BZHYoKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICBpZiAocmVzLmRhdGEpIHsNCiAgICAgICAgICAgIHRoaXMuZm9ybUl0ZW0gPSByZXMuZGF0YTsNCiAgICAgICAgICAgIHRoaXMudGFiTGlzdC5saXN0ID0gcmVzLmRhdGEudmFsdWU7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIHRoaXMuZm9ybUl0ZW0gPSB7DQogICAgICAgICAgICAgIHRpbWU6ICcnLA0KICAgICAgICAgICAgICB0eXBlOiAncGljJywNCiAgICAgICAgICAgICAgc3RhdHVzOiAxLA0KICAgICAgICAgICAgICB2YWx1ZTogW10sDQogICAgICAgICAgICAgIHZpZGVvX2xpbms6ICcnLA0KICAgICAgICAgICAgfTsNCiAgICAgICAgICAgIHRoaXMudGFiTGlzdC5saXN0ID0gW107DQogICAgICAgICAgfQ0KICAgICAgICB9KTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuaW5mbygpOw0KICAgICAgICB0aGlzLmd1aWRlID0gMDsNCiAgICAgICAgdGhpcy5hID0gMDsNCiAgICAgICAgc3dpdGNoIChyb3cuY29uZmlnX25hbWUpIHsNCiAgICAgICAgICBjYXNlICdyb3V0aW5lX2hvbWVfYmFzdF9iYW5uZXInOg0KICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLkJhc2VVUkwgKyAncGFnZXMvY29sdW1uR29vZHMvSG90TmV3R29vZHMvaW5kZXg/dHlwZT0xJm5hbWU957K+5ZOB5o6o6I2QJzsNCiAgICAgICAgICAgIGJyZWFrOw0KICAgICAgICAgIGNhc2UgJ3NpZ25fZGF5X251bSc6DQogICAgICAgICAgICB0aGlzLnVybCA9ICcnOw0KICAgICAgICAgICAgdGhpcy5nZXRMaXN0SGVhZGVyKCk7DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgICBjYXNlICdjb21iaW5hdGlvbl9iYW5uZXInOg0KICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLkJhc2VVUkwgKyAncGFnZXMvYWN0aXZpdHkvZ29vZHNfY29tYmluYXRpb24vaW5kZXgnOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAncm91dGluZV9ob21lX2hvdF9iYW5uZXInOg0KICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLkJhc2VVUkwgKyAncGFnZXMvY29sdW1uR29vZHMvSG90TmV3R29vZHMvaW5kZXg/dHlwZT0yJm5hbWU954Ot6Zeo5qac5Y2VJzsNCiAgICAgICAgICAgIGJyZWFrOw0KICAgICAgICAgIGNhc2UgJ3JvdXRpbmVfaG9tZV9uZXdfYmFubmVyJzoNCiAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy5CYXNlVVJMICsgJ3BhZ2VzL2NvbHVtbkdvb2RzL0hvdE5ld0dvb2RzL2luZGV4P3R5cGU9MyZuYW1lPemmluWPkeaWsOWTgSc7DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgICBjYXNlICdyb3V0aW5lX2hvbWVfYmVuZWZpdF9iYW5uZXInOg0KICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLkJhc2VVUkwgKyAncGFnZXMvY29sdW1uR29vZHMvSG90TmV3R29vZHMvaW5kZXg/dHlwZT00Jm5hbWU95L+D6ZSA5Y2V5ZOBJzsNCiAgICAgICAgICAgIGJyZWFrOw0KICAgICAgICAgIGNhc2UgJ3VzZXJfcmVjaGFyZ2VfcXVvdGEnOg0KICAgICAgICAgICAgdGhpcy51cmwgPSAnJzsNCiAgICAgICAgICAgIHRoaXMuZ2V0TGlzdEhlYWRlcigpOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAnYWRtaW5fbG9naW5fc2xpZGUnOg0KICAgICAgICAgICAgdGhpcy51cmwgPSAnJzsNCiAgICAgICAgICAgIGJyZWFrOw0KICAgICAgICAgIGNhc2UgJ2ludGVncmFsX3Nob3BfYmFubmVyJzoNCiAgICAgICAgICAgIHRoaXMudXJsID0gJyc7DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0sDQogICAgYWRkQm94KCkgew0KICAgICAgaWYgKHRoaXMudGFiTGlzdC5saXN0Lmxlbmd0aCA9PSAwKSB7DQogICAgICAgIHRoaXMudGFiTGlzdC5saXN0LnB1c2godGhpcy5sYXN0T2JqKTsNCiAgICAgICAgdGhpcy5sYXN0T2JqID0gew0KICAgICAgICAgIGFkZF90aW1lOiAnJywNCiAgICAgICAgICBjb21tZW50OiAnJywNCiAgICAgICAgICBnaWQ6ICcnLA0KICAgICAgICAgIGlkOiAnJywNCiAgICAgICAgICBpbWc6ICcnLA0KICAgICAgICAgIGxpbms6ICcnLA0KICAgICAgICAgIHNvcnQ6ICcnLA0KICAgICAgICAgIHN0YXR1czogMSwNCiAgICAgICAgfTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIGlmICh0aGlzLnRhYkxpc3QubGlzdC5sZW5ndGggPT0gNSkgew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uud2FybmluZygn5pyA5aSa5re75Yqg5LqU5byg5ZGmJyk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgbGV0IG9iaiA9IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkodGhpcy5sYXN0T2JqKSk7DQogICAgICAgICAgdGhpcy50YWJMaXN0Lmxpc3QucHVzaChvYmopOw0KICAgICAgICB9DQogICAgICB9DQogICAgfSwNCiAgICAvLyDliKDpmaQNCiAgICBiaW5kRGVsZXRlKGl0ZW0sIGluZGV4KSB7DQogICAgICB0aGlzLnRhYkxpc3QubGlzdC5zcGxpY2UoaW5kZXgsIDEpOw0KICAgIH0sDQogICAgLy8g54K55Ye75Zu+5paH5bCB6Z2iDQogICAgbW9kYWxQaWNUYXAodGl0bGUsIGluZGV4KSB7DQogICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7DQogICAgICB0aGlzLm1vZGFsUGljID0gdHJ1ZTsNCiAgICB9LA0KICAgIC8vIOiOt+WPluWbvueJh+S/oeaBrw0KICAgIGdldFBpYyhwYykgew0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICBpZiAodGhpcy5uYW1lID09ICdhZG1pbl9sb2dpbl9zbGlkZScpIHsNCiAgICAgICAgICB0aGlzLnRhYkxpc3QubGlzdFt0aGlzLmFjdGl2ZUluZGV4XS5zbGlkZSA9IHBjLmF0dF9kaXI7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy50YWJMaXN0Lmxpc3RbdGhpcy5hY3RpdmVJbmRleF0uaW1nID0gcGMuYXR0X2RpcjsNCiAgICAgICAgfQ0KICAgICAgICB0aGlzLm1vZGFsUGljID0gZmFsc2U7DQogICAgICB9KTsNCiAgICB9LA0KICAgIHNhdmUoKSB7DQogICAgICBpZiAodGhpcy5hID09IDEpIHsNCiAgICAgICAgdGhpcy5vbnN1Ym1pdCgnZm9ybVZhbGlkYXRlJyk7DQogICAgICB9IGVsc2UgaWYgKHRoaXMuZ3VpZGUgPT0gMikgew0KICAgICAgICB0aGlzLmZvcm1JdGVtLnZhbHVlID0gdGhpcy50YWJMaXN0Lmxpc3Q7DQogICAgICAgIG9wZW5BZHZTYXZlKHRoaXMuZm9ybUl0ZW0pLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB0aGlzLmxvYWRpbmdFeGlzdCA9IHRydWU7DQogICAgICAgIGdyb3VwU2F2ZUFwaSh7DQogICAgICAgICAgZ2lkOiB0aGlzLnBhZ2VJZCwNCiAgICAgICAgICBjb25maWdfbmFtZTogdGhpcy5uYW1lLA0KICAgICAgICAgIGRhdGE6IHRoaXMudGFiTGlzdC5saXN0LA0KICAgICAgICB9KQ0KICAgICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgIHRoaXMubG9hZGluZ0V4aXN0ID0gZmFsc2U7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgfSkNCiAgICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgICAgdGhpcy5sb2FkaW5nRXhpc3QgPSBmYWxzZTsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7DQogICAgICAgICAgfSk7DQogICAgICB9DQogICAgfSwNCiAgICBnZXRMaW5rKGluZGV4KSB7DQogICAgICB0aGlzLmFjdGl2ZUluZGV4cyA9IGluZGV4Ow0KICAgICAgdGhpcy4kcmVmcy5saW5rYWRkcmVzLm1vZGFscyA9IHRydWU7DQogICAgfSwNCiAgICBnZXRMaXN0SGVhZGVyKCkgew0KICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsNCiAgICAgIGdyb3VwRGF0YUhlYWRlckFwaSh7IGNvbmZpZ19uYW1lOiB0aGlzLm5hbWUgfSwgJ3NldHRpbmcvc2lnbl9kYXRhL2hlYWRlcicpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICBsZXQgZGF0YSA9IHJlcy5kYXRhOw0KICAgICAgICAgIGxldCBoZWFkZXIgPSBkYXRhLmhlYWRlcjsNCiAgICAgICAgICBsZXQgaW5kZXggPSBbXTsNCiAgICAgICAgICB0aGlzLmNvbHVtbnMxID0gaGVhZGVyOw0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g57yW6L6RDQogICAgZWRpdChyb3cpIHsNCiAgICAgIHRoaXMuJG1vZGFsRm9ybSgNCiAgICAgICAgZ3JvdXBEYXRhRWRpdEFwaSh7IGdpZDogdGhpcy5wYWdlSWQsIGNvbmZpZ19uYW1lOiB0aGlzLm5hbWUgfSwgJ3NldHRpbmcvZ3JvdXBfZGF0YS8nICsgcm93LmlkICsgJy9lZGl0JyksDQogICAgICApLnRoZW4oKCkgPT4gew0KICAgICAgICB0aGlzLmluZm8oKTsNCiAgICAgICAgdGhpcy51cmwgPSB0aGlzLkJhc2VVUkwgKyAncGFnZXMvdXNlcnMvdXNlcl9zZ2luL2luZGV4JzsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5Yig6ZmkDQogICAgZGVsKHJvdywgdGl0LCBudW0pIHsNCiAgICAgIGxldCBkZWxmcm9tRGF0YSA9IHsNCiAgICAgICAgdGl0bGU6IHRpdCwNCiAgICAgICAgbnVtOiBudW0sDQogICAgICAgIHVybDogJ3NldHRpbmcvZ3JvdXBfZGF0YS8nICsgcm93LmlkLA0KICAgICAgICBtZXRob2Q6ICdERUxFVEUnLA0KICAgICAgICBpZHM6ICcnLA0KICAgICAgfTsNCiAgICAgIHRoaXMuJG1vZGFsU3VyZShkZWxmcm9tRGF0YSkNCiAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuaW5mbygpOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOS/ruaUueaYr+WQpuaYvuekug0KICAgIG9uY2hhbmdlSXNTaG93KHJvdykgew0KICAgICAgZ3JvdXBEYXRhU2V0QXBpKCdzZXR0aW5nL2dyb3VwX2RhdGEvc2V0X3N0YXR1cy8nICsgcm93LmlkICsgJy8nICsgcm93LnN0YXR1cykNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMudXJsID0gdGhpcy5CYXNlVVJMICsgJy9wYWdlcy91c2Vycy91c2VyX3NnaW4vaW5kZXgnOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICB0aGlzLmluZm8oKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLnVybCA9IHRoaXMuQmFzZVVSTCArICcvcGFnZXMvdXNlcnMvdXNlcl9zZ2luL2luZGV4JzsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGdldEdyb3VwQWxsKCkgew0KICAgICAgZ3JvdXBBbGxBcGkoKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5ncm91cEFsbCA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMuc29ydE5hbWUgPSByZXMuZGF0YVswXS5jb25maWdfbmFtZTsNCiAgICAgICAgICB0aGlzLnBhZ2VJZCA9IHJlcy5kYXRhWzBdLmlkOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgZ2V0Q29udGVudCh2YWwpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmNvbnRlbnQgPSB2YWw7DQogICAgfSwNCiAgICAvLyDmj5DkuqTmlbDmja4NCiAgICBvbnN1Ym1pdChuYW1lKSB7DQogICAgICB0aGlzLiRyZWZzW25hbWVdLnZhbGlkYXRlKCh2YWxpZCkgPT4gew0KICAgICAgICBpZiAodmFsaWQpIHsNCiAgICAgICAgICBzZXRBZ3JlZW1lbnQodGhpcy5mb3JtVmFsaWRhdGUpDQogICAgICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICAgICAgfSk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8v6K+m5oOFDQogICAgZ2V0QWdyZWVtZW50KCkgew0KICAgICAgZ2V0QWdyZWVtZW50KCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGxldCBkYXRhID0gcmVzLmRhdGE7DQogICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSB7DQogICAgICAgICAgICBjb250ZW50OiBkYXRhLmNvbnRlbnQsDQogICAgICAgICAgfTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["visualization.vue"],"names":[],"mappings":";AAufA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"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"]}]}
|
