mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 03:46:45 +08:00
style:修改二维码弹窗
This commit is contained in:
@@ -76,11 +76,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnss" style="margin-top: 20px">
|
<div class="btnss" style="margin-top: 20px">
|
||||||
<div class="btn btn1">
|
<div class="btn btn1" @click="showqdModal">
|
||||||
<div class="wz">批量签到</div>
|
<div class="wz">批量签到</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn btn2">
|
<div class="btn btn2" @click="showqtModal">
|
||||||
<div class="wz" @click="showEntryScore">批量签退</div>
|
<div class="wz">批量签退</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn btn2">
|
<div class="btn btn2">
|
||||||
<div class="img2"></div>
|
<div class="img2"></div>
|
||||||
@@ -145,6 +145,66 @@
|
|||||||
<button class="btn2">确定</button>
|
<button class="btn2">确定</button>
|
||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</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>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -168,6 +228,9 @@ export default {
|
|||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
tableDataTotal: 100,
|
tableDataTotal: 100,
|
||||||
selectedRowKeys: [],
|
selectedRowKeys: [],
|
||||||
|
qtModal: false, //批量签退
|
||||||
|
qdModal: false, //批量签到
|
||||||
|
closeCopy: false,
|
||||||
projectNameList: [
|
projectNameList: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
@@ -476,6 +539,18 @@ export default {
|
|||||||
];
|
];
|
||||||
return columns;
|
return columns;
|
||||||
};
|
};
|
||||||
|
const showqdModal = () => {
|
||||||
|
state.qdModal = true;
|
||||||
|
};
|
||||||
|
const showqtModal = () => {
|
||||||
|
state.qtModal = true;
|
||||||
|
};
|
||||||
|
const closeqdModal = () => {
|
||||||
|
state.qdModal = false;
|
||||||
|
};
|
||||||
|
const closeqtModal = () => {
|
||||||
|
state.qtModal = false;
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
selectProjectName,
|
selectProjectName,
|
||||||
@@ -484,6 +559,10 @@ export default {
|
|||||||
onSelectChange,
|
onSelectChange,
|
||||||
showEntryScore,
|
showEntryScore,
|
||||||
tableDataFunc,
|
tableDataFunc,
|
||||||
|
showqdModal,
|
||||||
|
showqtModal,
|
||||||
|
closeqtModal,
|
||||||
|
closeqdModal,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -164,6 +164,7 @@ export default {
|
|||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
tableDataTotal: 100,
|
tableDataTotal: 100,
|
||||||
|
showdonemodal: false,
|
||||||
selectedRowKeys: [],
|
selectedRowKeys: [],
|
||||||
projectNameList: [
|
projectNameList: [
|
||||||
{
|
{
|
||||||
@@ -334,6 +335,12 @@ export default {
|
|||||||
const showEntryScore = () => {
|
const showEntryScore = () => {
|
||||||
state.Evisible = true;
|
state.Evisible = true;
|
||||||
};
|
};
|
||||||
|
const showdoneModal = () => {
|
||||||
|
state.showdonemodal = true;
|
||||||
|
};
|
||||||
|
const closedoneModal = () => {
|
||||||
|
state.showdonemodal = false;
|
||||||
|
};
|
||||||
const onSelectChange = (selectedRowKeys) => {
|
const onSelectChange = (selectedRowKeys) => {
|
||||||
console.log("selectedRowKeys changed: ", selectedRowKeys);
|
console.log("selectedRowKeys changed: ", selectedRowKeys);
|
||||||
showModal();
|
showModal();
|
||||||
@@ -354,6 +361,8 @@ export default {
|
|||||||
showModal,
|
showModal,
|
||||||
closeModal,
|
closeModal,
|
||||||
showEntryScore,
|
showEntryScore,
|
||||||
|
showdoneModal,
|
||||||
|
closedoneModal,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -97,6 +97,7 @@
|
|||||||
:closable="close"
|
:closable="close"
|
||||||
:footer="null"
|
:footer="null"
|
||||||
wrapClassName="WorkManage"
|
wrapClassName="WorkManage"
|
||||||
|
centered="true"
|
||||||
>
|
>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="inheader">
|
<div class="inheader">
|
||||||
|
|||||||
@@ -423,6 +423,10 @@
|
|||||||
@click="
|
@click="
|
||||||
item.course === '面授'
|
item.course === '面授'
|
||||||
? showCopyModal(item.course)
|
? showCopyModal(item.course)
|
||||||
|
: item.course === '直播'
|
||||||
|
? showzhibModal(item.course)
|
||||||
|
: item.course === '活动'
|
||||||
|
? showhuodModal(item.course)
|
||||||
: null
|
: null
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
@@ -541,7 +545,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pad"></div></div>
|
<div class="pad"></div>
|
||||||
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="4" tab="设置">
|
<a-tab-pane key="4" tab="设置">
|
||||||
<div class="split"></div>
|
<div class="split"></div>
|
||||||
@@ -552,7 +557,9 @@
|
|||||||
<div class="headone">
|
<div class="headone">
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
<div class="onetitle">关卡内容可见可学设置</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 v-show="twobtnn" class="twobtn">
|
||||||
<div class="btnone" @click="closebtn">取消</div>
|
<div class="btnone" @click="closebtn">取消</div>
|
||||||
<div class="btntwo" @click="closebtn">确定</div>
|
<div class="btntwo" @click="closebtn">确定</div>
|
||||||
@@ -568,17 +575,27 @@
|
|||||||
/>
|
/>
|
||||||
<span class="yulan">预览其他关卡</span><br />
|
<span class="yulan">预览其他关卡</span><br />
|
||||||
<div style="width: 10px; height: 4px"></div>
|
<div style="width: 10px; height: 4px"></div>
|
||||||
<div style="display: flex;align-items: center;">
|
<div style="display: flex; align-items: center">
|
||||||
<span class="yulan2">学员可预览第</span
|
<span class="yulan2">学员可预览第</span>
|
||||||
>
|
|
||||||
<span style="color: #4ea6ff" v-show="number">1</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>关-第</span
|
||||||
><span style="color: #4ea6ff" v-show="number">4</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>
|
<span>关内容</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="checkcon" style="margin-top: 20px">
|
<div class="checkcon" style="margin-top: 20px">
|
||||||
<input
|
<input
|
||||||
@@ -589,14 +606,25 @@
|
|||||||
/>
|
/>
|
||||||
<span class="yulan">学习其他关卡</span><br />
|
<span class="yulan">学习其他关卡</span><br />
|
||||||
<div style="width: 10px; height: 4px"></div>
|
<div style="width: 10px; height: 4px"></div>
|
||||||
<div style="display: flex;align-items: center;">
|
<div style="display: flex; align-items: center">
|
||||||
<span class="yulan2">学员可预览第</span
|
<span class="yulan2">学员可预览第</span>
|
||||||
>
|
|
||||||
<span style="color: #4ea6ff" v-show="number">1</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>关-第</span
|
||||||
><span style="color: #4ea6ff" v-show="number">4</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>
|
<span>关内容</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -779,6 +807,62 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</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" />
|
<add-stu v-model:AddSvisible="AddSvisible" />
|
||||||
<!-- 导入学员抽屉 -->
|
<!-- 导入学员抽屉 -->
|
||||||
@@ -838,6 +922,8 @@ export default {
|
|||||||
twobtnn: false,
|
twobtnn: false,
|
||||||
inputbox: false,
|
inputbox: false,
|
||||||
Wvisible: false, //作业管理
|
Wvisible: false, //作业管理
|
||||||
|
huodModal: false,
|
||||||
|
zhibModal: false,
|
||||||
projectNameListt: [
|
projectNameListt: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
@@ -1293,13 +1379,13 @@ export default {
|
|||||||
state.twobtnn = true;
|
state.twobtnn = true;
|
||||||
state.number = false;
|
state.number = false;
|
||||||
state.inputbox = true;
|
state.inputbox = true;
|
||||||
}
|
};
|
||||||
const closebtn = () => {
|
const closebtn = () => {
|
||||||
state.twobtnn = false;
|
state.twobtnn = false;
|
||||||
state.twobtn = true;
|
state.twobtn = true;
|
||||||
state.number = true;
|
state.number = true;
|
||||||
state.inputbox = false;
|
state.inputbox = false;
|
||||||
}
|
};
|
||||||
const showCopyModal = () => {
|
const showCopyModal = () => {
|
||||||
state.copyModal = true;
|
state.copyModal = true;
|
||||||
};
|
};
|
||||||
@@ -1336,6 +1422,18 @@ export default {
|
|||||||
const showWork = () => {
|
const showWork = () => {
|
||||||
state.Wvisible = true;
|
state.Wvisible = true;
|
||||||
};
|
};
|
||||||
|
const showzhibModal = () => {
|
||||||
|
state.zhibModal = true;
|
||||||
|
};
|
||||||
|
const showhuodModal = () => {
|
||||||
|
state.huodModal = true;
|
||||||
|
};
|
||||||
|
const closezhibModal = () => {
|
||||||
|
state.zhibModal = false;
|
||||||
|
};
|
||||||
|
const closehuodModal = () => {
|
||||||
|
state.huodModal = false;
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
selectProjectName,
|
selectProjectName,
|
||||||
@@ -1361,6 +1459,10 @@ export default {
|
|||||||
showTest,
|
showTest,
|
||||||
showFace,
|
showFace,
|
||||||
showWork,
|
showWork,
|
||||||
|
showzhibModal,
|
||||||
|
showhuodModal,
|
||||||
|
closehuodModal,
|
||||||
|
closezhibModal,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -2819,9 +2921,9 @@ export default {
|
|||||||
height: 24px;
|
height: 24px;
|
||||||
border: 1px solid rgba(64, 158, 255, 1);
|
border: 1px solid rgba(64, 158, 255, 1);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
color: #FFFFFF;
|
color: #ffffff;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
background: #409EFF;
|
background: #409eff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2852,13 +2954,13 @@ export default {
|
|||||||
width: 24px;
|
width: 24px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #6D7584;
|
border: 1px solid #6d7584;
|
||||||
.ant-input-number-input {
|
.ant-input-number-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: #409EFF;
|
color: #409eff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user