feat:学习路径图 无任务样式

This commit is contained in:
dongwug
2022-10-24 16:23:33 +08:00
parent 49c093b97b
commit ad41b22c1f
6 changed files with 881 additions and 422 deletions

View File

@@ -1053,7 +1053,7 @@
<!-- 无数据样式 -->
<div
class="notable"
:style="{ display: stm_hs ? 'none' : 'block' }"
:style="{ display: stm_hs ? 'block' :'none' }"
>
<div class="notablebox">
<div class="boxbody">
@@ -1681,24 +1681,34 @@
</div>
</a-modal>
<!--请确定是否拒绝此学员学习此课程弹窗 -->
<!--删除弹窗 -->
<!--删除 复制 停用弹窗 -->
<a-modal
v-model:visible="delete_hs"
:footer="null"
:closable="closableQR"
wrapClassName="DelModal"
style="margin-top: 400px"
@cancel="delete_exit"
>
<div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
<div class="delete" :style="{ display: delete_hs || copy_hs || nouse_hs ? 'block' : 'none' }">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="del-icon"></div>
<div class="del-icon" :style="{ display: del_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/notice.png" alt=""></div>
<div class="del-icon" :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/QR.png" alt=""></div>
<span>提示</span>
<div class="close_exit" @click="delete_exit"></div>
</div>
<div class="body">
<span>您确定要删除此课程吗</span>
<div :style="{ display: del_hs ? 'block' : 'none' }">
<span>您确定要删除此课程吗</span>
</div>
<div :style="{ display: copy_hs ? 'block' : 'none' }">
<span>您确定要复制此课程吗</span>
</div>
<div :style="{ display: nouse_hs ? 'block' : 'none' }">
<span>您确定要停用此课程吗</span>
</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
@@ -1712,68 +1722,6 @@
</div>
</a-modal>
<!--删除弹窗 -->
<!--复制弹窗 -->
<a-modal
v-model:visible="copy_hs"
:footer="null"
:closable="closableQR"
wrapClassName="DelModal"
style="margin-top: 400px"
>
<div class="delete" :style="{ display: copy_hs ? 'block' : 'none' }">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="delete_exit"></div>
</div>
<div class="body">
<span>您确定要复制此课程吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="copy_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="copy_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!--复制弹窗 -->
<!--停用弹窗 -->
<a-modal
v-model:visible="nouse_hs"
:footer="null"
:closable="closableQR"
wrapClassName="DelModal"
style="margin-top: 400px"
>
<div class="delete" :style="{ display: nouse_hs ? 'block' : 'none' }">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="nouse_exit"></div>
</div>
<div class="body">
<span>您确定要停用此课程吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="nouse_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="nouse_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!--停用弹窗 -->
<!-- 学员管理课程库-归属权抽屉 -->
<own-power v-model:ownpowervisible="ownpowervisible" />
<!-- 学员管理课程库-归属权抽屉 -->
@@ -2457,6 +2405,7 @@ export default defineComponent({
agreestudy_hs: false,
rejectstudy_hs: false,
delete_hs: false,
del_hs:false,
copy_hs: false,
nouse_hs: false,
// 二维码标题状态
@@ -2549,6 +2498,7 @@ export default defineComponent({
<div
class="jc"
onClick={() => {
state.delete_hs = true;
state.copy_hs = true;
}}
style={{ width: "30px" }}
@@ -2723,6 +2673,7 @@ export default defineComponent({
<div
class="jc"
onClick={() => {
state.delete_hs = true;
state.copy_hs = true;
}}
style={{ width: "30px" }}
@@ -2756,6 +2707,7 @@ export default defineComponent({
<div
class="jc"
onClick={() => {
state.delete_hs = true;
state.copy_hs = true;
}}
style={{ width: "30px" }}
@@ -2803,6 +2755,7 @@ export default defineComponent({
class="jc"
onClick={() => {
state.delete_hs = true;
state.del_hs = true;
}}
style="margin-left:22px"
>
@@ -2857,6 +2810,7 @@ export default defineComponent({
class="jc"
onClick={() => {
state.delete_hs = true;
state.del_hs = true;
}}
>
删除
@@ -2873,6 +2827,7 @@ export default defineComponent({
class="jc"
onClick={() => {
state.delete_hs = true;
state.del_hs = true;
}}
>
删除
@@ -2889,6 +2844,7 @@ export default defineComponent({
class="jc"
onClick={() => {
state.delete_hs = true;
state.del_hs = true;
}}
>
删除
@@ -2962,6 +2918,7 @@ export default defineComponent({
<div
onClick={() => {
state.delete_hs = true;
state.del_hs = true;
}}
>
删除
@@ -3039,7 +2996,11 @@ export default defineComponent({
{value.status === "已拒绝" ? (
<div class="nselect">
<div class="ops2">
<div class="jc">删除</div>
<div class="jc"
onClick={() => {
state.delete_hs = true;
state.del_hs = true;
}}>删除</div>
</div>
</div>
) : (
@@ -3066,6 +3027,7 @@ export default defineComponent({
<div
class="use"
onClick={() => {
state.delete_hs = true;
state.nouse_hs = true;
}}
>
@@ -3238,11 +3200,8 @@ export default defineComponent({
};
const delete_exit = () => {
state.delete_hs = false;
};
const copy_exit = () => {
state.del_hs = false;
state.copy_hs = false;
};
const nouse_exit = () => {
state.nouse_hs = false;
};
const onSelectChange = (selectedRowKeys) => {
@@ -3304,8 +3263,6 @@ export default defineComponent({
agreestudy_exit,
rejectstudy_exit,
delete_exit,
copy_exit,
nouse_exit,
onSelectChange,
faceManageChange,
openMessage,
@@ -4792,8 +4749,6 @@ export default defineComponent({
.notable {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
.notablebox {
width: 412px;
height: 212px;
@@ -4802,8 +4757,7 @@ export default defineComponent({
display: flex;
justify-content: center;
text-align: center;
margin-top: 77px;
margin-bottom: 109px;
margin:77px auto 109px auto;
cursor: pointer;
position: relative;
.smallleft {
@@ -4925,7 +4879,7 @@ export default defineComponent({
}
}
.studentsmanage {
z-index: 999;
z-index: 1000;
min-width: 1000px;
background: #ffffff;
.stm_main {
@@ -5235,18 +5189,18 @@ export default defineComponent({
padding-left: 26px;
font-size: 16px;
.del-icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/notice.png);
background-size: 100% 100%;
}
.icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/QR.png);
background-size: 100% 100%;
width: 16px;
height: 16px;
position: relative;
margin-right: 10px;
img{
width: 100%;
height: 100%;
position: absolute;
top:0px;
left:0px;
background-size: 100% 100%;
}
}
.close_exit {
position: absolute;