table column width

Signed-off-by: skyselang <215817969@qq.com>
This commit is contained in:
skyselang 2020-05-12 22:40:07 +08:00
parent fafc5ea7cb
commit d183559372
4 changed files with 65 additions and 48 deletions

View File

@ -1,6 +1,7 @@
<template>
<div class="app-container">
<div>
<!-- search -->
<div class="filter-container">
<el-input
v-model="tableQuery.admin_user_id"
@ -20,7 +21,7 @@
v-model="tableQuery.insert_time"
type="daterange"
style="width: 240px;top: -4px;"
range-separator=""
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
@ -37,7 +38,7 @@
刷新
</el-button>
</div>
<!-- table -->
<el-table
v-loading="loading"
:data="tableData"
@ -48,23 +49,24 @@
<el-table-column
prop="admin_log_id"
label="ID"
width="100"
min-width="100"
sortable="custom"
fixed="left"
/>
<el-table-column
prop="admin_user_id"
label="用户ID"
min-width="90"
min-width="80"
sortable="custom"
/>
<el-table-column prop="username" label="用户账号" min-width="100" />
<el-table-column prop="nickname" label="用户昵称" min-width="100" />
<el-table-column prop="username" label="用户账号" min-width="200" />
<el-table-column prop="nickname" label="用户昵称" min-width="120" />
<el-table-column prop="menu_url" label="菜单链接" min-width="220" />
<el-table-column prop="menu_name" label="菜单名称" min-width="120" />
<el-table-column
prop="request_method"
label="请求方式 "
min-width="120"
min-width="110"
sortable="custom"
/>
<el-table-column
@ -76,13 +78,14 @@
<el-table-column
prop="insert_time"
label="请求时间"
width="160"
min-width="160"
sortable="custom"
/>
<el-table-column
label="操作"
width="150"
min-width="150"
align="right"
fixed="right"
class-name="small-padding fixed-width"
>
<template slot-scope="{ row }">
@ -95,7 +98,7 @@
</template>
</el-table-column>
</el-table>
<!-- page -->
<pagination
v-show="tableCount > 0"
:total="tableCount"
@ -103,7 +106,7 @@
:limit.sync="tableQuery.limit"
@pagination="tableList"
/>
<!-- editadd -->
<el-dialog
:title="'日志ID' + formData.admin_log_id"
:visible.sync="formVisible"

View File

@ -1,6 +1,7 @@
<template>
<div class="app-container">
<div>
<!-- search -->
<div class="filter-container">
<el-button
class="filter-item"
@ -19,7 +20,7 @@
刷新
</el-button>
</div>
<!-- table -->
<el-table
v-loading="loading"
:data="tableData"
@ -27,17 +28,22 @@
border
style="width: 100%"
>
<el-table-column prop="menu_name" label="菜单名称" min-width="180" />
<el-table-column
prop="menu_name"
label="菜单名称"
min-width="180"
fixed="left"
/>
<el-table-column prop="menu_url" label="菜单链接" min-width="180" />
<el-table-column prop="menu_sort" label="菜单排序" width="80" />
<el-table-column prop="admin_menu_id" label="ID" width="80" />
<el-table-column prop="menu_pid" label="PID" width="80" />
<el-table-column prop="insert_time" label="添加时间" width="160" />
<el-table-column prop="update_time" label="修改时间" width="160" />
<el-table-column prop="menu_sort" label="菜单排序" min-width="100" />
<el-table-column prop="admin_menu_id" label="ID" min-width="100" />
<el-table-column prop="menu_pid" label="PID" min-width="100" />
<el-table-column prop="insert_time" label="添加时间" min-width="160" />
<el-table-column prop="update_time" label="修改时间" min-width="160" />
<el-table-column
prop="is_prohibit"
label="是否禁用"
width="80"
min-width="100"
align="center"
>
<template slot-scope="scope">
@ -52,7 +58,7 @@
<el-table-column
prop="is_unauth"
label="无需权限"
width="80"
min-width="100"
align="center"
>
<template slot-scope="scope">
@ -66,7 +72,7 @@
</el-table-column>
<el-table-column
label="操作"
width="150"
min-width="150"
fixed="right"
align="right"
class-name="small-padding fixed-width"
@ -81,7 +87,7 @@
</template>
</el-table-column>
</el-table>
<!-- editadd -->
<el-dialog
:title="formData.admin_menu_id ? '修改' : '添加'"
:visible.sync="formVisible"

View File

