廖力工作日志 2026-01-26 9:30:53 星期一
上周主线: 本来应该完成:1.完成脚本编辑界面的所有数据绑定的工作。2.完成中间文件管理的数据绑定工作。但由于一直在等接口所以实际上在做一些体验优化工作
本周主线: 完成工具2.0“生成创意”的搭建
##今天的任务:
1.修复工具台发送出消息后chatbox状态不正常的问题。
已经完成 --2026-01-26 12:35:50 星期一2.修复对话列表点一下就将其直接送到对话列表最顶端的问题
需要完成一轮对话才将会话置于会话列表顶端 -- 2026-01-26 10:16:06 星期一###。 3.如果sysMessageItem.role.name为空就不取这东西
已经完成 –2026-01-26 09:52:41 星期一
4.做一个分辨率自适应设定,可以使得用户自己调节界面的大小而不是固定一种比例
5.系统回复消息时,需要一直跟踪消息的位置
已经完成 -- 2026-01-26 15:56:48 星期一###。 6.设置currentchatid为 “” 时,部分界面不响应更改的问题
已经解决 —2026-01-26 12:36:11 星期一
7.进入到聊天详情后,conversitionList的宽度有些许变化,检查并调整一致
已经将总容器改为grid布局,用于统一左右布局的宽度8.更新对chat接口的文件类型的映射 将image/video 改成 1 和 2
已经完成 --2026-01-26 15:57:08 星期一###。 9.更新聊天流中的“滚到底部”按钮的出现时机:用户离开底部就出现
已经完成 –2026-01-26 15:58:44 星期一
10.将传送文件时的文件类型对齐为1 : 图片。2:视频
已经完成 --2026-01-26 16:04:08 星期一11。修复带参数进入聊天详情时需要直接显示聊天的问题
目前处理方式是,如果带参数进入,监测到当前聊天取不到,直接返回欢迎页面 -- 2026-01-26 17:01:41 星期一12.修复进入到旧有聊天时,聊天流信息未对齐到底部的问题
已经完成 --2026-01-26 17:09:55 星期一13.修复发送新消息后,输出消息完成后,聊天流闪烁的问题
已经完成 -- 2026-01-26 17:11:54 星期一14.修复异步聊天更新后,未读消息未显示的问题
已经完成,原因是色板改了以后,它没有跟着修改 --2026-01-26 16:37:31 星期一工具台发出消息后状态不正常的修复总结:
路由切换和“启动长任务”分两拍:
push 前只做 准备态(创建壳、写 currentChatId、写 pending flag),真正的网络请求/stream 放到新页面 mount 后用 effect 启动(你现在的 isOpeningNewChat 就是标准解法)。
别在 push 前后依赖组件闭包里的状态(尤其是输入框文本、选中模型、附件列表):
要么在启动任务前把这些东西写进 store / pending payload;要么在新页面从 store 读“最终值”再发请求。
用一个“handoff 标志”做交接:
pendingSend / isOpeningNewChat / startStamp 这类字段很好用,属于工程上最可靠的跨路由握手。
开发环境 StrictMode 双执行要防:
任何 “mount 后自动发送” 的 effect,最好加个 useRef 防重复触发,免得你 dev 环境重复发两次导致误判。/biz/LLmChat/e2508c21-8f93-4d4f-871b-88ccca1538de/message
这个接口的返回数据:
“data”: [
{
“rowNo”: 8,
“attachments”: null,
“artifacts”: null,
“chatId”: “e2508c21-8f93-4d4f-871b-88ccca1538de”,
“content”: “你好啊”,
“createTime”: “2026-01-26T09:41:09.332”,
“de”: null,
“id”: “47c59094-cc7a-46bf-a1b1-91e1b46c04a6”,
“isRead”: false,
“jobId”: null,
“role”: “user”,
“updateTime”: “2026-01-26T09:41:09.312”
},
{
“rowNo”: 7,
“attachments”: null,
“artifacts”: null,
“chatId”: “e2508c21-8f93-4d4f-871b-88ccca1538de”,
“content”: “你好呀!✨ 很高兴见到你!今天过得怎么样呀?希望你度过了愉快的一天。我随时准备好陪你聊天、帮你解决问题,或者就这样轻松愉快地闲聊一会儿。有什么想跟我分享的吗? 🌟”,
“createTime”: “2026-01-26T09:41:12.652”,
“de”: null,
“id”: “fb6e5670-ca36-464d-bd5a-9d58b3f0ffa5”,
“isRead”: false,
“jobId”: null,
“role”: “ai”,
“updateTime”: “2026-01-26T09:41:12.651”
},
当role === “ai”的时候
可否给一个modelId 指明当时系统回复时用的哪个模型,这样我好在对话流界面上显示对应的模型的logo,否则我这里就只能先默认一种模型logo。
##明天的任务:
长期任务:
1.适配一个移动端版本
2.图片编辑模块的需求 — 延后
图片编辑模块的业务照搬美图秀秀,原因是美图秀秀提供的图片编辑功能可以用于图生视频的前置编辑
目前已有的大模块为:
调整 – 调整图像尺寸
抠图 – 获得前景
人像 – 人像美化
滤镜 – 一些照片风格滤镜
2.1 了解图片编辑模块的子模块拆分是怎么做的
2.2 了解图片编辑模块的代码风格
2.3 了解图片编辑模块的单例模式实现和状态管理是怎么做的
2.4 了解当前图片编辑模块缺失的内容有哪些
1.调整模块
基础调整已经完成 但包含一些bug
没有高级调整功能
2.抠图模块
3.消除笔模块
4.ai超清模块
5.ai扩图模块
6.无损放大模块
总结,主要做调整和 抠图,人像和滤镜功能disable掉,暂时不做
2.5 了解当前图片编辑模块为未来可以做哪些代码或结构上的优化
1.当前图片编辑的模块配色没有使用色板
2.当前图片编辑模块的尺寸没有使用rem导致尺寸在rem分辨率适配下失真
3.界面需要对齐设计稿
1.当前界面需要全屏显示
2.当前界面的ui元素和设计稿不对齐
4.目前一级菜单上的样式未对齐设计稿设计稿规格为:1440*900
—————————————————————-其它内容———————————————————————–
{“chatId”: “c7d286f2-bb5d-40a4-ada2-31be7f371b74”, “jobId”: “d09949ee-1bee-4c9f-aa89-5edaeae865dc”, “messageId”: “ce70671a-0f46-44f0-882d-6b47d812d114”, “de”: {“id”: 3, “name”: “文籽”, “avatar”: “/agent.png”, “position”: “文案专员”}, “content”: {“status”: 2, “thinking”: “”, “text”: “”, “type”: “copywriting”, “tasks”: [], “title”: “阿维塔06短视频脚本”, “body”: “”}, “artifacts”: [{“id”: 1, “name”: “短视频创作”, “description”: “”, “type”: “videoScript”, “scene”: 1, “platform”: 1, “carSeriesName”: “阿维塔06”, “carSeriesId”: 1, “highlight”: [], “topic”: “”, “videoScript”: “”}]}
{“chatId”: “c7d286f2-bb5d-40a4-ada2-31be7f371b74”, “jobId”: “d09949ee-1bee-4c9f-aa89-5edaeae865dc”, “messageId”: “ce70671a-0f46-44f0-882d-6b47d812d114”, “de”: {“id”: 3, “name”: “文籽”, “avatar”: “/agent.png”, “position”: “文案专员”}, “content”: {“status”: 2, “thinking”: “”, “text”: “”, “type”: “copywriting”, “tasks”: [], “title”: “阿维塔06短视频脚本”, “body”: “”}, “artifacts”: [{“id”: 1, “name”: “短视频创作”, “description”: “”, “type”: “videoScript”, “videoScript”: “”}]}