| 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\\components\\mobileConfigRight\\c_pictrue.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_pictrue.vue","mtime":1761185179993},{"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:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjX3BpY3RydWUnLA0KICBwcm9wczogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgIH0sDQogICAgY29uZmlnTm1lOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgZGVmYXVsdHM6IHt9LA0KICAgICAgY29uZmlnRGF0YToge30sDQogICAgICBzdHlsZTogMCwNCiAgICAgIGlzVXBkYXRlOiBmYWxzZSwgLy8g6YeN5paw5riy5p+TDQogICAgICBjdXJyZW50SW5kZXg6IDAsDQogICAgICBhcnJheU9iajogew0KICAgICAgICBpbWFnZTogJycsDQogICAgICAgIGxpbms6ICcnLA0KICAgICAgfSwNCiAgICAgIGxpc3Q6IHVuZGVmaW5lZCwNCiAgICAgIHNlbGVjdDogZmFsc2UsDQogICAgICBsaXM6IHVuZGVmaW5lZCwNCiAgICAgIHJlY3Q6IG51bGwsIC8vIOWumuS5ieenu+WKqOWFg+e0oGRpdg0KICAgICAgLy8g6K6w5b2V6byg5qCH5oyJ5LiL5pe255qE5Z2Q5qCHDQogICAgICBkb3duWDogMCwNCiAgICAgIGRvd25ZOiAwLA0KICAgICAgLy8g6K6w5b2V6byg5qCH5oqs6LW35pe25YCZ55qE5Z2Q5qCHDQogICAgICBtb3VzZVgyOiAwLA0KICAgICAgbW91c2VZMjogMCwNCiAgICAgIGltZ051bTogMCwNCiAgICAgIHNlbFBpY0JveDogMCwgLy8g5b2T5YmN6YCJ5Lit55qE5Zu+54mH55uS5a2QDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICB0aGlzLmRlZmF1bHRzID0gdGhpcy5jb25maWdPYmo7DQogICAgICBpZiAodGhpcy5jb25maWdPYmouaGFzT3duUHJvcGVydHkoJ3RpbWVzdGFtcCcpKSB7DQogICAgICAgIHRoaXMuaXNVcGRhdGUgPSB0cnVlOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy5pc1VwZGF0ZSA9IGZhbHNlOw0KICAgICAgfQ0KICAgICAgdGhpcy4kc2V0KHRoaXMsICdjb25maWdEYXRhJywgdGhpcy5jb25maWdPYmpbdGhpcy5jb25maWdObWVdKTsNCiAgICAgIHRoaXMuc3R5bGUgPSB0aGlzLmNvbmZpZ09iai5zdHlsZUNvbmZpZy50YWJWYWw7DQogICAgICB0aGlzLmNvdW50ID0gdGhpcy5kZWZhdWx0cy5zdHlsZUNvbmZpZy5jb3VudDsNCiAgICAgIHRoaXMucGljQXJyYXlDb25jYXQodGhpcy5jb3VudCk7DQoNCiAgICAgIGlmICh0aGlzLnN0eWxlID09IDExKSB7DQogICAgICAgIHRoaXMubGlzID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnbGF5LWl0ZW0nKTsNCiAgICAgIH0NCiAgICAgIHRoaXMuY3VycmVudFRhYigwLCB0aGlzLmNvbmZpZ0RhdGEpOw0KICAgIH0pOw0KICB9LA0KICBjb21wdXRlZDogew0KICAgIHNlbEJveExpc3QoKSB7DQogICAgICByZXR1cm4gdGhpcy5jb25maWdPYmoucGljU3R5bGUuZG9jUGljTGlzdDsNCiAgICB9LA0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgaGFuZGxlcihuVmFsKSB7DQogICAgICAgIHRoaXMuZGVmYXVsdHMgPSBuVmFsOw0KICAgICAgICB0aGlzLiRzZXQodGhpcywgJ2NvbmZpZ0RhdGEnLCBuVmFsW3RoaXMuY29uZmlnTm1lXSk7DQogICAgICAgIHRoaXMuc3R5bGUgPSBuVmFsLnN0eWxlQ29uZmlnLnRhYlZhbDsNCiAgICAgICAgdGhpcy5pc1VwZGF0ZSA9IHRydWU7DQogICAgICAgIHRoaXMuJHNldCh0aGlzLCAnaXNVcGRhdGUnLCB0cnVlKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogICAgJ2NvbmZpZ09iai5zdHlsZUNvbmZpZy50YWJWYWwnOiB7DQogICAgICBoYW5kbGVyKCkgew0KICAgICAgICB0aGlzLmNvdW50ID0gdGhpcy5kZWZhdWx0cy5zdHlsZUNvbmZpZy5jb3VudDsNCiAgICAgICAgdGhpcy5waWNBcnJheUNvbmNhdCh0aGlzLmNvdW50KTsNCiAgICAgICAgdGhpcy5jb25maWdEYXRhLnBpY0xpc3Quc3BsaWNlKHRoaXMuY291bnQpOw0KICAgICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IDA7DQogICAgICAgIGxldCBsaXN0ID0gdGhpcy5kZWZhdWx0cy5tZW51Q29uZmlnLmxpc3RbMF07DQogICAgICAgIGlmICh0aGlzLmNvbmZpZ0RhdGEucGljTGlzdFswXSkgew0KICAgICAgICAgIGxpc3QuaW1nID0gdGhpcy5jb25maWdEYXRhLnBpY0xpc3RbMF0uaW1hZ2U7DQogICAgICAgICAgbGlzdC5pbmZvWzBdLnZhbHVlID0gdGhpcy5jb25maWdEYXRhLnBpY0xpc3RbMF0ubGluazsNCiAgICAgICAgfQ0KICAgICAgICB0aGlzLmxpcyA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2xheS1pdGVtJyk7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwNCiAgICB9LA0KICAgICdjb25maWdPYmoucGljU3R5bGUuZG9jUGljTGlzdCc6IHsNCiAgICAgIGhhbmRsZXIoKSB7DQogICAgICAgIGlmICh0aGlzLmNvbmZpZ09iai5zdHlsZUNvbmZpZy50YWJWYWwgPT0gMTEpIHsNCiAgICAgICAgICB0aGlzLmNvbmZpZ09iai5waWNTdHlsZS5kb2NQaWNMaXN0Lm1hcCgoZSwgaSkgPT4gew0KICAgICAgICAgICAgdGhpcy5jb25maWdPYmoucGljU3R5bGUuZG9jUGljTGlzdFtpXS5pbWcgPSB0aGlzLmNvbmZpZ09iai5waWNTdHlsZS5waWNMaXN0W2ldLmltYWdlOw0KICAgICAgICAgICAgdGhpcy5jb25maWdPYmoucGljU3R5bGUuZG9jUGljTGlzdFtpXS5saW5rID0gdGhpcy5jb25maWdPYmoucGljU3R5bGUucGljTGlzdFtpXS5saW5rOw0KICAgICAgICAgIH0pOw0KICAgICAgICB9DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwNCiAgICB9LA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgY3VycmVudFRhYihlLCBkYXRhKSB7DQogICAgICB0aGlzLnNlbFBpY0JveCA9IGU7DQogICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGU7DQogICAgICB0aGlzLmNvbmZpZ0RhdGEudGFiVmFsID0gZTsNCiAgICAgIGlmICh0aGlzLmRlZmF1bHRzLm1lbnVDb25maWcuaXNDdWJlKSB7DQogICAgICAgIGlmICh0aGlzLmNvbmZpZ0RhdGEudGFiVmFsICE9PSAxMSkgew0KICAgICAgICAgIGxldCBsaXN0ID0gdGhpcy5kZWZhdWx0cy5tZW51Q29uZmlnLmxpc3RbMF07DQogICAgICAgICAgaWYgKGRhdGEucGljTGlzdFtlXSAmJiBkYXRhLnBpY0xpc3RbZV0uaW1hZ2UpIHsNCiAgICAgICAgICAgIGxpc3QuaW1nID0gZGF0YS5waWNMaXN0W2VdLmltYWdlOw0KICAgICAgICAgICAgbGlzdC5pbmZvWzBdLnZhbHVlID0gZGF0YS5waWNMaXN0W2VdLmxpbms7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIGxpc3QuaW1nID0gJyc7DQogICAgICAgICAgICBsaXN0LmluZm9bMF0udmFsdWUgPSAnJzsNCiAgICAgICAgICB9DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy5zZWxQaWNCb3ggPSBlOw0KICAgICAgICAgIGxldCBsaXN0ID0gdGhpcy5kZWZhdWx0cy5kb2NQaWNMaXN0Ow0KICAgICAgICAgIGlmIChkYXRhLm1lbnVDb25maWcucGljU3R5bGUucGljTGlzdFtlXS5pbWFnZSkgew0KICAgICAgICAgICAgbGlzdFtlXS5pbWcgPSBkYXRhLm1lbnVDb25maWcucGljU3R5bGUucGljTGlzdFtlXS5pbWFnZTsNCiAgICAgICAgICAgIGxpc3RbZV0uaW5mb1swXS52YWx1ZSA9IGRhdGEubWVudUNvbmZpZy5waWNTdHlsZS5kb2NQaWNMaXN0W2VdLnZhbHVlOw0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICBsaXN0WzBdLmltZyA9ICcnOw0KICAgICAgICAgICAgbGlzdFswXS5pbmZvWzBdLnZhbHVlID0gJyc7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfSwNCiAgICBwaWNBcnJheUNvbmNhdChjb3VudCkgew0KICAgICAgZm9yIChsZXQgaSA9IHRoaXMuY29uZmlnRGF0YS5waWNMaXN0Lmxlbmd0aDsgaSA8IGNvdW50OyBpKyspIHsNCiAgICAgICAgdGhpcy5jb25maWdEYXRhLnBpY0xpc3QucHVzaCh0aGlzLmFycmF5T2JqKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIC8vIOWIoOmZpOaMh+WumueDreWMug0KICAgIGRlbEFyZWFCb3goaW5kZXgpIHsNCiAgICAgIC8qIOWIoOmZpOafkOS4queDreWMuiAqLw0KICAgICAgdGhpcy5zZWxCb3hMaXN0LnNwbGljZShpbmRleCwgMSk7DQogICAgICB0aGlzLmNvbmZpZ09iai5waWNTdHlsZS5waWNMaXN0LnNwbGljZShpbmRleCwgMSk7DQogICAgICB0aGlzLmNvbmZpZ09iai5waWNTdHlsZS5waWNMaXN0LnB1c2goeyBpbWFnZTogJycsIGxpbms6ICcnIH0pOw0KICAgICAgaWYgKHRoaXMuc2VsQm94TGlzdC5sZW5ndGgpIHRoaXMuY3VycmVudFRhYih0aGlzLnNlbEJveExpc3QubGVuZ3RoIC0gMSwgdGhpcy5jb25maWdEYXRhKTsNCiAgICB9LA0KICAgIGluaXRSZWN0KCkgew0KICAgICAgaWYgKHRoaXMucmVjdCkgew0KICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbGF5MScpLnJlbW92ZUNoaWxkKHRoaXMucmVjdCk7DQogICAgICB9DQogICAgfSwNCiAgICAvL+WkhOeQhum8oOagh+aMieS4i+S6i+S7tg0KICAgIGNsaWNrQm94KGV2ZW50KSB7DQogICAgICBpZiAodGhpcy5zZWxlY3QpIHsNCiAgICAgICAgbGV0IGJveERhdGEgPSB0aGlzLnVwKCk7DQogICAgICAgIHRyeSB7DQogICAgICAgICAgaWYgKHRoaXMuc2VsQm94TGlzdC5sZW5ndGggJiYgdGhpcy5zZWxCb3hMaXN0Lmxlbmd0aCA9PSAxICYmIHRoaXMuc2VsQm94TGlzdFswXS5kb2MudyA9PT0gMCkgew0KICAgICAgICAgICAgdGhpcy5zZWxCb3hMaXN0WzBdLmRvYyA9IGJveERhdGE7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIHRoaXMuc2VsQm94TGlzdC5wdXNoKHsNCiAgICAgICAgICAgICAgaW1nOiAnJywNCiAgICAgICAgICAgICAgbGluazogJycsDQogICAgICAgICAgICAgIGRvYzogYm94RGF0YSwNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgIH0NCiAgICAgICAgICB0aGlzLmN1cnJlbnRUYWIodGhpcy5zZWxCb3hMaXN0Lmxlbmd0aCAtIDEsIHRoaXMuY29uZmlnRGF0YSk7DQogICAgICAgIH0gY2F0Y2ggKGVycm9yKSB7DQogICAgICAgICAgY29uc29sZS5sb2coZXJyb3IpOw0KICAgICAgICB9DQoNCiAgICAgICAgdGhpcy5zZWxQaWNCb3ggPSB0aGlzLnNlbEJveExpc3QubGVuZ3RoID8gdGhpcy5zZWxCb3hMaXN0Lmxlbmd0aCAtIDEgOiAwOw0KICAgICAgICByZXR1cm47DQogICAgICB9DQogICAgICAvLyDpvKDmoIfmjInkuIvml7bmiY3lhYHorrjlpITnkIbpvKDmoIfnmoTnp7vliqjkuovku7YNCiAgICAgIHRoaXMuc2VsZWN0ID0gdHJ1ZTsNCiAgICAgIHRoaXMucmVjdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpOw0KICAgICAgLy8g5qGG6YCJZGl2IOagt+W8jw0KICAgICAgdGhpcy5yZWN0LnN0eWxlLmNzc1RleHQgPQ0KICAgICAgICAncG9zaXRpb246YWJzb2x1dGU7d2lkdGg6MHB4O2hlaWdodDowcHg7Zm9udC1zaXplOjBweDttYXJnaW46MHB4O3BhZGRpbmc6MHB4O2JvcmRlcjoxcHggZGFzaGVkICMwMDk5RkY7YmFja2dyb3VuZC1jb2xvcjojQzNENUVEO3otaW5kZXg6MTAwMDtmaWx0ZXI6YWxwaGEob3BhY2l0eTo2MCk7b3BhY2l0eTowLjY7ZGlzcGxheTpub25lOyc7DQogICAgICB0aGlzLnJlY3QuaWQgPSAnc2VsZWN0RGl2JzsNCiAgICAgIC8vIOa3u+WKoOWIsGxheTHkuIsNCiAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdsYXkxJykuYXBwZW5kQ2hpbGQodGhpcy5yZWN0KTsNCiAgICAgIC8vIOWPluW+l+m8oOagh+aMieS4i+aXtueahOWdkOagh+S9jee9rg0KICAgICAgdGhpcy5kb3duWCA9IGV2ZW50LmxheWVyWDsNCiAgICAgIHRoaXMuZG93blkgPSBldmVudC5sYXllclk7DQogICAgICB0aGlzLnJlY3Quc3R5bGUubGVmdCA9IHRoaXMuZG93blggKyAncHgnOw0KICAgICAgdGhpcy5yZWN0LnN0eWxlLnRvcCA9IHRoaXMuZG93blkgKyAncHgnOw0KICAgICAgLy/orr7nva7kvaDopoHnlLvnmoTnn6nlvaLmoYbnmoTotbfngrnkvY3nva4NCiAgICAgIHRoaXMucmVjdC5zdHlsZS5sZWZ0ID0gdGhpcy5kb3duWCArICdweCc7DQogICAgICB0aGlzLnJlY3Quc3R5bGUudG9wID0gdGhpcy5kb3duWSArICdweCc7DQogICAgfSwNCg0KICAgIC8v6byg5qCH5oqs6LW35LqL5Lu2DQogICAgdXAoKSB7DQogICAgICBsZXQgdG9wTGlzdCA9IFtdOw0KICAgICAgbGV0IGxlZnRMaXN0ID0gW107DQogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMubGlzLmxlbmd0aDsgaSsrKSB7DQogICAgICAgIC8v5bCG56e75Yqo55qEZGl255qE5Zub5Liq54K55ZKM5ZKMZGl25YWD57Sg55qE5Zub5Liq54K56L+b6KGM5q+U6L6DDQogICAgICAgIGlmICgNCiAgICAgICAgICAvL+WIpOaWrWRpduWFg+e0oCDlj7PovrnmoYbnmoTkvY3nva7lpKfkuo7np7vliqhkaXbnmoTlt6botbflp4vngrkNCiAgICAgICAgICB0aGlzLnJlY3Qub2Zmc2V0TGVmdCA8IHRoaXMubGlzW2ldLm9mZnNldExlZnQgKyB0aGlzLmxpc1tpXS5vZmZzZXRXaWR0aCAmJg0KICAgICAgICAgIC8v5Yik5patZGl25YWD57SgIOS4i+i+ueahhueahOS9jee9ruWkp+S6juenu+WKqGRpdueahOS4iui1t+Wni+eCuQ0KICAgICAgICAgIHRoaXMubGlzW2ldLm9mZnNldFRvcCArIHRoaXMubGlzW2ldLm9mZnNldEhlaWdodCA+IHRoaXMucmVjdC5vZmZzZXRUb3AgJiYNCiAgICAgICAgICAvLyDliKTmlq1kaXblhYPntKDlt6bovrnmoYbnmoTkvY3nva7lsI/kuo7np7vliqhkaXbnmoTlj7Potbflp4vngrkNCiAgICAgICAgICB0aGlzLnJlY3Qub2Zmc2V0TGVmdCArIHRoaXMucmVjdC5vZmZzZXRXaWR0aCA+IHRoaXMubGlzW2ldLm9mZnNldExlZnQgJiYNCiAgICAgICAgICAvLyDliKTmlq1kaXblhYPntKDkuIrovrnmoYbnmoTkvY3nva7lsI/kuo7np7vliqhkaXbnmoTkuIvotbflp4vngrkNCiAgICAgICAgICB0aGlzLnJlY3Qub2Zmc2V0VG9wICsgdGhpcy5yZWN0Lm9mZnNldEhlaWdodCA+IHRoaXMubGlzW2ldLm9mZnNldFRvcA0KICAgICAgICApIHsNCiAgICAgICAgICAvL+WwhuW3sumAieS4reeahOagt+W8j+aUueWPmA0KICAgICAgICAgIGlmICh0aGlzLmxpc1tpXS5jbGFzc05hbWUuaW5kZXhPZignc2VsZWQnKSA9PSAtMSkgew0KICAgICAgICAgICAgdG9wTGlzdC5wdXNoKHRoaXMubGlzW2ldLm9mZnNldFRvcCk7DQogICAgICAgICAgICBsZWZ0TGlzdC5wdXNoKHRoaXMubGlzW2ldLm9mZnNldExlZnQpOw0KICAgICAgICAgIH0NCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAvL+WmguaenOayoeaciemAieS4reWImea4hemZpOagt+W8jw0KICAgICAgICAgIGlmICh0aGlzLmxpc1tpXS5jbGFzc05hbWUuaW5kZXhPZignc2VsZWQnKSAhPSAtMSkgew0KICAgICAgICAgICAgdGhpcy5saXNbaV0uY2xhc3NOYW1lID0gJ2xheS1pdGVtJzsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgICAgLy/pvKDmoIfmiqzotbcs5bCx5LiN5YWB6K645Zyo5aSE55CG6byg5qCH56e75Yqo5LqL5Lu2DQogICAgICAgIHRoaXMuc2VsZWN0ID0gZmFsc2U7DQogICAgICB9DQoNCiAgICAgIC8v6ZqQ6JeP5Zu+5bGCDQogICAgICBpZiAodGhpcy5yZWN0KSB7DQogICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdsYXkxJykucmVtb3ZlQ2hpbGQodGhpcy5yZWN0KTsNCiAgICAgIH0NCg0KICAgICAgcmV0dXJuIHsNCiAgICAgICAgc3RhcnRYOiB0aGlzLmdldE1pbihsZWZ0TGlzdCksDQogICAgICAgIHN0YXJ0WTogdGhpcy5nZXRNaW4odG9wTGlzdCksDQogICAgICAgIHc6IHRoaXMuZ2V0TWF4KGxlZnRMaXN0KSAtIHRoaXMuZ2V0TWluKGxlZnRMaXN0KSArIDkzLjc1LA0KICAgICAgICBoOiB0aGlzLmdldE1heCh0b3BMaXN0KSAtIHRoaXMuZ2V0TWluKHRvcExpc3QpICsgOTMuNzUsDQogICAgICB9Ow0KICAgIH0sDQogICAgLy8g5Yig6ZmkDQogICAgZGVsKCkgew0KICAgICAgdGhpcy4kZW1pdCgnZGVsQXJlYUJveCcsIHRoaXMuYXJlYURhdGFJbmRleCk7DQogICAgfSwNCiAgICBnZXRNaW4oYXJyKSB7DQogICAgICBsZXQgbWluID0gYXJyWzBdOw0KICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBhcnIubGVuZ3RoOyBpKyspIHsNCiAgICAgICAgaWYgKGFycltpXSA8IG1pbikgew0KICAgICAgICAgIG1pbiA9IGFycltpXTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgcmV0dXJuIG1pbjsNCiAgICB9LA0KICAgIGdldE1heChhcnIpIHsNCiAgICAgIGxldCBtYXggPSBhcnJbMF07DQogICAgICBmb3IgKGxldCBpID0gMTsgaSA8IGFyci5sZW5ndGg7IGkrKykgew0KICAgICAgICBpZiAoYXJyW2ldID4gbWF4KSB7DQogICAgICAgICAgbWF4ID0gYXJyW2ldOw0KICAgICAgICB9DQogICAgICB9DQogICAgICByZXR1cm4gbWF4Ow0KICAgIH0sDQogICAgb3V0KCkgew0KICAgICAgaWYgKHRoaXMucmVjdCkgew0KICAgICAgICB0aGlzLnNlbGVjdCA9IGZhbHNlOw0KICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbGF5MScpLnJlbW92ZUNoaWxkKHRoaXMucmVjdCk7DQogICAgICB9DQogICAgfSwNCiAgICAvL+m8oOagh+enu+WKqOS6i+S7tizmnIDkuLvopoHnmoTkuovku7YNCiAgICBtb3ZlKGV2ZW50KSB7DQogICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpOw0KICAgICAgaWYgKCF0aGlzLnNlbGVjdCkgcmV0dXJuOw0KICAgICAgLyoNCiAgICAgICAgICAgIOi/meS4qumDqOWIhizmoLnmja7kvaDpvKDmoIfmjInkuIvnmoTkvY3nva4s5ZKM5L2g5ouJ5qGG5pe26byg5qCH5p2+5byA55qE5L2N572u5YWz57O7LOWPr+S7peaKiuWMuuWfn+WIhuS4uuWbm+S4qumDqOWIhizmoLnmja7lm5vkuKrpg6jliIbnmoTkuI3lkIwsDQogICAgICAgICAgICDmiJHku6zlj6/ku6XliIbliKvmnaXnlLvmoYYs5ZCm5YiZ55qE6K+dLOWwseWPquiDveWQkeS4gOS4quaWueWQkeeUu+ahhizkuZ/lsLHmmK/ngrnnmoTlj7PkuIvmlrnnlLvmoYYuDQogICAgICAgICAgICAqLw0KICAgICAgaWYgKHRoaXMuc2VsZWN0KSB7DQogICAgICAgIGNvbnNvbGUubG9nKGV2ZW50LmxheWVyWCwgZXZlbnQubGF5ZXJZLCBldmVudCk7DQogICAgICAgIHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gew0KICAgICAgICAgIC8vIOWPluW+l+m8oOagh+enu+WKqOaXtueahOWdkOagh+S9jee9rg0KICAgICAgICAgIHRoaXMubW91c2VYMiA9IGV2ZW50LmxheWVyWCAtIDU7DQogICAgICAgICAgdGhpcy5tb3VzZVkyID0gZXZlbnQubGF5ZXJZIC0gNTsNCiAgICAgICAgICAvLyDmmL7npLrmoYbpgInlhYPntKANCiAgICAgICAgICBpZiAodGhpcy5yZWN0LnN0eWxlLmRpc3BsYXkgPT0gJ25vbmUnKSB7DQogICAgICAgICAgICB0aGlzLnJlY3Quc3R5bGUuZGlzcGxheSA9ICcnOw0KICAgICAgICAgIH0NCiAgICAgICAgICB0aGlzLnJlY3Quc3R5bGUubGVmdCA9IE1hdGgubWluKHRoaXMubW91c2VYMiwgdGhpcy5kb3duWCkgKyAncHgnOw0KICAgICAgICAgIHRoaXMucmVjdC5zdHlsZS50b3AgPSBNYXRoLm1pbih0aGlzLm1vdXNlWTIsIHRoaXMuZG93blkpICsgJ3B4JzsNCiAgICAgICAgICB0aGlzLnJlY3Quc3R5bGUud2lkdGggPSB0aGlzLm1vdXNlWDIgLSB0aGlzLmRvd25YICsgJ3B4JzsNCiAgICAgICAgICB0aGlzLnJlY3Quc3R5bGUuaGVpZ2h0ID0gdGhpcy5tb3VzZVkyIC0gdGhpcy5kb3duWSArICdweCc7DQogICAgICAgICAgLy8gLy8gQSBwYXJ0DQogICAgICAgICAgLy8gaWYgKHRoaXMubW91c2VYMiA8IHRoaXMuZG93blggJiYgdGhpcy5tb3VzZVkyIDwgdGhpcy5kb3duWSkgew0KICAgICAgICAgIC8vICAgdGhpcy5yZWN0LnN0eWxlLmxlZnQgPSB0aGlzLm1vdXNlWDI7DQogICAgICAgICAgLy8gICB0aGlzLnJlY3Quc3R5bGUudG9wID0gdGhpcy5tb3VzZVkyOw0KICAgICAgICAgIC8vIH0NCg0KICAgICAgICAgIC8vIC8vIEIgcGFydA0KICAgICAgICAgIC8vIGlmICh0aGlzLm1vdXNlWDIgPiB0aGlzLmRvd25YICYmIHRoaXMubW91c2VZMiA8IHRoaXMuZG93blkpIHsNCiAgICAgICAgICAvLyAgIHRoaXMucmVjdC5zdHlsZS5sZWZ0ID0gdGhpcy5kb3duWDsNCiAgICAgICAgICAvLyAgIHRoaXMucmVjdC5zdHlsZS50b3AgPSB0aGlzLm1vdXNlWTI7DQogICAgICAgICAgLy8gfQ0KDQogICAgICAgICAgLy8gLy8gQyBwYXJ0DQogICAgICAgICAgLy8gaWYgKHRoaXMubW91c2VYMiA8IHRoaXMuZG93blggJiYgdGhpcy5tb3VzZVkyID4gdGhpcy5kb3duWSkgew0KICAgICAgICAgIC8vICAgdGhpcy5yZWN0LnN0eWxlLmxlZnQgPSB0aGlzLm1vdXNlWDI7DQogICAgICAgICAgLy8gICB0aGlzLnJlY3Quc3R5bGUudG9wID0gdGhpcy5kb3duWTsNCiAgICAgICAgICAvLyB9DQoNCiAgICAgICAgICAvLyAvLyBEIHBhcnQNCiAgICAgICAgICAvLyBpZiAodGhpcy5tb3VzZVgyID4gdGhpcy5kb3duWCAmJiB0aGlzLm1vdXNlWTIgPiB0aGlzLmRvd25ZKSB7DQogICAgICAgICAgLy8gICB0aGlzLnJlY3Quc3R5bGUubGVmdCA9IHRoaXMuZG93blg7DQogICAgICAgICAgLy8gICB0aGlzLnJlY3Quc3R5bGUudG9wID0gdGhpcy5kb3duWTsNCiAgICAgICAgICAvLyB9DQogICAgICAgICAgLy8gICB0aGlzLnJlY3Quc3R5bGUubGVmdCA9IHRoaXMuZG93blg7DQogICAgICAgICAgLy8gICB0aGlzLnJlY3Quc3R5bGUudG9wID0gdGhpcy5kb3duWTsNCiAgICAgICAgfSk7DQogICAgICB9DQoNCiAgICAgIC8vIOmYu+atouS6i+S7tuS4iuS8oA0KICAgICAgd2luZG93LmV2ZW50LmNhbmNlbEJ1YmJsZSA9IHRydWU7DQogICAgICAvLyDpmLvmraLpu5jorqTkuovku7YNCiAgICAgIHdpbmRvdy5ldmVudC5yZXR1cm5WYWx1ZSA9IGZhbHNlOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["c_pictrue.vue"],"names":[],"mappings":";AA0NA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;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;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_pictrue.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n <div class=\"mobile-page\">\r\n <div v-if=\"isUpdate\">\r\n <!-- <div class=\"title\">布局</div>\r\n <div class=\"tip\">选定布局区域，在下方添加图片，建议添加比例一致的图片</div> -->\r\n <div class=\"advert\">\r\n <div\r\n class=\"advertItem07\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-if=\"style === 0\"\r\n v-for=\"(item, index) in configData.picList\"\r\n :key=\"index\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>750*375</div>\r\n </div>\r\n <div class=\"advertItem02 acea-row\" v-if=\"style === 1\">\r\n <div\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n :key=\"index\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <div>\r\n <div>375*750</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem03 acea-row\" v-if=\"style === 2\">\r\n <div\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n :key=\"index\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>\r\n <div>\r\n <div>250*750</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem08\" v-if=\"style === 3\">\r\n <div class=\"item acea-row\">\r\n <div class=\"pic\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n </div>\r\n <div class=\"item\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>750*375</div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem08\" v-if=\"style === 4\">\r\n <div class=\"item\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>750*375</div>\r\n </div>\r\n <div class=\"item acea-row\">\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem04 acea-row\" v-if=\"style === 5\">\r\n <div class=\"item\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>375*750</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem04 acea-row\" v-if=\"style === 6\">\r\n <div class=\"item\">\r\n <div class=\"pic\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n </div>\r\n <div class=\"item\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>375*750</div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem06 acea-row\" v-if=\"style === 7\">\r\n <div\r\n class=\"item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n @click=\"currentTab(index, configData)\"\r\n v-for=\"(item, index) in configData.picList\"\r\n :key=\"index\"\r\n >\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem08\" v-if=\"style === 8\">\r\n <div class=\"item acea-row\">\r\n <div class=\"pic\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n </div>\r\n <div class=\"items acea-row\">\r\n <div class=\"pic\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>250*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 3 ? 'on' : ''\" @click=\"currentTab(3, configData)\">\r\n <img :src=\"configData.picList[3].image\" v-if=\"configData.picList[3].image\" />\r\n <div class=\"empty-box\" v-else>250*375</div>\r\n </div>\r\n <div class=\"pic\" :class=\"currentIndex === 4 ? 'on' : ''\" @click=\"currentTab(4, configData)\">\r\n <img :src=\"configData.picList[4].image\" v-if=\"configData.picList[4].image\" />\r\n <div class=\"empty-box\" v-else>250*375</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem04 acea-row\" v-if=\"style === 9\">\r\n <div class=\"item\" :class=\"currentIndex === 0 ? 'on' : ''\" @click=\"currentTab(0, configData)\">\r\n <img :src=\"configData.picList[0].image\" v-if=\"configData.picList[0].image\" />\r\n <div class=\"empty-box\" v-else>375*750</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"pic\" :class=\"currentIndex === 1 ? 'on' : ''\" @click=\"currentTab(1, configData)\">\r\n <img :src=\"configData.picList[1].image\" v-if=\"configData.picList[1].image\" />\r\n <div class=\"empty-box\" v-else>375*375</div>\r\n </div>\r\n <div class=\"pic acea-row\">\r\n <div class=\"picItem\" :class=\"currentIndex === 2 ? 'on' : ''\" @click=\"currentTab(2, configData)\">\r\n <img :src=\"configData.picList[2].image\" v-if=\"configData.picList[2].image\" />\r\n <div class=\"empty-box\" v-else>375*250</div>\r\n </div>\r\n <div class=\"picItem\" :class=\"currentIndex === 3 ? 'on' : ''\" @click=\"currentTab(3, configData)\">\r\n <img :src=\"configData.picList[3].image\" v-if=\"configData.picList[3].image\" />\r\n <div class=\"empty-box\" v-else>375*250</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"advertItem01 acea-row\" v-if=\"style === 10\" v-for=\"(item, index) in configData.picList\" :key=\"index\">\r\n <img :src=\"item.image\" v-if=\"item.image\" />\r\n <div class=\"empty-box\" v-else>尺寸不限</div>\r\n </div>\r\n <template v-if=\"style === 11\">\r\n <div class=\"pic-box\" @mousemove.stop=\"move\">\r\n <div class=\"advertItem11 acea-row\" id=\"lay1\" @click=\"clickBox\">\r\n <div\r\n class=\"lay-item\"\r\n :class=\"currentIndex === index ? 'on' : ''\"\r\n v-for=\"(item, index) in configData.picList\"\r\n :key=\"index + 'aaa'\"\r\n >\r\n <img :src=\"item.img\" v-if=\"item.img\" />\r\n <div class=\"empty-box\" v-else>+</div>\r\n </div>\r\n </div>\r\n <div\r\n v-for=\"(item, index) in selBoxList\"\r\n :key=\"index\"\r\n :style=\"{\r\n width: item.doc.w + 'px',\r\n height: item.doc.h + 'px',\r\n left: item.doc.startX + 'px',\r\n top: item.doc.startY + 'px',\r\n }\"\r\n class=\"areaBox\"\r\n :class=\"{ active: selPicBox == index }\"\r\n @mouseover=\"initRect\"\r\n @click=\"currentTab(index, configData)\"\r\n >\r\n <img :src=\"item.img\" v-if=\"item.img\" />\r\n <div class=\"prompt-text\" v-else>{{ item.doc.w }}x{{ item.doc.h }}</div>\r\n <div v-if=\"selPicBox == index\" class=\"del\" @click.stop=\"delAreaBox(index)\">\r\n <i class=\"el-icon-close\" />\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'c_pictrue',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n },\r\n configNme: {\r\n type: String,\r\n },\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n configData: {},\r\n style: 0,\r\n isUpdate: false, // 重新渲染\r\n currentIndex: 0,\r\n arrayObj: {\r\n image: '',\r\n link: '',\r\n },\r\n list: undefined,\r\n select: false,\r\n lis: undefined,\r\n rect: null, // 定义移动元素div\r\n // 记录鼠标按下时的坐标\r\n downX: 0,\r\n downY: 0,\r\n // 记录鼠标抬起时候的坐标\r\n mouseX2: 0,\r\n mouseY2: 0,\r\n imgNum: 0,\r\n selPicBox: 0, // 当前选中的图片盒子\r\n };\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.defaults = this.configObj;\r\n if (this.configObj.hasOwnProperty('timestamp')) {\r\n this.isUpdate = true;\r\n } else {\r\n this.isUpdate = false;\r\n }\r\n this.$set(this, 'configData', this.configObj[this.configNme]);\r\n this.style = this.configObj.styleConfig.tabVal;\r\n this.count = this.defaults.styleConfig.count;\r\n this.picArrayConcat(this.count);\r\n\r\n if (this.style == 11) {\r\n this.lis = document.getElementsByClassName('lay-item');\r\n }\r\n this.currentTab(0, this.configData);\r\n });\r\n },\r\n computed: {\r\n selBoxList() {\r\n return this.configObj.picStyle.docPicList;\r\n },\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal) {\r\n this.defaults = nVal;\r\n this.$set(this, 'configData', nVal[this.configNme]);\r\n this.style = nVal.styleConfig.tabVal;\r\n this.isUpdate = true;\r\n this.$set(this, 'isUpdate', true);\r\n },\r\n deep: true,\r\n },\r\n 'configObj.styleConfig.tabVal': {\r\n handler() {\r\n this.count = this.defaults.styleConfig.count;\r\n this.picArrayConcat(this.count);\r\n this.configData.picList.splice(this.count);\r\n this.currentIndex = 0;\r\n let list = this.defaults.menuConfig.list[0];\r\n if (this.configData.picList[0]) {\r\n list.img = this.configData.picList[0].image;\r\n list.info[0].value = this.configData.picList[0].link;\r\n }\r\n this.lis = document.getElementsByClassName('lay-item');\r\n },\r\n deep: true,\r\n immediate: true,\r\n },\r\n 'configObj.picStyle.docPicList': {\r\n handler() {\r\n if (this.configObj.styleConfig.tabVal == 11) {\r\n this.configObj.picStyle.docPicList.map((e, i) => {\r\n this.configObj.picStyle.docPicList[i].img = this.configObj.picStyle.picList[i].image;\r\n this.configObj.picStyle.docPicList[i].link = this.configObj.picStyle.picList[i].link;\r\n });\r\n }\r\n },\r\n deep: true,\r\n immediate: true,\r\n },\r\n },\r\n methods: {\r\n currentTab(e, data) {\r\n this.selPicBox = e;\r\n this.currentIndex = e;\r\n this.configData.tabVal = e;\r\n if (this.defaults.menuConfig.isCube) {\r\n if (this.configData.tabVal !== 11) {\r\n let list = this.defaults.menuConfig.list[0];\r\n if (data.picList[e] && data.picList[e].image) {\r\n list.img = data.picList[e].image;\r\n list.info[0].value = data.picList[e].link;\r\n } else {\r\n list.img = '';\r\n list.info[0].value = '';\r\n }\r\n } else {\r\n this.selPicBox = e;\r\n let list = this.defaults.docPicList;\r\n if (data.menuConfig.picStyle.picList[e].image) {\r\n list[e].img = data.menuConfig.picStyle.picList[e].image;\r\n list[e].info[0].value = data.menuConfig.picStyle.docPicList[e].value;\r\n } else {\r\n list[0].img = '';\r\n list[0].info[0].value = '';\r\n }\r\n }\r\n }\r\n },\r\n picArrayConcat(count) {\r\n for (let i = this.configData.picList.length; i < count; i++) {\r\n this.configData.picList.push(this.arrayObj);\r\n }\r\n },\r\n // 删除指定热区\r\n delAreaBox(index) {\r\n /* 删除某个热区 */\r\n this.selBoxList.splice(index, 1);\r\n this.configObj.picStyle.picList.splice(index, 1);\r\n this.configObj.picStyle.picList.push({ image: '', link: '' });\r\n if (this.selBoxList.length) this.currentTab(this.selBoxList.length - 1, this.configData);\r\n },\r\n initRect() {\r\n if (this.rect) {\r\n document.getElementById('lay1').removeChild(this.rect);\r\n }\r\n },\r\n //处理鼠标按下事件\r\n clickBox(event) {\r\n if (this.select) {\r\n let boxData = this.up();\r\n try {\r\n if (this.selBoxList.length && this.selBoxList.length == 1 && this.selBoxList[0].doc.w === 0) {\r\n this.selBoxList[0].doc = boxData;\r\n } else {\r\n this.selBoxList.push({\r\n img: '',\r\n link: '',\r\n doc: boxData,\r\n });\r\n }\r\n this.currentTab(this.selBoxList.length - 1, this.configData);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n\r\n this.selPicBox = this.selBoxList.length ? this.selBoxList.length - 1 : 0;\r\n return;\r\n }\r\n // 鼠标按下时才允许处理鼠标的移动事件\r\n this.select = true;\r\n this.rect = document.createElement('div');\r\n // 框选div 样式\r\n this.rect.style.cssText =\r\n 'position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;border:1px dashed #0099FF;background-color:#C3D5ED;z-index:1000;filter:alpha(opacity:60);opacity:0.6;display:none;';\r\n this.rect.id = 'selectDiv';\r\n // 添加到lay1下\r\n document.getElementById('lay1').appendChild(this.rect);\r\n // 取得鼠标按下时的坐标位置\r\n this.downX = event.layerX;\r\n this.downY = event.layerY;\r\n this.rect.style.left = this.downX + 'px';\r\n this.rect.style.top = this.downY + 'px';\r\n //设置你要画的矩形框的起点位置\r\n this.rect.style.left = this.downX + 'px';\r\n this.rect.style.top = this.downY + 'px';\r\n },\r\n\r\n //鼠标抬起事件\r\n up() {\r\n let topList = [];\r\n let leftList = [];\r\n for (let i = 0; i < this.lis.length; i++) {\r\n //将移动的div的四个点和和div元素的四个点进行比较\r\n if (\r\n //判断div元素 右边框的位置大于移动div的左起始点\r\n this.rect.offsetLeft < this.lis[i].offsetLeft + this.lis[i].offsetWidth &&\r\n //判断div元素 下边框的位置大于移动div的上起始点\r\n this.lis[i].offsetTop + this.lis[i].offsetHeight > this.rect.offsetTop &&\r\n // 判断div元素左边框的位置小于移动div的右起始点\r\n this.rect.offsetLeft + this.rect.offsetWidth > this.lis[i].offsetLeft &&\r\n // 判断div元素上边框的位置小于移动div的下起始点\r\n this.rect.offsetTop + this.rect.offsetHeight > this.lis[i].offsetTop\r\n ) {\r\n //将已选中的样式改变\r\n if (this.lis[i].className.indexOf('seled') == -1) {\r\n topList.push(this.lis[i].offsetTop);\r\n leftList.push(this.lis[i].offsetLeft);\r\n }\r\n } else {\r\n //如果没有选中则清除样式\r\n if (this.lis[i].className.indexOf('seled') != -1) {\r\n this.lis[i].className = 'lay-item';\r\n }\r\n }\r\n //鼠标抬起,就不允许在处理鼠标移动事件\r\n this.select = false;\r\n }\r\n\r\n //隐藏图层\r\n if (this.rect) {\r\n document.getElementById('lay1').removeChild(this.rect);\r\n }\r\n\r\n return {\r\n startX: this.getMin(leftList),\r\n startY: this.getMin(topList),\r\n w: this.getMax(leftList) - this.getMin(leftList) + 93.75,\r\n h: this.getMax(topList) - this.getMin(topList) + 93.75,\r\n };\r\n },\r\n // 删除\r\n del() {\r\n this.$emit('delAreaBox', this.areaDataIndex);\r\n },\r\n getMin(arr) {\r\n let min = arr[0];\r\n for (let i = 1; i < arr.length; i++) {\r\n if (arr[i] < min) {\r\n min = arr[i];\r\n }\r\n }\r\n return min;\r\n },\r\n getMax(arr) {\r\n let max = arr[0];\r\n for (let i = 1; i < arr.length; i++) {\r\n if (arr[i] > max) {\r\n max = arr[i];\r\n }\r\n }\r\n return max;\r\n },\r\n out() {\r\n if (this.rect) {\r\n this.select = false;\r\n document.getElementById('lay1').removeChild(this.rect);\r\n }\r\n },\r\n //鼠标移动事件,最主要的事件\r\n move(event) {\r\n event.preventDefault();\r\n if (!this.select) return;\r\n /*\r\n 这个部分,根据你鼠标按下的位置,和你拉框时鼠标松开的位置关系,可以把区域分为四个部分,根据四个部分的不同,\r\n 我们可以分别来画框,否则的话,就只能向一个方向画框,也就是点的右下方画框.\r\n */\r\n if (this.select) {\r\n console.log(event.layerX, event.layerY, event);\r\n window.requestAnimationFrame(() => {\r\n // 取得鼠标移动时的坐标位置\r\n this.mouseX2 = event.layerX - 5;\r\n this.mouseY2 = event.layerY - 5;\r\n // 显示框选元素\r\n if (this.rect.style.display == 'none') {\r\n this.rect.style.display = '';\r\n }\r\n this.rect.style.left = Math.min(this.mouseX2, this.downX) + 'px';\r\n this.rect.style.top = Math.min(this.mouseY2, this.downY) + 'px';\r\n this.rect.style.width = this.mouseX2 - this.downX + 'px';\r\n this.rect.style.height = this.mouseY2 - this.downY + 'px';\r\n // // A part\r\n // if (this.mouseX2 < this.downX && this.mouseY2 < this.downY) {\r\n // this.rect.style.left = this.mouseX2;\r\n // this.rect.style.top = this.mouseY2;\r\n // }\r\n\r\n // // B part\r\n // if (this.mouseX2 > this.downX && this.mouseY2 < this.downY) {\r\n // this.rect.style.left = this.downX;\r\n // this.rect.style.top = this.mouseY2;\r\n // }\r\n\r\n // // C part\r\n // if (this.mouseX2 < this.downX && this.mouseY2 > this.downY) {\r\n // this.rect.style.left = this.mouseX2;\r\n // this.rect.style.top = this.downY;\r\n // }\r\n\r\n // // D part\r\n // if (this.mouseX2 > this.downX && this.mouseY2 > this.downY) {\r\n // this.rect.style.left = this.downX;\r\n // this.rect.style.top = this.downY;\r\n // }\r\n // this.rect.style.left = this.downX;\r\n // this.rect.style.top = this.downY;\r\n });\r\n }\r\n\r\n // 阻止事件上传\r\n window.event.cancelBubble = true;\r\n // 阻止默认事件\r\n window.event.returnValue = false;\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n::v-deep .ivu-divider-horizontal {\r\n margin: 12px 0;\r\n}\r\n\r\nimg {\r\n object-fit: cover;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.empty-box {\r\n color: #8c8c8c;\r\n font-size: 12px;\r\n border-radius: 0;\r\n background-color: #eee;\r\n width: 100%;\r\n border: 1px solid #ddd;\r\n text-align: center;\r\n}\r\n\r\n.mobile-page {\r\n .tip {\r\n font-size: 12px;\r\n color: rgba(0, 0, 0, 0.45);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .advert {\r\n cursor: pointer;\r\n padding: 0 15px 20px 15px;\r\n\r\n .advertItem07 {\r\n height: 185px;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n .advertItem08 {\r\n .item {\r\n height: 185px;\r\n\r\n .pic {\r\n width: 50%;\r\n height: 100%;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n .items {\r\n .pic {\r\n width: 33.33333%;\r\n height: 185px;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem01 {\r\n width: 100%;\r\n height: 100%;\r\n\r\n .empty-box {\r\n height: 366px;\r\n border: 1px solid #ddd;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border: 1px solid var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .advertItem02 {\r\n width: 370px;\r\n height: 370px;\r\n\r\n .item {\r\n width: 50%;\r\n height: 370px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .empty-box {\r\n border-right: 1px solid #eee;\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right: 1px solid #ddd;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem03 {\r\n .item {\r\n width: 33.3333%;\r\n height: 370px;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .empty-box {\r\n border-right: 1px solid #eee;\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right: 1px solid #eee;\r\n }\r\n }\r\n\r\n &:nth-child(3) {\r\n .empty-box {\r\n border-right: 1px solid #ddd;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem04 {\r\n .item {\r\n width: 50%;\r\n height: 370px;\r\n\r\n .empty-box {\r\n height: 100%;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .pic {\r\n width: 100%;\r\n height: 185px;\r\n\r\n .picItem {\r\n width: 50%;\r\n height: 100%;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n &:nth-child(1) {\r\n .empty-box {\r\n border-right: 1px solid #eee;\r\n }\r\n }\r\n\r\n &:nth-child(2) {\r\n .pic {\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-top: 1px solid #eee;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem05 {\r\n .item {\r\n width: 25%;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .empty-box {\r\n height: 94.75px;\r\n }\r\n\r\n &:nth-child(4) {\r\n .empty-box {\r\n border-right: 1px solid #ddd;\r\n }\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right: 1px solid #eee;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem06 {\r\n .item {\r\n width: 50%;\r\n height: 185px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .empty-box {\r\n height: 100%;\r\n border-right: 1px solid #eee;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n &:nth-child(2) {\r\n .empty-box {\r\n border-right: 1px solid #ddd;\r\n }\r\n }\r\n\r\n &:nth-child(3) {\r\n .empty-box {\r\n border-bottom: 1px solid #ddd;\r\n }\r\n }\r\n\r\n &:nth-child(4) {\r\n .empty-box {\r\n border-right: 1px solid #ddd;\r\n border-bottom: 1px solid #ddd;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .advertItem11 {\r\n width: 375px;\r\n height: 375px;\r\n visibility: visible;\r\n position: relative;\r\n\r\n .seled {\r\n border: 1px solid red;\r\n background-color: #d6dff7;\r\n }\r\n\r\n .lay-item {\r\n width: 93.75px;\r\n height: 93.75px;\r\n\r\n .empty-box {\r\n height: 100%;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n\r\n .pic {\r\n width: 100%;\r\n height: 100%;\r\n\r\n .picItem {\r\n width: 50%;\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n &.on {\r\n img {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n }\r\n\r\n .empty-box {\r\n border: 1px solid var(--prev-color-primary) !important;\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n\r\n .empty-box {\r\n border-right: 1px solid #ddd;\r\n }\r\n\r\n .empty-box {\r\n border-top: 0px solid #ddd;\r\n }\r\n }\r\n }\r\n\r\n .pic-box {\r\n position: relative;\r\n }\r\n\r\n .areaBox.active {\r\n border: 1px solid var(--prev-color-primary);\r\n }\r\n\r\n .areaBox {\r\n position: absolute;\r\n background: #eee;\r\n border: 1px solid #dddddd;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: var(--prev-color-primary);\r\n font-size: 12px;\r\n cursor: pointer;\r\n z-index: 11;\r\n\r\n .prompt-text {\r\n overflow: hidden;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n max-width: 100%;\r\n max-height: 100%;\r\n text-align: center;\r\n align-items: center;\r\n color: var(--prev-color-primary);\r\n }\r\n\r\n .del {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 16px;\r\n height: 16px;\r\n line-height: 16px;\r\n font-size: 12px;\r\n background: var(--prev-color-primary);\r\n color: #fff;\r\n text-align: center;\r\n border-radius: 0 0 0 3px;\r\n position: absolute;\r\n right: 7px;\r\n top: 7px;\r\n transform: translate3d(50%, -50%, 0);\r\n cursor: default;\r\n }\r\n\r\n .del:hover {\r\n width: 16px;\r\n height: 16px;\r\n line-height: 16px;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
