update

src/pages/system/list/role.vue

@@ -16,13 +16,13 @@
         <el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys">
             <el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column>
             <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-            <el-table-column prop="roleName" label="角色名称" align="center" width="100"></el-table-column>
+            <el-table-column prop="roleName" label="角色名称" align="center" width="200"></el-table-column>
             <el-table-column label="角色描述" align="center">
                 <template slot-scope="scope">
                     <el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input>
                 </template>
             </el-table-column>
-            <el-table-column label="操作" align="center">
+            <el-table-column label="操作" align="center" width="200">
                 <template slot-scope="scope">
                     <el-button v-if="auth('角色权限-查看')" type="text" @click="showRole(scope.row)">查看</el-button>
                     <el-button v-if="auth('角色权限-编辑') && scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)">编辑</el-button>

src/styles/var.scss

@@ -1,4 +1,6 @@
 $main-color: #9278FF;
+$max-width: 1440px;
+$min-width: 1280px;
 
 @mixin ellipsis {
   overflow: hidden;