Wx_WxCheck_Prod/openspec/changes/implement-frontend-api/tasks.md

1. API Integration Implementation

• 1.1 Update request.js with proper base URL and interceptors
• 1.2 Implement API calls for conversation list in ConversationList.vue
• 1.3 Implement API calls for user list in UserList.vue
• 1.4 Implement API calls for dashboard statistics in Home.vue
• 1.5 Add proper error handling for all API requests
• 1.6 Implement loading states for all data fetching operations

2. Data Structure Conversion

• 2.1 Design data conversion utility functions for backend responses
• 2.2 Implement conversion for user data (camelCase vs PascalCase)
• 2.3 Implement conversion for conversation data
• 2.4 Ensure consistent data structure across all components
• 2.5 Add type checking for converted data

3. Time-based Sorting Mechanism

• 3.1 Implement unified sorting function for time-based data
• 3.2 Apply sorting to conversation list (newest first)
• 3.3 Apply sorting to user list (by first login time, newest first)
• 3.4 Apply sorting to recent conversations in dashboard
• 3.5 Ensure proper handling of date/time formats from backend

4. Component Updates

• 4.1 Update ConversationList.vue to use real API data
• 4.2 Update UserList.vue to use real API data
• 4.3 Update Home.vue to use real API data
• 4.4 Ensure all components handle empty data states properly
• 4.5 Update loading indicators and error messages

5. Testing and Validation

• 5.1 Test API call functionality with different scenarios
• 5.2 Test data conversion for various response formats
• 5.3 Test sorting mechanism with different datasets
• 5.4 Test error handling for network failures
• 5.5 Test responsive behavior with real data

6. Documentation

• 6.1 Update code comments for new functions
• 6.2 Document API call patterns and conventions
• 6.3 Document data conversion logic
• 6.4 Document sorting mechanism