售后服务管理 售后工单 增加工单状态页切

src/views/salesServiceManagement/workOrder/index.vue

@@ -1,7 +1,14 @@
 <template>
   <div class="ele-body">
     <el-card shadow="never" v-loading="loading">
-      <work-search :levelList="levelList" @search="reload"></work-search>
+      <work-search ref="workSearch" :levelList="levelList" @search="reload"></work-search>
+      <el-tabs v-model="orderStatus" type="card" @tab-click="handleClick">
+        <el-tab-pane label="全部" name="all"></el-tab-pane>
+        <el-tab-pane label="待执行" name="0"></el-tab-pane>
+        <el-tab-pane label="执行中" name="1"></el-tab-pane>
+        <el-tab-pane label="待验收" name="3"></el-tab-pane>
+        <el-tab-pane label="已完成" name="5"></el-tab-pane>
+      </el-tabs>
       <!-- 数据表格 -->
       <ele-pro-table
         ref="table"
@@ -66,7 +73,7 @@
               >验收</el-dropdown-item>
               <el-dropdown-item command="evaluate" v-if="row.orderStatus == 4">评价</el-dropdown-item>
             </el-dropdown-menu>
-          </el-dropdown> -->
+          </el-dropdown>-->
           <el-link
             type="primary"
             v-if="row.orderStatus == 0"
@@ -182,7 +189,8 @@ export default {
       },
       contactInfoVOS: [],
       workOrderStatus: [
-        { code: 0, label: '待接收' },
+        // { code: 0, label: '待接收' },
+        { code: 0, label: '待执行' },
         { code: 1, label: '已接收' },
         { code: 2, label: '执行中' },
         { code: 3, label: '待验收' },
@@ -361,7 +369,8 @@ export default {
       loading: false,
       row: {},
       levelData: {},
-      levelList: []
+      levelList: [],
+      orderStatus: 'all'
     };
   },
   computed: {},
@@ -369,6 +378,9 @@ export default {
     this.getLevelCode('fault_level');
   },
   methods: {
+    handleClick(e) {
+      this.reload({});
+    },
     //查询问题等级字典
     async getLevelCode(code) {
       const res = await getByCode(code);
@@ -389,6 +401,20 @@ export default {
     },
     /* 刷新表格 */
     reload(where) {
+      console.log(where, 'where');
+      console.log(this.orderStatus, 'orderStatus');
+      // 判断如果是选择的全部 不用传参
+      if (this.orderStatus == 'all') {
+        where = where ? delete where.orderStatus : '';
+        return this.$refs.table.reload({ page: 1, where });
+      }
+      // 不是的话 赋值工单状态
+      if (!where) {
+        where = { orderStatus: this.orderStatus };
+      } else {
+        where.orderStatus = this.orderStatus;
+      }
+      console.log(where, 'where');
       this.$refs.table.reload({ page: 1, where });
     },
     async cancel(row) {