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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

99
src/views/courselibrary/CoursewareManage.vue
View File

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

7
src/views/projectcenter/TemplateLibrary.vue
View File

@@ -148,7 +148,7 @@ export default defineComponent({
<router-link to="/libraryadd"> <router-link to="/libraryadd">
<div class="jc"> <div class="jc">
查看{" "} 查看{" "}
<span style="color:#E9E9E9;margin-left:8px;">|</span> <span style="color:#E9E9E9;margin-left:15px;">|</span>
</div> </div>
</router-link> </router-link>
</div> </div>
@@ -164,14 +164,14 @@ export default defineComponent({
<div class="ops1"> <div class="ops1">
<div class="jc"> <div class="jc">
发布 发布
<span style="color:#E9E9E9;margin-left:8px;">|</span> <span style="color:#E9E9E9;margin-left:15px;">|</span>
</div> </div>
</div> </div>
<div class="ops2"> <div class="ops2">
<router-link to="/libraryadd"> <router-link to="/libraryadd">
<div class="jc"> <div class="jc">
查看 查看
<span style="color:#E9E9E9;margin-left:8px;">|</span> <span style="color:#E9E9E9;margin-left:15px;">|</span>
</div> </div>
</router-link> </router-link>
</div> </div>
@@ -237,6 +237,7 @@ export default defineComponent({
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-left: 14px; margin-left: 14px;
cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
.search { .search {
background-size: 100%; background-size: 100%;