廖力工作日志 2025-12-24 10:05:02 星期三
上周主线:完成所有workbanchv2静态页的重构,完成80%从静态页到组件化的工作。
本周主线:给组件化收尾,并搭建ai会话(workbanchv2)的单例模式。并开始绑定数据.
##今天的任务:
1.做对话框的数据绑定
1.1完成bis单例模式的最后问题补全
当bishook被应用到多个子文件中的时候,副作用和数据加载器会被多次触发引起bug
现在已经通过将bis上加入了一个参数用来标明当前使用场景允许数据加载和副作用还是仅作为
数据消费组件使用
1.1获得消息发送接口并搞清楚参数
新消息:
/api/llmChat -- 先创建对话
参数:id, title, deid
/api/digitalEmployee -- 然后再发消息
参数:
chatId, deId, jobType, jobId, message, extra
如果是新消息,就创建再发送
如火是旧消息
1.2获得不同模式下的提示词并搞清楚这些提示词怎么使用
1.3规划store中的聊天流数据结构的写法 -- 已经完成
1.4编写相应的bis钩子和query钩子 -- 已经完成
1.5完成聊天框的发送聊天的功能 -- 完成5.给正在加载数据的下拉框一个加载中状态
1.完成单选下拉框的加载状态
2.完成多选下拉框的加载状态##明天的任务:
1.完善从聊天列表到工作台主界面的数据加载逻辑
2.完善消息发送体验
1.在创建消息期间(还没有进入工作台之前)显示加载遮罩
2.在用户点击聊天列表某项进入工作台时,如果该聊天流存在就不拉取新数据
3.在用户点击聊天列表某项进入工作台时,如果该聊天流不存在就拉取聊天流数据
4.如果是从聊天列表界面进的工作台,聊天流加载时,显示一个转圈的菊花
5.人工智能正在回复时显示一个闪烁的光标
6.测试并验证收到新消息时,如果用户试图停留在滚动条的上方,它会不会直接滚动下去
7.在用户填入chat/[id]直接进入工作台时先进行数据拉取再进到具体的工作台聊天。
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 (
不要写三元表达式
判断空必须这样写 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