执行中列表根据状态进行筛选

pages/receiptpage/receiptpage.vue

@@ -3,7 +3,13 @@
     <view class="page_tab">
       <view class="page_tab_bar" :class="{ active: item.label === selectedLabelSlots }" v-for="item in tabs"
         :key="item.value" @click="clickHandler(item.label)">
-        {{ item.label }}<text class="tab_num">( {{ item.num }} )</text>
+        {{ item.label }}
+        <text class="tab_num">( {{ item.num }} )</text>
+        <view class="more" v-if="item.label==='执行中'"></view>
+        <picker class="more_picker" v-if="item.label==='执行中'" @click.stop @change="execFilter($event)" :value="index"
+          :range="array" range-key="name">
+          <view class="uni-input">{{array[index].name}}</view>
+        </picker>
       </view>
     </view>
     <view v-if="zxzData.length == 0" class="zwsj">
@@ -225,6 +231,22 @@
   export default {
     data() {
       return {
+        // 筛选条件
+        array: [{
+          id: 0,
+          name: '全部'
+        }, {
+          id: 71,
+          name: '待到达'
+        }, {
+          id: 72,
+          name: '待送达'
+        }, {
+          id: 75,
+          name: '执行中'
+        }, ],
+        index: 0,
+        arrayKey: 0,
         // 当前登录人是否是药房角色
         pharmacistFlag: false,
         // 抢单的id
@@ -298,6 +320,20 @@
       bigScreen,
     },
     methods: {
+      // 执行中筛选
+      execFilter({
+        detail: {
+          value
+        }
+      }) {
+        this.index = value;
+        this.arrayKey = this.array[value].id;
+        this.zxzData = [];
+        this.totalNum = -1;
+        this.idx = 0;
+        this.selectedLabelSlots = '执行中';
+        this.executingOrders(0);
+      },
       // 获取科室二维码设置开关
       getMenu() {
         let menu = uni.getStorageSync('userData').menu;
@@ -327,10 +363,6 @@
               text: "二维码设置",
             });
           }
-          // --------------------------
-
-
-          // --------------------------
         })
       },
       // 拍照
@@ -670,6 +702,7 @@
       },
       //执行中列表数据获取
       executingOrders(idx) {
+        console.log(this.zxzData.length,this.totalNum)
         if (this.zxzData.length == this.totalNum) {
           uni.showToast({
             icon: "none",
@@ -682,6 +715,11 @@
           idx,
           sum: 20,
         };
+        if (this.arrayKey) {
+          data.keyWord = this.arrayKey;
+        } else {
+          delete data.keyWord;
+        }
         uni.showLoading({
           title: "加载中",
           mask: true,
@@ -794,6 +832,11 @@
           idx: 0,
           sum: 20,
         };
+        if (this.arrayKey) {
+          data.keyWord = this.arrayKey;
+        } else {
+          delete data.keyWord;
+        }
         post("/workerOrder/executingOrders", data).then((res) => {
           if (res.status == 200) {
             this.tabs[1].num = res.data.resultCount;
@@ -912,6 +955,25 @@
           margin-left: 8rpx;
         }
 
+        .more {
+          position: absolute;
+          right: 20rpx;
+          width: 40rpx;
+          height: 4rpx;
+          border-top: 2px solid #49b856;
+          border-bottom: 2px solid #49b856;
+          background-color: #49b856;
+          padding: 5px 0;
+          background-clip: content-box;
+        }
+
+        .more_picker {
+          position: absolute;
+          right: 0;
+          height: 100%;
+          opacity: 0;
+        }
+
         &.active {
           color: #49b856;