{"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\\hotpotModal\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\hotpotModal\\index.vue","mtime":1761185179970},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgQXJlYUJveCBmcm9tICcuL0FyZWFCb3gnOw0KaW1wb3J0IGxpbmthZGRyZXNzIGZyb20gJ0AvY29tcG9uZW50cy9saW5rYWRkcmVzcyc7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ09wZXJhdGlvbkZsb29yJywNCiAgY29tcG9uZW50czogew0KICAgIEFyZWFCb3gsDQogICAgbGlua2FkZHJlc3MsDQogIH0sDQogIHByb3BzOiB7DQogICAgLyoqDQogICAgICogQGRlc2NyaXB0aW9uIOWbvueJh+aVsOaNruWvueixoQ0KICAgICAqIEB0eXBlIHtJbWdEYXRhfQ0KICAgICAqLw0KICAgIGltZ3M6IHsNCiAgICAgIHR5cGU6IFN0cmluZywgLy8g5Zu+54mH57G75Z6LDQogICAgICBkZWZhdWx0OiAoKSA9PiAnJywgLy8g6buY6K6k5YC85Li656m65a2X56ym5LiyDQogICAgfSwNCiAgICAvKioNCiAgICAgKiBAZGVzY3JpcHRpb24g5piv5ZCm5Li654Ot6Zeo5rGk5ZOBDQogICAgICogQHR5cGUge2Jvb2xlYW59DQogICAgICovDQogICAgaXNIb3RQb3Q6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sIC8vIOW4g+WwlOexu+Weiw0KICAgICAgZGVmYXVsdDogKCkgPT4gZmFsc2UsIC8vIOm7mOiupOWAvOS4umZhbHNlDQogICAgfSwNCiAgICAvKioNCiAgICAgKiBAZGVzY3JpcHRpb24g5Zu+54mH5Yy65Z+f5pWw5o2u5a+56LGhDQogICAgICogQHR5cGUge0FyZWFEYXRhW119DQogICAgICovDQogICAgaW1nQXJlYURhdGE6IHsNCiAgICAgIHR5cGU6IEFycmF5LCAvLyDmlbDnu4TnsbvlnosNCiAgICAgIGRlZmF1bHQ6ICgpID0+IFtdLCAvLyDpu5jorqTlgLzkuLrnqbrmlbDnu4QNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIEBkZXNjcmlwdGlvbiDpk77mjqXovpPlhaXmoYbmoLflvI/lr7nosaENCiAgICAgKiBAdHlwZSB7TGlua0lucHV0U3R5bGV9DQogICAgICovDQogICAgbGlua0lucHV0U3R5bGU6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwgLy8g5a+56LGh57G75Z6LDQogICAgICBkZWZhdWx0OiAoKSA9PiAoew0KICAgICAgICAvLyDpu5jorqTlgLzkuLrkuIDkuKrljIXlkKt3aWR0aOWxnuaAp+eahOWvueixoQ0KICAgICAgICB3aWR0aDogJzMwMHB4JywNCiAgICAgIH0pLA0KICAgIH0sDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8qKg0KICAgICAgICogQGRlc2NyaXB0aW9uIOWvueivneahhuaYr+WQpuWPr+ingQ0KICAgICAgICogQHR5cGUge2Jvb2xlYW59DQogICAgICAgKi8NCiAgICAgIGRpYWxvZ1Zpc2libGU6IGZhbHNlLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g5byA5aeL55qEeOWdkOaghw0KICAgICAgICogQHR5cGUge251bWJlcn0NCiAgICAgICAqLw0KICAgICAgc3Rhclg6IDAsDQogICAgICAvKioNCiAgICAgICAqIEBkZXNjcmlwdGlvbiDlvIDlp4vnmoR55Z2Q5qCHDQogICAgICAgKiBAdHlwZSB7bnVtYmVyfQ0KICAgICAgICovDQogICAgICBzdGFyWTogMCwNCiAgICAgIC8qKg0KICAgICAgICogQGRlc2NyaXB0aW9uIOWMuuWfn+WuveW6pg0KICAgICAgICogQHR5cGUge251bWJlcn0NCiAgICAgICAqLw0KICAgICAgYXJlYVdpZHRoOiAwLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g5Yy65Z+f6auY5bqmDQogICAgICAgKiBAdHlwZSB7bnVtYmVyfQ0KICAgICAgICovDQogICAgICBhcmVhSGVpZ2h0OiAwLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g5b2T5YmN5pi+56S655qE5Zu+54mH57Si5byVDQogICAgICAgKiBAdHlwZSB7Ym9vbGVhbn0NCiAgICAgICAqLw0KICAgICAgY2FzZVNob3c6IGZhbHNlLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g5b2T5YmN5Zu+54mH55qE5a695bqmDQogICAgICAgKiBAdHlwZSB7bnVsbH0NCiAgICAgICAqLw0KICAgICAgbm93SW1nV2lkdGg6IG51bGwsDQogICAgICAvKioNCiAgICAgICAqIEBkZXNjcmlwdGlvbiDljLrln5/mlbDmja4NCiAgICAgICAqIEB0eXBlIHtBcnJheX0NCiAgICAgICAqLw0KICAgICAgYXJlYURhdGE6IFtdLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g5b2T5YmN5pi+56S655qE5Zu+54mH57yW5Y+3DQogICAgICAgKiBAdHlwZSB7bnVtYmVyfQ0KICAgICAgICovDQogICAgICBpbWdOdW06IDEsDQogICAgICAvKioNCiAgICAgICAqIEBkZXNjcmlwdGlvbiDniLblhYPntKDlrr3luqYNCiAgICAgICAqIEB0eXBlIHtudW1iZXJ9DQogICAgICAgKi8NCiAgICAgIHBhcmVudFdpZHRoOiAwLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g54i25YWD57Sg6auY5bqmDQogICAgICAgKiBAdHlwZSB7bnVtYmVyfQ0KICAgICAgICovDQogICAgICBwYXJlbnRIZWlnaHQ6IDAsDQogICAgICAvKioNCiAgICAgICAqIEBkZXNjcmlwdGlvbiDpu5jorqTlrr3luqYNCiAgICAgICAqIEB0eXBlIHtudW1iZXJ9DQogICAgICAgKi8NCiAgICAgIGRlZmF1bHRXaWR0aDogNzUwLA0KICAgICAgLyoqDQogICAgICAgKiBAZGVzY3JpcHRpb24g5b2T5YmN5pi+56S655qE5Zu+54mH57Si5byVDQogICAgICAgKiBAdHlwZSB7bnVtYmVyfQ0KICAgICAgICovDQogICAgICBpdGVtSW5kZXg6IDAsDQogICAgfTsNCiAgfSwNCiAgY29tcHV0ZWQ6IHt9LA0KICB3YXRjaDogew0KICAgIGltZ0FyZWFEYXRhKHZhbCkgew0KICAgICAgdGhpcy5hcmVhRGF0YSA9IFsuLi52YWxdOw0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy5hcmVhRGF0YSA9IFsuLi50aGlzLmltZ0FyZWFEYXRhXTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIG9wZW5Nb2RhbCgpIHsNCiAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgICAgY29uc3QgcGFyZW50RGl2ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2ltZy1ib3gtY29udGFpbmVyJyk7DQogICAgICAgIC8v6I635Y+W5YWD57Sg55qE5a696auYDQogICAgICAgIHRoaXMucGFyZW50V2lkdGggPSB0aGlzLmRlZmF1bHRXaWR0aDsNCiAgICAgICAgLy8gdGhpcy5wYXJlbnRXaWR0aCA9IHBhcmVudERpdi5jbGllbnRXaWR0aDsNCiAgICAgICAgdGhpcy5wYXJlbnRIZWlnaHQgPSBwYXJlbnREaXYuY2xpZW50SGVpZ2h0Ow0KICAgICAgICAvLyBjb25zb2xlLmxvZygidGhpcy5wYXJlbnRXaWR0aCIsIHRoaXMucGFyZW50V2lkdGgsIHRoaXMucGFyZW50SGVpZ2h0KQ0KICAgICAgfSk7DQogICAgfSwNCiAgICBjbG9zZU1vZGFsKCkgew0KICAgICAgdGhpcy4kY29uZmlybSgn5pyq5L+d5a2Y5YaF5a6577yM5piv5ZCm5Zyo56a75byA5YmN5pS+5byD5L+d5a2Y77yfJywgJ+aPkOekuuS/oeaBrycsIHsNCiAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6ICfnoa7lrponLA0KICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAn5Y+W5raIJywNCiAgICAgICAgdHlwZTogJ3dhcm5pbmcnLA0KICAgICAgfSkNCiAgICAgICAgLnRoZW4oKCkgPT4gew0KICAgICAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKCkgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgdHlwZTogJ2luZm8nLA0KICAgICAgICAgICAgbWVzc2FnZTogJ+W3suWPlua2iCcsDQogICAgICAgICAgfSk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g57uY55S754Ot5Yy65byA5aeLDQogICAgbW91c2VEb3duKGUpIHsNCiAgICAgIGUucHJldmVudERlZmF1bHQoKTsNCiAgICAgIHRoaXMuY2FzZVNob3cgPSB0cnVlOw0KICAgICAgLy8g6K6w5b2V5ruR5Yqo55qE5Yid5aeL5YC8DQogICAgICB0aGlzLnN0YXJYID0gZS5sYXllclggLTU7DQogICAgICB0aGlzLnN0YXJZID0gZS5sYXllclkgLTU7DQogICAgICAvLyDpvKDmoIfmu5HliqjnmoTov4fnqIsNCiAgICAgIGlmICghZG9jdW1lbnQub25tb3VzZW1vdmUpIHsNCiAgICAgICAgbGV0IG1heFdpZHRoID0gdGhpcy5kZWZhdWx0V2lkdGggLSBlLmxheWVyWDsNCiAgICAgICAgZG9jdW1lbnQub25tb3VzZW1vdmUgPSAoZXYpID0+IHsNCiAgICAgICAgICBpZiAoZXYubGF5ZXJYIC0gdGhpcy5zdGFyWCA8IG1heFdpZHRoKSB7DQogICAgICAgICAgICB0aGlzLmFyZWFXaWR0aCA9IGV2LmxheWVyWCAtIHRoaXMuc3RhclggLSA1Ow0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLmFyZWFXaWR0aCA9IG1heFdpZHRoOw0KICAgICAgICAgIH0NCiAgICAgICAgICB0aGlzLmFyZWFIZWlnaHQgPSBldi5sYXllclkgLSB0aGlzLnN0YXJZIC01Ow0KICAgICAgICB9Ow0KICAgICAgfQ0KICAgIH0sDQogICAgLy8g57uY55S754Ot5Yy657uT5p2fDQogICAgY2hhbmdlU3RvcCgpIHsNCiAgICAgIGRvY3VtZW50Lm9ubW91c2Vtb3ZlID0gbnVsbDsNCiAgICAgIHRoaXMuaW1nTnVtID0gdGhpcy5hcmVhRGF0YS5sZW5ndGggKyAxOw0KICAgICAgaWYgKHRoaXMuY2FzZVNob3cgJiYgdGhpcy5hcmVhV2lkdGggPiAxMCAmJiB0aGlzLmFyZWFIZWlnaHQgPiAxMCkgew0KICAgICAgICBjb25zdCBkYXRhID0gew0KICAgICAgICAgIG51bWJlcjogdGhpcy5pbWdOdW0sDQogICAgICAgICAgc3Rhclg6IHRoaXMuc3RhclgsDQogICAgICAgICAgc3Rhclk6IHRoaXMuc3RhclksDQogICAgICAgICAgYXJlYVdpZHRoOiB0aGlzLmFyZWFXaWR0aCwNCiAgICAgICAgICBhcmVhSGVpZ2h0OiB0aGlzLmFyZWFIZWlnaHQsDQogICAgICAgICAgbm93SW1nV2lkdGg6IHRoaXMuZGVmYXVsdFdpZHRoLA0KICAgICAgICAgIGxpbms6ICcnLA0KICAgICAgICB9Ow0KICAgICAgICB0aGlzLmFyZWFEYXRhLnB1c2goZGF0YSk7DQogICAgICB9DQogICAgICAvLyDliJ3lp4vljJbnu5jlm74NCiAgICAgIHRoaXMuY2FzZVNob3cgPSBmYWxzZTsNCiAgICAgIHRoaXMuc3RhclggPSAwOw0KICAgICAgdGhpcy5zdGFyWSA9IDA7DQogICAgICB0aGlzLmFyZWFXaWR0aCA9IDA7DQogICAgICB0aGlzLmFyZWFIZWlnaHQgPSAwOw0KICAgIH0sDQogICAgLy8g5Yig6Zmk5oyH5a6a54Ot5Yy6DQogICAgZGVsQXJlYUJveChpbmRleCkgew0KICAgICAgLyog5Yig6Zmk5p+Q5Liq54Ot5Yy6ICovDQogICAgICB0aGlzLmFyZWFEYXRhLnNwbGljZShpbmRleCwgMSk7DQogICAgICB0aGlzLiRlbWl0KCdkZWxBcmVhRGF0YScsIHRoaXMuYXJlYURhdGEpOw0KICAgICAgLyog5Yig6Zmk5ZCOIOavj+S4queDreWMuuaMiemhuuW6j+mHjeaWsOe8luWPtyAqLw0KICAgICAgaWYgKHRoaXMuYXJlYURhdGEpIHsNCiAgICAgICAgY29uc3QgYXJyID0gdGhpcy5hcmVhRGF0YS5maWx0ZXIoKGkpID0+IGkubnVtYmVyID4gaW5kZXgpOw0KICAgICAgICBpZiAoIWFycikgcmV0dXJuOw0KICAgICAgICBhcnIuZm9yRWFjaCgoaSkgPT4gaS5udW1iZXItLSk7DQogICAgICAgIGlmICh0aGlzLmFyZWFEYXRhW3RoaXMuYXJlYURhdGEubGVuZ3RoIC0gMV0pIHsNCiAgICAgICAgICB0aGlzLmltZ051bSA9IHRoaXMuYXJlYURhdGFbdGhpcy5hcmVhRGF0YS5sZW5ndGggLSAxXS5udW1iZXIgKyAxOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuaW1nTnVtID0gMTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0sDQogICAgLy8g5re75Yqg572R5Z2ADQogICAgYWRkVVJMKGluZGV4LCB1cmwpIHsNCiAgICAgIGxldCBvYmogPSB7DQogICAgICAgIC4uLnRoaXMuYXJlYURhdGFbaW5kZXhdLA0KICAgICAgICBsaW5rOiB1cmwsDQogICAgICB9Ow0KICAgICAgdGhpcy4kc2V0KHRoaXMuYXJlYURhdGEsIGluZGV4LCBvYmopOw0KICAgIH0sDQogICAgLy8g5L+d5a2Y54Ot5Yy65L+h5oGvDQogICAgc2F2ZUFyZWFEYXRhKCkgew0KICAgICAgaWYgKCh0aGlzLmFyZWFEYXRhICYmICF0aGlzLmFyZWFEYXRhLmxlbmd0aCkgfHwgIXRoaXMuY2hlY2tEYXRhKHRoaXMuYXJlYURhdGEpKSB7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+eDreWMuuaYr+WQpumFjee9rumTvuaOpeOAgeaYr+WQpuiHs+Wwkea3u+WKoOS4gOS4queDreWMuj8nKTsNCiAgICAgICAgcmV0dXJuOw0KICAgICAgfQ0KICAgICAgdGhpcy4kZW1pdCgnc2F2ZUFyZWFEYXRhJywgdGhpcy5hcmVhRGF0YSk7DQogICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSBmYWxzZTsNCiAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygn57yW6L6R5oiQ5YqfIScpOw0KICAgIH0sDQogICAgLyoqDQogICAgICog5qOA5p+l5YiX6KGo5Lit5q+P5Liq5YWD57Sg5piv5ZCm6YO95pyJIGxpbmsg5bGe5oCnDQogICAgICogQHBhcmFtIHtBcnJheX0gbGlzdCAtIOW+heajgOafpeeahOWIl+ihqA0KICAgICAqIEByZXR1cm5zIHtCb29sZWFufSAtIOaYr+WQpuaJgOacieWFg+e0oOmDveaciSBsaW5rIOWxnuaApw0KICAgICAqLw0KICAgIGNoZWNrRGF0YShsaXN0KSB7DQogICAgICBsZXQgaXNDaGVjayA9IHRydWU7DQogICAgICBsaXN0LnNvbWUoKHZhbCkgPT4gew0KICAgICAgICBpZiAoIXZhbC5saW5rKSB7DQogICAgICAgICAgaXNDaGVjayA9IGZhbHNlOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICAgIHJldHVybiBpc0NoZWNrOw0KICAgIH0sDQogICAgLyoqDQogICAgICogQGRlc2NyaXB0aW9uIOiOt+WPlumTvuaOpeWcsOWdgOW5tuaJk+W8gOa3u+WKoOmTvuaOpeeahOaooeaAgeahhg0KICAgICAqIEBwYXJhbSB7bnVtYmVyfSBpbmRleCAtIOW9k+WJjemhueeahOe0ouW8leWAvA0KICAgICAqLw0KICAgIGdldExpbmsoaW5kZXgpIHsNCiAgICAgIC8vIOiuvue9ruW9k+WJjemhueeahOe0ouW8leWAvA0KICAgICAgdGhpcy5pdGVtSW5kZXggPSBpbmRleDsNCiAgICAgIC8vIOaJk+W8gOa3u+WKoOmTvuaOpeeahOaooeaAgeahhg0KICAgICAgdGhpcy4kcmVmcy5saW5rYWRkcmVzLm1vZGFscyA9IHRydWU7DQogICAgfSwNCiAgICAvKioNCiAgICAgKiBAZGVzY3JpcHRpb24g5aSE55CG6ZO+5o6l5Zyw5Z2A55qE6L6T5YWl5LqL5Lu2DQogICAgICogQHBhcmFtIHtzdHJpbmd9IGUgLSDpk77mjqXlnLDlnYANCiAgICAgKi8NCiAgICBsaW5rVXJsKGUpIHsNCiAgICAgIC8vIOWwhumTvuaOpeWcsOWdgOWtmOWCqOWIsOWvueW6lOeahOaVsOaNrumhueS4rQ0KICAgICAgdGhpcy5hcmVhRGF0YVt0aGlzLml0ZW1JbmRleF0ubGluayA9IGU7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA4EA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/hotpotModal","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog title=\"编辑热区\" :visible.sync=\"dialogVisible\" @opened=\"openModal\" fullscreen>\r\n      <div class=\"operationFloor\">\r\n        <div class=\"imgBox\" @mouseup.left.stop=\"changeStop()\">\r\n          <div ref=\"container\" id=\"img-box-container\" class=\"container\">\r\n            <img\r\n              ref=\"backgroundImg\"\r\n              :src=\"imgs\"\r\n              ondragstart=\"return false;\"\r\n              oncontextmenu=\"return false;\"\r\n              onselect=\"document.selection.empty();\"\r\n              alt=\"img\"\r\n              @mousedown.left.stop=\"mouseDown($event)\"\r\n            />\r\n            <!--draw hotpot-->\r\n            <div\r\n              v-show=\"caseShow\"\r\n              :style=\"{\r\n                width: areaWidth + 'px',\r\n                height: areaHeight + 'px',\r\n                left: starX + 'px',\r\n                top: starY + 'px',\r\n              }\"\r\n              class=\"area\"\r\n            />\r\n            <!--be hotpot-->\r\n            <AreaBox\r\n              v-for=\"(item, index) in areaData\"\r\n              :area-data-index=\"index\"\r\n              :key=\"'area' + index\"\r\n              :link=\"item.link\"\r\n              :title=\"item.title\"\r\n              :type=\"parseInt(item.type)\"\r\n              :area-init.sync=\"item\"\r\n              :parent-width=\"parentWidth\"\r\n              :parent-height=\"parentHeight\"\r\n              @delAreaBox=\"delAreaBox\"\r\n              @addURL=\"addURL\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <!-- 热区链接配置 -->\r\n        <div class=\"form\">\r\n          <h2 class=\"mb20\">图片热区</h2>\r\n          <el-alert type=\"warning\" :closable=\"false\" show-icon>框选热区范围，双击设置热区信息</el-alert>\r\n\r\n          <div v-for=\"(item, index) in areaData\" :key=\"index\" class=\"form-row\">\r\n            <div class=\"form-item\">\r\n              <span class=\"num\">热区{{ item.number }}</span>\r\n            </div>\r\n            <div class=\"form-item label\">\r\n              <div>\r\n                <el-input\r\n                  icon=\"ios-arrow-forward\"\r\n                  v-model=\"item.link\"\r\n                  :style=\"linkInputStyle\"\r\n                  placeholder=\"选择跳转链接\"\r\n                >\r\n                  <i class=\"el-icon-link\" slot=\"suffix\" @click=\"getLink(index)\" />\r\n                </el-input>\r\n              </div>\r\n            </div>\r\n            <i class=\"el-icon-delete\" @click=\"delAreaBox(index)\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div slot=\"footer\">\r\n        <el-button class=\"mr20\" type=\"primary\" @click=\"saveAreaData\"> 完成 </el-button>\r\n      </div>\r\n    </el-dialog>\r\n    <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AreaBox from './AreaBox';\r\nimport linkaddress from '@/components/linkaddress';\r\n\r\nexport default {\r\n  name: 'OperationFloor',\r\n  components: {\r\n    AreaBox,\r\n    linkaddress,\r\n  },\r\n  props: {\r\n    /**\r\n     * @description 图片数据对象\r\n     * @type {ImgData}\r\n     */\r\n    imgs: {\r\n      type: String, // 图片类型\r\n      default: () => '', // 默认值为空字符串\r\n    },\r\n    /**\r\n     * @description 是否为热门汤品\r\n     * @type {boolean}\r\n     */\r\n    isHotPot: {\r\n      type: Boolean, // 布尔类型\r\n      default: () => false, // 默认值为false\r\n    },\r\n    /**\r\n     * @description 图片区域数据对象\r\n     * @type {AreaData[]}\r\n     */\r\n    imgAreaData: {\r\n      type: Array, // 数组类型\r\n      default: () => [], // 默认值为空数组\r\n    },\r\n    /**\r\n     * @description 链接输入框样式对象\r\n     * @type {LinkInputStyle}\r\n     */\r\n    linkInputStyle: {\r\n      type: Object, // 对象类型\r\n      default: () => ({\r\n        // 默认值为一个包含width属性的对象\r\n        width: '300px',\r\n      }),\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      /**\r\n       * @description 对话框是否可见\r\n       * @type {boolean}\r\n       */\r\n      dialogVisible: false,\r\n      /**\r\n       * @description 开始的x坐标\r\n       * @type {number}\r\n       */\r\n      starX: 0,\r\n      /**\r\n       * @description 开始的y坐标\r\n       * @type {number}\r\n       */\r\n      starY: 0,\r\n      /**\r\n       * @description 区域宽度\r\n       * @type {number}\r\n       */\r\n      areaWidth: 0,\r\n      /**\r\n       * @description 区域高度\r\n       * @type {number}\r\n       */\r\n      areaHeight: 0,\r\n      /**\r\n       * @description 当前显示的图片索引\r\n       * @type {boolean}\r\n       */\r\n      caseShow: false,\r\n      /**\r\n       * @description 当前图片的宽度\r\n       * @type {null}\r\n       */\r\n      nowImgWidth: null,\r\n      /**\r\n       * @description 区域数据\r\n       * @type {Array}\r\n       */\r\n      areaData: [],\r\n      /**\r\n       * @description 当前显示的图片编号\r\n       * @type {number}\r\n       */\r\n      imgNum: 1,\r\n      /**\r\n       * @description 父元素宽度\r\n       * @type {number}\r\n       */\r\n      parentWidth: 0,\r\n      /**\r\n       * @description 父元素高度\r\n       * @type {number}\r\n       */\r\n      parentHeight: 0,\r\n      /**\r\n       * @description 默认宽度\r\n       * @type {number}\r\n       */\r\n      defaultWidth: 750,\r\n      /**\r\n       * @description 当前显示的图片索引\r\n       * @type {number}\r\n       */\r\n      itemIndex: 0,\r\n    };\r\n  },\r\n  computed: {},\r\n  watch: {\r\n    imgAreaData(val) {\r\n      this.areaData = [...val];\r\n    },\r\n  },\r\n  mounted() {\r\n    this.areaData = [...this.imgAreaData];\r\n  },\r\n  methods: {\r\n    openModal() {\r\n      this.$nextTick(() => {\r\n        const parentDiv = document.querySelector('#img-box-container');\r\n        //获取元素的宽高\r\n        this.parentWidth = this.defaultWidth;\r\n        // this.parentWidth = parentDiv.clientWidth;\r\n        this.parentHeight = parentDiv.clientHeight;\r\n        // console.log(\"this.parentWidth\", this.parentWidth, this.parentHeight)\r\n      });\r\n    },\r\n    closeModal() {\r\n      this.$confirm('未保存内容，是否在离开前放弃保存？', '提示信息', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning',\r\n      })\r\n        .then(() => {\r\n          this.dialogVisible = false;\r\n        })\r\n        .catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消',\r\n          });\r\n        });\r\n    },\r\n    // 绘画热区开始\r\n    mouseDown(e) {\r\n      e.preventDefault();\r\n      this.caseShow = true;\r\n      // 记录滑动的初始值\r\n      this.starX = e.layerX -5;\r\n      this.starY = e.layerY -5;\r\n      // 鼠标滑动的过程\r\n      if (!document.onmousemove) {\r\n        let maxWidth = this.defaultWidth - e.layerX;\r\n        document.onmousemove = (ev) => {\r\n          if (ev.layerX - this.starX < maxWidth) {\r\n            this.areaWidth = ev.layerX - this.starX - 5;\r\n          } else {\r\n            this.areaWidth = maxWidth;\r\n          }\r\n          this.areaHeight = ev.layerY - this.starY -5;\r\n        };\r\n      }\r\n    },\r\n    // 绘画热区结束\r\n    changeStop() {\r\n      document.onmousemove = null;\r\n      this.imgNum = this.areaData.length + 1;\r\n      if (this.caseShow && this.areaWidth > 10 && this.areaHeight > 10) {\r\n        const data = {\r\n          number: this.imgNum,\r\n          starX: this.starX,\r\n          starY: this.starY,\r\n          areaWidth: this.areaWidth,\r\n          areaHeight: this.areaHeight,\r\n          nowImgWidth: this.defaultWidth,\r\n          link: '',\r\n        };\r\n        this.areaData.push(data);\r\n      }\r\n      // 初始化绘图\r\n      this.caseShow = false;\r\n      this.starX = 0;\r\n      this.starY = 0;\r\n      this.areaWidth = 0;\r\n      this.areaHeight = 0;\r\n    },\r\n    // 删除指定热区\r\n    delAreaBox(index) {\r\n      /* 删除某个热区 */\r\n      this.areaData.splice(index, 1);\r\n      this.$emit('delAreaData', this.areaData);\r\n      /* 删除后 每个热区按顺序重新编号 */\r\n      if (this.areaData) {\r\n        const arr = this.areaData.filter((i) => i.number > index);\r\n        if (!arr) return;\r\n        arr.forEach((i) => i.number--);\r\n        if (this.areaData[this.areaData.length - 1]) {\r\n          this.imgNum = this.areaData[this.areaData.length - 1].number + 1;\r\n        } else {\r\n          this.imgNum = 1;\r\n        }\r\n      }\r\n    },\r\n    // 添加网址\r\n    addURL(index, url) {\r\n      let obj = {\r\n        ...this.areaData[index],\r\n        link: url,\r\n      };\r\n      this.$set(this.areaData, index, obj);\r\n    },\r\n    // 保存热区信息\r\n    saveAreaData() {\r\n      if ((this.areaData && !this.areaData.length) || !this.checkData(this.areaData)) {\r\n        this.$message.error('热区是否配置链接、是否至少添加一个热区?');\r\n        return;\r\n      }\r\n      this.$emit('saveAreaData', this.areaData);\r\n      this.dialogVisible = false;\r\n      this.$message.success('编辑成功!');\r\n    },\r\n    /**\r\n     * 检查列表中每个元素是否都有 link 属性\r\n     * @param {Array} list - 待检查的列表\r\n     * @returns {Boolean} - 是否所有元素都有 link 属性\r\n     */\r\n    checkData(list) {\r\n      let isCheck = true;\r\n      list.some((val) => {\r\n        if (!val.link) {\r\n          isCheck = false;\r\n        }\r\n      });\r\n      return isCheck;\r\n    },\r\n    /**\r\n     * @description 获取链接地址并打开添加链接的模态框\r\n     * @param {number} index - 当前项的索引值\r\n     */\r\n    getLink(index) {\r\n      // 设置当前项的索引值\r\n      this.itemIndex = index;\r\n      // 打开添加链接的模态框\r\n      this.$refs.linkaddres.modals = true;\r\n    },\r\n    /**\r\n     * @description 处理链接地址的输入事件\r\n     * @param {string} e - 链接地址\r\n     */\r\n    linkUrl(e) {\r\n      // 将链接地址存储到对应的数据项中\r\n      this.areaData[this.itemIndex].link = e;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-dialog {\r\n  border-radius: 0px !important;\r\n  .el-alert__icon.is-big {\r\n    font-size: 14px;\r\n    width: 16px;\r\n  }\r\n  .el-alert .el-alert__description {\r\n    margin: 0;\r\n  }\r\n}\r\n.btn {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 16px 0;\r\n}\r\n.dialog-footer {\r\n  text-align: right;\r\n  margin-top: 20px;\r\n  margin-right: 20px;\r\n}\r\n.operationFloor {\r\n  display: flex;\r\n  position: relative;\r\n  max-height: 80vh;\r\n  .header {\r\n    .titleBox {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      height: 100px;\r\n      .name {\r\n        font-size: 13px;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n    .textBox {\r\n      font-size: 12px;\r\n      color: #777;\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n  .imgBox::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n  }\r\n  .imgBox {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 65%;\r\n    overflow-y: scroll;\r\n    max-height: 800px;\r\n    .container {\r\n      position: relative;\r\n      border: 1px solid #f5f5f5;\r\n    }\r\n\r\n    img {\r\n      cursor: crosshair;\r\n      display: block;\r\n      width: 750px;\r\n    }\r\n    .area {\r\n      position: absolute;\r\n      width: 200px;\r\n      height: 200px;\r\n      left: 200px;\r\n      top: 300px;\r\n      background: rgba(#2980b9, 0.3);\r\n      border: 1px dashed #34495e;\r\n    }\r\n  }\r\n}\r\n.form {\r\n  font-size: 12px;\r\n  width: 30%;\r\n  max-height: 800px;\r\n  overflow-y: scroll;\r\n  .form-row {\r\n    display: flex;\r\n    margin: 12px 0;\r\n    align-items: center;\r\n    .form-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      white-space: nowrap;\r\n      margin: 0 5px;\r\n      font-size: 12px;\r\n      .num {\r\n        width: 69px;\r\n        color: #999;\r\n        font-size: 12px;\r\n      }\r\n      .label {\r\n        color: #c7c7c7;\r\n      }\r\n    }\r\n  }\r\n  .el-icon-delete {\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n</style>\r\n"]}]}