From 897a8bed1ce52e20ad1be4e76031d0d4a4f15b19 Mon Sep 17 00:00:00 2001
From: jiang <jiang@bonus>
Date: Sun, 24 Nov 2024 12:57:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dataCenter/annotationTask.js          |  20 ++
 src/api/dataCenter/dataSet.js                 |  27 ++
 src/api/dataCenter/releaseVersion.js          |  20 ++
 src/api/dataCenter/teamMember.js              |   7 +
 src/assets/images/ObjectDetection_YOLO.png    | Bin 0 -> 10827 bytes
 .../dataSet/child/addDataSetDialog.vue        | 191 +++++++++++
 .../dataSet/child/annotationTaskDialog.vue    | 145 +++++++++
 .../dataSet/child/releaseVersionDialog.vue    |  96 ++++++
 .../dataSet/child/selectFolderDialog.vue      | 299 ++++++++++++++++++
 .../dataSet/child/selectPersonnelDialog.vue   | 150 +++++++++
 .../dataCenter/dataSet/components/dataSet.vue | 274 ++++++++++++++++
 .../dataSet/components/sharedDataSet.vue      | 197 ++++++++++++
 src/views/dataCenter/dataSet/index.vue        |  58 ++++
 .../dataCenter/library/components/file.vue    |   2 +-
 .../library/components/recycleBinFile.vue     |   2 +-
 15 files changed, 1486 insertions(+), 2 deletions(-)
 create mode 100644 src/api/dataCenter/annotationTask.js
 create mode 100644 src/api/dataCenter/dataSet.js
 create mode 100644 src/api/dataCenter/releaseVersion.js
 create mode 100644 src/assets/images/ObjectDetection_YOLO.png
 create mode 100644 src/views/dataCenter/dataSet/child/addDataSetDialog.vue
 create mode 100644 src/views/dataCenter/dataSet/child/annotationTaskDialog.vue
 create mode 100644 src/views/dataCenter/dataSet/child/releaseVersionDialog.vue
 create mode 100644 src/views/dataCenter/dataSet/child/selectFolderDialog.vue
 create mode 100644 src/views/dataCenter/dataSet/child/selectPersonnelDialog.vue
 create mode 100644 src/views/dataCenter/dataSet/components/dataSet.vue
 create mode 100644 src/views/dataCenter/dataSet/components/sharedDataSet.vue
 create mode 100644 src/views/dataCenter/dataSet/index.vue

diff --git a/src/api/dataCenter/annotationTask.js b/src/api/dataCenter/annotationTask.js
new file mode 100644
index 00000000..b5a301a8
--- /dev/null
+++ b/src/api/dataCenter/annotationTask.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+//查询数据集
+export function list(query) {
+  return request({
+    url: '/ai/version/list',
+    method: 'get',
+    params: query
+  })
+}
+//创建数据集
+export function add(data) {
+  return request({
+    url: '/ai/annotationTask/create',
+    method: 'post',
+    data: data
+  })
+}
+
+
diff --git a/src/api/dataCenter/dataSet.js b/src/api/dataCenter/dataSet.js
new file mode 100644
index 00000000..ccbd62fd
--- /dev/null
+++ b/src/api/dataCenter/dataSet.js
@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+//查询数据集
+export function list(query) {
+  return request({
+    url: '/ai/dataset/list',
+    method: 'get',
+    params: query
+  })
+}
+//创建数据集
+export function add(data) {
+  return request({
+    url: '/ai/dataset/create',
+    method: 'post',
+    data: data
+  })
+}
+
+//删除数据集
+export function del(dataSetIds) {
+  return request({
+    url: '/ai/dataset/delete/'+dataSetIds,
+    method: 'post'
+  })
+}
+
diff --git a/src/api/dataCenter/releaseVersion.js b/src/api/dataCenter/releaseVersion.js
new file mode 100644
index 00000000..668c11d0
--- /dev/null
+++ b/src/api/dataCenter/releaseVersion.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+//查询数据集
+export function list(query) {
+  return request({
+    url: '/ai/version/list',
+    method: 'get',
+    params: query
+  })
+}
+//创建数据集
+export function add(data) {
+  return request({
+    url: '/ai/version/release',
+    method: 'post',
+    data: data
+  })
+}
+
+
diff --git a/src/api/dataCenter/teamMember.js b/src/api/dataCenter/teamMember.js
index 02a6b985..a369110a 100644
--- a/src/api/dataCenter/teamMember.js
+++ b/src/api/dataCenter/teamMember.js
@@ -8,6 +8,13 @@ export function list(query) {
     params: query
   })
 }
