From a34f87410f474c6cd4ac87d31ca0c0b854157e22 Mon Sep 17 00:00:00 2001 From: huweihang <916879598@qq.com> Date: Fri, 12 Dec 2025 01:12:54 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A?= =?UTF-8?q?=E4=B9=89=E7=A1=AE=E8=AE=A4=E5=AF=B9=E8=AF=9D=E6=A1=86=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96ManageListRemote.vue?= =?UTF-8?q?=E7=9A=84=E8=BF=87=E6=BB=A4=E5=99=A8=E5=B8=83=E5=B1=80=E4=B8=8E?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E6=9B=B4=E6=96=B0=E8=AF=BE=E7=A8=8B?= =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=9B=B8=E5=85=B3=E5=8A=9F=E8=83=BD=E4=BB=A5?= =?UTF-8?q?=E6=8F=90=E5=8D=87=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/index.scss | 96 +++ src/views/course/ManageListRemote.vue | 848 +++++++++++++++++--------- 2 files changed, 665 insertions(+), 279 deletions(-) diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index cd08e918..8b1041d2 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -392,3 +392,99 @@ li{ } } +.custom-confirm-dialog { + max-width: 692px; + min-width: 692px; + min-height: 222px !important; + padding: 0px 0px 0px; + border-radius: 10px; + height: auto !important; + + .el-message-box__header { + // padding: 0 0 16px 0; + padding: 2px 8px 2px 16px; + display: block; + + .el-message-box__title { + font-size: 16px; + color: #000; + line-height: 32px; + } + + .el-message-box__headerbtn { + top: 8px; + right: 10px; + .el-message-box__close { + font-size: 22px; + color: #b2b2b2; + } + } + } + + .el-message-box__content { + padding: 0 0 28px 0; + margin-top: 30px; + .el-message-box__status { + margin-right: 14px; + font-size: 24px; + color: #e32e2e; + // display: block; + } + + .el-message-box__message { + margin-left: 0; + color: #000; + font-size: 16px; + line-height: 32px; + font-weight: normal; + display: flex; + align-items: center; + justify-content: center; + padding: 0 20px; + p{ + display: flex; + align-items: center; + justify-content: center; + .el-icon-warning-outline{ + margin-right: 6px; + font-size: 18px; + color: #e32e2e; + } + } + + } + } + + .el-message-box__btns { + padding: 0; + display: flex; + justify-content: flex-end; + padding-right: 20px; + margin-top: 40px; + padding-bottom: 20px; + + .el-button { + min-width: 120px; + height: 40px; + font-size: 16px; + border-radius: 6px; + padding: 0 18px; + } + + .el-button--default { + color: rgba(0, 0, 0, .2); + border-color: rgba(0, 0, 0, .1); + background-color: #FFFFFF; + } + + .el-button--primary { + background-color: #3b7cff; + border-color: #3b7cff; + color: #fff; + } + } +} + +.custom-message-dialog { + +} \ No newline at end of file diff --git a/src/views/course/ManageListRemote.vue b/src/views/course/ManageListRemote.vue index db1a4008..2da46c0d 100644 --- a/src/views/course/ManageListRemote.vue +++ b/src/views/course/ManageListRemote.vue @@ -31,15 +31,16 @@ !learningTimeRange || learningTimeRange.length === 0 ? 'noSplitDatePicker' : '' ]"> + value-format="yyyy-MM-dd 00:00:00" range-separator="至" start-placeholder="培训时间" + :picker-options="pickerOptions" @change="handleLearningTimeRangeChange">
+ - +
@@ -60,7 +61,7 @@
- +
@@ -71,18 +72,19 @@
-
+
- +
- + + 选择 +
{{ item.name }} @@ -112,20 +114,11 @@
新建课程
-
-
+
+
- + - + - + @@ -155,7 +147,7 @@ @@ -165,10 +157,10 @@ @@ -183,7 +175,7 @@ @@ -214,39 +206,56 @@ +
- + @@ -384,6 +393,7 @@
+
@@ -395,6 +405,7 @@ import auditCourse1 from '@/components/Course/auditCourse1.vue'; import auditCourse2 from '@/components/Course/auditCourse2.vue'; import adminPage from '@/components/Administration/adminPage.vue'; import TopCourseSorter from '@/components/Course/TopCourseSorter.vue'; +import chooseOrg from '@/components/System/chooseOrg.vue'; import apiResowner from '../../api/modules/resowner.js'; import apiType from '../../api/modules/type.js' import { courseType } from '../../utils/tools.js'; @@ -405,9 +416,9 @@ import apiUserbasic from "@/api/boe/userbasic.js" import apiTeacher from '../../api/modules/teacher.js'; export default { name: 'manageCourse', - components: { courseForm, manager, auditCourse1, auditCourse2, adminPage, TopCourseSorter }, + components: { courseForm, manager, auditCourse1, auditCourse2, adminPage, TopCourseSorter, chooseOrg }, computed: { - ...mapGetters(['resOwnerMap', 'sysTypeMap', 'userInfo']), + ...mapGetters(['resOwnerMap', 'sysTypeMap', 'userInfo', 'identity']), }, data() { return { @@ -434,6 +445,8 @@ export default { exportLoading: false, resOwner: [], resOwnerFilterWarned: false, + orgId: '', + orgName: '', defaultProps: { value: 'code', label: 'name', @@ -577,6 +590,12 @@ export default { border-radius: 4px; background-color: #4284F7; } + #app::-webkit-scrollbar { + width: 6px; + height: 6px; + background-color:rgba(0, 0, 0, .1); + border-radius: 4px; + } `; document.head.appendChild(style); this.scrollbarStyleApplied = true; @@ -767,14 +786,12 @@ export default { return true; }, formatCourseDuration(row) { - if (row.durationDesc) { - return row.durationDesc; - } - const duration = row.duration !== undefined - ? row.duration - : (row.studyDuration !== undefined ? row.studyDuration : row.totalDuration); - if (duration === undefined || duration === null) { - return '-'; + // if (row.durationDesc) { + // return row.durationDesc; + // } + const duration = row.courseDuration + if (duration === undefined || duration === null || duration === 0) { + return '0分钟'; } const minutes = Math.round(duration / 60); if (minutes >= 60) { @@ -793,13 +810,26 @@ export default { return count; }, formatScore(row) { - if (row.score || row.score === 0) { - return row.score; + let score; + // 优先取score，其次取avgScore + if (row.score !== undefined && (row.score || row.score === 0)) { + score = row.score; + } else if (row.avgScore !== undefined && (row.avgScore || row.avgScore === 0)) { + score = row.avgScore; + } else { + return '-'; } - if (row.avgScore || row.avgScore === 0) { - return row.avgScore; + + // 处理数值，四舍五入保留1位小数 + // 先转换为数字类型，避免字符串格式的数值问题 + const numScore = Number(score); + // 检查是否为有效数字 + if (isNaN(numScore)) { + return '-'; } - return '-'; + + // 四舍五入保留1位小数 + return numScore.toFixed(1); }, getDurationNumber(row) { const duration = row.duration !== undefined @@ -889,14 +919,13 @@ export default { delete query[key]; } }); - const [resOne = '', resTwo = '', resThree = ''] = this.resOwner || []; const [sysOne = '', sysTwo = '', sysThree = ''] = this.sysTypeList || []; - query.orgld = resOne; - query.orgName = resTwo; - query.orgFullName = resThree; query.sysType1 = sysOne; query.sysType2 = sysTwo; query.sysType3 = sysThree; + if (this.orgId) { + query.orgId = this.orgId; + } if (this.params.name) { query.keyword = this.params.name; } @@ -957,33 +986,28 @@ export default { console.log(row.isTop); if (row.isTop == false) { // console.log('fa') - this.$confirm('此操作将置顶此课程, 是否继续?', '提示', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { - apiCourse.setTop(params).then(res => { - if (res.status === 200 && res.result === true) { - this.$message.success('置顶成功！') - this.searchData(); - } else { - this.$message({ - type: 'error', - message: res.message - }); - } - }) - }).catch(() => { - this.$message({ - type: 'info', - message: '置顶失败' - }); - }); + apiCourse.setTop(params).then(res => { + if (res.status === 200 && res.result === true) { + this.$message.success('置顶成功！') + this.searchData(); + } else if (res.status === 500) { + this.$message({ + type: 'error', + message: '已置顶10条课程，若需继续置顶，请对部分课程执行取消置顶操作' + }); + } else { + this.$message({ + type: 'error', + message: res.message + }); + } + }) } else if (row.isTop == true) { this.$confirm('此操作将取消置顶此课程, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning' + type: 'warning', + customClass: 'custom-confirm-dialog' }).then(() => { apiCourse.setTop(params).then(res => { if (res.status === 200 && res.result === true) { @@ -1013,10 +1037,11 @@ export default { // 复制 copyCourse(item) { const confirmText = `确认复制${item.name}吗？`; - this.$confirm(confirmText, '提示', { + this.$confirm(confirmText, '复制确认', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning' + type: 'warning', + customClass: 'custom-confirm-dialog' }).then(() => { const reqdata = { id: item.id, @@ -1037,10 +1062,11 @@ export default { }, // 撤回接口 withdraw(row) { - this.$confirm(`确定撤回${row.name}的审核申请吗？`, '提示', { + this.$confirm(`确定撤回${row.name}的审核申请吗？`, '撤回确认', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning' + type: 'warning', + customClass: 'custom-confirm-dialog' }).then(() => { apiCourse.revokeSubmit(row.id).then((res) => { if (res.status === 200 && res.result) { @@ -1058,6 +1084,8 @@ export default { this.resOwner = []; this.sysTypeList = []; this.learningTimeRange = []; + this.orgId = ''; + this.orgName = ''; this.teacherFilterList = []; this.teacherSelected = []; this.teacherOptions = []; @@ -1131,10 +1159,11 @@ export default { const nextEnabled = !row.enabled; const actionText = nextEnabled ? '启用' : '停用'; try { - await this.$confirm(`确定${actionText}${row.name}吗？`, '提示', { + await this.$confirm(`确定${actionText}${row.name}吗？`, `${actionText}确认`, { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning' + type: 'warning', + customClass: 'custom-confirm-dialog' }); } catch (error) { return; @@ -1181,6 +1210,14 @@ export default { }); }, + // 表格排序变化事件 + handleSortChange({ column, prop, order }) { + // order: ascending(升序) | descending(降序) | null(取消排序) + console.log('排序变化:', { column, prop, order }); + // TODO: 后续可以使用接口进行排序 + // 如果需要接口排序，可以在这里调用 searchData 方法重新查询 + // this.searchData(true); + }, viewTopic(row) { if (row.status == 1) { return this.$message.warning('请提交课程再预览！') @@ -1284,6 +1321,19 @@ export default { sessionStorage.setItem('courseDetail', JSON.stringify(row)); this.$router.push({ path: '/iframe/course/coursemanage-remote' }); }, + showChooseOrg() { + if (this.$refs.refChooseOrg) { + this.$refs.refChooseOrg.dlgShow = true; + } + }, + confirmChooseOrg(orgInfo) { + if (!orgInfo) return; + this.orgId = orgInfo.id || ''; + this.orgName = orgInfo.name || ''; + if (this.$refs.refChooseOrg) { + this.$refs.refChooseOrg.dlgShow = false; + } + }, showChooseCourse() { this.courseChooseShow = true; }, @@ -1319,10 +1369,14 @@ export default { // this.$message({ message: msg, type: 'success', offset: 50 }); // }, delItem(row) { - this.$confirm(`确认删除${row.name}吗？`, '提示', { + // this.$message({ type: 'success',customClass: 'custom-message-dialog', message: '删除成功', duration: 10000000 }); + // return false + this.$confirm(`确认删除${row.name}吗？`, '删除确认', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning' + dangerouslyUseHTMLString: true, + type: 'warning', + customClass: 'custom-confirm-dialog' }).then(async () => { let params = { id: row.id, @@ -1357,7 +1411,7 @@ export default { } }) .catch((err) => { - this.$message({ type: 'info', message: '已取消删除', duration: 5000 }); + // this.$message({ type: 'info', message: '已取消删除', duration: 5000 }); }); }, showAddCatalogZhang(bal) { @@ -1449,184 +1503,278 @@ export default { margin-bottom: 0; } -.filter-row--primary .filter-actions { -} +.filter-row--primary .filter-actions {} .filter-row--advanced { margin-top: 10px; } -.filter-field--name ::v-deep .el-input__inner { - width: 444px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; +.filter-field--name { + ::v-deep .el-input__inner { + width: 444px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } } -.filter-field--category ::v-deep.el-cascader { - line-height: 32px; - .el-input__inner { +.filter-field--category { + ::v-deep.el-cascader { + line-height: 32px; + .el-input__inner { + width: 180px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + color: #000000; + &:focus { + border: 1px solid #4284F7; + } + } + + .el-input { + line-height: 32px; + } + + .el-input__suffix { + line-height: 32px; + } + + .el-input__icon { + line-height: 32px; + } + } + + +} + +.filter-field--teacher { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } + .el-input { + &:focus { + border: 1px solid #4284F7; + } + } + .el-input__inner { + width: 180px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + + } + } +} + +.filter-field--status { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } + + .el-input__inner { + width: 136px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } + + .el-input__icon { + line-height: 32px; + } + } +} + +.filter-field--publish { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } + + .el-input__inner { + width: 136px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } + + .el-input__icon { + line-height: 32px; + } + } +} + +.filter-field--enabled { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } + + .el-input__inner { + width: 136px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } + + .el-input__icon { + line-height: 32px; + } + } + +} + +.filter-field--open { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } + + .el-input__inner { + width: 124px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } + + .el-input__icon { + line-height: 32px; + } + } + +} + + +// .filter-field--resowner ::v-deep.el-cascader { +// line-height: 32px; +// .el-input__inner { +// width: 180px; +// height: 32px; +// background: #FFFFFF; +// border-radius: 6px; +// border: 1px solid rgba(0, 0, 0, .2); +// line-height: 32px; +// padding: 0 10px; +// } +// .el-input { +// line-height: 32px; +// } +// .el-input__suffix { +// line-height: 32px; +// } +// .el-input__icon { +// line-height: 32px; +// } +// } + +.filter-field--resowner { + + // line-height: 32px; + ::v-deep .el-input__inner { width: 180px; height: 32px; background: #FFFFFF; - border-radius: 6px; + border-radius: 6px 0 0 6px; border: 1px solid rgba(0, 0, 0, .2); line-height: 32px; padding: 0 10px; } - .el-input { - line-height: 32px; - } - .el-input__suffix { - line-height: 32px; - } - .el-input__icon { - line-height: 32px; - } + + // .el-input { + // line-height: 32px; + // } + // .el-input__suffix { + // line-height: 32px; + // } + // .el-input__icon { + // line-height: 32px; + // } } -.filter-field--teacher ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 180px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } -} -.filter-field--status ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 136px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } - .el-input__icon { - line-height: 32px; - } -} -.filter-field--publish ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 136px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } - .el-input__icon { - line-height: 32px; +.filter-field--creator { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } + + .el-input__inner { + width: 136px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } } + } -.filter-field--enabled ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 136px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } - .el-input__icon { - line-height: 32px; - } -} +.filter-field--create-from { + ::v-deep.el-select { + .el-select__input { + margin-left: 10px; + } -.filter-field--open ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 124px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } - .el-input__icon { - line-height: 32px; - } -} + .el-input__inner { + width: 180px; + height: 32px; + background: #FFFFFF; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, .2); + line-height: 32px; + padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + } - -.filter-field--resowner ::v-deep.el-cascader { - line-height: 32px; - .el-input__inner { - width: 180px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } - .el-input { - line-height: 32px; - } - .el-input__suffix { - line-height: 32px; - } - .el-input__icon { - line-height: 32px; - } -} - -.filter-field--creator ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 136px; - height: 32px !important; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } -} - -.filter-field--create-from ::v-deep.el-select { - .el-select__input { - margin-left: 10px; - } - .el-input__inner { - width: 180px; - height: 32px; - background: #FFFFFF; - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, .2); - line-height: 32px; - padding: 0 10px; - } - .el-input__icon { - line-height: 32px; + .el-input__icon { + line-height: 32px; + } } + } .filter-field--time { @@ -1638,28 +1786,37 @@ export default { border: 1px solid rgba(0, 0, 0, .2); line-height: 32px; padding: 0 10px; + &:focus { + border: 1px solid #4284F7; + } + .el-input__icon { line-height: 32px; + &.el-icon-date { position: absolute; right: 0; } + &.el-icon-close { margin-right: 8px; } } + .el-range-input { text-align: left; } - + .el-range-separator { line-height: 30px; } + .el-range-input { line-height: 30px; } } } + .toggle-link { padding: 0; font-size: 14px; @@ -1676,6 +1833,11 @@ export default { width: 100%; } } +.creator-filter { + ::v-deep .choice { + width: 100%; + } +} .filter-actions--inline { padding-top: 0; @@ -1695,7 +1857,6 @@ export default { } .filter-actions .toggle-link { - margin-left: 12px; margin-right: 10px; } @@ -1707,7 +1868,7 @@ export default { background-position: center; background-size: 32px 32px; background-color: transparent; - transition: all 0.2s ease; + // transition: all 0.2s ease; } .icon-btn:disabled { @@ -1726,7 +1887,7 @@ export default { .icon-btn--reset { background-image: url('~@/assets/images/svg/reset.svg'); - background-size: 18px 18px; + background-size: 15px 15px; } .icon-btn--reset:hover, @@ -1737,7 +1898,7 @@ export default { .icon-btn--top { background-image: url('~@/assets/images/svg/pintotop.svg'); - background-size: 16px 16px; + background-size: 14px 14px; } .icon-btn--top:hover, @@ -1748,7 +1909,7 @@ export default { .icon-btn--export { background-image: url('~@/assets/images/svg/export.svg'); - background-size: 16px 16px; + background-size: 14px 14px; } .icon-btn--export:hover, @@ -1787,7 +1948,7 @@ export default { background-image: url('~@/assets/images/svg/createCourse.svg'); background-repeat: no-repeat; background-position: 12px center; - background-size: 16px 16px; + background-size: 14px 14px; color: #4284F7; font-weight: 400; font-size: 14px; @@ -1822,8 +1983,83 @@ export default { // } .pagination { - text-align: center; - padding: 40px 0 80px 0; + 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; + } + } + + } } .course-types { @@ -1888,6 +2124,8 @@ export default { ::v-deep .el-table .el-table__body-wrapper::-webkit-scrollbar { width: 6px; height: 6px; + background-color:rgba(0, 0, 0, .1); + border-radius: 4px; } ::v-deep .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { @@ -1898,38 +2136,90 @@ export default { ::v-deep.el-table { - th.el-table__cell{ + border-radius: 6px 6px 0 0; + td.el-table__cell { + border-bottom: 1px solid rgba(0, 0, 0, .1); + } + th.el-table__cell { background: rgba(66, 132, 247, 0.1); padding: 3px 0; + .cell { font-weight: bold; font-size: 14px; color: #60769D; } - &.el-table--medium .el-table__cell{ + .caret-wrapper { + .sort-caret { + border: 4px solid transparent; + &.ascending { + border-bottom-color: #C0C4CC; + top: 8px; + } + &.descending { + border-top-color: #C0C4CC; + bottom: 8px; + } + } + } + + &.el-table--medium .el-table__cell { padding: 5px 0; } } + .course-name { font-weight: 400; font-size: 14px; color: #000000; line-height: 20px; } + .common-cell { font-weight: 400; font-size: 14px; color: #000000; } - .status--pass { - color: #2EAD4D; - } - .status--reject { - color: #F41228; - } - ::v-deep .el-table--medium .el-table__cell{ + + .single-line-ellipsis { + display: inline-block; + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: middle; + } + + .status--pass { + color: #2EAD4D; + } + + .status--reject { + color: #F41228; + } + + .action-link--primary { + color: #4284F7; + font-weight: bold; + } + + .action-link--danger { + color: #E32E2E; + font-weight: bold; + } + + .action-link--more { + color: rgba(0, 0, 0, .2); + font-weight: bold; + } + + .action-link--bold { + font-weight: bold; + } + + ::v-deep .el-table--medium .el-table__cell { padding: 5px 0; } } - +