style: 排班弹窗样式修改

This commit is contained in:
huangchenhao 2026-04-16 15:16:20 +08:00
parent c7011564d3
commit 923a4ed2ba

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="detail-container"> <div class="detail-container">
<el-form ref="formRef" :model="form" label-position="right" label-width="auto" <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"> <el-form-item label="" prop="schedules">
<div class="tree-transfer-container"> <div class="tree-transfer-container">
@ -11,7 +11,7 @@
children: 'children', children: 'children',
label: 'orgName' label: 'orgName'
}" node-key="orgId" :expand-on-click-node="false" :default-expand-all="false" highlight-current }" 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 }"> <template #default="{ node: _node }">
<span class="custom-tree-node"> <span class="custom-tree-node">
<span>{{ _node.label }}</span> <span>{{ _node.label }}</span>
@ -303,6 +303,7 @@ onMounted(() => {
display: flex; display: flex;
gap: 20px; gap: 20px;
width: 100%; width: 100%;
height: 60vh;
} }
.tree-panel { .tree-panel {
@ -311,6 +312,7 @@ onMounted(() => {
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
background-color: #fff; background-color: #fff;
height: 100%;
} }
.middle-panel { .middle-panel {
@ -321,6 +323,7 @@ onMounted(() => {
background-color: #fff; background-color: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
} }
.right-panel { .right-panel {
@ -331,6 +334,7 @@ onMounted(() => {
background-color: #fff; background-color: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
} }
.panel-title { .panel-title {