feat: 站点名称/地址支持多值编辑,动态增删
- Sites.vue: 名称和地址改为动态列表 + 增删按钮 - SiteController: updateSite 接受 names[]/urls[] 数组 - SiteServiceImpl: 更新时直接覆盖整个名称/地址列表
This commit is contained in:
@@ -33,16 +33,24 @@
|
||||
</el-card>
|
||||
|
||||
<!-- 编辑对话框 -->
|
||||
<el-dialog v-model="editVisible" title="编辑站点" width="500px" :close-on-click-modal="false">
|
||||
<el-form :model="editForm" label-width="80px" @submit.prevent="handleSave">
|
||||
<el-dialog v-model="editVisible" title="编辑站点" width="560px" :close-on-click-modal="false">
|
||||
<el-form label-width="80px">
|
||||
<el-form-item label="站点ID">
|
||||
<el-input v-model="editForm.siteId" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="名称">
|
||||
<el-input v-model="editForm.name" type="textarea" :rows="3" placeholder="站点名称(一行一个)" />
|
||||
<div v-for="(n, i) in editForm.names" :key="i" style="display:flex;gap:6px;margin-bottom:4px">
|
||||
<el-input v-model="editForm.names[i]" placeholder="站点名称" />
|
||||
<el-button @click="editForm.names.splice(i,1)" :disabled="editForm.names.length===1" size="small">删</el-button>
|
||||
</div>
|
||||
<el-button size="small" @click="editForm.names.push('')" style="margin-top:4px">+ 添加名称</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址">
|
||||
<el-input v-model="editForm.baseUrl" type="textarea" :rows="3" placeholder="站点地址(一行一个)" />
|
||||
<div v-for="(u, i) in editForm.urls" :key="i" style="display:flex;gap:6px;margin-bottom:4px">
|
||||
<el-input v-model="editForm.urls[i]" placeholder="站点地址" />
|
||||
<el-button @click="editForm.urls.splice(i,1)" :disabled="editForm.urls.length===1" size="small">删</el-button>
|
||||
</div>
|
||||
<el-button size="small" @click="editForm.urls.push('')" style="margin-top:4px">+ 添加地址</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型">
|
||||
<el-select v-model="editForm.siteType" placeholder="选择类型" style="width:100%">
|
||||
@@ -122,7 +130,7 @@ import api from '../api'
|
||||
const sites = ref([])
|
||||
const loading = ref(false)
|
||||
const editVisible = ref(false), saving = ref(false)
|
||||
const editForm = ref({ id: null, siteId: '', name: '', baseUrl: '', siteType: '', status: '', description: '' })
|
||||
const editForm = reactive({ id: null, siteId: '', names: [''], urls: [''], siteType: '', status: '', description: '' })
|
||||
const siteTypes = [
|
||||
{ value: 'nexusphp', label: 'NexusPHP' }, { value: 'mtorrent', label: 'MTorrent' },
|
||||
{ value: 'mteam', label: 'M-Team API' }, { value: 'pttime', label: 'PTTime' },
|
||||
@@ -146,20 +154,27 @@ const fetchAll = async () => {
|
||||
}
|
||||
|
||||
const handleEdit = (row) => {
|
||||
editForm.value = { id: row.id, siteId: row.siteId, name: (row.names||[]).join('\n'), baseUrl: (row.urls||[]).join('\n'), siteType: row.siteType||'', status: row.status||'active', description: row.description||'' }
|
||||
editForm.id = row.id
|
||||
editForm.siteId = row.siteId
|
||||
editForm.names = (row.names && row.names.length) ? [...row.names] : ['']
|
||||
editForm.urls = (row.urls && row.urls.length) ? [...row.urls] : ['']
|
||||
editForm.siteType = row.siteType || ''
|
||||
editForm.status = row.status || 'active'
|
||||
editForm.description = row.description || ''
|
||||
editVisible.value = true
|
||||
}
|
||||
|
||||
const handleSave = async () => {
|
||||
if (!editForm.value.name.trim()||!editForm.value.baseUrl.trim()) { ElMessage.warning('名称和地址不能为空'); return }
|
||||
const names = editForm.names.filter(n => n.trim())
|
||||
const urls = editForm.urls.filter(u => u.trim())
|
||||
if (names.length === 0 || urls.length === 0) { ElMessage.warning('名称和地址不能为空'); return }
|
||||
saving.value = true
|
||||
try {
|
||||
await api.sites.update(editForm.value.siteId, {
|
||||
name: editForm.value.name.trim().split('\n').filter(Boolean)[0]||'',
|
||||
baseUrl: editForm.value.baseUrl.trim().split('\n').filter(Boolean)[0]||'',
|
||||
siteType: editForm.value.siteType.trim()||'unknown',
|
||||
status: editForm.value.status||'active',
|
||||
description: editForm.value.description.trim()||null,
|
||||
await api.sites.update(editForm.siteId, {
|
||||
names, urls,
|
||||
siteType: editForm.siteType.trim()||'unknown',
|
||||
status: editForm.status||'active',
|
||||
description: editForm.description.trim()||null,
|
||||
})
|
||||
ElMessage.success('保存成功'); editVisible.value = false; fetchAll()
|
||||
} catch (e) { ElMessage.error(e.response?.data?.message||'保存失败') }
|
||||
|
||||
Reference in New Issue
Block a user