|
|
@@ -37,17 +37,17 @@
|
|
|
<div class="d-flex align-center justify-space-between">
|
|
|
<span class="ml-3" style="font-weight: bold;">{{ rightObj?.data?.nameCn }}</span>
|
|
|
<div>
|
|
|
- <v-icon color="primary" size="40" @click.stop="handleMouseLeave">mdi-close-circle-outline</v-icon>
|
|
|
+ <v-icon color="primary" size="30" @click.stop="handleMouseLeave">mdi-close-circle-outline</v-icon>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="rightContent">
|
|
|
+ <div class="rightContent mt-3">
|
|
|
<div
|
|
|
v-if="!rightObj.data.children?.length"
|
|
|
style="width: 100%; text-align: center; color: gray; margin-top: 100px;"
|
|
|
>暂无数据</div>
|
|
|
<div
|
|
|
v-else
|
|
|
- class="jobItem ma-3"
|
|
|
+ class="jobItem mx-3 mt-0 mb-4"
|
|
|
v-for="val in rightObj.data.children"
|
|
|
:key="val.id"
|
|
|
@click.stop="handleJobClick(val)"
|
|
|
@@ -184,7 +184,7 @@ const handleClick = (item) => {
|
|
|
.right-item-box {
|
|
|
position: absolute;
|
|
|
z-index: 999;
|
|
|
- width: 500px;
|
|
|
+ width: 268px;
|
|
|
border-radius: 12px;
|
|
|
top: 10px;
|
|
|
left: 390px;
|
|
|
@@ -251,6 +251,9 @@ const handleClick = (item) => {
|
|
|
height: 372px;
|
|
|
padding: 12px;
|
|
|
overflow-y: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
.categoryName { font-size: 16px; line-height: 28px; margin-top: 6px; color: var(--v-primary-base)}
|
|
|
.categoryName2 { font-size: 14px; color: var(--color-666); width: 110px; margin-right: 4px;}
|
|
|
.jobItem { font-size: 14px; color: #000; font-weight: 500; }
|
|
|
@@ -262,6 +265,7 @@ const handleClick = (item) => {
|
|
|
}
|
|
|
.rightContent {
|
|
|
flex: 1;
|
|
|
+ overflow-y: auto;
|
|
|
div {
|
|
|
margin: 4px 28px 2px 0;
|
|
|
float: left;
|
