归档树管理

src/views/desk/archive.vue

@@ -48,7 +48,9 @@
                     </div>
                 </hc-card>
             </template>
-            <hc-card> 其它内容 </hc-card>
+            <hc-card>
+                <rightConfig></rightConfig>
+            </hc-card>
         </hc-page-split>
     </div>
 
@@ -283,6 +285,7 @@
 <script setup>
 import { onMounted, ref, nextTick } from "vue";
 import mainApi from "~api/desk/archiveTree";
+import rightConfig from "./wbs/archieveComponent/rightConfig.vue";
 import {
     getArrValue,
     isNullES,
@@ -591,7 +594,7 @@ const treeMenuClick = async ({ key, data, node, keys }) => {
         isSortingShow.value = true;
     } else if (key === "del") {
         HcDelMsg(async (resolve) => {
-            const { code } = await mainApi.remove(data.id);
+            const { code } = await mainApi.remove({ id: data.id });
             resolve(); //关闭弹窗的回调
             if (code !== 200) return;
             window.$message.success("删除成功");

src/views/desk/wbs/entry-config.vue

@@ -0,0 +1,26 @@
+<template>
+    <div style="position: relative; height: 180px">
+        <hc-lazy-tree :h-props="treeProps" @load="treeLoadNode" />
+    </div>
+</template>
+<script setup>
+//数据格式
+const treeProps = {
+    label: "name",
+    children: "children",
+    isLeaf: "leaf",
+};
+
+//懒加载的数据
+const treeLoadNode = ({ node, item, level }, resolve) => {
+    if (level === 0) {
+        return resolve([{ name: "region" }]);
+    }
+    if (level > 3) {
+        return resolve([]);
+    }
+    setTimeout(() => {
+        resolve([{ name: "leaf", leaf: true }, { name: "zone" }]);
+    }, 500);
+};
+</script>