34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
import { MetaFunction } from '@remix-run/node';
|
||
import { Card } from '~/components/ui/Card';
|
||
import { Button } from '~/components/ui/Button';
|
||
|
||
export const meta: MetaFunction = () => {
|
||
return [
|
||
{ title: "文件上传 - 中国烟草AI合同及卷宗审核系统" },
|
||
{ name: "description", content: "上传文件进行智能评查" }
|
||
];
|
||
};
|
||
|
||
export default function FilesNew() {
|
||
return (
|
||
<div className="p-6">
|
||
{/* 页面标识 */}
|
||
<div className="mb-4 p-3 bg-blue-100 border border-blue-300 rounded text-blue-800">
|
||
<h3 className="font-bold text-lg">当前页面: 文件上传 (files/new.tsx)</h3>
|
||
<p>如果你看到这个提示，说明你正在浏览文件上传页面，路由已成功加载。</p>
|
||
<div className="mt-2">
|
||
<a href="/" className="text-blue-600 hover:underline">返回首页</a>
|
||
</div>
|
||
</div>
|
||
|
||
<Card title="文件上传" icon="ri-upload-cloud-line" className="mt-6">
|
||
<div className="flex flex-col items-center justify-center p-6 border-2 border-dashed border-gray-300 rounded-lg bg-gray-50">
|
||
<i className="ri-upload-cloud-line text-5xl text-gray-400 mb-4"></i>
|
||
<p className="text-lg mb-4">拖拽文件到此处或点击上传</p>
|
||
<Button type="primary" icon="ri-upload-line">选择文件</Button>
|
||
<p className="text-gray-500 mt-3">支持 PDF、DOC、DOCX、XLS、XLSX 等格式</p>
|
||
</div>
|
||
</Card>
|
||
</div>
|
||
);
|
||
}
|