进程汇报--工单列表筛选

pages/produce/execute/components/orderlist.vue

@@ -9,13 +9,13 @@
         </h4> -->
         <div class="select_t">
             <!-- <Icon type="md-arrow-dropright" /> -->
-            <Select v-model="odermodel" style="width:100px">
+            <Select v-model="odermodel" style="width:100px" @on-change="searchOrder">
                 <Option v-for="item in oderList" :value="item.value" :key="item.index">{{ item.label }}</Option>
             </Select>
             <Button class="fr">时间正序排列</Button>
         </div>
         <div class="card_box">
-            <Card class="card_order" v-for="(item,index) in listTask"
+            <Card class="card_order" v-for="(item,index) in listTasks"
                 @click.native="goPage(item)" :key="index"
                 :class="item.status=='未开工'? 'card_border1' : (item.status=='执行中' ? 'card_border2': (item.status=='暂停中' ?'card_border3':
                 (item.status=='交检中'?'card_border4':(item.status=='交接中'?'card_border5':''))))"
@@ -89,6 +89,7 @@ export default {
                     label: '已完成'
                 },
             ],
+            listTasks:[],
             listTask:[
                 {
                     title: 'CJ_181212_002_001',
@@ -136,13 +137,36 @@ export default {
             ],
         }        
     },
+    created() {
+        this.loadTree();
+    },
     methods: {
+        loadTree(){
+            this.listTasks = this.listTask
+        },
         gnFunto(number,type){
             this.gnFlag = number
         },
         goPage(item){
             console.log(item)
-        }
+        },
+        searchOrder(value){
+
+            this.$Message.success(value)
+            let allList = this.listTask;
+            let newitems = [];
+            if(value=="全部"){
+                this.loadTree();
+            }else{
+                allList.map((u,i)=>{
+                    console.log(i,":",u)
+                    if(u.status==value){
+                        newitems.push(u)
+                    }
+                })
+                this.listTasks = newitems
+            }
+        },
     },
 }
 </script>
\ No newline at end of file