完成评查点分组列表和评查点列表的页面，封装部分组件，重新构造样式文件结构

2025-03-26 18:39:42 +08:00
parent 97ccf5a077
commit d9b9ce4676
34 changed files with 3281 additions and 3777 deletions
@@ -0,0 +1,34 @@
+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>
+  );
+}