style: 排班弹窗样式修改
This commit is contained in:
parent
c7011564d3
commit
923a4ed2ba
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user