项目列表拆分

src/router/routerData/baseRouterData.ts

@@ -30,10 +30,22 @@ export default [
       //   component: () => import('@/views/task/projectOverview/index.vue'),
       // },
       {
-        title: '项目列表',
-        path: '/project/projectList',
-        name: 'ProjectList',
-        component: () => import('@/views/task/projectList/index.vue'),
+        title: '所有项目',
+        path: '/project/allProject',
+        name: 'AllProject',
+        component: () => import('@/views/task/projectList/allProject.vue'),
+      },
+      {
+        title: '负责项目',
+        path: '/project/chargeProject',
+        name: 'ChargeProject',
+        component: () => import('@/views/task/projectList/chargeProject.vue'),
+      },
+      {
+        title: '关注项目',
+        path: '/project/followProject',
+        name: 'FllowProject',
+        component: () => import('@/views/task/projectList/followProject.vue'),
       },
       // {
       //   title: '项目详情',

src/tenants/lyric/router/routerData.ts

@@ -37,10 +37,22 @@ export default [
       //   component: () => import('@/views/task/projectOverview/index.vue'),
       // },
       {
-        title: '项目列表',
-        path: '/project/projectList',
-        name: 'ProjectList',
-        component: () => import('@/views/task/projectList/index.vue'),
+        title: '所有项目',
+        path: '/project/allProject',
+        name: 'AllProject',
+        component: () => import('@/views/task/projectList/allProject.vue'),
+      },
+      {
+        title: '负责项目',
+        path: '/project/chargeProject',
+        name: 'ChargeProject',
+        component: () => import('@/views/task/projectList/chargeProject.vue'),
+      },
+      {
+        title: '关注项目',
+        path: '/project/followProject',
+        name: 'FllowProject',
+        component: () => import('@/views/task/projectList/followProject.vue'),
       },
       // {
       //   title: '项目详情',

src/utils/i18n/en.ts

@@ -74,7 +74,9 @@ const lang = {
     所有任务: 'All Tasks',
     项目管理: 'Project Management',
     项目总览: 'Poject Overview',
-    项目列表: 'Project List',
+    所有项目: 'All Project',
+    负责项目: 'Charge Project',
+    关注项目: 'Follow Project',
     仿真看板: 'Simulation Dashboard',
     仿真闭环看板: 'Simulation Loop Dashboard',
     准确度看板: 'Accuracy Dashboard',

src/utils/i18n/zh.ts

@@ -74,7 +74,9 @@ const lang = {
     所有任务: '所有任务',
     项目管理: '项目管理',
     项目总览: '项目总览',
-    项目列表: '项目列表',
+    所有项目: '所有项目',
+    负责项目: '负责项目',
+    关注项目: '关注项目',
     仿真看板: '仿真看板',
     仿真闭环看板: '仿真闭环看板',
     仿真汇总看板: '仿真汇总看板',

src/views/task/projectList/allProject.vue

@@ -0,0 +1,18 @@
+<template>
+  <ProjectList :expandAction="actionList" />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import ProjectList from './components/projectList.vue';
+
+const actionList = ref<any>([
+  {
+    title: '关注',
+    type: 'primary',
+    click: (row: any) => {
+      console.log('关注', row);
+    },
+  },
+]);
+</script>

src/views/task/projectList/chargeProject.vue

@@ -0,0 +1,7 @@
+<template>
+  <ProjectList />
+</template>
+
+<script setup lang="ts">
+import ProjectList from './components/projectList.vue';
+</script>

src/views/task/projectList/components/projectList.vue

@@ -136,6 +136,14 @@ import { hasPermission } from '@/utils/permission';
 import DefaultProjectCard from '@/views/task/projectList/components/projectCard.vue';
 import LyricProjectCard from '@/tenants/lyric/views/project/projectCard.vue';
 
+interface Props {
+  expandAction?: any;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  expandAction: [],
+});
+
 export interface IUserInfo {
   id: number;
   company: string | null;
@@ -199,6 +207,7 @@ const actionList = ref<any>([
       return !hasPermission('project_list_delete_project');
     },
   },
+  ...props.expandAction,
 ]);
 // 卡片布局
 const cardActionList = computed(() => {
@@ -239,7 +248,7 @@ const currentProjectBaseInfo = reactive<any>({
   memberList: [],
 });
 
-const viewType = ref('car');
+const viewType = ref('card');
 
 const currentRow = ref();
 

src/views/task/projectList/followProject.vue

@@ -0,0 +1,20 @@
+<template>
+  <ProjectList :expandAction="actionList" />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import ProjectList from './components/projectList.vue';
+
+const actionList = ref<any>([
+  {
+    title: '取消关注',
+    type: 'danger',
+    needConfirm: true,
+    confirmTip: '确定取消关注吗？',
+    click: (row: any) => {
+      console.log('取消关注', row);
+    },
+  },
+]);
+</script>