Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
P
pica.cloud.web-education-admin
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
Close sidebar
动态
分支图
统计图
创建新议题
提交
议题看板
打开侧边栏
jingqi.liu
pica.cloud.web-education-admin
提交
575e493f
提交
575e493f
编写于
6月 19, 2019
作者:
tao.wu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
no message
上级
1d65843a
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
69 行增加
和
40 行删除
+69
-40
create-component.vue
src/views/education/create-component.vue
+61
-32
item-component.vue
src/views/education/item-component.vue
+8
-8
未找到文件。
src/views/education/create-component.vue
浏览文件 @
575e493f
<
template
>
<div
class=
"create-component-wrap"
>
<bread-crumb
:curmbFirst=
"curmbFirst"
:curmbSecond=
"curmbSecond"
<bread-crumb
:curmbFirst=
"curmbFirst"
:curmbSecond=
"curmbSecond"
:curmbThird=
"curmbThird"
:jumPathThird=
"jumPathThird"
>
</bread-crumb>
...
...
@@ -79,13 +79,13 @@
</el-col>
</el-row>
<el-form-item
v-if=
"hasCertificate"
label=
"组件完成(%)"
prop=
"certificateCondition"
>
<el-input-number
v-model=
"portalComponent.certificateCondition"
<el-input-number
v-model=
"portalComponent.certificateCondition"
controls-position=
"right"
@
change=
"handleChange"
@
change=
"handleChange"
:disabled=
"componentStatus == 3 || componentStatus == 4"
:step=
"10"
:min=
"10"
:step=
"10"
:min=
"10"
:max=
"100"
>
</el-input-number>
</el-form-item>
...
...
@@ -107,7 +107,7 @@
<el-input
v-model=
"item.name"
@
blur=
"moduleNameValidate(index)"
:disabled=
"conditionSelect || idType == 2 || item.moduleType == 2 || (item.id != '' && item.openFlag == 2)"
size=
"small"
placeholder=
"请选择模块名称"
style=
"width:288px;"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"
10
"
v-if=
"idType == 1"
>
<el-col
:span=
"
8
"
v-if=
"idType == 1"
>
<el-form-item
label=
"是否对外开放"
prop=
"openFlag"
>
<el-radio-group
v-model=
"item.openFlag"
@
change=
"selectIsOpen(index)"
:disabled=
"conditionSelect || item.moduleType == 2 || (item.id != '' && item.openFlag == 2)"
>
<el-radio
:label=
"2"
>
是
</el-radio>
...
...
@@ -115,17 +115,25 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-if=
"idType == 1"
>
<el-form-item
label=
"是否启用"
prop=
"status"
>
<el-radio-group
v-model=
"item.status"
@
change=
"selectIsOpenStatus(index)"
:disabled=
"conditionSelect || item.statusFlag"
>
<el-radio
:label=
"2"
>
是
</el-radio>
<el-radio
:label=
"1"
>
否
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div
class=
"template-btn"
v-if=
"idType == 1"
>
<span
class=
"word-size"
>
添加一个模板
</span>
<el-button
<el-button
:disabled=
"conditionSelect || item.moduleType == 2 || (item.id != '' && item.openFlag == 2)"
v-for=
"(_item,_index) in templateDataList"
:key=
"_index"
type=
"primary"
size=
"small"
@
click=
"addTemplate(_item,index)"
v-for=
"(_item,_index) in templateDataList"
:key=
"_index"
type=
"primary"
size=
"small"
@
click=
"addTemplate(_item,index)"
style=
"margin-right:0px;"
>
{{
_item
.
name
}}
</el-button>
</div>
<div
v-for=
"(item1,index1) in item.templetModelList"
:key=
"index1"
>
...
...
@@ -442,6 +450,9 @@ export default {
],
"openFlag"
:
[
{
required
:
true
,
message
:
'请选择是否对外开放'
,
trigger
:
'blur'
}
],
"stauts"
:
[
{
required
:
true
,
message
:
'请选择是否启用'
,
trigger
:
'blur'
}
]
}
}
...
...
@@ -467,6 +478,8 @@ export default {
// 挂载到Dom完成时
mounted
:
function
()
{
commonUtil
.
resizeHeight
()
console
.
log
(
'idType==>'
,
vm
.
idType
)
},
methods
:
{
// 根据ID查询组件基本信息
...
...
@@ -635,7 +648,7 @@ export default {
image
.
onload
=
function
()
{
let
_this
=
this
if
(
_this
.
width
!=
750
||
_this
.
height
!=
420
)
{
vm
.
$message
.
info
(
'图片不符合规范,请根据规范上传图片'
)
vm
.
$message
.
info
(
'图片不符合规范,请根据规范上传图片'
)
}
else
{
openLoading
(
vm
)
doUpload
(
vm
,
file
,
getFilePath
(
file
,
null
),
'preview4'
,
'progress1'
,
1
).
then
(
function
(
path
)
{
...
...
@@ -718,11 +731,30 @@ export default {
vm
.
GET
(
'portal/portalComponent/ModuleList'
,{
componentId
:
vm
.
componentId
}).
then
((
res
)
=>
{
if
(
res
.
code
==
'000000'
)
{
vm
.
componentList
.
moduleModelList
=
res
.
data
.
moduleModelList
vm
.
setOpenStatusFromData
(
vm
.
componentList
.
moduleModelList
)
}
else
{
vm
.
$message
.
info
(
res
.
message
)
}
})
},
// 从接口数据的status判断启用状态
setOpenStatusFromData
(
list
){
// 1模块未启用 2模块已启用
for
(
let
i
=
0
;
i
<
list
.
length
;
i
++
){
if
(
list
[
i
].
status
==
2
){
vm
.
componentList
.
moduleModelList
[
i
].
statusFlag
=
true
;
}
else
{
vm
.
componentList
.
moduleModelList
[
i
].
statusFlag
=
false
;
}
}
},
// 选择是否启用状态
selectIsOpenStatus
(
index
)
{
const
status
=
vm
.
componentList
.
moduleModelList
[
index
].
status
;
if
(
status
==
1
){
vm
.
componentList
.
moduleModelList
[
index
].
openFlag
=
1
}
},
// 模块是否对外开放
selectIsOpen
(
index
)
{
for
(
let
i
=
0
;
i
<
vm
.
componentList
.
moduleModelList
.
length
;
i
++
)
{
...
...
@@ -751,7 +783,7 @@ export default {
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
if
(
vm
.
componentList
.
moduleModelList
[
i
].
id
!=
''
&&
vm
.
componentList
.
moduleModelList
[
i
].
moduleType
==
1
)
{
if
(
vm
.
componentList
.
moduleModelList
[
i
].
id
!=
''
&&
vm
.
componentList
.
moduleModelList
[
i
].
moduleType
==
1
)
{
vm
.
GET
(
'portal/portalComponent/deletePortalModuleById'
,{
id
:
vm
.
componentList
.
moduleModelList
[
i
].
id
}).
then
((
res
)
=>
{
if
(
res
.
code
==
'000000'
)
{
vm
.
$message
.
info
(
'成功删除模块!'
)
...
...
@@ -770,7 +802,7 @@ export default {
})
})
}
else
{
if
(
vm
.
componentList
.
moduleModelList
[
i
].
id
)
{
if
(
vm
.
componentList
.
moduleModelList
[
i
].
id
)
{
vm
.
GET
(
'portal/portalComponent/deletePortalModuleById'
,{
id
:
vm
.
componentList
.
moduleModelList
[
i
].
id
}).
then
((
res
)
=>
{
if
(
res
.
code
==
'000000'
)
{
vm
.
$message
.
info
(
'成功删除模块!'
)
...
...
@@ -794,6 +826,7 @@ export default {
name
:
''
,
openFlag
:
1
,
// 1不开放 2开放
moduleType
:
1
,
// 2为从预设模块中添加
status
:
1
,
templetModelList
:
[]
})
},
...
...
@@ -844,7 +877,7 @@ export default {
content1
:
''
,
content2
:
''
}]
})
})
}
}
vm
.
templetIndex
++
...
...
@@ -978,11 +1011,10 @@ export default {
vm
.
$message
.
info
(
"请输入模块名称"
)
return
}
if
(
isEmptyList
(
vm
.
componentList
.
moduleModelList
[
i
].
templetModelList
))
{
if
(
isEmptyList
(
vm
.
componentList
.
moduleModelList
[
i
].
templetModelList
)
&&
vm
.
componentList
.
moduleModelList
[
i
].
status
==
2
)
{
vm
.
$message
.
info
(
"模块内容不能为空"
)
return
}
for
(
let
j
=
0
;
j
<
vm
.
componentList
.
moduleModelList
[
i
].
templetModelList
.
length
;
j
++
)
{
for
(
let
k
=
0
;
k
<
vm
.
componentList
.
moduleModelList
[
i
].
templetModelList
[
j
].
partModelList
.
length
;
k
++
)
{
// 考试
...
...
@@ -997,7 +1029,6 @@ export default {
return
}
}
}
}
}
...
...
@@ -1026,27 +1057,25 @@ export default {
vm
.
componentList
.
moduleModelList
[
i
].
templetModelList
[
j
].
partModelList
[
k
].
partContentModelList
[
0
].
content3
=
vm
.
certificateIdSelect
[
q
].
name
}
}
}
}
}
}
}
}
}
vm
.
$nextTick
(()
=>
{
for
(
let
i
=
0
;
i
<
vm
.
componentList
.
moduleModelList
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
vm
.
componentList
.
moduleModelList
.
length
;
i
++
)
{
if
(
!
vm
.
componentList
.
moduleModelList
[
i
].
name
)
{
return
}
else
{
vm
.
POST
(
'portal/portalComponent/insertOrUpdatePortalModule'
,{
model
:
vm
.
componentList
.
moduleModelList
,
status
:
flag
}).
then
((
res
)
=>
{
if
(
res
.
code
==
'000000'
)
{
vm
.
enableComponent
(
req
,
flag
)
}
})
}
}
console
.
log
(
vm
.
componentList
.
moduleModelList
)
vm
.
POST
(
'portal/portalComponent/insertOrUpdatePortalModule'
,{
model
:
vm
.
componentList
.
moduleModelList
,
status
:
flag
}).
then
((
res
)
=>
{
if
(
res
.
code
==
'000000'
)
{
vm
.
enableComponent
(
req
,
flag
)
}
})
})
},
// 启用
...
...
@@ -1297,7 +1326,7 @@ export default {
color
:
#999
;
padding
:
0px
0
15px
;
}
}
.module-form
{
.el-input__inner
{
...
...
src/views/education/item-component.vue
浏览文件 @
575e493f
<
template
>
<div
class=
"item-component-wrap"
>
<bread-crumb
:curmbFirst=
"curmbFirst"
<bread-crumb
:curmbFirst=
"curmbFirst"
:curmbSecond=
"curmbSecond"
>
</bread-crumb>
<div
class=
"component-content screenSet"
id=
"screenSet"
>
...
...
@@ -34,8 +34,8 @@
<el-row
:gutter=
"10"
class=
"row create-button"
style=
"margin-right:0;"
>
<el-button
type=
"primary"
size=
"small"
:disabled=
"idType == 2 && masterAdministratorFlag == 'false'"
@
click=
"createComponent"
>
新建项目组件
</el-button>
</el-row>
<el-table
:data=
"tableData"
<el-table
:data=
"tableData"
style=
"width: 100%"
>
<el-table-column
prop=
"id"
label=
"ID编号"
min-width=
"100"
align=
"center"
></el-table-column>
<el-table-column
prop=
"name"
label=
"组件名称"
min-width=
"200"
align=
"center"
></el-table-column>
...
...
@@ -129,10 +129,10 @@ export default {
"introduce"
:
[
{
required
:
true
,
message
:
'请输入组件简介'
,
trigger
:
'blur'
},
],
}
}
},
computed
:
{
...
mapGetters
([
...
...
@@ -143,10 +143,10 @@ export default {
},
created
()
{
vm
=
this
vm
.
search
()
vm
.
idType
=
localStorage
.
getItem
(
'storageIdType'
)
vm
.
masterAdministratorFlag
=
localStorage
.
getItem
(
'storageMaster'
)
},
vm
.
search
()
s
},
// 挂载到Dom完成时
mounted
:
function
()
{
commonUtil
.
resizeHeight
()
...
...
写
预览
Markdown
格式
0%
请重试
or
附加一个文件
附加文件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录