通用文件操作页面

src/views/commonFile/DetailTree.vue

 <template>
-  <div class="m-4 mr-0 overflow-hidden bg-white">
+  <div>
     <BasicTree
       title=""
       ref="treeRef"
       toolbar
       search
-      treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
       :clickRowToExpand="true"
       :defaultExpandAll="true"
       :treeData="treeData"

src/views/commonFile/fileDetail.vue

 <template>
   <div class="homePage_module">
     <Row :gutter="16" class="homePage_left">
-      <Col :span="6" class="homePage_right">
-        <DeptTree  @select="handleSelect" />
+      <Col :span="6" class="homePage_right" style="background-color: white">
+        <DetailTree  @select="handleSelect" />
       </Col>
       <Col :span="18">
-        <Card title="Data governance workspace 资源统计">
+        <Card :title="title">
           <div class="card_content">
             <div class="card_item">
               <div class="card_itemInfo">
-                <div class="dataNum"><Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /></div>
+                <div class="dataNum"><Icon icon="ant-design:caret-right-filled" :size="30" :color="'#1091FE'" /></div>
                 <div class="dataTitle">运行</div>
               </div>
             </div>
@@ -21,19 +21,19 @@
             </div>
             <div class="card_item">
               <div class="card_itemInfo" @click="">
-                <div class="dataNum"><Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /></div>
+                <div class="dataNum"><Icon icon="ant-design:check-circle-outlined" :size="30" :color="'#1091FE'" /></div>
                 <div class="dataTitle">保存</div>
               </div>
             </div>
             <div class="card_item">
               <div class="card_itemInfo">
-                <div class="dataNum"><Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /></div>
+                <div class="dataNum"><Icon icon="ant-design:send-outlined" :size="30" :color="'#1091FE'" /></div>
                 <div class="dataTitle">发布</div>
               </div>
             </div>
             <div class="card_item">
               <div class="card_itemInfo">
-                <div class="dataNum"><Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /></div>
+                <div class="dataNum"><Icon icon="ant-design:menu-unfold-outlined" :size="30" :color="'#1091FE'" /></div>
                 <div class="dataTitle">任务列表</div>
               </div>
             </div>
@@ -45,13 +45,13 @@
             </div>
             <div class="card_item">
               <div class="card_itemInfo">
-                <div class="dataNum"><Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /></div>
+                <div class="dataNum"><Icon icon="ant-design:setting-twotone" :size="30" :color="'#1091FE'" /></div>
                 <div class="dataTitle">参数设置</div>
               </div>
             </div>
             <div class="card_item">
               <div class="card_itemInfo">
-                <div class="dataNum"><Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /></div>
+                <div class="dataNum"><Icon icon="ant-design:setting-outlined" :size="30" :color="'#1091FE'" /></div>
                 <div class="dataTitle">任务流配置</div>
               </div>
             </div>
@@ -68,11 +68,17 @@
 <script lang="ts" setup>
 import { Card, Col, Row, Space, message,Tabs,Badge } from 'ant-design-vue';
 import Icon from '@/components/Icon/Icon.vue';
-import { ref,reactive } from 'vue';
+import {ref, reactive, onMounted} from 'vue';
 import {AdvanceState} from "@/components/Form/src/types/hooks";
-import DeptTree from './FileTree.vue';
+import DetailTree from './DetailTree.vue';
+import { useRoute,onBeforeRouteLeave } from 'vue-router';
 const activeKey = ref('1');
+const title = ref('')
+const route = useRoute();
+onMounted(() => {
+  title.value = route.query.fileName
 
+});
 </script>
 <style lang="scss" scoped>
 .homePage_module{
@@ -80,7 +86,7 @@ const activeKey = ref('1');
   padding: 20px;
   .homePage_left{
     .homePage_img{
-      width: 93%;
+      width: 100%;
     }
     ::v-deep(.ant-tabs-tab) {
       font-size: 18px;

src/views/commonFile/index.vue

@@ -142,7 +142,7 @@
     router.push({
       path: '/commonFile/fileDetail',
       query: {
-
+        fileName: record.fileName,
       },
     });
   }