表格折行优化

jinlan.du · jinlan.du · commit b905acc9d5c9 · 2020-05-18T14:53:30.000+08:00
diff --git a/web/src/style/main.scss b/web/src/style/main.scss
@@ -1040,32 +1040,3 @@ li {
         }
     }
 }
-@media screen and (max-width: 1080px) {
-    .admin-box{
-            tr{
-                td{
-                    .el-button{
-                        padding: 7px 5px;
-                    }
-                }
-            }
-    }
-}
-@media screen and (max-width: 885px) {
-    .admin-box{
-        .el-table__fixed-right{
-            tr{
-                td{
-                    .el-button{
-                        padding: 7px 0px;
-                    }
-                }
-            }
-        }
-        .el-table__row{
-            .el-button.el-button--text.el-button--small::after{
-                margin-left: 8px;
-            }
-        } 
-    }
-}
diff --git a/web/src/view/example/table/table.vue b/web/src/view/example/table/table.vue
@@ -17,12 +17,12 @@
       <el-table-column label="姓名" prop="name" width="120"></el-table-column>
       <el-table-column label="年龄" prop="age" width="120"></el-table-column>
       <el-table-column label="住址" prop="address" min-width="200" show-overflow-tooltip></el-table-column>
-      <el-table-column label="是否禁用" prop="switch" min-width="180">
+      <el-table-column label="是否禁用" prop="switch" width="180">
         <template slot-scope="scope">
           <el-switch active-text="开启" inactive-text="禁用" v-model="scope.row.switch"></el-switch>
         </template>
       </el-table-column>
-      <el-table-column label="按钮组" min-width="180">
+      <el-table-column label="按钮组" width="200">
         <template slot-scope="scope" >
             <el-button type="text" size="small" @click="toggleSelection([scope.row])">按钮1</el-button>
             <el-button type="text" size="small" @click="toggleSelection([scope.row])">按钮2</el-button>
diff --git a/web/src/view/superAdmin/authority/authority.vue b/web/src/view/superAdmin/authority/authority.vue
@@ -13,7 +13,7 @@
     >
       <el-table-column label="角色id" min-width="180" prop="authorityId"></el-table-column>
       <el-table-column label="角色名称" min-width="180" prop="authorityName"></el-table-column>
-      <el-table-column fixed="right" label="操作" min-width="350">
+      <el-table-column fixed="right" label="操作" width="460">
         <template slot-scope="scope">
           <el-button @click="opdendrawer(scope.row)" size="small" type="text">设置权限</el-button>
           <el-button @click="addAuthority(scope.row.authorityId)" size="small" type="text">新增子角色</el-button>

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`>`
`14`	`14`	`<el-table-column label="角色id" min-width="180" prop="authorityId"></el-table-column>`
`15`	`15`	`<el-table-column label="角色名称" min-width="180" prop="authorityName"></el-table-column>`
`16`		`- <el-table-column fixed="right" label="操作" min-width="350">`
	`16`	`+ <el-table-column fixed="right" label="操作" width="460">`
`17`	`17`	`<template slot-scope="scope">`
`18`	`18`	`<el-button @click="opdendrawer(scope.row)" size="small" type="text">设置权限</el-button>`
`19`	`19`	`<el-button @click="addAuthority(scope.row.authorityId)" size="small" type="text">新增子角色</el-button>`