mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 11:56:46 +08:00
Merge branch 'master' of http://gitlab.dongwu-inc.com:10080/BOE/fe-manage
This commit is contained in:
zhangyc
@@ -3,7 +3,7 @@
|
||||
:visible="AddSvisible"
|
||||
class="drawerStyle AddLevelAddStu"
|
||||
placement="right"
|
||||
width="60%"
|
||||
width="70%"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
<div class="drawerMain">
|
||||
@@ -20,6 +20,10 @@
|
||||
<div class="tabs">
|
||||
<a-tabs v-model:activeKey="activeKey">
|
||||
<a-tab-pane key="1" tab="快速选人">
|
||||
<div
|
||||
:style="{ height: screenHeight - 235 + 'px' }"
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="tab1">
|
||||
<div class="nameinp">
|
||||
<div class="namee">姓名：</div>
|
||||
@@ -89,8 +93,13 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="添加组织" force-render>
|
||||
<div
|
||||
:style="{ height: screenHeight - 235 + 'px' }"
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="tab2">
|
||||
<div class="t1">
|
||||
<div class="organize">选择组织：</div>
|
||||
@@ -169,8 +178,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="3" tab="受众关联">
|
||||
<div
|
||||
:style="{ height: screenHeight - 235 + 'px' }"
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="tab1">
|
||||
<div class="t1">
|
||||
<div class="nameinp">
|
||||
@@ -179,7 +193,7 @@
|
||||
<a-select
|
||||
v-model:value="choosevalue"
|
||||
style="width: 200px; border-radius: 8px"
|
||||
placeholder="请输入组织名称"
|
||||
placeholder="请选择受众群体"
|
||||
:options="organizeList1"
|
||||
/>
|
||||
</div>
|
||||
@@ -197,13 +211,17 @@
|
||||
<div class="btns">
|
||||
<div class="btn1">
|
||||
<div class="img1">
|
||||
<img src="../../assets/images/courseManage/search0.png" />
|
||||
<img
|
||||
src="../../assets/images/courseManage/search0.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="wz">搜索</div>
|
||||
</div>
|
||||
<div class="btn2">
|
||||
<div class="img2">
|
||||
<img src="../../assets/images/courseManage/reset1.png" />
|
||||
<img
|
||||
src="../../assets/images/courseManage/reset1.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="wz">重置</div>
|
||||
</div>
|
||||
@@ -249,6 +267,7 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</div>
|
||||
@@ -265,7 +284,179 @@
|
||||
<span class="allclear">全部清除</span>
|
||||
</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="ch"></div>
|
||||
@@ -302,7 +493,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, toRefs } from "vue";
|
||||
import { reactive, toRefs, onMounted, onUnmounted } from "vue";
|
||||
|
||||
export default {
|
||||
name: "AddStu",
|
||||
props: {
|
||||
@@ -313,6 +505,7 @@ export default {
|
||||
},
|
||||
setup(props, ctx) {
|
||||
const state = reactive({
|
||||
screenHeight: document.body.clientHeight, // 屏幕高度
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
tableDataTotal: 50,
|
||||
@@ -394,6 +587,73 @@ export default {
|
||||
{
|
||||
title: "十二级标题",
|
||||
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;
|
||||
};
|
||||
|
||||
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 {
|
||||
...toRefs(state),
|
||||
afterVisibleChange,
|
||||
@@ -779,7 +1051,7 @@ export default {
|
||||
.drawerMain {
|
||||
min-width: 600px;
|
||||
margin: 0px 32px 0px 32px;
|
||||
overflow-y: scroll;
|
||||
// overflow-y: scroll;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -804,13 +1076,15 @@ export default {
|
||||
display: flex;
|
||||
// height: 80%;
|
||||
margin-bottom: 72px;
|
||||
|
||||
.left {
|
||||
overflow-y: auto;
|
||||
// overflow-y: auto;
|
||||
width: 65%;
|
||||
// height: 100%;
|
||||
border-right: 1px solid rgba(233, 233, 233, 1);
|
||||
.tabs {
|
||||
margin-right: 33px;
|
||||
|
||||
.tab1 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -1205,13 +1479,15 @@ export default {
|
||||
}
|
||||
}
|
||||
.changetreedropdown {
|
||||
width: 550px !important;
|
||||
}
|
||||
|
||||
.ant-select-tree-list-scrollbar {
|
||||
width: 500px !important;
|
||||
.ant-select-tree-list-scrollbar {
|
||||
width: 5px !important;
|
||||
.ant-select-tree-list-scrollbar-thumb {
|
||||
background-color: #4ea6ff !important;
|
||||
}
|
||||
}
|
||||
.ant-select-tree-indent-unit {
|
||||
width: 7px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -83,7 +83,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss" >
|
||||
<style lang="scss" >
|
||||
.changegroup {
|
||||
|
||||
.drawerMain {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user