Commit 95f37e951a80da2507d71083326c42c1346dd921
1 parent
3f8dcdb4
筛选数据本地数据绑定
Showing
1 changed file
with
26 additions
and
46 deletions
src/pages/myGiftBox/myGiftBox.vue
| @@ -108,50 +108,11 @@ | @@ -108,50 +108,11 @@ | ||
| 108 | <div class="screen_box"> | 108 | <div class="screen_box"> |
| 109 | <!-- 标题 --> | 109 | <!-- 标题 --> |
| 110 | <div class="title">筛选订单</div> | 110 | <div class="title">筛选订单</div> |
| 111 | - <!-- 支付 --> | ||
| 112 | - <div class="tab_box"> | ||
| 113 | - <div class="title_t">支付</div> | ||
| 114 | - <div class="btn_list"><div class="btn">未付款</div></div> | ||
| 115 | - </div> | ||
| 116 | - <!-- 分享--> | ||
| 117 | - <div class="tab_box"> | ||
| 118 | - <div class="title_t">分享</div> | ||
| 119 | - <div class="btn_list"> | ||
| 120 | - <div class="btn">可分享</div> | ||
| 121 | - <div class="btn">已领完</div> | ||
| 122 | - </div> | ||
| 123 | - </div> | ||
| 124 | - <!-- 填写地址 --> | ||
| 125 | - <div class="tab_box"> | ||
| 126 | - <div class="title_t">分享</div> | ||
| 127 | - <div class="btn_list"> | ||
| 128 | - <div class="btn">未填写地址</div> | ||
| 129 | - <div class="btn">已填写地址</div> | ||
| 130 | - </div> | ||
| 131 | - </div> | ||
| 132 | - <!-- 待收货 --> | ||
| 133 | - <div class="tab_box"> | ||
| 134 | - <div class="title_t">待收货</div> | ||
| 135 | - <div class="btn_list"> | ||
| 136 | - <div class="btn">已揽件</div> | ||
| 137 | - <div class="btn">运输中</div> | ||
| 138 | - <div class="btn">派送中</div> | ||
| 139 | - </div> | ||
| 140 | - </div> | ||
| 141 | - <!-- 已送达 --> | ||
| 142 | - <div class="tab_box"> | ||
| 143 | - <div class="title_t">已送达</div> | 111 | + <!--按钮选中筛选--> |
| 112 | + <div v-for="(items,index) in screenList" :key="'screen'+index" class="tab_box"> | ||
| 113 | + <div class="title_t">{{items.title}}</div> | ||
| 144 | <div class="btn_list"> | 114 | <div class="btn_list"> |
| 145 | - <div class="btn">已领取</div> | ||
| 146 | - <div class="btn">已签收</div> | ||
| 147 | - </div> | ||
| 148 | - </div> | ||
| 149 | - <!-- 未领退款 --> | ||
| 150 | - <div class="tab_box"> | ||
| 151 | - <div class="title_t">未领退款</div> | ||
| 152 | - <div class="btn_list"> | ||
| 153 | - <div class="btn">退款中</div> | ||
| 154 | - <div class="btn">已关闭</div> | 115 | + <div @click="" v-for="(item,index) in items.tab_List" :key="'btn'+index" class="btn">{{item.name}}</div> |
| 155 | </div> | 116 | </div> |
| 156 | </div> | 117 | </div> |
| 157 | <!-- 重置和确定 --> | 118 | <!-- 重置和确定 --> |
| @@ -162,7 +123,7 @@ | @@ -162,7 +123,7 @@ | ||
| 162 | </div> | 123 | </div> |
| 163 | </van-popup> | 124 | </van-popup> |
| 164 | </div> | 125 | </div> |
| 165 | -</template> | 126 | +</template> |
| 166 | 127 | ||
| 167 | <script> | 128 | <script> |
| 168 | // 引入组件 | 129 | // 引入组件 |
| @@ -219,7 +180,27 @@ export default { | @@ -219,7 +180,27 @@ export default { | ||
| 219 | item: null //订单id | 180 | item: null //订单id |
| 220 | }, | 181 | }, |
| 221 | isLoading: false, //下拉刷新 | 182 | isLoading: false, //下拉刷新 |
| 222 | - popupShow: false // 右侧筛选抽屉显示隐藏 | 183 | + popupShow: false, // 右侧筛选抽屉显示隐藏 |
| 184 | + screenList:[ | ||
| 185 | + { title:'支付', | ||
| 186 | + tab_List:[ { name: "未支付", status: 0 },] | ||
| 187 | + }, | ||
| 188 | + { title:'分享', | ||
| 189 | + tab_List:[ { name: "可分享", status: 0 },{ name: "已领完", status: 1 }] | ||
| 190 | + }, | ||
| 191 | + { title:'填写地址', | ||
| 192 | + tab_List:[ { name: "未填写地址", status: 0 },{ name: "已填写地址", status: 1 }] | ||
| 193 | + }, | ||
| 194 | + { title:'待收货', | ||
| 195 | + tab_List:[ { name: "已揽件", status: 0 },{ name: "运输中", status: 1 },{ name: "派送中", status: 1 }] | ||
| 196 | + }, | ||
| 197 | + { title:'已送达', | ||
| 198 | + tab_List:[ { name: "已领取", status: 0 },{ name: "已签收", status: 1 }] | ||
| 199 | + }, | ||
| 200 | + { title:'未领退货', | ||
| 201 | + tab_List:[ { name: "退货中", status: 0 },{ name: "已关闭", status: 1 }] | ||
| 202 | + }, | ||
| 203 | + ] // 筛选数据 | ||
| 223 | }; | 204 | }; |
| 224 | }, | 205 | }, |
| 225 | components: { | 206 | components: { |
| @@ -402,7 +383,6 @@ export default { | @@ -402,7 +383,6 @@ export default { | ||
| 402 | * 获取收礼礼物列表 | 383 | * 获取收礼礼物列表 |
| 403 | */ | 384 | */ |
| 404 | getorderGiftList(initPage) { | 385 | getorderGiftList(initPage) { |
| 405 | - console.log(this.receivingGifts.pages); | ||
| 406 | this.receivingGifts.loading = true; | 386 | this.receivingGifts.loading = true; |
| 407 | // 加载中提示 | 387 | // 加载中提示 |
| 408 | Indicator.open("加载中..."); | 388 | Indicator.open("加载中..."); |