mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-12 12:26:47 +08:00
Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage
This commit is contained in:
dongwug
@@ -372,6 +372,7 @@
|
||||
? 'flex'
|
||||
: 'none',
|
||||
}"
|
||||
@click="showCopyModal"
|
||||
>
|
||||
二维码
|
||||
</div>
|
||||
@@ -784,84 +785,13 @@
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="4" tab="公告">
|
||||
<div class="noticeTitle">
|
||||
<h3>公告</h3>
|
||||
<a-divider style="margin-top: -5px"></a-divider>
|
||||
<a-switch
|
||||
v-model:checked="noticeChecked"
|
||||
style="size: small"
|
||||
/><span style="margin-left: 13px">开启</span>
|
||||
<p style="margin-top: 35px">公告内容</p>
|
||||
<a-textarea
|
||||
v-model:value="noticeContent"
|
||||
placeholder="请输入要发布的公告"
|
||||
show-count
|
||||
:maxlength="150"
|
||||
style="margin-top: -10px; height: 110px"
|
||||
/>
|
||||
<div class="publish">
|
||||
<div class="iconPub"></div>
|
||||
<div class="btnText">发布</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<NoticePub></NoticePub>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="5" tab="项目积分">
|
||||
<div class="split"></div>
|
||||
<div class="content3">
|
||||
<a-tabs v-model:activeKey="activeKey2">
|
||||
<a-tab-pane key="1" tab="学员获取"> </a-tab-pane>
|
||||
<a-tab-pane key="2" tab="榜单"> </a-tab-pane>
|
||||
<a-tab-pane key="3" tab="获取规则">
|
||||
<div class="projectscore">
|
||||
<div class="pjc_body">
|
||||
<div class="pjcb_header">
|
||||
<span>规则</span>
|
||||
<div class="edit_btn">
|
||||
<div class="edit"></div>
|
||||
<div class="btnText">编辑</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pjcb_content">
|
||||
<div class="content content1">
|
||||
<span
|
||||
>当前设计下，学员可以获得
|
||||
<a-input
|
||||
v-model:value="inputValue"
|
||||
:maxlength="3"
|
||||
style="width: 50px"
|
||||
/>
|
||||
积分</span
|
||||
>
|
||||
</div>
|
||||
<div class="content content2">
|
||||
<span
|
||||
>完成【必修/选修】获得
|
||||
<a-input
|
||||
v-model:value="inputValue2"
|
||||
:maxlength="3"
|
||||
style="width: 50px"
|
||||
/>
|
||||
积分</span
|
||||
>
|
||||
</div>
|
||||
<div class="content content3">
|
||||
<span
|
||||
>优秀学员可获得
|
||||
<a-input
|
||||
v-model:value="inputValue3"
|
||||
:maxlength="3"
|
||||
style="width: 50px"
|
||||
/>
|
||||
积分</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</div>
|
||||
<ProjectScore></ProjectScore>
|
||||
</a-tab-pane>
|
||||
|
||||
<a-tab-pane key="6" tab="排行榜">
|
||||
<div class="content6">
|
||||
<div class="title">排行榜</div>
|
||||
@@ -1538,6 +1468,34 @@
|
||||
</a-modal>
|
||||
</div>
|
||||
<!-- 删除弹窗 -->
|
||||
<!-- 面授管理二维码 -->
|
||||
<a-modal
|
||||
v-model:visible="copyModal"
|
||||
:footer="null"
|
||||
:closable="closeCopy"
|
||||
wrapClassName="CopyModal"
|
||||
centered="true"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
<div class="header">
|
||||
<div class="icon"></div>
|
||||
<span>面授管理</span>
|
||||
<div class="close_exit" @click="closeCopyModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div><img src="../../assets/images/taskpage/erweima.png"/></div>
|
||||
</div>
|
||||
<div class="footerr">
|
||||
<div class="onload">下载二维码</div>
|
||||
<div class="onloadpx">200*200</div>
|
||||
<div class="onloadpx">400*400</div>
|
||||
<div class="onloadpx">800*800</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -1555,6 +1513,8 @@ import StuAdd from "../../components/drawers/StuAdd";
|
||||
import ImportStu from "../../components/drawers/ImportStu";
|
||||
import SeeStu from "../../components/drawers/SeeStu";
|
||||
import ChangeGroup from "../../components/drawers/ChangeGroup";
|
||||
import NoticePub from "../../components/drawers/NoticePub";
|
||||
import ProjectScore from "../../components/drawers/ProjectScore";
|
||||
import TaskImpStu from "../../components/drawers/TaskFaceIn";
|
||||
export default {
|
||||
name: "taskPage",
|
||||
@@ -1572,7 +1532,10 @@ export default {
|
||||
ImportStu,
|
||||
SeeStu,
|
||||
ChangeGroup,
|
||||
NoticePub,
|
||||
ProjectScore,
|
||||
TaskImpStu,
|
||||
|
||||
},
|
||||
setup() {
|
||||
const state = reactive({
|
||||
@@ -1670,6 +1633,8 @@ export default {
|
||||
Changevisible: false, //学员换组
|
||||
edit_hs: false, //编辑弹窗
|
||||
delete_hs: false, //删除弹窗
|
||||
copyModal: false, //面授二维码弹窗
|
||||
closeCopy: false, //面授二维码关闭图标
|
||||
pubproject: false,
|
||||
stugroup: false,
|
||||
canclestu: false,
|
||||
@@ -2233,6 +2198,12 @@ export default {
|
||||
const closeModal2 = () => {
|
||||
state.stugroup = false;
|
||||
};
|
||||
const showCopyModal = () => {
|
||||
state.copyModal = true;
|
||||
};
|
||||
const closeCopyModal = () => {
|
||||
state.copyModal = false;
|
||||
};
|
||||
const showFaceIn = () => {
|
||||
state.TaskFaceImpStuvisible = true;
|
||||
};
|
||||
@@ -2484,6 +2455,8 @@ export default {
|
||||
closeModal1,
|
||||
showModal2,
|
||||
closeModal2,
|
||||
showCopyModal,
|
||||
closeCopyModal,
|
||||
showTime,
|
||||
showFace,
|
||||
showSubset,
|
||||
@@ -2888,6 +2861,108 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.CopyModal {
|
||||
.ant-modal {
|
||||
width: 532px !important;
|
||||
height: 428px !important;
|
||||
.ant-modal-content {
|
||||
width: 532px !important;
|
||||
height: 428px !important;
|
||||
.ant-modal-body {
|
||||
width: 532px !important;
|
||||
height: 428px !important;
|
||||
padding: 0 !important;
|
||||
.delete {
|
||||
z-index: 999;
|
||||
width: 532px;
|
||||
height: 428px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
|
||||
border-radius: 4px;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 10%;
|
||||
// transform: translate(-50%, -50%);
|
||||
.del_header {
|
||||
position: absolute;
|
||||
width: calc(100%);
|
||||
height: 68px;
|
||||
background: linear-gradient(
|
||||
rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
}
|
||||
.del_main {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 20px;
|
||||
padding-left: 26px;
|
||||
font-size: 16px;
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
background-image: url(@/assets/images/coursewareManage/QR.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.close_exit {
|
||||
position: absolute;
|
||||
right: 42px;
|
||||
cursor: pointer;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(@/assets/images/coursewareManage/close.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.body {
|
||||
width: 100%;
|
||||
margin: 34px auto 56px auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
// background-color: red;
|
||||
position: relative;
|
||||
.back {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.footerr {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.onload {
|
||||
color: rgba(51, 51, 51, 1);
|
||||
font-size: 14px;
|
||||
}
|
||||
.onloadpx {
|
||||
width: 80px;
|
||||
height: 32px;
|
||||
border: 1px solid rgba(56, 125, 247, 1);
|
||||
border-radius: 4px;
|
||||
color: rgba(56, 125, 247, 1);
|
||||
margin-left: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.taskpage {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@@ -3478,42 +3553,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.noticeTitle {
|
||||
margin-left: 38px;
|
||||
margin-right: 38px;
|
||||
padding-top: 20px;
|
||||
.publish {
|
||||
width: 100px;
|
||||
// padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: rgb(64, 158, 255);
|
||||
border-radius: 8px;
|
||||
border: 1px solid rgba(64, 158, 255, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
float: right;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px;
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
.iconPub {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(@/assets/images/taskpage/pub.png);
|
||||
background-size: 100% 100%;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: rgb(255, 255, 255);
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.content3 {
|
||||
margin-top: 20px;
|
||||
|
||||
Reference in New Issue
Block a user