搜索结果列表页面开发

src/views/Dashboard/Issue/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="mt-[24px]">
+    <!-- issue List -->
+    <IssueFilterList type="personal" :searchParams="{scope}" ref="table" class="mt-2" :filterOption="['sort']" :key="scope"/>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import IssueFilterList from '@/views/Repo/components/IssueFilterList/index.vue';
+const route = useRoute();
+const table = ref();
+const scope = ref('');
+
+watch(() => route.name, (_new) => {
+  switch (_new) {
+    case 'issues':
+      scope.value = 'created_by_me';
+      break;
+    case 'issuesAssigned':
+      scope.value = 'assigned_to_me';
+      break;
+    case 'issuesMentioned':
+
+      break;
+    default:
+      scope.value = 'all';
+      break;
+  }
+}, { immediate: true });
+
+</script>
+
+<style lang="scss" scoped>
+
+.my-issue-list{
+  margin-top: 24px;
+}
+</style>