{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageDesign.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageDesign.vue","mtime":1678954023582},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0UGFnZUluZm8sIFBhZ2VTYXZlIH0gZnJvbSAiQC9hcGkvU3lzdGVtIjsKaW1wb3J0IFNldFBhZ2UgZnJvbSAiLi9QRENvbXBvbmVudHMvU2V0UGFnZS52dWUiOwppbXBvcnQgeyBjb21wb25lbnRzTGlzdCB9IGZyb20gIi4vUERDb21wb25lbnRzL0NvbXBvbmVudHMuanMiOwppbXBvcnQgeyBjb21wb25lbnRzTGlzdFN0b3JlIH0gZnJvbSAiLi9QRENvbXBvbmVudHMvQ29tcG9uZW50c1N0b3JlLmpzIjsKaW1wb3J0IEltZ1N3aXBlciBmcm9tICIuL1BEQ29tcG9uZW50cy9JbWdTd2lwZXIiOwppbXBvcnQgTWFnaWNJbWcgZnJvbSAiLi9QRENvbXBvbmVudHMvTWFnaWNJbWciOwppbXBvcnQgQmxhbmsgZnJvbSAiLi9QRENvbXBvbmVudHMvQmxhbmsiOwppbXBvcnQgTGluZUYgZnJvbSAiLi9QRENvbXBvbmVudHMvTGluZSI7CmltcG9ydCBOb3RpY2UgZnJvbSAiLi9QRENvbXBvbmVudHMvTm90aWNlIjsKaW1wb3J0IEdvb2RzR3JvdXAgZnJvbSAiLi9QRENvbXBvbmVudHMvR29vZHNHcm91cC52dWUiOwppbXBvcnQgTmF2QmFyIGZyb20gIi4vUERDb21wb25lbnRzL05hdkJhciI7CmltcG9ydCBTZWFyY2hDIGZyb20gIi4vUERDb21wb25lbnRzL1NlYXJjaEMiOwppbXBvcnQgTGltaXRlZFNlY2tpbGwgZnJvbSAiLi9QRENvbXBvbmVudHMvTGltaXRlZFNlY2tpbGwiOwppbXBvcnQgQ291cG9uR3JvdXAgZnJvbSAiLi9QRENvbXBvbmVudHMvQ291cG9uR3JvdXAiOwppbXBvcnQgTmF2aWdhdGlvbkJhciBmcm9tICIuL1BEQ29tcG9uZW50cy9OYXZpZ2F0aW9uQmFyIjsKaW1wb3J0IFNob3BJbmZvIGZyb20gIi4vUERDb21wb25lbnRzL1Nob3BJbmZvIjsKaW1wb3J0IEludGVncmFsR29vZHMgZnJvbSAiLi9QRENvbXBvbmVudHMvSW50ZWdyYWxHb29kcyI7CmltcG9ydCBBZHZHcm91cCBmcm9tICIuL1BEQ29tcG9uZW50cy9BZHZHcm91cCI7CmltcG9ydCB7IHRpdGxlIH0gZnJvbSAiQC9jb25maWcvc2V0dGluZ3MuanMiOwpjb25zdCBOYXZpZ2F0aW9uQmFyRm9ybSA9IHsKICBuYW1lOiAi6aG16Z2i6K6+572uIiwKICBjb21OYW1lOiAiTmF2aWdhdGlvbkJhciIsCiAgbW9kZWxEYXRhOiB7CiAgICBuYW1lOiB0aXRsZSwKICAgIHRvcEJnQ29sb3I6ICIjZWMxYzI0IiwKICAgIHRleHRDb2xvcjogIiNmZmZmZmYiLAogICAgcGFnZUJnQ29sb3I6ICIjZjdmOGZhIiwKICAgIGJnSW1hZ2U6ICIiLAogICAgc3R5bGU6IDEKICB9Cn07CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiUGFnZURlc2lnbiIsCiAgY29tcG9uZW50czogewogICAgU2V0UGFnZSwKICAgIEltZ1N3aXBlciwKICAgIE1hZ2ljSW1nLAogICAgQmxhbmssCiAgICBMaW5lRiwKICAgIE5vdGljZSwKICAgIE5hdkJhciwKICAgIEdvb2RzR3JvdXAsCiAgICAvLyBGbG9hdEJ0aCwKICAgIExpbWl0ZWRTZWNraWxsLAogICAgQ291cG9uR3JvdXAsCiAgICBTZWFyY2hDLAogICAgTmF2aWdhdGlvbkJhciwKICAgIFNob3BJbmZvLAogICAgQWR2R3JvdXAsCiAgICBJbnRlZ3JhbEdvb2RzCiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHd4U2VydmljZV92aXNpYmxlOiBmYWxzZSwKICAgICAgRmxvYXRCdGhfdmlzaWJsZTogZmFsc2UsCiAgICAgIGFjdGl2ZV9jb2xsYXBzZTogMCwKICAgICAgcGFnZU5hbWU6ICIiLAogICAgICBwYWdlVHlwZTogMSwKICAgICAgdGVtX2Zvcm06IHt9LAogICAgICAvLyDlvZPliY3pobXpnaLnu4Tku7bnmoRmb3Jt5YaF5a65CiAgICAgIC8vIGNvbXBvbmVudHNMaXN0OiBjb21wb25lbnRzTGlzdCwgLy8g57uE5Lu25bqT5YiX6KGoCiAgICAgIG1vZGVsX2luZGV4OiAwLAogICAgICAvLyDpobXpnaLlhoXnu4Tku7YgaW5kZXgg5LiL5qCHCiAgICAgIHNldF9mb3JtOiB7fSwKICAgICAgZmxvYXRGb3JtOiB7fSwKICAgICAgd3hGb3JtOiB7fSwKICAgICAgbW9kZWxMaXN0OiBbTmF2aWdhdGlvbkJhckZvcm1dLAogICAgICB0ZW1fdGFnOiAiIiwKICAgICAgLy8g57uE5Lu25qCH56S6CiAgICAgIGlzU3RvcmU6IGZhbHNlCiAgICB9OwogIH0sCgogIGNvbXB1dGVkOiB7CiAgICBwYWdlU3R5bGUoKSB7CiAgICAgIGNvbnN0IG9iaiA9IHRoaXMubW9kZWxMaXN0WzBdLm1vZGVsRGF0YTsKICAgICAgcmV0dXJuIHsKICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IG9iai5wYWdlQmdDb2xvciwKICAgICAgICBiYWNrZ3JvdW5kSW1hZ2U6ICJ1cmwoIiArIG9iai5iZ0ltYWdlICsgIikiLAogICAgICAgIGJhY2tncm91bmRQb3NpdGlvbjogb2JqLnRvcEJnQ29sb3IgPyAiMCA3NHB4IiA6ICIwIDAiCiAgICAgIH07CiAgICB9LAoKICAgIC8vIOe7hOS7tuW6k+WIl+ihqAogICAgY29tcG9uZW50c0xpc3QoKSB7CiAgICAgIGlmICh0aGlzLnN5c3RlbVR5cGUgPT09IDMpIHsKICAgICAgICByZXR1cm4gY29tcG9uZW50c0xpc3RTdG9yZTsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gY29tcG9uZW50c0xpc3Q7CiAgICAgIH0KICAgIH0KCiAgfSwKICB3YXRjaDogewogICAgcGFnZU5hbWUodmFsKSB7CiAgICAgIGlmICh0aGlzLnBhZ2VUeXBlID09PSAyKSB7CiAgICAgICAgdGhpcy5tb2RlbExpc3RbMF0ubW9kZWxEYXRhLnRpdGxlVGV4dCA9IHZhbDsKICAgICAgfQogICAgfSwKCiAgICBwYWdlVHlwZSh2YWwpIHsKICAgICAgaWYgKHZhbCA9PT0gMikgewogICAgICAgIHRoaXMubW9kZWxMaXN0WzBdLm1vZGVsRGF0YS50aXRsZVRleHQgPSB0aGlzLnBhZ2VOYW1lOwogICAgICB9CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICBpZiAodGhpcy4kcm91dGUucGFyYW1zLmlkKSB7CiAgICAgIHRoaXMuZ2V0RGV0YWlsKCk7CiAgICB9CgogICAgaWYgKHRoaXMuc3lzdGVtVHlwZSA9PT0gMykgewogICAgICB0aGlzLmlzU3RvcmUgPSB0cnVlOwogICAgfQogIH0sCgogIG1vdW50ZWQoKSB7CiAgICAvLyDpobXpnaLlhoXnu4Tku7Yg5ouW5ou95LqL5Lu2CiAgICB0aGlzLiRkcmFnZ2luZy4kb24oImRyYWdnZWQiLCByZXMgPT4gewogICAgICB0aGlzLm1vZGVsX2luZGV4ID0gdGhpcy5tb2RlbExpc3QuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5uYW1lID09PSByZXMuZHJhZ2VkLm5hbWUpOwogICAgfSk7CiAgfSwKCiAgbWV0aG9kczogewogICAgLy8g57uE5Lu25bqT5LqL5Lu277yM54K55Ye76YCJ5oup57uE5Lu2CiAgICBzZWxDb21wb25lbnQocm93ZCkgewogICAgICBjb25zdCByb3cgPSB0aGlzLiRfY29tbW9uLmRlZXBDbG9uZShyb3dkKTsKCiAgICAgIGlmIChyb3dkLm5hbWUgPT09ICLmta7liqjmjInpkq4iKSB7CiAgICAgICAgY29uc3QgaXNGbG90ID0gdGhpcy5tb2RlbExpc3QuZmluZChpdGVtID0+IGl0ZW0ubmFtZSA9PT0gIua1ruWKqOaMiemSriIpOwoKICAgICAgICBpZiAoaXNGbG90KSB7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlLndhcm5pbmcoIuWPquiDvea3u+WKoOS4gOS4qua1ruWKqOaMiemSruWTpu+9nu+9niIpOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgfQoKICAgICAgaWYgKHJvd2QubmFtZSA9PT0gIuW+ruS/oeWuouacjSIpIHsKICAgICAgICBjb25zdCBpc0Zsb3QgPSB0aGlzLm1vZGVsTGlzdC5maW5kKGl0ZW0gPT4gaXRlbS5uYW1lID09PSAi5b6u5L+h5a6i5pyNIik7CgogICAgICAgIGlmIChpc0Zsb3QpIHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uud2FybmluZygi5Y+q6IO95re75Yqg5LiA5Liq5b6u5L+h5a6i5pyN5oyJ6ZKu5ZOm772e772eIik7CiAgICAgICAgICByZXR1cm47CiAgICAgICAgfQogICAgICB9CgogICAgICBpZiAocm93ZC5uYW1lID09PSAi5ZWG5oi35L+h5oGvIikgewogICAgICAgIGNvbnN0IGlzRmxvdCA9IHRoaXMubW9kZWxMaXN0LmZpbmQoaXRlbSA9PiBpdGVtLm5hbWUgPT09ICLllYbmiLfkv6Hmga8iKTsKCiAgICAgICAgaWYgKGlzRmxvdCkgewogICAgICAgICAgdGhpcy4kbWVzc2FnZS53YXJuaW5nKCLlj6rog73mt7vliqDkuIDkuKrlk6bvvZ7vvZ4iKTsKICAgICAgICAgIHJldHVybjsKICAgICAgICB9CiAgICAgIH0KCiAgICAgIHRoaXMudGVtX3RhZyA9IHJvdy5uYW1lOyAvLyDlnKjlvZPliY3kvY3nva7kuYvlkI7mj5LlhaXkuIDkuKrnu4Tku7YKCiAgICAgIHRoaXMubW9kZWxfaW5kZXggPSB0aGlzLm1vZGVsX2luZGV4ICsgMTsKICAgICAgdGhpcy5tb2RlbExpc3Quc3BsaWNlKHRoaXMubW9kZWxfaW5kZXgsIDAsIHJvdyk7CiAgICAgIHRoaXMudGVtX2Zvcm0gPSByb3cubW9kZWxEYXRhOwoKICAgICAgaWYgKHJvd2QubmFtZSA9PT0gIua1ruWKqOaMiemSriIpIHsKICAgICAgICB0aGlzLmZsb2F0Rm9ybSA9IHRoaXMudGVtX2Zvcm07CiAgICAgIH0KCiAgICAgIGlmIChyb3dkLm5hbWUgPT09ICLlvq7kv6HlrqLmnI0iKSB7CiAgICAgICAgdGhpcy53eEZvcm0gPSB0aGlzLnRlbV9mb3JtOwogICAgICB9CiAgICB9LAoKICAgIC8vIOmhtemdouaYvuekuuS6i+S7tu+8jOeCueWHu+mAieaLqemhtemdouWGhee7hOS7tgogICAgdGVtQ2hhbmdlKHRhZywgaW5kZXgpIHsKICAgICAgdGhpcy50ZW1fdGFnID0gdGFnOwogICAgICB0aGlzLm1vZGVsX2luZGV4ID0gaW5kZXg7CgogICAgICBpZiAodGFnID09PSAi5rWu5Yqo5oyJ6ZKuIikgewogICAgICAgIHRoaXMuZmxvYXRGb3JtID0gdGhpcy5tb2RlbExpc3RbaW5kZXhdLm1vZGVsRGF0YTsKICAgICAgICB0aGlzLnRlbV9mb3JtID0gdGhpcy5mbG9hdEZvcm07CiAgICAgIH0gZWxzZSBpZiAodGFnID09PSAi5b6u5L+h5a6i5pyNIikgewogICAgICAgIHRoaXMud3hGb3JtID0gdGhpcy5tb2RlbExpc3RbaW5kZXhdLm1vZGVsRGF0YTsKICAgICAgICB0aGlzLnRlbV9mb3JtID0gdGhpcy53eEZvcm07CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy50ZW1fZm9ybSA9IHRoaXMubW9kZWxMaXN0W2luZGV4XS5tb2RlbERhdGE7CiAgICAgIH0KICAgIH0sCgogICAgLy8g6aG16Z2i6K6+6K6hZm9ybeihqOWNleWujOaIkOS6i+S7tgogICAgc2V0Q29uZmlybShvYmopIHsKICAgICAgdGhpcy5tb2RlbExpc3RbdGhpcy5tb2RlbF9pbmRleF0ubW9kZWxEYXRhID0gb2JqOwogICAgICB0aGlzLnNldF9mb3JtID0gb2JqOwogICAgfSwKCiAgICAvLyDliKDpmaTpobXpnaLlhoXnu4Tku7YKICAgIGRlbFBhZ2VNb2RlbChpbmRleCkgewogICAgICB0aGlzLnRlbV90YWcgPSAiIjsKCiAgICAgIGlmIChpbmRleCA9PT0gIkZsb2F0QnRoIikgewogICAgICAgIHRoaXMuRmxvYXRCdGhfdmlzaWJsZSA9IGZhbHNlOwogICAgICAgIGNvbnN0IGluZGV4RiA9IHRoaXMubW9kZWxMaXN0LmZpbmRJbmRleChpdGVtID0+IGl0ZW0uY29tTmFtZSA9PT0gIkZsb2F0QnRoIik7CiAgICAgICAgdGhpcy5tb2RlbExpc3Quc3BsaWNlKGluZGV4RiwgMSk7CiAgICAgICAgdGhpcy50ZW1DaGFuZ2UodGhpcy5tb2RlbExpc3RbMV0ubmFtZSwgMSk7CiAgICAgIH0gZWxzZSBpZiAoaW5kZXggPT09ICJ3eFNlcnZpY2UiKSB7CiAgICAgICAgdGhpcy53eFNlcnZpY2VfdmlzaWJsZSA9IGZhbHNlOwogICAgICAgIGNvbnN0IGluZGV4RiA9IHRoaXMubW9kZWxMaXN0LmZpbmRJbmRleChpdGVtID0+IGl0ZW0uY29tTmFtZSA9PT0gInd4U2VydmljZSIpOwogICAgICAgIHRoaXMubW9kZWxMaXN0LnNwbGljZShpbmRleEYsIDEpOwogICAgICAgIHRoaXMudGVtQ2hhbmdlKHRoaXMubW9kZWxMaXN0WzFdLm5hbWUsIDEpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMubW9kZWxMaXN0W2luZGV4XS52aXNpYmxlID0gZmFsc2U7CiAgICAgICAgdGhpcy50ZW1DaGFuZ2UodGhpcy5tb2RlbExpc3RbdGhpcy5tb2RlbF9pbmRleCAtIDFdLm5hbWUsIHRoaXMubW9kZWxfaW5kZXggLSAxKTsKICAgICAgICB0aGlzLm1vZGVsTGlzdC5zcGxpY2UoaW5kZXgsIDEpOwogICAgICB9CiAgICB9LAoKICAgIC8vIOiOt+WPluivpuaDhQogICAgYXN5bmMgZ2V0RGV0YWlsKCkgewogICAgICBpZiAoIXRoaXMuJGFjY2Vzc0NoZWNrKHRoaXMuJEFjY2Vzcy5QYWdlU2V0R2V0UGFnZUluZm8pKSB7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICBjb25zdCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gYXdhaXQgZ2V0UGFnZUluZm8odGhpcy4kcm91dGUucGFyYW1zLmlkKTsKICAgICAgdGhpcy5wYWdlTmFtZSA9IGRhdGEucGFnZU5hbWU7CiAgICAgIHRoaXMucGFnZVR5cGUgPSBkYXRhLnBhZ2VUeXBlOwogICAgICB0aGlzLm1vZGVsTGlzdCA9IGRhdGEucGFnZURhdGE7CiAgICAgIGNvbnN0IG5hdkJhciA9IHRoaXMubW9kZWxMaXN0LmZpbmRJbmRleChpdGVtID0+IGl0ZW0uY29tTmFtZSA9PT0gIk5hdmlnYXRpb25CYXIiKTsKICAgICAgY29uc3QgZkRhdGEgPSB0aGlzLm1vZGVsTGlzdC5maW5kKGl0ZW0gPT4gaXRlbS5uYW1lID09PSAi5rWu5Yqo5oyJ6ZKuIik7CiAgICAgIGNvbnN0IHdEYXRhID0gdGhpcy5tb2RlbExpc3QuZmluZChpdGVtID0+IGl0ZW0ubmFtZSA9PT0gIuW+ruS/oeWuouacjSIpOwoKICAgICAgaWYgKG5hdkJhciA9PT0gLTEpIHsKICAgICAgICB0aGlzLm1vZGVsTGlzdC51bnNoaWZ0KE5hdmlnYXRpb25CYXJGb3JtKTsKICAgICAgfSBlbHNlIHsKICAgICAgICBpZiAodGhpcy5tb2RlbExpc3RbbmF2QmFyXS5uYW1lICE9PSAi6aG16Z2i6K6+572uIikgewogICAgICAgICAgdGhpcy5tb2RlbExpc3RbbmF2QmFyXSA9IE5hdmlnYXRpb25CYXJGb3JtOwogICAgICAgIH0KICAgICAgfQoKICAgICAgaWYgKGZEYXRhKSB7CiAgICAgICAgdGhpcy5mbG9hdEZvcm0gPSBmRGF0YS5tb2RlbERhdGE7CiAgICAgIH0KCiAgICAgIGlmICh3RGF0YSkgewogICAgICAgIHRoaXMud3hGb3JtID0gd0RhdGEubW9kZWxEYXRhOwogICAgICB9CgogICAgICB0aGlzLnRlbUNoYW5nZSh0aGlzLm1vZGVsTGlzdFswXS5uYW1lLCAwKTsKICAgIH0sCgogICAgYXN5bmMgc3VibWl0KCkgewogICAgICAvLyByZXR1cm4KICAgICAgaWYgKCF0aGlzLnBhZ2VOYW1lKSB7CiAgICAgICAgdGhpcy4kbWVzc2FnZS53YXJuaW5nKCLor7fovpPlhaXpobXpnaLlkI3np7AiKTsKICAgICAgICByZXR1cm47CiAgICAgIH0KCiAgICAgIGxldCBwYXJhbXMgPSB7CiAgICAgICAgcGFnZU5hbWU6IHRoaXMucGFnZU5hbWUsCiAgICAgICAgcGFnZVR5cGU6IHRoaXMucGFnZVR5cGUsCiAgICAgICAgcGFnZURhdGE6IHRoaXMubW9kZWxMaXN0LAogICAgICAgIGlzU3RvcmU6IHRoaXMuaXNTdG9yZQogICAgICB9OwoKICAgICAgaWYgKHRoaXMuJHJvdXRlLnBhcmFtcy5pZCkgewogICAgICAgIHBhcmFtcy5pZCA9IHRoaXMuJHJvdXRlLnBhcmFtcy5pZDsKICAgICAgfQoKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IFBhZ2VTYXZlKHBhcmFtcyk7CiAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5o+Q5Lqk5oiQ5YqfIik7CgogICAgICBpZiAoIXRoaXMuJHJvdXRlLnBhcmFtcy5pZCkgewogICAgICAgIHRoaXMuJGNsb3NlQ3VycmVudEdvRWRpdCgiL1Nob3BwaW5nTWFsbC9BcHBEZXNpZ24vUGFnZURlc2lnbkxpc3QiKTsKICAgICAgfSAvLyB0aGlzLiRjbG9zZUN1cnJlbnRHb0VkaXQoIi9TaG9wcGluZ01hbGwvQXBwRGVzaWduL1BhZ2VEZXNpZ25MaXN0Iik7CgogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACAA,YADA;EAEAC,wBAFA;EAGAC;IACAF,WADA;IAEAG,qBAFA;IAGAC,oBAHA;IAIAC,sBAJA;IAKAC,WALA;IAMAC;EANA;AAHA;AAYA;EACAP,kBADA;EAEAQ;IACAC,OADA;IAEAC,SAFA;IAGAC,QAHA;IAIAC,KAJA;IAKAC,KALA;IAMAC,MANA;IAOAC,MAPA;IAQAC,UARA;IASA;IACAC,cAVA;IAWAC,WAXA;IAYAC,OAZA;IAaAC,aAbA;IAcAC,QAdA;IAeAC,QAfA;IAgBAC;EAhBA,CAFA;;EAoBAC;IACA;MACAC,wBADA;MAEAC,uBAFA;MAGAC,kBAHA;MAIAC,YAJA;MAKAC,WALA;MAMAC,YANA;MAMA;MACA;MACAC,cARA;MAQA;MACAC,YATA;MAUAC,aAVA;MAWAC,UAXA;MAYAC,8BAZA;MAaAC,WAbA;MAaA;MACAC;IAdA;EAgBA,CArCA;;EAsCAC;IACAC;MACA;MACA;QACAC,gCADA;QAEAC,2CAFA;QAGAC;MAHA;IAKA,CARA;;IASA;IACAC;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA;;EAhBA,CAtCA;EAwDAC;IACAhB;MACA;QACA;MACA;IACA,CALA;;IAMAC;MACA;QACA;MACA;IACA;;EAVA,CAxDA;;EAoEAgB;IACA;MACA;IACA;;IACA;MACA;IACA;EACA,CA3EA;;EA4EAC;IACA;IACA;MACA,4CACAC,qCADA;IAGA,CAJA;EAKA,CAnFA;;EAoFAC;IACA;IACAC;MACA;;MACA;QACA,mCACAF,4BADA;;QAGA;UACA;UACA;QACA;MACA;;MACA;QACA,mCACAA,4BADA;;QAGA;UACA;UACA;QACA;MACA;;MACA;QACA,mCACAA,4BADA;;QAGA;UACA;UACA;QACA;MACA;;MACA,wBA7BA,CA8BA;;MACA;MACA;MACA;;MACA;QACA;MACA;;MACA;QACA;MACA;IACA,CA1CA;;IA2CA;IACAG;MACA;MACA;;MAEA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA,CAHA,MAGA;QACA;MACA;IACA,CAzDA;;IA0DA;IACAC;MACA;MACA;IACA,CA9DA;;IA+DA;IACAC;MACA;;MACA;QACA;QACA,wCACAL,mCADA;QAGA;QACA;MACA,CAPA,MAOA;QACA;QACA,wCACAA,oCADA;QAGA;QACA;MACA,CAPA,MAOA;QACA;QACA,eACA,yCADA,EAEA,oBAFA;QAIA;MACA;IACA,CAxFA;;IAyFA;IACA;MACA;QACA;MACA;;MACA;QAAAvB;MAAA;MAEA;MACA;MACA;MACA,wCACAuB,wCADA;MAGA;MACA;;MACA;QACA;MACA,CAFA,MAEA;QACA;UACA;QACA;MACA;;MACA;QACA;MACA;;MACA;QACA;MACA;;MACA;IACA,CAtHA;;IAuHA;MACA;MACA;QACA;QACA;MACA;;MACA;QACAnB,uBADA;QAEAC,uBAFA;QAGAwB,wBAHA;QAIAhB;MAJA;;MAMA;QACAiB;MACA;;MACA;MACA;;MACA;QACA;MACA,CAnBA,CAoBA;;IACA;;EA5IA;AApFA","names":["name","comName","modelData","topBgColor","textColor","pageBgColor","bgImage","style","components","SetPage","ImgSwiper","MagicImg","Blank","LineF","Notice","NavBar","GoodsGroup","LimitedSeckill","CouponGroup","SearchC","NavigationBar","ShopInfo","AdvGroup","IntegralGoods","data","wxService_visible","FloatBth_visible","active_collapse","pageName","pageType","tem_form","model_index","set_form","floatForm","wxForm","modelList","tem_tag","isStore","computed","pageStyle","backgroundColor","backgroundImage","backgroundPosition","componentsList","watch","created","mounted","item","methods","selComponent","temChange","setConfirm","delPageModel","pageData","params"],"sourceRoot":"src/views/ShoppingMall/AppDesign","sources":["PageDesign.vue"],"sourcesContent":["<template>\n  <ContainerTit>\n    <div slot=\"headr\">\n      <el-button\n        v-if=\"$accessCheck($Access.PageSetSave)\"\n        type=\"primary\"\n        @click=\"submit\"\n      >\n        保存页面\n      </el-button>\n    </div>\n    <div class=\"page-div\">\n      <div style=\"padding-bottom: 10px\">\n        <el-form :inline=\"true\" size=\"small\">\n          <el-form-item style=\"margin-bottom: 0\">\n            <span class=\"f-label\">页面名称：</span>\n            <el-input\n              v-model=\"pageName\"\n              style=\"width: 194px\"\n              placeholder=\"请输入页面名称\"\n            ></el-input>\n          </el-form-item>\n          <el-form-item style=\"margin-bottom: 0\">\n            <span class=\"f-label\">页面类型：</span>\n            <el-select v-model=\"pageType\" placeholder=\"请选择页面类型\">\n              <el-option label=\"首页\" :value=\"1\"></el-option>\n              <el-option label=\"专题活动\" :value=\"2\"></el-option>\n            </el-select>\n          </el-form-item>\n        </el-form>\n      </div>\n      <div class=\"clearfix tem-out\">\n        <!--    组件库-->\n        <div class=\"tem-view com-view\">\n          <div\n            v-for=\"(item, index) in componentsList\"\n            :key=\"index\"\n            class=\"com-box\"\n          >\n            <div class=\"com-tit\">\n              {{ item.title }}\n            </div>\n            <ul class=\"com-ul clearfix\">\n              <li v-for=\"(itemC, indexC) in item.components\" :key=\"indexC\">\n                <div\n                  v-if=\"itemC.comName !== 'NavigationBar'\"\n                  class=\"com-li\"\n                  :style=\"{ backgroundImage: `url(${itemC.iconImg})` }\"\n                  @click=\"selComponent(itemC)\"\n                >\n                  <p>{{ itemC.name }}</p>\n                </div>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <!--页面展示-->\n        <div class=\"tem-view page-view\">\n          <div class=\"page-show-box\">\n            <!--            浮动按钮-->\n            <div class=\"page-show\" :style=\"pageStyle\">\n              <div\n                v-if=\"\n                  modelList.findIndex((item) => item.comName === 'FloatBth') >\n                  -1\n                \"\n                class=\"float-bth\"\n                :class=\"[tem_tag === '浮动按钮' ? 'float-bth-on' : '']\"\n                @click=\"\n                  temChange(\n                    '浮动按钮',\n                    modelList.findIndex((item) => item.comName === 'FloatBth')\n                  )\n                \"\n              >\n                <div\n                  class=\"float-bth-in\"\n                  :style=\"{\n                    backgroundColor:\n                      floatForm.btnStyle === 2\n                        ? floatForm.bgColor\n                        : 'transparent',\n                    borderColor:\n                      floatForm.btnStyle === 2 ? floatForm.bgColor : '#999999',\n                  }\"\n                >\n                  <img\n                    :src=\"\n                      floatForm.image || require('@/assets/img/replace-img.png')\n                    \"\n                    alt=\"\"\n                    class=\"float-img\"\n                  />\n                </div>\n                <el-popover\n                  v-model=\"FloatBth_visible\"\n                  placement=\"bottom\"\n                  width=\"160\"\n                >\n                  <p>确定删除吗？</p>\n                  <div style=\"text-align: right; margin: 0\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"text\"\n                      @click=\"FloatBth_visible = false\"\n                    >\n                      取消\n                    </el-button>\n                    <el-button\n                      type=\"primary\"\n                      size=\"mini\"\n                      @click=\"delPageModel('FloatBth')\"\n                    >\n                      确定\n                    </el-button>\n                  </div>\n                  <div slot=\"reference\" class=\"del-ic\">\n                    <i class=\"el-icon-error\"></i>\n                  </div>\n                </el-popover>\n              </div>\n              <!--              微信客服-->\n              <div\n                v-if=\"\n                  modelList.findIndex((item) => item.comName === 'wxService') >\n                  -1\n                \"\n                class=\"float-bth wxBtn\"\n                :class=\"[tem_tag === '微信客服' ? 'float-bth-on' : '']\"\n                @click=\"\n                  temChange(\n                    '微信客服',\n                    modelList.findIndex((item) => item.comName === 'wxService')\n                  )\n                \"\n              >\n                <div class=\"float-bth-in\">\n                  <i\n                    class=\"iconfont icon-kefu\"\n                    :style=\"{ color: wxForm.color }\"\n                  ></i>\n                </div>\n                <el-popover\n                  v-model=\"wxService_visible\"\n                  placement=\"bottom\"\n                  width=\"160\"\n                >\n                  <p>确定删除吗？</p>\n                  <div style=\"text-align: right; margin: 0\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"text\"\n                      @click=\"wxService_visible = false\"\n                    >\n                      取消\n                    </el-button>\n                    <el-button\n                      type=\"primary\"\n                      size=\"mini\"\n                      @click=\"delPageModel('wxService')\"\n                    >\n                      确定\n                    </el-button>\n                  </div>\n                  <div slot=\"reference\" class=\"del-ic\">\n                    <i class=\"el-icon-error\"></i>\n                  </div>\n                </el-popover>\n              </div>\n              <!--              其他组件-->\n              <div\n                v-for=\"(li, index) in modelList\"\n                :key=\"index\"\n                v-dragging=\"{ item: li, list: modelList, group: 'li' }\"\n                class=\"page-model\"\n                :class=\"[index === 0 ? 'head-absolute' : '']\"\n                @click=\"temChange(li.name, index)\"\n              >\n                <div\n                  :is=\"li.comName\"\n                  v-if=\"li.comName !== 'FloatBth' && li.comName !== 'wxService'\"\n                  class=\"page-com\"\n                  :class=\"[model_index === index ? 'page-on' : '']\"\n                  :set-form=\"li.modelData\"\n                ></div>\n                <el-popover\n                  v-if=\"index > 0\"\n                  v-model=\"li.visible\"\n                  placement=\"bottom\"\n                  width=\"160\"\n                >\n                  <p>确定删除吗？</p>\n                  <div style=\"text-align: right; margin: 0\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"text\"\n                      @click=\"li.visible = false\"\n                    >\n                      取消\n                    </el-button>\n                    <el-button\n                      type=\"primary\"\n                      size=\"mini\"\n                      @click=\"delPageModel(index)\"\n                    >\n                      确定\n                    </el-button>\n                  </div>\n                  <div slot=\"reference\" class=\"del-page-model\">\n                    <i class=\"el-icon-close\"></i>\n                  </div>\n                </el-popover>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--组件表单-->\n        <div class=\"tem-view set-view\">\n          <SetPage :tag=\"tem_tag\" :tem-form=\"tem_form\" @confirm=\"setConfirm\" />\n        </div>\n      </div>\n    </div>\n  </ContainerTit>\n</template>\n\n<script>\n  import { getPageInfo, PageSave } from \"@/api/System\";\n  import SetPage from \"./PDComponents/SetPage.vue\";\n  import { componentsList } from \"./PDComponents/Components.js\";\n  import { componentsListStore } from \"./PDComponents/ComponentsStore.js\";\n  import ImgSwiper from \"./PDComponents/ImgSwiper\";\n  import MagicImg from \"./PDComponents/MagicImg\";\n  import Blank from \"./PDComponents/Blank\";\n  import LineF from \"./PDComponents/Line\";\n  import Notice from \"./PDComponents/Notice\";\n  import GoodsGroup from \"./PDComponents/GoodsGroup.vue\";\n  import NavBar from \"./PDComponents/NavBar\";\n  import SearchC from \"./PDComponents/SearchC\";\n  import LimitedSeckill from \"./PDComponents/LimitedSeckill\";\n  import CouponGroup from \"./PDComponents/CouponGroup\";\n  import NavigationBar from \"./PDComponents/NavigationBar\";\n  import ShopInfo from \"./PDComponents/ShopInfo\";\n  import IntegralGoods from \"./PDComponents/IntegralGoods\";\n  import AdvGroup from \"./PDComponents/AdvGroup\";\n  import { title } from \"@/config/settings.js\";\n  const NavigationBarForm = {\n    name: \"页面设置\",\n    comName: \"NavigationBar\",\n    modelData: {\n      name: title,\n      topBgColor: \"#ec1c24\",\n      textColor: \"#ffffff\",\n      pageBgColor: \"#f7f8fa\",\n      bgImage: \"\",\n      style: 1,\n    },\n  };\n  export default {\n    name: \"PageDesign\",\n    components: {\n      SetPage,\n      ImgSwiper,\n      MagicImg,\n      Blank,\n      LineF,\n      Notice,\n      NavBar,\n      GoodsGroup,\n      // FloatBth,\n      LimitedSeckill,\n      CouponGroup,\n      SearchC,\n      NavigationBar,\n      ShopInfo,\n      AdvGroup,\n      IntegralGoods,\n    },\n    data() {\n      return {\n        wxService_visible: false,\n        FloatBth_visible: false,\n        active_collapse: 0,\n        pageName: \"\",\n        pageType: 1,\n        tem_form: {}, // 当前页面组件的form内容\n        // componentsList: componentsList, // 组件库列表\n        model_index: 0, // 页面内组件 index 下标\n        set_form: {},\n        floatForm: {},\n        wxForm: {},\n        modelList: [NavigationBarForm],\n        tem_tag: \"\", // 组件标示\n        isStore: false,\n      };\n    },\n    computed: {\n      pageStyle() {\n        const obj = this.modelList[0].modelData;\n        return {\n          backgroundColor: obj.pageBgColor,\n          backgroundImage: \"url(\" + obj.bgImage + \")\",\n          backgroundPosition: obj.topBgColor ? \"0 74px\" : \"0 0\",\n        };\n      },\n      // 组件库列表\n      componentsList() {\n        if (this.systemType === 3) {\n          return componentsListStore;\n        } else {\n          return componentsList;\n        }\n      },\n    },\n    watch: {\n      pageName(val) {\n        if (this.pageType === 2) {\n          this.modelList[0].modelData.titleText = val;\n        }\n      },\n      pageType(val) {\n        if (val === 2) {\n          this.modelList[0].modelData.titleText = this.pageName;\n        }\n      },\n    },\n    created() {\n      if (this.$route.params.id) {\n        this.getDetail();\n      }\n      if (this.systemType === 3) {\n        this.isStore = true;\n      }\n    },\n    mounted() {\n      // 页面内组件 拖拽事件\n      this.$dragging.$on(\"dragged\", (res) => {\n        this.model_index = this.modelList.findIndex(\n          (item) => item.name === res.draged.name\n        );\n      });\n    },\n    methods: {\n      // 组件库事件，点击选择组件\n      selComponent(rowd) {\n        const row = this.$_common.deepClone(rowd);\n        if (rowd.name === \"浮动按钮\") {\n          const isFlot = this.modelList.find(\n            (item) => item.name === \"浮动按钮\"\n          );\n          if (isFlot) {\n            this.$message.warning(\"只能添加一个浮动按钮哦～～\");\n            return;\n          }\n        }\n        if (rowd.name === \"微信客服\") {\n          const isFlot = this.modelList.find(\n            (item) => item.name === \"微信客服\"\n          );\n          if (isFlot) {\n            this.$message.warning(\"只能添加一个微信客服按钮哦～～\");\n            return;\n          }\n        }\n        if (rowd.name === \"商户信息\") {\n          const isFlot = this.modelList.find(\n            (item) => item.name === \"商户信息\"\n          );\n          if (isFlot) {\n            this.$message.warning(\"只能添加一个哦～～\");\n            return;\n          }\n        }\n        this.tem_tag = row.name;\n        // 在当前位置之后插入一个组件\n        this.model_index = this.model_index + 1;\n        this.modelList.splice(this.model_index, 0, row);\n        this.tem_form = row.modelData;\n        if (rowd.name === \"浮动按钮\") {\n          this.floatForm = this.tem_form;\n        }\n        if (rowd.name === \"微信客服\") {\n          this.wxForm = this.tem_form;\n        }\n      },\n      // 页面显示事件，点击选择页面内组件\n      temChange(tag, index) {\n        this.tem_tag = tag;\n        this.model_index = index;\n\n        if (tag === \"浮动按钮\") {\n          this.floatForm = this.modelList[index].modelData;\n          this.tem_form = this.floatForm;\n        } else if (tag === \"微信客服\") {\n          this.wxForm = this.modelList[index].modelData;\n          this.tem_form = this.wxForm;\n        } else {\n          this.tem_form = this.modelList[index].modelData;\n        }\n      },\n      // 页面设计form表单完成事件\n      setConfirm(obj) {\n        this.modelList[this.model_index].modelData = obj;\n        this.set_form = obj;\n      },\n      // 删除页面内组件\n      delPageModel(index) {\n        this.tem_tag = \"\";\n        if (index === \"FloatBth\") {\n          this.FloatBth_visible = false;\n          const indexF = this.modelList.findIndex(\n            (item) => item.comName === \"FloatBth\"\n          );\n          this.modelList.splice(indexF, 1);\n          this.temChange(this.modelList[1].name, 1);\n        } else if (index === \"wxService\") {\n          this.wxService_visible = false;\n          const indexF = this.modelList.findIndex(\n            (item) => item.comName === \"wxService\"\n          );\n          this.modelList.splice(indexF, 1);\n          this.temChange(this.modelList[1].name, 1);\n        } else {\n          this.modelList[index].visible = false;\n          this.temChange(\n            this.modelList[this.model_index - 1].name,\n            this.model_index - 1\n          );\n          this.modelList.splice(index, 1);\n        }\n      },\n      // 获取详情\n      async getDetail() {\n        if (!this.$accessCheck(this.$Access.PageSetGetPageInfo)) {\n          return;\n        }\n        const { data } = await getPageInfo(this.$route.params.id);\n\n        this.pageName = data.pageName;\n        this.pageType = data.pageType;\n        this.modelList = data.pageData;\n        const navBar = this.modelList.findIndex(\n          (item) => item.comName === \"NavigationBar\"\n        );\n        const fData = this.modelList.find((item) => item.name === \"浮动按钮\");\n        const wData = this.modelList.find((item) => item.name === \"微信客服\");\n        if (navBar === -1) {\n          this.modelList.unshift(NavigationBarForm);\n        } else {\n          if (this.modelList[navBar].name !== \"页面设置\") {\n            this.modelList[navBar] = NavigationBarForm;\n          }\n        }\n        if (fData) {\n          this.floatForm = fData.modelData;\n        }\n        if (wData) {\n          this.wxForm = wData.modelData;\n        }\n        this.temChange(this.modelList[0].name, 0);\n      },\n      async submit() {\n        // return\n        if (!this.pageName) {\n          this.$message.warning(\"请输入页面名称\");\n          return;\n        }\n        let params = {\n          pageName: this.pageName,\n          pageType: this.pageType,\n          pageData: this.modelList,\n          isStore: this.isStore,\n        };\n        if (this.$route.params.id) {\n          params.id = this.$route.params.id;\n        }\n        const data = await PageSave(params);\n        this.$message.success(\"提交成功\");\n        if (!this.$route.params.id) {\n          this.$closeCurrentGoEdit(\"/ShoppingMall/AppDesign/PageDesignList\");\n        }\n        // this.$closeCurrentGoEdit(\"/ShoppingMall/AppDesign/PageDesignList\");\n      },\n    },\n  };\n</script>\n\n<style scoped>\n  .com-view {\n    width: 300px;\n    float: left;\n  }\n  .page-view {\n    width: calc(100% - 680px);\n    /*padding: 0 14px ;*/\n    background-color: #f2f4f7;\n    float: left;\n  }\n  .page-show-box {\n    margin: 20px auto;\n    width: 410px;\n    padding: 13px;\n    background-color: #fafafa;\n    border-radius: 4px;\n    border: 1px solid #dddddd;\n  }\n  .page-show {\n    width: 380px;\n    border: 1px solid #dddddd;\n    position: relative;\n    min-height: 648px;\n    background-repeat: no-repeat;\n    background-size: 100%;\n    background-position: 0 74px;\n  }\n  .set-view {\n    width: 380px;\n    float: right;\n  }\n  .tem-view {\n    height: calc(100vh - 132px);\n    overflow-y: auto;\n  }\n  /*  组件库*/\n\n  .com-box {\n    font-weight: 400;\n    margin: 10px;\n    border: 1px solid #eee;\n  }\n  .com-tit {\n    font-size: 13px;\n    color: #666;\n    line-height: 40px;\n    background-color: #f8f8fa;\n    padding-left: 10px;\n    border-bottom: 1px solid #eee;\n  }\n  .com-ul {\n    padding: 5px;\n  }\n  .com-li {\n    width: 76px;\n    height: 76px;\n    text-align: center;\n    float: left;\n    font-size: 12px;\n    padding-top: 10px;\n    margin: 5px;\n    background: #f8f8fa;\n    border: 1px solid #eee;\n    cursor: pointer;\n    transition: 0.3s;\n    color: #333;\n    font-weight: 400;\n  }\n  .com-li p {\n    padding-top: 42px;\n  }\n  .com-li .iconfont {\n    font-size: 28px;\n    color: #666;\n  }\n  .com-li:hover {\n    background: #fff;\n    border: 1px solid #fb6638;\n  }\n  /*  pageShow*/\n  .page-show {\n    min-height: 648px;\n    padding-top: 70px;\n  }\n  .page-model {\n    cursor: move;\n    /*border: 2px dashed transparent ;*/\n    position: relative;\n  }\n  .head-absolute {\n    position: absolute;\n    width: 100%;\n    top: 0;\n    left: 0;\n  }\n  .del-page-model {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 20px;\n    font-size: 12px;\n    height: 20px;\n    text-align: center;\n    line-height: 20px;\n    background: #fb6638;\n    color: #fff;\n    cursor: pointer;\n    display: none;\n    border-bottom-left-radius: 12px;\n  }\n\n  .page-com {\n    border: 1px solid transparent;\n  }\n  .page-com:hover {\n    border: 1px solid #fb6638;\n  }\n  .page-model:hover .del-page-model {\n    display: block;\n  }\n  .page-on {\n    border: 1px solid #fb6638;\n  }\n  /* 浮动按钮 */\n  .float-bth {\n    width: 40px;\n    height: 40px;\n    text-align: center;\n    /*border-radius: 100%;*/\n    position: absolute;\n    right: 10px;\n    bottom: 150px;\n    border: 2px dashed transparent;\n    cursor: pointer;\n    z-index: 999;\n  }\n  .wxBtn {\n    background-color: #ffffff;\n    bottom: 200px;\n  }\n  .float-bth-in {\n    width: 100%;\n    height: 100%;\n    border-radius: 100%;\n    border: 1px solid #999;\n    box-shadow: 0 3px 10px #dcdcdc;\n  }\n  .wxBtn .float-bth-in {\n    border: 0 none;\n    text-align: center;\n    line-height: 40px;\n  }\n  .wxBtn .float-bth-in .iconfont {\n    font-size: 26px;\n    height: 40px;\n    display: inline-block;\n    transform: translateY(-2px);\n  }\n  .float-img {\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    margin-top: 8px;\n  }\n  .del-ic {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    color: #ff4040;\n    cursor: pointer;\n    display: none;\n  }\n  .float-bth:hover {\n    border: 1px solid #fb6638;\n  }\n  .float-bth:hover .del-ic {\n    display: block;\n  }\n  .f-label {\n    font-weight: 400;\n  }\n  .float-bth-on {\n    border: 1px solid #fb6638;\n  }\n</style>\n<style>\n  .up-img-li .el-upload--picture-card {\n    width: 90px;\n    height: 40px;\n    border-color: transparent;\n  }\n  .up-img-li .el-upload--picture-card:hover {\n    border-color: transparent;\n  }\n  /*  图片上传*/\n  .input-tip {\n    font-size: 12px;\n    color: #777;\n    line-height: 22px;\n    background-color: #e5f0fe;\n    padding: 8px 16px;\n    border-radius: 6px;\n  }\n  .up-img-li {\n    border: 1px solid #ddd;\n    background: #f5f9fc;\n    margin-top: 10px;\n    padding: 8px;\n    position: relative;\n  }\n  .up-url {\n    /*width: calc(100% - 120px);*/\n    background: #fff;\n    font-size: 12px;\n    color: #666;\n    padding: 0 10px;\n    cursor: pointer;\n  }\n  .img-del-icon {\n    position: absolute;\n    right: 0;\n    top: 0;\n    color: #fb6638;\n    width: 20px;\n    height: 20px;\n    z-index: 1;\n    display: none;\n    cursor: pointer;\n  }\n  .up-img-li:hover .img-del-icon {\n    display: block;\n  }\n</style>\n"]}]}