修改我创建的数据集

src/views/mallResourceDevelopment/dataSet/datasetByCreate/GroupTree.vue

 <template>
-  <div class="m-5 mr-0 overflow-hidden bg-white">
+  <div class=" overflow-hidden bg-white">
     <BasicTree
       title=""
       ref="treeRef"

src/views/mallResourceDevelopment/dataSet/datasetByCreate/addFileModal.vue

@@ -7,24 +7,23 @@
     @ok="handleSubmit"
   >
     <BasicForm @register="registerForm" />
-    <EditFileModal @register="registerEditFile" />
   </BasicModal>
 </template>
 <script lang="ts" setup>
   import { ref, unref } from 'vue';
-  import { BasicModal, useModal, useModalInner } from '@/components/Modal';
+  import { BasicModal, useModalInner } from '@/components/Modal';
   import { BasicForm, useForm } from '@/components/Form';
   import { addFileFormSchema } from './data';
-  import { TreeData } from './dataFileData';
-  import EditFileModal from './editFileModal.vue';
+  import { newFileTreeData } from './dataFileData';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   defineOptions({ name: 'AccountModal' });
 
   const emit = defineEmits(['success', 'register']);
   const isUpdate = ref(true);
   const title = ref();
+  const { createMessage } = useMessage();
 
-  const [registerEditFile, { openModal: openEditFileModal }] = useModal();
   //获取接口数据并放在下拉框里（这里是打开了一个弹框）
   //初始化表单
   const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
@@ -49,7 +48,7 @@
       });
     }
     title.value = data.title;
-    const treeList = handleTree(TreeData, 'businessId', undefined, undefined, undefined);
+    const treeList = handleTree(newFileTreeData, 'businessId', undefined, undefined, undefined);
     updateSchema([
       {
         field: 'path',
@@ -94,9 +93,7 @@
       const values = await validate();
       setModalProps({ confirmLoading: true });
       closeModal();
-      openEditFileModal(true, {
-        title: '编辑文件',
-      });
+      createMessage.success('新建成功');
     } finally {
       setModalProps({ confirmLoading: false });
     }

src/views/mallResourceDevelopment/dataSet/datasetByCreate/dataFileData.ts

-import { informationColumns } from '@/views/mallResourceDevelopment/dataSet/datasetByCreate/data';
 
 export const tableList: any[] = [
   {
@@ -457,3 +456,215 @@ export const basicOldData = {
   version: 'V9.0',
   source: '元数据',
 };
+export const newFileTreeData: any[] = [
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 100,
+    parentWorkSpaceName: '公共数据集',
+    workSpaceName: '公共数据集',
+    parentId: 0,
+    'code:': '001',
+    ancestors: '0',
+    orderNum: 0,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 101,
+    parentWorkSpaceName: '公共数据集',
+    workSpaceName: '党建建设',
+    parentId: 100,
+    'code:': '002',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 201,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '基本信息',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 202,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '党员发展计划',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 203,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '主题教育活动',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 204,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '党建工作总结',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 205,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '党史知识竞赛',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 206,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '红色文化展览',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 207,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '志愿服务活动',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 208,
+    parentWorkSpaceName: '党建建设',
+    workSpaceName: '党员风采展示',
+    parentId: 101,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 102,
+    parentWorkSpaceName: '公共数据集',
+    workSpaceName: '交通信息',
+    parentId: 100,
+    'code:': '004',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 209,
+    parentWorkSpaceName: '交通信息',
+    workSpaceName: '城市公交优化方案',
+    parentId: 102,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 210,
+    parentWorkSpaceName: '交通信息',
+    workSpaceName: '智能交通系统部署',
+    parentId: 102,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+  {
+    delFlag: '0',
+    flag: '1',
+    businessId: 211,
+    parentWorkSpaceName: '交通信息',
+    workSpaceName: '绿色出行倡议',
+    parentId: 102,
+    'code:': '003',
+    ancestors: '0,100',
+    orderNum: 1,
+    children: [],
+    selectType: null,
+    createTime: '2024-10-24 10:04:04',
+    createBy: 'admin',
+  },
+];

src/views/mallResourceDevelopment/dataSet/datasetByCreate/datasetByCreateDetail.vue

@@ -22,8 +22,8 @@
         </div>
         <div class="buttonGroup">
           <a-button type="primary" @click="handleVersionPublish">版本发布</a-button>
-          <a-button type="primary" @click="handleParameterConfiguration">版本管理</a-button>
-          <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="handleUp">上架</a-button>
           <a-button type="primary" @click="handleVersionManagement">编辑</a-button>
         </div>
@@ -178,7 +178,7 @@
 
   defineOptions({ name: 'AccountDetail' });
 
-  const { createMessage } = useMessage();
+  const { createMessage, createConfirm } = useMessage();
   const ATabs = Tabs;
   const ATabPane = Tabs.TabPane;
   const currentKey = ref('1');
@@ -256,6 +256,18 @@
       title: '申请发布V10.0版本：数据集1',
     });
   }
+  function handleDelete() {
+    createConfirm({
+      iconType: 'warning',
+      title: '确认删除',
+      content: '确认删除吗？',
+      onOk() {
+        router.back();
+        createMessage.success('删除成功!');
+      },
+    });
+  }
+
   function goBack() {
     router.back();
   }

src/views/mallResourceDevelopment/dataSet/datasetByCreate/editFileModal.vue

@@ -201,9 +201,8 @@
   }
 
   function handleSubmit() {
-    router.push({
-      path: '/dataset/datasetByCreate/datasetByCreateDetail',
-    });
+    closeModal();
+    createMessage.success('提交成功');
   }
 </script>
 <style lang="scss" scoped>

