代码修改

src/views/serverObj/allocation/components/EditDialog.vue

@@ -1,14 +1,30 @@
 <template>
-    <a-modal :open="modal.open" :title="modal.title" :width="600" :confirm-loading="modal.confirmLoading"
+  <a-modal
-        :after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
+    :open="modal.open"
+    :title="modal.title"
+    :width="600"
+    :confirm-loading="modal.confirmLoading"
+    :after-close="onAfterClose"
+    :cancel-text="cancelText"
+    @ok="handleOk"
+    @cancel="handleCancel"
+  >
     <a-form ref="formRef" :model="formData" :rules="formRules">
       <a-row :gutter="24">
-                <!-- 姓名 -->
+        <!-- 分配到 -->
         <a-col :span="24">
-                    <a-form-item label="分配到" name="name" :rules="[{ required: true, message: '请选择节点' }]">
+          <a-form-item
-                        <a-tree-select v-model:value="formData.name" style="width: 100%" :tree-data="treeData" tree-checkable
+            label="分配到"
-                            allow-clear :show-checked-strategy="SHOW_PARENT" placeholder="请选择站点"
+            name="name"
-                            tree-node-filter-prop="label" />
+            :rules="[{ required: true, message: '请选择节点' }]"
+          >
+            <a-select
+              v-model:value="formData.name"
+              style="width: 100%"
+              :options="options"
+              placeholder="请选择站点"
+              allow-clear
+            />
           </a-form-item>
         </a-col>
       </a-row>
@@ -17,89 +33,76 @@
 </template>
 
 <script setup>
-import { cloneDeep } from 'lodash-es'
+import { ref } from 'vue'
-import { ref, defineProps } from 'vue'
 import { config } from '@/config'
 import apis from '@/apis'
-import { useForm, useModal } from '@/hooks'
+import { useForm, useModal,usePagination } from '@/hooks'
-import { useDicsStore } from '@/store'
-import AreaCascader from '@/components/AreaCascader/index.vue'
-const emit = defineEmits(['ok'])
-const activeKey = ref('1')
-const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
-const { formRecord, formData, formRef, formRules, resetForm } = useForm()
-const cancelText = ref('取消')
-const treeData = [
-  {
-    label: 'Node1',
-    value: '0-0',
-    children: [
-      {
-        label: 'Child Node1',
-        value: '0-0-0',
-      },
-    ],
-  },
-  {
-    label: 'Node2',
-    value: '0-1',
 
-    children: [
+
-      {
+const emit = defineEmits(['ok'])
-        label: 'Child Node3',
+
-        value: '0-1-0',
+const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
-        disabled: true,
+const { listData, loading, paginationState, resetPagination, searchFormData } = usePagination()
-      },
+const { formData, formRef, resetForm } = useForm()
-      {
+
-        label: 'Child Node4',
+const cancelText = ref('取消')
-        value: '0-1-1',
+
-      },
+// 普通下拉选项（value + label）
-      {
+const options = ref([]);
-        label: 'Child Node5',
+const currentRecord = ref(null)
-        value: '0-1-2',
-      },
-    ],
-  },
-];
 
 /**
- * 新建
+ * 新建（暴露给父组件调用）
  */
-function handleCreate() {
+function handleCreate(record) {
+  currentRecord.value = record // 👈 保存传入的行数据
   showModal({
     type: 'create',
     title: '分配节点',
   })
+  getData() // 可选：每次打开都重新加载站点列表
 }
 
-
+getData()
-
+async function getData() {
+    try {
+        const { data, success } = await apis.serviceMenu.getServiceSiteList({
+            pageSize: 999,
+            current: 1
+        })
+        if (success) {
+            options.value = data.map(item => ({ value: item.id, label: item.name }))
+        }
+    } catch (error) {
+        console.error('获取服务站点列表失败:', error)
+    }
+}
 /**
  * 确定
  */
-function handleOk() {
+async function handleOk() {
-    formRef.value
+    console.log("formData",modal.value.type)
-        .validateFields()
-        .then(async (values) => {
   try {
+    await formRef.value.validateFields()
     showLoading()
-                const params = {
+
-                    ...formData.value,
+    const params = { ...formData.value }
+
+    let result
+    if (modal.value.type === 'create') {
+                console.log("====",params)
+      result = await apis.serverObj.changeItem(currentRecord.value?.id,{stationId:formData.value.name})
+      if (result.success) {
+        emit('ok')
+        hideModal()
       }
-                let result = null
+    } else if (modal.value.type === 'edit') {
-                switch (modal.value.type) {
+        console.log("====",params)
-                    case 'create':
+    result = await apis.serverObj.updateItem(params)
-                        result = await apis.serverObj.createItem(params).catch(() => {
-                            throw new Error()
-                        })
-                        break
-                    case 'edit':
-                        result = await apis.serverObj.updateItem(params).catch(() => {
-                            throw new Error()
-                        })
-                        break
     }
+
     hideLoading()
+
     if (config('http.code.success') === result?.code) {
       hideModal()
       emit('ok')
@@ -107,10 +110,6 @@ function handleOk() {
   } catch (error) {
     hideLoading()
   }
-        })
-        .catch(() => {
-            hideLoading()
-        })
 }
 
 /**
@@ -121,13 +120,13 @@ function handleCancel() {
 }
 
 /**
- * 关闭后
+ * 关闭后重置表单
  */
 function onAfterClose() {
   resetForm()
-    hideLoading()
 }
 
+// 暴露方法给父组件
 defineExpose({
   handleCreate,
 })