{/* 进度填充背景 */}
{isProcessing && percent > 0 && (
-
+
)}
-
{isProcessing ? : null}
{config.text}
@@ -81,91 +73,219 @@ const IntegratedStatusTag: React.FC<{ meeting: MeetingVO }> = ({ meeting }) => {
);
};
-// 新增：提取进度信息 Hook 供卡片内部使用
-const useMeetingProgress = (meeting: MeetingVO) => {
- const [progress, setProgress] = useState(null);
+// --- 发起会议表单组件 (左侧高度占满版) ---
+const MeetingCreateForm: React.FC<{
+ form: any,
+ audioUrl: string,
+ setAudioUrl: (url: string) => void,
+ uploadProgress: number,
+ setUploadProgress: (p: number) => void,
+ fileList: any[],
+ setFileList: (list: any[]) => void
+}> = ({ form, audioUrl, setAudioUrl, uploadProgress, setUploadProgress, fileList, setFileList }) => {
+ const [asrModels, setAsrModels] = useState([]);
+ const [llmModels, setLlmModels] = useState([]);
+ const [prompts, setPrompts] = useState([]);
+ const [hotwordList, setHotwordList] = useState([]);
+ const [userList, setUserList] = useState([]);
+ const watchedPromptId = Form.useWatch('promptId', form);
useEffect(() => {
- if (meeting.status !== 1 && meeting.status !== 2) return;
- const fetchProgress = async () => {
- try {
- const res = await getMeetingProgress(meeting.id);
- if (res.data && res.data.data) setProgress(res.data.data);
- } catch (err) {}
- };
- fetchProgress();
- const timer = setInterval(fetchProgress, 3000);
- return () => clearInterval(timer);
- }, [meeting.id, meeting.status]);
+ loadInitialData();
+ }, []);
- return progress;
+ const loadInitialData = async () => {
+ try {
+ const [asrRes, llmRes, promptRes, hotwordRes, users] = await Promise.all([
+ getAiModelPage({ current: 1, size: 100, type: 'ASR' }),
+ getAiModelPage({ current: 1, size: 100, type: 'LLM' }),
+ getPromptPage({ current: 1, size: 100 }),
+ getHotWordPage({ current: 1, size: 1000 }),
+ listUsers()
+ ]);
+ setAsrModels(asrRes.data.data.records.filter(m => m.status === 1));
+ setLlmModels(llmRes.data.data.records.filter(m => m.status === 1));
+ const activePrompts = promptRes.data.data.records.filter(p => p.status === 1);
+ setPrompts(activePrompts);
+ setHotwordList(hotwordRes.data.data.records.filter(h => h.status === 1));
+ setUserList(users || []);
+ const defaultAsr = await getAiModelDefault('ASR');
+ const defaultLlm = await getAiModelDefault('LLM');
+ form.setFieldsValue({
+ asrModelId: defaultAsr.data.data?.id,
+ summaryModelId: defaultLlm.data.data?.id,
+ promptId: activePrompts.length > 0 ? activePrompts[0].id : undefined,
+ meetingTime: dayjs(),
+ useSpkId: 1
+ });
+ } catch (err) {}
+ };
+
+ const customUpload = async (options: any) => {
+ const { file, onSuccess: uploadSuccess, onError } = options;
+ setUploadProgress(0);
+ try {
+ const interval = setInterval(() => setUploadProgress(prev => (prev < 95 ? prev + 5 : prev)), 300);
+ const res = await uploadAudio(file);
+ clearInterval(interval);
+ setUploadProgress(100);
+ setAudioUrl(res.data.data);
+ uploadSuccess(res.data.data);
+ message.success('录音上传成功');
+ } catch (err) {
+ onError(err);
+ message.error('文件上传失败');
+ }
+ };
+
+ return (
+ } valuePropName="checked" getValueProps={(v) => ({ checked: v === 1 })} normalize={(v) => (v ? 1 : 0)} style={{ marginBottom: 20 }}>
+
+
+
+
+
+ 智能分析链路：转录固化 + AI 总结 + 说话人分离。
+
+
+
+
+ );
};
-const MeetingCardItem: React.FC<{ item: MeetingVO, config: any, fetchData: () => void }> = ({ item, config, fetchData }) => {
+// --- 卡片项组件 ---
+const MeetingCardItem: React.FC<{ item: MeetingVO, config: any, fetchData: () => void, t: any }> = ({ item, config, fetchData, t }) => {
const navigate = useNavigate();
- const progress = useMeetingProgress(item);
+ // 注入自动刷新回调
+ const progress = useMeetingProgress(item, () => fetchData());
const isProcessing = item.status === 1 || item.status === 2;
return (
- navigate(`/meetings/${item.id}`)}
- className="meeting-card"
- style={{
- borderRadius: 16,
- border: 'none',
- height: '220px',
- position: 'relative',
- boxShadow: '0 6px 16px rgba(0,0,0,0.04)',
- transition: 'all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)'
- }}
- bodyStyle={{ padding: 0, display: 'flex', height: '100%' }}
- >
- {/* 左侧状态装饰条 - 增加分析中的呼吸灯效果 */}
-
-
+ navigate(`/meetings/${item.id}`)} className="meeting-card" style={{ borderRadius: 16, border: 'none', height: '220px', position: 'relative', boxShadow: '0 6px 16px rgba(0,0,0,0.04)', transition: 'all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)' }} bodyStyle={{ padding: 0, display: 'flex', height: '100%' }}>
+
-
- {/* 右上角醒目图标 */}
e.stopPropagation()}>
-
- navigate(`/meetings/${item.id}`)}>
-
-
-
- deleteMeeting(item.id).then(fetchData)}>
-
-
-
-
-
+ navigate(`/meetings/${item.id}`)}>
+ deleteMeeting(item.id).then(fetchData)}
+ okText={t('common.confirm')}
+ cancelText={t('common.cancel')}
+ >
+
- {/* 内容排版 */}
-
+
-
-
-
- {item.title}
-
-
-
+
{item.title}
-
-
- {dayjs(item.meetingTime).format('YYYY-MM-DD HH:mm')}
-
-
+ {dayjs(item.meetingTime).format('YYYY-MM-DD HH:mm')}
{isProcessing ? (
display: 'flex',
alignItems: 'center',
background: item.status === 1 ? '#e6f7ff' : '#fff7e6',
- padding: '4px 8px',
- borderRadius: 4,
- marginTop: 2
+ padding: '6px 12px', // 增加内边距，更聚拢
+ borderRadius: 6,
+ marginTop: 4,
+ width: 'calc(100% - 12px)', // 留出右侧与卡片边缘的距离
+ overflow: 'hidden',
+ boxSizing: 'border-box'
}}>
-
-
+
+
{progress?.message || '等待引擎调度...'}
) : (
-
-
- {item.participants || '无参与人员'}
-
+
+ {item.participants || '无参与人员'}
)}
-
- {/* 底部详情提示 */}
-
- {item.tags?.split(',').slice(0, 2).map(t => (
- {t}
- ))}
-
+
{item.tags?.split(',').slice(0, 2).map(t => (
+ {t}
+ ))}
+
-
- {/* 固定头部 - 极简白卡 */}
-
-
-
- 会议中心
-
-
+ 会议中心
{ setViewType(e.target.value); setCurrent(1); }} buttonStyle="solid">
- 全部
- 我发起
- 我参与
+ 全部我发起我参与
- }
- allowClear
- onPressEnter={(e) => { setSearchTitle((e.target as any).value); setCurrent(1); }}
- style={{ width: 220, borderRadius: 8 }}
- />
- }
- onClick={() => navigate('/meeting-create')}
- style={{ borderRadius: 8, height: 36, fontWeight: 500 }}
- >
- 新会议
-
+ } allowClear onPressEnter={(e) => { setSearchTitle((e.target as any).value); setCurrent(1); }} style={{ width: 220, borderRadius: 8 }} />
+ } onClick={() => {
+ form.resetFields();
+ setAudioUrl('');
+ setUploadProgress(0);
+ setFileList([]);
+ setCreateDrawerVisible(true);
+ }} style={{ borderRadius: 8, height: 36, fontWeight: 500 }}>新会议
- {/* 列表区 */}
- {
- const config = statusConfig[item.status] || statusConfig[0];
- return ;
- }}
- locale={{ emptyText: }}
- />
+ {
+ const config = statusConfig[item.status] || statusConfig[0];
+ return ;
+ }} locale={{ emptyText: }} />
- {/* 分页 */}
{total > 0 && (
-
{ setCurrent(p); setSize(s); }}
- showTotal={(total) => 为您找到 {total} 场会议}
- size="small"
- />
+ { setCurrent(p); setSize(s); }} showTotal={(total) => 为您找到 {total} 场会议} size="small" />
)}
+
+
发起新会议分析 }
+ width="clamp(800px, 85vw, 1100px)"
+ onClose={() => setCreateDrawerVisible(false)}
+ open={createDrawerVisible}
+ destroyOnClose
+ styles={{ body: { backgroundColor: '#f4f7f9', padding: '24px 32px' } }}
+ footer={
+
+
+
+ } loading={submitLoading} onClick={handleCreateSubmit} style={{ borderRadius: 8, minWidth: 160, fontWeight: 600, boxShadow: '0 4px 12px rgba(24, 144, 255, 0.3)' }}>
+ 开始分析
+
+
+
+ }
+ >
+
+
+
@@ -253,7 +263,12 @@ const PromptTemplates: React.FC = () => {
handleOpenDrawer(item, true)} />
{canEdit && (
- deletePromptTemplate(item.id).then(fetchData)}>
+ deletePromptTemplate(item.id).then(fetchData)}
+ okText={t('common.confirm')}
+ cancelText={t('common.cancel')}
+ >
@@ -296,17 +311,34 @@ const PromptTemplates: React.FC = () => {
{Object.keys(groupedData).length === 0 ? (
) : (
- Object.keys(groupedData).map(catKey => {
- const catLabel = categories.find(c => c.itemValue === catKey)?.itemLabel || catKey;
- return (
-
-
{catLabel}
-
- {groupedData[catKey].map(renderCard)}
+ <>
+ {Object.keys(groupedData).map(catKey => {
+ const catLabel = categories.find(c => c.itemValue === catKey)?.itemLabel || catKey;
+ return (
+
+
{catLabel}
+
+ {groupedData[catKey].map(renderCard)}
+
-
- );
- })
+ );
+ })}
+
+
+
{
+ setCurrent(page);
+ setPageSize(size);
+ }}
+ showTotal={(total) => `共 ${total} 条模板`}
+ />
+
+
)}