From 6a3f3d802ebb9cf0ef8e03e6e855f943bbe0dbeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BE=9D=E6=A2=A6?= <15822465730@163.com>
Date: Wed, 17 Dec 2025 18:08:17 +0800
Subject: [PATCH] =?UTF-8?q?1=E6=9C=9Fui=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/portal-index.scss   |  30 ++++---
 src/views/course/CourseManage.vue     | 119 +++++++++++++++++++++++---
 src/views/course/ManageListRemote.vue |   6 +-
 src/views/course/TeacherList.vue      |  14 +--
 src/views/study/coursenew.vue         |   6 +-
 5 files changed, 141 insertions(+), 34 deletions(-)

diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss
index 1035ea8f..efd04e21 100644
--- a/src/assets/styles/portal-index.scss
+++ b/src/assets/styles/portal-index.scss
@@ -438,24 +438,28 @@
   min-width: 240px !important;
   height: 52px !important;
   border-radius: 12px !important;
-  top: 236px !important;
-  font-size: 20px !important;
+  top: 180px !important;
+  font-size: 18px !important;
   font-weight: bold !important;
   border: none !important;
+  .el-message__content {
+    font-size: 16px !important;
+    font-weight: bold !important;
+  }
   }
 .el-message--success.new-message {
   box-shadow: none !important;
   background-color: rgba($color: #4CB967, $alpha: 0.1) !important;
-  min-width: 240px !important;
+  min-width: 180px !important;
   height: 52px !important;
   border-radius: 12px !important;
-  top: 236px !important;
-  font-size: 22px !important;
+  top: 180px !important;
+  font-size: 18px !important;
  
   border: none !important;
   .el-message__content {
     color: #189B39 !important;
-    font-size: 20px !important;
+    font-size: 16px !important;
     font-weight: bold !important;
   }
 }
@@ -465,14 +469,14 @@
   min-width: 240px !important;
   height: 52px !important;
   border-radius: 12px !important;
-  top: 236px !important;
-  font-size: 22px !important;
+  top: 180px !important;
+  font-size: 18px !important;
   font-weight: bold !important;
 
   border: none !important;
   .el-message__content {
     color: #CF1717 !important;
-    font-size: 20px !important;
+    font-size: 16px !important;
     font-weight: bold !important;
   }
 }
@@ -482,10 +486,14 @@
     min-width: 240px !important;
     height: 52px !important;
     border-radius: 12px !important;
-    top: 236px !important;
-    font-size: 20px !important;
+    top: 180px !important;
+    font-size: 18px !important;
     font-weight: bold !important;
     border: none !important;
+    .el-message__content {
+      font-size: 16px !important;
+      font-weight: bold !important;
+    }
   }
 
 
diff --git a/src/views/course/CourseManage.vue b/src/views/course/CourseManage.vue
index ef7ff436..ea38b5f0 100644
--- a/src/views/course/CourseManage.vue
+++ b/src/views/course/CourseManage.vue
@@ -63,7 +63,7 @@
             </el-col>
           </el-row>
           <div class="tab-content">
-            <el-table border max-height="350" :data="study.list" :header-cell-style="{textAlign: 'center'}"
+            <el-table border max-height="350"  :data="study.list" :header-cell-style="{textAlign: 'center'}"
               :cell-style="{ textAlign: 'center' }" style="width: 100%">
               <!-- <el-table-column type="selection" width="55"></el-table-column> -->
               <el-table-column prop="name" label="姓名"></el-table-column>
@@ -100,13 +100,13 @@
                 </template>
               </el-table-column>
             </el-table>
-            <div style="padding: 10px;">
-              <div style="text-align:center; padding: 10px;">
+            <div class="pagination">
+              <!-- <div style="text-align:center; padding: 10px;"> -->
                 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                   :current-page="study.pageIndex" :page-sizes="[10, 20, 30, 40]" :page-size="study.pageSize"
                   layout="total, sizes, prev, pager, next, jumper" :total="study.count"></el-pagination>
               </div>
-            </div>
+            <!-- </div> -->
           </div>
         </el-tab-pane>
         <el-tab-pane lazy label="学习记录" name="third">
@@ -155,7 +155,7 @@
             </el-col>
             <el-col style="float: right; width:185px">
               <div class="grid-content bg-purple" style="text-align: right;">