src/views/mallResourceDevelopment/dataSet/datasetByCreate/index.vue

 <template>
   <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
     <GroupTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
-    <BasicTable @register="registerTable" class="w-3/4 xl:w-4/5">
-      <template #toolbar>
-        <a-button type="primary" @click="deleteButton">删除</a-button>
-        <a-button type="primary" @click="handleMove(1)">移动</a-button>
-        <a-button type="primary" @click="batchUploading">批量上架</a-button>
-        <a-button type="primary" @click="handleNewFolder">新建文件夹</a-button>
-        <a-button type="primary" @click="handleDataEntry">新建文件</a-button>
-      </template>
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'status'">
-          <template v-if="record.uploadStatus === '0'">
-            <Icon icon="grommet-icons:status-good" color="green" /><span>已发布</span>
+    <div class="w-3/4 xl:w-4/5">
+      <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'" />
+        <div style="margin-left: 10px">
+          <span class="title">test</span>
+          <div>
+            <span class="path">我创建的</span>
+          </div>
+        </div>
+        <a-button style="margin-left: 550px" type="primary" @click="deleteButton">删除</a-button>
+        <a-button style="margin-left: 10px" type="primary" @click="handleMove(1)">移动</a-button>
+        <a-button style="margin-left: 10px" type="primary" @click="batchUploading"
+          >批量上架</a-button
+        >
+        <a-button style="margin-left: 10px" type="primary" @click="handleNewFolder"
+          >新建文件夹</a-button
+        >
+        <a-button style="margin-left: 10px" type="primary" @click="handleCataloging"
+          >新建编目</a-button
+        >
+        <a-button style="margin-left: 10px" type="primary" @click="handleDataEntry"
+          >新建文件</a-button
+        >
+        <a-button style="margin-left: 10px" type="primary" @click="handleDataEntry"
+          >批量新建</a-button
+        >
+      </div>
+      <BasicTable style="background-color: white" @register="registerTable">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'status'">
+            <template v-if="record.uploadStatus === '0'">
+              <Icon icon="grommet-icons:status-good" color="green" /><span>已发布</span>
+            </template>
+            <template v-if="record.uploadStatus === '1'">
+              <Icon icon="carbon:error-outline" color="red" /><span>未发布</span>
+            </template>
           </template>
-          <template v-if="record.uploadStatus === '1'">
-            <Icon icon="carbon:error-outline" color="red" /><span>未发布</span>
+          <template v-if="column.key === 'uploadStatus'">
+            <template v-if="record.uploadStatus === '0'">
+              <Icon icon="grommet-icons:status-good" color="green" /><span>已上架</span>
+            </template>
+            <template v-if="record.uploadStatus === '1'">
+              <Icon icon="carbon:error-outline" color="red" /><span>未上架</span>
+            </template>
           </template>
-        </template>
-        <template v-if="column.key === 'uploadStatus'">
-          <template v-if="record.uploadStatus === '0'">
-            <Icon icon="grommet-icons:status-good" color="green" /><span>已上架</span>
+          <template v-if="column.key === 'name'">
+            <div @click="handleDetail" style="color: #6499e9">
+              <Icon icon="carbon:folder" />
+              <span>{{ record.name }}</span>
+            </div>
           </template>
