课程推荐完善弹窗

src/components/courserecommended/CourseRecommended.vue

@@ -10,6 +10,7 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
+    style="overflow-y:auto"
   >
   <div class="title">项目管理系列课</div>
   <dl>
@@ -24,8 +25,9 @@
   </div>
       <!-- 表格 -->
       <div class="tableBox">
-      <a-table style="border: 1px solid #f2f6fe" :columns="column" 
+      <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="data" 
         :scroll="{ x: 1100 }" :pagination="false">
+
         <template #operation="{ record }">
           <a-space style="padding-right: 10px">
             
@@ -38,22 +40,17 @@
           </a-space>
         </template>
       </a-table>
+      <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+        <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="total"
+          class="pagination" @change="handelChangePage" show-size-changer />
+      </div>
     </div>
-    <!-- <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
-      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
-        class="pagination" @change="handelChangePage" show-size-changer />
-    </div> -->
-    
-    <img
-    @click="handleCancel"
-    style="width: 22px; height: 22px"
-    src="@/assets/images/basicinfo/close22.png"
-    />   
+       
   </a-modal>
 </template>
 
 <script>
-import { ref,reactive, toRefs, defineComponent, watch, computed } from "vue";
+import { ref,reactive, toRefs, defineComponent, watch, computed,onMounted } from "vue";
 import { useStore } from "vuex";
 // import OrgClassCheck from "@/components/project/OrgClassCheck";
 import OrgClass from "@/components/project/OrgClass";
@@ -94,6 +91,7 @@ export default defineComponent({
   setup(props, { emit }) {
 
 
+
 // const loading = ref(false);
 // // 查询数据
 const searchData = ref({
@@ -102,12 +100,12 @@ const searchData = ref({
   recommendName: "",
   recommendTimeList: [],
 });
-// const handelChangePage = (page, pageSize) => {
-//   loading.value = false;
-//   searchData.value.pageSize = pageSize;
-//   searchData.value.pageIndex = page;
-//   getList();
-// };
+const handelChangePage = (page, pageSize) => {
+  loading.value = false;
+  searchData.value.pageSize = pageSize;
+  searchData.value.pageIndex = page;
+  getList();
+};
 const getList = (num) => {
 //   if (num === 1) searchData.value.pageIndex = 1;
   boeRequest(RECOMMEND_PAGE, searchData.value)
@@ -124,9 +122,7 @@ const getList = (num) => {
 };
 getList()
 
-
     const value = ref('');
-
     console.log("props", props);
     const store = useStore();
 
@@ -150,11 +146,10 @@ getList()
       sourceBelongFullName: [],
       orgSelectNames: "",
       //列表数据
-      // data: [],
       total:0,
       column: [
         {
-          title: "推荐人",
+          title: "姓名",
           dataIndex: "recommendBy",
           key: "recommendBy",
           width: "10%",
@@ -166,7 +161,7 @@ getList()
           },
         },
         {
-          title: "列表包名称",
+          title: "课程系列包名称",
           dataIndex: "listPageName",
           key: "listPageName",
           width: "10%",
@@ -200,6 +195,7 @@ getList()
         },
         
       ],
+      data:[]
     });
     
 
@@ -371,7 +367,7 @@ getList()
     display: flex;
     flex: 1;
     flex-direction: column;
-
+    // margin-bottom: 36px;
     th.ant-table-cell {
       background-color: #eff4fc !important;
       text-align: center;
@@ -382,4 +378,8 @@ getList()
       text-align: center;
     }
   }
+  .pa{
+    margin-top: 36px;
+    margin-bottom: 43px;
+  }
 </style>

src/views/courselibrary/CourseRecommended.vue

@@ -236,7 +236,7 @@ const column = [
     title: "推送进度",
     dataIndex: "pushProgress",
     key: "pushProgress",
-    width: "10%",
+    width: "15%",
     align: "center",
     className: "h",
     customRender: ({ text }) => {
@@ -303,7 +303,7 @@ const column = [
     };
 const authenticationColumn = {
   title: "操作",
-  width: "20%",
+  width: "30%",
   className: "h",
   dataIndex: "id",
   key: "id",