fix: 优化文档16项问题修复

- 问题1/3: 绩效考核/培训记录员工姓名可点击跳转员工详情页
- 问题2: 离职证明模板支持自定义+员工端下载
- 问题4(P0): 修复工资填写后数据归零问题
- 问题5: 社保添加员工参保信息列表
- 问题6(P0): 商业保险支持为员工参保
- 问题7(P0): 员工福利支持为员工添加福利
- 问题8: 规章制度支持导入Word文档
- 问题9: 文本模板下载Word增加HTML格式
- 问题10: 模板下载变量替换修复(排除token参数)
- 问题11(P0): 电子签署发起时员工下拉框有选项
- 问题12: 新增绩效记录添加考评人选项
- 问题13: 违纪记录添加处罚执行细节
- 问题14: 特殊员工列表添加查看详情按钮和姓名链接
- 问题15: 员工福利汇总正确显示参保人员
- 问题16(P0): 证据链验证修复(递归排序key+自动修复历史哈希)

frontend/src/pages/Policies.tsx

@@ -1,8 +1,9 @@
-import { useState } from 'react'
+import { useState, useRef } from 'react'
 import { usePageSize } from '../hooks/usePageSize'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { toast } from 'sonner'
-import { FileText, Plus, ChevronRight, CheckCircle, Clock, X, Bell } from 'lucide-react'
+import { FileText, Plus, ChevronRight, CheckCircle, Clock, X, Bell, Upload } from 'lucide-react'
+import mammoth from 'mammoth'
 import { policiesApi } from '../lib/api-services'
 import Card from '../components/ui/Card'
 import Button from '../components/ui/Button'
@@ -201,6 +202,7 @@ function CreatePolicyModal({ onClose, onSuccess }: { onClose: () => void; onSucc
   const [title, setTitle] = useState('')
   const [content, setContent] = useState('')
   const [type, setType] = useState('RULES')
+  const fileInputRef = useRef<HTMLInputElement>(null)
 
   const createMutation = useMutation({
     mutationFn: () => policiesApi.create({ title, content, type }),
@@ -230,7 +232,32 @@ function CreatePolicyModal({ onClose, onSuccess }: { onClose: () => void; onSucc
             </div>
             <div>
               <label className="text-xs text-gray-600">制度内容</label>
-              <textarea value={content} onChange={e => setContent(e.target.value)} rows={8} className="w-full mt-1 px-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" placeholder="输入制度正文..." />
+              <div className="flex items-center gap-2 mt-1 mb-1">
+                <Button size="sm" variant="secondary" className="!h-7" onClick={() => fileInputRef.current?.click()}>
+                  <Upload className="w-3.5 h-3.5 mr-1" />导入 Word 文档
+                </Button>
+                <input
+                  ref={fileInputRef}
+                  type="file"
+                  accept=".docx"
+                  className="hidden"
+                  onChange={async (e) => {
+                    const file = e.target.files?.[0]
+                    if (!file) return
+                    try {
+                      const arrayBuffer = await file.arrayBuffer()
+                      const result = await mammoth.convertToHtml({ arrayBuffer })
+                      setContent(result.value)
+                      toast.success('文档导入成功')
+                    } catch {
+                      toast.error('文档解析失败，请确保为 .docx 格式')
+                    }
+                    e.target.value = ''
+                  }}
+                />
+                <span className="text-xs text-gray-400">支持 .docx 格式，导入后转为 HTML</span>
+              </div>
+              <textarea value={content} onChange={e => setContent(e.target.value)} rows={8} className="w-full mt-1 px-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" placeholder="输入制度正文或导入 Word 文档..." />
             </div>
             <div className="flex justify-end gap-2">
               <Button variant="secondary" size="sm" onClick={onClose}>取消</Button>