| 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=style&index=0&id=4f36d685&scoped=true&lang=scss","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\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:DQo6OnYtZGVlcCAuaXZ1LWRpdmlkZXItaG9yaXpvbnRhbCB7DQogIG1hcmdpbjogMTJweCAwOw0KfQ0KDQppbWcgew0KICBvYmplY3QtZml0OiBjb3ZlcjsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogMTAwJTsNCn0NCg0KLmVtcHR5LWJveCB7DQogIGNvbG9yOiAjOGM4YzhjOw0KICBmb250LXNpemU6IDEycHg7DQogIGJvcmRlci1yYWRpdXM6IDA7DQogIGJhY2tncm91bmQtY29sb3I6ICNlZWU7DQogIHdpZHRoOiAxMDAlOw0KICBib3JkZXI6IDFweCBzb2xpZCAjZGRkOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQp9DQoNCi5tb2JpbGUtcGFnZSB7DQogIC50aXAgew0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ1KTsNCiAgICBtYXJnaW4tYm90dG9tOiAycHg7DQogIH0NCg0KICAuYWR2ZXJ0IHsNCiAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgcGFkZGluZzogMCAxNXB4IDIwcHggMTVweDsNCg0KICAgIC5hZHZlcnRJdGVtMDcgew0KICAgICAgaGVpZ2h0OiAxODVweDsNCg0KICAgICAgJi5vbiB7DQogICAgICAgIGltZyB7DQogICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICB9DQoNCiAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KDQogICAgLmFkdmVydEl0ZW0wOCB7DQogICAgICAuaXRlbSB7DQogICAgICAgIGhlaWdodDogMTg1cHg7DQoNCiAgICAgICAgLnBpYyB7DQogICAgICAgICAgd2lkdGg6IDUwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQoNCiAgICAgICAgICAmLm9uIHsNCiAgICAgICAgICAgIGltZyB7DQogICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSkgIWltcG9ydGFudDsNCiAgICAgICAgICAgIH0NCg0KICAgICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSkgIWltcG9ydGFudDsNCiAgICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgJi5vbiB7DQogICAgICAgICAgaW1nIHsNCiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSkgIWltcG9ydGFudDsNCiAgICAgICAgICB9DQoNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSkgIWltcG9ydGFudDsNCiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfQ0KDQogICAgICAuaXRlbXMgew0KICAgICAgICAucGljIHsNCiAgICAgICAgICB3aWR0aDogMzMuMzMzMzMlOw0KICAgICAgICAgIGhlaWdodDogMTg1cHg7DQoNCiAgICAgICAgICAmLm9uIHsNCiAgICAgICAgICAgIGltZyB7DQogICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSkgIWltcG9ydGFudDsNCiAgICAgICAgICAgIH0NCg0KICAgICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSkgIWltcG9ydGFudDsNCiAgICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KDQogICAgLmFkdmVydEl0ZW0wMSB7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgIGhlaWdodDogMzY2cHg7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7DQogICAgICB9DQoNCiAgICAgIGltZyB7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICB9DQogICAgfQ0KDQogICAgLmFkdmVydEl0ZW0wMiB7DQogICAgICB3aWR0aDogMzcwcHg7DQogICAgICBoZWlnaHQ6IDM3MHB4Ow0KDQogICAgICAuaXRlbSB7DQogICAgICAgIHdpZHRoOiA1MCU7DQogICAgICAgIGhlaWdodDogMzcwcHg7DQoNCiAgICAgICAgaW1nIHsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIH0NCg0KICAgICAgICAmLm9uIHsNCiAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VlZTsNCiAgICAgICAgfQ0KDQogICAgICAgICY6bnRoLWNoaWxkKDIpIHsNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkZGQ7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KDQogICAgLmFkdmVydEl0ZW0wMyB7DQogICAgICAuaXRlbSB7DQogICAgICAgIHdpZHRoOiAzMy4zMzMzJTsNCiAgICAgICAgaGVpZ2h0OiAzNzBweDsNCg0KICAgICAgICAmLm9uIHsNCiAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VlZTsNCiAgICAgICAgfQ0KDQogICAgICAgICY6bnRoLWNoaWxkKDIpIHsNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlZWU7DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgJjpudGgtY2hpbGQoMykgew0KICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2RkZDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQoNCiAgICAuYWR2ZXJ0SXRlbTA0IHsNCiAgICAgIC5pdGVtIHsNCiAgICAgICAgd2lkdGg6IDUwJTsNCiAgICAgICAgaGVpZ2h0OiAzNzBweDsNCg0KICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIH0NCg0KICAgICAgICBpbWcgew0KICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgfQ0KDQogICAgICAgICYub24gew0KICAgICAgICAgIGltZyB7DQogICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgfQ0KDQogICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICAucGljIHsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDE4NXB4Ow0KDQogICAgICAgICAgLnBpY0l0ZW0gew0KICAgICAgICAgICAgd2lkdGg6IDUwJTsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICAgICAgJi5vbiB7DQogICAgICAgICAgICAgIGltZyB7DQogICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgICB9DQoNCiAgICAgICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KDQogICAgICAgICAgJi5vbiB7DQogICAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgICB9DQoNCiAgICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgICY6bnRoLWNoaWxkKDEpIHsNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlZWU7DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgJjpudGgtY2hpbGQoMikgew0KICAgICAgICAgIC5waWMgew0KICAgICAgICAgICAgJjpudGgtY2hpbGQoMikgew0KICAgICAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2VlZTsNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5hZHZlcnRJdGVtMDUgew0KICAgICAgLml0ZW0gew0KICAgICAgICB3aWR0aDogMjUlOw0KDQogICAgICAgICYub24gew0KICAgICAgICAgIGltZyB7DQogICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgfQ0KDQogICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICBoZWlnaHQ6IDk0Ljc1cHg7DQogICAgICAgIH0NCg0KICAgICAgICAmOm50aC1jaGlsZCg0KSB7DQogICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZGRkOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgICY6bnRoLWNoaWxkKDIpIHsNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlZWU7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KDQogICAgLmFkdmVydEl0ZW0wNiB7DQogICAgICAuaXRlbSB7DQogICAgICAgIHdpZHRoOiA1MCU7DQogICAgICAgIGhlaWdodDogMTg1cHg7DQoNCiAgICAgICAgaW1nIHsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIH0NCg0KICAgICAgICAmLm9uIHsNCiAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlZWU7DQogICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlZWU7DQogICAgICAgIH0NCg0KICAgICAgICAmOm50aC1jaGlsZCgyKSB7DQogICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZGRkOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgICY6bnRoLWNoaWxkKDMpIHsNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGRkOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgICY6bnRoLWNoaWxkKDQpIHsNCiAgICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkZGQ7DQogICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RkZDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQoNCiAgICAuYWR2ZXJ0SXRlbTExIHsNCiAgICAgIHdpZHRoOiAzNzVweDsNCiAgICAgIGhlaWdodDogMzc1cHg7DQogICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlOw0KICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KDQogICAgICAuc2VsZWQgew0KICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZWQ7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNkNmRmZjc7DQogICAgICB9DQoNCiAgICAgIC5sYXktaXRlbSB7DQogICAgICAgIHdpZHRoOiA5My43NXB4Ow0KICAgICAgICBoZWlnaHQ6IDkzLjc1cHg7DQoNCiAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICB9DQoNCiAgICAgICAgaW1nIHsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIH0NCg0KICAgICAgICAmLm9uIHsNCiAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQoNCiAgICAgICAgLnBpYyB7DQogICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KDQogICAgICAgICAgLnBpY0l0ZW0gew0KICAgICAgICAgICAgd2lkdGg6IDUwJTsNCg0KICAgICAgICAgICAgJi5vbiB7DQogICAgICAgICAgICAgIGltZyB7DQogICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgICB9DQoNCiAgICAgICAgICAgICAgLmVtcHR5LWJveCB7DQogICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KSAhaW1wb3J0YW50Ow0KICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KDQogICAgICAgICAgJi5vbiB7DQogICAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgICB9DQoNCiAgICAgICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgIC5lbXB0eS1ib3ggew0KICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkZGQ7DQogICAgICAgIH0NCg0KICAgICAgICAuZW1wdHktYm94IHsNCiAgICAgICAgICBib3JkZXItdG9wOiAwcHggc29saWQgI2RkZDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5waWMtYm94IHsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICB9DQoNCiAgICAuYXJlYUJveC5hY3RpdmUgew0KICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICB9DQoNCiAgICAuYXJlYUJveCB7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICBiYWNrZ3JvdW5kOiAjZWVlOw0KICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZGRkZDsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIHotaW5kZXg6IDExOw0KDQogICAgICAucHJvbXB0LXRleHQgew0KICAgICAgICBvdmVyZmxvdzogaGlkZGVuOw0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICBtYXgtd2lkdGg6IDEwMCU7DQogICAgICAgIG1heC1oZWlnaHQ6IDEwMCU7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICB9DQoNCiAgICAgIC5kZWwgew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgd2lkdGg6IDE2cHg7DQogICAgICAgIGhlaWdodDogMTZweDsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDE2cHg7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDAgM3B4Ow0KICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgIHJpZ2h0OiA3cHg7DQogICAgICAgIHRvcDogN3B4Ow0KICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDUwJSwgLTUwJSwgMCk7DQogICAgICAgIGN1cnNvcjogZGVmYXVsdDsNCiAgICAgIH0NCg0KICAgICAgLmRlbDpob3ZlciB7DQogICAgICAgIHdpZHRoOiAxNnB4Ow0KICAgICAgICBoZWlnaHQ6IDE2cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAxNnB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["c_pictrue.vue"],"names":[],"mappings":";AAshBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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"]}]}
|
