From 357d0911795209d1aac8002a0004ba1883d719f0 Mon Sep 17 00:00:00 2001
From: 彭雪彬 <1724387007@qq.com>
Date: Thu, 10 Jul 2025 20:01:46 +0800
Subject: [PATCH] 前端模板修改
---
oying-generator/src/main/resources/template/front/index.ftl | 41 +++++++++++++++++++++++++++++------------
1 files changed, 29 insertions(+), 12 deletions(-)
diff --git a/oying-generator/src/main/resources/template/front/index.ftl b/oying-generator/src/main/resources/template/front/index.ftl
index 4b9111a..c7cd5dd 100644
--- a/oying-generator/src/main/resources/template/front/index.ftl
+++ b/oying-generator/src/main/resources/template/front/index.ftl
@@ -10,7 +10,7 @@
<#list queryColumns as column>
<#if column.queryType != 'BetWeen'>
<label class="el-form-item-label"><#if column.remark != ''>${column.remark}<#else>${column.changeColumnName}</#if></label>
- <el-input v-model="query.${column.changeColumnName}" clearable placeholder="<#if column.remark != ''>${column.remark}<#else>${column.changeColumnName}</#if>" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
+ <el-input v-model="query.${column.changeColumnName}" clearable placeholder="请输入" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
</#if>
</#list>
</#if>
@@ -19,8 +19,8 @@
<#if column.queryType = 'BetWeen'>
<date-range-picker
v-model="query.${column.changeColumnName}"
- start-placeholder="${column.changeColumnName}Start"
- end-placeholder="${column.changeColumnName}Start"
+ start-placeholder="开始时间"
+ end-placeholder="结束时间"
class="date-item"
/>
</#if>
@@ -32,16 +32,16 @@
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
- <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
+ <el-dialog :close-on-click-modal="true" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="600px">
<el-form ref="form" :model="form" <#if isNotNullColumns??>:rules="rules"</#if> size="small" label-width="80px">
<#if columns??>
<#list columns as column>
<#if column.formShow>
<el-form-item label="<#if column.remark != ''>${column.remark}<#else>${column.changeColumnName}</#if>"<#if column.istNotNull> prop="${column.changeColumnName}"</#if>>
<#if column.formType = 'Input'>
- <el-input v-model="form.${column.changeColumnName}" style="width: 370px;" />
+ <el-input v-model="form.${column.changeColumnName}" placeholder="请输入" style="width: 370px;" />
<#elseif column.formType = 'Textarea'>
- <el-input v-model="form.${column.changeColumnName}" :rows="3" type="textarea" style="width: 370px;" />
+ <el-input v-model="form.${column.changeColumnName}" placeholder="请输入" :rows="3" type="textarea" style="width: 370px;" />
<#elseif column.formType = 'Radio'>
<#if (column.dictName)?? && (column.dictName)!="">
<el-radio v-model="form.${column.changeColumnName}" v-for="item in dict.${column.dictName}" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
@@ -55,6 +55,7 @@
v-for="item in dict.${column.dictName}"
:key="item.id"
:label="item.label"
+ placeholder="请选择"
:value="item.value" />
</el-select>
<#else>
@@ -74,8 +75,8 @@
</div>
</el-dialog>
<!--表格渲染-->
- <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
- <el-table-column type="selection" width="55" />
+ <el-table ref="table" v-loading="crud.loading" :data="crud.data" max-height="600" border size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+ <el-table-column type="selection" width="55" align="center" />
<#if columns??>
<#list columns as column>
<#if column.columnShow>
@@ -86,7 +87,7 @@
</template>
</el-table-column>
<#else>
- <el-table-column prop="${column.changeColumnName}" label="<#if column.remark != ''>${column.remark}<#else>${column.changeColumnName}</#if>" />
+ <el-table-column prop="${column.changeColumnName}" label="<#if column.remark != ''>${column.remark}<#else>${column.changeColumnName}</#if>" :show-overflow-tooltip="true" align="center" />
</#if>
</#if>
</#list>
@@ -113,24 +114,40 @@
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
+import DateRangePicker from '@/components/DateRangePicker'
+
const defaultForm = { <#if columns??><#list columns as column>${column.changeColumnName}: null<#if column_has_next>, </#if></#list></#if> }
export default {
name: '${className}',
- components: { pagination, crudOperation, rrOperation, udOperation },
+ components: { DateRangePicker, pagination, crudOperation, rrOperation, udOperation },
mixins: [presenter(), header(), form(defaultForm), crud()],
<#if hasDict>
dicts: [<#if hasDict??><#list dicts as dict>'${dict}'<#if dict_has_next>, </#if></#list></#if>],
</#if>
cruds() {
- return CRUD({ title: '${apiAlias}', url: 'api/${changeClassName}', idField: '${pkChangeColName}', sort: '${pkChangeColName},desc', crudMethod: { ...crud${className} }})
+ return CRUD({
+ title: '${apiAlias}',
+ url: 'api/${changeClassName}',
+ idField: '${pkChangeColName}',
+ sort: '${pkChangeColName},desc',
+ crudMethod: { ...crud${className} },
+ optShow: {
+ add: false,
+ edit: false,
+ del: true,
+ reset: true,
+ download: true
+ },
+ })
},
data() {
return {
permission: {
add: ['admin', '${changeClassName}:add'],
edit: ['admin', '${changeClassName}:edit'],
- del: ['admin', '${changeClassName}:del']
+ del: ['admin', '${changeClassName}:del'],
+ download: ['admin', '${changeClassName}:download']
},
rules: {
<#if isNotNullColumns??>
--
Gitblit v1.9.3