1 line
26 KiB
JSON
1 line
26 KiB
JSON
{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\ImageUpload\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\ImageUpload\\index.vue","mtime":1740032704185},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5jb25jYXQuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LmpvaW4uanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5Lm1hcC5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc2xpY2UuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnNwbGljZS5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3IuY29uc3RydWN0b3IuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLm1hcC5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3Iuc29tZS5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5yZWdleHAuZXhlYy5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuc3RyaW5nLnJlcGxhY2UuanMiKTsKdmFyIF9hdXRoID0gcmVxdWlyZSgiQC91dGlscy9hdXRoIik7CnZhciBfdXBsb2FkID0gcmVxdWlyZSgiQC9hcGkvc3lzdGVtL3VwbG9hZCIpOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQyID0gZXhwb3J0cy5kZWZhdWx0ID0gewogIHByb3BzOiB7CiAgICB2YWx1ZTogW1N0cmluZywgT2JqZWN0LCBBcnJheV0sCiAgICAvLyDlm77niYfmlbDph4/pmZDliLYKICAgIGxpbWl0OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNQogICAgfSwKICAgIC8vIOWkp+Wwj+mZkOWItihNQikKICAgIGZpbGVTaXplOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNQogICAgfSwKICAgIC8vIOaWh+S7tuexu+Weiywg5L6L5aaCWydwbmcnLCAnanBnJywgJ2pwZWcnXQogICAgZmlsZVR5cGU6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiBbJ3BuZycsICdqcGcnLCAnanBlZyddOwogICAgICB9CiAgICB9LAogICAgLy8g5piv5ZCm5pi+56S65o+Q56S6CiAgICBpc1Nob3dUaXA6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfSwKICAgIC8vIOS4iuS8oOeahOWcsOWdgAogICAgdXBsb2FkSW1nVXJsOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJyMnCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbnVtYmVyOiAwLAogICAgICB1cGxvYWRMaXN0OiBbXSwKICAgICAgZGlhbG9nSW1hZ2VVcmw6ICcnLAogICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwKICAgICAgaGlkZVVwbG9hZDogZmFsc2UsCiAgICAgIC8vIHVwbG9hZEltZ1VybDogcHJvY2Vzcy5lbnYuVlVFX0FQUF9CQVNFX0FQSSArICcvZmlsZS91cGxvYWQnLCAvLyDkuIrkvKDnmoTlm77niYfmnI3liqHlmajlnLDlnYAKICAgICAgaGVhZGVyczogewogICAgICAgIEF1dGhvcml6YXRpb246ICdCZWFyZXIgJyArICgwLCBfYXV0aC5nZXRUb2tlbikoKQogICAgICB9LAogICAgICBmaWxlTGlzdDogW10sCiAgICAgIG5ld0ZpbGVMaXN0OiBbXQogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICB2YWx1ZTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKHZhbCkgewogICAgICAgIGlmICh2YWwpIHsKICAgICAgICAgIC8vIOmmluWFiOWwhuWAvOi9rOS4uuaVsOe7hAogICAgICAgICAgdmFyIGxpc3QgPSBBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiB0aGlzLnZhbHVlLnNwbGl0KCcsJyk7CiAgICAgICAgICAvLyDnhLblkI7lsIbmlbDnu4TovazkuLrlr7nosaHmlbDnu4QKICAgICAgICAgIHRoaXMuZmlsZUxpc3QgPSBsaXN0Lm1hcChmdW5jdGlvbiAoaXRlbSkgewogICAgICAgICAgICBpZiAodHlwZW9mIGl0ZW0gPT09ICdzdHJpbmcnKSB7CiAgICAgICAgICAgICAgaXRlbSA9IHsKICAgICAgICAgICAgICAgIG5hbWU6IGl0ZW0sCiAgICAgICAgICAgICAgICB1cmw6IGl0ZW0KICAgICAgICAgICAgICB9OwogICAgICAgICAgICB9CiAgICAgICAgICAgIHJldHVybiBpdGVtOwogICAgICAgICAgfSk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHRoaXMuZmlsZUxpc3QgPSBbXTsKICAgICAgICAgIHJldHVybiBbXTsKICAgICAgICB9CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUsCiAgICAgIGltbWVkaWF0ZTogdHJ1ZQogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIC8vIOaYr+WQpuaYvuekuuaPkOekugogICAgc2hvd1RpcDogZnVuY3Rpb24gc2hvd1RpcCgpIHsKICAgICAgcmV0dXJuIHRoaXMuaXNTaG93VGlwICYmICh0aGlzLmZpbGVUeXBlIHx8IHRoaXMuZmlsZVNpemUpOwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgLy8g5LiK5Lyg5YmNbG9hZGluZ+WKoOi9vQogICAgaGFuZGxlQmVmb3JlVXBsb2FkOiBmdW5jdGlvbiBoYW5kbGVCZWZvcmVVcGxvYWQoZmlsZSkgewogICAgICB2YXIgaXNJbWcgPSBmYWxzZTsKICAgICAgaWYgKHRoaXMuZmlsZVR5cGUubGVuZ3RoKSB7CiAgICAgICAgdmFyIGZpbGVFeHRlbnNpb24gPSAnJzsKICAgICAgICBpZiAoZmlsZS5uYW1lLmxhc3RJbmRleE9mKCcuJykgPiAtMSkgewogICAgICAgICAgZmlsZUV4dGVuc2lvbiA9IGZpbGUubmFtZS5zbGljZShmaWxlLm5hbWUubGFzdEluZGV4T2YoJy4nKSArIDEpOwogICAgICAgIH0KICAgICAgICBpc0ltZyA9IHRoaXMuZmlsZVR5cGUuc29tZShmdW5jdGlvbiAodHlwZSkgewogICAgICAgICAgaWYgKGZpbGUudHlwZS5pbmRleE9mKHR5cGUpID4gLTEpIHJldHVybiB0cnVlOwogICAgICAgICAgaWYgKGZpbGVFeHRlbnNpb24gJiYgZmlsZUV4dGVuc2lvbi5pbmRleE9mKHR5cGUpID4gLTEpIHJldHVybiB0cnVlOwogICAgICAgICAgcmV0dXJuIGZhbHNlOwogICAgICAgIH0pOwogICAgICB9IGVsc2UgewogICAgICAgIGlzSW1nID0gZmlsZS50eXBlLmluZGV4T2YoJ2ltYWdlJykgPiAtMTsKICAgICAgfQogICAgICBpZiAoIWlzSW1nKSB7CiAgICAgICAgdGhpcy4kbW9kYWwubXNnRXJyb3IoIlx1NjU4N1x1NEVGNlx1NjgzQ1x1NUYwRlx1NEUwRFx1NkI2M1x1Nzg2RSwgXHU4QkY3XHU0RTBBXHU0RjIwIi5jb25jYXQodGhpcy5maWxlVHlwZS5qb2luKCcvJyksICJcdTU2RkVcdTcyNDdcdTY4M0NcdTVGMEZcdTY1ODdcdTRFRjYhIikpOwogICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgfQogICAgICBpZiAodGhpcy5maWxlU2l6ZSkgewogICAgICAgIHZhciBpc0x0ID0gZmlsZS5zaXplIC8gMTAyNCAvIDEwMjQgPCB0aGlzLmZpbGVTaXplOwogICAgICAgIGlmICghaXNMdCkgewogICAgICAgICAgdGhpcy4kbW9kYWwubXNnRXJyb3IoIlx1NEUwQVx1NEYyMFx1NTkzNFx1NTBDRlx1NTZGRVx1NzI0N1x1NTkyN1x1NUMwRlx1NEUwRFx1ODBGRFx1OEQ4NVx1OEZDNyAiLmNvbmNhdCh0aGlzLmZpbGVTaXplLCAiIE1CISIpKTsKICAgICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgICB9CiAgICAgIH0KICAgICAgdGhpcy4kbW9kYWwubG9hZGluZygn5q2j5Zyo5LiK5Lyg5Zu+54mH77yM6K+356iN5YCZLi4uJyk7CiAgICAgIHRoaXMubnVtYmVyKys7CiAgICB9LAogICAgLy8g5paH5Lu25Liq5pWw6LaF5Ye6CiAgICBoYW5kbGVFeGNlZWQ6IGZ1bmN0aW9uIGhhbmRsZUV4Y2VlZCgpIHsKICAgICAgdGhpcy4kbW9kYWwubXNnRXJyb3IoIlx1NEUwQVx1NEYyMFx1NjU4N1x1NEVGNlx1NjU3MFx1OTFDRlx1NEUwRFx1ODBGRFx1OEQ4NVx1OEZDNyAiLmNvbmNhdCh0aGlzLmxpbWl0LCAiIFx1NEUyQSEiKSk7CiAgICB9LAogICAgLy8g5LiK5Lyg5oiQ5Yqf5Zue6LCDCiAgICBoYW5kbGVVcGxvYWRTdWNjZXNzOiBmdW5jdGlvbiBoYW5kbGVVcGxvYWRTdWNjZXNzKHJlcywgZmlsZSkgewogICAgICBpZiAocmVzLmNvZGUgPT09IDIwMCkgewogICAgICAgIHRoaXMudXBsb2FkTGlzdC5wdXNoKHsKICAgICAgICAgIG5hbWU6IHJlcy5kYXRhLnVybCwKICAgICAgICAgIHVybDogcmVzLmRhdGEudXJsCiAgICAgICAgfSk7CiAgICAgICAgdGhpcy51cGxvYWRlZFN1Y2Nlc3NmdWxseSgpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMubnVtYmVyLS07CiAgICAgICAgdGhpcy4kbW9kYWwuY2xvc2VMb2FkaW5nKCk7CiAgICAgICAgdGhpcy4kbW9kYWwubXNnRXJyb3IocmVzLm1zZyk7CiAgICAgICAgdGhpcy4kcmVmcy5pbWFnZVVwbG9hZC5oYW5kbGVSZW1vdmUoZmlsZSk7CiAgICAgICAgdGhpcy51cGxvYWRlZFN1Y2Nlc3NmdWxseSgpOwogICAgICB9CiAgICB9LAogICAgLy8g5Yig6Zmk5Zu+54mHCiAgICBoYW5kbGVEZWxldGU6IGZ1bmN0aW9uIGhhbmRsZURlbGV0ZShmaWxlKSB7CiAgICAgIGNvbnNvbGUubG9nKGZpbGUsICfliKDpmaTnmoTmlbDmja4nLCB0aGlzLm5ld0ZpbGVMaXN0KTsKICAgICAgLy8gY29uc3QgZmluZGV4ID0gdGhpcy5maWxlTGlzdAogICAgICAvLyAgICAgLm1hcCgoZikgPT4gZi5uYW1lKQogICAgICAvLyAgICAgLmluZGV4T2YoZmlsZS5uYW1lKQogICAgICAvLyBpZiAoZmluZGV4ID4gLTEpIHsKICAgICAgLy8gICAgIHRoaXMuZmlsZUxpc3Quc3BsaWNlKGZpbmRleCwgMSkKICAgICAgLy8gICAgIHRoaXMuJGVtaXQoJ2lucHV0JywgdGhpcy5saXN0VG9TdHJpbmcodGhpcy5maWxlTGlzdCkpCiAgICAgIC8vIH0KCiAgICAgIHZhciBmaW5kZXggPSB0aGlzLm5ld0ZpbGVMaXN0Lm1hcChmdW5jdGlvbiAoZikgewogICAgICAgIHJldHVybiBmLmZpbGVOYW1lOwogICAgICB9KS5pbmRleE9mKGZpbGUubmFtZSk7CiAgICAgIGlmIChmaW5kZXggPiAtMSkgewogICAgICAgIHRoaXMubmV3RmlsZUxpc3Quc3BsaWNlKGZpbmRleCwgMSk7CiAgICAgICAgdGhpcy4kZW1pdCgnaW5wdXQnLCB0aGlzLm5ld0ZpbGVMaXN0KTsKICAgICAgfQogICAgfSwKICAgIC8vIOS4iuS8oOWksei0pQogICAgaGFuZGxlVXBsb2FkRXJyb3I6IGZ1bmN0aW9uIGhhbmRsZVVwbG9hZEVycm9yKCkgewogICAgICB0aGlzLiRtb2RhbC5tc2dFcnJvcign5LiK5Lyg5Zu+54mH5aSx6LSl77yM6K+36YeN6K+VJyk7CiAgICAgIHRoaXMuJG1vZGFsLmNsb3NlTG9hZGluZygpOwogICAgfSwKICAgIC8vIOS4iuS8oOe7k+adn+WkhOeQhgogICAgdXBsb2FkZWRTdWNjZXNzZnVsbHk6IGZ1bmN0aW9uIHVwbG9hZGVkU3VjY2Vzc2Z1bGx5KCkgewogICAgICBpZiAodGhpcy5udW1iZXIgPiAwICYmIHRoaXMudXBsb2FkTGlzdC5sZW5ndGggPT09IHRoaXMubnVtYmVyKSB7CiAgICAgICAgdGhpcy5maWxlTGlzdCA9IHRoaXMuZmlsZUxpc3QuY29uY2F0KHRoaXMudXBsb2FkTGlzdCk7CiAgICAgICAgdGhpcy51cGxvYWRMaXN0ID0gW107CiAgICAgICAgdGhpcy5udW1iZXIgPSAwOwogICAgICAgIHRoaXMuJGVtaXQoJ2lucHV0JywgdGhpcy5saXN0VG9TdHJpbmcodGhpcy5maWxlTGlzdCkpOwogICAgICAgIHRoaXMuJG1vZGFsLmNsb3NlTG9hZGluZygpOwogICAgICB9CiAgICB9LAogICAgLy8g6aKE6KeICiAgICBoYW5kbGVQaWN0dXJlQ2FyZFByZXZpZXc6IGZ1bmN0aW9uIGhhbmRsZVBpY3R1cmVDYXJkUHJldmlldyhmaWxlKSB7CiAgICAgIHRoaXMuZGlhbG9nSW1hZ2VVcmwgPSBmaWxlLnVybDsKICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gdHJ1ZTsKICAgIH0sCiAgICAvLyDlr7nosaHovazmiJDmjIflrprlrZfnrKbkuLLliIbpmpQKICAgIGxpc3RUb1N0cmluZzogZnVuY3Rpb24gbGlzdFRvU3RyaW5nKGxpc3QsIHNlcGFyYXRvcikgewogICAgICB2YXIgc3RycyA9ICcnOwogICAgICBzZXBhcmF0b3IgPSBzZXBhcmF0b3IgfHwgJywnOwogICAgICBmb3IgKHZhciBpIGluIGxpc3QpIHsKICAgICAgICBpZiAobGlzdFtpXS51cmwpIHsKICAgICAgICAgIHN0cnMgKz0gbGlzdFtpXS51cmwucmVwbGFjZSh0aGlzLmJhc2VVcmwsICcnKSArIHNlcGFyYXRvcjsKICAgICAgICB9CiAgICAgIH0KICAgICAgcmV0dXJuIHN0cnMgIT0gJycgPyBzdHJzLnN1YnN0cigwLCBzdHJzLmxlbmd0aCAtIDEpIDogJyc7CiAgICB9LAogICAgLy8g5omL5Yqo5LiK5LygCiAgICB1cGxvYWRGdW46IGZ1bmN0aW9uIHVwbG9hZEZ1bihmaWxlKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIGZpbGUudHlwZSA9ICdtYSc7CiAgICAgICgwLCBfdXBsb2FkLmltZ1VwTG9hZCkoZmlsZSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgX3RoaXMubmV3RmlsZUxpc3QucHVzaChyZXMuZGF0YSk7CiAgICAgICAgICBfdGhpcy4kZW1pdCgnaW5wdXQnLCBfdGhpcy5uZXdGaWxlTGlzdCk7CiAgICAgICAgICBfdGhpcy4kbW9kYWwuY2xvc2VMb2FkaW5nKCk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIF90aGlzLiRtb2RhbC5tc2dFcnJvcihyZXMubXNnKTsKICAgICAgICB9CiAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uIChlcnJvcikgewogICAgICAgIF90aGlzLiRtb2RhbC5tc2dFcnJvcihlcnJvcik7CiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"names":["_auth","require","_upload","props","value","String","Object","Array","limit","type","Number","default","fileSize","fileType","isShowTip","Boolean","uploadImgUrl","data","number","uploadList","dialogImageUrl","dialogVisible","hideUpload","headers","Authorization","getToken","fileList","newFileList","watch","handler","val","list","isArray","split","map","item","name","url","deep","immediate","computed","showTip","methods","handleBeforeUpload","file","isImg","length","fileExtension","lastIndexOf","slice","some","indexOf","$modal","msgError","concat","join","isLt","size","loading","handleExceed","handleUploadSuccess","res","code","push","uploadedSuccessfully","closeLoading","msg","$refs","imageUpload","handleRemove","handleDelete","console","log","findex","f","fileName","splice","$emit","handleUploadError","listToString","handlePictureCardPreview","separator","strs","i","replace","baseUrl","substr","uploadFun","_this","imgUpLoad","then","catch","error"],"sources":["src/components/ImageUpload/index.vue"],"sourcesContent":["<template>\r\n <div class=\"component-upload-image\">\r\n <el-upload\r\n :multiple=\"false\"\r\n :action=\"uploadImgUrl\"\r\n :http-request=\"\r\n (file) => {\r\n uploadFun(file)\r\n }\r\n \"\r\n list-type=\"picture-card\"\r\n :on-success=\"handleUploadSuccess\"\r\n :before-upload=\"handleBeforeUpload\"\r\n :limit=\"limit\"\r\n :on-error=\"handleUploadError\"\r\n :on-exceed=\"handleExceed\"\r\n ref=\"imageUpload\"\r\n :on-remove=\"handleDelete\"\r\n :show-file-list=\"true\"\r\n :headers=\"headers\"\r\n :file-list=\"fileList\"\r\n :on-preview=\"handlePictureCardPreview\"\r\n :class=\"{ hide: this.fileList.length >= this.limit }\"\r\n >\r\n <i class=\"el-icon-plus\"></i>\r\n </el-upload>\r\n\r\n <!-- 上传提示 -->\r\n <div class=\"el-upload__tip\" slot=\"tip\" v-if=\"showTip\">\r\n 请上传\r\n <template v-if=\"fileSize\">\r\n 大小不超过 <b style=\"color: #f56c6c\">{{ fileSize }}MB</b>\r\n </template>\r\n <template v-if=\"fileType\">\r\n 格式为 <b style=\"color: #f56c6c\">{{ fileType.join('/') }}</b>\r\n </template>\r\n 的文件\r\n </div>\r\n\r\n <el-dialog\r\n :visible.sync=\"dialogVisible\"\r\n title=\"预览\"\r\n width=\"800\"\r\n append-to-body\r\n >\r\n <img\r\n :src=\"dialogImageUrl\"\r\n style=\"display: block; max-width: 100%; margin: 0 auto\"\r\n />\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import { getToken } from '@/utils/auth'\r\n import { imgUpLoad } from '@/api/system/upload'\r\n export default {\r\n props: {\r\n value: [String, Object, Array],\r\n // 图片数量限制\r\n limit: {\r\n type: Number,\r\n default: 5,\r\n },\r\n // 大小限制(MB)\r\n fileSize: {\r\n type: Number,\r\n default: 5,\r\n },\r\n // 文件类型, 例如['png', 'jpg', 'jpeg']\r\n fileType: {\r\n type: Array,\r\n default: () => ['png', 'jpg', 'jpeg'],\r\n },\r\n // 是否显示提示\r\n isShowTip: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n // 上传的地址\r\n uploadImgUrl: {\r\n type: String,\r\n default: '#',\r\n },\r\n },\r\n data() {\r\n return {\r\n number: 0,\r\n uploadList: [],\r\n dialogImageUrl: '',\r\n dialogVisible: false,\r\n hideUpload: false,\r\n // uploadImgUrl: process.env.VUE_APP_BASE_API + '/file/upload', // 上传的图片服务器地址\r\n headers: {\r\n Authorization: 'Bearer ' + getToken(),\r\n },\r\n fileList: [],\r\n newFileList: [],\r\n }\r\n },\r\n watch: {\r\n value: {\r\n handler(val) {\r\n if (val) {\r\n // 首先将值转为数组\r\n const list = Array.isArray(val)\r\n ? val\r\n : this.value.split(',')\r\n // 然后将数组转为对象数组\r\n this.fileList = list.map((item) => {\r\n if (typeof item === 'string') {\r\n item = { name: item, url: item }\r\n }\r\n return item\r\n })\r\n } else {\r\n this.fileList = []\r\n return []\r\n }\r\n },\r\n deep: true,\r\n immediate: true,\r\n },\r\n },\r\n computed: {\r\n // 是否显示提示\r\n showTip() {\r\n return this.isShowTip && (this.fileType || this.fileSize)\r\n },\r\n },\r\n methods: {\r\n // 上传前loading加载\r\n handleBeforeUpload(file) {\r\n let isImg = false\r\n if (this.fileType.length) {\r\n let fileExtension = ''\r\n if (file.name.lastIndexOf('.') > -1) {\r\n fileExtension = file.name.slice(\r\n file.name.lastIndexOf('.') + 1,\r\n )\r\n }\r\n isImg = this.fileType.some((type) => {\r\n if (file.type.indexOf(type) > -1) return true\r\n if (fileExtension && fileExtension.indexOf(type) > -1)\r\n return true\r\n return false\r\n })\r\n } else {\r\n isImg = file.type.indexOf('image') > -1\r\n }\r\n\r\n if (!isImg) {\r\n this.$modal.msgError(\r\n `文件格式不正确, 请上传${this.fileType.join(\r\n '/',\r\n )}图片格式文件!`,\r\n )\r\n return false\r\n }\r\n if (this.fileSize) {\r\n const isLt = file.size / 1024 / 1024 < this.fileSize\r\n if (!isLt) {\r\n this.$modal.msgError(\r\n `上传头像图片大小不能超过 ${this.fileSize} MB!`,\r\n )\r\n return false\r\n }\r\n }\r\n this.$modal.loading('正在上传图片，请稍候...')\r\n this.number++\r\n },\r\n // 文件个数超出\r\n handleExceed() {\r\n this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`)\r\n },\r\n // 上传成功回调\r\n handleUploadSuccess(res, file) {\r\n if (res.code === 200) {\r\n this.uploadList.push({\r\n name: res.data.url,\r\n url: res.data.url,\r\n })\r\n this.uploadedSuccessfully()\r\n } else {\r\n this.number--\r\n this.$modal.closeLoading()\r\n this.$modal.msgError(res.msg)\r\n this.$refs.imageUpload.handleRemove(file)\r\n this.uploadedSuccessfully()\r\n }\r\n },\r\n // 删除图片\r\n handleDelete(file) {\r\n console.log(file, '删除的数据', this.newFileList)\r\n // const findex = this.fileList\r\n // .map((f) => f.name)\r\n // .indexOf(file.name)\r\n // if (findex > -1) {\r\n // this.fileList.splice(findex, 1)\r\n // this.$emit('input', this.listToString(this.fileList))\r\n // }\r\n\r\n const findex = this.newFileList\r\n .map((f) => f.fileName)\r\n .indexOf(file.name)\r\n if (findex > -1) {\r\n this.newFileList.splice(findex, 1)\r\n this.$emit('input', this.newFileList)\r\n }\r\n },\r\n // 上传失败\r\n handleUploadError() {\r\n this.$modal.msgError('上传图片失败，请重试')\r\n this.$modal.closeLoading()\r\n },\r\n // 上传结束处理\r\n uploadedSuccessfully() {\r\n if (this.number > 0 && this.uploadList.length === this.number) {\r\n this.fileList = this.fileList.concat(this.uploadList)\r\n this.uploadList = []\r\n this.number = 0\r\n this.$emit('input', this.listToString(this.fileList))\r\n this.$modal.closeLoading()\r\n }\r\n },\r\n // 预览\r\n handlePictureCardPreview(file) {\r\n this.dialogImageUrl = file.url\r\n this.dialogVisible = true\r\n },\r\n // 对象转成指定字符串分隔\r\n listToString(list, separator) {\r\n let strs = ''\r\n separator = separator || ','\r\n for (let i in list) {\r\n if (list[i].url) {\r\n strs +=\r\n list[i].url.replace(this.baseUrl, '') + separator\r\n }\r\n }\r\n return strs != '' ? strs.substr(0, strs.length - 1) : ''\r\n },\r\n\r\n // 手动上传\r\n uploadFun(file) {\r\n file.type = 'ma'\r\n imgUpLoad(file)\r\n .then((res) => {\r\n if (res.code == 200) {\r\n this.newFileList.push(res.data)\r\n this.$emit('input', this.newFileList)\r\n this.$modal.closeLoading()\r\n } else {\r\n this.$modal.msgError(res.msg)\r\n }\r\n })\r\n .catch((error) => {\r\n this.$modal.msgError(error)\r\n })\r\n },\r\n },\r\n }\r\n</script>\r\n<style scoped lang=\"scss\">\r\n // .el-upload--picture-card 控制加号部分\r\n ::v-deep.hide .el-upload--picture-card {\r\n display: none;\r\n }\r\n // 去掉动画效果\r\n ::v-deep .el-list-enter-active,\r\n ::v-deep .el-list-leave-active {\r\n transition: all 0s;\r\n }\r\n\r\n ::v-deep .el-list-enter,\r\n .el-list-leave-active {\r\n opacity: 0;\r\n transform: translateY(0);\r\n }\r\n\r\n .el-upload__tip {\r\n font-size: 14px;\r\n }\r\n</style>\r\n"],"mappings":"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","ignoreList":[]}]} |