前端:19处写操作URL从Mock风格切换为RESTful(PUT/DELETE+路径参数)

main
haoliang 1 week ago
parent 81743f8bb9
commit 2e3199490c

@ -50,7 +50,7 @@ async function loadData() {
async function handleSave() { async function handleSave() {
await ElMessageBox.confirm('品牌模板修改不影响历史数据,确定保存?', '提示', { type: 'warning' }) await ElMessageBox.confirm('品牌模板修改不影响历史数据,确定保存?', '提示', { type: 'warning' })
submitting.value = true submitting.value = true
try { await request.post(isEdit ? '/admin/brand/update' : '/admin/brand', { ...form, id: isEdit ? route.params.id : undefined }); ElMessage.success('保存成功'); router.back() } finally { submitting.value = false } try { await request[isEdit ? 'put' : 'post'](isEdit ? `/admin/brand/${route.params.id}` : '/admin/brand', { ...form }); ElMessage.success('保存成功'); router.back() } finally { submitting.value = false }
} }
onMounted(loadData) onMounted(loadData)
</script> </script>

@ -35,8 +35,8 @@ const tableData = ref<Brand[]>([])
function goAdd() { router.push(isMock.value ? '/mock/brand/create' : '/brand/create') } function goAdd() { router.push(isMock.value ? '/mock/brand/create' : '/brand/create') }
function goEdit(id: number) { router.push((isMock.value ? '/mock/brand/' : '/brand/') + id + '/edit') } function goEdit(id: number) { router.push((isMock.value ? '/mock/brand/' : '/brand/') + id + '/edit') }
async function loadData() { loading.value = true; try { const r: ApiResponse<{ items: Brand[] }> = await request.get('/admin/brand'); tableData.value = r.data?.items ?? [] } finally { loading.value = false } } async function loadData() { loading.value = true; try { const r: ApiResponse<{ items: Brand[] }> = await request.get('/admin/brand'); tableData.value = r.data?.items ?? [] } finally { loading.value = false } }
async function handleToggle(row: Brand) { await ElMessageBox.confirm('确定' + (row.isEnabled ? '禁用' : '启用') + '', '提示', { type: 'warning' }); await request.post('/admin/brand/toggle', { id: row.id }); ElMessage.success('操作成功'); loadData() } async function handleToggle(row: Brand) { await ElMessageBox.confirm('确定' + (row.isEnabled ? '禁用' : '启用') + '', '提示', { type: 'warning' }); await request.put(`/admin/brand/${row.id}/toggle`); ElMessage.success('操作成功'); loadData() }
async function handleDelete(row: Brand) { await ElMessageBox.confirm('确定删除【' + row.brandName + '】?此操作不可恢复。', '提示', { type: 'warning' }); await request.post('/admin/brand/delete', { id: row.id }); ElMessage.success('已删除'); loadData() } async function handleDelete(row: Brand) { await ElMessageBox.confirm('确定删除【' + row.brandName + '】?此操作不可恢复。', '提示', { type: 'warning' }); await request.delete(`/admin/brand/${row.id}`); ElMessage.success('已删除'); loadData() }
// //
async function handleCopy(row: Brand) { async function handleCopy(row: Brand) {
try { try {

@ -57,8 +57,8 @@ function goDetail(id:number){router.push((isMock.value?'/mock/collect-address/':
async function loadData(){loading.value=true;try{const r:any=await request.get('/admin/collect-address');tableData.value=r.data?.items||[]}finally{loading.value=false}} async function loadData(){loading.value=true;try{const r:any=await request.get('/admin/collect-address');tableData.value=r.data?.items||[]}finally{loading.value=false}}
function handleAdd(){editingId.value=null;Object.assign(form,{name:'',url:'',brandId:undefined,collectInterval:30,machineIds: []});dialogVisible.value=true} function handleAdd(){editingId.value=null;Object.assign(form,{name:'',url:'',brandId:undefined,collectInterval:30,machineIds: []});dialogVisible.value=true}
function handleEdit(row:any){editingId.value=row.id;Object.assign(form,row);dialogVisible.value=true} function handleEdit(row:any){editingId.value=row.id;Object.assign(form,row);dialogVisible.value=true}
async function handleSubmit(){submitting.value=true;try{await request.post(editingId.value?'/admin/collect-address/update':'/admin/collect-address',{...form,id:editingId.value});ElMessage.success('保存成功');dialogVisible.value=false;loadData()}finally{submitting.value=false}} async function handleSubmit(){submitting.value=true;try{await request[editingId.value?'put':'post'](editingId.value?`/admin/collect-address/${editingId.value}`:'/admin/collect-address',{...form});ElMessage.success('保存成功');dialogVisible.value=false;loadData()}finally{submitting.value=false}}
async function handleDelete(row:any){await ElMessageBox.confirm('确定删除【'+row.name+'】?此操作不可恢复。','提示',{type:'warning'});await request.post('/admin/collect-address/delete',{id:row.id});ElMessage.success('已删除');loadData()} async function handleDelete(row:any){await ElMessageBox.confirm('确定删除【'+row.name+'】?此操作不可恢复。','提示',{type:'warning'});await request.delete(`/admin/collect-address/${row.id}`);ElMessage.success('已删除');loadData()}
async function loadDrops(){const r:any=await request.get('/admin/brand/list');brandList.value=r.data?.items||[]} async function loadDrops(){const r:any=await request.get('/admin/brand/list');brandList.value=r.data?.items||[]}
onMounted(()=>{loadData();loadDrops()}) onMounted(()=>{loadData();loadDrops()})
// //

@ -239,7 +239,7 @@ async function handleSubmit() {
if (!valid) return if (!valid) return
submitting.value = true submitting.value = true
try { try {
await request.post(editingId.value ? '/admin/machine/update' : '/admin/machine', { ...form, id: editingId.value }) await request[editingId.value ? 'put' : 'post'](editingId.value ? `/admin/machine/${editingId.value}` : '/admin/machine', { ...form })
ElMessage.success('保存成功') ElMessage.success('保存成功')
dialogVisible.value = false dialogVisible.value = false
loadData() loadData()
@ -248,7 +248,7 @@ async function handleSubmit() {
async function handleDelete(row: Machine) { async function handleDelete(row: Machine) {
await ElMessageBox.confirm(`确定删除【${row.name}】?此操作不可恢复。`, '提示', { type: 'warning' }) await ElMessageBox.confirm(`确定删除【${row.name}】?此操作不可恢复。`, '提示', { type: 'warning' })
await request.post('/admin/machine/delete', { id: row.id }) await request.delete(`/admin/machine/${row.id}`)
ElMessage.success('已删除') ElMessage.success('已删除')
loadData() loadData()
} }

@ -241,7 +241,7 @@ async function saveCard() {
try { try {
const payload: Record<string,unknown> = { ...cardForm, isDefault: false, isEnabled: 1 } const payload: Record<string,unknown> = { ...cardForm, isDefault: false, isEnabled: 1 }
if (editingCardId.value) { if (editingCardId.value) {
await request.post('/admin/screen-config/update', { ...payload, id: editingCardId.value }) await request.put(`/admin/screen-config/${editingCardId.value}`, { ...payload })
} else { } else {
await request.post('/admin/screen-config', payload) await request.post('/admin/screen-config', payload)
} }
@ -253,14 +253,14 @@ async function saveCard() {
async function toggleCard(row: ScreenCard) { async function toggleCard(row: ScreenCard) {
await ElMessageBox.confirm(`确定${row.isEnabled ? '禁用' : '启用'}卡片【${row.title}】?`, '提示', { type: 'warning' }) await ElMessageBox.confirm(`确定${row.isEnabled ? '禁用' : '启用'}卡片【${row.title}】?`, '提示', { type: 'warning' })
await request.post('/admin/screen-config/toggle', { id: row.id }) await request.put(`/admin/screen-config/${row.id}/toggle`)
ElMessage.success('操作成功') ElMessage.success('操作成功')
loadCards() loadCards()
} }
async function deleteCard(row: ScreenCard) { async function deleteCard(row: ScreenCard) {
await ElMessageBox.confirm(`确定删除卡片【${row.title}】?此操作不可恢复。`, '提示', { type: 'warning' }) await ElMessageBox.confirm(`确定删除卡片【${row.title}】?此操作不可恢复。`, '提示', { type: 'warning' })
await request.post('/admin/screen-config/delete', { id: row.id }) await request.delete(`/admin/screen-config/${row.id}`)
ElMessage.success('已删除') ElMessage.success('已删除')
loadCards() loadCards()
} }
@ -307,7 +307,7 @@ async function saveFilter() {
try { try {
const payload: Record<string,unknown> = { ...filterForm, isDefault: filterForm.isDefault ? 1 : 0 } const payload: Record<string,unknown> = { ...filterForm, isDefault: filterForm.isDefault ? 1 : 0 }
if (editingFilterId.value) { if (editingFilterId.value) {
await request.post('/admin/screen-filter/update', { ...payload, id: editingFilterId.value }) await request.put(`/admin/screen-filter/${editingFilterId.value}`, { ...payload })
} else { } else {
await request.post('/admin/screen-filter', payload) await request.post('/admin/screen-filter', payload)
} }
@ -319,7 +319,7 @@ async function saveFilter() {
async function deleteFilter(row: ScreenCard) { async function deleteFilter(row: ScreenCard) {
await ElMessageBox.confirm(`确定删除该筛选配置?此操作不可恢复。`, '提示', { type: 'warning' }) await ElMessageBox.confirm(`确定删除该筛选配置?此操作不可恢复。`, '提示', { type: 'warning' })
await request.post('/admin/screen-filter/delete', { id: row.id }) await request.delete(`/admin/screen-filter/${row.id}`)
ElMessage.success('已删除') ElMessage.success('已删除')
loadFilters() loadFilters()
} }

@ -210,7 +210,7 @@ async function saveConfig() {
valueToSend = configForm.displayValue valueToSend = configForm.displayValue
} }
} }
await request.post('/admin/sys-config/update', { id: configForm.id, configValue: valueToSend }) await request.put(`/admin/sys-config/${configForm.id}`, { configValue: valueToSend })
ElMessage.success('保存成功') ElMessage.success('保存成功')
configDialogVisible.value = false configDialogVisible.value = false
loadConfigs() loadConfigs()
@ -259,7 +259,7 @@ async function saveWorkshop() {
if (!valid) return if (!valid) return
workshopSubmitting.value = true workshopSubmitting.value = true
try { try {
await request.post(editingWorkshopId.value ? '/admin/workshop/update' : '/admin/workshop', { ...workshopForm, id: editingWorkshopId.value }) await request[editingWorkshopId.value ? 'put' : 'post'](editingWorkshopId.value ? `/admin/workshop/${editingWorkshopId.value}` : '/admin/workshop', { ...workshopForm })
ElMessage.success('保存成功') ElMessage.success('保存成功')
workshopDialogVisible.value = false workshopDialogVisible.value = false
loadWorkshops() loadWorkshops()
@ -268,14 +268,14 @@ async function saveWorkshop() {
async function toggleWorkshop(row: WorkshopRow) { async function toggleWorkshop(row: WorkshopRow) {
await ElMessageBox.confirm(`确定${row.isEnabled ? '停用' : '启用'}车间【${row.name}】?`, '提示', { type: 'warning' }) await ElMessageBox.confirm(`确定${row.isEnabled ? '停用' : '启用'}车间【${row.name}】?`, '提示', { type: 'warning' })
await request.post('/admin/workshop/toggle', { id: row.id }) await request.put(`/admin/workshop/${row.id}/toggle`)
ElMessage.success('操作成功') ElMessage.success('操作成功')
loadWorkshops() loadWorkshops()
} }
async function deleteWorkshop(row: WorkshopRow) { async function deleteWorkshop(row: WorkshopRow) {
await ElMessageBox.confirm(`确定删除车间【${row.name}】?此操作不可恢复。`, '提示', { type: 'warning' }) await ElMessageBox.confirm(`确定删除车间【${row.name}】?此操作不可恢复。`, '提示', { type: 'warning' })
await request.post('/admin/workshop/delete', { id: row.id }) await request.delete(`/admin/workshop/${row.id}`)
ElMessage.success('已删除') ElMessage.success('已删除')
loadWorkshops() loadWorkshops()
} }

@ -89,9 +89,9 @@ function goDetail(id:number){router.push((isMock.value?'/mock/worker/':'/worker/
async function loadData(){loading.value=true;try{const ps=pagination.value.pageSize;const cp=pagination.value.currentPage;const r: ApiResponse<{ items: Worker[]; total?: number }> = await request.get('/admin/worker',{params:{...query,page:cp,pageSize:ps}});tableData.value=r.data?.items||[];pagination.value.total= r.data?.total ?? (r.data?.items?.length ?? 0)}finally{loading.value=false}} async function loadData(){loading.value=true;try{const ps=pagination.value.pageSize;const cp=pagination.value.currentPage;const r: ApiResponse<{ items: Worker[]; total?: number }> = await request.get('/admin/worker',{params:{...query,page:cp,pageSize:ps}});tableData.value=r.data?.items||[];pagination.value.total= r.data?.total ?? (r.data?.items?.length ?? 0)}finally{loading.value=false}}
function handleAdd(){editingId.value=null;Object.assign(form,{code:'',name:'',machineIds:[]});dialogVisible.value=true} function handleAdd(){editingId.value=null;Object.assign(form,{code:'',name:'',machineIds:[]});dialogVisible.value=true}
function handleEdit(row: Worker){editingId.value=row.id;Object.assign(form,{code:row.code,name:row.name,machineIds:row.machines?.map(m=>m.id)||[]});dialogVisible.value=true} function handleEdit(row: Worker){editingId.value=row.id;Object.assign(form,{code:row.code,name:row.name,machineIds:row.machines?.map(m=>m.id)||[]});dialogVisible.value=true}
async function handleSubmit(){submitting.value=true;try{const ok = await (workerForm.value?.validate ? new Promise<boolean>((resolve)=>workerForm.value!.validate((valid:boolean)=>resolve(valid))) : Promise.resolve(true)); if(!ok){return} await request.post(editingId.value?'/admin/worker/update':'/admin/worker',{...form,id:editingId.value});ElMessage.success('保存成功');dialogVisible.value=false;loadData()}finally{submitting.value=false}} async function handleSubmit(){submitting.value=true;try{const ok = await (workerForm.value?.validate ? new Promise<boolean>((resolve)=>workerForm.value!.validate((valid:boolean)=>resolve(valid))) : Promise.resolve(true)); if(!ok){return} await request[editingId.value?'put':'post'](editingId.value?`/admin/worker/${editingId.value}`:'/admin/worker',{...form});ElMessage.success('保存成功');dialogVisible.value=false;loadData()}finally{submitting.value=false}}
async function handleDelete(row:any){await ElMessageBox.confirm('确定删除【'+row.name+'】?此操作不可恢复。','提示',{type:'warning'});await request.post('/admin/worker/delete',{id:row.id});ElMessage.success('已删除');loadData()} async function handleDelete(row:any){await ElMessageBox.confirm('确定删除【'+row.name+'】?此操作不可恢复。','提示',{type:'warning'});await request.delete(`/admin/worker/${row.id}`);ElMessage.success('已删除');loadData()}
async function batchStatus(isEnabled:number){await ElMessageBox.confirm('确定对选中的'+selectedRows.value.length+'项操作?','提示',{type:'warning'});await request.post('/admin/worker/batch-status',{ids:selectedRows.value.map((r:any)=>r.id),isEnabled});ElMessage.success('操作成功');loadData()} async function batchStatus(isEnabled:number){await ElMessageBox.confirm('确定对选中的'+selectedRows.value.length+'项操作?','提示',{type:'warning'});for(const id of selectedRows.value.map((r:any)=>r.id)){await request.put(`/admin/worker/${id}/toggle`,{isEnabled})};ElMessage.success('操作成功');loadData()}
async function loadDrops(){const r: ApiResponse<{ items: Array<{ id: number; name: string }> }> = await request.get('/admin/worker/available-machines'); availableMachines.value = r.data?.items ?? []} async function loadDrops(){const r: ApiResponse<{ items: Array<{ id: number; name: string }> }> = await request.get('/admin/worker/available-machines'); availableMachines.value = r.data?.items ?? []}
function handlePageChange(page:number){pagination.value.currentPage=page;loadData()} function handlePageChange(page:number){pagination.value.currentPage=page;loadData()}
function handleSizeChange(size:number){pagination.value.pageSize=size;pagination.value.currentPage=1;loadData()} function handleSizeChange(size:number){pagination.value.pageSize=size;pagination.value.currentPage=1;loadData()}

Loading…
Cancel
Save