Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
P
pica.cloud.web-education-admin
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
成员
成员
收起侧边栏
Close sidebar
动态
分支图
统计图
提交
打开侧边栏
com.pica.cloud.education.frontend
pica.cloud.web-education-admin
提交
35a61bb2
提交
35a61bb2
编写于
3月 06, 2019
作者:
huangwensu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加消息提示
上级
51b75b93
变更
7
隐藏空白字符变更
内嵌
并排
正在显示
7 个修改的文件
包含
259 行增加
和
180 行删除
+259
-180
App.vue
src/App.vue
+20
-1
common.scss
src/style/common.scss
+18
-0
index.js
src/utils/index.js
+30
-0
create-component.vue
src/views/education/create-component.vue
+177
-172
item-component.vue
src/views/education/item-component.vue
+6
-5
home.vue
src/views/home.vue
+6
-1
slidebar.vue
src/views/layout/slidebar.vue
+2
-1
未找到文件。
src/App.vue
浏览文件 @
35a61bb2
...
@@ -19,7 +19,8 @@
...
@@ -19,7 +19,8 @@
<
script
>
<
script
>
import
VHeader
from
'./views/layout/header.vue'
import
VHeader
from
'./views/layout/header.vue'
import
VSlidebar
from
'./views/layout/slidebar.vue'
import
VSlidebar
from
'./views/layout/slidebar.vue'
let
vm
=
null
export
default
{
export
default
{
components
:{
components
:{
VHeader
,
VHeader
,
...
@@ -29,6 +30,24 @@
...
@@ -29,6 +30,24 @@
return
{
return
{
}
}
},
created
()
{
vm
=
this
},
mounted
()
{
setInterval
(
function
(){
vm
.
pushMessage
()
},
60000
)
},
methods
:
{
// 实时消息推送
pushMessage
()
{
vm
.
$notify
({
title
:
'警告'
,
message
:
'这是一条警告的提示消息'
,
type
:
'warning'
});
}
}
}
}
}
...
...
src/style/common.scss
浏览文件 @
35a61bb2
...
@@ -120,6 +120,19 @@ html,body{
...
@@ -120,6 +120,19 @@ html,body{
.animation_opactiy
{
.animation_opactiy
{
animation
:
backOpacity
2s
ease-in-out
infinite
;
animation
:
backOpacity
2s
ease-in-out
infinite
;
}
}
// 屏幕适配
@media
screen
and
(
min-width
:
1240px
)
and
(
max-width
:
1900px
){
.screenSet
{
width
:
163vh
!
important
;
height
:
70vh
!
important
;
}
}
@media
screen
and
(
min-width
:
1900px
){
.screenSet
{
width
:
167vh
!
important
;
height
:
77vh
!
important
;
}
}
.word-size
{
.word-size
{
font-size
:
12px
;
font-size
:
12px
;
...
@@ -149,4 +162,9 @@ html,body{
...
@@ -149,4 +162,9 @@ html,body{
//下拉框
//下拉框
.el-dropdown-menu
.el-popper
{
.el-dropdown-menu
.el-popper
{
top
:
48px
;
top
:
48px
;
}
// 消息推送
.el-notification.right
{
top
:
130px
!
important
;
}
}
\ No newline at end of file
src/utils/index.js
浏览文件 @
35a61bb2
...
@@ -42,6 +42,36 @@ function getUrlParmByCode(paramList) {
...
@@ -42,6 +42,36 @@ function getUrlParmByCode(paramList) {
return
''
return
''
}
}
// 计算高度
export
function
resizeHeight
(
cMinusHeight
=
152
,
iMinuxHeight
=
210
,
refHeightId
=
'sidebarWrapperId'
,
containerHeightId
=
'appContainerId'
,
innerHeightId
=
'elTableId'
){
if
(
!
p_getElm
(
refHeightId
)
||
!
p_getElm
(
containerHeightId
)
||
!
p_getElm
(
innerHeightId
))
{
// window.onresize = null
logger
.
warn
(
'No certain dom id!!!'
);
}
let
containerHeight
=
p_getElm
(
refHeightId
).
getBoundingClientRect
().
height
-
50
p_getElm
(
containerHeightId
).
style
.
height
=
containerHeight
-
cMinusHeight
+
'px'
p_getElm
(
innerHeightId
).
style
.
height
=
containerHeight
-
iMinuxHeight
+
'px'
if
(
p_getElm
(
'elTableIdInner'
)){
p_getElm
(
'elTableIdInner'
).
style
.
height
=
containerHeight
-
iMinuxHeight
+
'px'
}
window
.
onresize
=
function
()
{
containerHeight
=
p_getElm
(
refHeightId
).
getBoundingClientRect
().
height
-
50
p_getElm
(
containerHeightId
).
style
.
height
=
containerHeight
-
cMinusHeight
+
'px'
p_getElm
(
innerHeightId
).
style
.
height
=
containerHeight
-
iMinuxHeight
+
'px'
if
(
p_getElm
(
'elTableIdInner'
))
{
p_getElm
(
'elTableIdInner'
).
style
.
height
=
containerHeight
-
iMinuxHeight
+
'px'
}
}
}
function
p_getElm
(
elmId
)
{
return
document
.
getElementById
(
elmId
)
}
export
function
deepCopy
(
obj
)
{
export
function
deepCopy
(
obj
)
{
var
result
=
Array
.
isArray
(
obj
)
?
[]
:
{};
var
result
=
Array
.
isArray
(
obj
)
?
[]
:
{};
for
(
var
key
in
obj
)
{
for
(
var
key
in
obj
)
{
...
...
src/views/education/create-component.vue
浏览文件 @
35a61bb2
...
@@ -6,184 +6,187 @@
...
@@ -6,184 +6,187 @@
:curmbThird=
"curmbThird"
:curmbThird=
"curmbThird"
:jumPathThird=
"jumPathThird"
>
:jumPathThird=
"jumPathThird"
>
</bread-crumb>
</bread-crumb>
<div
class=
"step-content"
>
<div
class=
"create-content screenSet"
>
<el-steps
:active=
"stepNum"
simple
>
<div
class=
"step-content"
>
<span
class=
"step-one"
:class=
"stepNum == 1 ? 'class-1' : 'class-2'"
>
1
</span>
<el-steps
:active=
"stepNum"
simple
>
<el-step
title=
"基础信息"
:class=
"stepNum == 1 ? 'class-1-text' : 'class-2-text'"
></el-step>
<span
class=
"step-one"
:class=
"stepNum == 1 ? 'class-1' : 'class-2'"
>
1
</span>
<span
class=
"step-two"
:class=
"stepNum == 2 ? 'class-1' : 'class-2'"
>
2
</span>
<el-step
title=
"基础信息"
:class=
"stepNum == 1 ? 'class-1-text' : 'class-2-text'"
></el-step>
<el-step
title=
"选择模块"
:class=
"stepNum == 2 ? 'class-1-text' : 'class-2-text'"
></el-step>
<span
class=
"step-two"
:class=
"stepNum == 2 ? 'class-1' : 'class-2'"
>
2
</span>
</el-steps>
<el-step
title=
"选择模块"
:class=
"stepNum == 2 ? 'class-1-text' : 'class-2-text'"
></el-step>
<div
class=
"btn-container"
>
</el-steps>
<el-button
type=
"default"
size=
"small"
@
click=
"justStorage"
>
暂存
</el-button>
<div
class=
"btn-container"
>
<el-button
v-if=
"stepNum == 1"
@
click=
"nextStep"
type=
"primary"
size=
"small"
style=
"margin-left:0;"
>
下一步
</el-button>
<el-button
type=
"default"
size=
"small"
@
click=
"justStorage"
>
暂存
</el-button>
<el-button
v-if=
"stepNum == 2"
@
click=
"finishConponent"
type=
"primary"
size=
"small"
style=
"margin-left:0;"
>
完成
</el-button>
<el-button
v-if=
"stepNum == 1"
@
click=
"nextStep"
type=
"primary"
size=
"small"
style=
"margin-left:0;"
>
下一步
</el-button>
<el-button
v-if=
"stepNum == 2"
@
click=
"finishConponent"
type=
"primary"
size=
"small"
style=
"margin-left:0;"
>
完成
</el-button>
</div>
</div>
</div>
</div>
<div
class=
"first-step"
v-if=
"stepNum == 1"
>
<div
class=
"first-step"
v-if=
"stepNum == 1"
>
<el-form
ref=
"basicInfoForm"
class=
"basic-form"
:model=
"componentList"
:rules=
"basicRule"
label-width=
"125px"
label-suffix=
":"
size=
"mini"
style=
"margin-bottom:30px;"
>
<el-form
ref=
"basicInfoForm"
class=
"basic-form"
:model=
"componentList"
:rules=
"basicRule"
label-width=
"125px"
label-suffix=
":"
size=
"mini"
>
<el-form-item
label=
"组件名称"
prop=
"name"
>
<el-form-item
label=
"组件名称"
prop=
"name"
>
<el-input
type=
"text"
v-model=
"componentList.name"
size=
"mini"
placeholder=
"请输入组件名称"
style=
"width:30%;"
></el-input>
<el-input
type=
"text"
v-model=
"componentList.name"
size=
"mini"
placeholder=
"请输入组件名称"
style=
"width:30%;"
></el-input>
<span
class=
"word-num"
>
0/20
</span>
<span
class=
"word-num"
>
0/20
</span>
</el-form-item>
</el-form-item>
<el-form-item
label=
"组件简介"
prop=
"introduce"
>
<el-form-item
label=
"组件简介"
prop=
"introduce"
>
<el-input
type=
"textarea"
rows=
"4"
cols=
"10"
v-model=
"componentList.introduce"
size=
"mini"
placeholder=
"请输入组件简介"
style=
"width:37%;"
></el-input>
<el-input
type=
"textarea"
rows=
"4"
cols=
"10"
v-model=
"componentList.introduce"
size=
"mini"
placeholder=
"请输入组件简介"
style=
"width:37%;"
></el-input>
<span
class=
"word-num"
>
0/150
</span>
<span
class=
"word-num"
>
0/150
</span>
</el-form-item>
</el-form-item>
<el-form-item
label=
"组件图片"
prop=
"imageUrl"
>
<el-form-item
label=
"组件图片"
prop=
"imageUrl"
>
<el-upload
<el-upload
v-model=
"componentList.imageUrl"
v-model=
"componentList.imageUrl"
class=
"bg-uploader"
class=
"bg-uploader"
action=
"#"
action=
"#"
:show-file-list=
"false"
:show-file-list=
"false"
:before-upload=
"beforeAvatarUpload"
>
:before-upload=
"beforeAvatarUpload"
>
<img
v-if=
"componentList.imageUrl"
:src=
"componentList.imageUrl"
class=
"bg-img"
>
<img
v-if=
"componentList.imageUrl"
:src=
"componentList.imageUrl"
class=
"bg-img"
>
<img
v-if=
"!componentList.imageUrl"
class=
"bg-img"
src=
"../../assets/image/small.png"
>
<img
v-if=
"!componentList.imageUrl"
class=
"bg-img"
src=
"../../assets/image/small.png"
>
<div
class=
"limit-text"
>
<div
class=
"limit-text"
>
<p>
尺寸大小:750*420
</p>
<p>
尺寸大小:750*420
</p>
<p>
限制大小: 2.0 Mb
</p>
<p>
限制大小: 2.0 Mb
</p>
<p>
支持.jpg,.png格式
</p>
<p>
支持.jpg,.png格式
</p>
</div>
</el-upload>
</el-form-item>
<el-row>
<el-col
:span=
"5"
>
<el-form-item
label=
"配置证书"
prop=
"certificateId"
>
<el-radio-group
v-model=
"openLable"
@
change=
"selectCertificate"
>
<el-radio
label=
"是"
></el-radio>
<el-radio
label=
"否"
></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"10"
v-if=
"hasCertificate"
>
<el-form-item
label=
"选择证书"
prop=
"certificateId"
>
<el-select
v-model=
"componentList.certificateId"
@
change=
"selectChange"
placeholder=
"请选择资源包"
style=
"width:60%;"
>
<el-option
v-for=
"(item,index) in resourceArray"
:key=
"index"
:label=
"item.lecturerName"
:value=
"item.lecturerId"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-form-item
v-if=
"hasCertificate"
label=
"获得证书完成率"
prop=
"certificateCondition"
>
<el-input-number
v-model=
"componentList.certificateCondition"
controls-position=
"right"
@
change=
"handleChange"
:step=
"10"
:min=
"10"
:max=
"100"
>
</el-input-number>
</el-form-item>
</el-form>
</div>
<div
v-if=
"stepNum == 2"
>
<div
class=
"model-btn"
>
<el-button
type=
"primary"
size=
"small"
@
click=
"addModule"
>
添加空白模块
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addFromModule"
style=
"margin-left:0;"
>
从模块添加
</el-button>
</div>
<div
class=
"tab-content"
>
<el-tabs
type=
"card"
v-model=
"firstTab"
closable
@
tab-remove=
"removeTab"
>
<el-tab-pane
v-for=
"(item,index) in componentList.moduleList"
:key=
"index"
:label=
"'模块' + parseInt(index + 1)"
:name=
'"" + parseInt(index + 1)'
>
<div>
<el-form
ref=
"moduleForm"
:model=
"item"
:rules=
"rules"
label-suffix=
":"
label-width=
"130px"
style=
"width:100%;"
>
<el-row>
<el-col
:span=
"10"
>
<el-form-item
label=
"模块名称"
prop=
"name"
>
<el-input
v-model=
"item.name"
size=
"mini"
placeholder=
"请选择模块名称"
style=
"width:288px;"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"10"
>
<el-form-item
label=
"是否对外开放"
prop=
"openFlag"
>
<el-radio-group
v-model=
"openLable"
@
change=
"selectIsOpen"
>
<el-radio
label=
"是"
></el-radio>
<el-radio
label=
"否"
></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div
class=
"template-btn"
>
<span
class=
"word-size"
>
添加一个模板
</span>
<el-button
type=
"primary"
size=
"small"
@
click=
"addTest(index)"
style=
"margin-left:0;"
>
单个考试
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addCourse(index)"
style=
"margin-left:0;"
>
单个课程
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addMatterTest(index)"
style=
"margin-left:0;"
>
摸底考试后培训
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addTrainTest(index)"
style=
"margin-left:0;"
>
培训后考试
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addMatterTrain(index)"
style=
"margin-left:0;"
>
摸底考试获得资格,培训再次考试
</el-button>
</div>
</div>
<div
v-for=
"(item1,index1) in item.templateList"
:key=
"index1"
>
</el-upload>
<el-form
ref=
"templateForm"
:model=
"item1"
:rules=
"templateRules"
label-suffix=
":"
label-width=
"130px"
style=
"width:100%;"
>
</el-form-item>
<div
class=
"template-content"
>
<el-row>
<div
class=
"template-content-div"
>
<el-col
:span=
"6"
>
<div
class=
"title"
>
<el-form-item
label=
"配置证书"
prop=
"certificateId"
>
{{
item1
.
name
}}
<el-radio-group
v-model=
"openLable"
@
change=
"selectCertificate"
>
<span>
<el-radio
label=
"是"
></el-radio>
变更顺序:
<el-radio
label=
"否"
></el-radio>
<i
class=
"el-icon-arrow-down"
@
click=
"sortUp(index,index1)"
></i>
</el-radio-group>
<i
class=
"el-icon-arrow-up"
@
click=
"sortDown(index,index1)"
></i>
</el-form-item>
<i
class=
"el-icon-delete"
@
click=
"deleteTemplate(index,index1)"
style=
"color:red;"
></i>
</el-col>
</span>
<el-col
:span=
"10"
v-if=
"hasCertificate"
>
</div>
<el-form-item
label=
"选择证书"
prop=
"certificateId"
>
<div
v-for=
"(item2,index2) in item1.partList"
:key=
"index2"
>
<el-select
v-model=
"componentList.certificateId"
@
change=
"selectChange"
placeholder=
"请选择资源包"
style=
"width:60%;"
>
<!-- 考试 -->
<el-option
<div
v-if=
"item2.type == 1"
>
v-for=
"(item,index) in resourceArray"
<el-row>
:key=
"index"
<el-col
:span=
"10"
>
:label=
"item.lecturerName"
<el-form-item
label=
"考试名称"
prop=
"name"
>
:value=
"item.lecturerId"
>
<el-input
v-model=
"item2.name"
size=
"mini"
placeholder=
"请输入考试名称"
style=
"width:288px;"
></el-input>
</el-option>
</el-form-item>
</el-select>
</el-col>
</el-form-item>
<el-col
:span=
"10"
>
</el-col>
<el-form-item
label=
"考试ID"
prop=
"id"
>
</el-row>
<el-input
v-model=
"item2.id"
size=
"mini"
placeholder=
"请输入考试ID"
style=
"width:288px;"
></el-input>
<el-form-item
v-if=
"hasCertificate"
label=
"获得证书完成率"
prop=
"certificateCondition"
>
</el-form-item>
<el-input-number
</el-col>
v-model=
"componentList.certificateCondition"
</el-row>
controls-position=
"right"
<el-row>
@
change=
"handleChange"
<el-col
:span=
"10"
>
:step=
"10"
<el-form-item
label=
"配置证书"
prop=
"name"
>
:min=
"10"
<el-radio-group
v-model=
"openLable"
@
change=
"selectIsOpen"
>
:max=
"100"
>
<el-radio
label=
"是"
></el-radio>
</el-input-number>
<el-radio
label=
"否"
></el-radio>
</el-form-item>
</el-radio-group>
</el-form>
</el-form-item>
</div>
</el-col>
<div
class=
""
v-if=
"stepNum == 2"
>
<el-col
:span=
"10"
>
<div
class=
"model-btn"
>
<el-form-item
label=
"选择证书"
prop=
"id"
>
<el-button
type=
"primary"
size=
"small"
@
click=
"addModule"
>
添加空白模块
</el-button>
<el-input
v-model=
"item2.id"
size=
"mini"
placeholder=
"请选择证书"
style=
"width:288px;"
></el-input>
<el-button
type=
"primary"
size=
"small"
@
click=
"addFromModule"
style=
"margin-left:0;"
>
从模块添加
</el-button>
</el-form-item>
</div>
</el-col>
<div
class=
"tab-content"
>
</el-row>
<el-tabs
type=
"card"
v-model=
"firstTab"
closable
@
tab-remove=
"removeTab"
>
<el-tab-pane
v-for=
"(item,index) in componentList.moduleList"
:key=
"index"
:label=
"'模块' + parseInt(index + 1)"
:name=
'"" + parseInt(index + 1)'
>
<div>
<el-form
ref=
"moduleForm"
:model=
"item"
:rules=
"rules"
label-suffix=
":"
label-width=
"130px"
style=
"width:100%;"
>
<el-row>
<el-col
:span=
"10"
>
<el-form-item
label=
"模块名称"
prop=
"name"
>
<el-input
v-model=
"item.name"
size=
"mini"
placeholder=
"请选择模块名称"
style=
"width:288px;"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"10"
>
<el-form-item
label=
"是否对外开放"
prop=
"openFlag"
>
<el-radio-group
v-model=
"openLable"
@
change=
"selectIsOpen"
>
<el-radio
label=
"是"
></el-radio>
<el-radio
label=
"否"
></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div
class=
"template-btn"
>
<span
class=
"word-size"
>
添加一个模板
</span>
<el-button
type=
"primary"
size=
"small"
@
click=
"addTest(index)"
style=
"margin-left:0;"
>
单个考试
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addCourse(index)"
style=
"margin-left:0;"
>
单个课程
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addMatterTest(index)"
style=
"margin-left:0;"
>
摸底考试后培训
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addTrainTest(index)"
style=
"margin-left:0;"
>
培训后考试
</el-button>
<el-button
type=
"primary"
size=
"small"
@
click=
"addMatterTrain(index)"
style=
"margin-left:0;"
>
摸底考试获得资格,培训再次考试
</el-button>
</div>
<div
v-for=
"(item1,index1) in item.templateList"
:key=
"index1"
>
<el-form
ref=
"templateForm"
:model=
"item1"
:rules=
"templateRules"
label-suffix=
":"
label-width=
"130px"
style=
"width:100%;"
>
<div
class=
"template-content"
>
<div
class=
"template-content-div"
>
<div
class=
"title"
>
{{
item1
.
name
}}
<span>
变更顺序:
<i
class=
"el-icon-arrow-down"
@
click=
"sortUp(index,index1)"
></i>
<i
class=
"el-icon-arrow-up"
@
click=
"sortDown(index,index1)"
></i>
<i
class=
"el-icon-delete"
@
click=
"deleteTemplate(index,index1)"
style=
"color:red;"
></i>
</span>
</div>
</div>
<!-- 课程 -->
<div
v-for=
"(item2,index2) in item1.partList"
:key=
"index2"
>
<div
v-if=
"item2.type == 2"
>
<!-- 考试 -->
<el-row
v-for=
"(item3,index3) in item2.partContentList"
:key=
"index3"
>
<div
v-if=
"item2.type == 1"
>
<el-col
:span=
"10"
>
<el-row>
<el-form-item
label=
"课程名称"
prop=
"name"
>
<el-col
:span=
"10"
>
<el-input
v-model=
"item3.name"
size=
"mini"
placeholder=
"请输入课程名称"
style=
"width:288px;"
></el-input>
<el-form-item
label=
"考试名称"
prop=
"name"
>
<span
v-if=
"item2.numFlag == 2 && index3 == 0"
><i
class=
"el-icon-circle-plus-outline"
@
click=
"addMatterCourse(index,index1,index2)"
style=
"color:#0486FE;"
></i></span>
<el-input
v-model=
"item2.name"
size=
"mini"
placeholder=
"请输入考试名称"
style=
"width:288px;"
></el-input>
<span
v-if=
"item2.numFlag == 2 && index3 > 0"
><i
class=
"el-icon-delete"
@
click=
"deleteMatterCourse(index,index1,index2,index3)"
style=
"color:red;"
></i></span>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
<el-col
:span=
"10"
>
<el-col
:span=
"10"
>
<el-form-item
label=
"考试ID"
prop=
"id"
>
<el-form-item
label=
"课程ID"
prop=
"id"
>
<el-input
v-model=
"item2.id"
size=
"mini"
placeholder=
"请输入考试ID"
style=
"width:288px;"
></el-input>
<el-input
v-model=
"item3.id"
size=
"mini"
placeholder=
"请输入课程ID"
style=
"width:288px;"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col
:span=
"10"
>
<el-form-item
label=
"配置证书"
prop=
"name"
>
<el-radio-group
v-model=
"openLable"
@
change=
"selectIsOpen"
>
<el-radio
label=
"是"
></el-radio>
<el-radio
label=
"否"
></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"10"
>
<el-form-item
label=
"选择证书"
prop=
"id"
>
<el-input
v-model=
"item2.id"
size=
"mini"
placeholder=
"请选择证书"
style=
"width:288px;"
></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- 课程 -->
<div
v-if=
"item2.type == 2"
>
<el-row
v-for=
"(item3,index3) in item2.partContentList"
:key=
"index3"
>
<el-col
:span=
"10"
>
<el-form-item
label=
"课程名称"
prop=
"name"
>
<el-input
v-model=
"item3.name"
size=
"mini"
placeholder=
"请输入课程名称"
style=
"width:288px;"
></el-input>
<span
v-if=
"item2.numFlag == 2 && index3 == 0"
><i
class=
"el-icon-circle-plus-outline"
@
click=
"addMatterCourse(index,index1,index2)"
style=
"color:#0486FE;"
></i></span>
<span
v-if=
"item2.numFlag == 2 && index3 > 0"
><i
class=
"el-icon-delete"
@
click=
"deleteMatterCourse(index,index1,index2,index3)"
style=
"color:red;"
></i></span>
</el-form-item>
</el-col>
<el-col
:span=
"10"
>
<el-form-item
label=
"课程ID"
prop=
"id"
>
<el-input
v-model=
"item3.id"
size=
"mini"
placeholder=
"请输入课程ID"
style=
"width:288px;"
></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</
div
>
</
el-form
>
</
el-form
>
</
div
>
</div>
</div>
</
div
>
</
el-tab-pane
>
</el-tab
-pane
>
</el-tab
s
>
</
el-tabs
>
</
div
>
</div>
</div>
</div>
</div>
<el-dialog
:title=
"dialogTitle"
:visible
.
sync=
"columnFormVisible"
:show-close=
"false"
:close-on-click-modal=
"false"
:close-on-press-escape=
"false"
>
<el-dialog
:title=
"dialogTitle"
:visible
.
sync=
"columnFormVisible"
:show-close=
"false"
:close-on-click-modal=
"false"
:close-on-press-escape=
"false"
>
<el-form
ref=
"resourceForm"
class=
"creat-form"
:model=
"selectResource"
label-width=
"125px"
label-suffix=
":"
size=
"mini"
>
<el-form
ref=
"resourceForm"
class=
"creat-form"
:model=
"selectResource"
label-width=
"125px"
label-suffix=
":"
size=
"mini"
>
<el-form-item
label=
"请选择一个资源包"
prop=
""
>
<el-form-item
label=
"请选择一个资源包"
prop=
""
>
...
@@ -565,7 +568,10 @@ export default {
...
@@ -565,7 +568,10 @@ export default {
</
script
>
</
script
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
.create-component-wrap
{
.create-component-wrap
{
background
:
#fff
;
margin
:
84px
20px
20px
;
.create-content
{
background
:
#fff
;
}
.first-step
{
.first-step
{
padding-top
:
20px
;
padding-top
:
20px
;
.el-form-item
{
.el-form-item
{
...
@@ -598,9 +604,8 @@ export default {
...
@@ -598,9 +604,8 @@ export default {
.step-content
{
.step-content
{
overflow
:
hidden
;
overflow
:
hidden
;
height
:
60px
;
height
:
60px
;
margin-top
:
66px
;
border-bottom
:
1px
solid
#efefef
;
border-bottom
:
1px
solid
#efefef
;
background
:
#fff
;
//
background: #fff;
.el-step.is-simple
.el-step__head
{
.el-step.is-simple
.el-step__head
{
display
:
none
;
display
:
none
;
}
}
...
...
src/views/education/item-component.vue
浏览文件 @
35a61bb2
...
@@ -4,16 +4,16 @@
...
@@ -4,16 +4,16 @@
:curmbFirst=
"curmbFirst"
:curmbFirst=
"curmbFirst"
:curmbSecond=
"curmbSecond"
>
:curmbSecond=
"curmbSecond"
>
</bread-crumb>
</bread-crumb>
<div
class=
"component-content"
>
<div
class=
"component-content
screenSet
"
>
<div
class=
"search-title"
>
查询条件
</div>
<div
class=
"search-title"
>
查询条件
</div>
<el-row
:gutter=
"30"
class=
"row"
type=
"flex"
style=
"margin-top: 10px;"
>
<el-row
:gutter=
"30"
class=
"row"
type=
"flex"
style=
"margin-top: 10px;"
>
<el-form
ref=
"serchForm"
:model=
"searchParam"
label-width=
"75px"
style=
"width:100%;"
>
<el-form
ref=
"serchForm"
:model=
"searchParam"
label-width=
"75px"
style=
"width:100%;"
>
<el-col
:span=
"
10
"
>
<el-col
:span=
"
6
"
>
<el-form-item
label=
"组件名称:"
>
<el-form-item
label=
"组件名称:"
>
<el-input
v-model=
"searchParam.name"
size=
"mini"
placeholder=
"请输入组件名称"
></el-input>
<el-input
v-model=
"searchParam.name"
size=
"mini"
placeholder=
"请输入组件名称"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
<el-col
:span=
"
10
"
>
<el-col
:span=
"
5
"
>
<el-form-item
label=
"发布状态:"
>
<el-form-item
label=
"发布状态:"
>
<el-select
v-model=
"searchParam.status"
size=
"mini"
placeholder=
"请选择发布状态"
>
<el-select
v-model=
"searchParam.status"
size=
"mini"
placeholder=
"请选择发布状态"
>
<el-option
<el-option
...
@@ -25,7 +25,7 @@
...
@@ -25,7 +25,7 @@
</el-select>
</el-select>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
<el-col
:span=
"3"
style=
"padding:0;text-align:right;padding-right:15px;"
>
<el-col
:span=
"
1
3"
style=
"padding:0;text-align:right;padding-right:15px;"
>
<el-button
type=
"primary"
size=
"small"
>
查询
</el-button>
<el-button
type=
"primary"
size=
"small"
>
查询
</el-button>
<el-button
type=
"default"
size=
"small"
style=
"margin-left:0;"
>
重置
</el-button>
<el-button
type=
"default"
size=
"small"
style=
"margin-left:0;"
>
重置
</el-button>
</el-col>
</el-col>
...
@@ -125,8 +125,9 @@ export default {
...
@@ -125,8 +125,9 @@ export default {
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
.item-component-wrap
{
.item-component-wrap
{
.component-content
{
.component-content
{
margin-top
:
50px
;
padding
:
10px
;
padding
:
10px
;
background
:
#fff
;
margin
:
84px
20px
20px
;
.search-title
{
.search-title
{
padding
:
10px
12px
;
padding
:
10px
12px
;
font-size
:
12px
;
font-size
:
12px
;
...
...
src/views/home.vue
浏览文件 @
35a61bb2
...
@@ -21,7 +21,7 @@
...
@@ -21,7 +21,7 @@
</el-col>
</el-col>
<el-col
class=
"message"
:span=
"24"
>
<el-col
class=
"message"
:span=
"24"
>
<div
class=
"message-title"
>
系统消息
<span>
今日消息:3条
</span></div>
<div
class=
"message-title"
>
系统消息
<span>
今日消息:3条
</span></div>
<div
class=
"message-info"
>
<div
class=
"message-info"
v-if=
"messageList"
>
<div
class=
"message-item"
v-for=
"(item,index) in messageList"
:key=
"index"
>
<div
class=
"message-item"
v-for=
"(item,index) in messageList"
:key=
"index"
>
<div
class=
"text-top"
>
<div
class=
"text-top"
>
<i
class=
"el-icon-error"
v-if=
"item.type == 2"
style=
"color:#FA5555"
></i>
<i
class=
"el-icon-error"
v-if=
"item.type == 2"
style=
"color:#FA5555"
></i>
...
@@ -33,6 +33,9 @@
...
@@ -33,6 +33,9 @@
<div
class=
"text-bottom"
>
{{
item
.
info
}}
</div>
<div
class=
"text-bottom"
>
{{
item
.
info
}}
</div>
</div>
</div>
</div>
</div>
<div
v-else
>
</div>
</el-col>
</el-col>
</el-row>
</el-row>
</div>
</div>
...
@@ -40,6 +43,8 @@
...
@@ -40,6 +43,8 @@
</
template
>
</
template
>
<
script
>
<
script
>
import
BreadCrumb
from
'../components/breadcrumb.vue'
import
BreadCrumb
from
'../components/breadcrumb.vue'
import
{
setTimeout
,
setInterval
}
from
'timers'
;
let
vm
=
null
export
default
{
export
default
{
components
:
{
components
:
{
BreadCrumb
BreadCrumb
...
...
src/views/layout/slidebar.vue
浏览文件 @
35a61bb2
...
@@ -83,10 +83,11 @@ export default {
...
@@ -83,10 +83,11 @@ export default {
left
:
0
;
left
:
0
;
top
:
64px
;
top
:
64px
;
bottom
:
0
;
bottom
:
0
;
width
:
25
6
px
;
width
:
25
5
px
;
background
:
#06232C
;
background
:
#06232C
;
.el-menu
{
.el-menu
{
background
:
#06232C
;
background
:
#06232C
;
border-right
:
none
;
.sub-icon
{
.sub-icon
{
font-size
:
12px
;
font-size
:
12px
;
}
}
...
...
写
预览
Markdown
格式
0%
请重试
or
附加一个文件
附加文件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录