设备管理按多对多关系展示关联测试

yeg

2026-09-05 dbefaa087017ba2056ebc13bcd4d41de47ddb4e6

 src/views/DeviceCollectorForm.vue

@@ -4,6 +4,7 @@
import { useRoute, useRouter } from 'vue-router'
import { createDeviceCollector, getDeviceCollector, getDiscoveredCollectorList, updateDeviceCollector } from '@/api/deviceCollectors'
import type { CollectorPayload } from '@/stores/deviceCollectors'
import DeviceRelatedTests from '@/components/DeviceRelatedTests.vue'

const route = useRoute()
const router = useRouter()
@@ -21,7 +22,7 @@

const form = reactive<CollectorPayload>({
  deviceCode: '', ip: '', mac: '', name: '', manufacturer: '', model: '', channelCount: 1,
  remark: '', onlineStatus: '离线', testStatus: '空闲', currentTest: '-', status: '启用',
  remark: '', onlineStatus: '离线', relatedTests: [], status: '启用',
})

async function loadEditingCollector() {
@@ -75,8 +76,7 @@
    model: device.model,
    channelCount: device.channelCount,
    onlineStatus: device.onlineStatus,
    testStatus: device.testStatus,
    currentTest: device.currentTest,
    relatedTests: [],
  })
  deviceDialogVisible.value = false
  ElMessage.success(`已选择设备 ${device.deviceCode}`)
@@ -125,8 +125,7 @@
        <div><span>IP</span><strong class="mono-value">{{ form.ip || '-' }}</strong></div>
        <div><span>MAC</span><strong class="mono-value">{{ form.mac || '-' }}</strong></div>
        <div><span>在线状态</span><strong :class="form.onlineStatus === '在线' ? 'online-value' : 'offline-value'">{{ form.deviceCode ? form.onlineStatus : '-' }}</strong></div>
        <div><span>测试状态</span><strong>{{ form.deviceCode ? form.testStatus : '-' }}</strong></div>
        <div><span>当前测试</span><strong :title="form.currentTest">{{ form.deviceCode ? form.currentTest : '-' }}</strong></div>
        <div><span>关联测试</span><DeviceRelatedTests :tests="form.relatedTests" /></div>
      </div>

      <div class="detail-form">