fix(产品需求): 修复产品需求在测试后存在的问题。

src/views/product/requirement/modules/requirement-module-tree.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, nextTick, ref, watch } from 'vue';
+import { computed, nextTick, provide, ref, watch } from 'vue';
 import { ElMessageBox } from 'element-plus';
 import {
   fetchCreateRequirementModule,
@@ -41,12 +41,24 @@ const rootModule = computed<Api.Product.RequirementModule | null>(() => {
 const editingNodeId = ref<string | undefined>(undefined);
 const editingName = ref('');
 
-const addingTopModule = ref(false);
-const newModuleName = ref('');
-
 const addingChildParentId = ref<string | undefined>(undefined);
 const newChildModuleName = ref('');
 
+const collapsedModuleIds = ref(new Set<string>());
+
+function handleToggleCollapse(moduleId: string) {
+  const set = collapsedModuleIds.value;
+  if (set.has(moduleId)) {
+    set.delete(moduleId);
+  } else {
+    set.add(moduleId);
+  }
+  collapsedModuleIds.value = new Set(set);
+}
+
+provide('collapsedModuleIds', collapsedModuleIds);
+provide('toggleCollapse', handleToggleCollapse);
+
 const moduleRequirementCountMap = computed(() => {
   const countMap = new Map<string, number>();
 
@@ -98,59 +110,6 @@ function handleNodeSelect(moduleId: string) {
   emit('select', moduleId);
 }
 
-function startAddTopModule() {
-  if (addingTopModule.value || addingChildParentId.value) return;
-
-  addingTopModule.value = true;
-  newModuleName.value = '';
-
-  nextTick(() => {
-    const input = document.querySelector('.new-module-input input') as HTMLInputElement;
-    input?.focus();
-  });
-}
-
-async function handleAddTopModuleConfirm() {
-  const name = newModuleName.value.trim();
-
-  if (!name) {
-    addingTopModule.value = false;
-    newModuleName.value = '';
-    return;
-  }
-
-  if (!currentObjectId.value || !rootModule.value?.id) {
-    addingTopModule.value = false;
-    return;
-  }
-
-  const { error } = await fetchCreateRequirementModule({
-    id: undefined,
-    productId: currentObjectId.value,
-    parentId: rootModule.value.id,
-    moduleName: name,
-    remark: null,
-    icon: null,
-    sort: 0
-  });
-
-  if (error) {
-    addingTopModule.value = false;
-    return;
-  }
-
-  window.$message?.success('模块新增成功');
-  addingTopModule.value = false;
-  newModuleName.value = '';
-  await loadModuleTree();
-  emit('refresh');
-}
-
-function handleAddTopModuleCancel() {
-  addingTopModule.value = false;
-  newModuleName.value = '';
-}
-
 function handleStartEdit(module: Api.Product.RequirementModule) {
   editingNodeId.value = module.id;
   editingName.value = module.moduleName;
@@ -199,7 +158,7 @@ async function handleUpdateModuleName(module: Api.Product.RequirementModule, nam
 }
 
 function handleStartAddChild(module: Api.Product.RequirementModule) {
-  if (addingTopModule.value || addingChildParentId.value) return;
+  if (addingChildParentId.value) return;
 
   addingChildParentId.value = module.id;
   newChildModuleName.value = '';
@@ -312,19 +271,6 @@ defineExpose({
   <div class="requirement-module-tree-wrapper">
     <div class="module-tree-header">
       <span class="module-tree-header__title">模块</span>
-      <ElSpace>
-        <ElButton
-          v-auth="{ code: 'project:product:create', source: 'object' }"
-          circle
-          text
-          size="small"
-          @click="startAddTopModule"
-        >
-          <template #icon>
-            <icon-ic-round-plus class="text-16px" />
-          </template>
-        </ElButton>
-      </ElSpace>
     </div>
 
     <div class="module-tree-list">
@@ -351,23 +297,6 @@ defineExpose({
           @update-new-child-module-name="newChildModuleName = $event"
         />
       </template>
-
-      <div v-if="addingTopModule" class="module-tree-item module-tree-item--new">
-        <div class="module-tree-item__icon">
-          <icon-mdi-folder-plus-outline class="text-16px" />
-        </div>
-        <div class="module-tree-item__content">
-          <ElInput
-            v-model="newModuleName"
-            size="small"
-            class="new-module-input module-tree-item__input"
-            placeholder="请输入模块名"
-            @blur="handleAddTopModuleConfirm"
-            @keyup.enter="handleAddTopModuleConfirm"
-            @keyup.esc="handleAddTopModuleCancel"
-          />
-        </div>
-      </div>
     </div>
   </div>
 </template>