|
|
@@ -2,32 +2,16 @@
|
|
|
<div class="user-management-container">
|
|
|
<vab-query-form>
|
|
|
<vab-query-form-left-panel :span="5">
|
|
|
- <el-button
|
|
|
- icon="el-icon-plus"
|
|
|
- type="primary"
|
|
|
- @click="handleEdit($event)">
|
|
|
- 添加
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- icon="el-icon-delete"
|
|
|
- type="danger"
|
|
|
- @click="handleDelete($event)">
|
|
|
- 删除
|
|
|
- </el-button>
|
|
|
+ <el-button icon="el-icon-plus" type="primary" @click="handleEdit($event)">添加</el-button>
|
|
|
+ <el-button icon="el-icon-delete" type="danger" @click="handleDelete($event)">删除</el-button>
|
|
|
</vab-query-form-left-panel>
|
|
|
<vab-query-form-right-panel :span="19">
|
|
|
<el-form :inline="true" :model="queryForm" @submit.native.prevent>
|
|
|
- <el-form-item label="用户组名称" prop="dictName">
|
|
|
- <el-input
|
|
|
- v-model.trim="queryForm.groupName"
|
|
|
- clearable
|
|
|
- placeholder="请输入用户组名称" />
|
|
|
+ <el-form-item label="用户组名称" prop="groupName">
|
|
|
+ <el-input v-model.trim="queryForm.groupName" clearable placeholder="请输入用户组名称" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="用户组编码" prop="dictType">
|
|
|
- <el-input
|
|
|
- v-model.trim="queryForm.groupCode"
|
|
|
- clearable
|
|
|
- placeholder="请输入用户组编码" />
|
|
|
+ <el-form-item label="用户组编码" prop="groupCode">
|
|
|
+ <el-input v-model.trim="queryForm.groupCode" clearable placeholder="请输入用户组编码" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="状态" prop="status">
|
|
|
<el-select v-model="queryForm.status" clearable placeholder="状态">
|
|
|
@@ -36,70 +20,37 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button icon="el-icon-search" type="primary" @click="queryData">
|
|
|
- 查询
|
|
|
- </el-button>
|
|
|
+ <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</vab-query-form-right-panel>
|
|
|
</vab-query-form>
|
|
|
|
|
|
- <el-table
|
|
|
- v-loading="listLoading"
|
|
|
- border
|
|
|
- :data="list"
|
|
|
- :height="height"
|
|
|
- @selection-change="setSelectRows">
|
|
|
+ <el-table v-loading="listLoading" border :data="list" :height="height" @selection-change="setSelectRows">
|
|
|
<el-table-column align="center" show-overflow-tooltip type="selection" />
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="用户组编号"
|
|
|
- prop="id"
|
|
|
- show-overflow-tooltip />
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="用户组名称"
|
|
|
- prop="groupName"
|
|
|
- show-overflow-tooltip />
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="用户组编码"
|
|
|
- prop="groupCode"
|
|
|
- show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="用户组编号" prop="id" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="用户组名称" prop="groupName" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="用户组编码" prop="groupCode" show-overflow-tooltip />
|
|
|
<el-table-column align="center" label="状态" prop="status">
|
|
|
<template #default="{ row }">
|
|
|
{{ row.status === '10' ? '正常' : '停用' }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="用户组排序"
|
|
|
- prop="sort"
|
|
|
- show-overflow-tooltip />
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="备注"
|
|
|
- prop="remark"
|
|
|
- show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="用户组排序" prop="sort" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip />
|
|
|
<el-table-column align="center" label="创建时间" prop="createdTime">
|
|
|
<template #default="scope">
|
|
|
<span>{{ parseTime(scope.row.createdTime) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="操作"
|
|
|
- show-overflow-tooltip
|
|
|
- width="85">
|
|
|
+ <el-table-column align="center" label="操作" show-overflow-tooltip width="85">
|
|
|
<template #default="{ row }">
|
|
|
<el-button type="text" @click="handleEdit(row)">编辑</el-button>
|
|
|
<el-button type="text" @click="handleDelete(row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<template #empty>
|
|
|
- <el-image
|
|
|
- class="vab-data-empty"
|
|
|
- :src="require('@/assets/empty_images/data_empty.png')" />
|
|
|
+ <el-image class="vab-data-empty" :src="require('@/assets/empty_images/data_empty.png')" />
|
|
|
</template>
|
|
|
</el-table>
|
|
|
<el-pagination
|