From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 10:35:15 +0800 Subject: [PATCH] 廊坊代码更新 --- src/views/userManage/roleManage.vue | 195 +++++++++++++++++++++++++++++++----------------- 1 files changed, 127 insertions(+), 68 deletions(-) diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue index bbe9d2d..3ac98d1 100644 --- a/src/views/userManage/roleManage.vue +++ b/src/views/userManage/roleManage.vue @@ -1,15 +1,20 @@ <template> <div class="logLog_box"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('userManage.roleManage')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> <div class="inquire"> - <el-form ref="ruleForm" :model="roleForm" :inline="true"> - <el-form-item :label="$t('userManage.RM.roleName')" prop="username"> + <el-form + ref="ruleForm" + :model="roleForm" + :inline="true" + > + <el-form-item + :label="$t('userManage.RM.roleName')" + prop="username" + > <el-input v-model="roleForm.username" /> </el-form-item> <el-form-item @@ -29,8 +34,7 @@ color: white; " @click="showDepTree(1)" - >{{ $t('common.choose') }}</el-button - > + >{{ $t('common.choose') }}</el-button> </el-form-item> <br /> <el-form-item> @@ -38,36 +42,34 @@ type="success" @click="InsertFormdialog = true" v-if="menuStatus.insert" - ><i class="el-icon-circle-plus-outline"></i> {{ + ><i class="el-icon-circle-plus-outline"></i> {{ $t('userManage.RM.add') - }}</el-button - > + }}</el-button> </el-form-item> <el-form-item> <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="onSubmit('ruleForm')" - ><i class="el-icon-search"></i> {{ + ><i class="el-icon-search"></i> {{ $t('userManage.RM.query') - }}</el-button - > + }}</el-button> </el-form-item> <el-form-item> - <el-button type="info" @click="resetForm('ruleForm')" - ><i class="el-icon-delete"></i> {{ + <el-button + type="info" + @click="resetForm('ruleForm')" + ><i class="el-icon-delete"></i> {{ $t('userManage.RM.reset') - }}</el-button - > + }}</el-button> </el-form-item> <el-form-item> <el-button type="danger" @click="handleDelete()" v-if="menuStatus.delete" - ><i class="el-icon-delete"></i> {{ + ><i class="el-icon-delete"></i> {{ $t('common.delete') - }}</el-button - > + }}</el-button> </el-form-item> </el-form> </div> @@ -75,17 +77,24 @@ <el-table :data="tableData" style="width: 100%" + height="85%" @selection-change="handleSelectionChange" - height="99%" > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column align="center" type="index" :label="$t('userManage.RM.index')" width="70px" /> - <el-table-column align="center" prop="id" v-if="false" /> + <el-table-column + align="center" + prop="id" + v-if="false" + /> <el-table-column align="center" prop="name" @@ -152,17 +161,18 @@ type="warning" @click="handleEdit(scope.$index, scope.row)" size="small" - >{{ $t('common.update') }}</el-button - > + >{{ $t('common.update') }}</el-button> <el-button @click="showDetail(scope.$index, scope.row)" size="small" - >{{ $t('common.see') }}</el-button - > + >{{ $t('common.see') }}</el-button> </template> </el-table-column> </el-table> - <div style="margin-top: 25px" class="pagination_box"> + <div + style="margin-top: 25px" + class="pagination_box" + > <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -188,7 +198,10 @@ :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth" > - <el-input v-model="insertform.name" autocomplete="off"></el-input> + <el-input + v-model="insertform.name" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item :label="$t('userManage.RM.ownedSystem')" @@ -209,36 +222,49 @@ color: white; " @click="showDepTree(2)" - >{{ $t('common.choose') }}</el-button - > + >{{ $t('common.choose') }}</el-button> </el-form-item> <el-form-item :label="$t('userManage.RM.describe')" :label-width="formLabelWidth" > - <el-input v-model="insertform.descr" autocomplete="off"></el-input> + <el-input + v-model="insertform.descr" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item :label="$t('userManage.RM.isAdmin')" :label-width="formLabelWidth" > - <el-radio v-model="insertform.isAdmin" label="1">鏄�</el-radio> - <el-radio v-model="insertform.isAdmin" label="0">鍚�</el-radio> + <el-radio + v-model="insertform.isAdmin" + label="1" + >鏄�</el-radio> + <el-radio + v-model="insertform.isAdmin" + label="0" + >鍚�</el-radio> </el-form-item> <el-form-item :label="$t('userManage.RM.remarks')" :label-width="formLabelWidth" > - <el-input v-model="insertform.bak" autocomplete="off"></el-input> + <el-input + v-model="insertform.bak" + autocomplete="off" + ></el-input> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> + <div + slot="footer" + class="dialog-footer" + > <el-button @click="insertFromClose">{{ $t('common.close') }}</el-button> <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="insertFromData" - >{{ $t('common.confirm') }}</el-button - > + >{{ $t('common.confirm') }}</el-button> </div> </el-dialog> <el-dialog @@ -253,7 +279,10 @@ :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth" > - <el-input v-model="updateform.name" autocomplete="off"></el-input> + <el-input + v-model="updateform.name" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item @@ -274,39 +303,55 @@ color: white; " @click="showDepTree(3)" - >{{ $t('common.choose') }}</el-button - > + >{{ $t('common.choose') }}</el-button> </el-form-item> <el-form-item :label="$t('userManage.RM.isAdmin')" :label-width="formLabelWidth" > - <el-radio v-model="updateform.isAdmin" label="1">鏄�</el-radio> - <el-radio v-model="updateform.isAdmin" label="0">鍚�</el-radio> + <el-radio + v-model="updateform.isAdmin" + label="1" + >鏄�</el-radio> + <el-radio + v-model="updateform.isAdmin" + label="0" + >鍚�</el-radio> </el-form-item> <el-form-item :label="$t('userManage.RM.describe')" :label-width="formLabelWidth" > - <el-input v-model="updateform.descr" autocomplete="off"></el-input> + <el-input + v-model="updateform.descr" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item :label="$t('userManage.RM.remarks')" :label-width="formLabelWidth" > - <el-input v-model="updateform.bak" autocomplete="off"></el-input> + <el-input + v-model="updateform.bak" + autocomplete="off" + ></el-input> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> + <div + slot="footer" + class="dialog-footer" + > <el-button @click="updateFromClose">{{ $t('common.close') }}</el-button> <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="updateFromData" - >{{ $t('common.confirm') }}</el-button - > + >{{ $t('common.confirm') }}</el-button> </div> </el-dialog> - <div class="leftTree" v-if="showCata"> + <div + class="leftTree" + v-if="showCata" + > <div class="treeBox"> <role-dep-tree></role-dep-tree> </div> @@ -315,19 +360,29 @@ style="background: #409eff; border: 1px solid #409eff; color: white" size="small" @click="selectCataName" - >纭畾</el-button - > - <el-button type="info" size="small" @click="showCata = false" - >鍙栨秷</el-button - > + >纭畾</el-button> + <el-button + type="info" + size="small" + @click="showCata = false" + >鍙栨秷</el-button> </div> </div> - <div class="infoBox" v-show="showinfoBox"> + <div + class="infoBox" + v-show="showinfoBox" + > <el-card> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>{{ $t('dataManage.styleObj.deInformation') }}</span> - <div style="float: right; cursor: pointer" @click="closeDetial"> + <div + style="float: right; cursor: pointer" + @click="closeDetial" + > <i class="el-icon-close"></i> </div> </div> @@ -659,10 +714,11 @@ <style lang="less" scoped> //@import url(); 寮曞叆鍏叡css绫� .logLog_box { - border-radius: 10px; - height: 100%; - - box-sizing: border-box; + height: 98%; + width: 98%; + padding: 1%; + position: absolute; + overflow: auto; .el-input { width: 300px; } @@ -690,14 +746,15 @@ } } .inquire { - height: 115px; + height: auto; overflow: auto; padding: 10px; - margin-top: 20px; - + margin-top: 10px; + margin-top: 10px; + width: calc(100% - 22px); border-radius: 5px; border: 1px solid rgb(202, 201, 204); - margin-bottom: 10px; + .el-form-item { margin: 7px; } @@ -711,9 +768,11 @@ } } .table_box { - height: 470px; + width: calc(100% - 22px); + height: calc(60% - 6px); padding: 10px; - + margin-bottom: 10px; + margin-top: 10px; border-radius: 5px; border: 1px solid rgb(202, 201, 204); /deep/.el-input__inner { -- Gitblit v1.9.3