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/authorityManage.vue | 179 ++++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 114 insertions(+), 65 deletions(-) diff --git a/src/views/userManage/authorityManage.vue b/src/views/userManage/authorityManage.vue index cb9c0e4..fea092b 100644 --- a/src/views/userManage/authorityManage.vue +++ b/src/views/userManage/authorityManage.vue @@ -1,39 +1,45 @@ <template> <div class="power_box"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('userManage.authorityManage')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> <div class="power_quire"> - <el-form ref="form" :model="ruleForm" label-width="100px" :inline="true"> + <el-form + ref="form" + :model="ruleForm" + label-width="100px" + :inline="true" + > <el-form-item :label="$t('common.username')"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> <el-form-item> - <el-button @click="submitForm('ruleForm')" icon="el-icon-search" style="background: #409eff; border: 1px solid #409eff; color: white">{{ + <el-button + @click="submitForm('ruleForm')" + icon="el-icon-search" + style="background: #409eff; border: 1px solid #409eff; color: white" + >{{ $t('common.iquery') }}</el-button> <el-button @click="resetForm('ruleForm')" icon="el-icon-refresh" type="info" - >{{ $t('common.empty') }}</el-button - > - <el-button v-if="menuStatus.insert" + >{{ $t('common.empty') }}</el-button> + <el-button + v-if="menuStatus.insert" @click="InsertFormdialog = true" icon="el-icon-edit" type="success" - >{{ $t('common.append') }}</el-button - > - <el-button v-if="menuStatus.delete" + >{{ $t('common.append') }}</el-button> + <el-button + v-if="menuStatus.delete" @click="DelFromData" icon="el-icon-delete" type="danger" - >{{ $t('common.delete') }}</el-button - > + >{{ $t('common.delete') }}</el-button> </el-form-item> </el-form> </div> @@ -42,9 +48,13 @@ :data="tableData" style="width: 100%" fit + height="85%" @selection-change="handleSelectionChange" > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column align="center" type="index" @@ -106,47 +116,56 @@ type="primary" plain size="small" - >{{ $t('common.see') }}</el-button - > - <el-button v-if="menuStatus.update" + >{{ $t('common.see') }}</el-button> + <el-button + v-if="menuStatus.update" @click="handleEdit(scope.$index, scope.row)" type="warning" size="small" plain - >{{ $t('common.edit') }}</el-button - > + >{{ $t('common.edit') }}</el-button> </template> </el-table-column> </el-table> + <div class="pagination_box"> + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="listData.pageIndex" + :page-sizes="[10, 20, 30, 40]" + :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count" + > + </el-pagination> + </div> </div> - <div class="pagination_box"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > - </el-pagination> - </div> - <div class="infoBox" v-show="showinfoBox"> + + <div + class="infoBox" + v-show="showinfoBox" + > <el-card class="box-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> - <div class="contentBox"> + <div class="contentBox"> <p> <label> {{ $t('userManage.userInfoObj.name') }}:</label> <label class="boxlabel">{{ itemdetail.name }}</label> </p> <el-divider></el-divider> <p> - <p> + <p> <label> {{ $t('userManage.userInfoObj.tag') }}:</label> <label class="boxlabel">{{ itemdetail.tag }}</label> </p> @@ -157,7 +176,7 @@ <label class="boxlabel">{{ itemdetail.createUser }}</label> </p> <el-divider></el-divider> - <p> + <p> <label> {{ $t('userManage.userInfoObj.createTime') }}:</label> <label class="boxlabel">{{ itemdetail.createTime }}</label> </p> @@ -171,12 +190,12 @@ <label> {{ $t('userManage.userInfoObj.updateTime') }}:</label> <label class="boxlabel">{{ itemdetail.updateTime }}</label> </p> - <el-divider></el-divider> + <el-divider></el-divider> <p> <label> {{ $t('userManage.userInfoObj.bak') }}:</label> <label class="boxlabel">{{ itemdetail.bak }}</label> </p> - <el-divider></el-divider> + <el-divider></el-divider> </div> </el-card> </div> @@ -195,10 +214,16 @@ :props="defaultProps" > </el-tree> - <el-button type="primary" size="small">{{ + <el-button + type="primary" + size="small" + >{{ $t('common.confirm') }}</el-button> - <el-button type="info" size="small">{{ $t('common.close') }}</el-button> + <el-button + type="info" + size="small" + >{{ $t('common.close') }}</el-button> </el-dialog> <el-dialog :title="$t('userManage.userInfoObj.addPermission')" @@ -211,31 +236,46 @@ :label="$t('userManage.userInfoObj.name')" :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.userInfoObj.tag')" :label-width="formLabelWidth" > - <el-input v-model="insertform.tag" autocomplete="off"></el-input> + <el-input + v-model="insertform.tag" + autocomplete="off" + ></el-input> </el-form-item> <el-form-item :label="$t('userManage.userInfoObj.bak')" :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="insertFromDataClose">{{ $t('common.close') }}</el-button> - <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="insertFromData">{{ + <el-button + style="background: #409eff; border: 1px solid #409eff; color: white" + @click="insertFromData" + >{{ $t('common.confirm') }}</el-button> </div> </el-dialog> - <el-dialog + <el-dialog :title="$t('userManage.userInfoObj.editPermission')" style="overflow: hidden" :visible.sync="EditFormdialog" @@ -247,26 +287,32 @@ :label="$t('userManage.userInfoObj.name')" :label-width="formLabelWidth" > - <el-input v-model="upform.name" ></el-input> + <el-input v-model="upform.name"></el-input> </el-form-item> <el-form-item :label="$t('userManage.userInfoObj.tag')" :label-width="formLabelWidth" > - <el-input v-model="upform.tag" ></el-input> + <el-input v-model="upform.tag"></el-input> </el-form-item> <el-form-item :label="$t('userManage.userInfoObj.bak')" :label-width="formLabelWidth" > - <el-input v-model="upform.bak" ></el-input> + <el-input v-model="upform.bak"></el-input> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button @click="EditFromDataClose" >{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button @click="EditFromDataClose">{{ $t('common.close') }}</el-button> - <el-button @click="EditFromData" style="background: #409eff; border: 1px solid #409eff; color: white" >{{ + <el-button + @click="EditFromData" + style="background: #409eff; border: 1px solid #409eff; color: white" + >{{ $t('common.confirm') }}</el-button> </div> @@ -465,29 +511,32 @@ <style lang="less" scoped> .power_box { - border-radius: 10px; - height: 100%; - - box-sizing: border-box; + height: 98%; + width: 98%; + padding: 1%; + position: absolute; .el-input { width: 300px; } .power_quire { overflow: auto; padding: 8px; - margin-top: 20px; + /deep/ .el-input__inner { background-color: transparent !important; border: 1px solid; color: white; } + /deep/.el-form-item { + margin-bottom: 0px; + } border-radius: 5px; border: 1px solid rgb(202, 201, 204); - padding-top: 25px; - margin-bottom: 20px; + + margin-bottom: 10px; } .table_box { - height: 68%; + height: 72%; padding: 10px; border-radius: 5px; @@ -588,7 +637,7 @@ top: 15%; right: 12%; background-color: #303030; - .el-icon-close { + .el-icon-close { color: white; } .el-card { @@ -604,7 +653,7 @@ height: 485px; overflow: auto; p { - color: white; + color: white; font-size: 14px; } .boxlabel { @@ -636,7 +685,7 @@ background: #ededed; } } - /deep/ .el-input__inner { + /deep/ .el-input__inner { background-color: transparent !important; border: 1px solid; color: white; -- Gitblit v1.9.3