Commit daee8579 authored by liwei's avatar liwei

通用文件操作页面

parent 4cda9523
<template> <template>
<div class="m-4 mr-0 overflow-hidden bg-white"> <div>
<BasicTree <BasicTree
title="" title=""
ref="treeRef" ref="treeRef"
toolbar toolbar
search search
treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
:clickRowToExpand="true" :clickRowToExpand="true"
:defaultExpandAll="true" :defaultExpandAll="true"
:treeData="treeData" :treeData="treeData"
......
<template> <template>
<div class="homePage_module"> <div class="homePage_module">
<Row :gutter="16" class="homePage_left"> <Row :gutter="16" class="homePage_left">
<Col :span="6" class="homePage_right"> <Col :span="6" class="homePage_right" style="background-color: white">
<DeptTree @select="handleSelect" /> <DetailTree @select="handleSelect" />
</Col> </Col>
<Col :span="18"> <Col :span="18">
<Card title="Data governance workspace 资源统计"> <Card :title="title">
<div class="card_content"> <div class="card_content">
<div class="card_item"> <div class="card_item">
<div class="card_itemInfo"> <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 class="dataTitle">运行</div>
</div> </div>
</div> </div>
...@@ -21,19 +21,19 @@ ...@@ -21,19 +21,19 @@
</div> </div>
<div class="card_item"> <div class="card_item">
<div class="card_itemInfo" @click=""> <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 class="dataTitle">保存</div>
</div> </div>
</div> </div>
<div class="card_item"> <div class="card_item">
<div class="card_itemInfo"> <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 class="dataTitle">发布</div>
</div> </div>
</div> </div>
<div class="card_item"> <div class="card_item">
<div class="card_itemInfo"> <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 class="dataTitle">任务列表</div>
</div> </div>
</div> </div>
...@@ -45,13 +45,13 @@ ...@@ -45,13 +45,13 @@
</div> </div>
<div class="card_item"> <div class="card_item">
<div class="card_itemInfo"> <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 class="dataTitle">参数设置</div>
</div> </div>
</div> </div>
<div class="card_item"> <div class="card_item">
<div class="card_itemInfo"> <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 class="dataTitle">任务流配置</div>
</div> </div>
</div> </div>
...@@ -68,11 +68,17 @@ ...@@ -68,11 +68,17 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Card, Col, Row, Space, message,Tabs,Badge } from 'ant-design-vue'; import { Card, Col, Row, Space, message,Tabs,Badge } from 'ant-design-vue';
import Icon from '@/components/Icon/Icon.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 {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 activeKey = ref('1');
const title = ref('')
const route = useRoute();
onMounted(() => {
title.value = route.query.fileName
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.homePage_module{ .homePage_module{
...@@ -80,7 +86,7 @@ const activeKey = ref('1'); ...@@ -80,7 +86,7 @@ const activeKey = ref('1');
padding: 20px; padding: 20px;
.homePage_left{ .homePage_left{
.homePage_img{ .homePage_img{
width: 93%; width: 100%;
} }
::v-deep(.ant-tabs-tab) { ::v-deep(.ant-tabs-tab) {
font-size: 18px; font-size: 18px;
......
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
router.push({ router.push({
path: '/commonFile/fileDetail', path: '/commonFile/fileDetail',
query: { query: {
fileName: record.fileName,
}, },
}); });
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment