hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-13 04:46:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

增加项目的查看及学习路径项目的复制

Browse Source
This commit is contained in:
lixg
2022-11-16 11:45:17 +08:00
parent 79ad5d7ae5
commit f1692b0669
6 changed files with 1273 additions and 1006 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/views/learningpath/LearningPath.vue
View File

@@ -40,11 +40,11 @@
<div style="display: flex; margin-bottom: 20px">
<div class="btn btn1" @click="searchLearnPath">
<div class="search"></div>
<div class="btnText" >搜索</div>
<div class="btnText">搜索</div>
</div>
<div class="btnn btn2" @click="resetLearnPath">
<div class="search"></div>
<div class="btnText" >重置</div>
<div class="btnText">重置</div>
</div>
</div>
</div>
@@ -196,7 +196,7 @@
@click="chooseImg(item)"
v-for="item in imgData"
:key="item.key"
class="learnBgItem"
class="learnBgItem"
:style="{
border:
learnPathBg === item.id
@@ -263,7 +263,7 @@
v-model:value="pathName"
maxlength="20"
style="border-radius: 4px"
placeholder="请输入学习路径名称"
placeholder="请输入学习路径名称"
/>
<div class="showcount">{{ pathName.length }}/20</div>
</div>
@@ -430,11 +430,11 @@
<span>您确定要复制此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="delete_exit">
<div class="btnText" >取消</div>
<div class="del_btn btn1" @click="closeCopyModal">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="delete_exit">
<div class="btnText" >确定</div>
<div class="del_btn btn2" @click="copyLearnPath">
<div class="btnText">确定</div>
</div>
</div>
</div>
@@ -465,16 +465,16 @@
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="closeStopModal">
<div class="btnText" >取消</div>
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="stopLearnPath">
<div class="btnText" >确定</div>
<div class="btnText">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 结束路径弹窗 -->
<!-- 删除路径弹窗 -->
<a-modal
v-model:visible="deleteModal"
:footer="null"
@@ -495,10 +495,10 @@
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="closeDeleteModal">
<div class="btnText" >取消</div>
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="deleteLearnPath">
<div class="btnText" >确定</div>
<div class="btnText">确定</div>
</div>
</div>
</div>
@@ -525,10 +525,10 @@
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="delete_exit">
<div class="btnText" >取消</div>
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="delete_exit">
<div class="btnText" >确定</div>
<div class="btnText">确定</div>
</div>
</div>
</div>
@@ -556,10 +556,10 @@
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="closeBackModal">
<div class="btnText" >取消</div>
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="recallPath">
<div class="btnText" >确定</div>
<div class="btnText">确定</div>
</div>
</div>
</div>
@@ -724,6 +724,7 @@ export default {
routeStudentsNum: 0,
recallPathId: null, //撤回路径id
stopPathId: null, //停用路径id
copyPathId: null, //复制路径iid
lpLoading: false,
});
@@ -816,12 +817,34 @@ export default {
const closePub = () => {
state.pub = false;
};
//显示复制窗口
const showCopyModal = () => {
state.copyModal = true;
};
//关闭复制窗口
const closeCopyModal = () => {
state.copyModal = false;
};
//确认复制
const copyLearnPath = () => {
let obj = {
routerId: state.copyPathId,
type: 2,
};
api
.handleLearnPath(obj)
.then((res) => {
console.log("复制成功", res);
message.destroy();
message.success("复制成功");
state.copyModal = false;
getLearnPath();
})
.catch((err) => {
console.log("复制失败", err);
});
};
//显示结束窗口
const showStopModal = () => {
state.stopModal = true;
@@ -1137,13 +1160,14 @@ export default {
>
<div
onClick={() => {
state.copyPathId = text.record.id;
showCopyModal();
}}
>
复制
</div>
</a-select-option>
<a-select-option
value="删除"
label="删除"
@@ -1177,6 +1201,7 @@ export default {
>
<div
onClick={() => {
state.copyPathId = text.record.id;
showCopyModal();
}}
>
@@ -1197,20 +1222,20 @@ export default {
撤回
</div>
</a-select-option>
<a-select-option
value="结束"
label="结束"
style="padding-left:35px"
>
<div
onClick={() => {
state.stopPathId = text.record.id;
showStopModal();
}}
<a-select-option
value="结束"
label="结束"
style="padding-left:35px"
>
结束
</div>
</a-select-option>
<div
onClick={() => {
state.stopPathId = text.record.id;
showStopModal();
}}
>
结束
</div>
</a-select-option>
</a-select>
</div>
) : (
@@ -1230,6 +1255,7 @@ export default {
>
<div
onClick={() => {
state.copyPathId = text.record.id;
showCopyModal();
}}
>
@@ -1322,7 +1348,7 @@ export default {
state.lpLoading = false;
state.currentPage = 1;
router.push("/leveladd");
storage.set("routerId", res.data.data.routerId);
storage.set("routerId", res.data.data.routerId);
// getLearnPath();
}, commonData.timeout);
})
@@ -1491,6 +1517,7 @@ export default {
closeCopyModal,
showStopModal,
closeStopModal,
copyLearnPath,
stopLearnPath,
showDeleteModal,
closeDeleteModal,
@@ -1645,20 +1672,19 @@ export default {
cursor: pointer;
}
}
.learnBg{
.learnBg {
display: flex;
flex-wrap: wrap;
min-height: 110px;
.learnBgItem{
border-radius: 8px;
.learnBgItem {
border-radius: 8px;
width: 136px;
height: 106px;
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: 20px;
margin-right: 6px;
}
margin-bottom: 20px;
margin-right: 6px;
}
}
}
.info {