|
@@ -2,6 +2,10 @@
|
|
<div class="planComponent">
|
|
<div class="planComponent">
|
|
<div class="planComponent_con contentRoll">
|
|
<div class="planComponent_con contentRoll">
|
|
<div class="planComponent_box" v-for="item, index in productList" :key="index">
|
|
<div class="planComponent_box" v-for="item, index in productList" :key="index">
|
|
|
|
+ <div v-if="titleText == '今日计划'" class="planComponent_boxAbles">
|
|
|
|
+ <!-- <div :class="item.backgroundClass"></div> -->
|
|
|
|
+ <div :class="`${item.color}s`"></div>
|
|
|
|
+ </div>
|
|
<div class="planComponent_Item">
|
|
<div class="planComponent_Item">
|
|
<div class="planComponent_ItemTop">
|
|
<div class="planComponent_ItemTop">
|
|
<div>{{ item.productName}}</div>
|
|
<div>{{ item.productName}}</div>
|
|
@@ -97,6 +101,8 @@ export default {
|
|
this.paiArr = ['收起', '展开']
|
|
this.paiArr = ['收起', '展开']
|
|
this.type = 0
|
|
this.type = 0
|
|
this.productList = this.planList
|
|
this.productList = this.planList
|
|
|
|
+ console.log(this.productList, '<=== 数据来源')
|
|
|
|
+ console.log(this.planList, '<=== 数据来源')
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
workShowHide(index) {
|
|
workShowHide(index) {
|
|
@@ -202,10 +208,33 @@ export default {
|
|
width: 100%;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
- padding: 10px;
|
|
|
|
|
|
+ padding: 10px 10px 10px 15px;
|
|
margin-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+ .planComponent_boxAbles{
|
|
|
|
+ width: 6px;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ div {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ }
|
|
|
|
+ .reds {
|
|
|
|
+ background: #FE2010;
|
|
|
|
+ }
|
|
|
|
+ .blues {
|
|
|
|
+ background: #12B3FF;
|
|
|
|
+ }
|
|
|
|
+ .greens {
|
|
|
|
+ background: #60EE00;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
.planComponent_Item {
|
|
.planComponent_Item {
|
|
.planComponent_ItemTop {
|
|
.planComponent_ItemTop {
|