hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-18 15:26: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
parent be730deef2
commit c4fdebe811
5 changed files with 141 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/assets/styles/portal-index.scss
View File

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

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"
@@ -968,6 +968,8 @@ export default {
},
resetResourseList() {
this.recourseListQuery.contentName = "";
this.recourseListQuery.pageIndex = 1
this.recourseListQuery.pageSize = 10;
this.getResourseList();
},
resetStudyRecords() {
@@ -978,6 +980,8 @@ export default {
this.studyDateTime = [];
this.learningRecords.queryStartTime = "";
this.learningRecords.queryFinishTime = "";
this.learningRecords.pageIndex = 1;
this.learningRecords.pageSize = 10;
this.getStudyRecords();
},
@@ -988,6 +992,8 @@ export default {
signType: "",
aid: [],
};
this.study.pageIndex = 1;
this.study.pageSize = 10;
this.getSignupList();
},
resOwnerName(code) {
@@ -1300,6 +1306,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;
@@ -1314,6 +1400,7 @@ export default {
.resetDatePicker {
.el-range-input {
text-align: left;
margin-left: 2px;
}
.el-date-editor {
width: 255px;
@@ -1383,4 +1470,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>

6
src/views/course/ManageListRemote.vue
View File

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

14
src/views/course/TeacherList.vue
View File

@@ -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 ? '通过' : '不通过' }}

6
src/views/study/coursenew.vue
View File

@@ -137,9 +137,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" :allow-half="true"></el-rate>
<span class="score-text">{{ newToScore(scoreInfo.score) }}</span>
@@ -148,7 +148,7 @@
<el-button style="margin-left:10px" type="primary" size="mini" @click="addScore" >确定</el-button>
<el-button size="mini" @click="handleCancelScore">取消</el-button>
</div>
</div>
<!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
<!-- </el-popover> -->
</div>