style:修改二维码弹窗

This commit is contained in:
songwc
2022-10-25 16:26:29 +08:00
parent 86e552b253
commit b0eb77870b
4 changed files with 222 additions and 31 deletions

View File

@@ -76,11 +76,11 @@
</div>
</div>
<div class="btnss" style="margin-top: 20px">
<div class="btn btn1">
<div class="btn btn1" @click="showqdModal">
<div class="wz">批量签到</div>
</div>
<div class="btn btn2">
<div class="wz" @click="showEntryScore">批量签退</div>
<div class="btn btn2" @click="showqtModal">
<div class="wz">批量签退</div>
</div>
<div class="btn btn2">
<div class="img2"></div>
@@ -145,6 +145,66 @@
<button class="btn2">确定</button>
</div>
</a-drawer>
<!-- 批量签到弹窗 -->
<a-modal
v-model:visible="qdModal"
: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="closeqdModal"></div>
</div>
<div class="body">
<span>您确定要批量签到吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 批量签退弹窗 -->
<a-modal
v-model:visible="qtModal"
: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="closeqtModal"></div>
</div>
<div class="body">
<span>您确定要批量签退吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
</template>
<script>
@@ -168,6 +228,9 @@ export default {
currentPage: 1,
tableDataTotal: 100,
selectedRowKeys: [],
qtModal: false, //批量签退
qdModal: false, //批量签到
closeCopy: false,
projectNameList: [
{
id: 1,
@@ -476,6 +539,18 @@ export default {
];
return columns;
};
const showqdModal = () => {
state.qdModal = true;
};
const showqtModal = () => {
state.qtModal = true;
};
const closeqdModal = () => {
state.qdModal = false;
};
const closeqtModal = () => {
state.qtModal = false;
};
return {
...toRefs(state),
selectProjectName,
@@ -484,6 +559,10 @@ export default {
onSelectChange,
showEntryScore,
tableDataFunc,
showqdModal,
showqtModal,
closeqtModal,
closeqdModal,
};
},
};

View File

@@ -164,6 +164,7 @@ export default {
pageSize: 10,
currentPage: 1,
tableDataTotal: 100,
showdonemodal: false,
selectedRowKeys: [],
projectNameList: [
{
@@ -334,6 +335,12 @@ export default {
const showEntryScore = () => {
state.Evisible = true;
};
const showdoneModal = () => {
state.showdonemodal = true;
};
const closedoneModal = () => {
state.showdonemodal = false;
};
const onSelectChange = (selectedRowKeys) => {
console.log("selectedRowKeys changed: ", selectedRowKeys);
showModal();
@@ -354,6 +361,8 @@ export default {
showModal,
closeModal,
showEntryScore,
showdoneModal,
closedoneModal,
};
},
};

View File

@@ -97,6 +97,7 @@
:closable="close"
:footer="null"
wrapClassName="WorkManage"
centered="true"
>
<div class="header">
<div class="inheader">

View File

@@ -423,6 +423,10 @@
@click="
item.course === '面授'
? showCopyModal(item.course)
: item.course === '直播'
? showzhibModal(item.course)
: item.course === '活动'
? showhuodModal(item.course)
: null
"
>
@@ -541,7 +545,8 @@
</div>
</div>
</div>
<div class="pad"></div></div>
<div class="pad"></div>
</div>
</a-tab-pane>
<a-tab-pane key="4" tab="设置">
<div class="split"></div>
@@ -552,7 +557,9 @@
<div class="headone">
<div class="box"></div>
<div class="onetitle">关卡内容可见可学设置</div>
<div class="oneedi" @click="showbtn" v-show="twobtn">编辑</div>
<div class="oneedi" @click="showbtn" v-show="twobtn">
编辑
</div>
<div v-show="twobtnn" class="twobtn">
<div class="btnone" @click="closebtn">取消</div>
<div class="btntwo" @click="closebtn">确定</div>
@@ -568,17 +575,27 @@
/>
<span class="yulan">预览其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex;align-items: center;">
<span class="yulan2">学员可预览第</span
>
<div style="display: flex; align-items: center">
<span class="yulan2">学员可预览第</span>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1" />
<a-input-number
v-model:value="nubvalue"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>-</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<a-input-number
v-model:value="nubvalue1"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>关内容</span>
</div>
</div>
<div class="checkcon" style="margin-top: 20px">
<input
@@ -589,14 +606,25 @@
/>
<span class="yulan">学习其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex;align-items: center;">
<span class="yulan2">学员可预览第</span
>
<div style="display: flex; align-items: center">
<span class="yulan2">学员可预览第</span>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number v-model:value="nubvalue2" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<a-input-number
v-model:value="nubvalue2"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>-</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number v-model:value="nubvalue3" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<a-input-number
v-model:value="nubvalue3"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>关内容</span>
</div>
</div>
@@ -779,6 +807,62 @@
</div>
</div>
</a-modal>
<!-- 直播管理二维码 -->
<a-modal
v-model:visible="zhibModal"
:footer="null"
:closable="closeCopy"
wrapClassName="facemanageModal"
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="closezhibModal"></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>
<!-- 活动管理二维码 -->
<a-modal
v-model:visible="huodModal"
:footer="null"
:closable="closeCopy"
wrapClassName="facemanageModal"
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="closehuodModal"></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>
<!-- 添加学员抽屉 -->
<add-stu v-model:AddSvisible="AddSvisible" />
<!-- 导入学员抽屉 -->
@@ -838,6 +922,8 @@ export default {
twobtnn: false,
inputbox: false,
Wvisible: false, //作业管理
huodModal: false,
zhibModal: false,
projectNameListt: [
{
id: 1,
@@ -1293,13 +1379,13 @@ export default {
state.twobtnn = true;
state.number = false;
state.inputbox = true;
}
};
const closebtn = () => {
state.twobtnn = false;
state.twobtn = true;
state.number = true;
state.inputbox = false;
}
};
const showCopyModal = () => {
state.copyModal = true;
};
@@ -1336,6 +1422,18 @@ export default {
const showWork = () => {
state.Wvisible = true;
};
const showzhibModal = () => {
state.zhibModal = true;
};
const showhuodModal = () => {
state.huodModal = true;
};
const closezhibModal = () => {
state.zhibModal = false;
};
const closehuodModal = () => {
state.huodModal = false;
};
return {
...toRefs(state),
selectProjectName,
@@ -1361,6 +1459,10 @@ export default {
showTest,
showFace,
showWork,
showzhibModal,
showhuodModal,
closehuodModal,
closezhibModal,
};
},
};
@@ -2819,9 +2921,9 @@ export default {
height: 24px;
border: 1px solid rgba(64, 158, 255, 1);
border-radius: 4px;
color: #FFFFFF;
color: #ffffff;
margin-left: 20px;
background: #409EFF;
background: #409eff;
cursor: pointer;
}
}
@@ -2852,13 +2954,13 @@ export default {
width: 24px;
margin: 10px;
border-radius: 4px;
border: 1px solid #6D7584;
border: 1px solid #6d7584;
.ant-input-number-input {
width: 100%;
height: 100%;
font-size: 14px;
padding: 0;
color: #409EFF;
color: #409eff;
text-align: center;
}
}