-          <template v-if="record.uploadStatus === '1'">
-            <Icon icon="carbon:error-outline" color="red" /><span>未上架</span>
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                {
+                  label: '上架',
+                  popConfirm: {
+                    title: '是否确认删除',
+                    placement: 'left',
+                    confirm: handleUpload.bind(null),
+                  },
+                },
+                {
+                  label: '编辑',
+                  onClick: handEdit.bind(null),
+                },
+                {
+                  label: '删除',
+                  popConfirm: {
+                    title: '是否确认删除',
+                    placement: 'left',
+                    confirm: handDelete.bind(null),
+                  },
+                },
+              ]"
+            />
           </template>
         </template>
-        <template v-if="column.key === 'action'">
-          <TableAction
-            :actions="[
-              {
-                label: '上架',
-                onClick: handleUpload.bind(null, 0, record),
-              },
-              {
-                label: '删除',
-                onClick: handDelete.bind(null),
-              },
-            ]"
-          />
-        </template>
-      </template>
-    </BasicTable>
+      </BasicTable>
+    </div>
     <MoveFile @register="registerMoveFile" />
     <NewFolder @register="registerNewFolder" />
     <AddFileModal @register="registerAddFileModal" />
+    <EditFileModal @register="registerEditFile" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -60,11 +100,15 @@
   import GroupTree from './GroupTree.vue';
   import Icon from '@/components/Icon/Icon.vue';
   import AddFileModal from './addFileModal.vue';
+  import { router } from '@/router';
+  import EditFileModal from '@/views/mallResourceDevelopment/dataSet/datasetByCreate/editFileModal.vue';
 
   const { createMessage, createConfirm } = useMessage();
   const [registerMoveFile, { openModal: openMoveFileModal }] = useModal();
   const [registerNewFolder, { openModal: openNewFolderModal }] = useModal();
   const [registerAddFileModal, { openModal: openAddFileModal }] = useModal();
+  const [registerEditFile, { openModal: openEditFileModal }] = useModal();
+
   const [registerTable, { reload, getRowSelection }] = useTable({
     api: async () => {
       const response = {
@@ -94,7 +138,7 @@
       return info;
     },
     actionColumn: {
-      width: 100,
+      width: 120,
       title: '操作',
       dataIndex: 'action',
     },
@@ -111,12 +155,15 @@
       isUpdate: false,
     });
   }
+  function handleCataloging() {
+    openNewFolderModal(true, {
+      isUpdate: true,
+    });
+  }
 
   /** 移动按钮*/
-  function handleMove(isMove, record: Recordable) {
-    // console.log('record',record)
+  function handleMove(isMove) {
     openMoveFileModal(true, {
-      record,
       isMove: isMove,
     });
   }
@@ -151,7 +198,16 @@
       },
     });
   }
-
+  function handleDetail() {
+    router.push({
+      path: '/dataset/datasetByCreate/datasetByCreateDetail',
+    });
+  }
+  function handEdit() {
+    openEditFileModal(true, {
+      title: '编辑文件',
+    });
+  }
   /** 部门树的select*/
   function handleSelect() {
     reload();
@@ -159,3 +215,13 @@
 
   onMounted(() => {});
 </script>
+<style scoped>
+  .title {
+    font-size: 16px;
+    font-weight: 500;
+  }
+  .path {
+    font-size: 14px;
+    color: gray;
+  }
+</style>

src/views/mallResourceDevelopment/dataSet/datasetByCreate/newFolder.vue

@@ -85,7 +85,7 @@
     return treeData !== '' ? treeData : data;
   }
 
-  const getTitle = computed(() => (!unref(isUpdate) ? '新建主体' : '编辑主体'));
+  const getTitle = computed(() => (!unref(isUpdate) ? '新建文件夹' : '新建编目'));
 
   async function handleSubmit() {
     try {

src/views/scriptDevelopment/functionManagement/index.vue

@@ -198,3 +198,13 @@
     console.log('选择节点selectedDeptId:', deptId);
   };
 </script>
+<style scoped>
+.title {
+  font-size: 16px;
+  font-weight: 500;
+}
+.path {
+  font-size: 14px;
+  color: gray;
+}
+</style>

src/views/scriptDevelopment/selfServiceTableCreation/index.vue

@@ -204,3 +204,13 @@
     console.log('选择节点selectedDeptId:', deptId);
   };
 </script>
+<style scoped>
+  .title {
+    font-size: 16px;
+    font-weight: 500;
+  }
+  .path {
+    font-size: 14px;
+    color: gray;
+  }
+</style>