| 1 |
- {"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\thread-loader\\dist\\cjs.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\UploadQiniu.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\UploadQiniu.vue","mtime":1673091770087},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFBpY0xpYnJhcnkgZnJvbSAiLi9QaWNMaWJyYXJ5LnZ1ZSI7CmV4cG9ydCBkZWZhdWx0IHsKICBjb21wb25lbnRzOiB7CiAgICBQaWNMaWJyYXJ5CiAgfSwKICBwcm9wczogewogICAgaW1nSGVpZ2h0OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNzUwCiAgICB9LAogICAgbGltaXQ6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAxCiAgICB9LAogICAgd2lkdGg6IHsKICAgICAgdHlwZTogW051bWJlciwgU3RyaW5nXSwKICAgICAgZGVmYXVsdDogMTQ2CiAgICB9LAogICAgaXNCdG46IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAicGljdHVyZS1jYXJkIgogICAgfSwKICAgIHVwVGlwOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiIKICAgIH0sCiAgICBtb2RhbDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiB0cnVlCiAgICB9LAogICAgZmlsZUxpc3Q6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4gW107CiAgICAgIH0KICAgIH0sCiAgICAvLyDmmK/lkKbor7fmsYLliKDpmaTmjqXlj6MKICAgIHRydWVEZWw6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBsb2FkaW5nOiBmYWxzZSwKICAgICAgcGljX21vZGVsX3Nob3c6IGZhbHNlLAogICAgICBmaWxlX2xpc3Q6IFtdCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICBmaWxlTGlzdCh2YWwpIHsKICAgICAgaWYgKHZhbC5sZW5ndGggPiB0aGlzLmxpbWl0KSB7CiAgICAgICAgdGhpcy4kbWVzc2FnZS53YXJuaW5nKGDmirHmrYnvvIzmgqjoh7PlpJrog73pgInmi6kke3RoaXMubGltaXR95byg5Zu+54mHYCk7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICB0aGlzLmZpbGVfbGlzdCA9IHZhbC5tYXAoaXRlbSA9PiB7CiAgICAgICAgcmV0dXJuIHsgLi4uaXRlbSwKICAgICAgICAgIGNvbnRlbnQ6IGl0ZW0udXJsIHx8IGl0ZW0uY29udGVudAogICAgICAgIH07CiAgICAgIH0pOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5maWxlX2xpc3QgPSB0aGlzLmZpbGVMaXN0Lm1hcChpdGVtID0+IHsKICAgICAgcmV0dXJuIHsgLi4uaXRlbSwKICAgICAgICBjb250ZW50OiBpdGVtLnVybCB8fCBpdGVtLmNvbnRlbnQKICAgICAgfTsKICAgIH0pOwogIH0sCgogIG1vdW50ZWQoKSB7CiAgICAvLyDpobXpnaLlhoXnu4Tku7Yg5ouW5ou95LqL5Lu2CiAgICB0aGlzLiRkcmFnZ2luZy4kb24oImRyYWdnZWQiLCByZXMgPT4gewogICAgICB0aGlzLiRlbWl0KCJpbWdTb3J0Q2hhbmdlIiwgdGhpcy5maWxlX2xpc3QpOwogICAgfSk7CiAgfSwKCiAgbWV0aG9kczogewogICAgYmVmb3JlVXBsb2FkKCkgewogICAgICB0aGlzLnBpY19tb2RlbF9zaG93ID0gdHJ1ZTsKICAgICAgdGhpcy4kZW1pdCgiYmVmb3JlVXBsb2FkIik7CiAgICB9LAoKICAgIC8vIOS4iuS8oOaIkOWKnwogICAgdXBsb2FkU3VjY2VzcyhmaWxlTGlzdCkgewogICAgICB0aGlzLmZpbGVfbGlzdCA9IGZpbGVMaXN0OwogICAgICBjb25zdCB1cGxvYWRQaWNVcmxZID0gZmlsZUxpc3RbMF0uY29udGVudDsKICAgICAgY29uc3QgZmlsZSA9IGZpbGVMaXN0WzBdOwogICAgICB0aGlzLiRlbWl0KCJ1cGxvYWRTdWNjZXNzIiwgdXBsb2FkUGljVXJsWSwge30sIGZpbGUsIGZpbGVMaXN0KTsKICAgIH0sCgogICAgdXBsb2FkUmVtb3ZlKGluZGV4LCBmaWxlKSB7CiAgICAgIHRoaXMuZmlsZV9saXN0LnNwbGljZShpbmRleCwgMSk7CiAgICAgIHRoaXMuJGVtaXQoImhhbmRsZVJlbW92ZSIsIGZpbGUsIHRoaXMuZmlsZV9saXN0KTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;EACAA;IACAC;EADA,CADA;EAIAC;IACAC;MACAC,YADA;MAEAC;IAFA,CADA;IAKAC;MACAF,YADA;MAEAC;IAFA,CALA;IASAE;MACAH,sBADA;MAEAC;IAFA,CATA;IAaAG;MACAJ,YADA;MAEAC;IAFA,CAbA;IAiBAI;MACAL,YADA;MAEAC;IAFA,CAjBA;IAqBAK;MACAN,aADA;MAEAC;IAFA,CArBA;IAyBAM;MACAP,WADA;MAEAC;QACA;MACA;IAJA,CAzBA;IA+BA;IACAO;MACAR,aADA;MAEAC;IAFA;EAhCA,CAJA;;EAyCAQ;IACA;MACAC,cADA;MAEAC,qBAFA;MAGAC;IAHA;EAKA,CA/CA;;EAgDAC;IACAN;MACA;QACA;QACA;MACA;;MACA;QACA,SACA,OADA;UAEAO;QAFA;MAIA,CALA;IAMA;;EAZA,CAhDA;;EA8DAC;IACA;MACA,SACA,OADA;QAEAD;MAFA;IAIA,CALA;EAMA,CArEA;;EAsEAE;IACA;IACA;MACA;IACA,CAFA;EAGA,CA3EA;;EA4EAC;IACAC;MACA;MACA;IACA,CAJA;;IAKA;IACAC;MACA;MACA;MACA;MACA;IACA,CAXA;;IAYAC;MACA;MACA;IACA;;EAfA;AA5EA","names":["components","PicLibrary","props","imgHeight","type","default","limit","width","isBtn","upTip","modal","fileList","trueDel","data","loading","pic_model_show","file_list","watch","content","created","mounted","methods","beforeUpload","uploadSuccess","uploadRemove"],"sourceRoot":"src/component/common","sources":["UploadQiniu.vue"],"sourcesContent":["<template>\n <div class=\"upload-info\">\n <ul class=\"upload-pic-ul\">\n <li\n v-for=\"(item, index) in file_list\"\n :key=\"index\"\n v-dragging=\"{ item: item, list: file_list, group: 'item' }\"\n class=\"upload-pic-li\"\n :style=\"{ width: width + 'px', height: width + 'px' }\"\n >\n <img class=\"upload-img\" :src=\"item.content\" alt=\"\" />\n <div class=\"shadow-img\"></div>\n <i class=\"el-icon-delete\" @click=\"uploadRemove(index, item)\"></i>\n </li>\n </ul>\n\n <div\n class=\"upload-pic\"\n :style=\"{\n width: width + 'px',\n height: width + 'px',\n lineHeight: width + 2 + 'px',\n }\"\n @click=\"beforeUpload\"\n >\n <i class=\"el-icon-plus\"></i>\n </div>\n <PicLibrary\n v-if=\"pic_model_show\"\n :img-height=\"imgHeight\"\n :modal=\"modal\"\n :limit=\"limit\"\n :is-show=\"pic_model_show\"\n @cancel=\"pic_model_show = false\"\n @confirm=\"uploadSuccess\"\n />\n </div>\n</template>\n\n<script>\n import PicLibrary from \"./PicLibrary.vue\";\n export default {\n components: {\n PicLibrary,\n },\n props: {\n imgHeight: {\n type: Number,\n default: 750,\n },\n limit: {\n type: Number,\n default: 1,\n },\n width: {\n type: [Number, String],\n default: 146,\n },\n isBtn: {\n type: String,\n default: \"picture-card\",\n },\n upTip: {\n type: String,\n default: \"\",\n },\n modal: {\n type: Boolean,\n default: true,\n },\n fileList: {\n type: Array,\n default: () => {\n return [];\n },\n },\n // 是否请求删除接口\n trueDel: {\n type: Boolean,\n default: true,\n },\n },\n data() {\n return {\n loading: false,\n pic_model_show: false,\n file_list: [],\n };\n },\n watch: {\n fileList(val) {\n if (val.length > this.limit) {\n this.$message.warning(`抱歉，您至多能选择${this.limit}张图片`);\n return;\n }\n this.file_list = val.map((item) => {\n return {\n ...item,\n content: item.url || item.content,\n };\n });\n },\n },\n created() {\n this.file_list = this.fileList.map((item) => {\n return {\n ...item,\n content: item.url || item.content,\n };\n });\n },\n mounted() {\n // 页面内组件 拖拽事件\n this.$dragging.$on(\"dragged\", (res) => {\n this.$emit(\"imgSortChange\", this.file_list);\n });\n },\n methods: {\n beforeUpload() {\n this.pic_model_show = true;\n this.$emit(\"beforeUpload\");\n },\n // 上传成功\n uploadSuccess(fileList) {\n this.file_list = fileList;\n const uploadPicUrlY = fileList[0].content;\n const file = fileList[0];\n this.$emit(\"uploadSuccess\", uploadPicUrlY, {}, file, fileList);\n },\n uploadRemove(index, file) {\n this.file_list.splice(index, 1);\n this.$emit(\"handleRemove\", file, this.file_list);\n },\n },\n };\n</script>\n<style scoped>\n .logoTip {\n font-size: 12px;\n }\n .upload-pic {\n background-color: #fbfdff;\n border: 1px dashed #c0ccda;\n border-radius: 6px;\n box-sizing: border-box;\n width: 148px;\n height: 148px;\n cursor: pointer;\n line-height: 146px;\n vertical-align: top;\n text-align: center;\n display: inline-block;\n margin-bottom: 10px;\n }\n .upload-pic i {\n font-size: 28px;\n color: #8c939d;\n }\n .upload-pic-ul {\n display: inline-block;\n }\n .upload-pic-li {\n display: inline-block;\n border-radius: 6px;\n border: 1px solid #c0ccda;\n position: relative;\n width: 148px;\n height: 148px;\n margin-right: 10px;\n cursor: move;\n }\n .upload-pic-li .el-icon-delete {\n position: absolute;\n top: 50%;\n left: 50%;\n color: #fff;\n border-radius: 6px;\n font-size: 20px;\n transform: translate(-10px, -10px);\n display: none;\n cursor: pointer;\n }\n .shadow-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n display: none;\n }\n .upload-pic-li:hover .shadow-img,\n .upload-pic-li:hover .el-icon-delete {\n display: block;\n }\n .upload-img {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n }\n</style>\n"]}]}
|
