diff --git a/src/api/modules/course.js b/src/api/modules/course.js index 58b15b2d..e014bb30 100644 --- a/src/api/modules/course.js +++ b/src/api/modules/course.js @@ -477,7 +477,7 @@ const saveTip = function() { * 获取我开发的课程列表 */ const courseList = function(data) { - return ajax.postJson('/xboe/m/course/manage/page', data); + return ajax.postJson('/xboe/m/course/manage/develop_page', data); } diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss index 395f282e..6d75a378 100644 --- a/src/assets/styles/portal-index.scss +++ b/src/assets/styles/portal-index.scss @@ -432,6 +432,37 @@ color: #333333; } } +.el-message.new-message { + background-color: #edf2fc !important; + box-shadow: none !important; + border-color: #EBEEF5 !important; + min-width: 170px !important; + border-radius: 10px !important; + } +.el-message--success.new-message { + background-color: #f0f9eb !important; + box-shadow: none !important; + border-color: #e1f3d8 !important; + min-width: 170px !important; + border-radius: 10px !important + } +.el-message--error.new-message { + background-color: #fef0f0 !important; + box-shadow: none !important; + border-color: #fde2e2 !important; + min-width: 170px !important; + border-radius: 10px !important + } + .el-message--warning.new-message { + background-color: #fdf6ec !important; + box-shadow: none !important; + border-color: #faecd8 !important; + min-width: 170px !important; + border-radius: 10px !important + } + + + .el-badge__content{// badge去掉白色边框 border:1px solid #f56c6c; } diff --git a/src/components/SimpleMessageBox/index.vue b/src/components/SimpleMessageBox/index.vue new file mode 100644 index 00000000..b33871ba --- /dev/null +++ b/src/components/SimpleMessageBox/index.vue @@ -0,0 +1,87 @@ + + + diff --git a/src/icons/svg/jingti.svg b/src/icons/svg/jingti.svg new file mode 100644 index 00000000..2872c289 --- /dev/null +++ b/src/icons/svg/jingti.svg @@ -0,0 +1,11 @@ + + + jingti-copy + + + + + + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 15f2fc68..2364806c 100644 --- a/src/main.js +++ b/src/main.js @@ -41,6 +41,14 @@ import 'swiper/dist/css/swiper.css'; Vue.use(VueAwesomeSwiper) import watermark from './utils/warterMark.js' import Bus from './utils/bus.js' +import {showMessage} from './utils/index.js' + +import MessageBoxService from './utils/simpleMessageBox.js' + + +Vue.use(MessageBoxService) + +Vue.prototype.$showMessage = showMessage Vue.prototype.$bus = Bus diff --git a/src/utils/index.js b/src/utils/index.js index 0507bcac..ceba34d4 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -455,4 +455,13 @@ export function resOwnerListMap(source) { }) let name = resOwnerList.get('GC005001') return name; +} + +export function showMessage(message, status) { + this.$message({ + message: message, + type: status, + duration: 5000, + customClass: 'new-message' + }); } \ No newline at end of file diff --git a/src/utils/simpleMessageBox.js b/src/utils/simpleMessageBox.js new file mode 100644 index 00000000..0687984b --- /dev/null +++ b/src/utils/simpleMessageBox.js @@ -0,0 +1,50 @@ +import Vue from 'vue' +import MessageBox from '@/components/SimpleMessageBox/index.vue' + +// 创建 MessageBox 构造器 +const MessageBoxConstructor = Vue.extend(MessageBox) + +let messageBoxInstance = null + +const MessageBoxService = { + open(options = {}) { + // 如果已有实例，先销毁 + if (messageBoxInstance) { + messageBoxInstance.$destroy() + const el = messageBoxInstance.$el + if (el && el.parentNode) { + el.parentNode.removeChild(el) + } + } + + // 创建新实例 + messageBoxInstance = new MessageBoxConstructor({ + el: document.createElement('div'), + data: options + }) + + // 挂载到 body + document.body.appendChild(messageBoxInstance.$el) + + // 显示并返回 Promise + return messageBoxInstance.open(options) + }, + + cancel() { + messageBoxInstance.cancel() + }, + + confirm(options) { + return this.open({ + ...options + }) + }, +} + +// 添加到 Vue 原型 +MessageBoxService.install = function (Vue) { + Vue.prototype.$messageBox = MessageBoxService +} + +// 导出 +export default MessageBoxService \ No newline at end of file diff --git a/src/views/course/TeacherList.vue b/src/views/course/TeacherList.vue index dc3208f6..5a2742d3 100644 --- a/src/views/course/TeacherList.vue +++ b/src/views/course/TeacherList.vue @@ -7,57 +7,58 @@ 4.有哪种几状态和哪几种操作，需要讨论定一下 。在哪种状态下可以有哪些操作
--> - - -
- - -
- - + + +
+ + +
+ + - -
- + +
+ - -
- - - - -
- + +
+ + + + +
+ - -
- + +
+ - -
- - -
- 查 询 -
- - -
- 重 置 -
- - -
- 新建课程 -
- - - + +
+ + +
+ 查 询 +
+ + +
+ 重 置 +
+ + +
+ 新建课程 +
+ + -
+
@@ -65,8 +66,8 @@
- - {{ item.name }} + + {{ item.name }}
@@ -75,19 +76,26 @@
发布状态：{{ item.published ? '发布' : '未发布' }}
启停用状态：{{ item.enabled ? '启用' : '停用' }}
-
审核状态：{{getStatusLabel(item.status).label}}
+
审核状态：{{getStatusLabel(item.status).label}}
- {{it.label}} + {{it.label}}
-

加载中...

-
-
没有查询到相关内容
-
暂无数据
-
-

没有更多了

+

加载中...

+
+
没有查询到相关内容
+
暂无数据
+
+

没有更多了

- +
- - -
- -
- - 下载 -
+ + +
+ +
+ + 下载
- - - - - 复制 - - - 上述内容兼容PC端与移动端，您可按需分享。 - +
+ + + + + 复制 + + + 上述内容兼容PC端与移动端，您可按需分享。 +
关 闭 -
@@ -146,7 +154,7 @@ - + @@ -158,62 +166,88 @@ @@ -618,7 +626,7 @@ export default { text-align: center; font-size: 13px; } -.list-wu{ +.list-wu { text-align: center; margin: 40px; color: #333; @@ -683,7 +691,7 @@ export default { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); cursor: pointer; span { - color: #409EFF; + color: #409eff; display: block; font-size: 12px; line-height: 12px; @@ -697,10 +705,11 @@ export default { border-bottom: 1px solid #e8e8e8; padding: 20px 0px 15px 0px; margin: 0 32px 0 22px; - ::v-deep .uc-course-img { + ::v-deep .uc-course-img { width: 212px; img { - width: 212px;height:119px; + width: 212px; + height: 119px; border: 1px solid #f4f4f5; } } @@ -716,7 +725,7 @@ export default { font-size: 14px; overflow: hidden; width: 90%; - word-break:break-all; + word-break: break-all; display: -webkit-box; // overflow: hidden; -webkit-box-orient: vertical; @@ -725,13 +734,13 @@ export default { .uc-course-name { font-size: 16px; display: -webkit-box; - white-space:pre-wrap; - // word-wrap: break-word; - overflow: hidden; - text-overflow:ellipsis; - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; - word-break:break-all; + white-space: pre-wrap; + // word-wrap: break-word; + overflow: hidden; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + word-break: break-all; // font-weight: 700; } .uc-course-item { @@ -752,11 +761,9 @@ export default { .btn-item { margin-right: 20px; } - } } .uc-course-btns { - text-align: right; .btn1 { height: 44px;