From 1d27a8f44b68784d7854199211c03489fa178231 Mon Sep 17 00:00:00 2001
From: jiang <jiang@bonus>
Date: Wed, 27 Nov 2024 13:43:59 +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          |  24 ++
 src/router/index.js                           |   4 +-
 .../annotationTask/child/allTasks.vue         |   4 +-
 .../annotationTask/child/dataAnnotations.vue  | 287 +++++++++++++++---
 .../annotationTask/child/initiatedTasks.vue   |   4 +-
 .../child/participatedTasks.vue               |   4 +-
 ...tDetails.vue => taskAnnotationDetails.vue} |   0
 .../dialog/releaseVersionDialog.vue           |   6 +
 .../dataSet/child/addDataSetDialog.vue        |   9 +-
 .../dataSet/child/dataSetDetails.vue          |  12 +-
 .../dataSet/child/datasetVersion.vue          |  41 ++-
 .../dataCenter/dataSet/components/dataSet.vue |  31 +-
 12 files changed, 347 insertions(+), 79 deletions(-)
 rename src/views/dataCenter/annotationTask/child/{dataSetDetails.vue => taskAnnotationDetails.vue} (100%)

diff --git a/src/api/dataCenter/annotationTask.js b/src/api/dataCenter/annotationTask.js
index 9a30b8b6..fe04697b 100644
--- a/src/api/dataCenter/annotationTask.js
+++ b/src/api/dataCenter/annotationTask.js
@@ -8,6 +8,22 @@ export function list(query) {
     params: query
   })
 }
