完成文档列表页面ui，封装部分上传文件的公共组件，封装请求接口

app/styles/pages/documents_index.css

@@ -0,0 +1,77 @@
+/**
+ * 文档列表页面样式
+ */
+
+.documents-page {
+  /* 全局变量已定义在主样式表中，这里不需要重新定义 */
+}
+
+/* 文档列表特有样式 */
+.form-select:focus {
+  border-color: var(--primary-color);
+  box-shadow: 0 0 0 2px rgba(0,104,74, 0.2);
+  outline: none;
+}
+
+/* 状态徽章样式已移动到 status-badge.css */
+
+.file-icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 12px;
+}
+
+.file-name {
+  max-width: 240px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.document-number {
+  font-family: monospace;
+  color: #666;
+}
+
+.filter-container {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: flex-end;
+  gap: 8px;
+  margin-bottom: 16px;
+  overflow-x: auto;
+}
+
+.filter-item {
+  display: flex;
+  flex-direction: column;
+  min-width: auto;
+  flex-shrink: 0;
+}
+
+.filter-label {
+  margin-bottom: 4px;
+  color: #666;
+  white-space: nowrap;
+}
+
+.operations-cell {
+  display: flex;    
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+/* 响应式调整 */
+@media (max-width: 1200px) {
+  .filter-container {
+    flex-wrap: wrap;
+  }
+  
+  .filter-item.ml-auto {
+    margin-left: 0;
+    width: 100%;
+    margin-top: 8px;
+    display: flex;
+    justify-content: flex-end;
+  }
+}