组织机构学习数据报表

优化 列表点击数据弹出层
每个列表添加分页操作
微调

src/views/report/Overvoewnew.vue

@@ -242,8 +242,9 @@
       <div class="select">
         <a-select
           mode="multiple"
+          size="large"
           style="width: 100%"
-          placeholder="Please select"
+          placeholder="自定义导出方式，选择您要导出的列"
           @change="getReportSelectedValues"
         >
           <a-select-option v-for="item in reportSelectOptions" :key="item.name">
@@ -364,10 +365,11 @@
       <!-- 弹出层代码 -->
       <a-modal
           class="custom-modal"
-          title="Title"
+          :title="modelTitle"
           :visible="isModalVisible"
           @cancel="onCancel"
           @ok="onCancel"
+          width="1250px"
       >
         <a-table
           rowKey="id"
@@ -439,6 +441,7 @@ export default {
       modelPageNo:1,
       modelTableDataTotal:0,
       dataIndexValues:[],
+      modelTitle:'title',
     })
     // 监听弹出层分页变化方法
     const modelChangePagination = (page) =>{
@@ -837,6 +840,7 @@ export default {
           sorter: true,
         }
       ]
+      model.modelTitle = "任务总数"
       axios({
         method: "get",
         url: "/reportsnake/report/projectTaskReportList",
@@ -957,6 +961,7 @@ export default {
           ellipsis: true,
         },
       ]
+      model.modelTitle = "报名人数"
       axios({
         method: "get",
         url: "/reportsnake/report/projectStudentReportList",
@@ -3110,5 +3115,4 @@ export default {
 .custom-table :deep(.ant-table-tbody > tr:hover > td) {
   background: #e6f7ff !important;
 }
-
 </style>