Skip to content

P
pica.cloud.web-admin-discuss
提交 324e72e6 编写于 作者: huangwensu's avatar huangwensu
浏览文件
操作

删除功能接口联调

上级 12641349
隐藏空白字符变更
内嵌 并排
正在显示 包含 131 行增加 和 69 行删除
src/style/common.scss
浏览文件 @ 324e72e6
...@@ -123,16 +123,16 @@ html,body{ ...@@ -123,16 +123,16 @@ html,body{
// 屏幕适配 // 屏幕适配
@media screen and (min-width:1240px) and (max-width:1900px){ @media screen and (min-width:1240px) and (max-width:1900px){
.screenSet{ .screenSet{
width: 163vh !important; // width: 163vh !important;
height: 66vh !important; // height: 66vh !important;
margin: 88px 30px 0px; margin: 88px 30px 0px;
overflow: auto; overflow: auto;
} }
} }
@media screen and (min-width:1900px){ @media screen and (min-width:1900px){
.screenSet{ .screenSet{
width: 166vh !important; // width: 166vh !important;
height: 78vh !important; // height: 78vh !important;
overflow: auto; overflow: auto;
margin: 88px 30px 0px; margin: 88px 30px 0px;
} }
......
src/views/education/create-component.vue
浏览文件 @ 324e72e6
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="配置证书" prop="certificateId"> <el-form-item label="配置证书" prop="certificateId">
<el-radio-group v-model="openLable" @change="selectCertificate"> <el-radio-group v-model="certificateLable" @change="selectCertificate">
<el-radio label="是"></el-radio> <el-radio label="是"></el-radio>
<el-radio label="否"></el-radio> <el-radio label="否"></el-radio>
</el-radio-group> </el-radio-group>
...@@ -98,9 +98,9 @@ ...@@ -98,9 +98,9 @@
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<el-form-item label="是否对外开放" prop="openFlag"> <el-form-item label="是否对外开放" prop="openFlag">
<el-radio-group v-model="openLable" @change="selectIsOpen"> <el-radio-group v-model="openLable" @change="selectIsOpen(index)">
<el-radio label="是"></el-radio> <el-radio label="是" @change="moduleOpenChange"></el-radio>
<el-radio label="否"></el-radio> <el-radio label="否" @change="moduleOpenChange"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -131,62 +131,66 @@ ...@@ -131,62 +131,66 @@
</div> </div>
<div v-for="(item2,index2) in item1.partModelList" :key="index2"> <div v-for="(item2,index2) in item1.partModelList" :key="index2">
<!-- 考试 --> <!-- 考试 -->
<div v-if="item2.type == 1"> <div v-if="item2.type == 1">
<el-row> <div v-for="(item3,index3) in item2.partContentModelList" :key="index3">
<el-col :span="10"> <el-row>
<el-form-item label="考试名称" prop="name"> <el-col :span="10">
<el-input v-model="item2.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input> <el-form-item label="考试名称" prop="content1">
</el-form-item> <el-input v-model="item3.content1" :disabled="item.moduleType == 2" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-col> <span v-if="item2.numFlag == 2 && index3 == 0 && item.moduleType == 1"><i class="el-icon-circle-plus-outline" @click="addMatterCourse(index,index1,index2)" style="color:#0486FE;"></i></span>
<el-col :span="10"> <span v-if="item2.numFlag == 2 && index3 > 0 && item.moduleType == 1"><i class="el-icon-delete" @click="deleteMatterCourse(index,index1,index2,index3)" style="color:red;"></i></span>
<el-form-item label="考试ID" prop="id"> </el-form-item>
<el-select v-model="item2.id" size="mini" placeholder="请选择考试ID" style="width:288px;"> </el-col>
<el-option <el-col :span="10">
v-for="(itemTest,indexTest) in testIdSelect" <el-form-item label="考试ID" prop="content2">
:key="indexTest" <el-select v-model="item3.content2" :disabled="item.moduleType == 2" size="mini" placeholder="请选择考试ID" style="width:288px;">
:label="itemTest.onlineExamName" <el-option
:value="itemTest.id"> v-for="(itemTest,indexTest) in testIdSelect"
</el-option> :key="indexTest"
</el-select> :label="itemTest.onlineExamName"
</el-form-item> :value="itemTest.id">
</el-col> </el-option>
</el-row> </el-select>
<el-row> </el-form-item>
<el-col :span="10"> </el-col>
<el-form-item label="配置证书" prop="name"> </el-row>
<el-radio-group v-model="openLable" @change="selectIsOpen"> <el-row>
<el-radio label="是"></el-radio> <el-col :span="10">
<el-radio label="否"></el-radio> <el-form-item label="配置证书" prop="name">
</el-radio-group> <el-radio-group v-model="portCertificateLable" :disabled="item.moduleType == 2">
</el-form-item> <el-radio label="是"></el-radio>
</el-col> <el-radio label="否"></el-radio>
<el-col :span="10"> </el-radio-group>
<el-form-item label="选择证书" prop="id"> </el-form-item>
<el-select v-model="item2.id" size="mini" placeholder="请选择证书" style="width:288px;"> </el-col>
<el-option <el-col :span="10">
v-for="(itemCertificate,indexCertificate) in certificateIdSelect" <el-form-item label="选择证书" prop="content3">
:key="indexCertificate" <el-select v-model="item3.content3" :disabled="item.moduleType == 2" size="mini" placeholder="请选择证书" style="width:288px;">
:label="itemCertificate.name" <el-option
:value="itemCertificate.id"> v-for="(itemCertificate,indexCertificate) in certificateIdSelect"
</el-option> :key="indexCertificate"
</el-select> :label="itemCertificate.name"
</el-form-item> :value="itemCertificate.id">
</el-col> </el-option>
</el-row> </el-select>
</el-form-item>
</el-col>
</el-row>
</div>
</div> </div>
<!-- 课程 --> <!-- 课程 -->
<div v-if="item2.type == 2"> <div v-if="item2.type == 2">
<el-row v-for="(item3,index3) in item2.partContentModelList" :key="index3"> <el-row v-for="(item3,index3) in item2.partContentModelList" :key="index3">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="课程名称" prop="name"> <el-form-item label="课程名称" prop="content1">
<el-input v-model="item3.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input> <el-input v-model="item3.content1" :disabled="item.moduleType == 2" 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 && item.moduleType == 1"><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> <span v-if="item2.numFlag == 2 && index3 > 0 && item.moduleType == 1"><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="content2">
<el-select v-model="item3.id" size="mini" placeholder="请选择课程ID" style="width:288px;"> <el-select v-model="item3.content2" :disabled="item.moduleType == 2" size="mini" placeholder="请选择课程ID" style="width:288px;">
<el-option <el-option
v-for="(itemCourse,indexCourse) in courseIdSelect" v-for="(itemCourse,indexCourse) in courseIdSelect"
:key="indexCourse" :key="indexCourse"
...@@ -288,7 +292,10 @@ export default { ...@@ -288,7 +292,10 @@ export default {
jumPathThird: '/item-component', jumPathThird: '/item-component',
firstTab: '1', firstTab: '1',
hasCertificate: true, hasCertificate: true,
certificateLable: '是',
openLable: '是', openLable: '是',
portCertificateLable: '是',
moduleIndex: '',
editableTabs: [{ editableTabs: [{
title: '模块 1', title: '模块 1',
name: '1' name: '1'
...@@ -310,8 +317,8 @@ export default { ...@@ -310,8 +317,8 @@ export default {
status: '' status: ''
}, },
componentList: { componentList: {
id: '',
moduleModelList: [{ moduleModelList: [{
id: '',
name: '', name: '',
openFlag: '', // 1不开放 2开放 openFlag: '', // 1不开放 2开放
templetModelList: [] templetModelList: []
...@@ -395,7 +402,7 @@ export default { ...@@ -395,7 +402,7 @@ export default {
vm.portalComponent = res.data.portalComponent vm.portalComponent = res.data.portalComponent
if(!vm.portalComponent.certificateId) { if(!vm.portalComponent.certificateId) {
vm.hasCertificate = false vm.hasCertificate = false
vm.openLable = '否' vm.certificateLable = '否'
} }
} }
}) })
...@@ -516,21 +523,51 @@ export default { ...@@ -516,21 +523,51 @@ export default {
vm.GET('portalComponent/ModuleList').then((res) => { vm.GET('portalComponent/ModuleList').then((res) => {
if( res.code == '000000') { if( res.code == '000000') {
vm.componentList.moduleModelList = res.data.moduleModelList vm.componentList.moduleModelList = res.data.moduleModelList
for(let i=0;i<vm.componentList.moduleModelList.length;i++) {
if(vm.componentList.moduleModelList[i].openFlag == 1) {
vm.openLable = '否'
}else {
vm.openLable = '是'
}
}
} }
}) })
}, },
// 是否对外开放 // 模块是否对外开放
selectIsOpen() { selectIsOpen(index) {
vm.moduleIndex = index
},
moduleOpenChange(value) {
if(value == '是') {
vm.openLable = '是'
vm.componentList.moduleModelList[vm.moduleIndex].openFlag = 2
}else{
vm.openLable = '否'
vm.componentList.moduleModelList[vm.moduleIndex].openFlag = 1
}
}, },
// 删除tab // 删除tab
removeTab(targetName) { removeTab(targetName) {
vm.componentList.moduleModelList.splice(targetName - 1,1) for(let i = 0;i<vm.componentList.moduleModelList.length;i++) {
if((targetName - 1) == i) {
if(vm.componentList.moduleModelList[i].id) {
vm.GET('portalComponent/deletePortalModuleById',{id:vm.componentList.moduleModelList[i].id}).then((res) => {
if( res.code == '000000') {
vm.$message.info('成功删除模块！')
}
})
}else {
vm.componentList.moduleModelList.splice(i,1)
}
break
}
}
}, },
// 添加空白模块 // 添加空白模块
addModule() { addModule() {
let seq = vm.componentList.moduleModelList.length + 1 let seq = vm.componentList.moduleModelList.length + 1
vm.componentList.moduleModelList.push({ vm.componentList.moduleModelList.push({
id: '',
name: '', name: '',
openFlag: '', // 1不开放 2开放 openFlag: '', // 1不开放 2开放
templetModelList: [] templetModelList: []
...@@ -590,7 +627,15 @@ export default { ...@@ -590,7 +627,15 @@ export default {
deleteTemplate(index,index1) { deleteTemplate(index,index1) {
for(let i = 0; i < vm.componentList.moduleModelList.length; i++) { for(let i = 0; i < vm.componentList.moduleModelList.length; i++) {
if(index == i) { if(index == i) {
vm.componentList.moduleModelList[i].templetModelList.splice(index1,1) if(vm.componentList.moduleModelList[i].templetModelList[index1].id) {
vm.GET('portalComponent/deletePortalTemplateById',{id: vm.componentList.moduleModelList[i].templetModelList[index1].id}).then((res) => {
if( res.code == '000000') {
vm.$message.info('成功删除模板！')
}
})
} else {
vm.componentList.moduleModelList[i].templetModelList.splice(index1,1)
}
break break
} }
} }
...@@ -619,7 +664,7 @@ export default { ...@@ -619,7 +664,7 @@ export default {
} }
} }
}, },
// 删除多个课程 // 删除多个课程(多个考试)元件
deleteMatterCourse(index,index1,index2,index3) { deleteMatterCourse(index,index1,index2,index3) {
for(let i = 0; i < vm.componentList.moduleModelList.length; i++) { for(let i = 0; i < vm.componentList.moduleModelList.length; i++) {
if(index == i) { if(index == i) {
...@@ -627,7 +672,15 @@ export default { ...@@ -627,7 +672,15 @@ export default {
if(index1 == j) { if(index1 == j) {
for(let q = 0; q < vm.componentList.moduleModelList[i].templetModelList[j].partModelList.length;q++){ for(let q = 0; q < vm.componentList.moduleModelList[i].templetModelList[j].partModelList.length;q++){
if(index2 == q) { if(index2 == q) {
vm.componentList.moduleModelList[i].templetModelList[j].partModelList[q].partContentModelList.splice(index3,1) if(vm.componentList.moduleModelList[i].templetModelList[j].partModelList[q].partContentModelList[index3].id) {
vm.GET('portalComponent/deletePortalPartById',{id: vm.componentList.moduleModelList[i].templetModelList[j].partModelList[q].partContentModelList[index3].id}).then((res) => {
if( res.code == '000000') {
vm.$message.info('成功删除模板元件内容！')
}
})
}else{
vm.componentList.moduleModelList[i].templetModelList[j].partModelList[q].partContentModelList.splice(index3,1)
}
break break
} }
} }
...@@ -663,13 +716,17 @@ export default { ...@@ -663,13 +716,17 @@ export default {
break break
} }
} }
},
// 选择资源包
selectChange() {
}, },
// 完成 // 完成
finishConponent() { finishConponent() {
vm.POST('portalComponent/insertOrUpdatePortalModule',{model: vm.componentList.moduleModelList}).then((res) => {
if( res.code == '000000') {
}
})
},
// 选择资源包
selectChange() {
}, },
// 确定选择模板 // 确定选择模板
......
src/views/education/item-component.vue
浏览文件 @ 324e72e6
...@@ -181,6 +181,11 @@ export default { ...@@ -181,6 +181,11 @@ export default {
message: '操作成功!' message: '操作成功!'
}); });
vm.search() vm.search()
} else {
vm.$message({
message: res.message,
type: 'warning'
});
} }
}).catch(function (error) { }).catch(function (error) {
vm.$message.error(error); vm.$message.error(error);
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或