-                <el-button type="primary" icon="el-icon-upload2" @click="handleExportStudyDetail">导出学习课程记录</el-button>
+                <el-button type="primary" icon="el-icon-upload2" @click="handleExportStudyDetail">导出课程学习记录</el-button>
               </div>
             </el-col>
           </el-row>
@@ -196,7 +196,7 @@
               </el-table-column>
             </el-table>
 
-            <div style="text-align: center; padding: 10px;">
+            <div class="pagination">
               <el-pagination @size-change="handleSizeChangeRecords" @current-change="handleCurrentChangeRecords"
                 :current-page="learningRecords.pageIndex" :page-sizes="[10, 20, 30, 40]"
                 :page-size="learningRecords.pageSize" layout="total, sizes, prev, pager, next, jumper"
@@ -241,7 +241,7 @@
               </el-table-column>
             </el-table>
 
-            <div style="text-align: center; padding: 10px;">
+            <div class="pagination">
               <el-pagination @size-change="handleSizeRecourseList" @current-change="handleCurrentChangeRecourseList"
                 :current-page="recourseListQuery.pageIndex" :page-sizes="[10, 20, 30, 40]"
                 :page-size="recourseListQuery.pageSize" layout="total, sizes, prev, pager, next, jumper"
@@ -265,7 +265,7 @@
       @confirm="handleSignupCreate"
     />
     <!-- 学习详情 -->
-    <el-dialog title="学习详情" :visible.sync="study.detailShow" width="900px" :append-to-body="true">
+    <el-dialog title="学习详情"  :visible.sync="study.detailShow" class="common-course-dialog" width="900px" :append-to-body="true">
       <div>
         <!-- <div v-if="study.detailType == 10"><auditCourse1 :isDetails="true" :isShow="false" :id="study.examineId"></auditCourse1></div>
         <div v-if="study.detailType == 20"><auditCourse2 :isDetails="true" :isShow="false" :id="study.examineId"></auditCourse2></div> -->
@@ -295,7 +295,7 @@
           </el-table-column>
         </el-table>
 
-        <div style="text-align: center;padding: 10px;" v-if="showStudyDetailPage">
+        <div class="pagination">
           <el-pagination @size-change="handleSizeChangeStudyDetail" @current-change="handleCurrentStudyDetail"
             :current-page="studyDetailQuery.pageIndex" :page-sizes="[10, 20, 30, 40]"
             :page-size="studyDetailQuery.pageSize" layout="total, sizes, prev, pager, next, jumper"
@@ -308,7 +308,7 @@
       </span>
     </el-dialog>
 
-    <el-dialog title="学习详情" v-if="commonResourceStudyPeopleShow" :visible.sync="commonResourceStudyPeopleShow"
+    <el-dialog class="common-course-dialog" title="学习详情" v-if="commonResourceStudyPeopleShow" :visible.sync="commonResourceStudyPeopleShow"
       width="50%" :append-to-body="true">
       <el-row style="margin: 20px 0 20px -10px;" :gutter="20">
         <el-col :span="6">
@@ -381,7 +381,7 @@
           label="满意度分数"></el-table-column>
         <el-table-column prop="finishTime" width="200" label="完成时间"></el-table-column>
       </el-table>
-      <div style="text-align: center;padding: 10px;">
+      <div class="pagination">
         <el-pagination @size-change="handleSizeChangeStudyPeople" @current-change="handleCurrentChangeStudyPeople"
           :current-page="commonResourceStudyPeopleQuery.pageIndex" :page-sizes="[10, 20, 30, 40]"
           :page-size="commonResourceStudyPeopleQuery.pageSize" layout="total, sizes, prev, pager, next, jumper"
@@ -393,7 +393,7 @@
       </span>
     </el-dialog>
 
-    <el-dialog title="学习详情" v-if="examResourceStudyPeopleShow" :visible.sync="examResourceStudyPeopleShow" width="50%"
+    <el-dialog title="学习详情" class="common-course-dialog" v-if="examResourceStudyPeopleShow" :visible.sync="examResourceStudyPeopleShow" width="50%"
       :append-to-body="true">
       <el-row style="margin: 20px 0 20px -10px;" :gutter="20">
         <el-col :span="6">
