搜索实现

src/components/courserecommended/CourseCheck.vue

@@ -10,16 +10,24 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
-    class="modal"
+    style="overflow-y: auto;"
   >
-  <div class="header">李玉冰(00004409)</div>
+  <div class="header">李玉冰(00004409)
+    <div style=" cursor: pointer;position: absolute;right: 30px;top: 20px;">
+        <img
+          @click="handleCancel"
+          style="width: 22px; height: 22px"
+          src="@/assets/images/basicinfo/close22.png"
+        />
+      </div>
+  </div>
   <div class="title">
     <dl>
       <dt>推荐组织：京东方大学堂</dt>
       <dt>课程数：3</dt>
     </dl>
     <div class="inp">
-      <a-input v-model:value="value" placeholder="请输入姓名" />
+      <a-input v-model:value="searchData.recommendName" placeholder="请输入姓名" />
       <a-select
               v-model:value="auditStatus"
               dropdownClassName="dropdown-style"
@@ -30,7 +38,7 @@
               allowClear
             >
             </a-select>
-      <a-button type="primary">搜索</a-button>
+      <a-button type="primary" @click="getList(1)">搜索</a-button>
     </div>  
   </div>
 
@@ -185,7 +193,6 @@ const searchData = ref({
   pageIndex: 1,
   pageSize: 10,
   recommendName: "",
-  recommendTimeList: [],
 });
 const handelChangePage = (page, pageSize) => {
   state.tableLoading = false;
@@ -428,11 +435,10 @@ getList()
 });
 </script>
 <style lang="scss" scoped>
-.modal{
+
-  overflow-y: auto;
-}
   .header{
     // background-color: rgba(255, 255, 255, 0);
+    position: relative;
     box-sizing: border-box;
     font-weight: 650;
     color: #333333;

src/components/courserecommended/CourseRecommended.vue

@@ -10,9 +10,18 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
-    class="modal"
+    style="overflow-y: auto;"
   >
-  <div class="header">项目管理系列课</div>
+  <div class="header">项目管理系列课
+    <div style=" cursor: pointer;position: absolute;right: 30px;top: 20px;">
+        <img
+          @click="handleCancel"
+          style="width: 22px; height: 22px"
+          src="@/assets/images/basicinfo/close22.png"
+        />
+      </div>
+  </div>
+  
   <div class="title">
     <dl>
       <dt>推荐组织：京东方大学堂</dt>
@@ -20,8 +29,8 @@
       <dt>用户数：10</dt>
     </dl>
     <div class="inp">
-      <a-input v-model:value="value" placeholder="请输入姓名" />
+      <a-input v-model:value="searchData.recommendName" placeholder="请输入姓名" />
-      <a-button type="primary">搜索</a-button>
+      <a-button type="primary" @click="getList(1)">搜索</a-button>
     </div>  
   </div>
 
@@ -126,7 +135,6 @@ const searchData = ref({
   pageIndex: 1,
   pageSize: 10,
   recommendName:"",
-  recommendTimeList: [],
 });
 const handelChangePage = (page, pageSize) => {
   state.tableLoading = false;
@@ -389,6 +397,7 @@ getList()
 }
   .header{
     // background-color: rgba(255, 255, 255, 0);
+    position: relative;
     box-sizing: border-box;
     font-weight: 650;
     color: #333333;

src/components/drawers/AddCourse.vue

@@ -24,9 +24,8 @@
       <div class="btns" style="display: flex;flex-direction: column;">
         <div v-if="selectNum" class="btnText">已选择 <span style="color:#4ea6ff ;"> {{ selectNum }}
           </span>
-          条案例</div>
+          门课程</div>
-        <div v-if="state.caseTitleList.length" class="btnText">已导入 <span style="color:#4ea6ff ;">
+        
-            {{ state.caseTitleList.length }}</span> 条案例</div>
       </div>
     </div>
     <!-- 表格 -->