{"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"]}]}