| 1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModeling\\k-form-design-master\\packages\\components\\UploadImg\\uploadImg.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModeling\\k-form-design-master\\packages\\components\\UploadImg\\uploadImg.vue","mtime":1688635005906},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCi8qCiAqIGF1dGhvciBrY3oKICogZGF0ZSAyMDE5LTEyLTMxCiAqIGRlc2NyaXB0aW9uIOS4iuS8oOWbvueJh+e7hOS7tgogKi8KaW1wb3J0IHsgcGx1Z2luTWFuYWdlciB9IGZyb20gIi4uLy4uL3V0aWxzL2luZGV4IjsKaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gImFudC1kZXNpZ24tdnVlIjsKCmNvbnN0IFVwbG9hZCA9IHBsdWdpbk1hbmFnZXIuZ2V0Q29tcG9uZW50KCJ1cGxvYWQiKTsKY29uc3QgQnV0dG9uID0gcGx1Z2luTWFuYWdlci5nZXRDb21wb25lbnQoImFCdXR0b24iKS5jb21wb25lbnQ7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiS1VwbG9hZEltZyIsCiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHZ1ZS9yZXF1aXJlLXByb3AtdHlwZXMKICBwcm9wczogWyJyZWNvcmQiLCAidmFsdWUiLCAiY29uZmlnIiwgInBhcmVudERpc2FibGVkIl0sCiAgY29tcG9uZW50czogewogICAgVXBsb2FkOiBVcGxvYWQuY29tcG9uZW50LAogICAgQnV0dG9uCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZmlsZUxpc3Q6IFtdLAogICAgICBwcmV2aWV3VmlzaWJsZTogZmFsc2UsCiAgICAgIHByZXZpZXdJbWFnZVVybDogIiIKICAgIH07CiAgfSwKICB3YXRjaDogewogICAgdmFsdWU6IHsKICAgICAgLy8gdmFsdWUg6ZyA6KaB5rex5bqm55uR5ZCs5Y+K6buY6K6k5YWI5omn6KGMaGFuZGxlcuWHveaVsAogICAgICBoYW5kbGVyKHZhbCkgewogICAgICAgIGlmICh2YWwpIHsKICAgICAgICAgIHRoaXMuc2V0RmlsZUxpc3QoKTsKICAgICAgICB9CiAgICAgIH0sCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIG9wdGlvbnNEYXRhKCkgewogICAgICB0cnkgewogICAgICAgIHJldHVybiBKU09OLnBhcnNlKHRoaXMucmVjb3JkLm9wdGlvbnMuZGF0YSk7CiAgICAgIH0gY2F0Y2ggKGVycikgewogICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyKTsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIHNldEZpbGVMaXN0KCkgewogICAgICAvLyDlvZPkvKDlhaV2YWx1ZeaUueWPmOaXtu+8jGZpbGVMaXN05Lmf6KaB5pS55Y+YCiAgICAgIC8vIOWmguaenOS8oOWFpeeahOWAvOS4uuWtl+espuS4su+8jOWImei9rOaIkGpzb24KICAgICAgaWYgKHR5cGVvZiB0aGlzLnZhbHVlID09PSAic3RyaW5nIikgewogICAgICAgIHRoaXMuZmlsZUxpc3QgPSBKU09OLnBhcnNlKHRoaXMudmFsdWUpOwogICAgICAgIC8vIOWwhui9rOWlveeahGpzb27opobnm5bnu4Tku7bpu5jorqTlgLznmoTlrZfnrKbkuLIKICAgICAgICB0aGlzLmhhbmRsZVNlbGVjdENoYW5nZSgpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuZmlsZUxpc3QgPSB0aGlzLnZhbHVlOwogICAgICB9CiAgICB9LAogICAgaGFuZGxlU2VsZWN0Q2hhbmdlKCkgewogICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICBjb25zdCBhcnIgPSB0aGlzLmZpbGVMaXN0Lm1hcChpdGVtID0+IHsKICAgICAgICAgIGlmICh0eXBlb2YgaXRlbS5yZXNwb25zZSAhPT0gInVuZGVmaW5lZCIpIHsKICAgICAgICAgICAgY29uc3QgcmVzID0gaXRlbS5yZXNwb25zZTsKICAgICAgICAgICAgcmV0dXJuIHsKICAgICAgICAgICAgICB0eXBlOiAiaW1nIiwKICAgICAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsCiAgICAgICAgICAgICAgc3RhdHVzOiBpdGVtLnN0YXR1cywKICAgICAgICAgICAgICB1aWQ6IGl0ZW0udWlkLAogICAgICAgICAgICAgIHVybDogcmVzLmRhdGEudXJsIHx8ICIiCiAgICAgICAgICAgIH07CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICByZXR1cm4gewogICAgICAgICAgICAgIHR5cGU6ICJpbWciLAogICAgICAgICAgICAgIG5hbWU6IGl0ZW0ubmFtZSwKICAgICAgICAgICAgICBzdGF0dXM6IGl0ZW0uc3RhdHVzLAogICAgICAgICAgICAgIHVpZDogaXRlbS51aWQsCiAgICAgICAgICAgICAgdXJsOiBpdGVtLnVybCB8fCAiIgogICAgICAgICAgICB9OwogICAgICAgICAgfQogICAgICAgIH0pOwoKICAgICAgICB0aGlzLiRlbWl0KCJjaGFuZ2UiLCBhcnIpOwogICAgICAgIHRoaXMuJGVtaXQoImlucHV0IiwgYXJyKTsKICAgICAgfSwgMTApOwogICAgfSwKICAgIGhhbmRsZVByZXZpZXcoZmlsZSkgewogICAgICAvLyDpooTop4jlm77niYcKICAgICAgdGhpcy5wcmV2aWV3SW1hZ2VVcmwgPSBmaWxlLnVybCB8fCBmaWxlLnRodW1iVXJsOwogICAgICB0aGlzLnByZXZpZXdWaXNpYmxlID0gdHJ1ZTsKICAgIH0sCiAgICBoYW5kbGVDYW5jZWwoKSB7CiAgICAgIC8vIOWPlua2iOaTjeS9nAogICAgICB0aGlzLnByZXZpZXdWaXNpYmxlID0gZmFsc2U7CiAgICB9LAogICAgcmVtb3ZlKCkgewogICAgICB0aGlzLmhhbmRsZVNlbGVjdENoYW5nZSgpOwogICAgfSwKICAgIGJlZm9yZVVwbG9hZChlLCBmaWxlcykgewogICAgICBpZiAoZmlsZXMubGVuZ3RoICsgdGhpcy5maWxlTGlzdC5sZW5ndGggPiB0aGlzLnJlY29yZC5vcHRpb25zLmxpbWl0KSB7CiAgICAgICAgbWVzc2FnZS53YXJuaW5nKGDmnIDlpKfkuIrkvKDmlbDph4/kuLoke3RoaXMucmVjb3JkLm9wdGlvbnMubGltaXR9YCk7CiAgICAgICAgZmlsZXMuc3BsaWNlKHRoaXMucmVjb3JkLm9wdGlvbnMubGltaXQgLSB0aGlzLmZpbGVMaXN0Lmxlbmd0aCk7CiAgICAgIH0KICAgIH0sCiAgICBoYW5kbGVDaGFuZ2UoaW5mbykgewogICAgICAvLyDkuIrkvKDmlbDmja7mlLnlj5jml7YKICAgICAgdGhpcy5maWxlTGlzdCA9IGluZm8uZmlsZUxpc3Q7CiAgICAgIGlmIChpbmZvLmZpbGUuc3RhdHVzID09PSAiZG9uZSIpIHsKICAgICAgICBjb25zdCByZXMgPSBpbmZvLmZpbGUucmVzcG9uc2U7CiAgICAgICAgaWYgKHJlcy5jb2RlID09PSAwKSB7CiAgICAgICAgICB0aGlzLmhhbmRsZVNlbGVjdENoYW5nZSgpOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLmZpbGVMaXN0LnBvcCgpOwogICAgICAgICAgbWVzc2FnZS5lcnJvcihg5Zu+54mH5LiK5Lyg5aSx6LSlYCk7CiAgICAgICAgfQogICAgICB9IGVsc2UgaWYgKGluZm8uZmlsZS5zdGF0dXMgPT09ICJlcnJvciIpIHsKICAgICAgICBtZXNzYWdlLmVycm9yKGDlm77niYfkuIrkvKDlpLHotKVgKTsKICAgICAgfQogICAgfQogIH0KfTsK"},{"version":3,"sources":["uploadImg.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;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;;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","file":"uploadImg.vue","sourceRoot":"src/views/system/fromModeling/k-form-design-master/packages/components/UploadImg","sourcesContent":["<!--\n * @Description: 对上传图片组件进行封装\n * @Author: kcz\n * @Date: 2020-03-17 12:53:50\n * @LastEditors: kcz\n * @LastEditTime: 2022-10-26 21:14:16\n -->\n<template>\n <div\n :style=\"{ width: record.options.width }\"\n class=\"upload-img-box-9136076486841527\"\n >\n <Upload\n :name=\"config.uploadImageName || record.options.fileName\"\n :headers=\"config.uploadImageHeaders || record.options.headers\"\n :data=\"config.uploadImageData || optionsData\"\n :action=\"config.uploadImage || record.options.action\"\n :multiple=\"record.options.multiple\"\n :listType=\"record.options.listType\"\n :disabled=\"record.options.disabled || parentDisabled\"\n :fileList=\"fileList\"\n accept=\"image/gif, image/jpeg, image/png\"\n @change=\"handleChange\"\n @preview=\"handlePreview\"\n :remove=\"remove\"\n :beforeUpload=\"beforeUpload\"\n >\n <Button\n v-if=\"\n record.options.listType !== 'picture-card' &&\n fileList.length < record.options.limit\n \"\n :disabled=\"record.options.disabled || parentDisabled\"\n >\n <a-icon type=\"upload\" /> {{ record.options.placeholder }}\n </Button>\n <div\n v-if=\"\n record.options.listType === 'picture-card' &&\n fileList.length < record.options.limit\n \"\n :disabled=\"record.options.disabled || parentDisabled\"\n >\n <a-icon type=\"plus\" />\n <div class=\"ant-upload-text\">{{ record.options.placeholder }}</div>\n </div>\n </Upload>\n <a-modal :visible=\"previewVisible\" :footer=\"null\" @cancel=\"handleCancel\">\n <img alt=\"example\" style=\"width: 100%\" :src=\"previewImageUrl\" />\n </a-modal>\n </div>\n</template>\n<script>\n/*\n * author kcz\n * date 2019-12-31\n * description 上传图片组件\n */\nimport { pluginManager } from \"../../utils/index\";\nimport { message } from \"ant-design-vue\";\n\nconst Upload = pluginManager.getComponent(\"upload\");\nconst Button = pluginManager.getComponent(\"aButton\").component;\nexport default {\n name: \"KUploadImg\",\n // eslint-disable-next-line vue/require-prop-types\n props: [\"record\", \"value\", \"config\", \"parentDisabled\"],\n components: {\n Upload: Upload.component,\n Button\n },\n data() {\n return {\n fileList: [],\n previewVisible: false,\n previewImageUrl: \"\"\n };\n },\n watch: {\n value: {\n // value 需要深度监听及默认先执行handler函数\n handler(val) {\n if (val) {\n this.setFileList();\n }\n },\n immediate: true,\n deep: true\n }\n },\n computed: {\n optionsData() {\n try {\n return JSON.parse(this.record.options.data);\n } catch (err) {\n console.error(err);\n return {};\n }\n }\n },\n methods: {\n setFileList() {\n // 当传入value改变时，fileList也要改变\n // 如果传入的值为字符串，则转成json\n if (typeof this.value === \"string\") {\n this.fileList = JSON.parse(this.value);\n // 将转好的json覆盖组件默认值的字符串\n this.handleSelectChange();\n } else {\n this.fileList = this.value;\n }\n },\n handleSelectChange() {\n setTimeout(() => {\n const arr = this.fileList.map(item => {\n if (typeof item.response !== \"undefined\") {\n const res = item.response;\n return {\n type: \"img\",\n name: item.name,\n status: item.status,\n uid: item.uid,\n url: res.data.url || \"\"\n };\n } else {\n return {\n type: \"img\",\n name: item.name,\n status: item.status,\n uid: item.uid,\n url: item.url || \"\"\n };\n }\n });\n\n this.$emit(\"change\", arr);\n this.$emit(\"input\", arr);\n }, 10);\n },\n handlePreview(file) {\n // 预览图片\n this.previewImageUrl = file.url || file.thumbUrl;\n this.previewVisible = true;\n },\n handleCancel() {\n // 取消操作\n this.previewVisible = false;\n },\n remove() {\n this.handleSelectChange();\n },\n beforeUpload(e, files) {\n if (files.length + this.fileList.length > this.record.options.limit) {\n message.warning(`最大上传数量为${this.record.options.limit}`);\n files.splice(this.record.options.limit - this.fileList.length);\n }\n },\n handleChange(info) {\n // 上传数据改变时\n this.fileList = info.fileList;\n if (info.file.status === \"done\") {\n const res = info.file.response;\n if (res.code === 0) {\n this.handleSelectChange();\n } else {\n this.fileList.pop();\n message.error(`图片上传失败`);\n }\n } else if (info.file.status === \"error\") {\n message.error(`图片上传失败`);\n }\n }\n }\n};\n</script>\n"]}]}
|
