|
@@ -11,6 +11,9 @@
|
|
<el-menu
|
|
<el-menu
|
|
:default-active="currentTaskName"
|
|
:default-active="currentTaskName"
|
|
class="el-menu-vertical-demo"
|
|
class="el-menu-vertical-demo"
|
|
|
|
+ :style="{
|
|
|
|
+ width: currentTaskName ? '230px' : '340px'
|
|
|
|
+ }"
|
|
>
|
|
>
|
|
<div v-for="item in taskNameList">
|
|
<div v-for="item in taskNameList">
|
|
<el-submenu :index="`${item.id}`" v-if="item.child">
|
|
<el-submenu :index="`${item.id}`" v-if="item.child">
|
|
@@ -382,13 +385,13 @@
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
display: flex;
|
|
.el-menu-vertical-demo {
|
|
.el-menu-vertical-demo {
|
|
- width:340px;
|
|
|
|
|
|
+ // width:340px;
|
|
height: 100%;
|
|
height: 100%;
|
|
overflow-y: scroll
|
|
overflow-y: scroll
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.messageBox {
|
|
.messageBox {
|
|
- width: 420px;
|
|
|
|
|
|
+ width: 450px;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
height: calc(100vh - 250px);
|
|
height: calc(100vh - 250px);
|