廖力工作日志 2025-12-25 09:13:58 星期四

上周主线:完成所有workbanchv2静态页的重构,完成80%从静态页到组件化的工作。
本周主线:给组件化收尾,并搭建ai会话(workbanchv2)的单例模式。并开始绑定数据.

##今天的任务:

1.完善从聊天列表到工作台主界面的数据加载逻辑

    已经完善

2.完善消息发送体验

1.在创建消息期间(还没有进入工作台之前)显示加载遮罩 --- 完成
2.在用户点击聊天列表某项进入工作台时,如果该聊天流存在就不拉取新数据 -- 完成
3.在用户点击聊天列表某项进入工作台时,如果该聊天流不存在就拉取聊天流数据 -- 完成
4.如果是从聊天列表界面进的工作台,聊天流加载时,显示一个转圈的菊花 -- 完成
5.人工智能正在回复时显示一个闪烁的光标 -- 已经完成
6.测试并验证收到新消息时,如果用户试图停留在滚动条的上方,它会不会直接滚动下去 -- 已经解决
7.在用户填入chat/[id]直接进入工作台时先进行数据拉取再进到具体的工作台聊天。-- 已经解决
8.研究可以中断聊天的方法 -- 已经完成
9.可能需要支持多个系统回复 --- 已经支持

3.研究视频生成和脚本生成的提示词要怎么写

    两个文案:
        脚本的:
        我希望在【抖音】平台上,制作关于【阿维塔07增程】的【A1: 产品曝光】脚本。车系亮点【不限】,促销话题【不限】。
        短视频的:
        我希望在【抖音】平台上,制作关于【阿维塔07增程】的【A1: 产品曝光】短视频。车系亮点【不限】,促销话题【不限】。

4.完成特性消息的发送

    完成

5.研究工作台出现时的动画

    已经完成了工作台的组件级加载动画,在组件未出来之前就显示组件正在加载

6.完成当前没有currentChatid的时候,强制不显示工作台,避免渲染响应迟钝

    完成

7.修复(failed)net::ERR_INCOMPLETE_CHUNKED_ENCODING引起的状态管理错误

    完成

8.完成消息发送失败后重试卡片的功能。

    完成

##明天的任务:
1.完成未读会话的指示
2.修复聊天列表的列表项的样式
3.将菜单边栏的颜色更换到色板
4.实现一个黑白色切换的按钮

长期任务:
1.大概梳理一下现有接口和新需求接口的对齐度 – 把界面重构完就做这个
2.把现有的工作台的功能和业务理通 – 把界面重构完就做这个
3.修复主界面的边栏收起 ~– 已经确认不需要修改
4.适配一个移动端版本
5.selectionList组件的分页换行的感觉不太对,可能需要优化

设计稿规格为:1440*900
需要重构的页面数量:
1.工作台初始界面 – 已经完成
1.1.工作台初始界面聊天对话框 – 聊天对话框中多个样式看起来有冲突,需要找产品经理询问 – 已经完成
1.2.重新整理一个多选下拉框组件 – 已经完成
2.工作台主界面
2.1 工作台主界面左边聊天序列 – 已经完成
2.2 工作台主界面中间文件选择 – 已经完成
2.3 工作台主界面右边脚本编辑界面– 已经完成
2.3.1 镜头列表编辑组件– 已经完成
2.3.2 画面描述ai对话框– 已经完成
2.4 工作台主界面右边视频编辑界面– 已经完成
2.4.1 单选框列表组件– 已经完成
2.4.2 点状分页– 已经完成
2.4.3 支持宽/窄 两种视图模式– 已经完成

    2.5 工作台主界面右边影片编辑界面-- 已经完成
    --明天让产品讲一下这个界面的设计和想法-- 已经完成

当前计划是规划好store中的数据结构, api接口的摆放位置,bis编写的合理性,query和api接口以及bis+界面渲染层如何正确地耦合从而适当耦合。

—————————————————————-其它内容———————————————————————–
这是一个对话列表
现在我想要知道对话列表的数据接口是什么,它的搜索功能是前端搜索还是后端搜索?

帮忙给这个下拉框添加一个白色风格 变体
范式要求
依照chadcn/ui的范式编写
不要编写类似 isEnabled && (

) 这种代码
应该写成 (function(){ if(isEnabled === true){ return (
)}return null; })()
不要写三元表达式
判断空必须这样写 if(typeof value !== ‘undefined’ && value !== null){}
不能写作 if(!value){} 这种判断非常模糊
编写匿名函数时尽量不要使用箭头函数,应该使用(function(){ })()
如果有确实需要绑定this的情况下再使用箭头函数
请在编写参数的interface中写好注释,调用时可以看到
样式要求
在白色风格样式下,
container和item的边距为0
container的背景色为–color-bg-surface
border:1px solid var(–color-border-subtle)
box-shadow: 0px 4px 16px 0px rgba(4, 20, 51, 0.1);
项目
高度是 28px
未选中的 背景颜色透明
选中后背景颜色为 –color-bg-page