测试问题修改

src/views/imageCaptioning/image-captioning-library/index.vue

@@ -3,7 +3,7 @@
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" >
       <el-form-item prop="operaTime">
         <el-date-picker
-          v-model="queryParams.operaTime"
+          v-model="queryParams.createTime"
           type="date"
           placeholder="标注日期"
         >
@@ -11,9 +11,9 @@
       </el-form-item>
 
 
-      <el-form-item label="" prop="operaName">
+      <el-form-item label="" prop="contentImage">
         <el-input
-          v-model="queryParams.operaName"
+          v-model="queryParams.contentImage"
           placeholder="标注项"
           clearable
           style="width: 240px"
@@ -62,7 +62,7 @@
               <span class="date">{{ item.operaTime }}</span>
             </div>
             <div class="tags">
-              <span class="title-desc">{{ item.operaName }}</span>
+              <span class="title-desc">{{ item.contentImage }}</span>
 <!--              <el-tooltip :content="item.contentImage" placement="top" :effect="'light'" :enterable="false">-->
 <!--                <span class="title-desc">{{ item.contentImage }}</span>-->
 <!--              </el-tooltip>-->
@@ -109,8 +109,10 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 8,
-        operaTime: '',
+        createTime: '',
-        operaType: 1
+        operaType: 1,
+        contentImage: '',
+        userName: ''
       },
       // 表单参数
       form: {},
@@ -158,6 +160,7 @@ export default {
     resetQuery() {
       this.resetForm("queryForm")
       this.queryParams.operaTime = null
+      this.queryParams.createTime = null
       this.handleQuery()
     },
 
@@ -228,12 +231,12 @@ export default {
   overflow-y: auto;
   display: flex;
   flex-wrap: wrap;
-  column-gap: 47px;
   row-gap: 30px;
 }
 
 .services-grid {
-  width: 355px;
+  width: 22%;
+  margin-left: 2.5%;
   display: flex;
   flex-direction: column;
   align-items: center;

src/views/imageCaptioning/image-captioning/components/Sidebar.vue

@@ -18,16 +18,19 @@
         <span v-else>新建标注</span>
       </div>
 
-      <div
+      <div style="height: 78%;width: 100%; overflow: auto">
-        v-for="(item, index) in labelList"
+        <div
-        :key="index"
+          v-for="(item, index) in labelList"
-        class="nav-item"
+          :key="index"
-        :class="{ active: selectedItem === item.id }"
+          class="nav-item"
-        @click="$emit('select-item', item)"
+          :class="{ active: selectedItem === item.id }"
-      >
+          @click="$emit('select-item', item)"
-        <div class="date">{{ item.date }}</div>
+        >
-        <div class="label-name">{{ truncateText(item.name, 7) }}</div>
+          <div class="date">{{ item.date }}</div>
+          <div class="label-name">{{ truncateText(item.name, 7) }}</div>
+        </div>
       </div>
+
     </div>
 
     <div

src/views/imageCaptioning/image-captioning/index.vue

@@ -208,8 +208,16 @@ export default {
       originalFileList.forEach(file => {
         formData.append('files', file.raw); // 使用 raw 字段获取原始文件对象
       });
-      formData.append('param', selectedTagNames);
+      // formData.append('param',  selectedTagNames);
-      formData.append('id', this.addId);
+      // formData.append('id', this.addId);
+
+      // 修改参数处理方式，与之前的params 保持一致
+      const params = {
+        param: selectedTagNames,
+        id: this.addId
+      };
+      formData.append('params', JSON.stringify(params));
+
       //调用上传的接口，传递文件列表和标签IDs，name
       addImageInfoAPI(formData)
         .then(res => {

src/views/imageCaptioning/image-evaluate-library/index.vue

@@ -97,7 +97,8 @@ export default {
         pageNum: 1,
         pageSize: 8,
         date: '',
-        operaType: 2
+        operaType: 2,
+        operaTime:''
       },
       // 表单参数
       form: {},
@@ -214,12 +215,12 @@ export default {
   overflow-y: auto;
   display: flex;
   flex-wrap: wrap;
-  column-gap: 47px;
   row-gap: 20px;
 }
 
 .services-grid {
-  width: 355px;
+  width: 22%;
+  margin-left: 2.5%;
   display: flex;
   flex-direction: column;
   align-items: center;