@ -1,6 +1,7 @@
<template>
<div class="app-container">
<div>
<!-- search -->
<div class="filter-container">
<el-input
v-model="tableQuery.rule_name"
@ -36,7 +37,7 @@
刷新
</el-button>
</div>
<!-- table -->
<el-table
v-loading="loading"
:data="tableData"
@ -47,34 +48,36 @@
<el-table-column
prop="admin_rule_id"
label="ID"
width="80"
min-width="100"
sortable="custom"
fixed="left"
/>
<el-table-column prop="rule_name" label="权限" min-width="120" />
<el-table-column prop="rule_desc" label="描述" min-width="120" />
<el-table-column prop="rule_desc" label="描述" min-width="130" />
<el-table-column
prop="rule_sort"
label="排序"
width="80"
min-width="100"
sortable="custom"
/>
<el-table-column
prop="insert_time"
label="添加时间"
width="160"
min-width="160"
sortable="custom"
/>
<el-table-column
prop="update_time"
label="修改时间"
width="160"
min-width="160"
sortable="custom"
/>
<el-table-column
prop="is_prohibit"
label="是否禁用"
width="80"
min-width="110"
align="center"
sortable="custom"
>
<template slot-scope="scope">
<el-switch
@ -87,8 +90,10 @@
</el-table-column>
<el-table-column
label="操作"
width="150"
min-width="150"
align="right"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="{ row }">
<el-button size="mini" type="primary" @click="tableEdit(row)">
@ -100,7 +105,7 @@
</template>
</el-table-column>
</el-table>
<!-- page -->
<pagination
v-show="tableCount > 0"
:total="tableCount"
@ -108,7 +113,7 @@
:limit.sync="tableQuery.limit"
@pagination="tableList"
/>
<!-- editadd -->
<el-dialog
:title="formData.admin_rule_id ? '修改' : '添加'"
:visible.sync="formVisible"

View File

@ -1,6 +1,7 @@
<template>
<div class="app-container">
<div>
<!-- search -->
<div class="filter-container">
<el-input
v-model="tableQuery.username"
@ -36,7 +37,7 @@
刷新
</el-button>
</div>
<!-- table -->
<el-table
v-loading="loading"
:data="tableData"
@ -47,17 +48,18 @@
<el-table-column
prop="admin_user_id"
label="ID"
width="80"
min-width="80"
sortable="custom"
fixed="left"
/>
<el-table-column
prop="username"
label="账号"
min-width="110"
min-width="200"
sortable="custom"
/>
<el-table-column prop="nickname" label="昵称" min-width="110" />
<el-table-column prop="remark" label="备注" min-width="110" />
<el-table-column prop="remark" label="备注" min-width="100" show-overflow-tooltip />
<el-table-column
prop="sort"
label="排序"
@ -67,26 +69,26 @@
<el-table-column
prop="login_num"
label="登录次数"
width="110"
min-width="110"
sortable="custom"
/>
<el-table-column prop="login_ip" label="登录IP" width="130" />
<el-table-column prop="login_ip" label="登录IP" min-width="130" />
<el-table-column
prop="login_time"
label="登录时间"
width="160"
min-width="160"
sortable="custom"
/>
<el-table-column
prop="insert_time"
label="添加时间"
width="160"
min-width="160"
sortable="custom"
/>
<el-table-column
prop="is_super_admin"
label="是否超管"
width="80"
min-width="80"
align="center"
>
<template slot-scope="scope">
@ -101,7 +103,7 @@
<el-table-column
prop="is_prohibit"
label="是否禁用"
width="80"
min-width="80"
align="center"
>
<template slot-scope="scope">
@ -116,7 +118,7 @@
<el-table-column
prop="is_prohibit"
label="权限"
width="80"
min-width="80"
align="center"
>
<template slot-scope="{ row }">
@ -134,8 +136,9 @@
</el-table-column>
<el-table-column
label="操作"
width="150"
min-width="150"
align="right"
fixed="right"
class-name="small-padding fixed-width"
>
<template slot-scope="{ row }">
@ -148,7 +151,7 @@
</template>
</el-table-column>
</el-table>
<!-- page -->
<pagination
v-show="tableCount > 0"
:total="tableCount"
@ -156,7 +159,7 @@
:limit.sync="tableQuery.limit"
@pagination="tableList"
/>
<!-- 权限分配 -->
<el-dialog title="权限分配" :visible.sync="formVisibleRule">
<el-form
ref="formRuleRef"
@ -187,7 +190,7 @@
</el-button>
</div>
</el-dialog>
<!-- 密码重置 -->
<el-dialog title="密码重置" :visible.sync="formVisiblePwd">
<el-form
ref="formPwdRef"
@ -215,7 +218,7 @@
</el-button>
</div>
</el-dialog>
<!-- editadd -->
<el-dialog
:title="formData.admin_user_id ? '修改' : '添加'"
:visible.sync="formVisible"