删除菜单添加气泡提示-提交

src/router/routes/basic.ts

@@ -67,7 +67,7 @@ export const QIANKUN_ROUTE: AppRouteRecordRaw = {
       },
       children: [
         {
-          path: '/modelchannel/safety/VentanalyModel3D',
+          path: '/modelchannel/safety/VentanalyModel3D/:path(.*)*',//lxh
           name: QIANKUN_ROUTE_NAME,
           component: import('/@/views/demo/threejs/damper.vue'),
           meta: {

src/views/vent/performance/fileDetail/commen/fileSystem.vue

@@ -57,15 +57,14 @@
   }
   // 删除
   const onDeltet = (node) => {
-    console.log(node,'shanchu')
-    const pid = node.pid;
-    if (pid && !node.children) {
-      const parent = findParent(pid, props.list);
-      parent.splice(
-        parent.findIndex((item) => item.id == node.id),
-        1
-      );
-    } 
+    // const pid = node.pid;
+    // if (pid && !node.children) {
+    //   const parent = findParent(pid, props.list);
+    //   parent.splice(
+    //     parent.findIndex((item) => item.id == node.id),
+    //     1
+    //   );
+    // } 
     // else {
     //   props.list.splice(
     //     props.list.findIndex((item) => item.id == node.id),

src/views/vent/performance/fileDetail/index.vue

@@ -18,7 +18,9 @@
             <!-- <i class="iconfont icon-add_file" v-if="type == 'addFolder'"></i> -->
             <i class="iconfont icon-xinzeng" v-if="type == 'addDocument'"></i>
             <i class="iconfont icon-bianji" v-if="type == 'Editable'"></i>
-            <i class="iconfont icon-guanbi" v-if="type == 'deleteNode'"></i>
+            <a-popconfirm v-if="type == 'deleteNode'" title="是否确认删除!" ok-text="确定" cancel-text="取消" @confirm="confirmDel" >
+              <i class="iconfont icon-guanbi"></i>
+            </a-popconfirm>
           </template>
         </fileSystem>
       </div>
@@ -101,6 +103,8 @@ let selected = reactive<any>({
 let flag = ref('')
 //左侧菜单列表
 let listArr = reactive<any[]>([]);
+//获取要删除的节点数据
+let delNode=reactive({})
 
 
 //上传文件
@@ -113,7 +117,7 @@ let openModal = (val) => {
 //开始上传
 let handleOk = () => {
   uploadApi(startUpload.value).then((res) => {
-    console.log(res, '上传文件');
+    console.log(res, '上传返回');
     alive.value = false;
     nextTick(() => {
       alive.value = true;
@@ -205,19 +209,25 @@ const onChangeName = (node) => {
   });
 };
 // 删除
-const onDeltet = (node) => {
-  console.log(node, '删除菜单');
-  if (node.pid == 'root') {
+let onDeltet = (node) => {
+  delNode={...node}
+  console.log('点击删除',delNode)
+};
+//确定删除
+let confirmDel=()=>{
+ console.log(delNode, '确定删除')
+  if (delNode.pid == 'root') {
     createMessage.warning('根节点不能被删除!');
-  }else if(node.children){
+  } else if (delNode.children) {
     createMessage.warning('该节点无法被删除,请先删除该节点下的子节点!');
   } else {
-    delMenu({ id: node.id }).then((res) => {
+    delMenu({ id: delNode.id }).then((res) => {
       console.log(res, '删除文件');
       getTreeList();
     });
   }
-};
+}
+//取消删除
 //查询列表
 let onSearch = () => {
   console.log(fileName.value, '查询参数');
@@ -232,7 +242,7 @@ let beforeUpload = (file) => {
   fileList.length = 0;
   let index = file.name.indexOf('.')
   let name = file.name.substring(index + 1)
-  if (name == 'png' || name=='jpg' || name=='gif' || name=='psd' || name=='webp') {
+  if (name == 'png' || name == 'jpg' || name == 'gif' || name == 'psd' || name == 'webp') {
     createMessage.warning('禁止上传图片类型的文件!');
   } else {
     const formData = new FormData();