style: 排班弹窗样式修改
This commit is contained in:
parent
c7011564d3
commit
923a4ed2ba
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="detail-container">
|
||||
<el-form ref="formRef" :model="form" label-position="right" label-width="auto"
|
||||
style="max-height: 60vh; overflow-y: auto; padding-right: 50px" :rules="rules">
|
||||
style="max-height: 60vh; overflow-y: hidden; padding-right: 50px" :rules="rules">
|
||||
|
||||
<el-form-item label="" prop="schedules">
|
||||
<div class="tree-transfer-container">
|
||||
@ -11,7 +11,7 @@
|
||||
children: 'children',
|
||||
label: 'orgName'
|
||||
}" node-key="orgId" :expand-on-click-node="false" :default-expand-all="false" highlight-current
|
||||
style="height: 400px; overflow-y: auto;" @node-click="handleNodeClick">
|
||||
style="height: 100%; overflow-y: auto;" @node-click="handleNodeClick">
|
||||
<template #default="{ node: _node }">
|
||||
<span class="custom-tree-node">
|
||||
<span>{{ _node.label }}</span>
|
||||
@ -303,6 +303,7 @@ onMounted(() => {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
.tree-panel {
|
||||
@ -311,6 +312,7 @@ onMounted(() => {
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.middle-panel {
|
||||
@ -321,6 +323,7 @@ onMounted(() => {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.right-panel {
|
||||
@ -331,6 +334,7 @@ onMounted(() => {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.panel-title {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user