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/AuthorizationManagement/userRoleAuthorization.vue | 151 ++++++++++++++++++++++++++------------------------
1 files changed, 79 insertions(+), 72 deletions(-)
diff --git a/src/views/AuthorizationManagement/userRoleAuthorization.vue b/src/views/AuthorizationManagement/userRoleAuthorization.vue
index 57dcb91..02aa114 100644
--- a/src/views/AuthorizationManagement/userRoleAuthorization.vue
+++ b/src/views/AuthorizationManagement/userRoleAuthorization.vue
@@ -1,39 +1,33 @@
<template>
<div class="menuSettings_box">
<div class="menuSettings_tree">
- <My-bread
- :list="[
+ <My-bread :list="[
`${$t('operatManage.operatManage')}`,
`${$t('operatManage.UserRoleAuthorization')}`,
- ]"
- ></My-bread>
+ ]"></My-bread>
<el-divider />
<div class="menuTreeBox">
- <el-card class="el-card-define">
- <div class="card_tree">
- <el-tree
- :data="depList"
- :props="defaultProps"
- :show-checkbox="false"
- :check-on-click-node="true"
- :check-strictly="true"
- node-key="id"
- @check="treeCheck"
- :default-expanded-keys="[1]"
- ref="treeForm"
- >
- </el-tree>
- </div>
- </el-card>
+
+ <div class="card_tree">
+ <el-tree
+ :data="depList"
+ :props="defaultProps"
+ :show-checkbox="false"
+ :check-on-click-node="true"
+ :check-strictly="true"
+ node-key="id"
+ @check="treeCheck"
+ :default-expanded-keys="[1]"
+ ref="treeForm"
+ >
+ </el-tree>
+ </div>
+
</div>
</div>
- <div
- class="menuSettings_tree"
- style="margin-left: 10px; width: calc(50% - 172px)"
- >
- <div
- style="
+ <div class="menuSettings_tree">
+ <div style="
font-size: 14px;
color: #409eff;
line-height: 1;
@@ -41,8 +35,7 @@
position: relative;
top: 10px;
margin-left: 10px;
- "
- >
+ ">
{{ $t('operatManage.UserRoleAuthorizationObj.RoleTable') }}
</div>
<el-divider />
@@ -50,17 +43,19 @@
:data="tableData"
style="width: 100%"
@row-click="singleElection"
- height="85%"
+ height="78%"
>
- <el-table-column align="center" width="55">
+ <el-table-column
+ align="center"
+ width="55"
+ >
<template slot-scope="scope">
<!-- 鍙互鎵嬪姩鐨勪慨鏀筶abel鐨勫�硷紝浠庤�屾帶鍒堕�夋嫨鍝竴椤� -->
<el-radio
class="radio"
v-model="templateSelection"
:label="scope.row.id"
- > </el-radio
- >
+ > </el-radio>
</template>
</el-table-column>
<el-table-column
@@ -75,25 +70,27 @@
>
</el-table-column>
</el-table>
- <div style="text-align: center; margin-top: 20px" class="pagination_box">
+ <div
+ style="text-align: center; margin-top: 20px"
+ class="pagination_box"
+ >
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listData.pageIndex"
:page-sizes="[10, 20, 30, 40]"
:page-size="userlistData.pageSize"
- layout="total, sizes, prev, pager, next, jumper"
+ layout="prev, pager, next"
:total="count"
>
</el-pagination>
</div>
</div>
- <div class="menuSettings">
+ <div class="menuSettings_tree">
<!-- <div class="title_box">
<h4>璇︾粏淇℃伅</h4>
</div> -->
- <div
- style="
+ <div style="
font-size: 14px;
color: #409eff;
line-height: 1;
@@ -103,12 +100,13 @@
margin-left: 10px;
display: flex;
align-items: center;
- "
- >
+ ">
<span>
- {{ $t('operatManage.UserRoleAuthorizationObj.userTable') }}</span
+ {{ $t('operatManage.UserRoleAuthorizationObj.userTable') }}</span>
+ <div
+ class="btn"
+ style="margin-left: auto"
>
- <div class="btn" style="margin-left: auto">
<el-button
v-if="menuStatus.insert"
type="primary"
@@ -117,8 +115,7 @@
:disabled="roleid == null ? true : false"
@click="adduser"
style="background: #409eff"
- >{{ $t('operatManage.UserRoleAuthorizationObj.Added') }}</el-button
- >
+ >{{ $t('operatManage.UserRoleAuthorizationObj.Added') }}</el-button>
<el-button
v-if="menuStatus.delete"
type="danger"
@@ -126,8 +123,7 @@
size="small"
@click="deletesUser"
:disabled="roleid == null ? true : false"
- >{{ $t('operatManage.UserRoleAuthorizationObj.delete') }}</el-button
- >
+ >{{ $t('operatManage.UserRoleAuthorizationObj.delete') }}</el-button>
</div>
</div>
<el-divider class="divider" />
@@ -135,10 +131,13 @@
<el-table
:data="usertableData"
style="width: 100%"
- height="85%"
+ 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"
@@ -151,14 +150,17 @@
</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="userhandleSizeChange"
@current-change="userhandleCurrentChange"
:current-page="userlistData.pageIndex"
:page-sizes="[10, 20, 30, 40]"
:page-size="userlistData.pageSize"
- layout="total, sizes, prev, pager, next, jumper"
+ layout="prev, pager, next"
:total="usercount"
>
</el-pagination>
@@ -173,7 +175,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"
@@ -185,7 +190,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"
@@ -197,15 +205,17 @@
>
</el-pagination>
</div>
- <div slot="footer" class="dialog-footer">
+ <div
+ slot="footer"
+ class="dialog-footer"
+ >
<el-button @click="dialogTableVisible = false">{{
$t('dataManage.dictionaryManageObj.cancel')
}}</el-button>
<el-button
style="background: #409eff; border: 1px solid #409eff; color: white"
@click="addConfirm"
- >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button
- >
+ >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button>
</div>
</el-dialog>
</div>
@@ -295,7 +305,7 @@
this.dialogTableVisible = false;
this.getuserList();
})
- .catch(() => {});
+ .catch(() => { });
},
adduser() {
this.dialogTableVisible = true;
@@ -460,12 +470,12 @@
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.menuSettings_box {
- // background: rgb(240, 242, 245);
- border-radius: 10px;
- height: 100%;
-
- box-sizing: border-box;
+ height: 98%;
+ width: 98%;
+ padding: 1%;
+ position: absolute;
display: flex;
+ justify-content: space-between;
.el-card-define {
height: 630px;
background: #303030;
@@ -473,11 +483,10 @@
}
.menuSettings_tree {
border: 1px solid gray;
- padding: 20px;
-
+ width: 33%;
+ height: 98%;
position: relative;
- width: 344px;
- height: 740px;
+ padding: 10px;
border-radius: 10px;
box-sizing: border-box;
overflow: hidden;
@@ -488,12 +497,11 @@
top: 23px;
}
.menuTreeBox {
- position: relative;
-
+ height: 90%;
+ overflow: auto;
.card_tree {
display: block;
- height: 640px;
- overflow-y: auto;
+
// 鏇存敼鎸囨爣鏍戝浘鏍囬鑹�
/deep/ .el-tree .el-icon-caret-right:before {
color: white; /** 杩欓噷鏄淇敼鍥炬爣鐨勯鑹� **/
@@ -522,12 +530,11 @@
}
}
.menuSettings {
- width: calc(50% - 172px);
border-radius: 10px;
border: 1px solid gray;
- margin-left: 10px;
- height: 740px;
- padding: 20px;
+ width: 33%;
+ height: 98%;
+ padding: 10px;
box-sizing: border-box;
.title_box {
background: #fff;
--
Gitblit v1.9.3