筛选订单列表集合判断

zhiyangdu
1 parent d2006f60
Showing 1 changed file with 69 additions and 71 deletions
src/pages/myGiftBox/myGiftBox.vue
@@ -35,10 +35,7 @@
                     </van-tabs>
                 </div>
                 <!-- 筛选 -->
-                <div
-                    @click="onScreen"
-                    class="screen_box"
-                >
+                <div @click="onScreen" class="screen_box">
                     <div>筛选</div>
                     <img src="static/img/screen.png" alt="" />
                 </div>
@@ -49,7 +46,8 @@
         <!--内容-->
         <div
             class="item_box"
-            :style="'padding-top: ' + ($parent.top.value + 80) + 'px'">
+            :style="'padding-top: ' + ($parent.top.value + 80) + 'px'"
+        >
             <div
                 ref="boxx"
                 infinite-scroll-immediate-check="true"
@@ -103,10 +101,14 @@
             class="screenPopup"
             v-model="popupShow"
             position="right"
-            :style="{ height: '100vh'}">
-            <div :style="'padding-top: ' + ($parent.top.value + 15) + 'px'" class="screen_box">
+            :style="{ height: '100vh' }"
+        >
+            <div
+                :style="'padding-top: ' + ($parent.top.value + 15) + 'px'"
+                class="screen_box"
+            >
                 <!-- 标题 -->
-                <div class="title">筛选订单</div >
+                <div class="title">筛选订单</div>
                 <!--按钮选中筛选-->
                 <div
                     v-for="(items, index) in screenList"
@@ -119,10 +121,10 @@
                             class="btn"
                             :class="{ active: item.show }"
                             @click="changBtn(item)"
-                            v-for="(item, index) in items.tab_List"
+                            v-for="(item, index) in items.state"
                             :key="index"
                         >
-                            {{ item.name }}
+                            {{ item.title }}
                         </div>
                     </div>
                 </div>
@@ -134,13 +136,14 @@
             </div>
         </van-popup>
         <!-- 商品订单按钮 -->
-                    <div
-                       :style="'top: ' + ($parent.top.value + 151) + 'px'"
-                        @click="OrderLink"
-                        class="oredr_link_box">
-                        <div>商品订单</div>
-                        <van-icon class="icon" name="arrow" />
-                    </div>
+        <div
+            :style="'top: ' + ($parent.top.value + 151) + 'px'"
+            @click="OrderLink"
+            class="oredr_link_box"
+        >
+            <div>商品订单</div>
+            <van-icon class="icon" name="arrow" />
+        </div>
     </div>
 </template>
  
@@ -200,45 +203,7 @@ export default {
             },
             isLoading: false, //下拉刷新
             popupShow: false, // 右侧筛选抽屉显示隐藏
-            screenList: [
-                { title: "支付", tab_List: [{ name: "未支付", status: 0 }] },
-                {
-                    title: "分享",
-                    tab_List: [
-                        { name: "可分享", status: 0 },
-                        { name: "已领完", status: 1 }
-                    ]
-                },
-                {
-                    title: "填写地址",
-                    tab_List: [
-                        { name: "未填写地址", status: 0 },
-                        { name: "已填写地址", status: 1 }
-                    ]
-                },
-                {
-                    title: "待收货",
-                    tab_List: [
-                        { name: "已揽件", status: 0 },
-                        { name: "运输中", status: 1 },
-                        { name: "派送中", status: 2 }
-                    ]
-                },
-                {
-                    title: "已送达",
-                    tab_List: [
-                        { name: "已领取", status: 0 },
-                        { name: "已签收", status: 1 }
-                    ]
-                },
-                {
-                    title: "未领退货",
-                    tab_List: [
-                        { name: "退货中", status: 0 },
-                        { name: "已关闭", status: 1 }
-                    ]
-                }
-            ], // 筛选数据
+            screenList: null, // 筛选数据
             checkBtnList: []
         };
     },
@@ -257,6 +222,8 @@ export default {
         this.cancelPayment();
         // 是否禁用滑动webview(none隐藏，block显示)
         // this.CNDSWebScrollEnabled();
+        // 获取筛选按钮集合
+        this.getGiftOrderLabel();
     },
     mounted() {
         // 配合原生回调
@@ -345,20 +312,20 @@ export default {
         /**
          * 筛选
          */
-        onScreen(){
+        onScreen() {
             // 显示右侧抽屉
-            this.popupShow = true
-            if(this.active == 1){
-                 // 调用im是否显示隐藏1显示im聊天弹窗0不显示
+            this.popupShow = true;
+            if (this.active == 1) {
+                // 调用im是否显示隐藏1显示im聊天弹窗0不显示
                 this.setGiftBottomVisibleBySwitchTab(0);
             }
         },
         /**
          * 关闭筛选抽屉
          */
-        closePopup(){
-            if(this.active == 1){
-                 // 调用im是否显示隐藏1显示im聊天弹窗0不显示
+        closePopup() {
+            if (this.active == 1) {
+                // 调用im是否显示隐藏1显示im聊天弹窗0不显示
                 this.setGiftBottomVisibleBySwitchTab(1);
             }
         },
@@ -366,7 +333,7 @@ export default {
          * 选中按钮事件
          */
         changBtn(item) {
-            this.checkBtnList.push(item.status);
+            this.checkBtnList.push(item.statu);
             if (item.show) {
                 this.$set(item, "show", false);
             } else {
@@ -377,9 +344,9 @@ export default {
          * 重置
          */
         onReset() {
-            this.screenList.forEach((obj, index)=>{
-                for(let item of obj.tab_List){
-                if (item.show) {
+            this.screenList.forEach((obj, index) => {
+                for (let item of obj.tab_List) {
+                    if (item.show) {
                         this.$set(item, "show", false);
                     }
                 }
@@ -463,6 +430,36 @@ export default {
             }
         },
         /**
+         * 筛选按钮集合
+         */
+        getGiftOrderLabel() {
+            // 加载中提示
+            Indicator.open("加载中...");
+            this.http(
+                "/Api/" + this.getApiVersion().index + "/getGiftOrderLabel",
+                {},
+                this.getGiftOrderLabelCallback,
+                {
+                    method: "post"
+                }
+            );
+        },
+         /**
+         * 获取礼物订单按钮筛选集合
+         * @param {object} res [服务器返回数据]
+         * @param {object} ext [扩展参数]
+         */
+        getGiftOrderLabelCallback(res, ext){
+            // 加载完成
+            Indicator.close();
+            // 返回处理
+            if (res.code == 200) {
+                // 解构数据
+                let { data: datas } = res;
+                this.screenList = datas.list
+            }
+        },
+        /**
          * 获取收礼礼物列表
          */
         getorderGiftList(initPage) {
@@ -603,9 +600,7 @@ export default {
             }
         },
         // 列表的商品订单跳转
-        OrderLink(){
-
-        },
+        OrderLink() {},
         // 送礼商品跳转到详情页
         onGiftGiving(item) {
             // 判断并调用通用跳转
@@ -865,7 +860,10 @@ export default {
         // ios支付成功回调
         appPaymentCallback(item) {
             // 取消订单
-            if (this.orderOperation.item.status == 0 && JSON.parse(item).payResult == 0) {
+            if (
+                this.orderOperation.item.status == 0 &&
+                JSON.parse(item).payResult == 0
+            ) {
                 // status=1(已支付可分享状态)
                 this.$set(this.orderOperation.item, "status", "1");
             }