20251019-project-detail.md 1.6 KB

任务:完善开发项目详情页面

项目开发需求

项目卡片固定底部

请您分析src/modules/project/pages/project-detail/project-detail.component.ts页面,将项目标题放到固定底部,显示项目卡片,左侧是标题,右侧是按钮:文件\成员.分别再开发两个组件:项目文件\项目成员.

项目文件组件

其中项目文件点击后弹出来ProjectFile中所有文件,每个文件都有卡片(图片的需要可预览),其他图片格式后缀要明显标记,同时文件还需要有说明,方便项目组成员标记。尽可能让文件卡片和点击后预览丰富美观。

  • 请参考storage.md Attachment结构说明

项目成员组件

项目成员页面,需要展示GoupChat.member_list中所有员工帐号,需要匹配ProjectTeam中对应信息,特别是如果ProjectTeam有组员,但是member_list没有的,需要显示加入群聊按钮调用: ww.updateEnterpriseChat({

            chatId: 'CHATID',
            userIdsToAdd: [
                'zhangsan',
                'lisi'
            ]
})

根据ProjectTeam.get("profile")?.get("userid")的值,发起添加员工进群聊。如果非企业微信环境,可不显示该按钮。

任务执行

  • 请您根据上面需求分析相关项目文档
  • 请您合理设计更加丰富美观的项目文件组件、项目成员组件,但数据范式要严格按照已有的schemas.md规范描述
  • 根据您设计的具体内容进行开发,完成项目详情,以及新增两个组件的开发,并在项目详情点击按钮是能弹出对应组件,确保功能正常
  • 通过ng b 验证,并修复所有问题