朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 6e0cf321b8d89bb93f947e999db24b6de4696be3 1 个父辈 c3063d52

界面优化

内嵌 并排对比
正在显示 2 个修改的文件 包含 14 行增加 和 14 行删除
@@ -21,7 +21,7 @@ @@ -21,7 +21,7 @@
21 <!--列表--> 21 <!--列表-->
22 <el-table :data="tableList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" 22 <el-table :data="tableList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
23 tooltip-effect="dark" 23 tooltip-effect="dark"
24 - style="border-radius: 10px 10px 0px 0px;line-height: 25px;" 24 + style="border-radius: 10px 10px 0px 0px;line-height: 25px"
25 height="600px" 25 height="600px"
26 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" 26 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
27 row-key="permissionId" 27 row-key="permissionId"
@@ -45,10 +45,10 @@ @@ -45,10 +45,10 @@
45 </el-table-column> 45 </el-table-column>
46 <el-table-column prop="permissionOrder" label="排序" width="100" sortable> 46 <el-table-column prop="permissionOrder" label="排序" width="100" sortable>
47 </el-table-column> 47 </el-table-column>
48 - <el-table-column label="操作" min-width="150" fixed="right"> 48 + <el-table-column label="操作" align="center" width="230" fixed="right">
49 <template slot-scope="scope"> 49 <template slot-scope="scope">
50 - <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>  
51 - <el-button type="success" @click="handleEdit(scope.$index, scope.row)">白名单</el-button> 50 + <el-button type="success" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  51 + <el-button type="warning" @click="handleEdit(scope.$index, scope.row)">白名单</el-button>
52 <el-button type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button> 52 <el-button type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button>
53 </template> 53 </template>
54 </el-table-column> 54 </el-table-column>
@@ -53,7 +53,7 @@ @@ -53,7 +53,7 @@
53 row-key="roleId" 53 row-key="roleId"
54 border 54 border
55 tooltip-effect="dark" 55 tooltip-effect="dark"
56 - style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px" 56 + style="border-radius: 10px 10px 0px 0px;line-height: 25px"
57 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" 57 :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
58 :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> 58 :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
59 <el-table-column type="selection" width="55"> 59 <el-table-column type="selection" width="55">
@@ -62,28 +62,28 @@ @@ -62,28 +62,28 @@
62 <!--</el-table-column>--> 62 <!--</el-table-column>-->
63 <el-table-column prop="roleId" label="ID" width="120"> 63 <el-table-column prop="roleId" label="ID" width="120">
64 </el-table-column> 64 </el-table-column>
65 - <el-table-column prop="roleName" label="岗位/角色名称" min-width="200" sortable> 65 + <el-table-column prop="roleName" label="岗位/角色名称" min-width="130" sortable>
66 </el-table-column> 66 </el-table-column>
67 <!--<el-table-column prop="departmentName" label="部门名称" min-width="200" sortable>--> 67 <!--<el-table-column prop="departmentName" label="部门名称" min-width="200" sortable>-->
68 <!--</el-table-column>--> 68 <!--</el-table-column>-->
69 - <el-table-column prop="description" label="描述" min-width="160" > 69 + <el-table-column prop="description" label="描述" min-width="80" >
70 </el-table-column> 70 </el-table-column>
71 <el-table-column prop="type" label="类型" min-width="80" sortable> 71 <el-table-column prop="type" label="类型" min-width="80" sortable>
72 </el-table-column> 72 </el-table-column>
73 - <el-table-column prop="businessLicense" label="工商代码" min-width="180" > 73 + <el-table-column prop="businessLicense" label="工商代码" min-width="80" >
74 </el-table-column> 74 </el-table-column>
75 - <el-table-column prop="orgtype" label="业务类型" min-width="150" :formatter="formatState"> 75 + <el-table-column prop="orgtype" label="业务类型" min-width="80" :formatter="formatState">
76 </el-table-column> 76 </el-table-column>
77 - <el-table-column prop="departmentid" label="简码" min-width="150" > 77 + <el-table-column prop="departmentid" label="简码" min-width="80" >
78 </el-table-column> 78 </el-table-column>
79 - <el-table-column label="操作" min-width="260" fixed="right"> 79 + <el-table-column label="操作" align="center" width="200" fixed="right">
80 <template slot-scope="scope"> 80 <template slot-scope="scope">
81 <el-row> 81 <el-row>
82 - <el-button type="success" @click="handleAdd(scope.$index, scope.row)">新增下级</el-button>  
83 - <el-button @click="setPerm(scope.$index, scope.row)">设置权限</el-button> 82 + <el-button type="warning" @click="handleAdd(scope.$index, scope.row)">新增下级</el-button>
  83 + <el-button type="info" @click="setPerm(scope.$index, scope.row)">设置权限</el-button>
84 </el-row> 84 </el-row>
85 <el-row> 85 <el-row>
86 - <el-button @click="handleEdit(scope.$index, scope.row)">编&emsp;&emsp;辑</el-button> 86 + <el-button type="success" @click="handleEdit(scope.$index, scope.row)">编&emsp;&emsp;辑</el-button>
87 <el-button type="danger" @click="handleDel(scope.$index, scope.row)">删&emsp;&emsp;除</el-button> 87 <el-button type="danger" @click="handleDel(scope.$index, scope.row)">删&emsp;&emsp;除</el-button>
88 </el-row> 88 </el-row>
89 </template> 89 </template>