mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-12 12:26:47 +08:00
feat:增加删除关卡及关卡说明
This commit is contained in:
lixg
@@ -147,6 +147,7 @@
|
||||
v-model:value="pathName"
|
||||
maxlength="20"
|
||||
style="border-radius: 4px"
|
||||
placeholder="请输入学习路径名称"
|
||||
/>
|
||||
<div class="showcount">{{ pathName.length }}/20</div>
|
||||
</div>
|
||||
@@ -187,7 +188,7 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="inname">路径图背景</div>
|
||||
<div class="in">
|
||||
<div class="in learnBg">
|
||||
<!-- <img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" /> -->
|
||||
@@ -195,18 +196,12 @@
|
||||
@click="chooseImg(item)"
|
||||
v-for="item in imgData"
|
||||
:key="item.key"
|
||||
style="
|
||||
border-radius: 8px;
|
||||
width: 136px;
|
||||
height: 106px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
class="learnBgItem"
|
||||
:style="{
|
||||
border:
|
||||
learnPathBg === item.id
|
||||
? '2px solid rgba(78, 166, 255, 1)'
|
||||
: '2px solid rgba(78, 166, 255, 0)',
|
||||
: '1px solid #ccc',
|
||||
'background-image': 'url(' + item.source + ')',
|
||||
}"
|
||||
>
|
||||
@@ -268,6 +263,7 @@
|
||||
v-model:value="pathName"
|
||||
maxlength="20"
|
||||
style="border-radius: 4px"
|
||||
placeholder="请输入学习路径名称"
|
||||
/>
|
||||
<div class="showcount">{{ pathName.length }}/20</div>
|
||||
</div>
|
||||
@@ -308,26 +304,20 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="inname">路径图背景</div>
|
||||
<div class="in">
|
||||
<div class="in learnBg">
|
||||
<!-- <img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" /> -->
|
||||
<div
|
||||
@click="chooseImg(item)"
|
||||
@click="chooseImg2(item)"
|
||||
v-for="item in imgData"
|
||||
:key="item.key"
|
||||
style="
|
||||
border-radius: 8px;
|
||||
width: 136px;
|
||||
height: 106px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
class="learnBgItem"
|
||||
:style="{
|
||||
border:
|
||||
learnPathBg2 === item.id
|
||||
? '2px solid rgba(78, 166, 255, 1)'
|
||||
: '2px solid rgba(78, 166, 255, 0)',
|
||||
: '1px solid #ccc',
|
||||
'background-image': 'url(' + item.source + ')',
|
||||
}"
|
||||
>
|
||||
@@ -440,17 +430,17 @@
|
||||
<span>您确定要复制此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="delete_exit">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="delete_exit">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 停用路径弹窗 -->
|
||||
<!-- 结束路径弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="stopModal"
|
||||
:footer="null"
|
||||
@@ -467,20 +457,24 @@
|
||||
<div class="close_exit" @click="closeStopModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<span>您确定要停用此路径吗</span>
|
||||
<!-- <span>您确定要停用此路径吗</span> -->
|
||||
<span>是否结束项目</span>
|
||||
<div class="back">
|
||||
（项目结束后学员将无法继续学习，此操作不可逆）
|
||||
</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="closeStopModal">取消</div>
|
||||
<div class="del_btn btn1" @click="closeStopModal">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="stopLearnPath">确定</div>
|
||||
<div class="del_btn btn2" @click="stopLearnPath">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 删除路径弹窗 -->
|
||||
<!-- 结束路径弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="deleteModal"
|
||||
:footer="null"
|
||||
@@ -500,11 +494,11 @@
|
||||
<span>您确定要删除此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="closeDeleteModal">取消</div>
|
||||
<div class="del_btn btn1" @click="closeDeleteModal">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="deleteLearnPath">确定</div>
|
||||
<div class="del_btn btn2" @click="deleteLearnPath">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -530,11 +524,11 @@
|
||||
<span>您确定要启用此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="delete_exit">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="delete_exit">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -561,11 +555,11 @@
|
||||
<div class="back">（路径撤回后学员进度保留，发布后可继续学习）</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="closeBackModal">取消</div>
|
||||
<div class="del_btn btn1" @click="closeBackModal">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="recallPath">确定</div>
|
||||
<div class="del_btn btn2" @click="recallPath">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -634,6 +628,14 @@ export default {
|
||||
id: 3,
|
||||
source: require("../../assets/images/leveladd/3.png"),
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
source: require("../../assets/images/leveladd/2.png"),
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
source: require("../../assets/images/leveladd/3.png"),
|
||||
},
|
||||
],
|
||||
learnPathBg: null, //创建路径选择的路径图背景
|
||||
learnPathBg2: null, //编辑路径选择的路径图背景
|
||||
@@ -752,12 +754,12 @@ export default {
|
||||
state.editPathId = null;
|
||||
};
|
||||
const chooseImg = (item) => {
|
||||
console.log(item);
|
||||
// console.log(item);
|
||||
state.learnPathBg = item.id;
|
||||
};
|
||||
const chooseImg2 = (id) => {
|
||||
console.log(id);
|
||||
state.learnPathBg2 = id;
|
||||
const chooseImg2 = (item) => {
|
||||
// console.log(item);
|
||||
state.learnPathBg2 = item.id;
|
||||
};
|
||||
//发布弹窗
|
||||
const showPub = (routerId) => {
|
||||
@@ -820,15 +822,15 @@ export default {
|
||||
const closeCopyModal = () => {
|
||||
state.copyModal = false;
|
||||
};
|
||||
//显示停用窗口
|
||||
//显示结束窗口
|
||||
const showStopModal = () => {
|
||||
state.stopModal = true;
|
||||
};
|
||||
//关闭停用窗口
|
||||
//关闭结束窗口
|
||||
const closeStopModal = () => {
|
||||
state.stopModal = false;
|
||||
};
|
||||
//确认停用
|
||||
//确认结束
|
||||
const stopLearnPath = () => {
|
||||
let obj = {
|
||||
routerId: state.stopPathId,
|
||||
@@ -916,7 +918,7 @@ export default {
|
||||
: value.status === 1
|
||||
? "已发布"
|
||||
: value.status === -1
|
||||
? "已停用"
|
||||
? "已结束"
|
||||
: "-",
|
||||
creater: value.createName ? value.createName : "-",
|
||||
pubtime: value.publishTime
|
||||
@@ -1141,20 +1143,7 @@ export default {
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option
|
||||
value="停用"
|
||||
label="停用"
|
||||
style="padding-left:35px"
|
||||
>
|
||||
<div
|
||||
onClick={() => {
|
||||
state.stopPathId = text.record.id;
|
||||
showStopModal();
|
||||
}}
|
||||
>
|
||||
停用
|
||||
</div>
|
||||
</a-select-option>
|
||||
|
||||
<a-select-option
|
||||
value="删除"
|
||||
label="删除"
|
||||
@@ -1208,12 +1197,26 @@ export default {
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option
|
||||
value="结束"
|
||||
label="结束"
|
||||
style="padding-left:35px"
|
||||
>
|
||||
<div
|
||||
onClick={() => {
|
||||
state.stopPathId = text.record.id;
|
||||
showStopModal();
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
)}
|
||||
{text.record.state === "已停用" ? (
|
||||
{text.record.state === "已结束" ? (
|
||||
<div>
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||
@@ -1233,6 +1236,7 @@ export default {
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
{/**
|
||||
<a-select-option
|
||||
value="启用"
|
||||
label="启用"
|
||||
@@ -1246,6 +1250,7 @@ export default {
|
||||
启用
|
||||
</div>
|
||||
</a-select-option>
|
||||
*/}
|
||||
|
||||
<a-select-option
|
||||
value="删除"
|
||||
@@ -1629,10 +1634,10 @@ export default {
|
||||
.in {
|
||||
margin-left: 14px;
|
||||
width: 81%;
|
||||
height: 110px;
|
||||
// height: 110px;
|
||||
// background-color: red;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// justify-content: space-between;
|
||||
.im {
|
||||
border-radius: 8px;
|
||||
width: 140px;
|
||||
@@ -1640,6 +1645,21 @@ export default {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.learnBg{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-height: 110px;
|
||||
.learnBgItem{
|
||||
border-radius: 8px;
|
||||
width: 136px;
|
||||
height: 106px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin-bottom: 20px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.info {
|
||||
width: 78%;
|
||||
|
||||
Reference in New Issue
Block a user