修改

src/views/dashboard/smartoperationcenter/comps/work_order.vue

@@ -1,9 +1,10 @@
 <template>
-  <div style="background-color: #FFFFFF;padding: 1rem;min-height: 1410px;" class="animate__animated animate__faster animate__fadeInRight">
+  <div style="background-color: #FFFFFF;padding: 1rem;min-height: 1410px;"
+    class="animate__animated animate__faster animate__fadeInRight">
     <more title="工单管理"></more>
     <!-- 胶囊标签 -->
     <div style="padding-top: 0.625rem;">
-      <tab :list="tabList" width="5rem" height="1.875rem"></tab>
+      <tab :list="tabList" width="5rem" height="1.875rem" @click="select"></tab>
     </div>
     <!-- 工单列表 -->
     <div style="padding-top: 0.8rem;">
@@ -25,7 +26,9 @@
 <script>
   import tab from '@/components/tab.vue'
   import more from "@/components/more.vue"
-  import {getList} from "@/api/estate/workorder";
+  import {
+    getList
+  } from "@/api/estate/workorder";
   export default {
     components: {
       tab,
@@ -34,27 +37,34 @@
     data() {
       return {
         data: [],
-        tabList: [
-          {
+        tabList: [{
             label: '设备工单',
-            value: 0
+            value: 1
           },
           {
             label: '报事工单',
-            value: 1
+            value: 2
           }
         ]
       };
     },
     created() {
-      this.loadWorkOrder({eventType: 1});
+      this.loadWorkOrder({
+        eventType: 1
+      });
     },
     methods: {
       loadWorkOrder(params) {
+        this.data=[]
         getList(1, 15, params).then(res => {
           const data = res.data.data;
           this.data = data.records;
         });
+      },
+      select({value}) {
+        this.loadWorkOrder({
+          eventType: value
+        });
       }
     }
   }