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