This commit is contained in:
阿沐 2024-04-01 09:50:32 +08:00
parent 31fbb36da3
commit 11429d2cd3

View File

@ -1,8 +1,8 @@
<template>
<el-card>
<el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<el-card class="layout-query">
<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList()">
<#list queryList as field>
<el-form-item>
<el-form-item prop="${field.attrName}">
<#if field.formType == 'text' || field.formType == 'textarea' || field.formType == 'editor'>
<el-input v-model="state.queryForm.${field.attrName}" placeholder="${field.fieldComment!}"></el-input>
<#elseif field.queryFormType == 'select'>
@ -39,16 +39,24 @@
</el-form-item>
</#list>
<el-form-item>
<el-button @click="getDataList()">查询</el-button>
<el-button icon="Search" type="primary" @click="getDataList()">查询</el-button>
</el-form-item>
<el-form-item>
<el-button v-auth="'${moduleName}:${functionName}:save'" type="primary" @click="addOrUpdateHandle()">新增</el-button>
</el-form-item>
<el-form-item>
<el-button v-auth="'${moduleName}:${functionName}:delete'" type="danger" @click="deleteBatchHandle()">删除</el-button>
<el-button icon="RefreshRight" @click="reset(queryRef)">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="state.dataListLoading" :data="state.dataList" border style="width: 100%" @selection-change="selectionChangeHandle">
</el-card>
<el-card>
<el-space>
<el-space>
<el-button v-auth="'${moduleName}:${functionName}:save'" icon="Plus" type="primary" @click="addOrUpdateHandle()">新增</el-button>
</el-space>
<el-space>
<el-button v-auth="'${moduleName}:${functionName}:delete'" icon="Delete" plain type="danger" @click="deleteBatchHandle()">批量删除</el-button>
</el-space>
</el-space>
<el-table v-loading="state.dataListLoading" :data="state.dataList" border class="layout-table" @selection-change="selectionChangeHandle">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<#list gridList as field>
<#if field.formDict??>
@ -104,10 +112,11 @@
}
})
const queryRef = ref()
const addOrUpdateRef = ref()
const addOrUpdateHandle = (id?: number) => {
addOrUpdateRef.value.init(id)
}
const { getDataList, selectionChangeHandle, sizeChangeHandle, currentChangeHandle, deleteBatchHandle } = useCrud(state)
const { getDataList, selectionChangeHandle, sizeChangeHandle, currentChangeHandle, deleteBatchHandle, reset } = useCrud(state)
</script>