fix:修改面授作业在线考试投票测评管理直播活动考勤 feat:新增查看作业 签到二维码 导出成绩

This commit is contained in:
Ggysh-7
2022-11-17 18:47:54 +08:00
parent 8d0cb128a1
commit 7ba791b51c
14 changed files with 1636 additions and 566 deletions

View File

@@ -8,7 +8,7 @@
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">{{ title }}</div>
<div class="headerTitle">{{ title }}考勤</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -76,12 +76,12 @@
</div>
</div>
<div class="btnss" style="margin-top: 20px">
<div class="btn btn1" @click="signQR">
<div class="wz">签到二维码</div>
</div>
<div class="btn btn2" @click="showqdModal">
<div class="wz">批量签到</div>
</div>
<div class="btn btn2" @click="showqtModal">
<div class="wz">批量签退</div>
</div>
<div class="btn btn1">
<div class="img2"></div>
<div class="wz">导出数据</div>
@@ -173,36 +173,7 @@
</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>
<!-- 单独签到弹窗 -->
<a-modal
v-model:visible="singleqdModal"
@@ -293,12 +264,18 @@
</div>
</div>
</a-modal>
<!-- 二维码签到弹窗 -->
<SignQR v-model:signQRvisible="signQRvisible"/>
</template>
<script>
import { toRefs, reactive } from "vue";
import SignQR from "./SignQR.vue"
export default {
name: "ActiveAttendance",
components: {
SignQR,
},
props: {
AAvisible: {
type: Boolean,
@@ -320,7 +297,7 @@ export default {
currentPage: 1,
tableDataTotal: 100,
selectedRowKeys: [],
qtModal: false, //批量签退
signQRvisible:false, //二维码弹窗
qdModal: false, //批量签到
singleqjModal: false, //单独请假
singleqdModal: false, //单独签到
@@ -449,31 +426,6 @@ export default {
signOut: true, //签退
leave: false, //请假
},
{
name: "张三",
com: "产研部",
gang: "产品经理",
cur: "2022-10-31 23:12",
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 8,
name: "张三",
com: "产研部",
gang: "产品经理",
cur: "2022-10-31 23:12",
jin: "2022-10-31 23:12",
time: "请假",
state: "正常",
signIn: false, //签到
signOut: false, //签退
leave: true, //请假
},
],
options: [
{
@@ -551,13 +503,21 @@ export default {
const tableDataFunc = () => {
const columns = [
{
title: "工号",
dataIndex: "workNum",
key: "workNum",
width: 50,
align: "center",
className: "h",
},
{
title: "姓名",
dataIndex: "name",
// width: "30%",
key: "name",
width: 50,
align: "left",
align: "center",
className: "classify",
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => {
@@ -640,15 +600,9 @@ export default {
const showqdModal = () => {
state.qdModal = true;
};
const showqtModal = () => {
state.qtModal = true;
};
const closeqdModal = () => {
state.qdModal = false;
};
const closeqtModal = () => {
state.qtModal = false;
};
const showsingleqdModal = () => {
state.singleqdModal = true;
};
@@ -667,6 +621,9 @@ export default {
const closesingleqjModal = () => {
state.singleqjModal = false;
};
const signQR = ()=> {
state.signQRvisible = true
}
return {
...toRefs(state),
selectProjectName,
@@ -676,8 +633,6 @@ export default {
showEntryScore,
tableDataFunc,
showqdModal,
showqtModal,
closeqtModal,
closeqdModal,
showsingleqdModal,
showsingleqtModal,
@@ -685,6 +640,7 @@ export default {
closesingleqdModal,
closesingleqtModal,
closesingleqjModal,
signQR,
};
},
};
@@ -737,6 +693,7 @@ export default {
flex: 1;
overflow-y: auto;
margin-bottom: 75px;
padding-right: 10px;
.titl {
display: flex;
.endtime {