我的案件增加下次跟进时间

src/views/workplace/case/index.vue

 <template>
   <div class="table-box">
     <div class="table-inner">
+      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+        <el-tab-pane
+            :label="item"
+            :name="item"
+            v-for="(item, index) in tabs"
+            :key="index"
+          >
+          <template #label>
+            <div>
+              {{item}}
+            </div>
+          </template>
+        </el-tab-pane>
+      </el-tabs>
       <ProTable :config="config" ref="caseLRef" :api="getCreditPage" :paramCallback="paramCallback" :selectdList="selectdList">
         <template #table_top>
           <div class="style-lable" style="width: 100%">
@@ -75,6 +89,7 @@
   import { getCreditPage, getCreditTotal } from '@/api/property';
   import { ElMessageBox, ElMessage } from 'element-plus';
   const caseLRef = ref();
+  import dayjs from 'dayjs';
   import { stayLoan } from '@/api/allcation';
   import { onMounted } from 'vue';
   import { useUserStore } from '@/stores/modules/user';
@@ -84,6 +99,9 @@
   const { PhoneResultStatus, ReduceType, FlowStatus, BooleanStatus, RepairStatus, FollowStatus, AuditStatus, CaseStatus } = useDict("PhoneResultStatus","ReduceType", "FlowStatus","BooleanStatus", "RepairStatus", "FollowStatus","AuditStatus", "CaseStatus");
   const { userInfo } = useUserStore();
   const router = useRouter();
+  const tabs = ref(['全部', '今天待跟进', '明天待跟进', '后天待跟进']);
+  const activeName = ref('全部');
+
   const selectdList = ref([]);
   const curParam = ref({});
   const statisis = ref({});
@@ -138,6 +156,16 @@
       if (obj['cpeDate'][1]) obj['cpeDateEnd'] = obj['cpeDate'][1];
       delete obj['cpeDate'];
     }
+    if (activeName.value === '今天待跟进') {
+      obj['nextTimeBegin'] = dayjs().format('YYYY-MM-DD 00:00:00')
+      obj['nextTimeEnd'] = dayjs().format('YYYY-MM-DD 23:59:59')
+    } else if (activeName.value === '明天待跟进'){
+      obj['nextTimeBegin'] = dayjs().add(1, 'day').format('YYYY-MM-DD 00:00:00')
+      obj['nextTimeEnd'] = dayjs().add(1, 'day').format('YYYY-MM-DD 23:59:59')
+    } else if (activeName.value === '后天待跟进') {
+      obj['nextTimeBegin'] = dayjs().add(2, 'day').format('YYYY-MM-DD 00:00:00')
+      obj['nextTimeEnd'] = dayjs().add(2, 'day').format('YYYY-MM-DD 23:59:59')
+    }
     curParam.value = obj;
     getStatisis(obj);
     return obj;
@@ -625,7 +653,12 @@
   });
 
   const query = () => caseLRef.value?.search();
-
+  const handleClick = () => {
+    console.log('activeName', activeName.value)
+    setTimeout(() => {
+      query();
+    }, 300);
+  };
   onMounted(() => {
     query();
   });
@@ -633,6 +666,7 @@
 <style lang="scss" scoped>
   .table-inner {
     width: 100%;
+    background: #fff;
     :deep(.topgrp) {
       display: flex;
       margin-bottom: 8px;