课程推荐搜索修改

src/views/courselibrary/CourseRecommended.vue

@@ -25,31 +25,33 @@
             >
             </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 class="pathnameInp">
-            <a-input
-              v-model:value="name"
-              style="width: 300px; height: 40px; border-radius: 8px"
-              placeholder="名称"
-              @pressEnter="handleSearch"
-            />
-          </div>
-      
-          <div style="display: flex; margin-bottom: 20px" class="courseBtn">
-            <div class="btn btn1" @click="handleSearch1">
-              <div class="search"></div>
-              <div class="btnText">搜索</div>
+          </div> -->
+          <div style="display: flex;">
+            <div class="pathnameInp">
+              <a-input
+                v-model:value="nameOrTeacherName"
+                style="width: 276px; height: 40px; border-radius: 8px;"
+                placeholder="请输入课程名称或授课教师"
+                @pressEnter="handleSearch"
+              />
             </div>
-            <div class="btnn btn2" @click="handleRest1">
-              <div class="search"></div>
-              <div class="btnText">重置</div>
+        
+            <div style="display: flex; margin-bottom: 20px" class="courseBtn">
+              <div class="btn btn1" @click="handleSearch1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+              <div class="btnn btn2" @click="handleRest1">
+                <div class="search"></div>
+                <div class="btnText">重置</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;