测试问题修改

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

@@ -12,13 +12,28 @@
 
 
       <el-form-item label="" prop="contentImage">
-        <el-input
+<!--        <el-input-->
+<!--          v-model="queryParams.contentImage"-->
+<!--          placeholder="标注项"-->
+<!--          clearable-->
+<!--          style="width: 240px"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+        <el-select
           v-model="queryParams.contentImage"
-          placeholder="标注项"
+          placeholder="请选择"
           clearable
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
-        />
+          filterable
+          style="width: 240px">
+            <el-option
+              v-for="item in contentImageOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.name"
+            >
+            </el-option>
+
+        </el-select>
       </el-form-item>
       <el-form-item label="" prop="userName">
         <el-input
@@ -98,6 +113,7 @@
 
 <script>
 import {getAllImagelist, deleteFile, exportImages} from "@/api/imageCaptioning/imageLibrary";
+import {getSelectedAPI} from "@/api/imageCaptioning/imageCaptioning";
 
 export default {
   name: "imageCaptioningLibrary",
@@ -119,10 +135,12 @@ export default {
       proMaterialsListAll: [], // 所有材料列表
       showProMaterialsDuctList: [], // 需要显示的材料列表
       itemWidth: 0, // 材料卡片宽度
+      contentImageOptions:[]
     }
   },
   created() {
     this.getList();
+    this.getContentImageOptions();
   },
   mounted() {
     this.getItemWidth()
@@ -142,6 +160,11 @@ export default {
         this.showProMaterialsDuctList = this.proMaterialsListAll;
       })
     },
+    getContentImageOptions() {
+      getSelectedAPI().then(response => {
+        this.contentImageOptions = response.data;
+      })
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1

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

@@ -2,8 +2,11 @@
   <div class="sidebar-wrapper">
     <div class="sidebar" v-show="isSidebarVisible">
       <div class="header">
+        <div>
           <img src="@/assets/images/imageCaptioning/icon-camera.png" alt="" class="icon">
-        <span class="title">图像标注</span>
+        </div>
+        <div><span class="title">图像标注</span></div>
+        <div>
           <img
             src="@/assets/images/imageCaptioning/icon-close.png"
             alt=""
@@ -11,6 +14,15 @@
             @click="$emit('toggle-sidebar')"
           >
         </div>
+<!--        <img src="@/assets/images/imageCaptioning/icon-camera.png" alt="" class="icon">
+        <span class="title">图像标注</span>
+        <img
+          src="@/assets/images/imageCaptioning/icon-close.png"
+          alt=""
+          class="icon-close"
+          @click="$emit('toggle-sidebar')"
+        >-->
+      </div>
 
       <div class="nav-item-add" @click="$emit('create-new-label')">
         <img src="@/assets/images/imageCaptioning/ten.png" alt="新建标注" class="add-icon" />
@@ -96,7 +108,9 @@ export default {
   display: flex;
   align-items: center;
   width: 90%;
-  margin-left: 5%;
+  /*margin-left: 5%;*/
+  height: 8%;
+  justify-content: space-between;
 }
 
 .icon {
@@ -109,6 +123,8 @@ export default {
   width: 24px;
   height: 24px;
   margin-left: 20%;
+  margin-top: 5px;
+  cursor: pointer;
 }
 
 .title {