feat(frontend): 重构前端架构并添加新功能

- 移除七牛云存储相关代码
- 新增 Minio 存储支持
- 添加字典管理功能
- 实现通用的表单对话框组件
- 开发可复用的表格组件
- 添加日期格式化工具
- 更新 README 文档
This commit is contained in:
2025-07-16 20:20:04 +08:00
parent fb7628b5e2
commit 48e8c14463
8 changed files with 438 additions and 70 deletions
@@ -0,0 +1,72 @@
<template>
<el-dialog :title="title" :visible.sync="visible" :width="width" :fullscreen="fullscreen" :before-close="beforeClose">
<el-form ref="form" :model="form.model" :rules="form.rules">
<!-- 这里是插槽,用于渲染传入的 el-form-item -->
<slot />
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="danger" @click="hidden">取 消</el-button>
<!--<el-button @click="resetForm('form')">重 置</el-button>-->
<el-button type="primary" @click="submitForm('form')">提 交</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: 'CuteFormDialog',
props: {
title: {
type: String,
required: true,
default: '默认标题'
},
width: {
type: String,
required: false,
default: '40%'
},
fullscreen: {
type: Boolean,
required: false,
default: false
},
form: {
type: Object,
required: true,
default: null
}
},
data() {
return {
visible: false
}
},
methods: {
show() {
this.visible = true
},
hidden() {
this.resetForm('form')
this.visible = false
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.$emit('submit', this.form.model)
} else {
return false
}
})
},
resetForm(formName) {
this.$refs[formName].resetFields()
},
beforeClose() {
this.hidden()
}
}
}
</script>