作者 小范

用户管理界面优化

... ... @@ -25,14 +25,14 @@
<!--列表-->
<el-table :data="users" highlight-current-row border v-loading="listLoading"
@selection-change="selsChange"
tooltip-effect="dark"
tooltip-effect="dark" size="small"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" >
<el-table-column type="selection" width="55">
</el-table-column>
<!--<el-table-column type="index" width="60">-->
<!--</el-table-column>-->
<el-table-column prop="userId" label="ID" width="100" sortable>
<el-table-column prop="userId" label="ID" width="80" sortable>
</el-table-column>
<el-table-column prop="username" label="账号" width="120" sortable>
</el-table-column>
... ... @@ -40,11 +40,11 @@
</el-table-column>
<el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable>
</el-table-column>
<el-table-column prop="mobilephone" label="电话" width="125">
<el-table-column prop="mobilephone" label="电话" width="150">
</el-table-column>
<el-table-column prop="creattime" label="创建时间" width="170" sortable>
<el-table-column prop="creattime" label="创建时间" width="220" sortable>
</el-table-column>
<el-table-column prop="updatetime" label="更新时间" width="170" sortable>
<el-table-column prop="updatetime" label="更新时间" width="220" sortable>
</el-table-column>
<!-- <el-table-column prop="address" label="地址" min-width="180">-->
<!-- </el-table-column>-->
... ... @@ -52,10 +52,10 @@
<!-- </el-table-column>-->
<el-table-column prop="state" label="启用" width="100" :formatter="formatState" sortable>
</el-table-column>
<el-table-column label="操作" width="250" fixed="right">
<el-table-column label="操作" align="center" width="250" fixed="right">
<template slot-scope="scope">
<el-button @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="info" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button>
<el-button type="success" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="warning" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button>
<el-button type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
... ...