代码修改

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

@@ -1,136 +1,135 @@
 <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"
-        <a-form ref="formRef" :model="formData" :rules="formRules">
+    :title="modal.title"
-            <a-row :gutter="24">
+    :width="600"
-                <!-- 姓名 -->
+    :confirm-loading="modal.confirmLoading"
-                <a-col :span="24">
+    :after-close="onAfterClose"
-                    <a-form-item label="分配到" name="name" :rules="[{ required: true, message: '请选择节点' }]">
+    :cancel-text="cancelText"
-                        <a-tree-select v-model:value="formData.name" style="width: 100%" :tree-data="treeData" tree-checkable
+    @ok="handleOk"
-                            allow-clear :show-checked-strategy="SHOW_PARENT" placeholder="请选择站点"
+    @cancel="handleCancel"
-                            tree-node-filter-prop="label" />
+  >
-                    </a-form-item>
+    <a-form ref="formRef" :model="formData" :rules="formRules">
-                </a-col>
+      <a-row :gutter="24">
-            </a-row>
+        <!-- 分配到 -->
-        </a-form>
+        <a-col :span="24">
-    </a-modal>
+          <a-form-item
+            label="分配到"
+            name="name"
+            :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>
+    </a-form>
+  </a-modal>
 </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) {
-    showModal({
+  currentRecord.value = record // 👈 保存传入的行数据
-        type: 'create',
+  showModal({
-        title: '分配节点',
+    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()
+  try {
-        .then(async (values) => {
+    await formRef.value.validateFields()
-            try {
+    showLoading()
-                showLoading()
+
-                const params = {
+    const params = { ...formData.value }
-                    ...formData.value,
+
-                }
+    let result
-                let result = null
+    if (modal.value.type === 'create') {
-                switch (modal.value.type) {
+                console.log("====",params)
-                    case 'create':
+      result = await apis.serverObj.changeItem(currentRecord.value?.id,{stationId:formData.value.name})
-                        result = await apis.serverObj.createItem(params).catch(() => {
+      if (result.success) {
-                            throw new Error()
+        emit('ok')
-                        })
+        hideModal()
-                        break
+      }
-                    case 'edit':
+    } else if (modal.value.type === 'edit') {
-                        result = await apis.serverObj.updateItem(params).catch(() => {
+        console.log("====",params)
-                            throw new Error()
+    result = await apis.serverObj.updateItem(params)
-                        })
+    }
-                        break
+
-                }
+    hideLoading()
-                hideLoading()
+
-                if (config('http.code.success') === result?.code) {
+    if (config('http.code.success') === result?.code) {
-                    hideModal()
+      hideModal()
-                    emit('ok')
+      emit('ok')
-                }
+    }
-            } catch (error) {
+  } catch (error) {
-                hideLoading()
+    hideLoading()
-            }
+  }
-        })
-        .catch(() => {
-            hideLoading()
-        })
 }
 
 /**
  * 取消
  */
 function handleCancel() {
-    hideModal()
+  hideModal()
 }
 
 /**
- * 关闭后
+ * 关闭后重置表单
  */
 function onAfterClose() {
-    resetForm()
+  resetForm()
-    hideLoading()
 }
 
+// 暴露方法给父组件
 defineExpose({
-    handleCreate,
+  handleCreate,
 })
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped></style>