Commit b4081aa7 authored by 罗林杰's avatar 罗林杰

修改数据集,文件我创建的

parent c9483d49
<template> <template>
<div class=" overflow-hidden bg-white"> <div class="overflow-hidden bg-white">
<a-input placeholder="" style="margin: 10px 0">
<template #prefix>
<Icon icon="ant-design:search-outlined" :size="20" />
</template>
</a-input>
<BasicTree <BasicTree
title="" title=""
ref="treeRef" ref="treeRef"
style="padding-left: 15px"
search
treeWrapperClassName="h-[calc(100%-35px)] overflow-auto" treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
:defaultExpandAll="true" :defaultExpandAll="true"
:treeData="treeData" :treeData="treeData"
...@@ -16,6 +23,7 @@ ...@@ -16,6 +23,7 @@
import { BasicTree, TreeActionType, TreeItem } from '@/components/Tree'; import { BasicTree, TreeActionType, TreeItem } from '@/components/Tree';
import { Nullable } from 'packages/types/src/index'; import { Nullable } from 'packages/types/src/index';
import { TreeData } from './dataFileData'; import { TreeData } from './dataFileData';
import Icon from '@/components/Icon/Icon.vue';
const emit = defineEmits(['select']); const emit = defineEmits(['select']);
const treeData = ref<TreeItem[]>([]); const treeData = ref<TreeItem[]>([]);
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<a-button type="primary" @click="handleVersionManagement">版本管理</a-button> <a-button type="primary" @click="handleVersionManagement">版本管理</a-button>
<a-button type="primary" @click="handleDelete">删除</a-button> <a-button type="primary" @click="handleDelete">删除</a-button>
<a-button type="primary" @click="handleUp">上架</a-button> <a-button type="primary" @click="handleUp">上架</a-button>
<a-button type="primary" @click="handleVersionManagement">编辑</a-button> <a-button type="primary" @click="handEdit">编辑</a-button>
</div> </div>
</div> </div>
</template> </template>
...@@ -139,13 +139,13 @@ ...@@ -139,13 +139,13 @@
</template> </template>
</div> </div>
<VersionPublishModal @register="registerVersionPublishModal" /> <VersionPublishModal @register="registerVersionPublishModal" />
<EditFileModal @register="registerEditFile" />
</PageWrapper> </PageWrapper>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref } from 'vue'; import { onMounted, ref } from 'vue';
import { PageWrapper } from '@/components/Page'; import { PageWrapper } from '@/components/Page';
import { useTabs } from '@/hooks/web/useTabs';
import { Tabs } from 'ant-design-vue'; import { Tabs } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage'; import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router'; import { router } from '@/router';
...@@ -175,6 +175,8 @@ ...@@ -175,6 +175,8 @@
import { BasicTable, useTable } from '@/components/Table'; import { BasicTable, useTable } from '@/components/Table';
import { useModal } from '@/components/Modal'; import { useModal } from '@/components/Modal';
import VersionPublishModal from './versionPublishModal.vue'; import VersionPublishModal from './versionPublishModal.vue';
import EditFileModal
from "@/views/mallResourceDevelopment/dataSet/datasetByCreate/editFileModal.vue";
defineOptions({ name: 'AccountDetail' }); defineOptions({ name: 'AccountDetail' });
...@@ -184,6 +186,7 @@ ...@@ -184,6 +186,7 @@
const currentKey = ref('1'); const currentKey = ref('1');
const [registerVersionPublishModal, { openModal: openVersionPublishModal }] = useModal(); const [registerVersionPublishModal, { openModal: openVersionPublishModal }] = useModal();
const [registerEditFile, { openModal: openEditFileModal }] = useModal();
const [registerTable] = useTable({ const [registerTable] = useTable({
api: async () => { api: async () => {
...@@ -255,6 +258,11 @@ ...@@ -255,6 +258,11 @@
title: '申请发布V10.0版本:数据集1', title: '申请发布V10.0版本:数据集1',
}); });
} }
function handEdit() {
openEditFileModal(true, {
title: '编辑文件',
});
}
function handleDelete() { function handleDelete() {
createConfirm({ createConfirm({
iconType: 'warning', iconType: 'warning',
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<GroupTree class="w-1/4 xl:w-1/5" @select="handleSelect" /> <GroupTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
<div class="w-3/4 xl:w-4/5"> <div class="w-3/4 xl:w-4/5">
<div style="display: flex; align-items: center; background-color: white; padding-top: 20px"> <div style="display: flex; align-items: center; background-color: white; padding-top: 20px">
<Icon style="margin-left: 30px" icon="ion:folder-outline" :size="50" :color="'#6499e9'" /> <Icon style="margin-left: 30px" icon="ion:folder-outline" :size="40" :color="'#6499e9'" />
<div style="margin-left: 10px"> <div style="margin-left: 10px">
<span class="title">test</span> <span class="title">test</span>
<div> <div>
...@@ -74,15 +74,11 @@ ...@@ -74,15 +74,11 @@
{ {
label: '上架', label: '上架',
popConfirm: { popConfirm: {
title: '是否确认删除', title: '是否确认上架',
placement: 'left', placement: 'left',
confirm: handleUpload.bind(null), confirm: handleUpload.bind(null),
}, },
}, },
{
label: '编辑',
onClick: handEdit.bind(null),
},
{ {
label: '删除', label: '删除',
popConfirm: { popConfirm: {
......
<template> <template>
<div class="overflow-hidden bg-white"> <div class="overflow-hidden bg-white">
<a-input placeholder="" style="margin: 10px 0">
<template #prefix>
<Icon icon="ant-design:search-outlined" :size="20" />
</template>
</a-input>
<BasicTree <BasicTree
title="" title=""
ref="treeRef" ref="treeRef"
style="padding-left: 15px"
treeWrapperClassName="h-[calc(100%-35px)] overflow-auto" treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
:defaultExpandAll="true" :defaultExpandAll="true"
:treeData="treeData" :treeData="treeData"
...@@ -16,6 +22,7 @@ ...@@ -16,6 +22,7 @@
import { BasicTree, TreeActionType, TreeItem } from '@/components/Tree'; import { BasicTree, TreeActionType, TreeItem } from '@/components/Tree';
import { Nullable } from 'packages/types/src/index'; import { Nullable } from 'packages/types/src/index';
import { TreeData } from './dataFileData'; import { TreeData } from './dataFileData';
import Icon from "@/components/Icon/Icon.vue";
const emit = defineEmits(['select']); const emit = defineEmits(['select']);
const treeData = ref<TreeItem[]>([]); const treeData = ref<TreeItem[]>([]);
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<a-button type="primary" @click="handleVersionManagement">版本管理</a-button> <a-button type="primary" @click="handleVersionManagement">版本管理</a-button>
<a-button type="primary" @click="handleDelete">删除</a-button> <a-button type="primary" @click="handleDelete">删除</a-button>
<a-button type="primary" @click="handleUp">上架</a-button> <a-button type="primary" @click="handleUp">上架</a-button>
<a-button type="primary" @click="handleVersionManagement">编辑</a-button> <a-button type="primary" @click="handEdit">编辑</a-button>
</div> </div>
</div> </div>
</template> </template>
...@@ -139,6 +139,7 @@ ...@@ -139,6 +139,7 @@
</template> </template>
</div> </div>
<VersionPublishModal @register="registerVersionPublishModal" /> <VersionPublishModal @register="registerVersionPublishModal" />
<EditFileModal @register="registerEditFile" />
</PageWrapper> </PageWrapper>
</template> </template>
...@@ -175,6 +176,7 @@ ...@@ -175,6 +176,7 @@
import { BasicTable, useTable } from '@/components/Table'; import { BasicTable, useTable } from '@/components/Table';
import { useModal } from '@/components/Modal'; import { useModal } from '@/components/Modal';
import VersionPublishModal from './versionPublishModal.vue'; import VersionPublishModal from './versionPublishModal.vue';
import EditFileModal from '@/views/mallResourceDevelopment/file/fileByCreate/editFileModal.vue';
defineOptions({ name: 'AccountDetail' }); defineOptions({ name: 'AccountDetail' });
...@@ -184,6 +186,7 @@ ...@@ -184,6 +186,7 @@
const currentKey = ref('1'); const currentKey = ref('1');
const [registerVersionPublishModal, { openModal: openVersionPublishModal }] = useModal(); const [registerVersionPublishModal, { openModal: openVersionPublishModal }] = useModal();
const [registerEditFile, { openModal: openEditFileModal }] = useModal();
const [registerTable] = useTable({ const [registerTable] = useTable({
api: async () => { api: async () => {
...@@ -255,6 +258,11 @@ ...@@ -255,6 +258,11 @@
title: '申请发布V10.0版本:数据集1', title: '申请发布V10.0版本:数据集1',
}); });
} }
function handEdit() {
openEditFileModal(true, {
title: '编辑文件',
});
}
function handleDelete() { function handleDelete() {
createConfirm({ createConfirm({
iconType: 'warning', iconType: 'warning',
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<GroupTree class="w-1/4 xl:w-1/5" @select="handleSelect" /> <GroupTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
<div class="w-3/4 xl:w-4/5"> <div class="w-3/4 xl:w-4/5">
<div style="display: flex; align-items: center; background-color: white; padding-top: 20px"> <div style="display: flex; align-items: center; background-color: white; padding-top: 20px">
<Icon style="margin-left: 30px" icon="ion:folder-outline" :size="50" :color="'#6499e9'" /> <Icon style="margin-left: 30px" icon="ion:folder-outline" :size="40" :color="'#6499e9'" />
<div style="margin-left: 10px"> <div style="margin-left: 10px">
<span class="title">test</span> <span class="title">test</span>
<div> <div>
...@@ -74,15 +74,11 @@ ...@@ -74,15 +74,11 @@
{ {
label: '上架', label: '上架',
popConfirm: { popConfirm: {
title: '是否确认删除', title: '是否确认上架',
placement: 'left', placement: 'left',
confirm: handleUpload.bind(null), confirm: handleUpload.bind(null),
}, },
}, },
{
label: '编辑',
onClick: handEdit.bind(null),
},
{ {
label: '删除', label: '删除',
popConfirm: { popConfirm: {
...@@ -243,3 +239,13 @@ ...@@ -243,3 +239,13 @@
isDisabled.value = true; isDisabled.value = true;
}); });
</script> </script>
<style scoped>
.title {
font-size: 16px;
font-weight: 500;
}
.path {
font-size: 14px;
color: gray;
}
</style>
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