+export function getAllList() {
+  return request({
+    url: '/ai/teamMember/getAllList',
+    method: 'get'
+  })
+}
+
 
 // 查询标注人员和角色关联详细
 export function getTeamMember(memberId) {
diff --git a/src/assets/images/ObjectDetection_YOLO.png b/src/assets/images/ObjectDetection_YOLO.png
new file mode 100644
index 0000000000000000000000000000000000000000..c05c811e8cdee5dd8c2e46e4c1111a46e4f0d7a5
GIT binary patch
literal 10827
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
MBC^7z@AZ8C56$8L;Q#;t

literal 0
HcmV?d00001

diff --git a/src/views/dataCenter/dataSet/child/addDataSetDialog.vue b/src/views/dataCenter/dataSet/child/addDataSetDialog.vue
new file mode 100644
index 00000000..4e566239
--- /dev/null
+++ b/src/views/dataCenter/dataSet/child/addDataSetDialog.vue
@@ -0,0 +1,191 @@
+<template>
+  <div>
+    <el-dialog title="创建数据集" :visible.sync="isOpen" width="700px" append-to-body @close="cancel" :close-on-click-modal="false">
+      <el-form ref="form"  :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="名称" prop="datasetName">
+          <el-input v-model="form.datasetName" maxlength="20" placeholder="请输入名称" />
+        </el-form-item>
+        <el-form-item label="描述" prop="datasetDesc">
+          <el-input
+            type="textarea"
+            placeholder="请输入描述"
+            v-model="form.datasetDesc"
+            maxlength="200"
+            show-word-limit
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="数据类型" prop="dataType">
+          <el-radio-group v-model="form.dataType">
+            <el-radio :label="0" border>图片</el-radio>
+            <el-radio :label="1" border>视频</el-radio>
+            <el-radio :label="2" border>音频</el-radio>
+            <el-radio :label="3" border>自由格式</el-radio>
+          </el-radio-group>
+          <div>
+            <span style="color: #8a8e99;font-size: 14px" v-show="form.dataType ===0">支持格式: .jpg、.png、.jpeg、.bmp</span>
+            <span style="color: #8a8e99;font-size: 14px" v-show="form.dataType ===2"> 支持格式: .wav</span>
+            <span style="color: #8a8e99;font-size: 14px" v-show="form.dataType ===1">支持格式: .mp4</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="数据来源" prop="dataSource" >
+          <el-radio-group v-model="form.dataSource" @change="dataSourceChange">
+            <el-radio :label="0" border>系统选择</el-radio>
+            <el-radio :label="1" border>本地上传</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="导入路径" prop="inputPath">
+          <el-input placeholder="请选择导入路径" readonly :disabled="true" v-model="form.inputPath" class="input-with-select">
+            <el-button slot="append" icon="el-icon-folder-opened"  @click="selectFolder(0)"></el-button>
+          </el-input>
+        </el-form-item>
+        <div v-show="form.dataSource ===1">
+          <el-form-item label="上传文件" prop="dataSource">
+            <uploadFiles :get-list="getList" :parent-id="form.inputPath" :fileUrl="form.inputPath"/>
+          </el-form-item>
+          <el-form-item label="数据来源" prop="isAnnotated">
+            <el-radio-group v-model="form.isAnnotated">
+              <el-radio :label="0" border>未标注</el-radio>
+              <el-radio :label="1" border>已标注</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-show="form.isAnnotated === 1">
+            <div style="display: flex;flex-direction: column;">
+              <span>文件存放方式满足YOLO格式</span>
+              <img style="width: 50%" :src="ObjectDetection_YOLO" alt="Weibo">
+            </div>
+          </el-form-item>
+        </div>
+        <el-form-item label="输出路径" prop="outputPath">
+          <el-input placeholder="请选择数据集输出路径" readonly :disabled="true" v-model="form.outputPath" class="input-with-select">
+            <el-button slot="append" icon="el-icon-folder-opened" @click="selectFolder(1)"></el-button>
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </template>
+    </el-dialog>
+    <selectFolderDialog :open="folderOpen" :folder-type="folderType" @dialog-cancel="handleCancel" @update-data ="updateData" />
+  </div>
+
+</template>
+
+<script>
+import ObjectDetection_YOLO from '@/assets/images/ObjectDetection_YOLO.png'
+import selectFolderDialog from './selectFolderDialog.vue'
+import uploadFiles from '../../library/child/uploadFiles.vue'
+import { add } from '@/api/dataCenter/dataSet'
+
+export default {
+  components: { uploadFiles, selectFolderDialog},
+  props: {
+    open: {
+      type: Boolean,
+      default: false,
+    },
+    getList: {
+      type: Function,
+      required: true,
+    },
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open;
+      },
+      set(value) {
+        this.$emit('update:open', value);
+      },
+    },
+  },
+  data() {
+    return {
+      ObjectDetection_YOLO:ObjectDetection_YOLO,
+      folderOpen: false,
+      folderType:0,
+      form: {
+        dataType:0,
+        dataSource:0,
+        inputId:0,
+        outputId:0
+      }, // 初始化为空
+      rules:{
+        datasetName:[
+          { required: true, message: '名称不能为空', trigger: 'blur' },
+        ],
+        datasetDesc:[
+          { required: true, message: '描述不能为空', trigger: 'blur' },
+        ],
+        dataType:[
+          { required: true, message: '数据类型不能为空', trigger: 'blur' },
+        ],
+        dataSource:[
+          { required: true, message: '数据来源不能为空', trigger: 'blur' },
+        ],
+        inputPath:[
+          { required: true, message: '导入路径不能为空', trigger: 'blur' },
+        ],
+        outputPath:[
+          { required: true, message: '输出路径不能为空', trigger: 'blur' },
+        ],
+      }
+    };
+  },
+  methods: {
+    // 数据提交
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          add(this.form).then(response => {
+            this.$modal.msgSuccess("新增成功");
+            this.cancel();
+            this.getList();
+          })
+        }
+      })
+      // 提交逻辑
+    },
+    // 取消按钮
+    cancel() {
+      this.isOpen = false;
+      this.reset();
+      this.$emit('dialog-cancel'); // 通知父组件
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        dataType:0,
+        dataSource:0,
+        inputId:0,
+        outputId:0}; // 清空表单
+      this.$refs.form.resetFields(); // 调用 Element UI 的重置方法
+    },
+    //选择文件夹
+    selectFolder(folderType){
+      this.folderType = folderType;
+      this.folderOpen = true;
+    },
+    handleCancel(){
+      this.folderOpen = false;
+    },
+    updateData(data){
+      if (data.folderType === 0) {
+        console.log(0)
+        this.form.inputPath = data.folder;
+        this.form.inputId = data.fileId
+      }else {
+        console.log(1)
+        this.form.outputPath = data.folder;
+        this.form.outputId = data.fileId
+      }
+      console.log()
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/* 样式按需定义 */
+</style>
diff --git a/src/views/dataCenter/dataSet/child/annotationTaskDialog.vue b/src/views/dataCenter/dataSet/child/annotationTaskDialog.vue
new file mode 100644
index 00000000..a44457ad
--- /dev/null
+++ b/src/views/dataCenter/dataSet/child/annotationTaskDialog.vue
@@ -0,0 +1,145 @@
+<template>
+  <div>
+    <el-dialog title="创建标注任务" :visible.sync="isOpen" width="500px" append-to-body @close="cancel" :close-on-click-modal="false">
+      <el-form ref="form"  :model="form" :rules="rules" label-width="70px">
+        <el-form-item label="名称" prop="taskName">
+          <el-input v-model="form.taskName" maxlength="20" placeholder="请输入版本名称" />
+        </el-form-item>
+        <el-form-item label="描述" prop="taskDesc">
+          <el-input
+            type="textarea"
+            placeholder="请输入描述"
+            v-model="form.taskDesc"
+            maxlength="200"
+            show-word-limit
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="标注类型" prop="annotateType">
+          <el-select v-model="form.annotateType" placeholder="请选择标注类型" clearable style="width: 100%">
+            <el-option v-for="dict in dict.type.ai_annotate_type" :key="dict.value" :label="dict.label"
+                       :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否启用标注团队" prop="isStartTeam" label-width="130px">
+          <el-switch
+            v-model="form.isStartTeam">
+          </el-switch>
+        </el-form-item>
+        <div v-show="form.isStartTeam">
+          <el-form-item label="选择标注人员" prop="isStartTeam" label-width="100px">
+            <el-button type="primary" @click="selectOpen=true">选择标注人员</el-button>
+          </el-form-item>
+          <el-form-item label="分配数量" prop="isStartTeam" label-width="100px">
+            <el-table
+              size="mini"
+              :data="tableData">
+              <el-table-column
+                prop="date"
+                label="姓名"
+                max-width="180">
+              </el-table-column>
+              <el-table-column
+                prop="name"
+                label="角色"
+                max-width="180">
+              </el-table-column>
+              <el-table-column
+                prop="address"
+                label="数量">
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </div>
+      </el-form>
+      <template #footer>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </template>
+    </el-dialog>
+
+    <select-personnel-dialog dataset-id="" :open="selectOpen" @dialog-cancel="handleCancel" @update-data ="updateData"/>
+  </div>
+
+</template>
+
+<script>
+
+import selectPersonnelDialog from '../child/selectPersonnelDialog.vue'
+import { add } from '@/api/dataCenter/releaseVersion'
+
+export default {
+  dicts: ['ai_annotate_type'],
+  components: {selectPersonnelDialog},
+  props: {
+    open: {
+      type: Boolean,
+      default: false,
+      required: true,
+    },
+    datasetId:{
+      type: Number,
+      default: 0,
+      required: true,
+    }
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open;
+      },
+      set(value) {
+        this.$emit('update:open', value);
+      },
+    },
+  },
+  data() {
+    return {
+      selectOpen:false,
+      form: {}, // 初始化为空
+      rules:{
+        versionName:[
+          { required: true, message: '版本名称不能为空', trigger: 'blur' },
+        ]
+      }
+    };
+  },
+  methods: {
+    // 数据提交
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.form.datasetId = this.datasetId;
+          add(this.form).then(response => {
+            this.$modal.msgSuccess("发布成功");
+            this.cancel();
+          })
+        }
+      })
+    },
+    updateData(data){
+      console.log(data)
+    },
+    // 取消按钮
+    cancel() {
+      this.isOpen = false;
+      this.reset();
+      this.$emit('dialog-cancel'); // 通知父组件
+    },
+    // 表单重置
+    reset() {
+      this.form = {}; // 清空表单
+      this.$refs.form.resetFields(); // 调用 Element UI 的重置方法
+    },
+    // 处理取消事件
+    handleCancel() {
+      this.selectOpen = false;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/* 样式按需定义 */
+</style>
diff --git a/src/views/dataCenter/dataSet/child/releaseVersionDialog.vue b/src/views/dataCenter/dataSet/child/releaseVersionDialog.vue
new file mode 100644
index 00000000..2e9c076b
--- /dev/null
+++ b/src/views/dataCenter/dataSet/child/releaseVersionDialog.vue
@@ -0,0 +1,96 @@
+<template>
+  <div>
+    <el-dialog title="发布版本" :visible.sync="isOpen" width="500px" append-to-body @close="cancel" :close-on-click-modal="false">
+      <el-form ref="form" label-position="top"  :model="form" :rules="rules" >
+        <el-form-item label="版本名称" prop="versionName">
+          <el-input v-model="form.versionName" maxlength="20" placeholder="请输入版本名称" />
+        </el-form-item>
+        <el-form-item label="描述" prop="versionDesc">
+          <el-input
+            type="textarea"
+            placeholder="请输入描述"
+            v-model="form.versionDesc"
+            maxlength="200"
+            show-word-limit
+          >
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </template>
+    </el-dialog>
+  </div>
+
+</template>
+
+<script>
+
+
+import { add } from '@/api/dataCenter/releaseVersion'
+
+export default {
+  props: {
+    open: {
+      type: Boolean,
+      default: false,
+      required: true,
+    },
+    datasetId:{
+      type: Number,
+      default: 0,
+      required: true,
+    }
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open;
+      },
+      set(value) {
+        this.$emit('update:open', value);
+      },
+    },
+  },
+  data() {
+    return {
+      form: {}, // 初始化为空
+      rules:{
+        versionName:[
+          { required: true, message: '版本名称不能为空', trigger: 'blur' },
+        ]
+      }
+    };
+  },
+  methods: {
+    // 数据提交
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.form.datasetId = this.datasetId;
+          add(this.form).then(response => {
+            this.$modal.msgSuccess("发布成功");
+            this.cancel();
+          })
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.isOpen = false;
+      this.reset();
+      this.$emit('dialog-cancel'); // 通知父组件
+    },
+    // 表单重置
+    reset() {
+      this.form = {}; // 清空表单
+      this.$refs.form.resetFields(); // 调用 Element UI 的重置方法
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/* 样式按需定义 */
+</style>
diff --git a/src/views/dataCenter/dataSet/child/selectFolderDialog.vue b/src/views/dataCenter/dataSet/child/selectFolderDialog.vue
new file mode 100644
index 00000000..8f77ae32
--- /dev/null
+++ b/src/views/dataCenter/dataSet/child/selectFolderDialog.vue
@@ -0,0 +1,299 @@
+<template>
+  <div>
+    <el-dialog title="目录位置" :visible.sync="open" width="40%" append-to-body @close="cancel" :close-on-click-modal="false">
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="success"
+            icon="el-icon-folder-add"
+            size="small"
+            @click="handleAdd"
+            v-hasPermi="['dataCenter:dataSetBasicFile:add']"
+          >新建文件夹</el-button>
+        </el-col>
+        <el-col :span="20">
+          <el-input placeholder="请输入内容" readonly :disabled="true" v-model="folder">
+            <el-button slot="prepend" type="success" icon="el-icon-arrow-left"   @click="popFromStack"></el-button>
+          </el-input>
+        </el-col>
+      </el-row>
+
+      <el-table ref="table" v-loading="loading" size="small" :data="fileList" :height="tableHeight"  @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="名称" prop="fileName" min-width="100">
+          <template slot-scope="scope">
+            <!-- 根据条件生成点击事件 -->
+            <span
+              :class="{ 'link-type': scope.row.isDirectory === '1' }"
+              @click="scope.row.isDirectory === '1' ? pushToStack(scope.row) : null"
+            >
+            {{ scope.row.fileName }}
+          </span>
+          </template>
+        </el-table-column>
+        <el-table-column label="类型" align="center" prop="fileUrl" min-width="100">
+          <template slot-scope="scope">
+          <span>
+            {{scope.row.isDirectory === '1'?'文件夹':scope.row.fileName.split('.').pop()}}
+          </span>
+          </template>
+        </el-table-column>
+        <el-table-column label="文件大小" align="center" prop="fileSize" min-width="100">
+          <template slot-scope="scope">
+            <span>{{scope.row.isDirectory === '1'?'-':scope.row.fileSize < 1024 * 1024?(scope.row.fileSize/1024).toFixed(2)+'KB':(scope.row.fileSize/1024/1024).toFixed(2)+'MB'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间" align="center" prop="createTime" min-width="100" >
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        style="background-color: transparent"
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+
+      <!-- 添加或修改标注人员和角色关联对话框 -->
+      <el-dialog title="创建文件夹" :visible.sync="addOpen" width="500px"  append-to-body>
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+          <el-form-item label="位置" prop="fileUrl">
+            <el-input v-model="folder" :disabled="true" readonly />
+          </el-form-item>
+          <el-form-item label="名称" prop="fileName">
+            <el-input v-model="form.fileName" maxlength="20" placeholder="请输入名称" />
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary"  @click="addSubmitForm">确 定</el-button>
+          <el-button @click="addCancel">取 消</el-button>
+        </div>
+      </el-dialog>
+
+      <template #footer>
+        <el-button type="primary" :disabled="multiple" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listFile,addFile } from '@/api/dataCenter/basicFile'
+
+export default {
+  props: {
+    open: {
+      type: Boolean,
+      default: false,
+      required: true,
+    },
+    folderType:{
+      type: Number,
+      default: 0,
+      required: true,
+    }
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open;
+      },
+      set(value) {
+        this.$emit('update:open', value);
+      },
+    },
+  },
+  data() {
+    return {
+      folder:"我的样本库/",
+      folderName:[],
+      total:0,
+      parentId:0,
+      loading:true,
+      fileList:[],
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      tableHeight: 0,
+      // 非多个禁用
+      multiple: true,
+      addOpen:false,
+      queryParams:{
+        pageNum: 1,
+        pageSize: 10,
+      },
+      form:{},
+      rules:{}
+    };
+  },
+  created() {
+    this.getList();
+    this.updateTableHeight()
+    // 监听窗口大小变化
+    window.addEventListener("resize", this.updateTableHeight);
+  },
+  method(){
+    this.getList();
+  },
+  watch:{
+    folderName(newVal, oldVal){
+      this.parentId = newVal.length > 0 ? newVal[newVal.length - 1].fileId : 0;
+      this.fileUrl = newVal.map(item => item.fileName).join("/");
+      this.folder = "我的样本库/" + this.fileUrl+(this.fileUrl?"/":"")
+      this.getList();
+    },
+    open(newVal, oldVal){
+      if (newVal){
+        this.getList()
+        this.updateTableHeight()
+        // 监听窗口大小变化
+        window.addEventListener("resize", this.updateTableHeight);
+      }
+    }
+  },
+  methods: {
+    getList() {
+      this.loading = true;
+      this.queryParams.parentId=this.parentId;
+      listFile(this.queryParams).then(response => {
+        this.fileList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+        // 清空选中项
+        this.$refs.table.clearSelection();
+        // 根据逻辑重新设置选中项
+        const defaultSelection = []; // 自定义默认选中项
+        this.handleSelectionChange(defaultSelection);
+      });
+    },
+    // 入栈操作：添加元素到栈顶
+    pushToStack(item) {
+      if (item) {           // 确保输入框不为空
+        this.folderName.push(item); // 入栈
+      }
+    },
+    // 出栈操作：移除栈顶元素
+    popFromStack() {
+      if (this.folderName.length > 0) {
+        this.folderName.pop();
+      }
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      if (selection.length > 1) {
+        // 如果选中多个项，强制只保留第一个选中项
+        this.$nextTick(() => {
+          // 清空所有选中的项
+          this.$refs.table.clearSelection();
+          // 重新选中第一个项
+          this.$refs.table.toggleRowSelection(selection[1], true);
+        });
+      }
+      this.ids = selection.map(item => item.fileId)
+      const isDirectory = selection.map(item => item.isDirectory)
+      this.single = selection.length===1
+      // multiple 的逻辑
+      if (this.parentId === 0 && selection.length !== 1) {
+        // parentId 为 0 且未单选时，multiple 强制为 true
+        this.multiple = true;
+      } else if (this.parentId !== 0 && selection.length !== 1) {
+        // parentId 不为 0 且未单选时，multiple 强制为 false
+        this.multiple = false;
+      } else {
+        // 单选情况下，根据 isDirectory 是否包含 '0' 判断
+        this.multiple = isDirectory.includes('0');
+      }
+    },
+    updateTableHeight() {
+      // 设置表格高度为窗口高度减去其他元素高度
+      const headerHeight = 400; // 头部高度，可以调整
+      const footerHeight = 90; // 底部高度，可以调整
+      this.tableHeight = window.innerHeight - headerHeight - footerHeight;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.addOpen = true;
+      this.title = "创建文件夹";
+    },
+    addSubmitForm(){
+      this.form.fileUrl = this.folder;
+      this.form.parentId = this.parentId;
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          addFile(this.form).then(response => {
+            this.$modal.msgSuccess("创建成功成功");
+            this.addOpen = false;
+            this.getList();
+          });
+        }
+      })
+    },
+    // 数据提交
+    submitForm() {
+      let result = null;
+      // 判断是否有选中项
+      if (this.ids && this.ids.length > 0) {
+        result = this.fileList.find(item => item.fileId === this.ids[0]);
+      }
+      const data = {
+        folder: result ? this.folder + result.fileName : this.folder,
+        fileId: result ? result.fileId : this.parentId,
+        folderType: this.folderType,
+      };
+      this.$emit('update-data', data); // 触发事件并传递数据
+      this.cancel(); // 取消操作
+    },
+    addCancel(){
+      this.addOpen = false;
+    },
+    // 取消按钮
+    cancel() {
+      this.addOpen=false;
+      this.reset();
+      this.$emit('dialog-cancel'); // 通知父组件
+    },
+    // 表单重置
+    reset() {
+      this.folder ="我的样本库/";
+      this.folderName=[];
+      this.total=0;
+      this.parentId=0;
+      this.loading=true;
+      this.fileList=[];
+      // 选中数组
+      this.ids=[];
+      // 非单个禁用
+      this.single=true;
+      // 非多个禁用
+      this.multiple=true;
+      this.queryParams={
+        pageNum:1,
+        pageSize:10,
+      };
+      this.form={};
+      this.rules={}
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/* 样式按需定义 */
+/* 隐藏el-table的全选框 */
+.el-table .el-checkbox__original {
+  display: none;
+}
+
+.el-dialog {
+  transition: opacity 0.3s ease;
+}
+
+</style>
diff --git a/src/views/dataCenter/dataSet/child/selectPersonnelDialog.vue b/src/views/dataCenter/dataSet/child/selectPersonnelDialog.vue
new file mode 100644
index 00000000..45bc244b
--- /dev/null
+++ b/src/views/dataCenter/dataSet/child/selectPersonnelDialog.vue
@@ -0,0 +1,150 @@
+<template>
+  <div>
+    <el-dialog
+      title="选择人员"
+      :visible.sync="isOpen"
+      width="500px"
+      append-to-body
+      @close="cancel"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form"  :model="form"  label-position="top" :rules="rules">
+        <el-form-item label="审核人员"   prop="selectReviewer">
+          <el-select v-model="form.selectReviewer"  multiple placeholder="请选择审核人员" clearable style="width: 100%">
+            <el-option
+              v-for="item in reviewer"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标注人员" prop="selectLabeling">
+          <el-select v-model="form.selectLabeling" multiple placeholder="请选择标注人员" clearable style="width: 100%">
+            <el-option
+              v-for="item in labeling"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getAllList } from "@/api/dataCenter/teamMember";
+
+export default {
+  props: {
+    open: {
+      type: Boolean,
+      default: false,
+      required: true,
+    },
+  },
+  computed: {
+    isOpen: {
+      get() {
+        return this.open;
+      },
+      set(value) {
+        this.$emit("update:open", value);
+      },
+    },
+  },
+  watch: {
+    open(newVal) {
+      if (newVal) {
+        this.getList();
+      }
+    },
+  },
+  data() {
+    return {
+      list:[],
+      reviewer: [], // 审核人员列表
+      labeling: [], // 标注人员列表
+      form:{
+        selectLabeling: [], // 被选中的标注人员
+        selectReviewer: [], // 被选中的审核人员
+      },
+      rules: {
+        selectReviewer: [
+          { required: true, message: "请选择审核人员", trigger: "blur", type: 'array'},
+        ],
+        selectLabeling: [
+          { required: true, message: "请选择标注人员", trigger: "blur" ,type: 'array'},
+        ],
+      },
+    };
+  },
+  methods: {
+    // 获取人员列表
+    getList() {
+      getAllList().then((res) => {
+        // 初始化人员列表
+        this.reviewer = [];
+        this.labeling = [];
+        this.list =[];
+        this.list =res.data;
+        // 遍历返回的数据
+        res.data.forEach((item) => {
+          const roleIds = item.roleId.split(",");
+          if (roleIds.includes("0")) {
+            // 如果角色包含标注人员角色，加入标注人员列表
+            this.labeling.push({ id: item.memberId, name: item.userName });
+          }
+          if (roleIds.includes("1")) {
+            // 如果角色包含审核人员角色，加入审核人员列表
+            this.reviewer.push({ id: item.memberId, name: item.userName });
+          }
+        });
+      });
+    },
+    // 提交表单
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          const data = {
+            selectReviewer:[],
+            selectLabeling:[],
+          };
+          this.form.selectReviewer.forEach((id) => {
+            const result = this.reviewer.find(item => item.id === id);
+            data.selectReviewer.push(result);
+          })
+          this.form.selectLabeling.forEach((id) => {
+            const result = this.labeling.find(item => item.id === id);
+            data.selectLabeling.push(result);
+          })
+          this.$emit('update-data', data); // 触发事件并传递数据
+          this.cancel();
+        }
+      });
+    },
+    // 关闭对话框
+    cancel() {
+      this.isOpen = false; // 关闭对话框
+      this.reset(); // 重置表单
+      this.$emit("dialog-cancel"); // 通知父组件
+    },
+    // 重置表单
+    reset() {
+      this.selectReviewer = []; // 清空已选的审核人员
+      this.selectLabeling = []; // 清空已选的标注人员
+      this.$refs.form.resetFields(); // 重置表单字段
+    },
+  },
+};
+</script>
+
+<style scoped>
+/* 样式按需定义 */
+</style>
diff --git a/src/views/dataCenter/dataSet/components/dataSet.vue b/src/views/dataCenter/dataSet/components/dataSet.vue
new file mode 100644
index 00000000..e67693a3
--- /dev/null
+++ b/src/views/dataCenter/dataSet/components/dataSet.vue
@@ -0,0 +1,274 @@
+<template>
+  <div>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="85px">
+      <el-form-item label="数据集名称" prop="datasetName">
+        <el-input
+          v-model="queryParams.datasetName"
+          placeholder="请输入数据集名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['dataCenter:dataSet:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['dataCenter:dataSet:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['dataCenter:dataSet:remove']"
+        >删除</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table  style="width: 100%" v-loading="loading"  :data="list"  :height="tableHeight"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column type="index" label="序号" min-width="50" />
+      <el-table-column label="名称" align="center" show-overflow-tooltip prop="datasetName" />
+      <el-table-column label="版本名称" align="center" show-overflow-tooltip prop="sampleFormat" />
+      <el-table-column label="标注进度" align="center" show-overflow-tooltip prop="createBy">
+        <template slot-scope="scope">
+          <el-progress color="#13ce66" :percentage="50"></el-progress>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" show-overflow-tooltip align="center" prop="createTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="描述" show-overflow-tooltip align="center" prop="datasetDesc" />
+      <el-table-column label="是否公开" show-overflow-tooltip align="center" prop="createBy" >
+        <template slot-scope="scope">
+          <el-switch v-model="scope.row.isPublic" active-value="1" inactive-value="0"
+                     @change="change(scope.row)"
+          ></el-switch>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" align="center" min-width="140" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['dataCenter:sample:edit']"
+          >导入</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleAnnotation(scope.row)"
+            v-hasPermi="['dataCenter:sample:edit']"
+          >标注</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['dataCenter:sample:edit']"
+          >导出</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleRelease(scope.row)"
+            v-hasPermi="['dataCenter:sample:edit']"
+          >发布</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['dataCenter:sample:edit']"
+          >版本查看</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['dataCenter:sample:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加对话框 -->
+    <add-data-set-dialog :get-list="getList" :open="addOpen" @dialog-cancel="handleCancel"/>
+    <!--版本发布-->
+    <release-version-dialog :dataset-id="datasetId" :open="releaseOpen" @dialog-cancel="handleCancel"/>
+    <!--创建标注任务-->
+    <annotation-task-dialog :dataset-id="datasetId" :open="annotationOpen" @dialog-cancel="handleCancel"/>
+
+    <
+  </div>
+</template>
+<script>
+
+import addDataSetDialog from '../child/addDataSetDialog.vue'
+import releaseVersionDialog from '../child/releaseVersionDialog.vue'
+import annotationTaskDialog from '../child/annotationTaskDialog.vue'
+
+import { list,del} from '@/api/dataCenter/dataSet'
+
+
+export default {
+  components: { addDataSetDialog,releaseVersionDialog,annotationTaskDialog},
+  name: "DataSet",
+  data() {
+    return {
+      datasetId: 0,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      tableHeight: 0,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+      // 是否显示弹出层
+      addOpen: false,
+      releaseOpen: false,
+      annotationOpen:false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        datasetName: null,
+      },
+    };
+  },
+  created() {
+    this.getList();
+    // 初始化表格高度
+    this.updateTableHeight();
+    // 监听窗口大小变化
+    window.addEventListener("resize", this.updateTableHeight);
+  },
+  methods: {
+    updateTableHeight() {
+      // 设置表格高度为窗口高度减去其他元素高度
+      const headerHeight = 300; // 头部高度，可以调整
+      const footerHeight = 80; // 底部高度，可以调整
+      this.tableHeight = window.innerHeight - headerHeight - footerHeight;
+    },
+    /**获取数据 **/
+    getList(){
+      this.loading =true
+      list(this.queryParams).then(response => {
+        console.log(response);
+        this.list = response.rows;
+        this.total = response.total;
+        this.loading =false
+      })
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    handleAdd(){
+      this.addOpen = true;
+    },
+    handleRelease(row){
+      this.releaseOpen = true;
+      this.datasetId = row.datasetId;
+    },
+    handleAnnotation(row){
+      this.annotationOpen = true;
+      this.datasetId = row.datasetId;
+    },
+    handleUpdate(){
+
+    },
+    handleDelete(row){
+      const ids = row.datasetId || this.ids;
+      this.$modal.confirm('是否确认删除数据项？').then(function() {
+        return del(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    change(){
+
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.datasetId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    // 处理取消事件
+    handleCancel() {
+      this.addOpen = false;
+      this.releaseOpen= false;
+      this.annotationOpen = false;
+    },
+  }
+}
+</script>
+<style scoped>
+.demo-table-expand {
+  font-size: 0;
+}
+.demo-table-expand label {
+  width: 90px;
+  color: #99a9bf;
+}
+.demo-table-expand .el-form-item {
+  margin-right: 0;
+  margin-bottom: 0;
+  width: 50%;
+}
+</style>
+
diff --git a/src/views/dataCenter/dataSet/components/sharedDataSet.vue b/src/views/dataCenter/dataSet/components/sharedDataSet.vue
new file mode 100644
index 00000000..02502215
--- /dev/null
+++ b/src/views/dataCenter/dataSet/components/sharedDataSet.vue
@@ -0,0 +1,197 @@
+<template>
+  <div>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="85px">
+      <el-form-item label="数据集名称" prop="datasetName">
+        <el-input
+          v-model="queryParams.datasetName"
+          placeholder="请输入数据集名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['dataCenter:dataSet:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['dataCenter:dataSet:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['dataCenter:dataSet:remove']"
+        >删除</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading"  :data="list"  :height="tableHeight"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="index" label="序号" width="80" />
+      <el-table-column label="名称" align="center" prop="sampleName" />
+      <el-table-column label="版本名称" align="center" prop="sampleFormat" />
+      <el-table-column label="标注进度" align="center" prop="createBy" />
+      <el-table-column label="创建时间" align="center" prop="createTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="描述" align="center" prop="createBy" />
+      <el-table-column label="是否公开" align="center" prop="createBy" >
+        <template slot-scope="scope">
+          <el-switch v-model="scope.row.isPublic" active-value="1" inactive-value="0"
+                     @change="change(scope.row)"
+          ></el-switch>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['dataCenter:sample:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['dataCenter:sample:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+<script>
+export default {
+  name: "Sample",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      tableHeight: 0,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        datasetName: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        sampleName: [
+          { required: true, message: '样本类型名称不能为空', trigger: 'blur' },
+          { min: 2, max: 20, message: '样本类型名称长度必须介于 2 和 20 之间', trigger: 'blur' }
+        ],
+        sampleFormat: [
+          { required: true, message: '格式不能为空', trigger: 'blur' },
+          { min: 1, max: 20, message: '格式长度必须介于 1 和 20 之间', trigger: 'blur' }
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+    // 初始化表格高度
+    this.updateTableHeight();
+    // 监听窗口大小变化
+    window.addEventListener("resize", this.updateTableHeight);
+  },
+  methods: {
+    updateTableHeight() {
+      // 设置表格高度为窗口高度减去其他元素高度
+      const headerHeight = 300; // 头部高度，可以调整
+      const footerHeight = 80; // 底部高度，可以调整
+      this.tableHeight = window.innerHeight - headerHeight - footerHeight;
+    },
+    /**获取数据 **/
+    getList(){
+      this.loading =false
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    handleAdd(){
+
+    },
+    handleUpdate(){
+
+    },
+    handleDelete(){
+
+    },
+    change(){
+
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+  }
+}
+</script>
+
diff --git a/src/views/dataCenter/dataSet/index.vue b/src/views/dataCenter/dataSet/index.vue
new file mode 100644
index 00000000..ec6ff530
--- /dev/null
+++ b/src/views/dataCenter/dataSet/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="app-container ">
+    <el-tabs type="border-card" @tab-click="handleClick">
+      <!-- 我的文件 -->
+      <el-tab-pane label="我的数据集">
+        <div v-if="activeTab === 'dataSet'">
+          <dataSet v-if="activeTab === 'dataSet'" />
+        </div>
+      </el-tab-pane>
+
+      <!-- 我共享的 -->
+      <el-tab-pane label="共享数据集">
+        <div v-if="activeTab === 'sharedDataSet'">
+          <sharedDataSet v-if="activeTab === 'sharedDataSet'" />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import dataSet from './components/dataSet.vue'
+import sharedDataSet from './components/sharedDataSet.vue'
+
+export default {
+  components: { dataSet,sharedDataSet},
+  data() {
+    return {
+      activeTab: 'dataSet'  // 默认选中 "我的文件" 标签
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      // 根据点击的标签页更新 activeTab
+      if (tab.label === '我的数据集') {
+        this.activeTab = 'dataSet';
+      } else if (tab.label === '共享数据集') {
+        this.activeTab = 'sharedDataSet';
+      }
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.app-container {
+  .el-tabs {
+    margin-bottom: 10px;
+    height: calc(100vh - 140px);
+  }
+
+  .el-tab-pane {
+    padding: 20px;
+    background-color: #f9f9f9;
+    border-radius: 4px;
+  }
+}
+</style>
+
diff --git a/src/views/dataCenter/library/components/file.vue b/src/views/dataCenter/library/components/file.vue
index 1112cee4..32a7e61b 100644
--- a/src/views/dataCenter/library/components/file.vue
+++ b/src/views/dataCenter/library/components/file.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div>
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent>
       <el-form-item label="文件名" prop="fileName">
         <el-input
diff --git a/src/views/dataCenter/library/components/recycleBinFile.vue b/src/views/dataCenter/library/components/recycleBinFile.vue
index 489e718e..b2875211 100644
--- a/src/views/dataCenter/library/components/recycleBinFile.vue
+++ b/src/views/dataCenter/library/components/recycleBinFile.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div>
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent>
       <el-form-item label="文件名" prop="fileName">
         <el-input