From 5d2106137232b0559a14a28165094f0e1b28d14f Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期一, 20 二月 2023 18:11:14 +0800
Subject: [PATCH] Merge branch 'master' of http://103.85.165.99:8989/r/LFWEB_NEW
---
src/views/AuthorizationManagement/menuRoleAuthorization.vue | 201 +++++++++++++++++++++++++++++++------------------
1 files changed, 126 insertions(+), 75 deletions(-)
diff --git a/src/views/AuthorizationManagement/menuRoleAuthorization.vue b/src/views/AuthorizationManagement/menuRoleAuthorization.vue
index 6f66b42..3c7ffeb 100644
--- a/src/views/AuthorizationManagement/menuRoleAuthorization.vue
+++ b/src/views/AuthorizationManagement/menuRoleAuthorization.vue
@@ -1,5 +1,5 @@
<template>
- <div class="menuSettings_box">
+ <div class="menuSettings_box menuRoleAuthorization">
<!-- <My-bread
:list="[
`${$t('operatManage.operatManage')}`,
@@ -8,15 +8,16 @@
]"
></My-bread>
<el-divider /> -->
- <div class="menuSettings_tree subpage_Div">
- <My-bread :list="[
+ <div class="menuSettings_tree subpage_Div menuRoleAuthorization_left">
+ <My-bread
+ :list="[
`${$t('operatManage.operatManage')}`,
`${$t('operatManage.UserRoleAuthorization')}`,
- ]"></My-bread>
+ ]"
+ ></My-bread>
<el-divider />
<div class="menuTreeBox">
-
<div class="card_tree">
<el-tree
:data="depList"
@@ -31,10 +32,10 @@
>
</el-tree>
</div>
-
</div>
</div>
- <div class="menuTreeBox ">
+ <!-- <div class="menuRoleAuthorization_resize" title="鏀剁缉渚ц竟鏍�">鈰�</div> -->
+ <div class="menuTreeBox menuRoleAuthorization_mid">
<!-- <div class="left_tree subpage_Div">
<el-tree
:data="depList"
@@ -61,11 +62,12 @@
margin-left: 10px;
display: flex;
align-items: center;
+ flex-wrap: wrap;
"
>
<span>
{{
- $t('operatManage.UserRoleAuthorizationObj.PermissionTable')
+ $t("operatManage.UserRoleAuthorizationObj.PermissionTable")
}}</span
>
<div class="btn" style="margin-left: auto">
@@ -76,9 +78,8 @@
size="small"
:disabled="roleid == null ? true : false"
@click="adduser"
-
>{{
- $t('operatManage.UserRoleAuthorizationObj.Added')
+ $t("operatManage.UserRoleAuthorizationObj.Added")
}}</el-button
>
<el-button
@@ -89,7 +90,7 @@
@click="deletesUser"
:disabled="roleid == null ? true : false"
>{{
- $t('operatManage.UserRoleAuthorizationObj.delete')
+ $t("operatManage.UserRoleAuthorizationObj.delete")
}}</el-button
>
</div>
@@ -98,7 +99,7 @@
<el-table
:data="tableData"
style="width: 100%"
- height="77%"
+ height="calc(100% - 124px)"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"> </el-table-column>
@@ -115,9 +116,7 @@
</el-table-column>
</el-table>
- <div
- class="pagination_box"
- >
+ <div class="pagination_box">
<el-pagination
@size-change="userhandleSizeChange"
@current-change="userhandleCurrentChange"
@@ -212,28 +211,26 @@
</el-pagination>
</div>
<div slot="footer" class="dialog-footer">
- <el-button size="small" @click="dialogTableVisible = false">{{
- $t('dataManage.dictionaryManageObj.cancel')
+ <el-button size="small" @click="dialogTableVisible = false">{{
+ $t("dataManage.dictionaryManageObj.cancel")
}}</el-button>
- <el-button
- size="small" type="primary"
- @click="addConfirm"
- >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button
- >
+ <el-button size="small" type="primary" @click="addConfirm">{{
+ $t("dataManage.dictionaryManageObj.confirm")
+ }}</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
-import MyBread from '../../components/MyBread.vue';
+import MyBread from "../../components/MyBread.vue";
import {
selectMenuRecursives,
select_menuAuth_ByPageAndCount,
menuAuthDeletes,
select_AuthMenu_ByPageAndCount,
menuAuthinserts,
-} from '../../api/api';
+} from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -262,18 +259,18 @@
usercount: 0,
tableData: [],
// 褰撳墠閫夋嫨鐨勮鐨刬d
- templateSelection: '',
+ templateSelection: "",
// 褰撳墠閫夋嫨鐨勮鐨勬暟鎹�
checkList: [],
defaultProps: {
- children: 'children',
- label: 'cnName',
+ children: "children",
+ label: "cnName",
},
oriData: [], //鍘熷鏍戞暟鎹�
depList: [], //el鏍戞暟鎹�
backUpData: {},
- formLabelWidth: '170px',
+ formLabelWidth: "170px",
listData: {
pageIndex: 1,
pageSize: 10,
@@ -286,6 +283,50 @@
};
},
methods: {
+ //宸﹀彸鎷栧嫊
+ dragControllerDiv() {
+ var resize = document.getElementsByClassName(
+ "menuRoleAuthorization_resize"
+ );
+ var left = document.getElementsByClassName("menuRoleAuthorization_left");
+ var mid = document.getElementsByClassName("menuRoleAuthorization_mid");
+ var box = document.getElementsByClassName("menuRoleAuthorization");
+ for (let i = 0; i < resize.length; i++) {
+ // 榧犳爣鎸変笅浜嬩欢
+ resize[i].onmousedown = function (e) {
+ //棰滆壊鏀瑰彉鎻愰啋
+ resize[i].style.background = "#818181";
+ var startX = e.clientX;
+ resize[i].left = resize[i].offsetLeft;
+ // 榧犳爣鎷栧姩浜嬩欢
+ document.onmousemove = function (e) {
+ var endX = e.clientX;
+ var moveLen = resize[i].left + (endX - startX); // 锛坋ndx-startx锛�=绉诲姩鐨勮窛绂汇�俽esize[i].left+绉诲姩鐨勮窛绂�=宸﹁竟鍖哄煙鏈�鍚庣殑瀹藉害
+ var maxT = box[i].clientWidth - resize[i].offsetWidth; // 瀹瑰櫒瀹藉害 - 宸﹁竟鍖哄煙鐨勫搴� = 鍙宠竟鍖哄煙鐨勫搴�
+
+ if (moveLen < 205) moveLen = 205; // 宸﹁竟鍖哄煙鐨勬渶灏忓搴︿负32px
+ if (moveLen > maxT - 300) moveLen = maxT - 300; //鍙宠竟鍖哄煙鏈�灏忓搴︿负150px
+
+ resize[i].style.left = moveLen; // 璁剧疆宸︿晶鍖哄煙鐨勫搴�
+
+ for (let j = 0; j < left.length; j++) {
+ left[j].style.width = moveLen + "px";
+ mid[j].style.width = box[i].clientWidth - moveLen - 10 + "px";
+ }
+ };
+ // 榧犳爣鏉惧紑浜嬩欢
+ document.onmouseup = function (evt) {
+ //棰滆壊鎭㈠
+ resize[i].style.background = "#d6d6d6";
+ document.onmousemove = null;
+ document.onmouseup = null;
+ resize[i].releaseCapture && resize[i].releaseCapture(); //褰撲綘涓嶅湪闇�瑕佺户缁幏寰楅紶鏍囨秷鎭氨瑕佸簲璇ヨ皟鐢≧eleaseCapture()閲婃斁鎺�
+ };
+ resize[i].setCapture && resize[i].setCapture(); //璇ュ嚱鏁板湪灞炰簬褰撳墠绾跨▼鐨勬寚瀹氱獥鍙ｉ噷璁剧疆榧犳爣鎹曡幏
+ return false;
+ };
+ }
+ },
/**
* sws
*/
@@ -295,7 +336,7 @@
//鑾峰彇鐩綍鏍戞渶澶D锛屾柊寤鸿妭鐐逛娇鐢�
const data = await selectMenuRecursives({ name: menuStartName });
if (data.code !== 200) {
- return this.$message.error('璇锋眰鍗曚綅鎶ラ敊');
+ return this.$message.error("璇锋眰鍗曚綅鎶ラ敊");
}
this.depList = this.treeData(data.result);
@@ -305,7 +346,7 @@
return cloneData.filter((father) => {
// 寰幆鎵�鏈夐」
let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
});
},
@@ -332,10 +373,10 @@
},
addConfirm() {
- this.$confirm('纭畾鏄惁鏂板', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
+ this.$confirm("纭畾鏄惁鏂板", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
})
.then(async () => {
let arr = [];
@@ -345,11 +386,11 @@
const data = await menuAuthinserts(arr);
if (data.code !== 200) {
- return this.$message.error('鏂板澶辫触');
+ return this.$message.error("鏂板澶辫触");
}
this.$message({
- type: 'success',
- message: '鏂板鎴愬姛!',
+ type: "success",
+ message: "鏂板鎴愬姛!",
});
this.dialogTableVisible = false;
this.getRole();
@@ -366,31 +407,33 @@
this.usermultipleSelection.forEach((e) => {
arr.push(e.id);
});
- this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ潈闄�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- }).then(async () => {
- const data = await menuAuthDeletes({ ids: arr.toString() });
- if (data.code == 200) {
- this.InsertFormdialog = false;
+ this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ潈闄�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(async () => {
+ const data = await menuAuthDeletes({ ids: arr.toString() });
+ if (data.code == 200) {
+ this.InsertFormdialog = false;
+ this.$message({
+ message: "鍒犻櫎鎴愬姛锛�",
+ type: "success",
+ });
+ this.getRole();
+ } else {
+ this.$message({
+ message: "鍒犻櫎澶辫触锛�",
+ type: "warning",
+ });
+ }
+ })
+ .catch(() => {
this.$message({
- message: '鍒犻櫎鎴愬姛锛�',
- type: 'success',
+ type: "info",
+ message: "宸插彇娑堝垹闄�",
});
- this.getRole();
- } else {
- this.$message({
- message: '鍒犻櫎澶辫触锛�',
- type: 'warning',
- });
- }
- }).catch(() => {
- this.$message({
- type: 'info',
- message: '宸插彇娑堝垹闄�'
});
- });
// const data = await menuAuthDeletes({ ids: arr.toString() });
// if (data.code !== 200) {
// return this.$message.error('鍒犻櫎澶辫触');
@@ -406,7 +449,7 @@
this.addlistData.menuid = this.roleid;
const data = await select_AuthMenu_ByPageAndCount(this.addlistData);
if (data.code !== 200) {
- return this.$message.error('鏂板鐢ㄦ埛鍒楄〃璇锋眰閿欒');
+ return this.$message.error("鏂板鐢ㄦ埛鍒楄〃璇锋眰閿欒");
}
this.gridData = data.result;
this.addcount = data.count;
@@ -445,20 +488,20 @@
async getRole() {
const data = await select_menuAuth_ByPageAndCount(this.listData);
if (data.code !== 200) {
- return this.$message.error('鐢ㄦ埛瑙掕壊璇锋眰閿欒');
+ return this.$message.error("鐢ㄦ埛瑙掕壊璇锋眰閿欒");
}
this.tableData = data.result;
this.usercount = data.count;
},
showPermsMenu(res) {
switch (res.tag) {
- case '/delete':
+ case "/delete":
this.menuStatus.delete = true;
break;
- case '/insert':
+ case "/insert":
this.menuStatus.insert = true;
break;
- case '/update':
+ case "/update":
this.menuStatus.update = true;
break;
}
@@ -474,6 +517,9 @@
}
this.getMenuTree();
},
+ mounted() {
+ // this.dragControllerDiv();
+ },
};
</script>
<style lang="less" scoped>
@@ -483,43 +529,48 @@
width: 98%;
padding: 1%;
border-radius: 10px;
-
+ position: relative;
display: flex;
- justify-content: space-between;
-
+ // justify-content: space-between;
+
.menuTreeBox {
width: 100%;
- height: 91%;
+ height: 98%;
.left_tree {
width: 29%;
height: 92%;
padding: 10px;
-
+
border-radius: 5px;
float: left;
overflow-y: auto;
border-radius: 10px;
-
}
.right_menu {
border-radius: 10px;
width: 97%;
height: 100%;
padding: 10px;
-
+
border-radius: 5px;
float: right;
}
}
-
-
-
+
.divider {
margin-top: 8px;
}
}
-.subpage_Div{
+.subpage_Div {
border-radius: 10px;
}
+.el-table,
+.el-table /deep/ .el-table__expanded-cell {
+ background-color: transparent !important;
+}
+.el-table /deep/ th,
+.el-table /deep/ tr {
+ background-color: transparent !important;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3