feat: 对接用户组网管理

src/components/admin/NetworkSelectorPopup.vue

@@ -35,8 +35,13 @@
       </div>
     </div>
     <template #footer>
-      <el-button @click="visible = false">取消</el-button>
-      <el-button type="primary" :disabled="!selectedItem" @click="handleConfirm">确认选择</el-button>
+      <div style="display: flex; justify-content: space-between; width: 100%">
+        <el-button type="success" @click="handleCreate">创建网络</el-button>
+        <div style="display: flex; gap: 8px">
+          <el-button @click="visible = false">取消</el-button>
+          <el-button type="primary" :disabled="!selectedItem" @click="handleConfirm">确认选择</el-button>
+        </div>
+      </div>
     </template>
   </el-dialog>
 </template>
@@ -52,7 +57,7 @@ const props = defineProps({
   hostId: { type: Number, default: 0 }
 })
 
-const emit = defineEmits(['update:modelValue', 'confirm'])
+const emit = defineEmits(['update:modelValue', 'confirm', 'create'])
 
 const visible = ref(false)
 const loading = ref(false)
@@ -63,6 +68,7 @@ const pageSize = ref(10)
 const keyword = ref('')
 const typeFilter = ref('')
 const selectedItem = ref(null)
+const type = ref('bridge')
 
 watch(() => props.modelValue, (val) => {
   visible.value = val
@@ -82,7 +88,7 @@ const loadList = async () => {
   if (!props.serviceId || !props.hostId) return
   loading.value = true
   try {
-    const params = { service_id: props.serviceId, host_id: props.hostId, page: page.value, page_size: pageSize.value }
+    const params = { service_id: props.serviceId, host_id: props.hostId, page: page.value, page_size: pageSize.value,type: type.value }
     if (keyword.value) params.keyword = keyword.value
     if (typeFilter.value) params.type = typeFilter.value
     const res = await getNetworkList(params)
@@ -103,6 +109,10 @@ const handleConfirm = () => {
   }
 }
 const handleClose = () => { selectedItem.value = null }
+const handleCreate = () => {
+  visible.value = false
+  emit('create')
+}
 </script>
 
 <style scoped>
@@ -110,4 +120,5 @@ const handleClose = () => { selectedItem.value = null }
 .filter-bar { display: flex; gap: 8px; margin-bottom: 12px; align-items: center; }
 .pagination-wrapper { display: flex; justify-content: flex-end; margin-top: 12px; }
 :deep(.selected-row) { background-color: #ecf5ff !important; }
+:deep(.el-table__body tr) { cursor: pointer; }
 </style>