| 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\\uploadImg\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\uploadImg\\index.vue","mtime":1761185180030},{"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:DQppbXBvcnQgeyBnZXRDYXRlZ29yeUxpc3RBcGksIG1vdmVBcGksIG9ubGluZVVwbG9hZCwgc2NhblVwbG9hZENvZGUgfSBmcm9tICdAL2FwaS91cGxvYWRQaWN0dXJlcyc7DQppbXBvcnQgU2V0dGluZyBmcm9tICdAL3NldHRpbmcnOw0KaW1wb3J0IHsgZ2V0Q29va2llcyB9IGZyb20gJ0AvbGlicy91dGlsJzsNCmltcG9ydCB7IGZpbGVVcGxvYWQsIHNjYW5VcGxvYWRRcmNvZGUsIHNjYW5VcGxvYWRHZXQgfSBmcm9tICdAL2FwaS9zZXR0aW5nJzsNCmltcG9ydCBRUkNvZGUgZnJvbSAncXJjb2RlanMyJzsNCmltcG9ydCBjb21wcmVzc0ltZyBmcm9tICdAL3V0aWxzL2NvbXByZXNzSW1nLmpzJzsNCmltcG9ydCB7IGlzUGljVXBsb2FkIH0gZnJvbSAnQC91dGlscy9pbmRleCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICcnLA0KICBwcm9wczogew0KICAgIGNhdGVnb3J5TGlzdDogew0KICAgICAgZGVmYXVsdDogKCkgPT4gew0KICAgICAgICByZXR1cm4gW107DQogICAgICB9LA0KICAgIH0sDQogICAgY2F0ZWdvcnlJZDogew0KICAgICAgZGVmYXVsdDogJycsDQogICAgfSwNCiAgICBpc1BhZ2U6IHsNCiAgICAgIGRlZmF1bHQ6IGZhbHNlLA0KICAgIH0sDQogICAgaXNJZnJhbWU6IHsNCiAgICAgIGRlZmF1bHQ6IGZhbHNlLA0KICAgIH0sDQogIH0sDQogIHdhdGNoOiB7DQogICAgdXBsb2FkTW9kYWw6IHsNCiAgICAgIGhhbmRsZXIobmV3VmFsKSB7DQogICAgICAgIGlmIChuZXdWYWwpIHRoaXMucnVsZUZvcm0ucmVnaW9uID0gdGhpcy5jYXRlZ29yeUlkOw0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB3ZWJJbWdVcmw6ICcnLA0KICAgICAgdXBsb2FkTW9kYWw6IGZhbHNlLA0KICAgICAgZmlsZVVybDogU2V0dGluZy5hcGlCYXNlVVJMICsgJy9maWxlL3VwbG9hZCcsDQogICAgICBoZWFkZXI6IHsNCiAgICAgICAgJ0F1dGhvcmktemF0aW9uJzogJ0JlYXJlciAnICsgZ2V0Q29va2llcygndG9rZW4nKSwNCiAgICAgIH0sDQogICAgICB1cGxvYWREYXRhOiB7fSwNCiAgICAgIHByb3BzOiB7IGNoZWNrU3RyaWN0bHk6IHRydWUsIGVtaXRQYXRoOiBmYWxzZSwgbGFiZWw6ICd0aXRsZScsIHZhbHVlOiAnaWQnIH0sDQogICAgICBkaXNhYmxlZDogZmFsc2UsDQogICAgICBydWxlRm9ybTogew0KICAgICAgICB0eXBlOiAwLA0KICAgICAgICByZWdpb246ICcnLA0KICAgICAgICBpbWdMaXN0OiBbXSwNCiAgICAgIH0sDQogICAgICBydWxlczogeyB0eXBlOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+mAieaLqea0u+WKqOi1hOa6kCcsIHRyaWdnZXI6ICdjaGFuZ2UnIH1dIH0sDQogICAgICBxcmNvZGU6ICcnLA0KICAgICAgc2NhblRva2VuOiAnJywNCiAgICAgIGxpbWl0OiAyMCwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgdGltZTogdW5kZWZpbmVkLA0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7fSwNCiAgbW91bnRlZCgpIHt9LA0KICBiZWZvcmVEZXN0cm95KCkgew0KICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lKTsNCiAgICB0aGlzLnRpbWUgPSB1bmRlZmluZWQ7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICByYWRpb0NoYW5nZSh0eXBlKSB7DQogICAgICB0aGlzLnJ1bGVGb3JtLnR5cGUgPSB0eXBlOw0KICAgICAgdGhpcy5ydWxlRm9ybS5pbWdMaXN0ID0gW107DQogICAgICBjbGVhckludGVydmFsKHRoaXMudGltZSk7DQogICAgICB0aGlzLnRpbWUgPSB1bmRlZmluZWQ7DQogICAgICBpZiAodHlwZSA9PSAyKSB7DQogICAgICAgIHRoaXMuc2NhblVwbG9hZFFyY29kZSgpOw0KICAgICAgICB0aGlzLnRpbWUgPSBzZXRJbnRlcnZhbCgoZSkgPT4gew0KICAgICAgICAgIHRoaXMuc2NhblVwbG9hZEdldCgpOw0KICAgICAgICB9LCAyMDAwKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHNjYW5VcGxvYWRRcmNvZGUoKSB7DQogICAgICBzY2FuVXBsb2FkUXJjb2RlKHRoaXMucnVsZUZvcm0ucmVnaW9uKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5jcmVhdFFyQ29kZShyZXMuZGF0YS51cmwpOw0KICAgICAgICB0aGlzLnNjYW5Ub2tlbiA9IHJlcy5kYXRhLnVybDsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgc2NhblVwbG9hZEdldCgpIHsNCiAgICAgIGxldCB0b2tlbiA9IHRoaXMuc2NhblRva2VuLnNwbGl0KCd0b2tlbj0nKVsxXTsNCiAgICAgIHNjYW5VcGxvYWRHZXQodG9rZW4pLnRoZW4oKHJlcykgPT4gew0KICAgICAgICB0aGlzLnJ1bGVGb3JtLmltZ0xpc3QgPSByZXMuZGF0YTsNCiAgICAgIH0pOw0KICAgIH0sDQoNCiAgICBnZXRJbWcoKSB7DQogICAgICBpZiAoIXRoaXMud2ViSW1nVXJsKSB7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+ivt+WFiOi+k+WFpeWbvueJh+WcsOWdgCcpOw0KICAgICAgICByZXR1cm47DQogICAgICB9DQogICAgICBpZiAodGhpcy53ZWJJbWdVcmwuaW5kZXhPZignLnBocCcpICE9IC0xKSB7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+ivt+WFiOi+k+WFpeWFtuS7luWbvueJh+WcsOWdgCcpOw0KICAgICAgICByZXR1cm47DQogICAgICB9DQogICAgICB0aGlzLnJ1bGVGb3JtLmltZ0xpc3QucHVzaCh7DQogICAgICAgIHVybDogdGhpcy53ZWJJbWdVcmwsDQogICAgICB9KTsNCiAgICB9LA0KICAgIGFzeW5jIHN1Ym1pdFVwbG9hZCgpIHsNCiAgICAgIGlmICghdGhpcy5ydWxlRm9ybS5pbWdMaXN0Lmxlbmd0aCkgcmV0dXJuIHRoaXMuJG1lc3NhZ2Uud2FybmluZygn6K+35YWI6YCJ5oup5Zu+54mHJyk7DQogICAgICBpZiAodGhpcy5ydWxlRm9ybS50eXBlID09IDApIHsNCiAgICAgICAgdGhpcy51cGxvYWREYXRhID0gew0KICAgICAgICAgIHBpZDogdGhpcy5ydWxlRm9ybS5yZWdpb24sDQogICAgICAgIH07DQogICAgICAgIGlmICh0aGlzLnJ1bGVGb3JtLmltZ0xpc3QubGVuZ3RoKSB7DQogICAgICAgICAgaWYgKHRoaXMubG9hZGluZykgcmV0dXJuOw0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7DQogICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnJ1bGVGb3JtLmltZ0xpc3QubGVuZ3RoOyBpKyspIHsNCiAgICAgICAgICAgIGNvbnN0IGZpbGUgPSB0aGlzLnJ1bGVGb3JtLmltZ0xpc3RbaV0ucmF3Ow0KICAgICAgICAgICAgYXdhaXQgdGhpcy51cGxvYWRJdGVtKGZpbGUpOw0KICAgICAgICAgICAgaWYgKGkgPT0gdGhpcy5ydWxlRm9ybS5pbWdMaXN0Lmxlbmd0aCAtIDEpIHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCfkuIrkvKDmiJDlip8nKTsNCiAgICAgICAgICAgICAgdGhpcy4kZW1pdCgndXBsb2FkU3VjY2VzcycpOw0KICAgICAgICAgICAgICB0aGlzLnVwbG9hZE1vZGFsID0gZmFsc2U7DQogICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgICAgICB0aGlzLmluaXREYXRhKCk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9IGVsc2UgaWYgKHRoaXMucnVsZUZvcm0udHlwZSA9PSAxKSB7DQogICAgICAgIGxldCB1cmxzID0gdGhpcy5ydWxlRm9ybS5pbWdMaXN0Lm1hcCgoZSkgPT4gew0KICAgICAgICAgIHJldHVybiBlLnVybDsNCiAgICAgICAgfSk7DQogICAgICAgIGlmICh1cmxzLmxlbmd0aCkgew0KICAgICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHJldHVybjsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOw0KICAgICAgICAgIG9ubGluZVVwbG9hZCh7IHBpZDogdGhpcy5ydWxlRm9ybS5yZWdpb24sIGltYWdlczogdXJscyB9KQ0KICAgICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+S4iuS8oOaIkOWKnycpOw0KICAgICAgICAgICAgICB0aGlzLiRlbWl0KCd1cGxvYWRTdWNjZXNzJyk7DQogICAgICAgICAgICAgIHRoaXMudXBsb2FkTW9kYWwgPSBmYWxzZTsNCiAgICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgICAgIHRoaXMuaW5pdERhdGEoKTsNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICB9DQogICAgICB9IGVsc2UgaWYgKHRoaXMucnVsZUZvcm0udHlwZSA9PSAyKSB7DQogICAgICAgIGxldCBhdHRJZCA9IHRoaXMucnVsZUZvcm0uaW1nTGlzdC5tYXAoKGUpID0+IHsNCiAgICAgICAgICByZXR1cm4gZS5hdHRfaWQ7DQogICAgICAgIH0pOw0KICAgICAgICBtb3ZlQXBpKHsgcGlkOiB0aGlzLnJ1bGVGb3JtLnJlZ2lvbiwgaW1hZ2VzOiBhdHRJZCB9KS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+S4iuS8oOaIkOWKnycpOw0KICAgICAgICAgIHRoaXMuJGVtaXQoJ3VwbG9hZFN1Y2Nlc3MnKTsNCiAgICAgICAgICB0aGlzLnVwbG9hZE1vZGFsID0gZmFsc2U7DQogICAgICAgICAgdGhpcy5pbml0RGF0YSgpOw0KICAgICAgICB9KTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHVwbG9hZEl0ZW0oZmlsZSkgew0KICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHsNCiAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoKTsNCiAgICAgICAgZm9ybURhdGEuYXBwZW5kKCdmaWxlJywgZmlsZSk7DQogICAgICAgIGZvcm1EYXRhLmFwcGVuZCgncGlkJywgdGhpcy5ydWxlRm9ybS5yZWdpb24pOw0KICAgICAgICBmaWxlVXBsb2FkKGZvcm1EYXRhKQ0KICAgICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgIGlmIChyZXMuc3RhdHVzID09IDIwMCkgew0KICAgICAgICAgICAgICByZXNvbHZlKCk7DQogICAgICAgICAgICAgIC8vIHRoaXMuJGVtaXQoJ3VwbG9hZEltZ1N1Y2Nlc3MnLCByZXMuZGF0YSk7DQogICAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgICAgbWVzc2FnZTogJ+S4iuS8oOWksei0pScsDQogICAgICAgICAgICAgICAgdHlwZTogJ2Vycm9yJywNCiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTAwMCwNCiAgICAgICAgICAgICAgfSk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfSkNCiAgICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVyci5tc2cpOw0KICAgICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgfSwNCiAgICBiZWZvcmVVcGxvYWQoZmlsZSkgew0KICAgICAgY29uc29sZS5sb2coZmlsZSk7DQogICAgfSwNCiAgICBjcmVhdFFyQ29kZSh1cmwpIHsNCiAgICAgIHRoaXMuJHJlZnMucXJDb2RlVXJsLmlubmVySFRNTCA9ICcnOw0KICAgICAgdmFyIHFyY29kZSA9IG5ldyBRUkNvZGUodGhpcy4kcmVmcy5xckNvZGVVcmwsIHsNCiAgICAgICAgdGV4dDogdXJsLCAvLyDpnIDopoHovazmjaLkuLrkuoznu7TnoIHnmoTlhoXlrrkNCiAgICAgICAgd2lkdGg6IDE2MCwNCiAgICAgICAgaGVpZ2h0OiAxNjAsDQogICAgICAgIGNvbG9yRGFyazogJyMwMDAwMDAnLA0KICAgICAgICBjb2xvckxpZ2h0OiAnI2ZmZmZmZicsDQogICAgICAgIGNvcnJlY3RMZXZlbDogUVJDb2RlLkNvcnJlY3RMZXZlbC5ILA0KICAgICAgfSk7DQogICAgfSwNCiAgICBoYW5kbGVXZWJSZW1vdmUoZmlsZSkgew0KICAgICAgbGV0IGluZGV4ID0gdGhpcy5ydWxlRm9ybS5pbWdMaXN0LmZpbmRJbmRleCgoZSkgPT4gew0KICAgICAgICByZXR1cm4gZS51cmwgPT0gZmlsZS51cmw7DQogICAgICB9KTsNCiAgICAgIHRoaXMucnVsZUZvcm0uaW1nTGlzdC5zcGxpY2UoaW5kZXgsIDEpOw0KICAgIH0sDQogICAgaGFuZGxlUmVtb3ZlKGluZGV4KSB7DQogICAgICB0aGlzLnJ1bGVGb3JtLmltZ0xpc3Quc3BsaWNlKGluZGV4LCAxKTsNCiAgICB9LA0KICAgIGhhbmRsZVBpY3R1cmVDYXJkUHJldmlldyhmaWxlKSB7DQogICAgICB0aGlzLmRpYWxvZ0ltYWdlVXJsID0gZmlsZS51cmw7DQogICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSB0cnVlOw0KICAgIH0sDQogICAgaGFuZGxlRG93bmxvYWQoZmlsZSkgew0KICAgICAgY29uc29sZS5sb2coZmlsZSk7DQogICAgfSwNCiAgICBhc3luYyBmaWxlQ2hhbmdlKGZpbGUsIGZpbGVMaXN0KSB7DQogICAgICBpZiAoaXNQaWNVcGxvYWQoZmlsZSkpIHsNCiAgICAgICAgaWYgKGZpbGUuc2l6ZSA+PSAyMDk3MTUyKSB7DQogICAgICAgICAgYXdhaXQgdGhpcy5jb21JbWcoZmlsZS5yYXcpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgZmlsZUxpc3QubWFwKChlKSA9PiB7DQogICAgICAgICAgICAgIGlmIChlLnVpZCA9PT0gZmlsZS51aWQpIHsNCiAgICAgICAgICAgICAgICBlLnJhdyA9IHJlczsNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfSk7DQogICAgICAgICAgICB0aGlzLnJ1bGVGb3JtLmltZ0xpc3QgPSBmaWxlTGlzdDsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLnJ1bGVGb3JtLmltZ0xpc3QgPSBmaWxlTGlzdDsNCiAgICAgICAgfQ0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgLy8g5LuOcnVsZUZvcm3lr7nosaHnmoRpbWdMaXN05pWw57uE5Lit5Yig6Zmk5pyA5ZCO5LiA5Liq5YWD57SgDQogICAgICAgIHRoaXMucnVsZUZvcm0uaW1nTGlzdC5zcGxpY2UodGhpcy5ydWxlRm9ybS5pbWdMaXN0Lmxlbmd0aCwgMSk7DQogICAgICB9DQogICAgfSwNCiAgICBjb21JbWcoZmlsZSkgew0KICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHsNCiAgICAgICAgY29tcHJlc3NJbWcoZmlsZSkudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgcmVzb2x2ZShyZXMpOw0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgbG9hZERhdGEoaXRlbSwgY2FsbGJhY2spIHsNCiAgICAgIGdldENhdGVnb3J5TGlzdEFwaSh7DQogICAgICAgIHBpZDogaXRlbS52YWx1ZSwNCiAgICAgIH0pDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICBjb25zdCBkYXRhID0gcmVzLmRhdGEubGlzdDsNCiAgICAgICAgICBjYWxsYmFjayhkYXRhKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHt9KTsNCiAgICB9LA0KICAgIGhhbmRsZUNoYW5nZShlKSB7DQogICAgICBpZiAodGhpcy5ydWxlRm9ybS50eXBlID09IDIpIHRoaXMuc2NhblVwbG9hZFFyY29kZSgpOw0KICAgIH0sDQogICAgLy8g56e75YqoDQogICAgaGFuZGxlRHJhZ1N0YXJ0KGUsIGl0ZW0pIHsNCiAgICAgIHRoaXMuZHJhZ2dpbmcgPSBpdGVtOw0KICAgIH0sDQogICAgaGFuZGxlRHJhZ0VuZChlLCBpdGVtKSB7DQogICAgICB0aGlzLmRyYWdnaW5nID0gbnVsbDsNCiAgICB9LA0KICAgIGhhbmRsZURyYWdPdmVyKGUpIHsNCiAgICAgIGUuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnbW92ZSc7DQogICAgfSwNCiAgICBoYW5kbGVEcmFnRW50ZXIoZSwgaXRlbSkgew0KICAgICAgZS5kYXRhVHJhbnNmZXIuZWZmZWN0QWxsb3dlZCA9ICdtb3ZlJzsNCiAgICAgIGlmIChpdGVtID09PSB0aGlzLmRyYWdnaW5nKSB7DQogICAgICAgIHJldHVybjsNCiAgICAgIH0NCiAgICAgIGNvbnN0IG5ld0l0ZW1zID0gWy4uLnRoaXMucnVsZUZvcm0uaW1nTGlzdF07DQogICAgICBjb25zdCBzcmMgPSBuZXdJdGVtcy5pbmRleE9mKHRoaXMuZHJhZ2dpbmcpOw0KICAgICAgY29uc3QgZHN0ID0gbmV3SXRlbXMuaW5kZXhPZihpdGVtKTsNCiAgICAgIG5ld0l0ZW1zLnNwbGljZShkc3QsIDAsIC4uLm5ld0l0ZW1zLnNwbGljZShzcmMsIDEpKTsNCiAgICAgIHRoaXMucnVsZUZvcm0uaW1nTGlzdCA9IG5ld0l0ZW1zOw0KICAgIH0sDQogICAgY2xvc2VkKCkgew0KICAgICAgdGhpcy5pbml0RGF0YSgpOw0KICAgICAgc2NhblVwbG9hZENvZGUoKS50aGVuKChyZXMpID0+IHt9KTsNCiAgICB9LA0KICAgIGNsZWFyKCkgew0KICAgICAgdGhpcy51cGxvYWRNb2RhbCA9IGZhbHNlOw0KICAgICAgdGhpcy5pbml0RGF0YSgpOw0KICAgIH0sDQogICAgaW5pdERhdGEoKSB7DQogICAgICB0aGlzLnJ1bGVGb3JtLnR5cGUgPSAwOw0KICAgICAgdGhpcy5ydWxlRm9ybS5yZWdpb24gPSAwOw0KICAgICAgdGhpcy5zY2FuVG9rZW4gPSAnJzsNCiAgICAgIHRoaXMud2ViSW1nVXJsID0gJyc7DQogICAgICB0aGlzLnJ1bGVGb3JtLmltZ0xpc3QgPSBbXTsNCiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lKTsNCiAgICAgIHRoaXMudGltZSA9IHVuZGVmaW5lZDsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAuIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/uploadImg","sourcesContent":["<template>\r\n <div>\r\n <el-dialog\r\n title=\"上传图片\"\r\n :visible.sync=\"uploadModal\"\r\n :append-to-body=\"true\"\r\n :width=\"isIframe ? '100%' : '1024px'\"\r\n :fullscreen=\"isIframe\"\r\n @close=\"closed\"\r\n >\r\n <div class=\"main\" v-loading=\"loading\">\r\n <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\" label-width=\"100px\" class=\"demo-ruleForm\">\r\n <el-form-item label=\"上传方式：\" prop=\"type\">\r\n <el-radio-group v-model=\"ruleForm.type\" @input=\"radioChange(ruleForm.type)\">\r\n <el-radio :label=\"0\">本地上传</el-radio>\r\n <el-radio :label=\"1\">网络上传</el-radio>\r\n <el-radio :label=\"2\">扫码上传</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"上传至分组：\" prop=\"region\" v-show=\"ruleForm.type == 0 || ruleForm.type == 1\">\r\n <el-cascader\r\n class=\"form-width\"\r\n v-model=\"ruleForm.region\"\r\n :props=\"props\"\r\n :options=\"categoryList\"\r\n @change=\"handleChange\"\r\n ></el-cascader>\r\n </el-form-item>\r\n <el-form-item label=\"网络图片：\" prop=\"region\" v-if=\"ruleForm.type == 1\">\r\n <el-input class=\"form-width\" v-model=\"webImgUrl\" placeholder=\"请网络图片地址\"></el-input>\r\n <span class=\"tq-text\" v-db-click @click=\"getImg\">提取照片</span>\r\n </el-form-item>\r\n <el-form-item label=\"上传图片：\" prop=\"region\" v-if=\"ruleForm.type == 0\">\r\n <div class=\"acea-row\">\r\n <div class=\"uploadCont\">\r\n <el-upload\r\n ref=\"upload\"\r\n :action=\"fileUrl\"\r\n list-type=\"picture-card\"\r\n :on-change=\"fileChange\"\r\n :file-list=\"ruleForm.imgList\"\r\n :auto-upload=\"false\"\r\n :data=\"uploadData\"\r\n :headers=\"header\"\r\n :multiple=\"true\"\r\n :limit=\"limit\"\r\n >\r\n <i slot=\"default\" class=\"el-icon-plus\"></i>\r\n <div\r\n slot=\"file\"\r\n slot-scope=\"{ file }\"\r\n draggable=\"false\"\r\n @dragstart=\"handleDragStart($event, file)\"\r\n @dragover=\"handleDragOver($event, file)\"\r\n @dragenter=\"handleDragEnter($event, file)\"\r\n @dragend=\"handleDragEnd($event, file)\"\r\n >\r\n <img class=\"el-upload-list__item-thumbnail\" :src=\"file.url\" alt=\"\" />\r\n <i class=\"el-icon-error btndel\" v-db-click @click=\"handleWebRemove(file)\" />\r\n </div>\r\n </el-upload>\r\n <div class=\"tips\">\r\n 建议上传图片最大宽度750px，不超过3MB；仅支持jpeg、jpg、png格式，可拖拽调整上传顺序\r\n </div>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <template v-if=\"ruleForm.type == 1\">\r\n <div class=\"img-box pl100\">\r\n <div\r\n v-for=\"(item, index) in ruleForm.imgList\"\r\n :key=\"index\"\r\n class=\"pictrue\"\r\n draggable=\"false\"\r\n @dragstart=\"handleDragStart($event, item)\"\r\n @dragover.prevent=\"handleDragOver($event, item)\"\r\n @dragenter=\"handleDragEnter($event, item)\"\r\n @dragend=\"handleDragEnd($event, item)\"\r\n >\r\n <img :src=\"item.url\" />\r\n <i class=\"el-icon-error btndel\" v-db-click @click=\"handleRemove(index)\" />\r\n </div>\r\n </div>\r\n </template>\r\n <div class=\"code-image\" v-if=\"ruleForm.type == 2\">\r\n <div class=\"left\">\r\n <el-form-item label=\"上传至分组：\" prop=\"region\">\r\n <el-cascader\r\n class=\"form-width\"\r\n v-model=\"ruleForm.region\"\r\n :props=\"props\"\r\n :options=\"categoryList\"\r\n @change=\"handleChange\"\r\n ></el-cascader>\r\n </el-form-item>\r\n <el-form-item label=\"二维码：\" prop=\"region\">\r\n <div class=\"code\" ref=\"qrCodeUrl\"></div>\r\n <div class=\"trip\">扫描二维码，快速上传手机图片</div>\r\n <div class=\"trip-small\">建议使用手机浏览器</div>\r\n </el-form-item>\r\n </div>\r\n <div class=\"right\">\r\n <el-button size=\"small\" v-db-click @click=\"scanUploadGet\">刷新图库</el-button>\r\n <div class=\"tip\">刷新图库按钮，可显示移动端上传成功的图片</div>\r\n <div class=\"img-box\">\r\n <div\r\n v-for=\"(item, index) in ruleForm.imgList\"\r\n :key=\"index\"\r\n class=\"pictrue\"\r\n draggable=\"false\"\r\n @dragstart=\"handleDragStart($event, item)\"\r\n @dragover.prevent=\"handleDragOver($event, item)\"\r\n @dragenter=\"handleDragEnter($event, item)\"\r\n @dragend=\"handleDragEnd($event, item)\"\r\n >\r\n <img :src=\"item.att_dir\" />\r\n <i class=\"el-icon-error btndel\" v-db-click @click=\"handleWebRemove(item)\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </el-form>\r\n </div>\r\n\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"clear\">取 消</el-button>\r\n <el-button type=\"primary\" :disabled=\"!ruleForm.imgList.length\" v-db-click @click=\"submitUpload\"\r\n >确 定</el-button\r\n >\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCategoryListApi, moveApi, onlineUpload, scanUploadCode } from '@/api/uploadPictures';\r\nimport Setting from '@/setting';\r\nimport { getCookies } from '@/libs/util';\r\nimport { fileUpload, scanUploadQrcode, scanUploadGet } from '@/api/setting';\r\nimport QRCode from 'qrcodejs2';\r\nimport compressImg from '@/utils/compressImg.js';\r\nimport { isPicUpload } from '@/utils/index';\r\nexport default {\r\n name: '',\r\n props: {\r\n categoryList: {\r\n default: () => {\r\n return [];\r\n },\r\n },\r\n categoryId: {\r\n default: '',\r\n },\r\n isPage: {\r\n default: false,\r\n },\r\n isIframe: {\r\n default: false,\r\n },\r\n },\r\n watch: {\r\n uploadModal: {\r\n handler(newVal) {\r\n if (newVal) this.ruleForm.region = this.categoryId;\r\n },\r\n immediate: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n webImgUrl: '',\r\n uploadModal: false,\r\n fileUrl: Setting.apiBaseURL + '/file/upload',\r\n header: {\r\n 'Authori-zation': 'Bearer ' + getCookies('token'),\r\n },\r\n uploadData: {},\r\n props: { checkStrictly: true, emitPath: false, label: 'title', value: 'id' },\r\n disabled: false,\r\n ruleForm: {\r\n type: 0,\r\n region: '',\r\n imgList: [],\r\n },\r\n rules: { type: [{ required: true, message: '请选择活动资源', trigger: 'change' }] },\r\n qrcode: '',\r\n scanToken: '',\r\n limit: 20,\r\n loading: false,\r\n time: undefined,\r\n };\r\n },\r\n created() {},\r\n mounted() {},\r\n beforeDestroy() {\r\n clearInterval(this.time);\r\n this.time = undefined;\r\n },\r\n methods: {\r\n radioChange(type) {\r\n this.ruleForm.type = type;\r\n this.ruleForm.imgList = [];\r\n clearInterval(this.time);\r\n this.time = undefined;\r\n if (type == 2) {\r\n this.scanUploadQrcode();\r\n this.time = setInterval((e) => {\r\n this.scanUploadGet();\r\n }, 2000);\r\n }\r\n },\r\n scanUploadQrcode() {\r\n scanUploadQrcode(this.ruleForm.region).then((res) => {\r\n this.creatQrCode(res.data.url);\r\n this.scanToken = res.data.url;\r\n });\r\n },\r\n scanUploadGet() {\r\n let token = this.scanToken.split('token=')[1];\r\n scanUploadGet(token).then((res) => {\r\n this.ruleForm.imgList = res.data;\r\n });\r\n },\r\n\r\n getImg() {\r\n if (!this.webImgUrl) {\r\n this.$message.error('请先输入图片地址');\r\n return;\r\n }\r\n if (this.webImgUrl.indexOf('.php') != -1) {\r\n this.$message.error('请先输入其他图片地址');\r\n return;\r\n }\r\n this.ruleForm.imgList.push({\r\n url: this.webImgUrl,\r\n });\r\n },\r\n async submitUpload() {\r\n if (!this.ruleForm.imgList.length) return this.$message.warning('请先选择图片');\r\n if (this.ruleForm.type == 0) {\r\n this.uploadData = {\r\n pid: this.ruleForm.region,\r\n };\r\n if (this.ruleForm.imgList.length) {\r\n if (this.loading) return;\r\n this.loading = true;\r\n for (let i = 0; i < this.ruleForm.imgList.length; i++) {\r\n const file = this.ruleForm.imgList[i].raw;\r\n await this.uploadItem(file);\r\n if (i == this.ruleForm.imgList.length - 1) {\r\n this.$message.success('上传成功');\r\n this.$emit('uploadSuccess');\r\n this.uploadModal = false;\r\n this.loading = false;\r\n this.initData();\r\n }\r\n }\r\n }\r\n } else if (this.ruleForm.type == 1) {\r\n let urls = this.ruleForm.imgList.map((e) => {\r\n return e.url;\r\n });\r\n if (urls.length) {\r\n if (this.loading) return;\r\n this.loading = true;\r\n onlineUpload({ pid: this.ruleForm.region, images: urls })\r\n .then((res) => {\r\n this.$message.success('上传成功');\r\n this.$emit('uploadSuccess');\r\n this.uploadModal = false;\r\n this.loading = false;\r\n this.initData();\r\n })\r\n .catch((err) => {\r\n this.loading = false;\r\n this.$message.error(err.msg);\r\n });\r\n }\r\n } else if (this.ruleForm.type == 2) {\r\n let attId = this.ruleForm.imgList.map((e) => {\r\n return e.att_id;\r\n });\r\n moveApi({ pid: this.ruleForm.region, images: attId }).then((res) => {\r\n this.$message.success('上传成功');\r\n this.$emit('uploadSuccess');\r\n this.uploadModal = false;\r\n this.initData();\r\n });\r\n }\r\n },\r\n uploadItem(file) {\r\n return new Promise((resolve, reject) => {\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n formData.append('pid', this.ruleForm.region);\r\n fileUpload(formData)\r\n .then((res) => {\r\n if (res.status == 200) {\r\n resolve();\r\n // this.$emit('uploadImgSuccess', res.data);\r\n } else {\r\n this.loading = false;\r\n this.$message({\r\n message: '上传失败',\r\n type: 'error',\r\n duration: 1000,\r\n });\r\n }\r\n })\r\n .catch((err) => {\r\n this.loading = false;\r\n this.$message.error(err.msg);\r\n });\r\n });\r\n },\r\n beforeUpload(file) {\r\n console.log(file);\r\n },\r\n creatQrCode(url) {\r\n this.$refs.qrCodeUrl.innerHTML = '';\r\n var qrcode = new QRCode(this.$refs.qrCodeUrl, {\r\n text: url, // 需要转换为二维码的内容\r\n width: 160,\r\n height: 160,\r\n colorDark: '#000000',\r\n colorLight: '#ffffff',\r\n correctLevel: QRCode.CorrectLevel.H,\r\n });\r\n },\r\n handleWebRemove(file) {\r\n let index = this.ruleForm.imgList.findIndex((e) => {\r\n return e.url == file.url;\r\n });\r\n this.ruleForm.imgList.splice(index, 1);\r\n },\r\n handleRemove(index) {\r\n this.ruleForm.imgList.splice(index, 1);\r\n },\r\n handlePictureCardPreview(file) {\r\n this.dialogImageUrl = file.url;\r\n this.dialogVisible = true;\r\n },\r\n handleDownload(file) {\r\n console.log(file);\r\n },\r\n async fileChange(file, fileList) {\r\n if (isPicUpload(file)) {\r\n if (file.size >= 2097152) {\r\n await this.comImg(file.raw).then((res) => {\r\n fileList.map((e) => {\r\n if (e.uid === file.uid) {\r\n e.raw = res;\r\n }\r\n });\r\n this.ruleForm.imgList = fileList;\r\n });\r\n } else {\r\n this.ruleForm.imgList = fileList;\r\n }\r\n } else {\r\n // 从ruleForm对象的imgList数组中删除最后一个元素\r\n this.ruleForm.imgList.splice(this.ruleForm.imgList.length, 1);\r\n }\r\n },\r\n comImg(file) {\r\n return new Promise((resolve, reject) => {\r\n compressImg(file).then((res) => {\r\n resolve(res);\r\n });\r\n });\r\n },\r\n loadData(item, callback) {\r\n getCategoryListApi({\r\n pid: item.value,\r\n })\r\n .then(async (res) => {\r\n const data = res.data.list;\r\n callback(data);\r\n })\r\n .catch((res) => {});\r\n },\r\n handleChange(e) {\r\n if (this.ruleForm.type == 2) this.scanUploadQrcode();\r\n },\r\n // 移动\r\n handleDragStart(e, item) {\r\n this.dragging = item;\r\n },\r\n handleDragEnd(e, item) {\r\n this.dragging = null;\r\n },\r\n handleDragOver(e) {\r\n e.dataTransfer.dropEffect = 'move';\r\n },\r\n handleDragEnter(e, item) {\r\n e.dataTransfer.effectAllowed = 'move';\r\n if (item === this.dragging) {\r\n return;\r\n }\r\n const newItems = [...this.ruleForm.imgList];\r\n const src = newItems.indexOf(this.dragging);\r\n const dst = newItems.indexOf(item);\r\n newItems.splice(dst, 0, ...newItems.splice(src, 1));\r\n this.ruleForm.imgList = newItems;\r\n },\r\n closed() {\r\n this.initData();\r\n scanUploadCode().then((res) => {});\r\n },\r\n clear() {\r\n this.uploadModal = false;\r\n this.initData();\r\n },\r\n initData() {\r\n this.ruleForm.type = 0;\r\n this.ruleForm.region = 0;\r\n this.scanToken = '';\r\n this.webImgUrl = '';\r\n this.ruleForm.imgList = [];\r\n clearInterval(this.time);\r\n this.time = undefined;\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-dialog__title {\r\n font-size: 16px;\r\n}\r\n.main {\r\n min-height: 410px;\r\n}\r\n.pictrue {\r\n width: 60px !important;\r\n height: 60px !important;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n margin-right: 10px;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.btndel {\r\n position: absolute;\r\n z-index: 1;\r\n font-size: 18px;\r\n right: -5px;\r\n top: -5px;\r\n color: #999;\r\n}\r\n.form-width {\r\n width: 280px;\r\n}\r\n.tq-text {\r\n margin-left: 14px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: var(--prev-color-primary);\r\n cursor: pointer;\r\n}\r\n.uploadCont ::v-deep .el-upload--picture-card,\r\n::v-deep .el-upload-list--picture-card .el-upload-list__item {\r\n width: 64px;\r\n height: 64px;\r\n line-height: 72px;\r\n overflow: inherit;\r\n}\r\n.uploadCont ::v-deep .el-upload--picture-card,\r\n::v-deep .el-upload-list--picture-card .el-upload-list__item img {\r\n width: 64px !important;\r\n height: 64px !important;\r\n border-radius: 6px;\r\n object-fit: cover;\r\n}\r\n.pl100 {\r\n padding-left: 100px;\r\n}\r\n.img-box {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n.tips {\r\n font-size: 12px;\r\n color: #bbbbbb;\r\n}\r\n.code-image {\r\n display: flex;\r\n margin-top: 12px;\r\n .left {\r\n display: flex;\r\n flex-direction: column;\r\n margin-right: 20px;\r\n align-items: center;\r\n .code {\r\n border: 1px solid #dddddd;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 4px;\r\n .code-img {\r\n width: 160px;\r\n height: 160px;\r\n }\r\n }\r\n .form-width {\r\n width: 200px;\r\n }\r\n .code {\r\n margin-bottom: 14px;\r\n }\r\n .trip {\r\n color: #333333;\r\n text-align: center;\r\n line-height: 18px;\r\n }\r\n .trip-small {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #bbbbbb;\r\n text-align: center;\r\n line-height: 16px;\r\n }\r\n }\r\n .right {\r\n margin-top: 62px;\r\n .tip {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #bbbbbb;\r\n margin: 10px 0;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
