项目列表拆分

src/views/task/projectList/allProject.vue

@@ -1,7 +1,18 @@
 <template>
-  <ProjectList />
+  <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/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

@@ -1,7 +1,20 @@
 <template>
-  <ProjectList />
+  <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>