课程推荐搜索修改

src/views/courselibrary/CourseRecommended.vue

@@ -25,19 +25,20 @@
             >
             </a-tree-select>
           </div>
-          <div class="pathnameInp">
+          <!-- <div class="pathnameInp">
             <a-input
               v-model:value="teacherName"
               style="width: 200px; height: 40px; border-radius: 8px"
               placeholder="授课教师"
               @pressEnter="handleSearch"
             />
-          </div>
+          </div> -->
+          <div style="display: flex;">
             <div class="pathnameInp">
               <a-input
-              v-model:value="name"
+                v-model:value="nameOrTeacherName"
-              style="width: 300px; height: 40px; border-radius: 8px"
+                style="width: 276px; height: 40px; border-radius: 8px;"
-              placeholder="名称"
+                placeholder="请输入课程名称或授课教师"
                 @pressEnter="handleSearch"
               />
             </div>
@@ -54,6 +55,7 @@
             </div>
           </div>
         </div>
+      </div>
       <!-- 搜索框及按钮 -->
     </div>
     <!-- 表格 -->
@@ -65,7 +67,6 @@
         :data-source="tableData1"
         :loading="tableLoading"
         :pagination="false"
-        
         :scroll="{ x: 'max-content' }"
         row-key="id"
       >
@@ -298,8 +299,8 @@ export default defineComponent({
       tableDataTotal1: -1,
       pageSize1: 10,
       pageSize: 10,
+      nameOrTeacherName:"",
       name: "",
-      createName: "",
       teacherName:"",
       recommendBy:'',
       recommendAid:'',
@@ -332,6 +333,7 @@ export default defineComponent({
       state.tableLoading = true;
       console.log("我是点击搜索的数据", state.sysTypeId);
       let res = await page({
+        nameOrTeacherName:state.nameOrTeacherName,
         pageNum:state.currentPage1,
         pageSize:state.pageSize1,
         teacherName:state.teacherName,
@@ -396,8 +398,7 @@ export default defineComponent({
     //重置
     const handleRest1 = () => {
       state.name = "";
-      state.createName = "";
+      // state.teacherName = '';
-      state.teacherName = '';
       state.sysTypeId = null;
       getTableDate();
     };
@@ -421,7 +422,8 @@ export default defineComponent({
       searchData,
       recommends,
       getSysTypeMap,
-      userInfo
+      userInfo,
+      // names
     };
   },
 });
@@ -446,13 +448,13 @@ export default defineComponent({
     margin-right: 35px;
     margin-top: 30px;
     display: flex;
-    justify-content: space-between;
     flex-wrap: wrap;
 
     .filterItems {
+      width: 100%;
+      justify-content: space-between;
       display: flex;
       flex-wrap: wrap;
-
       .pathnameInp {
         margin-right: 20px;
         margin-bottom: 20px;