+
+
+
+
+
+
+
diff --git a/src/api/maps.js b/src/api/maps.js
new file mode 100644
index 0000000..f4cb6ab
--- /dev/null
+++ b/src/api/maps.js
@@ -0,0 +1,65 @@
+import axios from 'axios'
+
+const API_BASE_URL = 'https://ra3.z31.xyz/v1'
+
+// 获取地图列表
+export const getMaps = async (params = {}) => {
+ try {
+ const response = await axios.get(`${API_BASE_URL}/maps/`, {
+ params: {
+ p: params.page || 1,
+ search: params.search || '',
+ player_count: params.player_count || '',
+ tags: params.tags || '',
+ ordering: params.ordering || '-download_count'
+ }
+ })
+ return response.data
+ } catch (error) {
+ console.error('获取地图列表失败:', error)
+ throw error
+ }
+}
+
+// 获取每周推荐地图
+export const getWeeklyTopMaps = async () => {
+ try {
+ const response = await axios.get('https://ra3.z31.xyz/v1/maps/', {
+ params: {
+ ordering: '-download_count',
+ format: 'json',
+ p: 1
+ }
+ })
+ return response.data.results.slice(0, 10)
+ } catch (error) {
+ console.error('获取每周推荐地图失败:', error)
+ throw error
+ }
+}
+
+// 获取地图详情
+export const getMapDetail = async (id) => {
+ try {
+ const response = await axios.get(`${API_BASE_URL}/maps/${id}/`)
+ return response.data
+ } catch (error) {
+ console.error('获取地图详情失败:', error)
+ throw error
+ }
+}
+
+// 获取所有标签
+export const getAllTags = async () => {
+ try {
+ const response = await axios.get(`${API_BASE_URL}/maps/`)
+ const tags = new Set()
+ response.data.results.forEach(map => {
+ map.tags.forEach(tag => tags.add(tag))
+ })
+ return Array.from(tags)
+ } catch (error) {
+ console.error('获取标签列表失败:', error)
+ throw error
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/Maps.css b/src/assets/styles/Maps.css
new file mode 100644
index 0000000..d80a3c0
--- /dev/null
+++ b/src/assets/styles/Maps.css
@@ -0,0 +1,176 @@
+.maps {
+ padding: 20px;
+}
+
+.search-box {
+ display: flex;
+ align-items: center;
+}
+
+.search-box input {
+ padding: 6px 12px;
+ border: 1px solid #e0e0e0;
+ border-radius: 6px;
+ font-size: 14px;
+ width: 200px;
+ transition: all 0.3s ease;
+}
+
+.search-box input:focus {
+ outline: none;
+ border-color: #1a237e;
+ box-shadow: 0 0 0 2px rgba(26, 35, 126, 0.1);
+}
+
+.filters {
+ display: flex;
+ gap: 16px;
+ margin-bottom: 20px;
+ align-items: center;
+}
+
+.filter-select {
+ padding: 6px 12px;
+ border: 1px solid #e0e0e0;
+ border-radius: 6px;
+ font-size: 14px;
+ background: #fff;
+ min-width: 100px;
+}
+
+/* 分页样式 */
+.pagination {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 16px;
+ margin-top: 20px;
+ flex-wrap: wrap;
+ padding: 20px 0;
+}
+
+.page-numbers {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.page-btn,
+.page-number {
+ padding: 8px 16px;
+ border: 1px solid #e0e0e0;
+ border-radius: 6px;
+ background: white;
+ color: #1a237e;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ font-size: 14px;
+ min-width: 40px;
+ text-align: center;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.page-btn:hover:not(:disabled),
+.page-number:hover:not(.active) {
+ background: #f5f7fa;
+ border-color: #1a237e;
+}
+
+.page-btn:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.page-number.active {
+ background: #1a237e;
+ color: white;
+ border-color: #1a237e;
+}
+
+.page-ellipsis {
+ color: #666;
+ padding: 0 8px;
+ display: inline-flex;
+ align-items: center;
+}
+
+.page-jump {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: #666;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.page-jump input {
+ width: 50px;
+ padding: 4px 8px;
+ border: 1px solid #e0e0e0;
+ border-radius: 4px;
+ text-align: center;
+ font-size: 14px;
+}
+
+.page-jump input:focus {
+ outline: none;
+ border-color: #1a237e;
+ box-shadow: 0 0 0 2px rgba(26, 35, 126, 0.1);
+}
+
+.jump-btn {
+ padding: 4px 12px;
+ border: 1px solid #1a237e;
+ border-radius: 4px;
+ background: #1a237e;
+ color: white;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ font-size: 14px;
+}
+
+.jump-btn:hover:not(:disabled) {
+ background: #283593;
+ border-color: #283593;
+}
+
+.jump-btn:disabled {
+ background: #e0e0e0;
+ border-color: #e0e0e0;
+ color: #999;
+ cursor: not-allowed;
+}
+
+@media (max-width: 768px) {
+ .search-box input {
+ width: 100%;
+ }
+
+ .pagination {
+ gap: 12px;
+ }
+
+ .page-btn,
+ .page-number {
+ padding: 6px 12px;
+ font-size: 13px;
+ }
+
+ .page-jump {
+ font-size: 13px;
+ }
+
+ .page-jump input {
+ width: 40px;
+ padding: 3px 6px;
+ }
+
+ .jump-btn {
+ padding: 3px 10px;
+ font-size: 13px;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/WeeklyRecommend.css b/src/assets/styles/WeeklyRecommend.css
new file mode 100644
index 0000000..eedf9b2
--- /dev/null
+++ b/src/assets/styles/WeeklyRecommend.css
@@ -0,0 +1,13 @@
+.weekly-recommend {
+ padding: 20px;
+}
+
+.header-subtitle {
+ color: #666;
+ font-size: 0.9rem;
+}
+
+.map-name {
+ font-weight: 500;
+ color: #1a237e;
+}
\ No newline at end of file
diff --git a/src/assets/styles/common.css b/src/assets/styles/common.css
new file mode 100644
index 0000000..c82a000
--- /dev/null
+++ b/src/assets/styles/common.css
@@ -0,0 +1,84 @@
+/* 表格通用样式 */
+.table-container {
+ background: white;
+ border-radius: 12px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+}
+
+.maps-table {
+ width: 100%;
+ border-collapse: collapse;
+ min-width: 1000px;
+}
+
+.maps-table th,
+.maps-table td {
+ padding: 16px;
+ text-align: left;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.maps-table th {
+ background-color: #f8f9fa;
+ font-weight: 600;
+ color: #1a237e;
+ white-space: nowrap;
+}
+
+.table-row {
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.table-row:hover {
+ background-color: #f8f9fa;
+}
+
+/* 预览图样式 */
+.preview-cell {
+ width: 100px;
+}
+
+.preview-cell img {
+ width: 80px;
+ height: 80px;
+ object-fit: cover;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+/* 标签样式 */
+.tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+}
+
+.tag {
+ background: #e8eaf6;
+ color: #1a237e;
+ padding: 4px 8px;
+ border-radius: 12px;
+ font-size: 12px;
+ font-weight: 500;
+}
+
+/* 页面标题样式 */
+.page-header {
+ margin-bottom: 30px;
+}
+
+.page-header h1 {
+ font-size: 1.8rem;
+ color: #1a237e;
+ margin: 0 0 8px 0;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+ .table-container {
+ margin: 0 -20px;
+ border-radius: 0;
+ }
+}
\ No newline at end of file
diff --git a/src/components/FileUploader.vue b/src/components/FileUploader.vue
new file mode 100644
index 0000000..2478c62
--- /dev/null
+++ b/src/components/FileUploader.vue
@@ -0,0 +1,52 @@
+
+
+
+
+ +
+
+
+
+
\ No newline at end of file
diff --git a/src/components/MatchResultTable.vue b/src/components/MatchResultTable.vue
new file mode 100644
index 0000000..75897f4
--- /dev/null
+++ b/src/components/MatchResultTable.vue
@@ -0,0 +1,26 @@
+
+ + +
| GameObject id | +匹配到的 WeaponTemplate | +
|---|---|
| {{ result.goId }} | +{{ result.templates.length > 0 ? result.templates.join(', ') : 'None' }} | +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Maps.vue b/src/views/Maps.vue
new file mode 100644
index 0000000..fb641c0
--- /dev/null
+++ b/src/views/Maps.vue
@@ -0,0 +1,257 @@
+
+
+
+
+ {{ map.chinese_name }}
+ +
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ 基本信息
+下载次数: {{ map.download_count }}
+收藏次数: {{ map.favourite_count }}
+玩家数量: {{ map.player_count }}
+创建时间: {{ formatDate(map.create_time) }}
+
+ 下载地图
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/WeaponMatch.vue b/src/views/WeaponMatch.vue
new file mode 100644
index 0000000..785109c
--- /dev/null
+++ b/src/views/WeaponMatch.vue
@@ -0,0 +1,1170 @@
+
+
+
+ 热门下载地图
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | 预览图 | +地图名称 | +作者 | +下载次数 | +收藏次数 | +玩家数量 | +创建时间 | +标签 | +
|---|---|---|---|---|---|---|---|
|
+ |
+ {{ map.chinese_name }} | +{{ map.user }} | +{{ map.download_count }} | +{{ map.favourite_count }} | +{{ map.player_count }} | +{{ formatDate(map.create_time) }} | ++ + | +
+
+
+
+
+
+
+ {{ page }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/WeeklyRecommend.vue b/src/views/WeeklyRecommend.vue
new file mode 100644
index 0000000..588705e
--- /dev/null
+++ b/src/views/WeeklyRecommend.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+
+ WeaponTemplate 匹配到单位 GameObject
+ +
+
+
+
+
+
+ 上传 Weapon.xml
+ +
+
+ 上传单位 XML
+ +
+
+
+
+
+ 匹配结果
+ +
+
+
+
+
+ | GameObject ID | +匹配到的 WeaponTemplate | +
|---|---|
| {{ item.id }} | ++ + {{ item.templates.join(', ') }} + + None + | +
武器对比工具
+ +
+
+
+
+
+
+ 重新导入 Weapon.xml
+ +
+
+
+
+ 第 {{ currentPage }} 页 / 共 {{ totalPages }} 页
+
+
+
+
+
+
+
+
+ 武器列表
+
+
+
+
+
+
+
+
+ | 选择 | +武器 ID | +
|---|---|
| + + | +{{ weapon.id }} | +
+
+
+ 属性对比
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 已选择 {{ selectedAttributes.length }} / {{ allAttributes.length }} 个属性
+
+
+
+
+
+
+ 已选属性预览
+ 点击属性可移除 +
+
+
+
+
+
+
+ | {{ displayMode === 'normal' ? '属性名' : '武器 ID' }} | ++ {{ displayMode === 'normal' ? weapon.id : '属性名' }} + | +
|---|---|
| {{ attr }} | ++ {{ getWeaponAttribute(weapon, attr) || '-' }} + | +
| {{ weapon.id }} | ++ {{ getWeaponAttribute(weapon, attr) || '-' }} + | +
+
+
+ {{ !selectedWeapons.length ? '请先选择要对比的武器' : '请选择要对比的属性' }}
+
+
+
+
+
+ 继承关系
+
+
+
+
+
+ | 武器 ID | +继承链 | +
|---|---|
| {{ weapon.id }} | +{{ getInheritanceChain(weapon).join(' → ') }} | +
+
+
+ 选择武器查看继承关系
+
+
+ 继承排行榜
+
+
+
+ {{ index + 1 }}
+ {{ item.weapon }}
+ {{ item.count }} 次
+
+
+
+
+ 暂无继承数据
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..44eefd4
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+
+export default defineConfig({
+ plugins: [vue()],
+ resolve: {
+ alias: {
+ '@': path.resolve(__dirname, './src')
+ }
+ },
+ server: {
+ port: 8082,
+ open: true
+ }
+})
\ No newline at end of file
+
+
+ 每周地图推荐
+
+ {{ currentWeekRange }}
+
+
+
+
+
+
+ | 序号 | +预览图 | +地图名称 | +作者 | +下载次数 | +收藏次数 | +玩家数量 | +创建时间 | +标签 | +
|---|---|---|---|---|---|---|---|---|
| {{ index + 1 }} | +
+ |
+ {{ map.chinese_name }} | +{{ map.user }} | +{{ map.download_count }} | +{{ map.favourite_count }} | +{{ map.player_count }} | +{{ formatDate(map.create_time) }} | ++ + | +