From 462782f4b2ce653e84260ca586a58c8627c4ac9c Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 18 十一月 2022 13:55:22 +0800 Subject: [PATCH] 1 --- src/views/userManage/roleManage.vue | 90 ++++++++++++++++++++++++++++++++------------ 1 files changed, 65 insertions(+), 25 deletions(-) diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue index 760cc30..bbe9d2d 100644 --- a/src/views/userManage/roleManage.vue +++ b/src/views/userManage/roleManage.vue @@ -21,34 +21,49 @@ :disabled="true" :placeholder="$t('common.pleaseInput')" /> - <el-button style="margin-left: 20px" @click="showDepTree(1)">{{ - $t('common.choose') - }}</el-button> + <el-button + style=" + margin-left: 20px; + background: #409eff; + border: 1px solid #409eff; + color: white; + " + @click="showDepTree(1)" + >{{ $t('common.choose') }}</el-button + > </el-form-item> <br /> <el-form-item> - <el-button @click="InsertFormdialog = true" v-if="menuStatus.insert" + <el-button + type="success" + @click="InsertFormdialog = true" + v-if="menuStatus.insert" ><i class="el-icon-circle-plus-outline"></i> {{ $t('userManage.RM.add') }}</el-button > </el-form-item> <el-form-item> - <el-button @click="onSubmit('ruleForm')" + <el-button + style="background: #409eff; border: 1px solid #409eff; color: white" + @click="onSubmit('ruleForm')" ><i class="el-icon-search"></i> {{ $t('userManage.RM.query') }}</el-button > </el-form-item> <el-form-item> - <el-button @click="resetForm('ruleForm')" + <el-button type="info" @click="resetForm('ruleForm')" ><i class="el-icon-delete"></i> {{ $t('userManage.RM.reset') }}</el-button > </el-form-item> <el-form-item> - <el-button @click="handleDelete()" v-if="menuStatus.delete" + <el-button + type="danger" + @click="handleDelete()" + v-if="menuStatus.delete" ><i class="el-icon-delete"></i> {{ $t('common.delete') }}</el-button @@ -141,7 +156,6 @@ > <el-button @click="showDetail(scope.$index, scope.row)" - type="primary" size="small" >{{ $t('common.see') }}</el-button > @@ -187,9 +201,16 @@ :disabled="true" :placeholder="$t('common.pleaseInput')" /> - <el-button style="margin-left: 20px" @click="showDepTree(2)">{{ - $t('common.choose') - }}</el-button> + <el-button + style=" + margin-left: 20px; + background: #409eff; + border: 1px solid #409eff; + color: white; + " + @click="showDepTree(2)" + >{{ $t('common.choose') }}</el-button + > </el-form-item> <el-form-item :label="$t('userManage.RM.describe')" @@ -213,9 +234,11 @@ </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="insertFromClose">{{ $t('common.close') }}</el-button> - <el-button type="primary" @click="insertFromData">{{ - $t('common.confirm') - }}</el-button> + <el-button + style="background: #409eff; border: 1px solid #409eff; color: white" + @click="insertFromData" + >{{ $t('common.confirm') }}</el-button + > </div> </el-dialog> <el-dialog @@ -243,9 +266,16 @@ :disabled="true" :placeholder="$t('common.pleaseInput')" /> - <el-button style="margin-left: 20px" @click="showDepTree(3)">{{ - $t('common.choose') - }}</el-button> + <el-button + style=" + margin-left: 20px; + background: #409eff; + border: 1px solid #409eff; + color: white; + " + @click="showDepTree(3)" + >{{ $t('common.choose') }}</el-button + > </el-form-item> <el-form-item :label="$t('userManage.RM.isAdmin')" @@ -269,9 +299,11 @@ </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="updateFromClose">{{ $t('common.close') }}</el-button> - <el-button type="primary" @click="updateFromData">{{ - $t('common.confirm') - }}</el-button> + <el-button + style="background: #409eff; border: 1px solid #409eff; color: white" + @click="updateFromData" + >{{ $t('common.confirm') }}</el-button + > </div> </el-dialog> <div class="leftTree" v-if="showCata"> @@ -279,10 +311,13 @@ <role-dep-tree></role-dep-tree> </div> <div class="btnBox"> - <el-button type="primary" size="small" @click="selectCataName" + <el-button + style="background: #409eff; border: 1px solid #409eff; color: white" + size="small" + @click="selectCataName" >纭畾</el-button > - <el-button type="primary" size="small" @click="showCata = false" + <el-button type="info" size="small" @click="showCata = false" >鍙栨秷</el-button > </div> @@ -772,17 +807,21 @@ } .infoBox { width: 500px; - border: 1px solid #eee; + position: absolute; z-index: 100; - top: 25%; + top: 15%; right: 12%; - background-color: #fff; + background-color: #303030; + .el-icon-close { + color: white; + } .el-card { background-color: transparent; span { font-size: 16px; font-weight: 600; + color: white; } } .contentBox { @@ -793,6 +832,7 @@ // background-color: #bfa; // margin-bottom: 10px; font-size: 14px; + color: white; } .boxlabel { margin-left: 10px; -- Gitblit v1.9.3