改名字

This commit is contained in:
xuncha
2026-03-16 18:23:02 +08:00
parent 7fad75fad0
commit 072c49a037
2 changed files with 149 additions and 9 deletions

View File

@@ -1606,6 +1606,11 @@
background: rgba(30, 30, 30, 0.95);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.member-result-modal {
background: rgba(30, 30, 30, 0.95);
border: 1px solid rgba(255, 255, 255, 0.1);
}
}
// 成员详情弹框
@@ -1822,3 +1827,85 @@
gap: 18px;
}
}
.member-result-modal {
background: rgba(255, 255, 255, 0.97);
border-radius: 20px;
padding: 28px;
width: min(420px, calc(100vw - 32px));
position: relative;
backdrop-filter: blur(20px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
&.success {
border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--border-color));
}
&.error {
border: 1px solid color-mix(in srgb, #ef4444 38%, var(--border-color));
}
.modal-close {
position: absolute;
top: 16px;
right: 16px;
background: var(--bg-tertiary);
border: none;
width: 32px;
height: 32px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-secondary);
transition: all 0.15s;
&:hover {
background: var(--bg-hover);
color: var(--text-primary);
}
}
}
.member-result-modal-body {
padding-right: 40px;
h3 {
margin: 0;
font-size: 20px;
font-weight: 600;
color: var(--text-primary);
}
p {
margin: 10px 0 0;
font-size: 14px;
line-height: 1.6;
color: var(--text-secondary);
word-break: break-word;
}
}
.member-result-modal-actions {
margin-top: 24px;
display: flex;
justify-content: flex-end;
}
.member-result-modal-btn {
min-width: 96px;
border: none;
border-radius: 12px;
background: var(--primary);
color: #fff;
padding: 10px 18px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.2s;
&:hover {
opacity: 0.92;
}
}

View File

@@ -188,6 +188,11 @@ function GroupAnalyticsPage() {
const [selectedMember, setSelectedMember] = useState<GroupMember | null>(null)
const [copiedField, setCopiedField] = useState<string | null>(null)
const [showMemberExportModal, setShowMemberExportModal] = useState(false)
const [exportResultDialog, setExportResultDialog] = useState<{
title: string
message: string
tone: 'success' | 'error'
} | null>(null)
const [showMessageMemberSelect, setShowMessageMemberSelect] = useState(false)
const [showFormatSelect, setShowFormatSelect] = useState(false)
const [showDisplayNameSelect, setShowDisplayNameSelect] = useState(false)
@@ -783,13 +788,25 @@ function GroupAnalyticsPage() {
const result = await window.electronAPI.groupAnalytics.exportGroupMembers(selectedGroup.username, saveResult.filePath)
if (result.success) {
alert(`导出成功,共 ${result.count ?? members.length}`)
setExportResultDialog({
title: '导出成功',
message: `共导出 ${result.count ?? members.length}`,
tone: 'success'
})
} else {
alert(`导出失败:${result.error || '未知错误'}`)
setExportResultDialog({
title: '导出失败',
message: result.error || '未知错误',
tone: 'error'
})
}
} catch (e) {
console.error('导出群成员失败:', e)
alert(`导出失败:${String(e)}`)
setExportResultDialog({
title: '导出失败',
message: String(e),
tone: 'error'
})
} finally {
setIsExportingMembers(false)
}
@@ -864,13 +881,25 @@ function GroupAnalyticsPage() {
)
if (result.success && (result.successCount ?? 0) > 0) {
setShowMemberExportModal(false)
alert(`导出成功:${member.displayName || member.username}`)
setExportResultDialog({
title: '导出成功',
message: `已导出 ${member.displayName || member.username}`,
tone: 'success'
})
} else {
alert(`导出失败:${result.error || '未知错误'}`)
setExportResultDialog({
title: '导出失败',
message: result.error || '未知错误',
tone: 'error'
})
}
} catch (e) {
console.error('导出成员消息失败:', e)
alert(`导出失败:${String(e)}`)
setExportResultDialog({
title: '导出失败',
message: String(e),
tone: 'error'
})
} finally {
setIsExportingMemberMessages(false)
}
@@ -1048,8 +1077,8 @@ function GroupAnalyticsPage() {
</div>
<div className="function-card" onClick={() => handleFunctionSelect('memberMessages')}>
<MessageSquare size={32} />
<span></span>
<small></small>
<span></span>
<small></small>
</div>
<div className="function-card" onClick={() => handleFunctionSelect('ranking')}>
<BarChart3 size={32} />
@@ -1074,7 +1103,7 @@ function GroupAnalyticsPage() {
const getFunctionTitle = () => {
switch (selectedFunction) {
case 'members': return '群成员查看'
case 'memberMessages': return '成员消息查看'
case 'memberMessages': return '成员消息筛选与导出'
case 'ranking': return '群聊发言排行'
case 'activeHours': return '群聊活跃时段'
case 'mediaStats': return '媒体内容统计'
@@ -1513,6 +1542,29 @@ function GroupAnalyticsPage() {
)
}
const renderExportResultDialog = () => {
if (!exportResultDialog) return null
return (
<div className="member-modal-overlay" onClick={() => setExportResultDialog(null)}>
<div className={`member-result-modal ${exportResultDialog.tone}`} onClick={e => e.stopPropagation()}>
<button className="modal-close" onClick={() => setExportResultDialog(null)}>
<X size={20} />
</button>
<div className="member-result-modal-body">
<h3>{exportResultDialog.title}</h3>
<p>{exportResultDialog.message}</p>
</div>
<div className="member-result-modal-actions">
<button type="button" className="member-result-modal-btn" onClick={() => setExportResultDialog(null)}>
</button>
</div>
</div>
</div>
)
}
return (
<div className="group-analytics-shell">
<ChatAnalysisHeader currentMode="group" />
@@ -1525,6 +1577,7 @@ function GroupAnalyticsPage() {
</div>
{renderMemberModal()}
{renderMemberExportModal()}
{renderExportResultDialog()}
</div>
)
}