w-front-end / select_good · Commits

Commit 95f37e951a80da2507d71083326c42c1346dd921

Authored by zhiyangdu
1 parent 3f8dcdb4

筛选数据本地数据绑定

Inline Side-by-side
Showing 1 changed file with 26 additions and 46 deletions
src/pages/myGiftBox/myGiftBox.vue
  View file @95f37e9
... ... @@ -108,50 +108,11 @@
108 108 <div class="screen_box">
109 109 <!-- 标题 -->
110 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 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 116 </div>
156 117 </div>
157 118 <!-- 重置和确定 -->
... ... @@ -162,7 +123,7 @@
162 123 </div>
163 124 </van-popup>
164 125 </div>
165   -</template>
  126 +</template>
166 127  
167 128 <script>
168 129 // 引入组件
... ... @@ -219,7 +180,27 @@ export default {
219 180 item: null //订单id
220 181 },
221 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 206 components: {
... ... @@ -402,7 +383,6 @@ export default {
402 383 * 获取收礼礼物列表
403 384 */
404 385 getorderGiftList(initPage) {
405   - console.log(this.receivingGifts.pages);
406 386 this.receivingGifts.loading = true;
407 387 // 加载中提示
408 388 Indicator.open("加载中...");
... ...