mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-10 11:26:45 +08:00
style:修改二维码弹窗
This commit is contained in:
@@ -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,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -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,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -97,6 +97,7 @@
|
||||
:closable="close"
|
||||
:footer="null"
|
||||
wrapClassName="WorkManage"
|
||||
centered="true"
|
||||
>
|
||||
<div class="header">
|
||||
<div class="inheader">
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user