huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2025-02-18 18:20:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: codegen

Browse Source
This commit is contained in:
xingyu4j 2022-11-07 14:02:48 +08:00
parent 4b7e7d61f7
commit 111488e5d6
3 changed files with 37 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
yudao-ui-admin-vue3/src/components/Form/src/componentMap.ts
View File

@ -10,6 +10,7 @@ import {
ElRate, ElRate,
ElSelect, ElSelect,
ElSelectV2, ElSelectV2,
ElTreeSelect,
ElSlider, ElSlider,
ElSwitch, ElSwitch,
ElTimePicker, ElTimePicker,
@ -41,6 +42,7 @@ const componentMap: Recordable<Component, ComponentName> = {
Divider: ElDivider, Divider: ElDivider,
TimeSelect: ElTimeSelect, TimeSelect: ElTimeSelect,
SelectV2: ElSelectV2, SelectV2: ElSelectV2,
TreeSelect: ElTreeSelect,
RadioButton: ElRadioGroup, RadioButton: ElRadioGroup,
InputPassword: InputPassword, InputPassword: InputPassword,
Editor: Editor Editor: Editor

1
yudao-ui-admin-vue3/src/types/components.d.ts vendored
View File

@ -18,6 +18,7 @@ export type ComponentName =
| 'Divider' | 'Divider'
| 'TimeSelect' | 'TimeSelect'
| 'SelectV2' | 'SelectV2'
| 'TreeSelect'
| 'InputPassword' | 'InputPassword'
| 'Editor' | 'Editor'

79
yudao-ui-admin-vue3/src/views/infra/codegen/components/CloumInfoForm.vue
View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { ElTable, ElTableColumn, ElInput, ElSelect, ElOption, ElCheckbox } from 'element-plus'
import { onMounted, PropType, ref } from 'vue' import { onMounted, PropType, ref } from 'vue'
import { ElInput, ElSelect, ElOption } from 'element-plus'
import { CodegenColumnVO } from '@/api/infra/codegen/types' import { CodegenColumnVO } from '@/api/infra/codegen/types'
import { listSimpleDictTypeApi } from '@/api/system/dict/dict.type' import { listSimpleDictTypeApi } from '@/api/system/dict/dict.type'
import { DictTypeVO } from '@/api/system/dict/types' import { DictTypeVO } from '@/api/system/dict/types'
@ -16,7 +16,6 @@ const getDictOptions = async () => {
const res = await listSimpleDictTypeApi() const res = await listSimpleDictTypeApi()
dictOptions.value = res dictOptions.value = res
} }
const tableHeight = document.documentElement.scrollHeight - 245 + 'px'
onMounted(async () => { onMounted(async () => {
await getDictOptions() await getDictOptions()
}) })
@ -25,25 +24,15 @@ defineExpose({
}) })
</script> </script>
<template> <template>
<el-table ref="dragTable" :data="info" row-key="columnId" :max-height="tableHeight"> <vxe-table ref="dragTable" :data="info" stripe :column-config="{ resizable: true }">
<el-table-column <vxe-column title="字段列名" field="columnName" width="10%" />
label="字段列名" <vxe-column title="字段描述" field="columnComment">
prop="columnName"
min-width="10%"
:show-overflow-tooltip="true"
/>
<el-table-column label="字段描述" min-width="10%" prop="columnComment">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.columnComment" /> <el-input v-model="row.columnComment" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column <vxe-column title="物理类型" field="dataType" width="10%" />
label="物理类型" <vxe-column title="Java类型" width="10%" field="javaType">
prop="dataType"
min-width="10%"
:show-overflow-tooltip="true"
/>
<el-table-column label="Java类型" min-width="11%" prop="javaType">
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.javaType"> <el-select v-model="row.javaType">
<el-option label="Long" value="Long" /> <el-option label="Long" value="Long" />
@ -55,33 +44,33 @@ defineExpose({
<el-option label="Boolean" value="Boolean" /> <el-option label="Boolean" value="Boolean" />
</el-select> </el-select>
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="java属性" min-width="10%" prop="javaField"> <vxe-column title="java属性" width="10%" field="javaField">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.javaField" /> <el-input v-model="row.javaField" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="插入" min-width="4%" prop="createOperation"> <vxe-column title="插入" width="4%" field="createOperation">
<template #default="{ row }"> <template #default="{ row }">
<el-checkbox true-label="true" false-label="false" v-model="row.createOperation" /> <vxe-checkbox true-label="true" false-label="false" v-model="row.createOperation" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="编辑" min-width="4%" prop="updateOperation"> <vxe-column title="编辑" width="4%" field="updateOperation">
<template #default="{ row }"> <template #default="{ row }">
<el-checkbox true-label="true" false-label="false" v-model="row.updateOperation" /> <vxe-checkbox true-label="true" false-label="false" v-model="row.updateOperation" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="列表" min-width="4%" prop="listOperationResult"> <vxe-column title="列表" width="4%" field="listOperationResult">
<template #default="{ row }"> <template #default="{ row }">
<el-checkbox true-label="true" false-label="false" v-model="row.listOperationResult" /> <vxe-checkbox true-label="true" false-label="false" v-model="row.listOperationResult" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="查询" min-width="4%" prop="listOperation"> <vxe-column title="查询" width="4%" field="listOperation">
<template #default="{ row }"> <template #default="{ row }">
<el-checkbox true-label="true" false-label="false" v-model="row.listOperation" /> <vxe-checkbox true-label="true" false-label="false" v-model="row.listOperation" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="查询方式" min-width="10%" prop="listOperationCondition"> <vxe-column title="查询方式" width="8%" field="listOperationCondition">
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.listOperationCondition"> <el-select v-model="row.listOperationCondition">
<el-option label="=" value="=" /> <el-option label="=" value="=" />
@ -94,13 +83,13 @@ defineExpose({
<el-option label="BETWEEN" value="BETWEEN" /> <el-option label="BETWEEN" value="BETWEEN" />
</el-select> </el-select>
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="允许空" min-width="5%" prop="nullable"> <vxe-column title="允许空" width="4%" field="nullable">
<template #default="{ row }"> <template #default="{ row }">
<el-checkbox true-label="true" false-label="false" v-model="row.nullable" /> <vxe-checkbox true-label="true" false-label="false" v-model="row.nullable" />
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="显示类型" min-width="12%" prop="htmlType"> <vxe-column title="显示类型" width="10%" field="htmlType">
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.htmlType"> <el-select v-model="row.htmlType">
<el-option label="文本框" value="input" /> <el-option label="文本框" value="input" />
@ -114,8 +103,8 @@ defineExpose({
<el-option label="富文本控件" value="editor" /> <el-option label="富文本控件" value="editor" />
</el-select> </el-select>
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="字典类型" min-width="12%" prop="dictType"> <vxe-column title="字典类型" width="10%" field="dictType">
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.dictType" clearable filterable placeholder="请选择"> <el-select v-model="row.dictType" clearable filterable placeholder="请选择">
<el-option <el-option
@ -126,11 +115,11 @@ defineExpose({
/> />
</el-select> </el-select>
</template> </template>
</el-table-column> </vxe-column>
<el-table-column label="示例" min-width="10%" prop="example"> <vxe-column title="示例" field="example">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.example" /> <el-input v-model="row.example" />
</template> </template>
</el-table-column> </vxe-column>
</el-table> </vxe-table>
</template> </template>