84f79715c3a1305ac0ad533561fc6fb1.json 35 KB

1
  1. {"remainingRequest":"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\\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"]}]}