优化ui

This commit is contained in:
不做码农 2023-08-02 18:44:53 +08:00
parent 53d5b044db
commit c379a8300c
3 changed files with 40 additions and 42 deletions

View File

@ -1,12 +1,12 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="queryParams.dictName" placeholder="请输入字典名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="字典类型" prop="dictType">
<el-input v-model="queryParams.dictType" placeholder="请输入字典类型" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="queryParams.dictName" placeholder="请输入字典名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="字典状态" clearable>
<el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />

View File

@ -330,7 +330,7 @@ function getRoleDeptTreeselect(roleId) {
}
//
function handleStatusChange(row) {
const text = row.status === '0' ? '启用' : '停用'
const text = row.status == '0' ? '启用' : '停用'
proxy
.$confirm('确认要"' + text + '""' + row.roleName + '"角色吗?', '警告', {
@ -345,7 +345,7 @@ function handleStatusChange(row) {
proxy.$modal.msgSuccess(text + '成功')
})
.catch(function () {
row.status = row.status === '0' ? '1' : '0'
row.status = row.status == 0 ? 1 : 0
})
}
//

View File

@ -26,51 +26,49 @@
highlight-current-row
height="400px">
<el-table-column type="selection" align="center" width="55"></el-table-column>
<el-table-column label="#" type="index" width="50" align="center">
<template #default="scope">
<span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column prop="tableId" label="tableId" width="80" sortable="" />
<el-table-column prop="dbName" label="数据库名" width="90" :show-overflow-tooltip="true" />
<el-table-column prop="tableId" label="id" width="70" sortable="" />
<el-table-column prop="tableName" label="表名" width="110" :show-overflow-tooltip="true" />
<el-table-column prop="tplCategory" label="生成模板" width="90" sortable="" />
<el-table-column prop="tableName" label="表名" width="120" :show-overflow-tooltip="true" />
<el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true" width="120" />
<el-table-column prop="className" label="实体" :show-overflow-tooltip="true" />
<el-table-column prop="createTime" label="创建时间" sortable />
<el-table-column prop="updateTime" label="更新时间" sortable />
<el-table-column label="操作" align="center" width="220">
<el-table-column label="操作" align="center" width="200">
<template #default="scope">
<el-button text icon="view" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"> 预览 </el-button>
<el-button text icon="edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"> 编辑 </el-button>
<el-button-group>
<el-button text icon="view" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"> 预览 </el-button>
<el-button text icon="edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"> 编辑 </el-button>
<el-dropdown @command="handleCommand($event, scope.row)">
<el-button text>
{{ $t('btn.more') }}
<el-icon class="el-icon--right">
<arrow-down />
</el-icon>
</el-button>
<el-dropdown @command="handleCommand($event, scope.row)">
<el-button text>
{{ $t('btn.more') }}
<el-icon class="el-icon--right">
<arrow-down />
</el-icon>
</el-button>
<template #dropdown>
<el-dropdown-menu>
<div v-hasPermi="['tool:gen:code']">
<el-dropdown-item command="generate">
<el-button icon="download" link>生成代码</el-button>
</el-dropdown-item>
</div>
<div v-hasPermi="['tool:gen:edit']">
<el-dropdown-item command="sync">
<el-button icon="refresh" link> 同步 </el-button>
</el-dropdown-item>
</div>
<div v-hasPermi="['tool:gen:remove']">
<el-dropdown-item command="delete">
<el-button icon="delete" type="danger" link> 删除 </el-button>
</el-dropdown-item>
</div>
</el-dropdown-menu>
</template>
</el-dropdown>
<template #dropdown>
<el-dropdown-menu>
<div v-hasPermi="['tool:gen:code']">
<el-dropdown-item command="generate">
<el-button icon="download" link>生成代码</el-button>
</el-dropdown-item>
</div>
<div v-hasPermi="['tool:gen:edit']">
<el-dropdown-item command="sync">
<el-button icon="refresh" link> 同步 </el-button>
</el-dropdown-item>
</div>
<div v-hasPermi="['tool:gen:remove']">
<el-dropdown-item command="delete">
<el-button icon="delete" type="danger" link> 删除 </el-button>
</el-dropdown-item>
</div>
</el-dropdown-menu>
</template>
</el-dropdown>
</el-button-group>
</template>
</el-table-column>
</el-table>