hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 12:26:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:修改权限管理

Browse Source
This commit is contained in:
李晓鸽
2022-10-24 10:15:01 +08:00
parent c2b0100f8d
commit 90e984ad83
1 changed files with 453 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/components/drawers/AddLevelAddStu.vue
View File

@@ -3,7 +3,7 @@
:visible="AddSvisible" :visible="AddSvisible"
class="drawerStyle AddLevelAddStu" class="drawerStyle AddLevelAddStu"
placement="right" placement="right"
width="60%" width="70%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
@@ -20,6 +20,10 @@
<div class="tabs"> <div class="tabs">
<a-tabs v-model:activeKey="activeKey"> <a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="快速选人"> <a-tab-pane key="1" tab="快速选人">
<div
:style="{ height: screenHeight - 235 + 'px' }"
style="overflow-y: auto"
>
<div class="tab1"> <div class="tab1">
<div class="nameinp"> <div class="nameinp">
<div class="namee">姓名：</div> <div class="namee">姓名：</div>
@@ -89,8 +93,13 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="添加组织" force-render> <a-tab-pane key="2" tab="添加组织" force-render>
<div
:style="{ height: screenHeight - 235 + 'px' }"
style="overflow-y: auto"
>
<div class="tab2"> <div class="tab2">
<div class="t1"> <div class="t1">
<div class="organize">选择组织：</div> <div class="organize">选择组织：</div>
@@ -169,8 +178,13 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab="受众关联"> <a-tab-pane key="3" tab="受众关联">
<div
:style="{ height: screenHeight - 235 + 'px' }"
style="overflow-y: auto"
>
<div class="tab1"> <div class="tab1">
<div class="t1"> <div class="t1">
<div class="nameinp"> <div class="nameinp">
@@ -179,7 +193,7 @@
<a-select <a-select
v-model:value="choosevalue" v-model:value="choosevalue"
style="width: 200px; border-radius: 8px" style="width: 200px; border-radius: 8px"
placeholder="请输入组织名称" placeholder="请选择受众群体"
:options="organizeList1" :options="organizeList1"
/> />
</div> </div>
@@ -197,13 +211,17 @@
<div class="btns"> <div class="btns">
<div class="btn1"> <div class="btn1">
<div class="img1"> <div class="img1">
<img src="../../assets/images/courseManage/search0.png" /> <img
src="../../assets/images/courseManage/search0.png"
/>
</div> </div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
<div class="btn2"> <div class="btn2">
<div class="img2"> <div class="img2">
<img src="../../assets/images/courseManage/reset1.png" /> <img
src="../../assets/images/courseManage/reset1.png"
/>
</div> </div>
<div class="wz">重置</div> <div class="wz">重置</div>
</div> </div>
@@ -249,6 +267,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
@@ -265,7 +284,179 @@
<span class="allclear">全部清除</span> <span class="allclear">全部清除</span>
</div> </div>
</div> </div>
<div class="selecteds"> <div
class="selecteds"
:style="{ 'max-height': screenHeight - 235 + 'px' }"
style="overflow-y: auto"
>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose"> <div class="chose">
李明 李明
<div class="ch"></div> <div class="ch"></div>
@@ -302,7 +493,8 @@
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs, onMounted, onUnmounted } from "vue";
export default { export default {
name: "AddStu", name: "AddStu",
props: { props: {
@@ -313,6 +505,7 @@ export default {
}, },
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
screenHeight: document.body.clientHeight, // 屏幕高度
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
tableDataTotal: 50, tableDataTotal: 50,
@@ -394,6 +587,73 @@ export default {
{ {
title: "十二级标题", title: "十二级标题",
value: "十二级标题", value: "十二级标题",
children: [
{
title:
"十三级标题十三级标题十三级标题十三级标题",
value: "十三级标题",
children: [
{
title:
"十四级标题",
value:
"十四级标题",
children: [
{
title:
"十五级标题",
value:
"十五级标题",
children: [
{
title:
"十六级标题",
value:
"十六级标题",
children:
[
{
title:
"十七级标题",
value:
"十七级标题",
children:
[
{
title:
"十八级标题",
value:
"十八级标题",
children:
[
{
title:
"十九级标题",
value:
"十九级标题",
children:
[
{
title:
"二十级标题二十级标题",
value:
"二十级标题二十级标题",
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
}, },
], ],
}, },
@@ -761,6 +1021,18 @@ export default {
state.selectedRowKeys = selectedRowKeys; state.selectedRowKeys = selectedRowKeys;
}; };
const getMousePosition = () => {
state.screenHeight = document.body.clientHeight;
};
onMounted(() => {
// console.log("11111", 1);
window.addEventListener("resize", getMousePosition, false);
// judgeUrl();
});
onUnmounted(() => {
window.removeEventListener("resize", getMousePosition, false);
});
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -779,7 +1051,7 @@ export default {
.drawerMain { .drawerMain {
min-width: 600px; min-width: 600px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
overflow-y: scroll; // overflow-y: scroll;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -804,13 +1076,15 @@ export default {
display: flex; display: flex;
// height: 80%; // height: 80%;
margin-bottom: 72px; margin-bottom: 72px;
.left { .left {
overflow-y: auto; // overflow-y: auto;
width: 65%; width: 65%;
// height: 100%; // height: 100%;
border-right: 1px solid rgba(233, 233, 233, 1); border-right: 1px solid rgba(233, 233, 233, 1);
.tabs { .tabs {
margin-right: 33px; margin-right: 33px;
.tab1 { .tab1 {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -1205,13 +1479,15 @@ export default {
} }
} }
.changetreedropdown { .changetreedropdown {
width: 550px !important; width: 500px !important;
}
.ant-select-tree-list-scrollbar { .ant-select-tree-list-scrollbar {
width: 5px !important; width: 5px !important;
.ant-select-tree-list-scrollbar-thumb { .ant-select-tree-list-scrollbar-thumb {
background-color: #4ea6ff !important; background-color: #4ea6ff !important;
} }
} }
.ant-select-tree-indent-unit {
width: 7px !important;
}
}
</style> </style>