廖力工作日志 2026-01-21 09:01:15 星期三
上周主线: 本来应该完成：1.完成脚本编辑界面的所有数据绑定的工作。2.完成中间文件管理的数据绑定工作。但由于一直在等接口所以实际上在做一些体验优化工作
本周主线： 完成工具2.0“生成创意”的搭建
##今天的任务:
1.完成上传图片的功能
需要的storeAction:
1.chatBoxStates.uploadFileStates.fileListArr 增加一个文件
2.chatBoxStates.uploadFileStates.fileListArr 根据id删除一个文件
4.chatBoxStates.uploadFileStates.fileListArr 根据id修改一个文件除了id以外的其它属性
5.更新chatBoxStates.uploadFileStates.isUploadingFile 状态
6.更新chatBoxStates.uploadFileStates.uploadFileStatus 状态
7.更新chatBoxStates.uploadFileStates.acceptableFileTypes 当前可接受的文件
完成store的action更新 -- 2026-01-21 16:58:05 星期三
完成图片批量上传的功能和进度更新 -- 2026-01-21 16:58:07 星期三
完成图片列表渲染 -- 2026-01-21 16:58:10 星期三
完成渲染优化 -- 2026-01-21 16:58:11 星期三2.前端做一个静态的模型配置
已经完成，并匹配各种选项和状态 --2026-01-21 09:50:28 星期三3.完成流式聊天接口的适配
1.先完成发送流式聊天的ajax请求可以进行消息发送和返回值打印，不对接文件和其它选项
接口已通，目前可以使用 千问3 max -- 2026-01-21 10:53:37 星期三
2.分析并完善返回值的类型
完成返回值类型的补全，de （也就是系统角色 目前暂时写死） -- 2026-01-21 11:05:03 星期三
3.改善聊天流ui的适配
已经在适配好接口的情况下，可以正常获得聊天并储存和显示在聊天流上 -- 2026-01-21 11:53:27 星期三
4.完善聊天流的交互体验
等待接口继续提供更多功能
4.适配联网搜索和深度思考
等待接口提供更多功能已经对接了昨天了api/chat接口
目前可以:
1.使用千问模型正确请求到接口
2.可以从接口中获得返回消息
目前存在的问题:
- de(也就是系统角色为空)目前我在ui这边de为空就先默认显示为千问
2.我没有在文档里找到stream的选项，目前看起来像是同步请求，现象就是它会在消息完成后,把所有chunk一次都给我
目前我这边ui体验也还没有完善
还未完善各种选项和文件上传。到时候会根据你的接口慢慢完善。
我已经提交了一版到dev2.0上你也可以看一下
已经完成了文件上传的业务逻辑
目前的情况是已经将上传的文件和“是否搜索”以及“是否思考”两个参数都对接进了api/chat了:
{“chatId”:”609fc526-579f-4c8d-b931-3f100a5c9c19”,”deId”:0,”jobType”:0,”jobId”:””,”message”:”这是一个美女,你看看”,”extra”:{“model”:”qwen3-max”,”enable_thinking”:true,”enable_search”:true},”attachments”:[{“url”:”https://media.tokenleap.cn/image-inputs/2026/0121/c644a9e0-f6a9-11f0-8be5-03d649e02399.png","type":"image"}]}
为方便调试已经提交dev2.0
目前接口返回500 等待你进一步更新
##明天的任务:
1.完善聊天的交互体验
1.1 控制好发送按钮的状态 - 正在发送 - 正在上传图片
1.2 控制好文本框的可输入状态 - 正在发送 - 正在响应消息
1.3 将已经上传的图片/文件 在发送时推送到发送消息接口里去
1.4 将发送出去的图片/视频在聊天流离能显示出来
1.5 做一个图片/视频预览组件
1.6 实现拖拽上传
1.7 实现ChatTextArea组件黏贴上传
1.8 修复删除当前聊天后仍然停留在当前聊天界面的问题
1.9 chatstream container在每次最后一条内容更新的时候都会引发滚动条重新定位，要把它改成用户刚发消息 –> 定位 。回复完成 –> 定位就行了 不用每次都定位.
长期任务:
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”: “”}]}