From 01b0a2dccbbe6520cdf4e7af5b3e2f6949166a85 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Wed, 28 Aug 2024 09:46:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E5=AD=A6=E4=B9=A0=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                            |  4 +-
 generated/core/OpenAPI.ts                   |  3 +-
 src/views/MyCourseStudy/learningProcess.vue | 91 ++++++++-------------
 3 files changed, 39 insertions(+), 59 deletions(-)

diff --git a/.env.development b/.env.development
index 600aee7..c8c89d1 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
 VITE_APP_TITLE = '无糖运营平台'
-VITE_APP_BASE_API = 'http://127.0.0.1:8080'
-# VITE_APP_BASE_API = 'http://39.106.16.162:8080'
+# VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+VITE_APP_BASE_API = 'http://39.106.16.162:8080'
diff --git a/generated/core/OpenAPI.ts b/generated/core/OpenAPI.ts
index 685abe2..ea14d7e 100644
--- a/generated/core/OpenAPI.ts
+++ b/generated/core/OpenAPI.ts
@@ -22,7 +22,8 @@ export type OpenAPIConfig = {
 
 export const OpenAPI: OpenAPIConfig = {
     //BASE: 'http://39.106.16.162:8080',
-    BASE: 'http://127.0.0.1:8080',
+    // BASE: 'http://127.0.0.1:8080',
+    BASE: import.meta.env.VITE_APP_BASE_API,
     VERSION: '1.0.0',
     WITH_CREDENTIALS: false,
     CREDENTIALS: 'include',
diff --git a/src/views/MyCourseStudy/learningProcess.vue b/src/views/MyCourseStudy/learningProcess.vue
index fde2a54..4c58175 100644
--- a/src/views/MyCourseStudy/learningProcess.vue
+++ b/src/views/MyCourseStudy/learningProcess.vue
@@ -140,61 +140,29 @@ const goToAnotherPage = (address, courseId) => {
       <!-- 头部 -->
       <div class="header">
         <el-button type="primary" plain>浏览记录</el-button>
-        <el-button
-          type="danger"
-          plain
-          style="float: right"
-          @click="deleteSelected"
-        >
+        <el-button type="danger" plain style="float: right" @click="deleteSelected">
           批量删除
         </el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="toggleCheckbox"
-          style="float: right"
-        >
+        <el-button type="primary" plain @click="toggleCheckbox" style="float: right">
           管理
         </el-button>
       </div>
       <!-- 中间 -->
       <div class="record-list">
         <ul v-if="recordList.length > 0">
-          <li
-            v-for="record in recordList"
-            :key="record.id"
-            v-loading="loading"
-            @click="
-              goToAnotherPage(
-                '/myCourseStudyManagement/learningProcess1',
-                record.courseId,
-              )
-            "
-          >
-            <input
-              style="display: flex"
-              type="checkbox"
-              :value="record.id"
-              @change="toggleSelection(record.id)"
-              v-if="showCheckbox"
-            />
+          <li v-for="record in recordList" :key="record.id" v-loading="loading">
+            <input style="display: flex" type="checkbox" :value="record.id" @change="toggleSelection(record.id)"
+              v-if="showCheckbox" />
 
-            <img
-              class="img"
-              :src="record.img"
-              @click="goToAnotherPage(record.address)"
-              style="margin-bottom: 10px"
-            />
+            <img class="img" :src="record.img" @click="goToAnotherPage(record.address)" style="margin-bottom: 10px" />
 
-            <div
-              style="
+            <div style="
                 display: flex;
                 justify-content: space-between;
                 flex-grow: 1;
                 margin-top: 10px;
                 margin-bottom: 10px;
-              "
-            >
+              ">
               <p>
                 {{ record.courseName }}
               </p>
@@ -202,17 +170,29 @@ const goToAnotherPage = (address, courseId) => {
                 <Delete />
               </el-icon>
             </div>
-            <div
-              style="
+            <div style="
                 display: flex;
                 justify-content: space-between;
                 flex-grow: 1;
                 margin-top: 10px;
-              "
-            >
+              ">
               <p>{{ record.time }}</p>
               <p>学习人数:{{ record.number }}</p>
             </div>
+            <div style="display: flex;margin: 10px 0;">
+              <el-button @click="
+                goToAnotherPage(
+                  '/myCourseStudyManagement/learningProcess1',
+                  record.courseId,
+                )
+                ">知识点学习记录</el-button>
+              <el-button @click="
+                goToAnotherPage(
+                  '/myCourseStudyManagement/learningProcess2',
+                  record.courseId,
+                )
+                ">资源学习记录</el-button>
+            </div>
           </li>
         </ul>
         <el-empty v-else description="暂时没有浏览记录" />
@@ -220,17 +200,10 @@ const goToAnotherPage = (address, courseId) => {
     </div>
     <!-- 分页 -->
     <div class="example-pagination-block">
-      <el-pagination
-        v-model:current-page="params.pagenum"
-        v-model:page-size="params.pagesize"
-        :page-sizes="[5, 10, 15, 20]"
-        :background="true"
-        layout="jumper,total, sizes, prev, pager, next "
-        :total="total"
-        @current-change="onCurrentChange"
-        @size-change="onSizeChange"
-        style="margin-top: 20px; justify-content: flex-end"
-      />
+      <el-pagination v-model:current-page="params.pagenum" v-model:page-size="params.pagesize"
+        :page-sizes="[5, 10, 15, 20]" :background="true" layout="jumper,total, sizes, prev, pager, next " :total="total"
+        @current-change="onCurrentChange" @size-change="onSizeChange"
+        style="margin-top: 20px; justify-content: flex-end" />
     </div>
   </div>
 </template>
@@ -241,9 +214,11 @@ const goToAnotherPage = (address, courseId) => {
   flex-direction: column;
   min-height: 100vh;
 }
+
 .content {
   flex: 1;
 }
+
 .example-pagination-block {
   position: sticky;
   bottom: 0;
@@ -254,6 +229,7 @@ const goToAnotherPage = (address, courseId) => {
 .record-list {
   margin: 10px 0;
 }
+
 ul {
   width: 100%;
   list-style-type: none;
@@ -268,9 +244,11 @@ ul {
   grid-template-columns: repeat(auto-fill, 272px);
   justify-content: space-around;
 }
+
 li {
   /* margin-bottom: 30px; */
-  transition: filter 0.3s; /* 添加过渡动画 */
+  transition: filter 0.3s;
+  /* 添加过渡动画 */
   /* flex: 1 0 20%; */
   width: calc(20% - 20px);
   width: 250px;
@@ -285,6 +263,7 @@ li {
   transition: box-shadow 0.3s;
   cursor: pointer;
 }
+
 li:hover {
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 }