hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-20 00:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

1期ui优化

Browse Source
This commit is contained in:
赵依梦
2025-12-17 18:08:17 +08:00
committed by joshen
parent e10518a588
commit 6a3f3d802e
5 changed files with 141 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/views/course/CourseManage.vue
View File

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