朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 fed8cda27e7d5432ca235894ffbdeb17f1ce2773 1 个父辈 6e0cf321

用户管理界面优化

内嵌 并排对比
正在显示 1 个修改的文件 包含 8 行增加 和 8 行删除
@@ -25,14 +25,14 @@ @@ -25,14 +25,14 @@
25 <!--列表--> 25 <!--列表-->
26 <el-table :data="users" highlight-current-row border v-loading="listLoading" 26 <el-table :data="users" highlight-current-row border v-loading="listLoading"
27 @selection-change="selsChange" 27 @selection-change="selsChange"
28 - tooltip-effect="dark" 28 + tooltip-effect="dark" size="small"
29 style="border-radius: 10px 10px 0px 0px;line-height: 25px;" 29 style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
30 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" > 30 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" >
31 <el-table-column type="selection" width="55"> 31 <el-table-column type="selection" width="55">
32 </el-table-column> 32 </el-table-column>
33 <!--<el-table-column type="index" width="60">--> 33 <!--<el-table-column type="index" width="60">-->
34 <!--</el-table-column>--> 34 <!--</el-table-column>-->
35 - <el-table-column prop="userId" label="ID" width="100" sortable> 35 + <el-table-column prop="userId" label="ID" width="80" sortable>
36 </el-table-column> 36 </el-table-column>
37 <el-table-column prop="username" label="账号" width="120" sortable> 37 <el-table-column prop="username" label="账号" width="120" sortable>
38 </el-table-column> 38 </el-table-column>
@@ -40,11 +40,11 @@ @@ -40,11 +40,11 @@
40 </el-table-column> 40 </el-table-column>
41 <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> 41 <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable>
42 </el-table-column> 42 </el-table-column>
43 - <el-table-column prop="mobilephone" label="电话" width="125"> 43 + <el-table-column prop="mobilephone" label="电话" width="150">
44 </el-table-column> 44 </el-table-column>
45 - <el-table-column prop="creattime" label="创建时间" width="170" sortable> 45 + <el-table-column prop="creattime" label="创建时间" width="220" sortable>
46 </el-table-column> 46 </el-table-column>
47 - <el-table-column prop="updatetime" label="更新时间" width="170" sortable> 47 + <el-table-column prop="updatetime" label="更新时间" width="220" sortable>
48 </el-table-column> 48 </el-table-column>
49 <!-- <el-table-column prop="address" label="地址" min-width="180">--> 49 <!-- <el-table-column prop="address" label="地址" min-width="180">-->
50 <!-- </el-table-column>--> 50 <!-- </el-table-column>-->
@@ -52,10 +52,10 @@ @@ -52,10 +52,10 @@
52 <!-- </el-table-column>--> 52 <!-- </el-table-column>-->
53 <el-table-column prop="state" label="启用" width="100" :formatter="formatState" sortable> 53 <el-table-column prop="state" label="启用" width="100" :formatter="formatState" sortable>
54 </el-table-column> 54 </el-table-column>
55 - <el-table-column label="操作" width="250" fixed="right"> 55 + <el-table-column label="操作" align="center" width="250" fixed="right">
56 <template slot-scope="scope"> 56 <template slot-scope="scope">
57 - <el-button @click="handleEdit(scope.$index, scope.row)">编辑</el-button>  
58 - <el-button type="info" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button> 57 + <el-button type="success" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  58 + <el-button type="warning" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button>
59 <el-button type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button> 59 <el-button type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button>
60 </template> 60 </template>
61 </el-table-column> 61 </el-table-column>