diff --git a/src/components/FilterableCheckboxes.vue b/src/components/FilterableCheckboxes.vue
index cfeed84c3dd79071773b2d40fbd9451f660e2b4b..d5566c21b7d8dc3c744e8e29b501dd164772bfe9 100644
--- a/src/components/FilterableCheckboxes.vue
+++ b/src/components/FilterableCheckboxes.vue
@@ -59,7 +59,7 @@ const filteredValues = computed(() => {
   return rawValues.value.filter((val) => val.label.toLowerCase().includes(search));
 });
 
-watch(() => filteredValues.value.length, (len) => empty.value = len <= 0)
+watch(() => filteredValues.value.length, (len) => empty.value = len <= 0, { immediate: true });
 
 const displayCount = ref(30);
 const displayValues = computed(() => {
diff --git a/src/views/collaboration/TheCollaboration.vue b/src/views/collaboration/TheCollaboration.vue
index 450bc9edd7c83abacbddc1b08922f99e2d69db4b..bbe24b602f447ae677508c831b369f48fa188b42 100644
--- a/src/views/collaboration/TheCollaboration.vue
+++ b/src/views/collaboration/TheCollaboration.vue
@@ -40,10 +40,16 @@ const filterIconRefs = ref(new Array<ComponentPublicInstance>(columns.length));
 /** 筛选组件是否显示的开关 */
 const filterSwitches = ref(columns.map(() => false));
 
+let clickOutsideStopFns: (() => void)[] = [];
+
 const setPopupClickoutSideFn = (el: any, index: number) => {
-  onClickOutside(el, () => {
+  if (clickOutsideStopFns.length) {
+    clickOutsideStopFns.forEach((fn) => fn());
+    clickOutsideStopFns = [];
+  }
+  clickOutsideStopFns.push(onClickOutside(el, () => {
     filterSwitches.value[index] = false;
-  });
+  }) as (() => void));
 };
 
 const repoFilterLoading = ref(false);
@@ -239,149 +245,151 @@ watch(
   </div>
   <ContentWrapper :vertical-padding="['24px', '72px']" class="collaboration-wrap">
     <AppLoading :loading="isLoading" />
-    <div class="indicators">
-      <span @click="showDlg = true" class="text"
-        ><OIcon><IconState /></OIcon>状态指标说明</span
-      >
-      <Indicators v-if="showDlg" @change="showDlg = false" />
-    </div>
-    <div class="platform-main">
-      <OTable :columns="columns" :data="reposData" :loading="loading" border="row" :class="{ admin: isAdminPer }">
-        <template #head="{ columns }">
-          <OPopup
-            trigger="none"
-            style="--popup-radius: 4px"
-            v-for="(item, index) in columns"
-            :key="item.type"
-            :visible="filterSwitches[index]"
-            :unmount-on-hide="false"
-            :offset="-8"
-            position="bl"
-          >
-            <template #target>
-              <th :class="item.type">
-                <div class="header-cell">
-                  {{ item.label }}
-                  <template v-if="item.key !== 'operation'">
-                    <OIcon
-                      :ref="(el) => (filterIconRefs[index] = el as ComponentPublicInstance)"
-                      class="filter-icon"
-                      :style="currentActiveFilterIndices.has(index) ? { color: 'var(--o-color-primary1)' } : {}"
-                      @click="switchFilterVisible(index)"
-                      ><IconFilter
-                    /></OIcon>
-                    <OPopover v-if="currentActiveFilterIndices.has(index) && activeFilterValues[index]" :target="filterIconRefs[index]" trigger="hover">
-                      <p class="bubble-content">
-                        <span class="title">{{ item.label }}:</span>
-                        {{ activeFilterValues[index] }}
-                      </p>
-                    </OPopover>
-                  </template>
-                </div>
-              </th>
-            </template>
-            <div :ref="(el) => setPopupClickoutSideFn(el, index)">
-              <FilterableCheckboxes
-                v-if="item.key === 'repo'"
-                v-model="filterParams[item.key]"
-                :loading="repoFilterLoading"
-                @change="onFilterChange(item.key, index, $event)"
-                :values="allRepos"
-              />
-              <FilterableCheckboxes
-                v-else-if="item.key === 'sigName'"
-                v-model="filterParams[item.key]"
-                :loading="sigFilterLoading"
-                @change="onFilterChange(item.key, index, $event)"
-                :values="allSigs"
-              />
-              <FilterableCheckboxes
-                v-else-if="item.key === 'kind'"
-                v-model="filterParams[item.key]"
-                @change="onFilterChange(item.key, index, $event)"
-                :filterable="false"
-                :values="kindTypes"
-              />
-              <FilterableCheckboxes
-                v-else-if="item.key === 'status'"
-                :filterable="false"
-                v-model="filterParams[item.key]"
-                @change="onFilterChange(item.key, index, $event)"
-                :values="repoStatusArr"
-              />
-              <FilterableCheckboxes
-                v-else
-                v-model="filterParams[item.key]"
-                :filterable="false"
-                @change="onFilterChange(item.key, index, $event)"
-                :values="metricTypes(item.key)"
-              />
+    <template v-if="!isLoading">
+      <div class="indicators">
+        <span @click="showDlg = true" class="text"
+          ><OIcon><IconState /></OIcon>状态指标说明</span
+        >
+        <Indicators v-if="showDlg" @change="showDlg = false" />
+      </div>
+      <div class="platform-main">
+        <OTable :columns="columns" :data="reposData" :loading="loading" border="row" :class="{ admin: isAdminPer }">
+          <template #head="{ columns }">
+            <OPopup
+              trigger="none"
+              style="--popup-radius: 4px"
+              v-for="(item, index) in columns"
+              :key="item.type"
+              :visible="filterSwitches[index]"
+              :unmount-on-hide="false"
+              :offset="-8"
+              position="bl"
+            >
+              <template #target>
+                <th :class="item.type">
+                  <div class="header-cell">
+                    {{ item.label }}
+                    <template v-if="item.key !== 'operation'">
+                      <OIcon
+                        :ref="(el) => (filterIconRefs[index] = el as ComponentPublicInstance)"
+                        class="filter-icon"
+                        :style="currentActiveFilterIndices.has(index) ? { color: 'var(--o-color-primary1)' } : {}"
+                        @click="switchFilterVisible(index)"
+                        ><IconFilter
+                      /></OIcon>
+                      <OPopover v-if="currentActiveFilterIndices.has(index) && activeFilterValues[index]" :target="filterIconRefs[index]" trigger="hover">
+                        <p class="bubble-content">
+                          <span class="title">{{ item.label }}:</span>
+                          {{ activeFilterValues[index] }}
+                        </p>
+                      </OPopover>
+                    </template>
+                  </div>
+                </th>
+              </template>
+              <div :ref="(el) => setPopupClickoutSideFn(el, index)">
+                <FilterableCheckboxes
+                  v-if="item.key === 'repo'"
+                  v-model="filterParams[item.key]"
+                  :loading="repoFilterLoading"
+                  @change="onFilterChange(item.key, index, $event)"
+                  :values="allRepos"
+                />
+                <FilterableCheckboxes
+                  v-else-if="item.key === 'sigName'"
+                  v-model="filterParams[item.key]"
+                  :loading="sigFilterLoading"
+                  @change="onFilterChange(item.key, index, $event)"
+                  :values="allSigs"
+                />
+                <FilterableCheckboxes
+                  v-else-if="item.key === 'kind'"
+                  v-model="filterParams[item.key]"
+                  @change="onFilterChange(item.key, index, $event)"
+                  :filterable="false"
+                  :values="kindTypes"
+                />
+                <FilterableCheckboxes
+                  v-else-if="item.key === 'status'"
+                  :filterable="false"
+                  v-model="filterParams[item.key]"
+                  @change="onFilterChange(item.key, index, $event)"
+                  :values="repoStatusArr"
+                />
+                <FilterableCheckboxes
+                  v-else
+                  v-model="filterParams[item.key]"
+                  :filterable="false"
+                  @change="onFilterChange(item.key, index, $event)"
+                  :values="metricTypes(item.key)"
+                />
+              </div>
+            </OPopup>
+          </template>
+          <template #td_repo="{ row }">
+            <OLink color="primary" class="link-external" hover-underline @click="changeExternalDialog(`${SRCOPENEULER + row.repo}`)"
+              ><span class="text">{{ row.repo }} </span><OIcon><IconOutlink /></OIcon
+            ></OLink>
+          </template>
+          <template #td_issueStatus="{ row }">
+            <OLink color="primary" class="link-external" hover-underline @click="changeExternalDialog(`${SRCOPENEULER + row.repo}/issues`)"
+              ><span class="text">{{ row.issueStatus }}</span> <OIcon><IconOutlink /></OIcon
+            ></OLink>
+          </template>
+          <template #td_prStatus="{ row }">
+            <OLink color="primary" class="link-external" hover-underline @click="changeExternalDialog(`${SRCOPENEULER + row.repo}/pulls`)"
+              ><span class="text">{{ row.prStatus }}</span> <OIcon><IconOutlink /></OIcon
+            ></OLink>
+          </template>
+          <template #td_cveStatus="{ row }">
+            <OLink
+              color="primary"
+              class="link-external"
+              hover-underline
+              @click="changeExternalDialog(`${SRCOPENEULER + row.repo}/issues?single_label_id=85497765`)"
+            >
+              <span class="text">{{ row.cveStatus }}</span> <OIcon><IconOutlink /></OIcon
+            ></OLink>
+          </template>
+          <template #td_status="{ row }">
+            <div class="repo-status">
+              <OTag :class="`type${repoStatusIndex(row.status)}`">{{ row.status }} </OTag>
+            </div>
+          </template>
+          <template #td_versionStatus="{ row }">
+            {{ versionLatestStatusConvert(row.versionStatus) }}
+          </template>
+  
+          <template #td_operation="{ row }">
+            <div class="operation-box">
+              <OLink v-if="isMainPer" color="primary" hover-underline @click="changeFeedback(row.repo)">状态反馈</OLink>
+              <OLink color="primary" hover-underline @click="changeFeedbackHistory(row.repo)">反馈历史</OLink>
             </div>
-          </OPopup>
-        </template>
-        <template #td_repo="{ row }">
-          <OLink color="primary" class="link-external" hover-underline @click="changeExternalDialog(`${SRCOPENEULER + row.repo}`)"
-            ><span class="text">{{ row.repo }} </span><OIcon><IconOutlink /></OIcon
-          ></OLink>
-        </template>
-        <template #td_issueStatus="{ row }">
-          <OLink color="primary" class="link-external" hover-underline @click="changeExternalDialog(`${SRCOPENEULER + row.repo}/issues`)"
-            ><span class="text">{{ row.issueStatus }}</span> <OIcon><IconOutlink /></OIcon
-          ></OLink>
-        </template>
-        <template #td_prStatus="{ row }">
-          <OLink color="primary" class="link-external" hover-underline @click="changeExternalDialog(`${SRCOPENEULER + row.repo}/pulls`)"
-            ><span class="text">{{ row.prStatus }}</span> <OIcon><IconOutlink /></OIcon
-          ></OLink>
-        </template>
-        <template #td_cveStatus="{ row }">
-          <OLink
-            color="primary"
-            class="link-external"
-            hover-underline
-            @click="changeExternalDialog(`${SRCOPENEULER + row.repo}/issues?single_label_id=85497765`)"
-          >
-            <span class="text">{{ row.cveStatus }}</span> <OIcon><IconOutlink /></OIcon
-          ></OLink>
-        </template>
-        <template #td_status="{ row }">
-          <div class="repo-status">
-            <OTag :class="`type${repoStatusIndex(row.status)}`">{{ row.status }} </OTag>
-          </div>
-        </template>
-        <template #td_versionStatus="{ row }">
-          {{ versionLatestStatusConvert(row.versionStatus) }}
-        </template>
-
-        <template #td_operation="{ row }">
-          <div class="operation-box">
-            <OLink v-if="isMainPer" color="primary" hover-underline @click="changeFeedback(row.repo)">状态反馈</OLink>
-            <OLink color="primary" hover-underline @click="changeFeedbackHistory(row.repo)">反馈历史</OLink>
-          </div>
-        </template>
-      </OTable>
-
-      <div v-if="total > COUNT_PAGESIZE[0]" class="pagination-box">
-        <AppPagination :current="currentPage" :pagesize="pageSize" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+          </template>
+        </OTable>
+  
+        <div v-if="total > COUNT_PAGESIZE[0]" class="pagination-box">
+          <AppPagination :current="currentPage" :pagesize="pageSize" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </div>
       </div>
-    </div>
-    <!-- 暂无记录 -->
-    <template v-if="isError">
-      <Result404>
-        <template #description>
-          <p class="text404">暂无记录</p>
-        </template>
-      </Result404>
+      <!-- 暂无记录 -->
+      <template v-if="isError">
+        <Result404>
+          <template #description>
+            <p class="text404">暂无记录</p>
+          </template>
+        </Result404>
+      </template>
+  
+      <!-- 跳转外部链接提示 -->
+      <ExternalLink v-if="showExternalDlg" :href="externalLink" @change="showExternalDlg = false" />
+      <!-- 状态反馈 -->
+  
+      <StatusFeedback :repo="repoValue" v-if="showFeedbackDlg" @close="showFeedbackDlg = false" />
+  
+      <!-- 反馈历史 -->
+      <FeedbackHistroy v-if="showFeedbacHistroykDlg" :repo="repoValue" @close="showFeedbacHistroykDlg = false" />
     </template>
-
-    <!-- 跳转外部链接提示 -->
-    <ExternalLink v-if="showExternalDlg" :href="externalLink" @change="showExternalDlg = false" />
-    <!-- 状态反馈 -->
-
-    <StatusFeedback :repo="repoValue" v-if="showFeedbackDlg" @close="showFeedbackDlg = false" />
-
-    <!-- 反馈历史 -->
-    <FeedbackHistroy v-if="showFeedbacHistroykDlg" :repo="repoValue" @close="showFeedbacHistroykDlg = false" />
   </ContentWrapper>
 </template>
 
diff --git a/src/views/todo/ApprovalTable.vue b/src/views/todo/ApprovalTable.vue
index 6d69d3a7f5bb02e71c3474f7fe6edf2e07c09ec5..4f46bffaf39c0e89edb24de1f4e97398006d1be8 100644
--- a/src/views/todo/ApprovalTable.vue
+++ b/src/views/todo/ApprovalTable.vue
@@ -22,10 +22,10 @@ interface ColumnsT {
 }
 
 const props = defineProps({
-  filterableColumns: {
+  /* filterableColumns: {
     type: Array as PropType<string[]>,
     default: () => [],
-  },
+  }, */
   data: {
     type: Array,
     default: () => [],
@@ -42,6 +42,10 @@ const props = defineProps({
     type: Boolean,
     default: () => false,
   },
+  filterParams: {
+    type: Object,
+    default: () => ({}),
+  },
 });
 
 const router = useRouter();
@@ -62,19 +66,9 @@ const getRepoList = () => {
   }
 };
 
-const filterParams = reactive(
-  props.filterableColumns.reduce(
-    (obj, col) => {
-      obj[col] = '';
-      return obj;
-    },
-    {} as Record<string, string>
-  )
-);
-
-watch(filterParams, (params) => emits('queryData', params));
+const innerFilterParams = ref(props.filterParams);
+const filterableColumns = ref(Object.keys(props.filterParams));
 
-const filterableColSet = computed(() => new Set(props.filterableColumns));
 const applyTypes = applicationTypeCurrent.map((item) => ({ label: item.label, value: item.id }));
 
 const filterIconRefs = ref(new Array<ComponentPublicInstance>(props.columns.length));
@@ -88,6 +82,15 @@ const setPopupClickoutSideFn = (el: any, index: number) => {
   });
 };
 
+onMounted(() => {
+  Object.entries(props.filterParams).forEach((entry, index) => {
+    if (entry[1]) {
+      currentActiveFilterIndices.value.add(index);
+      activeFilterValues.value[props.columns.findIndex((item) => item.key === entry[0])] = entry[1];
+    }
+  });
+});
+
 /** 当前有选中筛选项的表格列的数组下标 */
 const currentActiveFilterIndices = ref(new Set<number>());
 
@@ -118,6 +121,7 @@ const onFilterChange = (type: string, index: number, val: string) => {
     activeFilterValues.value[index] = '';
     currentActiveFilterIndices.value.delete(index);
   }
+  emits('queryData', innerFilterParams.value);
 };
 
 const userInfoStore = useUserInfoStore();
@@ -153,7 +157,7 @@ const revoke = () => {
     <OTable :columns="columns" :data="data" :loading="loading" border="all">
       <template #head="{ columns }">
         <template v-for="(item, index) in columns" :key="item.type">
-          <th v-if="!filterableColSet.size || !filterableColSet.has(item.key)" :class="item.type">
+          <th v-if="!filterableColumns.includes(item.key)" :class="item.type">
             <template v-if="item.label === '申请人'">
               <div class="th-maintainer">
                 申请人
@@ -192,21 +196,21 @@ const revoke = () => {
             </template>
             <div :ref="(el) => setPopupClickoutSideFn(el, index)">
               <FilterableCheckboxes
-                v-model="filterParams[item.key]"
+                v-model="innerFilterParams[item.key]"
                 v-if="item.key === 'metric'"
                 :filterable="false"
                 @change="onFilterChange(item.key, index, $event)"
                 :values="applyTypes"
               />
               <FilterableCheckboxes
-                v-model="filterParams[item.key]"
+                v-model="innerFilterParams[item.key]"
                 v-else-if="item.key === 'repo'"
                 :loading="repoFilterLoading"
                 @change="onFilterChange(item.key, index, $event)"
                 :values="repoList"
               />
               <FilterableCheckboxes
-                v-model="filterParams[item.key]"
+                v-model="innerFilterParams[item.key]"
                 v-else-if="item.key === 'applyStatus'"
                 :filterable="false"
                 @change="onFilterChange(item.key, index, $event)"
@@ -364,9 +368,6 @@ thead {
       overflow-x: auto;
       overflow-y: hidden;
       @include scrollbar;
-      &::-webkit-scrollbar {
-        height: 6px;
-      }
     }
     table {
       table-layout: fixed;
@@ -374,17 +375,6 @@ thead {
 
     tr {
       td {
-        &:first-child {
-          position: sticky;
-          z-index: 2;
-          background: var(--table-bg-color);
-          left: 0;
-          &::before {
-            right: -9px;
-            transform: scaleX(-1);
-            @include liner;
-          }
-        }
         &:last-child {
           width: 220px;
           position: sticky;
@@ -408,17 +398,6 @@ thead {
     }
 
     th {
-      &:first-child {
-        position: sticky;
-        z-index: 2;
-        background: var(--table-head-bg);
-        left: 0;
-        &::before {
-          right: -7px;
-          transform: scaleX(-1);
-          @include liner;
-        }
-      }
       &:last-child {
         width: 220px;
         position: sticky;
diff --git a/src/views/todo/TheTodo.vue b/src/views/todo/TheTodo.vue
index 811b380044f315cecabe524d6f243bbf9c00e609..cdf2e93f3be056dfa80f7cf7c6449ab8a0adb570 100644
--- a/src/views/todo/TheTodo.vue
+++ b/src/views/todo/TheTodo.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, onMounted, computed } from 'vue';
+import { ref, onMounted, computed, reactive } from 'vue';
 import { OTab, OTabPane, useMessage } from '@opensig/opendesign';
 import { useRoute, useRouter } from 'vue-router';
 import { useLocale } from '@/composables/useLocale';
@@ -85,11 +85,20 @@ const handleCurrentChange = (val: number) => {
   pageInit();
 };
 
+const applicationFilterParams = reactive({
+  repo: '',
+  metric: '',
+  applyStatus: '',
+});
+
 // 我的申请
 const queryMyApplication = (params = {}) => {
   isLoading.value = true;
   if (isMaintainerPermission.value) {
     const newData = getParamsRules(todoParams.value);
+    for (const key of Object.keys(params)) {
+      applicationFilterParams[key] = params[key];
+    }
     getMaintainerApply({ ...newData, ...params })
       .then((res) => {
         applicationData.value = res.data.list;
@@ -130,11 +139,19 @@ const revokeApplication = (id: string) => {
     });
 };
 
+const approvalFilterParams = reactive({
+  repo: '',
+  metric: '',
+});
+
 // 待我审批
 const queryApprovalApply = (params = {}) => {
   isLoading.value = true;
   if (isAdminPermission.value) {
     const newData = getParamsRules(todoParams.value);
+    for (const key of Object.keys(params)) {
+      approvalFilterParams[key] = params[key];
+    }
     getAdminApply({ ...newData, ...params })
       .then((res) => {
         approvalData.value = res.data.list;
@@ -153,11 +170,19 @@ const queryApprovalApply = (params = {}) => {
   }
 };
 
+const approvedFilterParams = reactive({
+  repo: '',
+  metric: '',
+});
+
 // 我审批过的
 const queryApprovedApply = (params = {}) => {
   isLoading.value = true;
   if (isAdminPermission.value) {
     const newData = getParamsRules(todoParams.value);
+    for (const key of Object.keys(params)) {
+      approvedFilterParams[key] = params[key];
+    }
     getAdminApply({ ...newData, ...params })
       .then((res) => {
         approvedData.value = res.data.list;
@@ -217,6 +242,7 @@ onMounted(() => {
           :columns="applicationColumns"
           @queryData="queryMyApplication"
           :filterable-columns="['repo', 'metric', 'applyStatus']"
+          :filterParams="applicationFilterParams"
           :type="activeName"
           :data="applicationData"
           :loading="isLoading"
@@ -234,7 +260,7 @@ onMounted(() => {
           <ApprovalTable
             :columns="approvalColumns"
             @queryData="queryApprovalApply"
-            :filterable-columns="['repo', 'metric']"
+            :filterParams="approvalFilterParams"
             :type="activeName"
             :data="approvalData"
             :loading="isLoading"
@@ -249,7 +275,7 @@ onMounted(() => {
           <ApprovalTable
             :columns="approvalHistoryColumns"
             @queryData="queryApprovedApply"
-            :filterable-columns="['repo', 'metric']"
+            :filterParams="approvedFilterParams"
             :type="activeName"
             :data="approvedData"
             :loading="isLoading"