wenyongda/ZrAdminNetCore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化代码生成上传图片

Browse Source
This commit is contained in:
不做码农 2021-12-07 22:41:49 +08:00
parent cf43e9d077
commit c169ec18cd
2 changed files with 37 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ZR.CodeGenerator/CodeGenerateTemplate.cs
View File

@ -105,7 +105,7 @@ namespace ZR.CodeGenerator
//图片 //图片
sb.AppendLine(" <el-col :span=\"24\">"); sb.AppendLine(" <el-col :span=\"24\">");
sb.AppendLine($" <el-form-item label=\"{labelName}\" :label-width=\"labelWidth\" prop=\"{columnName}\">"); sb.AppendLine($" <el-form-item label=\"{labelName}\" :label-width=\"labelWidth\" prop=\"{columnName}\">");
sb.AppendLine($@" <UploadImage :icon=""form.{columnName}"" column='{columnName}' :key=""form.{columnName}"" @handleUploadSuccess=""handleUploadSuccess"" />"); sb.AppendLine($@" <UploadImage v-model=""form.{columnName}"" column=""{columnName}"" @input=""handleUploadSuccess"" />");
sb.AppendLine(" </el-form-item>"); sb.AppendLine(" </el-form-item>");
sb.AppendLine(" </el-col>"); sb.AppendLine(" </el-col>");
} }
@ -160,7 +160,7 @@ namespace ZR.CodeGenerator
sb.AppendLine(" <el-col :span=\"12\">"); sb.AppendLine(" <el-col :span=\"12\">");
sb.AppendLine($" <el-form-item label=\"{labelName}\" :label-width=\"labelWidth\" prop=\"{columnName}\">"); sb.AppendLine($" <el-form-item label=\"{labelName}\" :label-width=\"labelWidth\" prop=\"{columnName}\">");
sb.AppendLine($" <el-select v-model=\"form.{columnName}\">"); sb.AppendLine($" <el-select v-model=\"form.{columnName}\">");
sb.AppendLine($" <el-option label=\"请选择字典生成\"></el-option>"); sb.AppendLine($" <el-option label=\"请选择字典生成\" value=\"\"></el-option>");
sb.AppendLine(" </el-select>"); sb.AppendLine(" </el-select>");
sb.AppendLine(" </el-form-item>"); sb.AppendLine(" </el-form-item>");
sb.AppendLine(" </el-col>"); sb.AppendLine(" </el-col>");

60
ZR.Vue/src/components/UploadImage/index.vue
View File

@ -12,7 +12,27 @@
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
export default { export default {
name: "UploadImage", props: {
value: [String],
column: [String],
// 上传地址
uploadUrl: {
type: String,
default: "/Common/UploadFile",
},
// 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: {
type: Array,
default: () => ["png", "jpg", "jpeg", "webp"],
},
// 大小限制(MB)
fileSize: {
type: Number,
default: 5,
},
//显示手动输入地址
showInput: false,
},
data() { data() {
return { return {
uploadImgUrl: process.env.VUE_APP_BASE_API + this.uploadUrl, // 上传的图片服务器地址 uploadImgUrl: process.env.VUE_APP_BASE_API + this.uploadUrl, // 上传的图片服务器地址
@ -22,40 +42,29 @@ export default {
imageUrl: "", imageUrl: "",
}; };
}, },
props: { watch: {
icon: { //监听 v-model 的值
type: String, value: {
}, immediate: true,
// 当前form 列名 deep: true,
column: { type: String }, handler: function (val) {
// 上传地址 if (val) {
uploadUrl: { this.imageUrl = val;
type: String, } else {
default: "Common/UploadFile", this.imageUrl = "";
}, }
// 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: {
type: Array,
default: () => ["png", "jpg", "jpeg"],
},
// 大小限制(MB)
fileSize: {
type: Number,
default: 5,
}, },
}, },
mounted() {
this.imageUrl = this.icon;
}, },
methods: { methods: {
handleUploadSuccess(res) { handleUploadSuccess(res) {
this.$emit(`handleUploadSuccess`, res, this.column); this.$emit(`input`, res, this.column);
this.imageUrl = res.data; this.imageUrl = res.data;
this.loading.close(); this.loading.close();
}, },
// 上传前loading加载 // 上传前loading加载
handleBeforeUpload(file) { handleBeforeUpload(file) {
console.log(file) console.log(file);
let isImg = false; let isImg = false;
if (this.fileType.length) { if (this.fileType.length) {
let fileExtension = ""; let fileExtension = "";
@ -98,7 +107,6 @@ export default {
this.loading.close(); this.loading.close();
}, },
}, },
watch: {},
}; };
</script> </script>