|
|
@@ -18,6 +18,10 @@
|
|
|
}
|
|
|
ul {
|
|
|
li {
|
|
|
+
|
|
|
+ border-radius: 2px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.group_item {
|
|
|
@@ -26,7 +30,9 @@
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
- background: #f2f2f2;
|
|
|
+ background: #E3EAF4;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-bottom: 10px;
|
|
|
.title_left {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
@@ -53,6 +59,8 @@
|
|
|
li {
|
|
|
display: flex;
|
|
|
.move_btn {
|
|
|
+ background: #E2F4F6;
|
|
|
+ padding-left: 10px;
|
|
|
display: flex;
|
|
|
height: 40px;
|
|
|
.move_top,
|
|
|
@@ -93,6 +101,8 @@
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ background: #E2F4F6;
|
|
|
+
|
|
|
.right_l {
|
|
|
display: flex;
|
|
|
// width: calc(100% - 200px);
|
|
|
@@ -103,10 +113,25 @@
|
|
|
}
|
|
|
.list_right1 {
|
|
|
width: calc(100%);
|
|
|
+ background: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .list-w {
|
|
|
+ /deep/.list_right:nth-of-type(1){
|
|
|
+ background: #E2F4F6 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .b_active{
|
|
|
+ background: #F2F2F2 ;
|
|
|
+ /deep/.list_right{
|
|
|
+ background: #F2F2F2 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pr-10{
|
|
|
+ padding-right: 10px;
|
|
|
+ }
|
|
|
.open {
|
|
|
transform: rotate(0deg);
|
|
|
transition: transform 0.3s;
|
|
|
@@ -211,6 +236,7 @@
|
|
|
<li
|
|
|
v-for="(item, index) in group.planDetails"
|
|
|
:key="item.id"
|
|
|
+ :class="((downActive==index||upActive == index)&&item.list)?'b_active':''"
|
|
|
>
|
|
|
<div class="move_btn">
|
|
|
<div class="move_top">
|
|
|
@@ -287,7 +313,7 @@
|
|
|
}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="item.number" style="position: relative;">
|
|
|
+ <div v-if="item.number" style="position: relative;"class="pr-10">
|
|
|
<span style="margin-right: 8px">默认显示个数</span>
|
|
|
<el-select
|
|
|
v-model="item.number"
|
|
|
@@ -308,7 +334,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if='item.list' style="width: 100%">
|
|
|
+ <div v-if='item.list' style="width: 100%" class="list-w">
|
|
|
<div
|
|
|
class="list_right list_right1"
|
|
|
v-for="(child,index) in item.list"
|
|
|
@@ -334,7 +360,7 @@
|
|
|
}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="child.number">
|
|
|
+ <div v-if="child.number" class="pr-10">
|
|
|
<span style="margin-right: 8px">默认显示个数</span>
|
|
|
<el-select
|
|
|
v-model="child.number"
|
xiezhiming