hhyykk/ipms-sjy
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy.git synced 2025-07-07 07:35:06 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

v3.4.0 表格右侧工具栏组件支持显隐列

Browse Source
This commit is contained in:
YunaiV
2022-02-15 19:28:04 +08:00
parent cfcc2c6762
commit 20e34e35a3
3 changed files with 64 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
yudao-ui-admin/src/views/system/user/index.vue
View File

@ -50,21 +50,21 @@
<el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['system:user:export']">导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userList">
<el-table-column label="用户编号" align="center" prop="id" />
<el-table-column label="用户名称" align="center" prop="username" :show-overflow-tooltip="true" />
<el-table-column label="用户昵称" align="center" prop="nickname" :show-overflow-tooltip="true" />
<el-table-column label="部门" align="center" prop="dept.name" :show-overflow-tooltip="true" />
<el-table-column label="手机号码" align="center" prop="mobile" width="120" />
<el-table-column label="状态" align="center">
<el-table-column label="用户编号" align="center" prop="id" v-if="columns[0].visible" />
<el-table-column label="用户名称" align="center" prop="username" v-if="columns[1].visible" :show-overflow-tooltip="true" />
<el-table-column label="用户昵称" align="center" prop="nickname" v-if="columns[2].visible" :show-overflow-tooltip="true" />
<el-table-column label="部门" align="center" prop="dept.name" v-if="columns[3].visible" :show-overflow-tooltip="true" />
<el-table-column label="手机号码" align="center" prop="mobile" v-if="columns[4].visible" width="120" />
<el-table-column label="状态" v-if="columns[5].visible" align="center">
<template slot-scope="scope">
<el-switch v-model="scope.row.status" :active-value="0" :inactive-value="1" @change="handleStatusChange(scope.row)" />
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="160">
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
@ -317,6 +317,16 @@ export default {
status: undefined,
deptId: undefined
},
// 列信息
columns: [
{ key: 0, label: `用户编号`, visible: true },
{ key: 1, label: `用户名称`, visible: true },
{ key: 2, label: `用户昵称`, visible: true },
{ key: 3, label: `部门`, visible: true },
{ key: 4, label: `手机号码`, visible: true },
{ key: 5, label: `状态`, visible: true },
{ key: 6, label: `创建时间`, visible: true }
],
// 表单校验
rules: {
username: [