Compare commits

...

2 Commits

  1. 3
      generated/core/OpenAPI.ts
  2. 91
      src/views/MyCourseStudy/learningProcess.vue

@ -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',

@ -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);
}

Loading…
Cancel
Save