This commit is contained in:
parent
c4cbb1db42
commit
866c21a624
@ -26,8 +26,8 @@
|
|||||||
<knife4j.version>4.1.0</knife4j.version>
|
<knife4j.version>4.1.0</knife4j.version>
|
||||||
<!-- DB 相关 -->
|
<!-- DB 相关 -->
|
||||||
<druid.version>1.2.18</druid.version>
|
<druid.version>1.2.18</druid.version>
|
||||||
<mybatis-plus.version>3.5.3.1</mybatis-plus.version>
|
<mybatis-plus.version>3.5.3.2</mybatis-plus.version>
|
||||||
<mybatis-plus-generator.version>3.5.3.1</mybatis-plus-generator.version>
|
<mybatis-plus-generator.version>3.5.3.2</mybatis-plus-generator.version>
|
||||||
<dynamic-datasource.version>3.6.1</dynamic-datasource.version>
|
<dynamic-datasource.version>3.6.1</dynamic-datasource.version>
|
||||||
<mybatis-plus-join-boot-starter.version>1.4.5</mybatis-plus-join-boot-starter.version>
|
<mybatis-plus-join-boot-starter.version>1.4.5</mybatis-plus-join-boot-starter.version>
|
||||||
<redisson.version>3.18.0</redisson.version>
|
<redisson.version>3.18.0</redisson.version>
|
||||||
|
@ -120,7 +120,6 @@
|
|||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<ContentWrap>
|
<ContentWrap>
|
||||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||||
<el-table-column label="序号" type="index" width="70px" />
|
|
||||||
#foreach($column in $columns)
|
#foreach($column in $columns)
|
||||||
#if ($column.listOperationResult)
|
#if ($column.listOperationResult)
|
||||||
#set ($dictType=$column.dictType)
|
#set ($dictType=$column.dictType)
|
||||||
@ -142,7 +141,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
#else
|
#else
|
||||||
<el-table-column label="${comment}" align="center" prop="${javaField}" width="150px"/>
|
<el-table-column label="${comment}" align="center" prop="${javaField}" width="150px" />
|
||||||
#end
|
#end
|
||||||
#end
|
#end
|
||||||
#end
|
#end
|
||||||
@ -180,7 +179,7 @@
|
|||||||
<${simpleClassName}Form ref="formRef" @success="getList" />
|
<${simpleClassName}Form ref="formRef" @success="getList" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts" name="${table.className}">
|
<script setup lang="ts">
|
||||||
#if ($dictMethods.size() > 0)
|
#if ($dictMethods.size() > 0)
|
||||||
import { DICT_TYPE#foreach ($dictMethod in $dictMethods), ${dictMethod}#end } from '@/utils/dict'
|
import { DICT_TYPE#foreach ($dictMethod in $dictMethods), ${dictMethod}#end } from '@/utils/dict'
|
||||||
#end
|
#end
|
||||||
@ -193,6 +192,9 @@ import { dateFormatter } from '@/utils/formatTime'
|
|||||||
import download from '@/utils/download'
|
import download from '@/utils/download'
|
||||||
import * as ${simpleClassName}Api from '@/api/${table.moduleName}/${classNameVar}'
|
import * as ${simpleClassName}Api from '@/api/${table.moduleName}/${classNameVar}'
|
||||||
import ${simpleClassName}Form from './${simpleClassName}Form.vue'
|
import ${simpleClassName}Form from './${simpleClassName}Form.vue'
|
||||||
|
|
||||||
|
defineOptions({ name: '${table.className}' })
|
||||||
|
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
const { t } = useI18n() // 国际化
|
const { t } = useI18n() // 国际化
|
||||||
|
|
||||||
|
@ -15,7 +15,7 @@ export const columns: BasicColumn[] = [
|
|||||||
width: 180,
|
width: 180,
|
||||||
customRender: ({ text }) => {
|
customRender: ({ text }) => {
|
||||||
return useRender.renderDate(text)
|
return useRender.renderDate(text)
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
#elseif("" != $column.dictType)## 数据字典
|
#elseif("" != $column.dictType)## 数据字典
|
||||||
{
|
{
|
||||||
@ -24,13 +24,13 @@ export const columns: BasicColumn[] = [
|
|||||||
width: 180,
|
width: 180,
|
||||||
customRender: ({ text }) => {
|
customRender: ({ text }) => {
|
||||||
return useRender.renderDict(text, DICT_TYPE.$dictType.toUpperCase())
|
return useRender.renderDict(text, DICT_TYPE.$dictType.toUpperCase())
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
#else
|
#else
|
||||||
{
|
{
|
||||||
title: '${comment}',
|
title: '${comment}',
|
||||||
dataIndex: '${javaField}',
|
dataIndex: '${javaField}',
|
||||||
width: 160
|
width: 160,
|
||||||
},
|
},
|
||||||
#end
|
#end
|
||||||
#end
|
#end
|
||||||
@ -53,15 +53,15 @@ export const searchFormSchema: FormSchema[] = [
|
|||||||
component: 'Select',
|
component: 'Select',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 设置了 dictType 数据字典的情况
|
#if ("" != $dictType)## 设置了 dictType 数据字典的情况
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase())
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase()),
|
||||||
#else## 未设置 dictType 数据字典的情况
|
#else## 未设置 dictType 数据字典的情况
|
||||||
options: []
|
options: [],
|
||||||
#end
|
#end
|
||||||
},
|
},
|
||||||
#elseif($column.htmlType == "datetime")
|
#elseif($column.htmlType == "datetime")
|
||||||
component: 'RangePicker',
|
component: 'RangePicker',
|
||||||
#end
|
#end
|
||||||
colProps: { span: 8 }
|
colProps: { span: 8 },
|
||||||
},
|
},
|
||||||
#end
|
#end
|
||||||
#end
|
#end
|
||||||
@ -72,7 +72,7 @@ export const createFormSchema: FormSchema[] = [
|
|||||||
label: '编号',
|
label: '编号',
|
||||||
field: 'id',
|
field: 'id',
|
||||||
show: false,
|
show: false,
|
||||||
component: 'Input'
|
component: 'Input',
|
||||||
},
|
},
|
||||||
#foreach($column in $columns)
|
#foreach($column in $columns)
|
||||||
#if ($column.createOperation)
|
#if ($column.createOperation)
|
||||||
@ -88,52 +88,52 @@ export const createFormSchema: FormSchema[] = [
|
|||||||
required: true,
|
required: true,
|
||||||
#end
|
#end
|
||||||
#if ($column.htmlType == "input")
|
#if ($column.htmlType == "input")
|
||||||
component: 'Input'
|
component: 'Input',
|
||||||
#elseif($column.htmlType == "imageUpload")## 图片上传
|
#elseif($column.htmlType == "imageUpload")## 图片上传
|
||||||
component: 'FileUpload',
|
component: 'FileUpload',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
fileType: 'file',
|
fileType: 'file',
|
||||||
maxCount: 1
|
maxCount: 1,
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "fileUpload")## 文件上传
|
#elseif($column.htmlType == "fileUpload")## 文件上传
|
||||||
component: 'FileUpload',
|
component: 'FileUpload',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
fileType: 'image',
|
fileType: 'image',
|
||||||
maxCount: 1
|
maxCount: 1,
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "editor")## 文本编辑器
|
#elseif($column.htmlType == "editor")## 文本编辑器
|
||||||
component: 'Editor'
|
component: 'Editor',
|
||||||
#elseif($column.htmlType == "select")## 下拉框
|
#elseif($column.htmlType == "select")## 下拉框
|
||||||
component: 'Select',
|
component: 'Select',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 有数据字典
|
#if ("" != $dictType)## 有数据字典
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number')
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number'),
|
||||||
#else##没数据字典
|
#else##没数据字典
|
||||||
options:[]
|
options:[],
|
||||||
#end
|
#end
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "checkbox")## 多选框
|
#elseif($column.htmlType == "checkbox")## 多选框
|
||||||
component: 'Checkbox',
|
component: 'Checkbox',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 有数据字典
|
#if ("" != $dictType)## 有数据字典
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number')
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number'),
|
||||||
#else##没数据字典
|
#else##没数据字典
|
||||||
options:[]
|
options:[],
|
||||||
#end
|
#end
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "radio")## 单选框
|
#elseif($column.htmlType == "radio")## 单选框
|
||||||
component: 'RadioButtonGroup',
|
component: 'RadioButtonGroup',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 有数据字典
|
#if ("" != $dictType)## 有数据字典
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number')
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number'),
|
||||||
#else##没数据字典
|
#else##没数据字典
|
||||||
options:[]
|
options:[],
|
||||||
#end
|
#end
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "datetime")## 时间框
|
#elseif($column.htmlType == "datetime")## 时间框
|
||||||
component: 'DatePicker'
|
component: 'DatePicker',
|
||||||
#elseif($column.htmlType == "textarea")## 文本域
|
#elseif($column.htmlType == "textarea")## 文本域
|
||||||
component: 'InputTextArea'
|
component: 'InputTextArea',
|
||||||
#end
|
#end
|
||||||
},
|
},
|
||||||
#end
|
#end
|
||||||
@ -146,7 +146,7 @@ export const updateFormSchema: FormSchema[] = [
|
|||||||
label: '编号',
|
label: '编号',
|
||||||
field: 'id',
|
field: 'id',
|
||||||
show: false,
|
show: false,
|
||||||
component: 'Input'
|
component: 'Input',
|
||||||
},
|
},
|
||||||
#foreach($column in $columns)
|
#foreach($column in $columns)
|
||||||
#if ($column.updateOperation)
|
#if ($column.updateOperation)
|
||||||
@ -162,44 +162,44 @@ export const updateFormSchema: FormSchema[] = [
|
|||||||
required: true,
|
required: true,
|
||||||
#end
|
#end
|
||||||
#if ($column.htmlType == "input")
|
#if ($column.htmlType == "input")
|
||||||
component: 'Input'
|
component: 'Input',
|
||||||
#elseif($column.htmlType == "imageUpload")## 图片上传
|
#elseif($column.htmlType == "imageUpload")## 图片上传
|
||||||
component: 'Upload'
|
component: 'Upload',
|
||||||
#elseif($column.htmlType == "fileUpload")## 文件上传
|
#elseif($column.htmlType == "fileUpload")## 文件上传
|
||||||
component: 'Upload'
|
component: 'Upload',
|
||||||
#elseif($column.htmlType == "editor")## 文本编辑器
|
#elseif($column.htmlType == "editor")## 文本编辑器
|
||||||
component: 'Editor'
|
component: 'Editor',
|
||||||
#elseif($column.htmlType == "select")## 下拉框
|
#elseif($column.htmlType == "select")## 下拉框
|
||||||
component: 'Select',
|
component: 'Select',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 有数据字典
|
#if ("" != $dictType)## 有数据字典
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number')
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number'),
|
||||||
#else##没数据字典
|
#else##没数据字典
|
||||||
options:[]
|
options:[],
|
||||||
#end
|
#end
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "checkbox")## 多选框
|
#elseif($column.htmlType == "checkbox")## 多选框
|
||||||
component: 'Checkbox',
|
component: 'Checkbox',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 有数据字典
|
#if ("" != $dictType)## 有数据字典
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number')
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number'),
|
||||||
#else##没数据字典
|
#else##没数据字典
|
||||||
options:[]
|
options:[],
|
||||||
#end
|
#end
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "radio")## 单选框
|
#elseif($column.htmlType == "radio")## 单选框
|
||||||
component: 'RadioButtonGroup',
|
component: 'RadioButtonGroup',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
#if ("" != $dictType)## 有数据字典
|
#if ("" != $dictType)## 有数据字典
|
||||||
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number')
|
options: getDictOptions(DICT_TYPE.$dictType.toUpperCase(), 'number'),
|
||||||
#else##没数据字典
|
#else##没数据字典
|
||||||
options:[]
|
options:[],
|
||||||
#end
|
#end
|
||||||
}
|
},
|
||||||
#elseif($column.htmlType == "datetime")## 时间框
|
#elseif($column.htmlType == "datetime")## 时间框
|
||||||
component: 'DatePicker'
|
component: 'DatePicker',
|
||||||
#elseif($column.htmlType == "textarea")## 文本域
|
#elseif($column.htmlType == "textarea")## 文本域
|
||||||
component: 'InputTextArea'
|
component: 'InputTextArea',
|
||||||
#end
|
#end
|
||||||
},
|
},
|
||||||
#end
|
#end
|
||||||
|
@ -1,15 +1,10 @@
|
|||||||
<template>
|
|
||||||
<BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
|
|
||||||
<BasicForm @register="registerForm" />
|
|
||||||
</BasicModal>
|
|
||||||
</template>
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, unref } from 'vue'
|
import { ref, unref } from 'vue'
|
||||||
|
import { createFormSchema, updateFormSchema } from './${classNameVar}.data'
|
||||||
import { useI18n } from '@/hooks/web/useI18n'
|
import { useI18n } from '@/hooks/web/useI18n'
|
||||||
import { useMessage } from '@/hooks/web/useMessage'
|
import { useMessage } from '@/hooks/web/useMessage'
|
||||||
import { BasicForm, useForm } from '@/components/Form'
|
import { BasicForm, useForm } from '@/components/Form'
|
||||||
import { BasicModal, useModalInner } from '@/components/Modal'
|
import { BasicModal, useModalInner } from '@/components/Modal'
|
||||||
import { createFormSchema, updateFormSchema } from './${classNameVar}.data'
|
|
||||||
import { create${simpleClassName}, get${simpleClassName}, update${simpleClassName} } from '@/api/${table.moduleName}/${classNameVar}'
|
import { create${simpleClassName}, get${simpleClassName}, update${simpleClassName} } from '@/api/${table.moduleName}/${classNameVar}'
|
||||||
|
|
||||||
defineOptions({ name: '${table.className}Modal' })
|
defineOptions({ name: '${table.className}Modal' })
|
||||||
@ -24,7 +19,7 @@ const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = u
|
|||||||
baseColProps: { span: 24 },
|
baseColProps: { span: 24 },
|
||||||
schemas: createFormSchema,
|
schemas: createFormSchema,
|
||||||
showActionButtonGroup: false,
|
showActionButtonGroup: false,
|
||||||
actionColOptions: { span: 23 }
|
actionColOptions: { span: 23 },
|
||||||
})
|
})
|
||||||
|
|
||||||
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
|
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
|
||||||
@ -55,3 +50,8 @@ async function handleSubmit() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<template>
|
||||||
|
<BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
|
||||||
|
<BasicForm @register="registerForm" />
|
||||||
|
</BasicModal>
|
||||||
|
</template>
|
@ -1,47 +1,12 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<BasicTable @register="registerTable">
|
|
||||||
<template #toolbar>
|
|
||||||
<a-button type="primary" v-auth="['${permissionPrefix}:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
|
|
||||||
{{ t('action.create') }}
|
|
||||||
</a-button>
|
|
||||||
<a-button type="warning" v-auth="['${permissionPrefix}:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
|
|
||||||
{{ t('action.export') }}
|
|
||||||
</a-button>
|
|
||||||
</template>
|
|
||||||
<template #bodyCell="{ column, record }">
|
|
||||||
<template v-if="column.key === 'action'">
|
|
||||||
<TableAction
|
|
||||||
:actions="[
|
|
||||||
{ icon: IconEnum.EDIT, label: t('action.edit'), auth: '${permissionPrefix}:update', onClick: handleEdit.bind(null, record) },
|
|
||||||
{
|
|
||||||
icon: IconEnum.DELETE,
|
|
||||||
color: 'error',
|
|
||||||
label: t('action.delete'),
|
|
||||||
auth: '${permissionPrefix}:delete',
|
|
||||||
popConfirm: {
|
|
||||||
title: t('common.delMessage'),
|
|
||||||
placement: 'left',
|
|
||||||
confirm: handleDelete.bind(null, record)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</template>
|
|
||||||
</BasicTable>
|
|
||||||
<${simpleClassName}Modal @register="registerModal" @success="reload()" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
import ${simpleClassName}Modal from './${simpleClassName}Modal.vue'
|
||||||
|
import { columns, searchFormSchema } from './${classNameVar}.data'
|
||||||
import { useI18n } from '@/hooks/web/useI18n'
|
import { useI18n } from '@/hooks/web/useI18n'
|
||||||
import { useMessage } from '@/hooks/web/useMessage'
|
import { useMessage } from '@/hooks/web/useMessage'
|
||||||
import { useModal } from '@/components/Modal'
|
import { useModal } from '@/components/Modal'
|
||||||
import ${simpleClassName}Modal from './${simpleClassName}Modal.vue'
|
|
||||||
import { IconEnum } from '@/enums/appEnum'
|
import { IconEnum } from '@/enums/appEnum'
|
||||||
import { BasicTable, useTable, TableAction } from '@/components/Table'
|
import { BasicTable, useTable, TableAction } from '@/components/Table'
|
||||||
import { delete${simpleClassName}, export${simpleClassName}, get${simpleClassName}Page } from '@/api/${table.moduleName}/${classNameVar}'
|
import { delete${simpleClassName}, export${simpleClassName}, get${simpleClassName}Page } from '@/api/${table.moduleName}/${classNameVar}'
|
||||||
import { columns, searchFormSchema } from './${classNameVar}.data'
|
|
||||||
|
|
||||||
defineOptions({ name: '${table.className}' })
|
defineOptions({ name: '${table.className}' })
|
||||||
|
|
||||||
@ -60,8 +25,8 @@ const [registerTable, { getForm, reload }] = useTable({
|
|||||||
width: 140,
|
width: 140,
|
||||||
title: t('common.action'),
|
title: t('common.action'),
|
||||||
dataIndex: 'action',
|
dataIndex: 'action',
|
||||||
fixed: 'right'
|
fixed: 'right',
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
function handleCreate() {
|
function handleCreate() {
|
||||||
@ -80,7 +45,7 @@ async function handleExport() {
|
|||||||
async onOk() {
|
async onOk() {
|
||||||
await export${simpleClassName}(getForm().getFieldsValue())
|
await export${simpleClassName}(getForm().getFieldsValue())
|
||||||
createMessage.success(t('common.exportSuccessText'))
|
createMessage.success(t('common.exportSuccessText'))
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -90,3 +55,38 @@ async function handleDelete(record: Recordable) {
|
|||||||
reload()
|
reload()
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<BasicTable @register="registerTable">
|
||||||
|
<template #toolbar>
|
||||||
|
<a-button type="primary" v-auth="['${permissionPrefix}:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
|
||||||
|
{{ t('action.create') }}
|
||||||
|
</a-button>
|
||||||
|
<a-button type="warning" v-auth="['${permissionPrefix}:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
|
||||||
|
{{ t('action.export') }}
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
<template #bodyCell="{ column, record }">
|
||||||
|
<template v-if="column.key === 'action'">
|
||||||
|
<TableAction
|
||||||
|
:actions="[
|
||||||
|
{ icon: IconEnum.EDIT, label: t('action.edit'), auth: '${permissionPrefix}:update', onClick: handleEdit.bind(null, record) },
|
||||||
|
{
|
||||||
|
icon: IconEnum.DELETE,
|
||||||
|
danger: true,
|
||||||
|
label: t('action.delete'),
|
||||||
|
auth: '${permissionPrefix}:delete',
|
||||||
|
popConfirm: {
|
||||||
|
title: t('common.delMessage'),
|
||||||
|
placement: 'left',
|
||||||
|
confirm: handleDelete.bind(null, record),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</BasicTable>
|
||||||
|
<${simpleClassName}Modal @register="registerModal" @success="reload()" />
|
||||||
|
</div>
|
||||||
|
</template>
|
Loading…
Reference in New Issue
Block a user