REVIEW 代码生成
This commit is contained in:
parent
76c5c7c1de
commit
d5f3f0add1
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<content-wrap v-loading="loading">
|
<content-wrap v-loading="formLoading">
|
||||||
<el-tabs v-model="activeName">
|
<el-tabs v-model="activeName">
|
||||||
<el-tab-pane label="基本信息" name="basicInfo">
|
<el-tab-pane label="基本信息" name="basicInfo">
|
||||||
<basic-info-form ref="basicInfoRef" :table="formData.table" />
|
<basic-info-form ref="basicInfoRef" :table="formData.table" />
|
||||||
@ -11,63 +11,69 @@
|
|||||||
<generate-info-form ref="generateInfoRef" :table="formData.table" />
|
<generate-info-form ref="generateInfoRef" :table="formData.table" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
<el-form label-width="100px">
|
<el-form>
|
||||||
<el-form-item style="text-align: center; margin-left: -100px; margin-top: 10px">
|
<el-form-item style="float: right">
|
||||||
<el-button type="primary" @click="submitForm" :loading="submitLoading">
|
<el-button type="primary" @click="submitForm" :loading="formLoading">保存</el-button>
|
||||||
{{ t('action.save') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="close">返回</el-button>
|
<el-button @click="close">返回</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</content-wrap>
|
</content-wrap>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { useTagsViewStore } from '@/store/modules/tagsView'
|
||||||
import { BasicInfoForm, ColumInfoForm, GenerateInfoForm } from './components'
|
import { BasicInfoForm, ColumInfoForm, GenerateInfoForm } from './components'
|
||||||
import * as CodegenApi from '@/api/infra/codegen'
|
import * as CodegenApi from '@/api/infra/codegen'
|
||||||
import ContentWrap from '@/components/ContentWrap/src/ContentWrap.vue'
|
|
||||||
import { useTagsViewStore } from '@/store/modules/tagsView'
|
|
||||||
import { CodegenUpdateReqVO } from '@/api/infra/codegen/types'
|
|
||||||
|
|
||||||
const { t } = useI18n() // 国际化
|
const { t } = useI18n() // 国际化
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
const { push, currentRoute } = useRouter()
|
const { push, currentRoute } = useRouter() // 路由
|
||||||
const { query } = useRoute()
|
const { query } = useRoute() // 查询参数
|
||||||
const { delView } = useTagsViewStore()
|
const { delView } = useTagsViewStore() // 视图操作
|
||||||
const loading = ref(false)
|
|
||||||
const submitLoading = ref(false)
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
||||||
const activeName = ref('basicInfo')
|
const activeName = ref('basicInfo') // Tag 激活的窗口
|
||||||
const basicInfoRef = ref<ComponentRef<typeof BasicInfoForm>>()
|
const basicInfoRef = ref<ComponentRef<typeof BasicInfoForm>>()
|
||||||
const columInfoRef = ref<ComponentRef<typeof ColumInfoForm>>()
|
const columInfoRef = ref<ComponentRef<typeof ColumInfoForm>>()
|
||||||
const generateInfoRef = ref<ComponentRef<typeof GenerateInfoForm>>()
|
const generateInfoRef = ref<ComponentRef<typeof GenerateInfoForm>>()
|
||||||
const formData = ref<CodegenUpdateReqVO>({
|
const formData = ref<CodegenApi.CodegenUpdateReqVO>({
|
||||||
table: {},
|
table: {},
|
||||||
columns: []
|
columns: []
|
||||||
})
|
})
|
||||||
|
|
||||||
|
/** 获得详情 */
|
||||||
const getDetail = async () => {
|
const getDetail = async () => {
|
||||||
const id = query.id as unknown as number
|
const id = query.id as unknown as number
|
||||||
if (id) {
|
if (!id) {
|
||||||
loading.value = true
|
return
|
||||||
// 获取表详细信息
|
}
|
||||||
|
formLoading.value = true
|
||||||
|
try {
|
||||||
formData.value = await CodegenApi.getCodegenTable(id)
|
formData.value = await CodegenApi.getCodegenTable(id)
|
||||||
loading.value = false
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 提交按钮 */
|
||||||
const submitForm = async () => {
|
const submitForm = async () => {
|
||||||
|
// 参数校验
|
||||||
if (!unref(formData)) return
|
if (!unref(formData)) return
|
||||||
|
await unref(basicInfoRef)?.validate()
|
||||||
|
await unref(generateInfoRef)?.validate()
|
||||||
try {
|
try {
|
||||||
await unref(basicInfoRef)?.validate()
|
// 提交请求
|
||||||
await unref(generateInfoRef)?.validate()
|
await CodegenApi.updateCodegenTable(formData.value)
|
||||||
await CodegenApi.updateCodegenTable(unref(formData))
|
|
||||||
message.success(t('common.updateSuccess'))
|
message.success(t('common.updateSuccess'))
|
||||||
push('/infra/codegen')
|
close()
|
||||||
} catch {}
|
} catch {}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 关闭按钮 */
|
/** 关闭按钮 */
|
||||||
const close = () => {
|
const close = () => {
|
||||||
delView(unref(currentRoute))
|
delView(unref(currentRoute))
|
||||||
push('/infra/codegen')
|
push('/infra/codegen')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 初始化 */
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDetail()
|
getDetail()
|
||||||
})
|
})
|
||||||
|
@ -1,90 +0,0 @@
|
|||||||
import type { VxeCrudSchema } from '@/hooks/web/useVxeCrudSchemas'
|
|
||||||
const { t } = useI18n() // 国际化
|
|
||||||
|
|
||||||
// 表单校验
|
|
||||||
export const rules = reactive({
|
|
||||||
category: [required],
|
|
||||||
name: [required],
|
|
||||||
key: [required],
|
|
||||||
value: [required]
|
|
||||||
})
|
|
||||||
|
|
||||||
// CrudSchema
|
|
||||||
const crudSchemas = reactive<VxeCrudSchema>({
|
|
||||||
primaryKey: 'id',
|
|
||||||
primaryType: null,
|
|
||||||
action: true,
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
title: '参数分类',
|
|
||||||
field: 'category'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '参数名称',
|
|
||||||
field: 'name',
|
|
||||||
isSearch: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '参数键名',
|
|
||||||
field: 'key',
|
|
||||||
isSearch: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '参数键值',
|
|
||||||
field: 'value'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '系统内置',
|
|
||||||
field: 'type',
|
|
||||||
dictType: DICT_TYPE.INFRA_CONFIG_TYPE,
|
|
||||||
dictClass: 'number',
|
|
||||||
isSearch: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '是否可见',
|
|
||||||
field: 'visible',
|
|
||||||
table: {
|
|
||||||
slots: {
|
|
||||||
default: 'visible_default'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
form: {
|
|
||||||
component: 'RadioButton',
|
|
||||||
componentProps: {
|
|
||||||
options: [
|
|
||||||
{ label: '是', value: true },
|
|
||||||
{ label: '否', value: false }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: t('form.remark'),
|
|
||||||
field: 'remark',
|
|
||||||
isTable: false,
|
|
||||||
form: {
|
|
||||||
component: 'Input',
|
|
||||||
componentProps: {
|
|
||||||
type: 'textarea',
|
|
||||||
rows: 4
|
|
||||||
},
|
|
||||||
colProps: {
|
|
||||||
span: 24
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: t('common.createTime'),
|
|
||||||
field: 'createTime',
|
|
||||||
formatter: 'formatDate',
|
|
||||||
isForm: false,
|
|
||||||
search: {
|
|
||||||
show: true,
|
|
||||||
itemRender: {
|
|
||||||
name: 'XDataTimePicker'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
})
|
|
||||||
export const { allSchemas } = useVxeCrudSchemas(crudSchemas)
|
|
Loading…
Reference in New Issue
Block a user