feat:课程管理学员管理同意拒绝弹窗修改

This commit is contained in:
dongwug
2022-10-26 10:12:39 +08:00
parent c2bd4919f2
commit c79d457c1d
2 changed files with 37 additions and 69 deletions

View File

@@ -1611,78 +1611,46 @@
</div>
</a-modal>
<!--结业页面 -->
<!--请确定是否同意此学员学习此课程弹窗 -->
<!--请确定是否同意拒绝此学员学习此课程弹窗 -->
<a-modal
v-model:visible="agreestudy_hs"
v-model:visible="agreereject_hs"
:footer="null"
:closable="closableQR"
wrapClassName="agrstudyModal"
style="margin-top: 400px"
centered="true"
@cancel="agreereject_exit"
>
<div
class="agreestudy"
:style="{ display: agreestudy_hs ? 'block' : 'none' }"
:style="{ display: agreereject_hs ? 'block' : 'none' }"
>
<div class="agree_header"></div>
<div class="agree_main">
<div class="agreem_header">
<div class="agreem_icon"></div>
<span>提示</span>
<div class="close_exit" @click="agreestudy_exit"></div>
<div class="close_exit" @click="agreereject_exit"></div>
</div>
<div class="agreem_body">
<div class="body_box">
<div class="body_box" :style="{ display: agreestudy_hs ? 'block' : 'none' }">
<div>请确定是否同意此学员学习此课程</div>
</div>
</div>
<div class="qrm_btnbox">
<div class="qrm_btn btn1">
<div class="btnText" @click="agreestudy_exit">取消</div>
</div>
<div class="qrm_btn btn2">
<div class="btnText" @click="agreestudy_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!--请确定是否同意此学员学习此课程弹窗 -->
<!--请确定是否拒绝此学员学习此课程弹窗 -->
<a-modal
v-model:visible="rejectstudy_hs"
:footer="null"
:closable="closableQR"
wrapClassName="agrstudyModal"
style="margin-top: 400px"
>
<div
class="agreestudy"
:style="{ display: rejectstudy_hs ? 'block' : 'none' }"
>
<div class="agree_header"></div>
<div class="agree_main">
<div class="agreem_header">
<div class="agreem_icon"></div>
<span>提示</span>
<div class="close_exit" @click="rejectstudy_exit"></div>
</div>
<div class="agreem_body">
<div class="body_box">
<div class="body_box" :style="{ display: rejectstudy_hs ? 'block' : 'none' }">
<div>请确定是否拒绝此学员学习此课程</div>
</div>
</div>
<div class="qrm_btnbox">
<div class="qrm_btn btn1">
<div class="btnText" @click="rejectstudy_exit">取消</div>
<div class="btnText" @click="agreereject_exit">取消</div>
</div>
<div class="qrm_btn btn2">
<div class="btnText" @click="rejectstudy_exit">确定</div>
<div class="btnText" @click="agreereject_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!--请确定是否拒绝此学员学习此课程弹窗 -->
<!--请确定是否同意拒绝此学员学习此课程弹窗 -->
<!--删除 复制 停用弹窗 -->
<a-modal
v-model:visible="delete_hs"
@@ -1738,7 +1706,7 @@
</div>
</div>
</a-modal>
<!--删除弹窗 -->
<!--删除 复制 停用弹窗 -->
<!-- 学员管理课程库-归属权抽屉 -->
<own-power v-model:ownpowervisible="ownpowervisible" />
<!-- 学员管理课程库-归属权抽屉 -->
@@ -2419,6 +2387,7 @@ export default defineComponent({
closableQR: false,
rg_hs: false,
graduate_hs: false,
agreereject_hs:false,
agreestudy_hs: false,
rejectstudy_hs: false,
delete_hs: false,
@@ -2806,6 +2775,7 @@ export default defineComponent({
<div
class="jc"
onClick={() => {
state.agreereject_hs = true;
state.agreestudy_hs = true;
}}
>
@@ -2816,6 +2786,7 @@ export default defineComponent({
<div
class="jc"
onClick={() => {
state.agreereject_hs = true;
state.rejectstudy_hs = true;
}}
>
@@ -3155,9 +3126,6 @@ export default defineComponent({
const ftsr_exit = () => {
state.om_ckxq = false;
};
// const gpm_exit = () => {
// state.gpm_hs = false;
// };
const stm_exit = () => {
state.stm_hs = false;
};
@@ -3213,10 +3181,9 @@ export default defineComponent({
const graduate_exit = () => {
state.graduate_hs = false;
};
const agreestudy_exit = () => {
const agreereject_exit = () => {
state.agreereject_hs = false;
state.agreestudy_hs = false;
};
const rejectstudy_exit = () => {
state.rejectstudy_hs = false;
};
const delete_exit = () => {
@@ -3281,8 +3248,7 @@ export default defineComponent({
qr_exit,
rg_exit,
graduate_exit,
agreestudy_exit,
rejectstudy_exit,
agreereject_exit,
delete_exit,
onSelectChange,
faceManageChange,
@@ -4008,21 +3974,24 @@ export default defineComponent({
}
.agrstudyModal {
.ant-modal {
width:429px !important;
height:258px !important;
.ant-modal-content {
// width:679px !important;
width:429px !important;
height:258px !important;
.ant-modal-body {
width:429px !important;
height:258px !important;
padding:0px !important;
.agreestudy {
z-index: 9999;
width: 679px;
width: 429px;
height:258px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 10%;
transform: translate(-50%, -50%);
.agree_header {
position: absolute;
width: calc(100%);
width: 100%;
height: 40px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
@@ -4056,13 +4025,11 @@ export default defineComponent({
}
}
.agreem_body {
.body_box {
display: flex;
justify-content: center;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 20px auto;
}
margin: 45px auto 62px auto;
}
.qrm_btnbox {
display: flex;
@@ -5188,7 +5155,7 @@ export default defineComponent({
width: 424px !important;
.ant-modal-body {
.delete {
z-index: 9999;
z-index: 99999;
width: 424px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);