@@ -463,7 +463,7 @@
         <el-table-column prop="score" label="成绩"></el-table-column>
         <el-table-column prop="finishTime" width="200" label="完成时间"></el-table-column>
       </el-table>
-      <div style="text-align: center;padding: 10px;">
+      <div class="pagination">
         <el-pagination @size-change="handleSizeChangeExamStudyPeople"
           @current-change="handleCurrentChangeExamStudyPeople" :current-page="examResourceStudyPeopleQuery.pageIndex"
           :page-sizes="[10, 20, 30, 40]" :page-size="examResourceStudyPeopleQuery.pageSize"
@@ -972,6 +972,8 @@ export default {
     },
     resetResourseList() {
       this.recourseListQuery.contentName = "";
+      this.recourseListQuery.pageIndex = 1
+      this.recourseListQuery.pageSize = 10;
       this.getResourseList();
     },
     resetStudyRecords() {
@@ -982,6 +984,8 @@ export default {
       this.studyDateTime = [];
       this.learningRecords.queryStartTime = "";
       this.learningRecords.queryFinishTime = "";
+      this.learningRecords.pageIndex = 1;
+      this.learningRecords.pageSize = 10;
       this.getStudyRecords();
     },
 
@@ -992,6 +996,8 @@ export default {
         signType: "",
         aid: [],
       };
+      this.study.pageIndex = 1;
+      this.study.pageSize = 10;
       this.getSignupList();
     },
     resOwnerName(code) {
@@ -1304,6 +1310,86 @@ export default {
   }
 }
 #courseManage {
