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