+export function creation(query) {
+  return request({
+    url: '/ai/annotationTask/list/creation',
+    method: 'get',
+    params: query
+  })
+}
+
+export function participant(query) {
+  return request({
+    url: '/ai/annotationTask/list/participant',
+    method: 'get',
+    params: query
+  })
+}
+
 //创建数据集
 export function add(data) {
   return request({
@@ -16,5 +32,13 @@ export function add(data) {
     data: data
   })
 }
+// 获取标注任务文件详情
+export function getAnnotationDetails(data) {
+  return request({
+    url: '/ai/annotationTask/create',
+    method: 'post',
+    data: data
+  })
+}
 
 
diff --git a/src/router/index.js b/src/router/index.js
index 3ce77c33..454a7e29 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -138,7 +138,7 @@ export const dynamicRoutes = [
     path: '/dataCenter/dataSet-details',
     component: Layout,
     hidden: true,
-    permissions: ['system:dict:list'],
+    permissions: ['dataCenter:dataSet:file:list'],
     children: [
       {
         path: 'index/:dataSetId(\\d+)',
@@ -152,7 +152,7 @@ export const dynamicRoutes = [
     path: '/dataCenter/dataSet-version',
     component: Layout,
     hidden: true,
-    permissions: ['system:dict:list'],
+    permissions: ['dataCenter:version:list'],
     children: [
       {
         path: 'index/:dataSetId(\\d+)',
diff --git a/src/views/dataCenter/annotationTask/child/allTasks.vue b/src/views/dataCenter/annotationTask/child/allTasks.vue
index 4c146516..67168f22 100644
--- a/src/views/dataCenter/annotationTask/child/allTasks.vue
+++ b/src/views/dataCenter/annotationTask/child/allTasks.vue
@@ -104,7 +104,7 @@
     <!-- 新建数据集弹窗 -->
     <add-task-dialog :open="addOpen" :get-list="getList" @dialog-cancel="handleCancel"></add-task-dialog>
 
-    <release-version-dialog :dataset-id="datasetId" :open="releaseOpen" @dialog-cancel="handleCancel"></release-version-dialog>
+    <release-version-dialog :dataset-id="datasetId" :open="releaseOpen" :task-id="taskId" @dialog-cancel="handleCancel"></release-version-dialog>
 
   </div>
 </template>
@@ -120,6 +120,7 @@ export default {
   name: "allTasks",
   data() {
     return {
+      taskId:0,
       datasetId: 0,
       // 遮罩层
       loading: true,
@@ -187,6 +188,7 @@ export default {
     handleRelease(row){
       this.releaseOpen = true;
       this.datasetId = row.datasetId;
+      this.taskId = row.taskId;
     },
     handleDimension(row){
 
diff --git a/src/views/dataCenter/annotationTask/child/dataAnnotations.vue b/src/views/dataCenter/annotationTask/child/dataAnnotations.vue
index 56b5bda6..8b90d6d2 100644
--- a/src/views/dataCenter/annotationTask/child/dataAnnotations.vue
+++ b/src/views/dataCenter/annotationTask/child/dataAnnotations.vue
@@ -1,53 +1,262 @@
 <template>
-  <div>
-    <canvas ref="canvas" @mousedown="startDraw" @mousemove="draw" @mouseup="endDraw"></canvas>
-    <div v-for="(box, index) in boxes" :key="index" :style="{ position: 'absolute', left: box.x + 'px', top: box.y + 'px', width: box.width + 'px', height: box.height + 'px', border: '2px solid red' }"></div>
+  <div class="div-main">
+    <!-- 顶部区域 -->
+    <div class="top-part">
+      <div class="top-content">
+        <!-- 左侧按钮组 -->
+        <div class="top-content-left">
+          <el-button v-for="(icon, index) in leftIcons"
+                     :key="index"
+                     :icon="icon"
+                     circle>
+          </el-button>
+        </div>
+        <!-- 右侧选择框和设置按钮 -->
+        <div class="top-content-right">
+          <el-select
+            v-model="taskId"
+            placeholder="请选择标注任务"
+            clearable
+            class="select-task"
+          >
+            <el-option
+              v-for="dict in dict.type.ai_annotate_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <span class="settings-icon">
+            <i class="el-icon-setting"></i>
+          </span>
+        </div>
+      </div>
+    </div>
+    <!-- 底部区域 -->
+    <div class="bottom-part">
+      <div class="bottom-content">
+        <div class="bottom-content-left">
+          <div class="bottom-content-left-top">
+            <div>
+              <el-button
+                type="primary"
+                plain
+                size="mini"
+              >全部</el-button>
+              <el-button
+                type="primary"
+                plain
+                size="mini"
+              >已标注</el-button>
+              <el-button
+                type="primary"
+                plain
+                size="mini"
+              >未标注</el-button>
+              <el-button
+                type="primary"
+                plain
+                size="mini"
+              >审核驳回</el-button>
+            </div>
+          </div>
+          <div class="bottom-content-left-bottom">
+            <div>
+              <ul>
+                <li v-for="i in count" class="list-item">
+                  <el-checkbox v-model="checked"> 文件名称{{ i }}</el-checkbox>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="bottom-content-center">
+          <div></div>
+        </div>
+        <div class="bottom-content-right">
+          <div></div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
+  dicts: ['ai_annotate_type'],
   data() {
     return {
-      isDrawing: false,
-      startX: 0,
-      startY: 0,
-      boxes: []
+      taskId: undefined, // 当前选中的任务 ID
+      leftIcons: [
+        'el-icon-circle-plus-outline',
+        'el-icon-remove-outline',
+        'el-icon-search',
+        'el-icon-search',
+        'el-icon-search',
+        'el-icon-search',
+      ], // 顶部左侧按钮的图标
+      count: 600
     };
   },
-  mounted() {
-    const canvas = this.$refs.canvas;
-    canvas.width = window.innerWidth;
-    canvas.height = window.innerHeight;
-    this.ctx = canvas.getContext('2d');
-  },
-  methods: {
-    startDraw(e) {
-      this.isDrawing = true;
-      const rect = this.$refs.canvas.getBoundingClientRect();
-      this.startX = e.clientX - rect.left;
-      this.startY = e.clientY - rect.top;
-    },
-    draw(e) {
-      if (this.isDrawing) {
-        const rect = this.$refs.canvas.getBoundingClientRect();
-        this.ctx.clearRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
-        this.ctx.strokeRect(this.startX, this.startY, e.clientX - rect.left - this.startX, e.clientY - rect.top - this.startY);
-      }
-    },
-    endDraw() {
-      if (this.isDrawing) {
-        this.isDrawing = false;
-        const rect = this.$refs.canvas.getBoundingClientRect();
-        const box = {
-          x: this.startX,
-          y: this.startY,
-          width: Math.abs(e.clientX - rect.left - this.startX),
-          height: Math.abs(e.clientY - rect.top - this.startY)
-        };
-        this.boxes.push(box);
-      }
+  methods:{
+    load () {
+      this.count += 2
     }
   }
 };
 </script>
+
+
+<style scoped lang="scss">
+.div-main {
+  width: 100%;
+  height: calc(100vh - 84px);
+
+  /* 顶部样式 */
+  .top-part {
+    width: 100%;
+    height: 60px;
+    padding: 10px;
+
+    .top-content {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 100%;
+      width: 100%;
+      padding-left: 10px;
+      padding-right: 10px;
+      background-color: #f5f7fa;
+      border: 1px solid #dfe4ed;
+
+      .top-content-left {
+        display: flex;
+        align-items: center;
+        gap: 10px; /* 按钮之间的间距 */
+      }
+
+      .top-content-right {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+
+        .select-task {
+          flex-shrink: 0; /* 防止选择框缩小 */
+        }
+
+        .settings-icon {
+          font-size: 24px;
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+  }
+
+  /* 底部样式 */
+  .bottom-part {
+    width: 100%;
+    height: calc(100% - 60px);
+    padding: 10px;
+
+    .bottom-content {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      width: 100%;
+      background-color: #ffffff;
+      border: 1px solid #dfe4ed;
+
+      .bottom-content-left,
+      .bottom-content-center,
+      .bottom-content-right {
+        height: 100%;
+      }
+
+      .bottom-content-left {
+        width: 20%;
+
+        .bottom-content-left-bottom,
+        .bottom-content-left-top{
+          width: 100%;
+          padding: 5px;
+        }
+        .bottom-content-left-top{
+          height: 50px;
+          div{
+            width: 100%;
+            height: 100%;
+            background-color: #f5f7fa;
+            border: 1px solid #dfe4ed;
+            display: flex;
+            align-items: center;
+            justify-content: center
+          }
+        }
+
+        .bottom-content-left-bottom{
+          height: calc(100% - 50px);
+          div{
+            width: 100%;
+            height: 100%;
+            background-color: #f5f7fa;
+            border: 1px solid #dfe4ed;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            ul{
+              width: 100%;
+              height: 100%;
+              overflow: auto;
+              padding: 0;
+              list-style: none; /* 移除默认的点样式 */
+              li {
+                width: 100%;
+                padding: 10px;
+              }
+            }
+            /* 针对自定义滚动条样式 */
+            ul::-webkit-scrollbar {
+              cursor: default; /* 对滚动条自定义光标 */
+              width: 5px;
+            }
+            ul::-webkit-scrollbar-thumb {
+              background-color: #888;
+              cursor: pointer; /* 手势效果 */
+            }
+            ul::-webkit-scrollbar-thumb:hover {
+              background-color: #555;
+            }
+          }
+        }
+      }
+
+      .bottom-content-center {
+        width: 60%;
+        padding: 5px;
+        div{
+          width: 100%;
+          height: 100%;
+          background-color: #f5f7fa;
+          border: 1px solid #dfe4ed;
+        }
+      }
+
+      .bottom-content-right {
+        width: 20%;
+        padding: 5px;
+        div{
+          width: 100%;
+          height: 100%;
+          background-color: #f5f7fa;
+          border: 1px solid #dfe4ed;
+          display: flex;
+          align-items: center;
+          overflow:auto;
+
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/dataCenter/annotationTask/child/initiatedTasks.vue b/src/views/dataCenter/annotationTask/child/initiatedTasks.vue
index c2beca13..fdfe2cbd 100644
--- a/src/views/dataCenter/annotationTask/child/initiatedTasks.vue
+++ b/src/views/dataCenter/annotationTask/child/initiatedTasks.vue
@@ -95,7 +95,7 @@
 
 
 
-import { list,del,setPublic} from '@/api/dataCenter/annotationTask'
+import { creation,del} from '@/api/dataCenter/annotationTask'
 import addTaskDialog from '../dialog/addTaskDialog'
 import releaseVersionDialog from '../dialog/releaseVersionDialog.vue'
 export default {
@@ -147,7 +147,7 @@ export default {
     /**获取数据 **/
     getList(){
       this.loading =true
-      list(this.queryParams).then(response => {
+      creation(this.queryParams).then(response => {
         console.log(response);
         this.list = response.rows;
         this.total = response.total;
diff --git a/src/views/dataCenter/annotationTask/child/participatedTasks.vue b/src/views/dataCenter/annotationTask/child/participatedTasks.vue
index c2beca13..be7a6836 100644
--- a/src/views/dataCenter/annotationTask/child/participatedTasks.vue
+++ b/src/views/dataCenter/annotationTask/child/participatedTasks.vue
@@ -95,7 +95,7 @@
 
 
 
-import { list,del,setPublic} from '@/api/dataCenter/annotationTask'
+import { participant,del} from '@/api/dataCenter/annotationTask'
 import addTaskDialog from '../dialog/addTaskDialog'
 import releaseVersionDialog from '../dialog/releaseVersionDialog.vue'
 export default {
@@ -147,7 +147,7 @@ export default {
     /**获取数据 **/
     getList(){
       this.loading =true
-      list(this.queryParams).then(response => {
+      participant(this.queryParams).then(response => {
         console.log(response);
         this.list = response.rows;
         this.total = response.total;
diff --git a/src/views/dataCenter/annotationTask/child/dataSetDetails.vue b/src/views/dataCenter/annotationTask/child/taskAnnotationDetails.vue
similarity index 100%
rename from src/views/dataCenter/annotationTask/child/dataSetDetails.vue
rename to src/views/dataCenter/annotationTask/child/taskAnnotationDetails.vue
diff --git a/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue b/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue
index 2e9c076b..2fc022d3 100644
--- a/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue
+++ b/src/views/dataCenter/annotationTask/dialog/releaseVersionDialog.vue
@@ -41,6 +41,11 @@ export default {
       type: Number,
       default: 0,
       required: true,
+    },
+    taskId:{
+      type: Number,
+      default: 0,
+      required: true,
     }
   },
   computed: {
@@ -69,6 +74,7 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           this.form.datasetId = this.datasetId;
+          this.form.taskId = this.taskId;
           add(this.form).then(response => {
             this.$modal.msgSuccess("发布成功");
             this.cancel();
diff --git a/src/views/dataCenter/dataSet/child/addDataSetDialog.vue b/src/views/dataCenter/dataSet/child/addDataSetDialog.vue
index 6201f590..4588dbb3 100644
--- a/src/views/dataCenter/dataSet/child/addDataSetDialog.vue
+++ b/src/views/dataCenter/dataSet/child/addDataSetDialog.vue
@@ -109,7 +109,9 @@ export default {
         dataType:0,
         dataSource:0,
         inputId:0,
-        outputId:0
+        outputId:0,
+        inputPath:'',
+        outputPath:'',
       }, // 初始化为空
       rules:{
         datasetName:[
@@ -160,7 +162,10 @@ export default {
         dataType:0,
         dataSource:0,
         inputId:0,
-        outputId:0}; // 清空表单
+        outputId:0,
+        inputPath:'',
+        outputPath:'',
+      }; // 清空表单
       this.$refs.form.resetFields(); // 调用 Element UI 的重置方法
     },
     //选择文件夹
diff --git a/src/views/dataCenter/dataSet/child/dataSetDetails.vue b/src/views/dataCenter/dataSet/child/dataSetDetails.vue
index 6a817b00..b430d61f 100644
--- a/src/views/dataCenter/dataSet/child/dataSetDetails.vue
+++ b/src/views/dataCenter/dataSet/child/dataSetDetails.vue
@@ -23,7 +23,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="['dataCenter:dataSet:add']"
+          v-hasPermi="['dataCenter:dataSet:import']"
         >导入</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -34,7 +34,7 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          v-hasPermi="['dataCenter:dataSet:remove']"
+          v-hasPermi="['dataCenter:dataSet:file:delete']"
         >删除</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -51,7 +51,7 @@
 
     <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 type="index" label="序号" :index="indexMethod" width="50" />
       <el-table-column label="文件名称" align="center" show-overflow-tooltip prop="fileName" min-width="100" />
       <el-table-column label="文件大小" align="center" show-overflow-tooltip prop="fileSize" >
         <template slot-scope="scope">
@@ -77,7 +77,7 @@
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['dataCenter:sample:remove']"
+            v-hasPermi="['dataCenter:dataSet:file:delete']"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -142,6 +142,10 @@ export default {
     window.addEventListener("resize", this.updateTableHeight);
   },
   methods: {
+    indexMethod(index){
+      console.log(index);
+      return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
+    },
     updateTableHeight() {
       // 设置表格高度为窗口高度减去其他元素高度
       const headerHeight = 200; // 头部高度，可以调整
diff --git a/src/views/dataCenter/dataSet/child/datasetVersion.vue b/src/views/dataCenter/dataSet/child/datasetVersion.vue
index e28ea26e..a0a308b5 100644
--- a/src/views/dataCenter/dataSet/child/datasetVersion.vue
+++ b/src/views/dataCenter/dataSet/child/datasetVersion.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="85px">
-      <el-form-item label="文件名称" prop="fileName">
+      <el-form-item label="版本名称" prop="versionName">
         <el-input
-          v-model="queryParams.fileName"
-          placeholder="请输入数据集名称"
+          v-model="queryParams.versionName"
+          placeholder="请输入版本名称"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -24,7 +24,7 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          v-hasPermi="['dataCenter:dataSet:remove']"
+          v-hasPermi="['dataCenter:version:delete']"
         >删除</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -41,19 +41,23 @@
 
     <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="versionName" min-width="100" />
+      <el-table-column type="index" label="序号" :index="indexMethod" width="50" />
+      <el-table-column label="数据集名称" align="center" show-overflow-tooltip prop="datasetName" min-width="100" />
       <el-table-column label="版本号" align="center" show-overflow-tooltip prop="versionName" min-width="100" />
-      <el-table-column label="发布人" align="center" show-overflow-tooltip prop="fileName" min-width="100" />
+      <el-table-column label="发布人" align="center" show-overflow-tooltip prop="releaseUserName" min-width="100" />
       <el-table-column label="发布时间" align="center" show-overflow-tooltip prop="createTime" min-width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="文件数量" align="center" show-overflow-tooltip prop="fileName" min-width="100" />
-      <el-table-column label="任务名称" align="center" show-overflow-tooltip prop="fileName" min-width="100" />
-      <el-table-column label="标注类型" align="center" show-overflow-tooltip prop="fileName" min-width="100" />
-      <el-table-column label="已审核数量" align="center" show-overflow-tooltip prop="fileName" min-width="100" />
+      <el-table-column label="文件数量" align="center" show-overflow-tooltip prop="totalCount" min-width="100" />
+      <el-table-column label="任务名称" align="center" show-overflow-tooltip prop="taskName" min-width="100" />
+      <el-table-column label="标注类型" align="center" show-overflow-tooltip prop="annotationType" min-width="100">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.ai_annotate_type" :value="scope.row.annotationType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="已审核数量" align="center" show-overflow-tooltip prop="auditedCount" min-width="100" />
       <el-table-column label="操作" align="center" min-width="100" class-name="small-padding fixed-width" >
         <template slot-scope="scope">
           <el-button
@@ -61,7 +65,7 @@
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['dataCenter:sample:remove']"
+            v-hasPermi="['dataCenter:version:delete']"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -83,6 +87,7 @@ import {list,remove} from '@/api/dataCenter/releaseVersion'
 
 
 export default {
+  dicts: ['ai_annotate_type'],
   name: "DataSet",
   data() {
     return {
@@ -121,7 +126,16 @@ export default {
     // 监听窗口大小变化
     window.addEventListener("resize", this.updateTableHeight);
   },
+  watch:{
+    datasetId(newVal, oldVal){
+      this.getList();
+    }
+  },
   methods: {
+    indexMethod(index){
+      console.log(index);
+      return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
+    },
     updateTableHeight() {
       // 设置表格高度为窗口高度减去其他元素高度
       const headerHeight = 200; // 头部高度，可以调整
@@ -131,8 +145,9 @@ export default {
     /**获取数据 **/
     getList(){
       this.loading =true
-      this.queryParams.dataSetId = this.datasetId;
+      this.queryParams.datasetId = this.datasetId;
       list(this.queryParams).then(response => {
+        console.log(response);
         this.list = response.rows;
         this.total = response.total;
         this.loading =false
diff --git a/src/views/dataCenter/dataSet/components/dataSet.vue b/src/views/dataCenter/dataSet/components/dataSet.vue
index 2599f101..24e467fc 100644
--- a/src/views/dataCenter/dataSet/components/dataSet.vue
+++ b/src/views/dataCenter/dataSet/components/dataSet.vue
@@ -6,6 +6,7 @@
           v-model="queryParams.datasetName"
           placeholder="请输入数据集名称"
           clearable
+          v-hasPermi="['dataCenter:dataSet:list']"
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
@@ -23,7 +24,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="['dataCenter:dataSet:add']"
+          v-hasPermi="['dataCenter:dataSet:create']"
         >新增</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -34,7 +35,7 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          v-hasPermi="['dataCenter:dataSet:remove']"
+          v-hasPermi="['dataCenter:dataSet:delete']"
         >删除</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -42,7 +43,7 @@
 
     <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 type="index" label="序号" :index="indexMethod" width="50" />
       <el-table-column label="名称" align="center" show-overflow-tooltip prop="datasetName">
         <template slot-scope="scope">
           <router-link :to="{
@@ -53,7 +54,7 @@
           </router-link>
         </template>
       </el-table-column>
-      <el-table-column label="版本名称" align="center" show-overflow-tooltip prop="sampleFormat" />
+      <el-table-column label="版本名称" align="center" show-overflow-tooltip prop="latestVersionName" />
       <el-table-column label="标注进度" align="center" show-overflow-tooltip prop="createBy" min-width="100">
         <template slot-scope="scope">
            <div style="display: flex;align-items: center;justify-content: center;">
@@ -89,37 +90,35 @@
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
+
             @click="handleImport(scope.row)"
-            v-hasPermi="['dataCenter:sample:edit']"
+            v-hasPermi="['dataCenter:dataSet:import']"
           >导入</el-button>
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
             @click="handleAnnotation(scope.row)"
-            v-hasPermi="['dataCenter:sample:edit']"
+            v-hasPermi="['dataCenter:task:create']"
           >标注</el-button>
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
+
             @click="downloadFile(scope.row)"
-            v-hasPermi="['dataCenter:sample:edit']"
+            v-hasPermi="['dataCenter:dataSet:export']"
           >导出</el-button>
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
+
             @click="handleVersion(scope.row)"
-            v-hasPermi="['dataCenter:sample:edit']"
+            v-hasPermi="['dataCenter:version:list']"
           >版本查看</el-button>
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['dataCenter:sample:remove']"
+            v-hasPermi="['dataCenter:dataSet:delete']"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -193,6 +192,10 @@ export default {
     window.addEventListener("resize", this.updateTableHeight);
   },
   methods: {
+    indexMethod(index){
+      console.log(index);
+      return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
+    },
     updateTableHeight() {
       // 设置表格高度为窗口高度减去其他元素高度
       const headerHeight = 300; // 头部高度，可以调整