fix: 更新API请求方法和参数处理,优化路由组件解析逻辑

- 将`updateAnchor`方法的请求方式改为PUT,`deleteAnchor`方法改为DELETE并使用params传递数据
- 在路由组件中添加`normalizeRouteComponent`和`resolveRouteComponent`函数,增强动态路由解析能力
- 更新多个组件中的ID处理逻辑,确保ID始终为字符串类型
- 修改样式以统一选择框的宽度
This commit is contained in:
2026-04-21 15:55:28 +08:00
parent c4bdfe2bb3
commit 4271e7d2d9
11 changed files with 1189 additions and 115 deletions

View File

@@ -12,7 +12,7 @@
<el-input v-model="searchForm.code" placeholder="请输入工号" clearable />
</el-form-item>
<el-form-item label="状态">
<el-select v-model="searchForm.status" placeholder="请选择状态" clearable>
<el-select v-model="searchForm.status" placeholder="请选择状态" clearable size="default" style="width: 160px">
<el-option label="正常" :value="1" />
<el-option label="停用" :value="0" />
</el-select>
@@ -159,11 +159,13 @@ const getList = async () => {
status: searchForm.status,
});
if (res && res.data) {
tableData.data = res.data.list || [];
tableData.data = (res.data.list || []).map((item: any) => ({
...item,
id: String(item.id),
}));
tableData.total = res.data.total || 0;
}
} catch (error) {
console.error('获取主播列表失败:', error);
ElMessage.error('获取主播列表失败');
} finally {
tableData.loading = false;
@@ -185,12 +187,11 @@ const handleDelete = async (row: TableDataItem) => {
cancelButtonText: '取消',
type: 'warning',
});
await deleteAnchor({ id: row.id });
await deleteAnchor({ id: String(row.id) });
ElMessage.success('删除成功');
getList();
} catch (error) {
if (error !== 'cancel') {
console.error('删除失败:', error);
ElMessage.error('删除失败');
}
}
@@ -213,4 +214,4 @@ onMounted(() => {
.mt20 {
margin-top: 20px;
}
</style>
</style>