+  .pagination {
+  text-align: right;
+  padding-top: 20px;
+  ::v-deep .el-pagination {
+    .el-pagination__total {
+      font-size: 14px;
+      color: #000000;
+    }
+    .el-pagination__sizes {
+      margin-right: 4px;
+      .el-input{
+        margin: 0;
+        width: 89px;
+        
+      }
+      .el-input__inner {
+        width: 89px;
+        background: #F5F9FF;
+        border-radius: 4px;
+        border: 1px solid #DFDFDF;
+        height: 28px;
+        font-size: 14px;
+        color: #000000;
+      }
+    }
+    .btn-prev, .btn-next {
+      width: 28px;
+      height: 28px;
+      background: #F5F9FF;
+      border-radius: 4px;
+      border: 1px solid #DFDFDF;
+      // &:hover {
+      //   background: #4284F7;
+      //   color: #FFFFFF;
+      // }
+    }
+    .btn-quicknext{
+      background: transparent;
+      border: none;
+      line-height: 44px;
+      &:before {
+        content: '......';
+      }
+  
+    }
+    .el-pager {
+      .number {
+        min-width: 28px;
+        height: 28px;
+        background: #F5F9FF;
+        border-radius: 4px;
+        border: 1px solid #DFDFDF;
+        font-weight: normal;
+        color: #000000;
+        margin: 0 4px;
+        &.active {
+          background: #4284F7;
+          color: #FFFFFF;
+          border: none;
+        }
+      }
+    }
+    .el-pagination__jump {
+      font-size: 14px;
+      color: #000000;
+      margin-left: 4px;
+      .el-input__inner {
+        width: 28px;
+        height: 28px;
+        background: #F5F9FF;
+        border-radius: 4px;
+        border: 1px solid #DFDFDF;
+        font-size: 14px;
+        color: #000000;
+      }
+    }
+
+  }
+}
+
   .option-code {
     margin-left: 4px;
     color: #999;
@@ -1318,6 +1404,7 @@ export default {
   .resetDatePicker {
     .el-range-input {
       text-align: left;
+      margin-left: 2px;
     }
     .el-date-editor {
       width: 255px;
@@ -1387,4 +1474,10 @@ export default {
 .el-table .el-table__body-wrapper::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera*/
 }
+
+.el-table .el-table__header-wrapper .el-table__header th {
+ background: rgba(66, 132, 247, 0.1);
+ color: #60769D;
+}
+
 </style>
diff --git a/src/views/course/ManageListRemote.vue b/src/views/course/ManageListRemote.vue
index e9a2cbcf..7486a9e4 100644
--- a/src/views/course/ManageListRemote.vue
+++ b/src/views/course/ManageListRemote.vue
@@ -337,9 +337,9 @@
         <el-button @click="manageStudy.dlgShow = false">关闭</el-button>
       </template>
     </el-dialog>
-    <el-dialog title="二维码" :visible.sync="qrCodedialogVisible" width="900px" @close="closeCode" custom-class="g-dialog">
+    <el-dialog title="二维码" :visible.sync="qrCodedialogVisible" width="700px" @close="closeCode" class="common-course-dialog">
       <div>
-        <el-form size="medium" label-width="100px">
+        <el-form size="medium" label-width="70px">
           <el-form-item label="二维码">
             <div id="qrcode" ref="qrcode" class="qrcode-img" @mouseenter="showDownloadButton = true"
               @mouseleave="showDownloadButton = false">
@@ -350,9 +350,11 @@
             </div>
           </el-form-item>
           <el-form-item label="链接">
+            <div style="width:500px">
             <el-input v-model="copyUrl" readonly class="input-with-select" id="text">
               <el-button slot="append" @click="handleCopyUrl">复制</el-button>
             </el-input>
+            </div>
           </el-form-item>
           <el-form-item label="">上述内容兼容PC端与移动端，您可按需分享。</el-form-item>
         </el-form>
diff --git a/src/views/course/TeacherList.vue b/src/views/course/TeacherList.vue
index 5ed10d12..dc71e124 100644
--- a/src/views/course/TeacherList.vue
+++ b/src/views/course/TeacherList.vue
@@ -111,9 +111,9 @@
     </div> -->
 
     <div></div>
-    <el-dialog title="二维码" :visible.sync="qrCodedialogVisible" width="900px" @close="closeCode" custom-class="g-dialog">
+    <el-dialog title="二维码" :visible.sync="qrCodedialogVisible"  width="700px" @close="closeCode" class="common-course-dialog">
       <div>
-        <el-form size="medium" label-width="100px">
+        <el-form size="medium" label-width="70px">
           <el-form-item label="二维码">
             <div id="qrcode" ref="qrcode" class="qrcode-img" @mouseenter="showDownloadButton = true"
               @mouseleave="showDownloadButton = false">
@@ -125,10 +125,12 @@
             </div>
           </el-form-item>
 
-          <el-form-item label="链接">
+          <el-form-item label="链接" >
+            <div style="width:500px">
             <el-input v-model="copyUrl" readonly class="input-with-select" id="text">
               <el-button slot="append" @click="handleCopyUrl">复制</el-button>
             </el-input>
+            </div>
           </el-form-item>
           <el-form-item label="">上述内容兼容PC端与移动端，您可按需分享。</el-form-item>
         </el-form>
@@ -137,9 +139,11 @@
     </el-dialog>
 
     <!-- TODO 修改展示字段 -->
-    <el-dialog title="审核记录" :visible.sync="dialogVisible" width="900px" custom-class="g-dialog">
+    <el-dialog title="审核记录"  :visible.sync="dialogVisible" width="900px" class="common-course-dialog">
       <div>
-        <el-table max-height="500" border :data="inviteTeacher" style="width: 100%;">
+        <el-table :header-cell-style="{textAlign: 'center', background: 'rgba(66, 132, 247, 0.1)',
+ color: '#60769D'}"
+              :cell-style="{ textAlign: 'center' }" max-height="500" border :data="inviteTeacher" style="width: 100%;">
           <el-table-column prop="type" label="审核类型">
             <template slot-scope="scope">
               {{ scope.row.auditState ? '通过' : '不通过' }}
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 27974870..34382f06 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -269,9 +269,9 @@
                         <span style="font-size: 18px;">分</span>
                         <el-button style="margin-left:10px" type="primary" size="mini" v-if="!scoreInfo.has" @click="canScore=true" >评分</el-button>
 
-                      </div>
+
                   </div>
-                  <div v-if="canScore" style="display: flex;align-items: center;">
+                  <div v-else style="display: flex;align-items: center;">
                   <p style="margin-right: 10px">告诉我们您的喜欢程度</p>
                   <el-rate
                     v-model="scoreInfo.score"
@@ -295,7 +295,7 @@
                       >取消</el-button
                     >
                   </div>
-
+                    </div>
                   <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
                   <!-- </el-popover> -->
                 </div>