{"remainingRequest":"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\\extra\\VabUpload\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\extra\\VabUpload\\index.vue","mtime":1655374732000},{"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\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgYmFzZVVSTCwgdG9rZW5OYW1lIH0gZnJvbSAiQC9jb25maWcvc2V0dGluZ3MiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlZhYlVwbG9hZCIsCiAgcHJvcHM6IHsKICAgIHVybDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICIvdXBsb2FkIiwKICAgICAgcmVxdWlyZWQ6IHRydWUKICAgIH0sCiAgICBuYW1lOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogImZpbGUiLAogICAgICByZXF1aXJlZDogdHJ1ZQogICAgfSwKICAgIGxpbWl0OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNTAsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9LAogICAgc2l6ZTogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNob3c6IGZhbHNlLAogICAgICBsb2FkaW5nOiBmYWxzZSwKICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsCiAgICAgIGRpYWxvZ0ltYWdlVXJsOiAiIiwKICAgICAgYWN0aW9uOiAiaHR0cHM6Ly92YWItdW5pY2xvdWQtM2E5ZGE5LnNlcnZpY2UudGNsb3VkYmFzZS5jb20vdXBsb2FkIiwKICAgICAgaGVhZGVyczoge30sCiAgICAgIGZpbGVMaXN0OiBbXSwKICAgICAgcGljdHVyZTogInBpY3R1cmUiLAogICAgICBpbWdOdW06IDAsCiAgICAgIGltZ1N1Y2Nlc3NOdW06IDAsCiAgICAgIGltZ0Vycm9yTnVtOiAwLAogICAgICB0eXBlTGlzdDogbnVsbCwKICAgICAgdGl0bGU6ICLkuIrkvKAiLAogICAgICBkaWFsb2dGb3JtVmlzaWJsZTogZmFsc2UsCiAgICAgIGRhdGE6IHt9CiAgICB9OwogIH0sCgogIGNvbXB1dGVkOiB7CiAgICBwZXJjZW50YWdlKCkgewogICAgICBpZiAodGhpcy5hbGxJbWdOdW0gPT0gMCkgcmV0dXJuIDA7CiAgICAgIHJldHVybiB0aGlzLiRiYXNlTG9kYXNoLnJvdW5kKHRoaXMuaW1nTnVtIC8gdGhpcy5hbGxJbWdOdW0sIDIpICogMTAwOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgLyogIGlmICgiZGV2ZWxvcG1lbnQiID09PSBwcm9jZXNzLmVudi5OT0RFX0VOVikgewogICAgICB0aGlzLmFwaSA9IGJhc2VVUkw7CiAgICB9IGVsc2UgewogICAgICB0aGlzLmFwaSA9IGAke3dpbmRvdy5sb2NhdGlvbi5wcm90b2NvbH0vLyR7d2luZG93LmxvY2F0aW9uLmhvc3R9YDsKICAgIH0KICAgIHRoaXMuYWN0aW9uID0gdGhpcy5hcGkgKyB0aGlzLnVybDsgKi8KICAgIHRoaXMuaGVhZGVyc1t0b2tlbk5hbWVdID0gdGhpcy4kYmFzZUFjY2Vzc1Rva2VuKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgc3VibWl0VXBsb2FkKCkgewogICAgICB0aGlzLiRyZWZzLnVwbG9hZC5zdWJtaXQoKTsKICAgIH0sCgogICAgaGFuZGxlUHJvZ3Jlc3MoZXZlbnQsIGZpbGUsIGZpbGVMaXN0KSB7CiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7CiAgICAgIHRoaXMuc2hvdyA9IHRydWU7CiAgICB9LAoKICAgIGhhbmRsZUNoYW5nZShmaWxlLCBmaWxlTGlzdCkgewogICAgICBpZiAoZmlsZS5zaXplID4gMTA0ODU3NiAqIHRoaXMuc2l6ZSkgewogICAgICAgIGZpbGVMaXN0Lm1hcCgoaXRlbSwgaW5kZXgpID0+IHsKICAgICAgICAgIGlmIChpdGVtID09PSBmaWxlKSB7CiAgICAgICAgICAgIGZpbGVMaXN0LnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgICB9CiAgICAgICAgfSk7CiAgICAgICAgdGhpcy5maWxlTGlzdCA9IGZpbGVMaXN0OwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuYWxsSW1nTnVtID0gZmlsZUxpc3QubGVuZ3RoOwogICAgICB9CiAgICB9LAoKICAgIGhhbmRsZVN1Y2Nlc3MocmVzcG9uc2UsIGZpbGUsIGZpbGVMaXN0KSB7CiAgICAgIHRoaXMuaW1nTnVtID0gdGhpcy5pbWdOdW0gKyAxOwogICAgICB0aGlzLmltZ1N1Y2Nlc3NOdW0gPSB0aGlzLmltZ1N1Y2Nlc3NOdW0gKyAxOwoKICAgICAgaWYgKGZpbGVMaXN0Lmxlbmd0aCA9PT0gdGhpcy5pbWdOdW0pIHsKICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICAgIHRoaXMuJGVtaXQoImZldGNoRGF0YXMiKTsKICAgICAgICAgIHRoaXMuJGJhc2VNZXNzYWdlKGDkuIrkvKDlrozmiJAhIOWFseS4iuS8oCR7ZmlsZUxpc3QubGVuZ3RofeW8oOWbvueJh2AsICJzdWNjZXNzIik7CiAgICAgICAgfSwgMTAwMCk7CiAgICAgIH0KCiAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOwogICAgICAgIHRoaXMuc2hvdyA9IGZhbHNlOwogICAgICB9LCAxMDAwKTsKICAgIH0sCgogICAgaGFuZGxlRXJyb3IoZXJyLCBmaWxlLCBmaWxlTGlzdCkgewogICAgICB0aGlzLmltZ051bSA9IHRoaXMuaW1nTnVtICsgMTsKICAgICAgdGhpcy5pbWdFcnJvck51bSA9IHRoaXMuaW1nRXJyb3JOdW0gKyAxOwogICAgICB0aGlzLiRiYXNlTWVzc2FnZShg5paH5Lu2WyR7ZmlsZS5yYXcubmFtZX1d5LiK5Lyg5aSx6LSlLOaWh+S7tuWkp+Wwj+S4uiR7dGhpcy4kYmFzZUxvZGFzaC5yb3VuZChmaWxlLnJhdy5zaXplIC8gMTAyNCwgMCl9S0JgLCAiZXJyb3IiKTsKICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7CiAgICAgICAgdGhpcy5zaG93ID0gZmFsc2U7CiAgICAgIH0sIDEwMDApOwogICAgfSwKCiAgICBoYW5kbGVSZW1vdmUoZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgdGhpcy5pbWdOdW0gPSB0aGlzLmltZ051bSAtIDE7CiAgICAgIHRoaXMuYWxsTnVtID0gdGhpcy5hbGxOdW0gLSAxOwogICAgfSwKCiAgICBoYW5kbGVQcmV2aWV3KGZpbGUpIHsKICAgICAgdGhpcy5kaWFsb2dJbWFnZVVybCA9IGZpbGUudXJsOwogICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSB0cnVlOwogICAgfSwKCiAgICBoYW5kbGVFeGNlZWQoZmlsZXMsIGZpbGVMaXN0KSB7CiAgICAgIHRoaXMuJGJhc2VNZXNzYWdlKGDlvZPliY3pmZDliLbpgInmi6kgJHt0aGlzLmxpbWl0fSDkuKrmlofku7bvvIzmnKzmrKHpgInmi6nkuoYKICAgICAgICAgICAke2ZpbGVzLmxlbmd0aH0KICAgICAgICAgICDkuKrmlofku7ZgLCAiZXJyb3IiKTsKICAgIH0sCgogICAgaGFuZGxlU2hvdyhkYXRhKSB7CiAgICAgIHRoaXMudGl0bGUgPSAi5LiK5LygIjsKICAgICAgdGhpcy5kYXRhID0gZGF0YTsKICAgICAgdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IHRydWU7CiAgICB9LAoKICAgIGhhbmRsZUNsb3NlKCkgewogICAgICB0aGlzLmZpbGVMaXN0ID0gW107CiAgICAgIHRoaXMucGljdHVyZSA9ICJwaWN0dXJlIjsKICAgICAgdGhpcy5hbGxJbWdOdW0gPSAwOwogICAgICB0aGlzLmltZ051bSA9IDA7CiAgICAgIHRoaXMuaW1nU3VjY2Vzc051bSA9IDA7CiAgICAgIHRoaXMuaW1nRXJyb3JOdW0gPSAwOwoKICAgICAgaWYgKCJkZXZlbG9wbWVudCIgPT09IHByb2Nlc3MuZW52Lk5PREVfRU5WKSB7CiAgICAgICAgdGhpcy5hcGkgPSBwcm9jZXNzLmVudi5WVUVfQVBQX0JBU0VfQVBJOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuYXBpID0gYCR7d2luZG93LmxvY2F0aW9uLnByb3RvY29sfS8vJHt3aW5kb3cubG9jYXRpb24uaG9zdH1gOwogICAgICB9CgogICAgICB0aGlzLmFjdGlvbiA9IHRoaXMuYXBpICsgdGhpcy51cmw7CiAgICAgIHRoaXMuaGVhZGVyc1t0b2tlbk5hbWVdID0gdGhpcy4kYmFzZUFjY2Vzc1Rva2VuKCk7CiAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSBmYWxzZTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AAEA;EACAA,iBADA;EAEAC;IACAC;MACAC,YADA;MAEAC,kBAFA;MAGAC;IAHA,CADA;IAMAL;MACAG,YADA;MAEAC,eAFA;MAGAC;IAHA,CANA;IAWAC;MACAH,YADA;MAEAC,WAFA;MAGAC;IAHA,CAXA;IAgBAE;MACAJ,YADA;MAEAC,UAFA;MAGAC;IAHA;EAhBA,CAFA;;EAwBAG;IACA;MACAC,WADA;MAEAC,cAFA;MAGAC,oBAHA;MAIAC,kBAJA;MAKAC,mEALA;MAMAC,WANA;MAOAC,YAPA;MAQAC,kBARA;MASAC,SATA;MAUAC,gBAVA;MAWAC,cAXA;MAYAC,cAZA;MAaAC,WAbA;MAcAC,wBAdA;MAeAd;IAfA;EAiBA,CA1CA;;EA2CAe;IACAC;MACA;MACA;IACA;;EAJA,CA3CA;;EAiDAC;IACA;AACA;AACA;AACA;AACA;AACA;IACA;EACA,CAzDA;;EA0DAC;IACAC;MACA;IACA,CAHA;;IAIAC;MACA;MACA;IACA,CAPA;;IAQAC;MACA;QACAd;UACA;YACAA;UACA;QACA,CAJA;QAKA;MACA,CAPA,MAOA;QACA;MACA;IACA,CAnBA;;IAoBAe;MACA;MACA;;MACA;QACAC;UACA;UACA,kBACA,gCADA,EAEA,SAFA;QAIA,CANA,EAMA,IANA;MAOA;;MAEAA;QACA;QACA;MACA,CAHA,EAGA,IAHA;IAIA,CArCA;;IAsCAC;MACA;MACA;MACA,kBACA,wDACAC,oBADA,EAEA,CAFA,CAGA,IAJA,EAKA,OALA;MAOAF;QACA;QACA;MACA,CAHA,EAGA,IAHA;IAIA,CApDA;;IAqDAG;MACA;MACA;IACA,CAxDA;;IAyDAC;MACA;MACA;IACA,CA5DA;;IA6DAC;MACA,kBACA;AACA;AACA,eAHA,EAIA,OAJA;IAMA,CApEA;;IAqEAC;MACA;MACA;MACA;IACA,CAzEA;;IA0EAC;MACA;MACA;MACA;MACA;MACA;MACA;;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;;MAEA;MACA;MACA;IACA;;EA1FA;AA1DA","names":["name","props","url","type","default","required","limit","size","data","show","loading","dialogVisible","dialogImageUrl","action","headers","fileList","picture","imgNum","imgSuccessNum","imgErrorNum","typeList","title","dialogFormVisible","computed","percentage","created","methods","submitUpload","handleProgress","handleChange","handleSuccess","setTimeout","handleError","file","handleRemove","handlePreview","handleExceed","handleShow","handleClose"],"sourceRoot":"src/extra/VabUpload","sources":["index.vue"],"sourcesContent":["<template>\n  <el-dialog\n    :before-close=\"handleClose\"\n    :title=\"title\"\n    :visible.sync=\"dialogFormVisible\"\n    width=\"909px\"\n    :close-on-press-escape=\"false\"\n    :close-on-click-modal=\"false\"\n  >\n    <div class=\"upload\">\n      <el-alert\n        :closable=\"false\"\n        :title=\"`支持jpg、jpeg、png格式，单次可最多选择${limit}张图片，每张不可大于${size}M，如果大于${size}M会自动为您过滤`\"\n        type=\"info\"\n      ></el-alert>\n      <br />\n      <el-upload\n        ref=\"upload\"\n        :action=\"action\"\n        :auto-upload=\"false\"\n        :close-on-click-modal=\"false\"\n        :data=\"data\"\n        :file-list=\"fileList\"\n        :headers=\"headers\"\n        :limit=\"limit\"\n        :multiple=\"true\"\n        :name=\"name\"\n        :on-change=\"handleChange\"\n        :on-error=\"handleError\"\n        :on-exceed=\"handleExceed\"\n        :on-preview=\"handlePreview\"\n        :on-progress=\"handleProgress\"\n        :on-remove=\"handleRemove\"\n        :on-success=\"handleSuccess\"\n        accept=\"image/png, image/jpeg\"\n        class=\"upload-content\"\n        list-type=\"picture-card\"\n      >\n        <i slot=\"trigger\" class=\"el-icon-plus\"></i>\n        <el-dialog\n          :visible.sync=\"dialogVisible\"\n          append-to-body\n          title=\"查看大图\"\n        >\n          <div>\n            <img :src=\"dialogImageUrl\" alt=\"\" width=\"100%\" />\n          </div>\n        </el-dialog>\n      </el-upload>\n    </div>\n    <div\n      slot=\"footer\"\n      class=\"dialog-footer\"\n      style=\"position: relative; padding-right: 15px; text-align: right\"\n    >\n      <div\n        v-if=\"show\"\n        style=\"position: absolute; top: 10px; left: 15px; color: #999\"\n      >\n        正在上传中... 当前上传成功数:{{ imgSuccessNum }}张 当前上传失败数:{{\n          imgErrorNum\n        }}张\n      </div>\n      <el-button type=\"primary\" @click=\"handleClose\">关闭</el-button>\n      <el-button\n        :loading=\"loading\"\n        size=\"small\"\n        style=\"margin-left: 10px\"\n        type=\"success\"\n        @click=\"submitUpload\"\n      >\n        开始上传\n      </el-button>\n    </div>\n  </el-dialog>\n</template>\n\n<script>\n  import { baseURL, tokenName } from \"@/config/settings\";\n\n  export default {\n    name: \"VabUpload\",\n    props: {\n      url: {\n        type: String,\n        default: \"/upload\",\n        required: true,\n      },\n      name: {\n        type: String,\n        default: \"file\",\n        required: true,\n      },\n      limit: {\n        type: Number,\n        default: 50,\n        required: true,\n      },\n      size: {\n        type: Number,\n        default: 1,\n        required: true,\n      },\n    },\n    data() {\n      return {\n        show: false,\n        loading: false,\n        dialogVisible: false,\n        dialogImageUrl: \"\",\n        action: \"https://vab-unicloud-3a9da9.service.tcloudbase.com/upload\",\n        headers: {},\n        fileList: [],\n        picture: \"picture\",\n        imgNum: 0,\n        imgSuccessNum: 0,\n        imgErrorNum: 0,\n        typeList: null,\n        title: \"上传\",\n        dialogFormVisible: false,\n        data: {},\n      };\n    },\n    computed: {\n      percentage() {\n        if (this.allImgNum == 0) return 0;\n        return this.$baseLodash.round(this.imgNum / this.allImgNum, 2) * 100;\n      },\n    },\n    created() {\n      /*  if (\"development\" === process.env.NODE_ENV) {\n        this.api = baseURL;\n      } else {\n        this.api = `${window.location.protocol}//${window.location.host}`;\n      }\n      this.action = this.api + this.url; */\n      this.headers[tokenName] = this.$baseAccessToken();\n    },\n    methods: {\n      submitUpload() {\n        this.$refs.upload.submit();\n      },\n      handleProgress(event, file, fileList) {\n        this.loading = true;\n        this.show = true;\n      },\n      handleChange(file, fileList) {\n        if (file.size > 1048576 * this.size) {\n          fileList.map((item, index) => {\n            if (item === file) {\n              fileList.splice(index, 1);\n            }\n          });\n          this.fileList = fileList;\n        } else {\n          this.allImgNum = fileList.length;\n        }\n      },\n      handleSuccess(response, file, fileList) {\n        this.imgNum = this.imgNum + 1;\n        this.imgSuccessNum = this.imgSuccessNum + 1;\n        if (fileList.length === this.imgNum) {\n          setTimeout(() => {\n            this.$emit(\"fetchDatas\");\n            this.$baseMessage(\n              `上传完成! 共上传${fileList.length}张图片`,\n              \"success\"\n            );\n          }, 1000);\n        }\n\n        setTimeout(() => {\n          this.loading = false;\n          this.show = false;\n        }, 1000);\n      },\n      handleError(err, file, fileList) {\n        this.imgNum = this.imgNum + 1;\n        this.imgErrorNum = this.imgErrorNum + 1;\n        this.$baseMessage(\n          `文件[${file.raw.name}]上传失败,文件大小为${this.$baseLodash.round(\n            file.raw.size / 1024,\n            0\n          )}KB`,\n          \"error\"\n        );\n        setTimeout(() => {\n          this.loading = false;\n          this.show = false;\n        }, 1000);\n      },\n      handleRemove(file, fileList) {\n        this.imgNum = this.imgNum - 1;\n        this.allNum = this.allNum - 1;\n      },\n      handlePreview(file) {\n        this.dialogImageUrl = file.url;\n        this.dialogVisible = true;\n      },\n      handleExceed(files, fileList) {\n        this.$baseMessage(\n          `当前限制选择 ${this.limit} 个文件，本次选择了\n             ${files.length}\n             个文件`,\n          \"error\"\n        );\n      },\n      handleShow(data) {\n        this.title = \"上传\";\n        this.data = data;\n        this.dialogFormVisible = true;\n      },\n      handleClose() {\n        this.fileList = [];\n        this.picture = \"picture\";\n        this.allImgNum = 0;\n        this.imgNum = 0;\n        this.imgSuccessNum = 0;\n        this.imgErrorNum = 0;\n        if (\"development\" === process.env.NODE_ENV) {\n          this.api = process.env.VUE_APP_BASE_API;\n        } else {\n          this.api = `${window.location.protocol}//${window.location.host}`;\n        }\n\n        this.action = this.api + this.url;\n        this.headers[tokenName] = this.$baseAccessToken();\n        this.dialogFormVisible = false;\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .upload {\n    height: 500px;\n\n    .upload-content {\n      .el-upload__tip {\n        display: block;\n        height: 30px;\n        line-height: 30px;\n      }\n\n      ::v-deep {\n        .el-upload--picture-card {\n          width: 128px;\n          height: 128px;\n          margin: 3px 8px 8px 8px;\n          border: 2px dashed #c0ccda;\n        }\n\n        .el-upload-list--picture {\n          margin-bottom: 20px;\n        }\n\n        .el-upload-list--picture-card {\n          .el-upload-list__item {\n            width: 128px;\n            height: 128px;\n            margin: 3px 8px 8px 8px;\n          }\n        }\n      }\n    }\n  }\n</style>\n"]}]}