做了几个组件

klp-ui/src/views/wms/warehouse/index.vue

@@ -1,14 +1,6 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
-      <el-form-item label="上级节点" prop="parentId">
-        <el-input
-          v-model="queryParams.parentId"
-          placeholder="请选择上级节点"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="仓库编码" prop="warehouseCode">
         <el-input
           v-model="queryParams.warehouseCode"
@@ -35,14 +27,6 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="排序号" prop="sortNo">
-        <el-input
-          v-model="queryParams.sortNo"
-          placeholder="请输入排序号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="启用状态" prop="isEnabled">
         <el-select v-model="queryParams.isEnabled" placeholder="请选择启用状态" clearable>
           <el-option label="启用" :value="1" />
@@ -86,7 +70,7 @@
       :default-expand-all="isExpandAll"
       :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
     >
-      <el-table-column label="上级节点" prop="parentId" />
+      <!-- <el-table-column label="上级节点" prop="parentId" /> -->
       <el-table-column label="仓库编码" align="center" prop="warehouseCode" />
       <el-table-column label="仓库名称" align="center" prop="warehouseName" />
       <el-table-column label="仓库类型" align="center" prop="warehouseType">
@@ -129,7 +113,7 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="上级节点" prop="parentId">
-          <treeselect v-model="form.parentId" :options="warehouseOptions" :normalizer="normalizer" placeholder="请选择上级节点" />
+          <WarehouseSelect v-model="form.parentId" placeholder="请选择上级节点" />
         </el-form-item>
         <el-form-item label="仓库编码" prop="warehouseCode">
           <el-input v-model="form.warehouseCode" placeholder="请输入仓库编码" />
@@ -172,12 +156,14 @@
 import { listWarehouse, getWarehouse, delWarehouse, addWarehouse, updateWarehouse } from "@/api/wms/warehouse";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import WarehouseSelect from '@/components/WarehouseSelect';
 
 export default {
   name: "Warehouse",
   dicts: ['warehouse_type'],
   components: {
-    Treeselect
+    Treeselect,
+    WarehouseSelect
   },
   data() {
     return {
@@ -205,7 +191,7 @@ export default {
         warehouseCode: undefined,
         warehouseName: undefined,
         warehouseType: undefined,
-        sortNo: undefined,
+        sortNo: 0,
         isEnabled: undefined,
       },
       // 表单参数
@@ -328,9 +314,14 @@ export default {
     submitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
-		  this.buttonLoading = true;
+          this.buttonLoading = true;
+          // 处理 parentId 为 0 的情况
+          let submitData = { ...this.form };
+          if (submitData.parentId === 0) {
+            delete submitData.parentId;
+          }
           if (this.form.warehouseId != null) {
-            updateWarehouse(this.form).then(response => {
+            updateWarehouse(submitData).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
@@ -338,7 +329,7 @@ export default {
               this.buttonLoading = false;
             });
           } else {
-            addWarehouse(this.form).then(response => {
+            addWarehouse(submitData).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();