课程管理-页面修改

src/views/projectManagement/allTopics/index.vue

@@ -25,7 +25,7 @@
         <el-form-item label="状态" prop="status">
           <el-select
             v-model="queryParams.status"
-            placeholder="请选择状态"
+            placeholder="请选择"
             clearable
             size="small"
             style="width: 220px"
@@ -77,8 +77,7 @@
         </el-form-item>
       </el-form>
     </div>
-    <!--    @pagination="getList"-->
-    <el-table v-loading="loading" style="width: 100%;" :data="courseInfoList">
+    <el-table v-loading="loading" style="width: 100%;" :data="paginatedCourseInfoList">
       <el-table-column min-width="50" label="序号" prop="id" align="center">
         <template slot-scope="scope">
           {{ scope.$index + 1 }}
@@ -91,7 +90,7 @@
         align="center"
         :show-overflow-tooltip="true"
       />
-      <el-table-column min-width="160" label="课程号" prop="courseId" align="center" :show-overflow-tooltip="true" />
+      <el-table-column min-width="150" label="课程号" prop="courseId" align="center" :show-overflow-tooltip="true" />
       <el-table-column
         min-width="180"
         label="申报名称"
@@ -120,9 +119,9 @@
           >{{ scope.row.stage }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column min-width="270" label="状态" prop="status" align="center" :show-overflow-tooltip="true" />
+      <el-table-column min-width="230" label="状态" prop="status" align="center" :show-overflow-tooltip="true" />
       <el-table-column
-        min-width="180"
+        min-width="160"
         label="创建时间"
         prop="createTime"
         align="center"
@@ -152,18 +151,12 @@
         </template>
       </el-table-column>
     </el-table>
-
-    <!--    <pagination
-          v-show="total>0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-        />-->
     <pagination
       v-show="total>0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
+      @pagination="getList"
     />
   </div>
 </template>
@@ -178,9 +171,10 @@ export default {
   data() {
     return {
       // 总条数
-      total: 100,
+      total: 0,
       // 遮罩层
-      loading: false,
+      loading: false, // 是否加载中
+      paginatedCourseInfoList: [], // 当前页的课程数据
       // 显示搜索条件
       showSearch: true,
       // 列表数据
@@ -353,48 +347,76 @@ export default {
       ],
       // 课题类型
       topicType: [
-        {
-          typeName: '不限',
-          typeNumber: '0'
-        },
         {
           typeName: '一般课题',
-          typeNumber: '1'
+          typeNumber: '一般课题'
         },
         {
           typeName: '重点课题',
-          typeNumber: '2'
+          typeNumber: '重点课题'
         }
       ],
       // 状态
       statusList: [
         {
-          statusName: '不限',
-          statusNumber: '0'
+          statusName: '申报完成',
+          statusNumber: '申报完成'
         },
         {
-          statusName: '验收完成',
-          statusNumber: '1'
+          statusName: '立项审批(专家指定中)',
+          statusNumber: '立项审批(专家指定中)'
         },
         {
-          statusName: '申报完成',
-          statusNumber: '2'
+          statusName: '立项审批(专家评审中)',
+          statusNumber: '立项审批(专家评审中)'
+        },
+        {
+          statusName: '立项评审结果',
+          statusNumber: '立项评审结果'
         },
         {
-          statusName: '项目申报中',
-          statusNumber: '3'
+          statusName: '中期申报完成',
+          statusNumber: '中期申报完成'
         },
         {
-          statusName: '立项评审中',
-          statusNumber: '4'
+          statusName: '中期评审中',
+          statusNumber: '中期评审中'
         },
         {
-          statusName: '验收申请完成',
-          statusNumber: '5'
+          statusName: '中期评审完成',
+          statusNumber: '中期评审完成'
         },
         {
-          statusName: '验收申请中',
-          statusNumber: '6'
+          statusName: '验收申报完成',
+          statusNumber: '验收申报完成'
+        },
+        {
+          statusName: '验收评审(专家指定中/免审)',
+          statusNumber: '验收评审(专家指定中/免审)'
+        },
+        {
+          statusName: '验收评审(专家评审中)',
+          statusNumber: '验收评审(专家评审中)'
+        },
+        {
+          statusName: '验收完成(专家评审)',
+          statusNumber: '验收完成(专家评审)'
+        },
+        {
+          statusName: '验收评审(免审中)',
+          statusNumber: '验收评审(免审中)'
+        },
+        {
+          statusName: '验收完成(免审)',
+          statusNumber: '验收完成(免审)'
+        },
+        {
+          statusName: '验收完成(专家评审)',
+          statusNumber: '验收完成(专家评审)'
+        },
+        {
+          statusName: '验收完成(免审)',
+          statusNumber: '验收完成(免审)'
         }
       ],
       // 查询参数
@@ -445,8 +467,16 @@ export default {
     this.getList()
   },
   methods: {
+    // 计算分页数据
     getList() {
       this.loading = true
+      const startIndex = (this.queryParams.pageNum - 1) * this.queryParams.pageSize
+      const endIndex = startIndex + this.queryParams.pageSize
+      // 获取当前页的课程数据
+      this.paginatedCourseInfoList = this.courseInfoList.slice(startIndex, endIndex)
+
+      // 更新总记录数（通常情况下这是从接口返回的）
+      this.total = this.courseInfoList.length
       this.loading = false
     },
     /** 阶段标签颜色操作 */
@@ -466,8 +496,22 @@ export default {
     },
     /** 查询按钮操作 */
     handleQuery() {
-      this.queryParams.page = 1
-      this.getList()
+      this.loading = true
+      // 重置为第一页
+      this.queryParams.pageNum = 1
+      // 调用过滤和分页方法
+      this.filterData()
+      this.loading = false
+    },
+    // 过滤数据
+    filterData() {
+      // 根据 status 过滤数据
+      let filteredData = this.courseInfoList
+      if (this.queryParams.status) {
+        filteredData = filteredData.filter(item => item.status === this.queryParams.status)
+      }
+      this.total = filteredData.length // 更新数据总数
+      this.paginatedCourseInfoList = filteredData.slice(0, this.queryParams.pageSize) // 只取当前页的数据
     },
     /** 分析报告按钮操作 */
     analysisReport() {

src/views/projectManagement/approvalProcess/projectInitiation.vue

@@ -10,7 +10,6 @@
     <div class="tab-pane">
       <el-tabs v-model="activeName" type="border-card">
         <el-tab-pane label="申报信息" name="first" style="margin-left: -10px;">
-          <div :disabled="disabled">
             <div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
               <p style="margin: 10px 0;font-size: 18px">课题名称及申请人基本情况</p>
             </div>
@@ -157,7 +156,6 @@
               <el-button type="primary" style="margin-top: 20px" @click="Approve">通过</el-button>
               <el-button type="primary" style="margin-top: 20px" @click="Reject">驳回</el-button>
             </div>
-          </div>
         </el-tab-pane>
         <el-tab-pane v-if="firstReview ==='立项审批(专家指定中)'" label="专家列表" name="second">
           <div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
@@ -1028,12 +1026,12 @@ export default {
       activeName: null,
       // 通过不通过
       selectedValue: '0',
-      // 初审
-      firstReview: null,
+      // 立项
+      firstReview: '立项',
       // 中期审核
-      secondReview: null,
+      secondReview: '中期',
       // 验收
-      thirdReview: null,
+      thirdReview: '验收',
       // （初审到中期审核）按钮显示状态
       buttonSwitch: '',
       dialogAddExpert: false,