feat:修改添加学员抽屉样式

This commit is contained in:
songwc
2022-10-22 16:04:06 +08:00
parent f93ee5abbc
commit b3922a5bb0

View File

@@ -98,11 +98,11 @@
<a-tree-select <a-tree-select
v-model:value="valueSelect" v-model:value="valueSelect"
style="width: 200px" style="width: 200px"
dropdownClassName="dropdownn"
:dropdown-style="{ :dropdown-style="{
maxHeight: '400px',
overflow: 'auto', overflow: 'auto',
width: '400px',
}" }"
dropdownClassName="dropdown"
placeholder="请输入组织名称" placeholder="请输入组织名称"
allow-clear allow-clear
tree-default-expand-all tree-default-expand-all
@@ -366,6 +366,48 @@ 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: "十二级标题",
},
],
},
],
},
],
},
],
},
],
},
],
},
],
}, },
], ],
}, },
@@ -699,6 +741,7 @@ export default {
], ],
}); });
const closeDrawer = () => { const closeDrawer = () => {
state.activeKey = "1";
ctx.emit("update:AddSvisible", false); ctx.emit("update:AddSvisible", false);
}; };
@@ -744,6 +787,7 @@ export default {
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
display: flex; display: flex;
flex-shrink: 0;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
// background-color: red; // background-color: red;
@@ -775,6 +819,7 @@ export default {
.t1 { .t1 {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 5px;
} }
.nameinp { .nameinp {
display: flex; display: flex;
@@ -954,6 +999,11 @@ export default {
justify-content: center; justify-content: center;
// position: absolute; // position: absolute;
// bottom: 20px; // bottom: 20px;
.ant-pagination-item,
.ant-pagination-prev,
.ant-pagination-next {
margin-bottom: 10px;
}
} }
} }
.tab2 { .tab2 {
@@ -965,14 +1015,20 @@ export default {
.t1 { .t1 {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 5px;
} }
.organize { .organize {
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
font-size: 14px; font-size: 14px;
white-space: nowrap; white-space: nowrap;
} }
.dropdownn {
background-color: red;
border-radius: 10px;
}
.ant-select { .ant-select {
border-radius: 8px !important; border-radius: 8px !important;
// background-color: red;
} }
.ant-cascader { .ant-cascader {
width: 264px; width: 264px;
@@ -985,11 +1041,6 @@ export default {
height: 40px; height: 40px;
} }
} }
.ant-tree-select {
.dropdown {
width: 800px !important;
}
}
} }
.searchdown { .searchdown {