优化登录逻辑的实现,将认证请求和token验证的处理分成两个逻辑文件。新增交叉评查任务列表的页面(尚未对接真实数据)。

This commit is contained in:
2025-07-16 14:32:20 +08:00
parent d876d66dcb
commit 328f326db3
13 changed files with 1729 additions and 131 deletions
+178
View File
@@ -0,0 +1,178 @@
/* 交叉评查页面样式 */
.cross-checking-page {
@apply p-1;
}
/* 页面头部样式 */
.cross-checking-page .page-header {
@apply flex justify-between items-center mb-6;
}
.cross-checking-page .page-title {
@apply text-2xl font-semibold text-gray-900;
}
.cross-checking-page .page-stats {
@apply flex items-center space-x-4 ml-4;
}
.cross-checking-page .stat-item {
@apply bg-white px-4 py-2 rounded-lg shadow-sm border border-gray-200;
}
.cross-checking-page .stat-icon {
@apply text-green-600 mr-2;
}
.cross-checking-page .stat-value {
@apply font-semibold text-gray-900;
}
/* 筛选面板样式 */
.cross-checking-page .filter-panel {
@apply bg-white rounded-lg shadow-sm border border-gray-200 mb-6;
}
/* 表格样式 */
.cross-checking-page .task-table {
@apply bg-white rounded-lg shadow-sm;
}
.cross-checking-page .task-table .ant-table {
@apply border-0;
}
.cross-checking-page .task-table thead th {
@apply bg-gray-50 font-medium text-gray-700 py-3 px-4 border-b border-gray-200;
}
.cross-checking-page .task-table tbody td {
@apply py-3 px-4 border-b border-gray-100;
}
.cross-checking-page .task-table tbody tr:hover {
@apply bg-gray-50;
}
/* 任务名称样式 */
.cross-checking-page .task-name {
@apply font-medium text-gray-900 hover:text-green-600 cursor-pointer;
}
/* 状态标签样式 */
.cross-checking-page .status-tag {
@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}
.cross-checking-page .status-tag.pending {
@apply bg-yellow-100 text-yellow-800;
}
.cross-checking-page .status-tag.in-progress {
@apply bg-blue-100 text-blue-800;
}
.cross-checking-page .status-tag.completed {
@apply bg-green-100 text-green-800;
}
/* 类型标签样式 */
.cross-checking-page .type-tag {
@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}
.cross-checking-page .type-tag.city {
@apply bg-blue-100 text-blue-800;
}
.cross-checking-page .type-tag.county {
@apply bg-purple-100 text-purple-800;
}
/* 操作按钮样式 */
.cross-checking-page .operation-btn {
@apply inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200;
}
.cross-checking-page .operation-btn.primary {
@apply bg-green-600 text-white hover:bg-green-700;
}
.cross-checking-page .operation-btn.secondary {
@apply bg-gray-100 text-gray-700 hover:bg-gray-200;
}
.cross-checking-page .operation-btn i {
@apply mr-1.5;
}
/* 分页样式 */
.cross-checking-page .pagination-wrapper {
@apply bg-white rounded-lg shadow-sm mt-4;
}
/* 进度条样式 */
.cross-checking-page .progress-bar {
@apply w-full bg-gray-200 rounded-full h-2;
}
.cross-checking-page .progress-bar-fill {
@apply h-2 rounded-full transition-all duration-300;
}
.cross-checking-page .progress-bar-fill.low {
@apply bg-red-500;
}
.cross-checking-page .progress-bar-fill.medium {
@apply bg-yellow-500;
}
.cross-checking-page .progress-bar-fill.high {
@apply bg-green-500;
}
/* 响应式样式 */
@media (max-width: 768px) {
.cross-checking-page {
@apply p-4;
}
.cross-checking-page .page-header {
@apply flex-col items-start space-y-4;
}
.cross-checking-page .page-stats {
@apply grid grid-cols-2 gap-2 w-full;
}
}
/* 筛选面板特定样式 */
.cross-checking-page .filter-panel .filter-list {
@apply flex flex-wrap items-end gap-5;
}
.cross-checking-page .filter-panel .filter-item {
@apply flex flex-col;
}
.cross-checking-page .filter-panel .filter-label {
@apply text-sm font-medium text-gray-700 mb-1;
}
.cross-checking-page .filter-panel .filter-control {
@apply min-w-0;
}
.cross-checking-page .filter-panel .filter-actions {
@apply flex items-center space-x-2 ml-auto;
}
/* 加载状态样式 */
.cross-checking-page .loading-overlay {
@apply absolute inset-0 bg-white bg-opacity-70 flex items-center justify-center z-10;
}
.cross-checking-page .loading-spinner {
@apply w-8 h-8 border-4 border-green-600 border-t-transparent rounded-full animate-spin;
}