feat: 社保AI建议、合同附件多文件上传预览、删除合同、扩展上传格式

frontend/src/pages/Roster.tsx

@@ -13,6 +13,7 @@ import Pagination from '../components/ui/Pagination'
 import { fmt, terminateReasonMap, DetailTab, TAB_GROUPS, TAB_COUNT_KEYS } from './roster/shared'
 import EmployeeProfile from './roster/EmployeeProfile'
 import { AddEmployeeModal, ResignModal, RehireModal, SalaryChangeModal, DeptChangeModal } from './roster/modals'
+import { ImportSettings } from './Settings'
 
 export default function Roster() {
   const queryClient = useQueryClient()
@@ -21,6 +22,7 @@ export default function Roster() {
   const [search, setSearch] = useState('')
   const debouncedSearch = useDebouncedValue(search, 300)
   const [showAddModal, setShowAddModal] = useState(false)
+  const [showImportModal, setShowImportModal] = useState(false)
   const [showResignModal, setShowResignModal] = useState(false)
   const [resignEmployee, setResignEmployee] = useState<any>(null)
   const [showRehireModal, setShowRehireModal] = useState(false)
@@ -263,7 +265,7 @@ export default function Roster() {
           <Button onClick={() => setShowAddModal(true)} className="h-9 shrink-0">
             <Plus className="mr-1.5 h-4 w-4" />添加员工
           </Button>
-          <Button variant="secondary" onClick={() => window.location.hash = '#/settings'} className="h-9 shrink-0">
+          <Button variant="secondary" onClick={() => setShowImportModal(true)} className="h-9 shrink-0">
             <Upload className="mr-1.5 h-4 w-4" />批量导入
           </Button>
         </div>
@@ -536,6 +538,12 @@ export default function Roster() {
         />
       )}
 
+      {showImportModal && (
+        <Modal open={showImportModal} onClose={() => setShowImportModal(false)} title="批量导入" size="lg">
+          <ImportSettings />
+        </Modal>
+      )}
+
       {showResignModal && resignEmployee && (
         <ResignModal
           employee={resignEmployee}