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">