作者 小范

界面优化

... ... @@ -21,7 +21,7 @@
<!--列表-->
<el-table :data="tableList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
height="600px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
row-key="permissionId"
... ... @@ -45,10 +45,10 @@
</el-table-column>
<el-table-column prop="permissionOrder" label="排序" width="100" sortable>
</el-table-column>
<el-table-column label="操作" min-width="150" fixed="right">
<el-table-column label="操作" align="center" width="230" fixed="right">
<template slot-scope="scope">
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="success" @click="handleEdit(scope.$index, scope.row)">白名单</el-button>
<el-button type="success" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="warning" @click="handleEdit(scope.$index, scope.row)">白名单</el-button>
<el-button type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
... ...
... ... @@ -53,7 +53,7 @@
row-key="roleId"
border
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px"
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column type="selection" width="55">
... ... @@ -62,28 +62,28 @@
<!--</el-table-column>-->
<el-table-column prop="roleId" label="ID" width="120">
</el-table-column>
<el-table-column prop="roleName" label="岗位/角色名称" min-width="200" sortable>
<el-table-column prop="roleName" label="岗位/角色名称" min-width="130" sortable>
</el-table-column>
<!--<el-table-column prop="departmentName" label="部门名称" min-width="200" sortable>-->
<!--</el-table-column>-->
<el-table-column prop="description" label="描述" min-width="160" >
<el-table-column prop="description" label="描述" min-width="80" >
</el-table-column>
<el-table-column prop="type" label="类型" min-width="80" sortable>
</el-table-column>
<el-table-column prop="businessLicense" label="工商代码" min-width="180" >
<el-table-column prop="businessLicense" label="工商代码" min-width="80" >
</el-table-column>
<el-table-column prop="orgtype" label="业务类型" min-width="150" :formatter="formatState">
<el-table-column prop="orgtype" label="业务类型" min-width="80" :formatter="formatState">
</el-table-column>
<el-table-column prop="departmentid" label="简码" min-width="150" >
<el-table-column prop="departmentid" label="简码" min-width="80" >
</el-table-column>
<el-table-column label="操作" min-width="260" fixed="right">
<el-table-column label="操作" align="center" width="200" fixed="right">
<template slot-scope="scope">
<el-row>
<el-button type="success" @click="handleAdd(scope.$index, scope.row)">新增下级</el-button>
<el-button @click="setPerm(scope.$index, scope.row)">设置权限</el-button>
<el-button type="warning" @click="handleAdd(scope.$index, scope.row)">新增下级</el-button>
<el-button type="info" @click="setPerm(scope.$index, scope.row)">设置权限</el-button>
</el-row>
<el-row>
<el-button @click="handleEdit(scope.$index, scope.row)">编&emsp;&emsp;辑</el-button>
<el-button type="success" @click="handleEdit(scope.$index, scope.row)">编&emsp;&emsp;辑</el-button>
<el-button type="danger" @click="handleDel(scope.$index, scope.row)">删&emsp;&emsp;除</el-button>
</el-row>
</template>
... ...