From 3c0bcd367dbc9aff25202d1a8ec2eb143f3e8261 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 14:52:09 +0800 Subject: [PATCH] 按钮大小调整 --- src/views/AuthorizationManagement/roleMenuAuthorization.vue | 90 +++++++++++++++++++++++++------------------- 1 files changed, 51 insertions(+), 39 deletions(-) diff --git a/src/views/AuthorizationManagement/roleMenuAuthorization.vue b/src/views/AuthorizationManagement/roleMenuAuthorization.vue index 03b2786..b84e715 100644 --- a/src/views/AuthorizationManagement/roleMenuAuthorization.vue +++ b/src/views/AuthorizationManagement/roleMenuAuthorization.vue @@ -3,14 +3,15 @@ <!-- 瑙掕壊锛屽崟浣� --> <div class="menuSettings_tree"> <div class="content_box"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('operatManage.RoleMenuAuthorization')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> - <el-form ref="form" :model="selFrom"> + <el-form + ref="form" + :model="selFrom" + > <el-form-item label="鍗曚綅"> <el-select ref="multiSelect" @@ -46,14 +47,16 @@ highlight-current-row height="78%" > - <el-table-column align="center" width="55"> + <el-table-column + align="center" + width="55" + > <template slot-scope="scope"> <el-radio class="radio" v-model="templateSelection" :label="scope.row.id" - > </el-radio - > + > </el-radio> </template> </el-table-column> <el-table-column @@ -69,8 +72,7 @@ </el-table> </div> <div class="content_box"> - <div - style=" + <div style=" font-size: 14px; color: #216fe6; line-height: 1; @@ -80,14 +82,12 @@ margin-left: 10px; display: flex; align-items: center; - " - > + "> <span> - {{ $t('operatManage.UserRoleAuthorizationObj.menuTable') }}</span - > + {{ $t('operatManage.UserRoleAuthorizationObj.menuTable') }}</span> </div> <el-divider /> - <div class="menuContent"> + <div class="menuContent"> <el-tree :data="menuList" :props="defaultMenuProps" @@ -103,8 +103,7 @@ </div> </div> <div class="content_box"> - <div - style=" + <div style=" font-size: 14px; color: #216fe6; line-height: 1; @@ -114,14 +113,15 @@ margin-left: 10px; display: flex; align-items: center; - " - > + "> <span> {{ $t('operatManage.UserRoleAuthorizationObj.PermissionTable') - }}</span + }}</span> + <div + class="btn" + style="margin-left: auto" > - <div class="btn" style="margin-left: auto"> <el-button v-if="menuStatus.insert" type="primary" @@ -129,11 +129,9 @@ size="small" @click="adduser" :disabled="menuid == null ? true : false" - style="background-color: #216fe6" - >{{ + >{{ $t('operatManage.UserRoleAuthorizationObj.Added') - }}</el-button - > + }}</el-button> <el-button v-if="menuStatus.delete" type="danger" @@ -141,10 +139,9 @@ size="small" @click="deletesUser" :disabled="menuid == null ? true : false" - >{{ + >{{ $t('operatManage.UserRoleAuthorizationObj.delete') - }}</el-button - > + }}</el-button> </div> </div> <el-divider class="divider" /> @@ -155,7 +152,10 @@ height="78%" @selection-change="handleSelectionChange" > - <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + type="selection" + width="55" + > </el-table-column> <el-table-column align="center" type="index" @@ -184,7 +184,7 @@ </el-pagination> </div> </div> - + </div> <el-dialog @@ -196,7 +196,10 @@ height="40vh" @selection-change="addhandleSelectionChange" > - <el-table-column type="selection" width="55"> </el-table-column> + <el-table-column + type="selection" + width="55" + > </el-table-column> <el-table-column align="center" type="index" @@ -208,7 +211,10 @@ > </el-table-column> </el-table> - <div style="margin-top: 20px; text-align: center" class="pagination_box"> + <div + style="margin-top: 20px; text-align: center" + class="pagination_box" + > <el-pagination @size-change="addhandleSizeChange" @current-change="addhandleCurrentChange" @@ -220,15 +226,21 @@ > </el-pagination> </div> - <div slot="footer" class="dialog-footer"> - <el-button @click="dialogTableVisible = false">{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="dialogTableVisible = false" + >{{ $t('dataManage.dictionaryManageObj.cancel') }}</el-button> <el-button - style="background: #409eff; border: 1px solid #409eff; color: white" + size="small" + type="primary" @click="addConfirm" - >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button - > + >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button> </div> </el-dialog> </div> @@ -476,7 +488,7 @@ this.dialogTableVisible = false; this.getRoleMenu(); }) - .catch(() => {}); + .catch(() => { }); }, showPermsMenu(res) { switch (res.tag) { @@ -590,7 +602,7 @@ } } } - .menuContent{ + .menuContent { height: 90%; overflow: auto; } -- Gitblit v1.9.3