+ setMenuOpen(m => !m)}
+ className="w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-cyan-400 text-white shadow-lg shadow-blue-200 flex items-center justify-center group"
+ aria-label="反馈"
+ title="提建议 / 我的反馈"
+ >
+
+
+
+ {menuOpen && (
+
+
+
+
+ )}
+
+
+ {/* 点击外面关菜单 */}
+ {menuOpen && (
+ setHistoryOpen(false)} />
{/* Modal */}
@@ -223,12 +322,28 @@ export default function FeedbackFab({ module: moduleProp }: Props = {}) {
ref={taRef}
value={content}
onChange={(e) => setContent(e.target.value)}
+ onPaste={(e) => {
+ const items = e.clipboardData?.items;
+ if (!items) return;
+ const imgs: File[] = [];
+ for (let i = 0; i < items.length; i++) {
+ const it = items[i];
+ if (it.kind === 'file' && it.type.startsWith('image/')) {
+ const f = it.getAsFile();
+ if (f) imgs.push(f);
+ }
+ }
+ if (imgs.length > 0) {
+ e.preventDefault();
+ addFiles(imgs);
+ }
+ }}
autoFocus
rows={5}
maxLength={1000}
placeholder={
type === 'dimension' ? '比如：希望按客户/区域/日期范围 等等切片看里程数据…'
- : type === 'bug' ? '比如：氢能页面 04-28 嘉燃经开站显示 153.81，但…'
+ : type === 'bug' ? '比如：氢能页面 04-28 嘉燃经开站显示 153.81，但…（可粘贴截图）'
: type === 'ux' ? '比如：能不能把外部 tab 默认收起，加载快一点…'
: '随便聊聊你的想法'
}
@@ -236,6 +351,46 @@ export default function FeedbackFab({ module: moduleProp }: Props = {}) {
/>
+
+ {/* 截图上传 */}
+ setMenuOpen(false)}
+ />
+ )}
+
+
+ {content.length} / 1000
+
+
+
+ { if (e.target.files) addFiles(e.target.files); e.target.value = ''; }}
+ />
+ 截图（可选）
+ {shots.length}/{MAX_SCREENSHOTS}，可粘贴 +
+ {shots.map((s, i) => (
+
+
+ 
+
+
+ ))}
+ {shots.length < MAX_SCREENSHOTS && (
+
+ )}
+ 所在板块
@@ -250,6 +405,8 @@ export default function FeedbackFab({ module: moduleProp }: Props = {}) {
))}
{error}
}
)}
diff --git a/src/components/FeedbackHistoryDrawer.tsx b/src/components/FeedbackHistoryDrawer.tsx
new file mode 100644
index 0000000..a7a1de3
--- /dev/null
+++ b/src/components/FeedbackHistoryDrawer.tsx
@@ -0,0 +1,163 @@
+import { useEffect, useState } from 'react';
+import { motion, AnimatePresence } from 'motion/react';
+import { X, MailOpen, Loader2, ArrowLeft } from 'lucide-react';
+import { fetchJson } from '../auth/api-client';
+
+interface FeedbackItem {
+ id: number;
+ type: 'dimension' | 'bug' | 'ux' | 'other';
+ module: string | null;
+ content: string;
+ contact: string | null;
+ screenshots: string[] | string | null;
+ status: 'open' | 'in_progress' | 'done' | 'rejected';
+ reply_content: string | null;
+ reply_user: string | null;
+ reply_at: string | null;
+ created_at: string;
+}
+
+const TYPE_LABEL: Record
+
+
+
+ {onBack && (
+
+ )}
+
+
+
+
+
+
+
+ 我的反馈
+ 查看进展与回复
+
+ {error ? (
+
+ {error}
+ ) : items === null ? (
+
+
+ ) : items.length === 0 ? (
+ 还没有提过反馈
+ ) : (
+
+ {items.map(it => {
+ const shots = parseScreenshots(it.screenshots);
+ return (
+
+ )}
+
+
+ );
+ })}
+
+ {TYPE_LABEL[it.type] || it.type}
+
+ {STATUS_LABEL[it.status]}
+
+
+ {(it.created_at || '').replace('T', ' ').slice(0, 16)}
+
+
+
+ {it.content}
+
+ {shots.length > 0 && (
+
+ {shots.map((url, i) => (
+
+ 
+
+ ))}
+
+ )}
+ {it.reply_content && (
+
+
+ )}
+
+ {it.reply_user || '产品同学'} 回复
+ {it.reply_at && {(it.reply_at || '').replace('T', ' ').slice(0, 16)}}
+
+
+ {it.reply_content}
+
+
+
+ {active && (
+ setActive(null)}
+ >
+ e.stopPropagation()}
+ >
+
+
+
+
+ {/* 状态过滤 */}
+
+ {hint && (
+
+
+ )}
+
+
+ {/* 列表 */}
+
+
+ {/* 详情 / 回复弹窗 */}
+
+
+
+
+
+
+
+ 用户反馈管理
+查看、回复、跟进用户提交的建议
+
+
+ {STATUS_OPTIONS.map(o => (
+
+ ))}
+
+
+ {error && (
+
+
+ )}
+
+ {loading && items.length === 0 ? (
+
+ 加载中…
+ ) : items.length === 0 ? (
+ 还没有反馈
+ ) : items.map(it => {
+ const shots = parseScreenshots(it.screenshots);
+ const statusOpt = STATUS_OPTIONS.find(o => o.key === it.status);
+ return (
+ open(it)}
+ >
+
+ );
+ })}
+
+ {TYPE_LABEL[it.type] || it.type}
+ {it.module && {MODULE_LABELS[it.module] || it.module}}
+
+ {statusOpt?.label || it.status}
+
+
+ {(it.user_name || it.user_id || '匿名')} · {(it.created_at || '').replace('T', ' ').slice(0, 16)}
+
+
+ {it.content}
+ {(shots.length > 0 || it.contact) && (
+
+ {shots.length > 0 &&
+ )}
+ {it.reply_content && (
+
+ 回复: {it.reply_content}
+
+ )}
+ {it.status === 'open' && (
+ e.stopPropagation()}>
+
+
+
+ )}
+
+
+
+
+
+
+
+
+ 反馈详情 #{active.id}
+
+ {active.user_name || active.user_id || '匿名'} · {(active.created_at || '').replace('T', ' ').slice(0, 16)}
+
+
+
+
+
+
+ {TYPE_LABEL[active.type] || active.type}
+ {active.module && 板块: {MODULE_LABELS[active.module] || active.module}}
+ {active.contact && 联系: {active.contact}}
+
+ {active.content}
+ {parseScreenshots(active.screenshots).length > 0 && (
+
+ {parseScreenshots(active.screenshots).map((u, i) => (
+
+ 
+
+ ))}
+
+ )}
+
+
+
+ 状态
+
+ {STATUS_OPTIONS.map(o => (
+
+ ))}
+
+
+
回复内容
+