hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-10 19:36:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

95
src/components/drawers/ActiveAttendance.vue
View File

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

155
src/components/drawers/CheckVote.vue Normal file
View File

@@ -0,0 +1,155 @@
<template>
<a-drawer
:visible="CVvisible"
class="drawerStyle CheckWork"
placement="right"
width="40%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">查看投票</div>
<img
style="width:29px;height:29px;cursor:pointer"
src="../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
<!-- <div class="suptit"><span>评估名称：<span>管理者进阶投票</span></span></div> -->
</div>
<div class="main">
<div class="basetext"><span>基础信息</span></div>
<div class="HW Name"><span>作业名称：</span ><span style="color:#999ba3">{{"管理者进阶作业"}}</span></div>
<div class="HW Need"><span>作业要求：</span ><span style="color:#999ba3">{{"写一篇观后感，字数600字"}}</span></div>
<div class="HWText">
<span>作业信息：</span>
<div class="hwText">
<img src="@/assets/images/projectadd/keep.png"/>
<div class="hwName">{{"京东方商业模型.jpeg"}}</div>
<div class="op"> <span>查看</span> </div>
<div class="op"> <span>下载</span> </div>
</div>
</div>
</div>
<div class="btnn">
<button class="btn1">取消</button>
<button class="btn2">确定</button>
</div>
</div>
</a-drawer>
</template>
<script>
import { toRefs,reactive } from '@vue/reactivity';
export default {
name:"CheckWork",
props:{
CVvisible:{
type:Boolean,
default:false,
},
},
setup(props,ctx){
const state = reactive({
})
const closeDrawer = ()=> {
ctx.emit("update:CVvisible",false)
}
const afterVisibleChange = (bool) => {
console.log(bool);
}
return{
...toRefs(state),
closeDrawer,
afterVisibleChange,
}
}
};
</script>
<style lang="scss">
.CheckWork {
.drawerMain {
min-width: 400px;
margin: 0px 32px 0px 32px;
display: flex;
flex-direction: column;
.header {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
}
}
.main {
width: 100%;
overflow-y: auto;
margin-bottom: 70px;
.basetext{
font-size: 16px;
font-weight: 600;
color: #333333;
line-height: 25px;
margin-bottom: 27px ;
}
.HW{
margin-bottom: 20px;
}
.hwText{
display: flex;
align-items: center;
margin: 15px auto;
img{
background-size: 100% 100%;
}
.hwName{
margin:auto 10px;
}
.op{
color:#388be1;
margin: auto 20px;
cursor: pointer;
}
}
}
.btnn {
height: 72px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
}
}
</style>

154
src/components/drawers/CheckWork.vue Normal file
View File

@@ -0,0 +1,154 @@
<template>
<a-drawer
:visible="CWvisible"
class="drawerStyle CheckWork"
placement="right"
width="40%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">查看作业</div>
<img
style="width:29px;height:29px;cursor:pointer"
src="../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
</div>
<div class="main">
<div class="basetext"><span>基础信息</span></div>
<div class="HW Name"><span>作业名称：</span ><span style="color:#999ba3">{{"管理者进阶作业"}}</span></div>
<div class="HW Need"><span>作业要求：</span ><span style="color:#999ba3">{{"写一篇观后感，字数600字"}}</span></div>
<div class="HWText">
<span>作业信息：</span>
<div class="hwText">
<img src="@/assets/images/projectadd/keep.png"/>
<div class="hwName">{{"京东方商业模型.jpeg"}}</div>
<div class="op"> <span>查看</span> </div>
<div class="op"> <span>下载</span> </div>
</div>
</div>
</div>
<div class="btnn">
<button class="btn1">取消</button>
<button class="btn2">确定</button>
</div>
</div>
</a-drawer>
</template>
<script>
import { toRefs,reactive } from '@vue/reactivity';
export default {
name:"CheckWork",
props:{
CWvisible:{
type:Boolean,
default:false,
},
},
setup(props,ctx){
const state = reactive({
})
const closeDrawer = ()=> {
ctx.emit("update:CWvisible",false)
}
const afterVisibleChange = (bool) => {
console.log(bool);
}
return{
...toRefs(state),
closeDrawer,
afterVisibleChange,
}
}
};
</script>
<style lang="scss">
.CheckWork {
.drawerMain {
min-width: 400px;
margin: 0px 32px 0px 32px;
display: flex;
flex-direction: column;
.header {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
}
}
.main {
width: 100%;
overflow-y: auto;
margin-bottom: 70px;
.basetext{
font-size: 16px;
font-weight: 600;
color: #333333;
line-height: 25px;
margin-bottom: 27px ;
}
.HW{
margin-bottom: 20px;
}
.hwText{
display: flex;
align-items: center;
margin: 15px auto;
img{
background-size: 100% 100%;
}
.hwName{
margin:auto 10px;
}
.op{
color:#388be1;
margin: auto 20px;
cursor: pointer;
}
}
}
.btnn {
height: 72px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
}
}
</style>

243
src/components/drawers/ExportHWork.vue Normal file
View File

@@ -0,0 +1,243 @@
<template>
<a-modal
:visible="exportHWorkvisible"
:closable="close"
:footer="null"
wrapClassName="WorkManage"
centered="true"
@cancel="closeModal"
>
<div class="header">
<div class="inheader">
<div class="left">提示</div>
<div class="right" @click="closeModal"></div>
</div>
</div>
<div class="main">
<div class="check"></div>
<div class="text"><span>作业导出完成，请在下载本地或去下载中心查看</span></div>
<div class="btn">
<button class="btn1 sabtn" style="margin-right: 20px;">查看</button>
<button class="btn2 sabtn">下载</button>
</div>
</div>
</a-modal>
</template>
<script>
import { reactive,toRefs } from '@vue/reactivity';
export default {
name:"EHWork",
props: {
exportHWorkvisible:{
type:Boolean,
default:false,
}
},
setup(props,ctx){
const state = reactive({
close:false
})
const closeModal = ()=> {
ctx.emit('update:exportHWorkvisible',false)
}
return {
...toRefs(state),
closeModal,
}
}
};
</script>
<style lang="scss">
.WorkManage {
.drawerMain {
min-width: 550px;
margin: 0px 32px 0px 32px;
overflow-x: auto;
display: flex;
flex-direction: column;
.header {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
// background-color: red;
margin-bottom: 20px;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
// margin-left: 24px;
}
}
.main {
width: 100%;
height: 100%;
// margin-bottom: 30px;
// background-color: #bfa;
overflow-y: auto;
.endtime {
font-size: 16px;
font-weight: 500;
color: #333333;
}
.search {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 20px;
justify-content: space-between;
.sealeft {
display: flex;
flex-wrap: wrap;
.namecon {
display: flex;
flex-wrap: nowrap;
margin-bottom: 10px;
.name {
margin-top: 8px;
white-space: nowrap;
}
}
}
.btns {
display: flex;
flex-wrap: nowrap;
.btn {
cursor: pointer;
width: 100px;
height: 40px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
.img1 {
width: 15px;
height: 17px;
background-image: url(../../assets/images/courseManage/search0.png);
background-size: 100% 100%;
margin-right: 7px;
}
.img2 {
width: 16px;
height: 18px;
background-image: url(../../assets/images/courseManage/reset1.png);
background-size: 100% 100%;
margin-right: 7px;
}
}
.btn1 {
background: #409eff;
color: #ffffff;
}
.btn2 {
background: #ffffff;
color: #388be1;
border: 1px solid #388be1;
}
}
}
.btnss {
display: flex;
flex-wrap: nowrap;
.btn {
cursor: pointer;
width: 130px;
height: 40px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
.img1 {
width: 17px;
height: 16px;
background-image: url(../../assets/images/coursewareManage/export1.png);
background-size: 100% 100%;
margin-right: 7px;
}
}
.btn1 {
background: #409eff;
color: #ffffff;
}
.btn2 {
background: #ffffff;
color: #388be1;
border: 1px solid #388be1;
}
}
.tab {
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.tableBox {
.pa {
// left: 0;
margin-top: 15px;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
// position: absolute;
// bottom: 20px;
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-item,
.ant-pagination-options {
margin-bottom: 10px;
}
}
}
}
}
.btnn {
height: 72px;
width: 100%;
position: absolute;
bottom: 0;
background-color: #fff;
left: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #409eff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
}
}
</style>

356
src/components/drawers/ExportScore.vue Normal file
View File

@@ -0,0 +1,356 @@
<template>
<a-drawer
:visible="eScorevisible"
class="drawerStyle ExportScore"
placement="right"
width="700px"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">导入成绩</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
</div>
<div class="main">
<div class="minatitl">
<div class="up1">请下载</div>
<div class="up2">模板</div>
<div class="up1">，按要求填写数据并导入</div>
</div>
<div class="upload">
<div class="text">上传：</div>
<div class="right">
<div class="load">
<div class="cloud"></div>
<div class="tip">点击或将文件拖拽到此处上传</div>
<div class="tipz">支持扩展名：.xls/.xlsx</div>
</div>
<div class="loadstate">
<div class="loadborder">
<div class="content">
<div class="img"></div>
<div class="timebox">
<div class="timetop">
<div class="tit">京东方商业模型.xls</div>
<div class="stateloading">正在上传</div>
</div>
<div class="prog">
<div class="inprogloading"></div>
</div>
</div>
<div class="curloading">
<div class="cur">55%</div>
<div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div>
</div>
</div>
</div>
<div class="loadborder">
<div class="content">
<div class="img"></div>
<div class="timebox">
<div class="timetop">
<div class="tit">京东方商业模型.xls</div>
<div class="statedefeat">上传失败</div>
</div>
<div class="prog">
<div class="inprogdefeat"></div>
</div>
</div>
<div class="curloading">
<div class="cur">55%</div>
<div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div>
</div>
<div class="defeat">下载失败数据</div>
</div>
</div>
<div class="loadborder">
<div class="content">
<div class="img"></div>
<div class="timebox">
<div class="timetop">
<div class="tit">京东方商业模型.xls</div>
<div class="statesucce">上传成功</div>
</div>
<div class="prog">
<div class="inprogsucce"></div>
</div>
</div>
<div class="curloading">
<div class="cur">100%</div>
<div class="cancel" style="margin-left: 20px">删除</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btnn">
<button class="btn1">取消</button>
<button class="btn2">确定</button>
</div>
</div>
</a-drawer>
</template>
<script>
import { reactive, toRefs } from "vue";
export default {
name: "EScore",
props: {
eScorevisible: {
type: Boolean,
default: false,
},
},
setup(props, ctx) {
const state = reactive({});
const closeDrawer = () => {
ctx.emit("update:eScorevisible", false);
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
};
},
};
</script>
<style lang="scss">
.ExportScore {
.drawerMain {
min-width: 600px;
margin: 0px 32px 0px 32px;
overflow-x: auto;
display: flex;
flex-direction: column;
.header {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
// background-color: red;
margin-bottom: 20px;
flex-shrink: 0;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
// margin-left: 24px;
}
}
.main {
overflow-y: auto;
.minatitl {
display: flex;
.up1 {
font-size: 16px;
font-weight: 400;
color: #333333;
}
.up2 {
font-size: 16px;
font-weight: 400;
color: #388be1;
margin-left: 4px;
}
}
.upload {
margin-top: 32px;
display: flex;
.text {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.right {
margin-left: 6px;
.load {
width: 500px;
height: 176px;
background: #f5f9fd;
border-radius: 4px;
// opacity: 0.3;
border: 1px dashed #caddfd;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
.cloud {
margin-top: 52px;
width: 28px;
height: 28px;
background-image: url(../../assets/images/basicinfo/cloud.png);
}
.tip {
font-size: 14px;
font-weight: 400;
color: #388be1;
margin-top: 15px;
cursor: pointer;
}
.tipz {
font-size: 14px;
font-weight: 400;
color: #999999;
margin-top: 10px;
}
}
.loadstate {
width: 500px;
margin-bottom: 100px;
.loadborder {
width: 500px;
height: 173px;
border-radius: 4px;
border: 1px dashed #eaeaea;
margin-bottom: 30px;
display: flex;
align-items: center;
.content {
display: flex;
margin-left: 20px;
position: relative;
.defeat {
position: absolute;
left: 46px;
top: 38px;
font-size: 14px;
font-weight: 500;
color: #ff7474;
}
.img {
width: 30px;
height: 34px;
background-image: url(../../assets/images/basicinfo/exl.png);
}
.timebox {
margin-left: 15px;
margin-top: -5px;
.timetop {
display: flex;
width: 262px;
justify-content: space-between;
margin-bottom: 8px;
.tit {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.stateloading {
font-size: 14px;
font-weight: 400;
color: #388be1;
}
.statedefeat {
font-size: 14px;
font-weight: 400;
color: #ff7474;
}
.statesucce {
font-size: 14px;
font-weight: 400;
color: #35ae69;
}
}
.prog {
width: 262px;
height: 5px;
background: #eaf1fe;
border-radius: 4px;
.inprogloading {
width: 55%;
height: 5px;
border-radius: 4px;
background: #388be1;
}
//下载失败条
.inprogdefeat {
width: 55%;
height: 5px;
border-radius: 4px;
background: #ff7474;
}
//下载成功条
.inprogsucce {
width: 100%;
height: 5px;
border-radius: 4px;
background: #57c887;
}
}
}
.curloading {
margin-left: 15px;
margin-top: 15px;
display: flex;
.cur {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.cancel {
font-size: 14px;
font-weight: 400;
color: #387df7;
}
}
}
}
}
}
}
}
.btnn {
height: 72px;
width: 100%;
position: absolute;
background-color: #fff;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
}
}
</style>

56
src/components/drawers/FaceManage.vue
View File

@@ -117,10 +117,9 @@
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn1">取消</button> <button class="btn1" @click="ckwork()">取消</button>
<button class="btn2">确定</button> <button class="btn2">确定</button>
</div> </div>
<a-modal <a-modal
:closable="closable" :closable="closable"
v-model:visible="showmodal" v-model:visible="showmodal"
@@ -151,15 +150,21 @@
</a-drawer> </a-drawer>
<!-- 录入成绩抽屉 --> <!-- 录入成绩抽屉 -->
<entry-scores v-model:Evisible="Evisible" /> <entry-scores v-model:Evisible="Evisible" />
<!-- 查看作业抽屉 -->
<CKWork v-model:CWvisible="CWvisible"/>
</template> </template>
<script> <script>
import { toRefs, reactive, onMounted, onUnmounted } from "vue"; import { toRefs, reactive, onMounted, onUnmounted } from "vue";
import CKWork from './CheckWork.vue'
import EntryScores from "./EntryScores.vue"; import EntryScores from "./EntryScores.vue";
import * as api from "../../api/index"; import * as api from "../../api/index";
export default { export default {
name: "FaceManage", name: "FaceManage",
components: { EntryScores }, components: {
EntryScores,
CKWork,
},
props: { props: {
Fvisible: { Fvisible: {
type: Boolean, type: Boolean,
@@ -178,6 +183,7 @@ export default {
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
Evisible: false, //录入成绩抽屉 Evisible: false, //录入成绩抽屉
CWvisible: false, //查看作业抽屉
name: "", name: "",
showmodal: false, //勾选提示框 showmodal: false, //勾选提示框
closable: false, //modal右上角的关闭按钮 closable: false, //modal右上角的关闭按钮
@@ -208,6 +214,14 @@ export default {
], ],
tabledata: [], tabledata: [],
tablecolumns: [ tablecolumns: [
{
title: "工号",
dataIndex: "workNum",
key: "workNum",
width: 50,
align: "left",
className: "h head",
},
{ {
title: "姓名", title: "姓名",
dataIndex: "userName", dataIndex: "userName",
@@ -233,13 +247,21 @@ export default {
className: "h", className: "h",
}, },
{ {
title: "课程成绩", title: "作业成绩",
dataIndex: "score", dataIndex: "score",
key: "score", key: "score",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{
title: "评分",
dataIndex: "testscore",
key: "testscore",
width: 60,
align: "center",
className: "h",
},
{ {
title: "任务状态", title: "任务状态",
dataIndex: "status", dataIndex: "status",
@@ -274,7 +296,7 @@ export default {
<div <div
class="studentopea1" class="studentopea1"
onClick={() => { onClick={() => {
console.log('---------') state.CWvisible = true
}} }}
> >
查看作业 查看作业
@@ -414,8 +436,12 @@ export default {
onUnmounted(() => { onUnmounted(() => {
clearInterval(timer); clearInterval(timer);
}); });
const ckwork = ()=> {
state.CWvisible = true
}
return { return {
...toRefs(state), ...toRefs(state),
ckwork,
selectProjectName, selectProjectName,
check, check,
closeDrawer, closeDrawer,
@@ -821,6 +847,26 @@ export default {
background: #f6f9fd; background: #f6f9fd;
} }
.studentopea1 {
font-size: 14px;
font-weight: 400;
color: #387df7;
line-height: 22px;
padding-right: 8px;
border-right: 1px solid #e9e9e9;
cursor: pointer;
}
.studentopea2 {
font-size: 14px;
font-weight: 400;
color: #387df7;
line-height: 22px;
padding-right: 8px;
padding-left: 8px;
border-right: 1px solid #e9e9e9;
cursor: pointer;
}
.pa { .pa {
// left: 0; // left: 0;
margin-top: 15px; margin-top: 15px;

63
src/components/drawers/FaceStu.vue
View File

@@ -76,16 +76,16 @@
</div> </div>
</div> </div>
<div class="btnss" style="margin-top: 20px"> <div class="btnss" style="margin-top: 20px">
<div class="btn btn1" style="margin-right: 20px"> <div class="btn btn1" style="margin-right: 20px" @click="signQR">
<div class="wz">签到二维码</div>
</div>
<div class="btn btn1" style="margin-right: 20px" @click="showImpStu">
<div class="img1"></div> <div class="img1"></div>
<div class="wz" @click="showImpStu">导入学员</div> <div class="wz">导入学员</div>
</div> </div>
<div class="btn btn2" @click="showCopyModal"> <div class="btn btn2" @click="showCopyModal">
<div class="wz">批量签到</div> <div class="wz">批量签到</div>
</div> </div>
<div class="btn btn2" @click="showStopModal">
<div class="wz" @click="showEntryScore">批量签退</div>
</div>
<div class="btn btn2"> <div class="btn btn2">
<div class="img2"></div> <div class="img2"></div>
<div class="wz">导出数据</div> <div class="wz">导出数据</div>
@@ -149,6 +149,8 @@
<button class="btn2">确定</button> <button class="btn2">确定</button>
</div> </div>
</a-drawer> </a-drawer>
<!-- 二维码签到弹窗 -->
<SignQR v-model:signQRvisible="signQRvisible"/>
<!-- 导入学员抽屉 --> <!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" /> <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
<!-- 批量签到弹窗 --> <!-- 批量签到弹窗 -->
@@ -181,44 +183,18 @@
</div> </div>
</div> </div>
</a-modal> </a-modal>
<!-- 批量签退弹窗 -->
<a-modal
v-model:visible="stopModal"
:footer="null"
:closable="closeStop"
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="closeStopModal"></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>
import { toRefs, reactive } from "vue"; import { toRefs, reactive } from "vue";
import ImpStu from "../../components/drawers/AddLevelImportStu"; import ImpStu from "../../components/drawers/AddLevelImportStu";
import SignQR from "./SignQR.vue"
export default { export default {
name: "FaceManage", name: "FaceManage",
components: { ImpStu }, components: {
ImpStu,
SignQR,
},
props: { props: {
FSvisible: { FSvisible: {
type: Boolean, type: Boolean,
@@ -234,6 +210,7 @@ export default {
closeCopy: false, //签到弹窗关闭图标 closeCopy: false, //签到弹窗关闭图标
stopModal: false, //签退弹窗 stopModal: false, //签退弹窗
closeStop: false, //签退弹窗关闭图标 closeStop: false, //签退弹窗关闭图标
signQRvisible:false, //二维码弹窗
name: null, name: null,
showmodal: false, //勾选提示框 showmodal: false, //勾选提示框
closable: false, //modal右上角的关闭按钮 closable: false, //modal右上角的关闭按钮
@@ -424,18 +401,14 @@ export default {
const closeCopyModal = () => { const closeCopyModal = () => {
state.copyModal = false; state.copyModal = false;
}; };
const showStopModal = () => {
state.stopModal = true;
};
const closeStopModal = () => { const closeStopModal = () => {
state.stopModal = false; state.stopModal = false;
}; };
const showEntryScore = () => { const signQR = ()=> {
state.Evisible = true; state.signQRvisible = true
}; }
const onSelectChange = (selectedRowKeys) => { const onSelectChange = (selectedRowKeys) => {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
state.selectedRowKeys = selectedRowKeys; state.selectedRowKeys = selectedRowKeys;
}; };
@@ -578,14 +551,13 @@ export default {
selectProjectName2, selectProjectName2,
closeDrawer, closeDrawer,
onSelectChange, onSelectChange,
showEntryScore,
tableDataFunc, tableDataFunc,
getTableData, getTableData,
showImpStu, showImpStu,
showCopyModal, showCopyModal,
closeCopyModal, closeCopyModal,
showStopModal,
closeStopModal, closeStopModal,
signQR,
}; };
}, },
}; };
@@ -746,6 +718,7 @@ export default {
height: 100%; height: 100%;
// background-color: #bfa; // background-color: #bfa;
// overflow-y: auto; // overflow-y: auto;
padding-right: 10px;
.titl { .titl {
display: flex; display: flex;
.endtime { .endtime {

171
src/components/drawers/SignQR.vue Normal file
View File

@@ -0,0 +1,171 @@
<template>
<a-modal
:visible="signQRvisible"
:footer="null"
:closable="closeCopy"
wrapClassName="signQRModal"
centered="true"
@cancel="closeModal"
>
<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="closeModal"></div>
</div>
<div class="body">
<div class="tit">{{"时间管理面授课程"}}</div>
<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>
</template>
<script>
import { reactive,toRefs } from '@vue/reactivity';
export default {
name:"SignQR",
props:{
signQRvisible:{
type:Boolean,
default:false,
},
},
setup(props,ctx){
const state = reactive({
signQRvisible:false,
closeCopy: false, //二维码关闭图标
})
const closeModal = ()=> {
ctx.emit("update:signQRvisible",false)
}
const afterVisibleChange = (bool) => {
console.log(bool);
}
return{
...toRefs(state),
closeModal,
afterVisibleChange,
}
}
};
</script>
<style lang="scss">
.signQRModal {
.ant-modal {
width: 532px !important;
height: 428px !important;
.ant-modal-content {
width: 532px !important;
height: 428px !important;
.ant-modal-body {
width: 532px !important;
height: 428px !important;
padding: 0 !important;
.delete {
z-index: 999;
width: 532px;
height: 428px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px;
// position: absolute;
// left: 50%;
// top: 10%;
// transform: translate(-50%, -50%);
.del_header {
position: absolute;
width: calc(100%);
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
}
.del_main {
width: 100%;
position: relative;
.header {
display: flex;
align-items: center;
padding-top: 20px;
padding-left: 26px;
font-size: 16px;
.icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/QR.png);
background-size: 100% 100%;
}
.close_exit {
position: absolute;
right: 42px;
cursor: pointer;
width: 20px;
height: 20px;
background-image: url(@/assets/images/coursewareManage/close.png);
background-size: 100% 100%;
}
}
.body {
width: 100%;
margin: 20px auto 36px auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.tit{
margin-bottom: 15px;
font-size: 16px;
font-weight: 500;
}
}
.footerr {
display: flex;
justify-content: center;
align-items: center;
.onload {
color: rgba(51, 51, 51, 1);
font-size: 14px;
}
.onloadpx {
width: 80px;
height: 32px;
border: 1px solid rgba(56, 125, 247, 1);
border-radius: 4px;
color: rgba(56, 125, 247, 1);
margin-left: 20px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
}
}
}
}
}
}
}
</style>

184
src/components/drawers/TestManage.vue
View File

@@ -74,7 +74,7 @@
<div class="tab" style="margin-top: 20px; margin-bottom: 100px"> <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="tablecolumns" :columns="tableDataFunc()"
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
@@ -128,6 +128,10 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
itemsType:{
type: Number,
default:null,
}
}, },
setup(props, ctx) { setup(props, ctx) {
@@ -137,7 +141,7 @@ export default {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
tableDataTotal: 100, tableDataTotal: 0,
projectName: "", projectName: "",
projectNameList: [ projectNameList: [
{ {
@@ -156,19 +160,79 @@ export default {
label: "已完成", label: "已完成",
}, },
], ],
tabledata: [ tabledata: [],
// { });
// key: 1, const tableDataFunc = () => {
// name: "哈哈", if(props.itemsType == 10){
// bum: "产品部", const columns = [
// gangw: "产品经理", {
// comp: "-", title: "工号",
// score: "-", dataIndex: "workNum",
// time: "-", key: "workNum",
// state: "未完成", width: 50,
// }, align: "center",
], className: "h",
tablecolumns: [ },
{
title: "姓名",
dataIndex: "name",
key: "name",
width: 50,
align: "center",
className: "h",
},
{
title: "所在部门",
dataIndex: "deptName",
key: "deptName",
width: 50,
align: "center",
className: "h",
},
{
title: "所在岗位",
dataIndex: "jobName",
key: "jobName",
width: 50,
align: "center",
className: "h",
},
{
title: "提交时间",
dataIndex: "cur",
key: "cur",
width: 110,
align: "center",
className: "h",
},
{
title: "任务状态",
dataIndex: "state",
key: "state",
width: 50,
align: "center",
className: "h",
},
{
title: "PDF状态",
dataIndex: "pdfstate",
key: "pdfstate",
width: 50,
align: "center",
className: "h",
},
];
return columns;
} else if(props.itemsType == 5){
const columns = [
{
title: "工号",
dataIndex: "workNum",
key: "workNum",
width: 50,
align: "center",
className: "h head",
},
{ {
title: "姓名", title: "姓名",
dataIndex: "userName", dataIndex: "userName",
@@ -180,7 +244,7 @@ export default {
{ {
title: "所在部门", title: "所在部门",
dataIndex: "deptName", dataIndex: "deptName",
key: "userName", key: "deptName",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
@@ -194,13 +258,29 @@ export default {
className: "h", className: "h",
}, },
{ {
title: "课程成绩", title: "考试次数",
dataIndex: "testNum",
key: "testNum",
width: 60,
align: "center",
className: "h",
},
{
title: "成绩",
dataIndex: "score", dataIndex: "score",
key: "score", key: "score",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{
title: "完成时间",
dataIndex: "time",
key: "time",
width: 100,
align: "center",
className: "h",
},
{ {
title: "任务状态", title: "任务状态",
dataIndex: "status", dataIndex: "status",
@@ -209,8 +289,48 @@ export default {
align: "center", align: "center",
className: "h", className: "h",
}, },
], {
title: "操作",
dataIndex: "operation",
key: "operation",
width: 60,
align: "center",
className: "h",
},
]
return columns;
}
};
//考试、测评管理列表操作
const ListOpera = () => {
let arr = state.tabledata;
console.log(arr,'-=-=-=-=-=-=-=-=--=-==----=-=-=-');
arr.map((value) => {
value.operation = (
<div
style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
<div
class="operation"
onClick={() => {
console.log(state.tabledata,'++++++++++++');
}}
>
查看
</div>
</div>
);
}); });
state.tabledata = arr;
console.log(state.tabledata,'-----------');
};
ListOpera();
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value; state.projectName = value;
@@ -291,8 +411,9 @@ export default {
let timer; let timer;
onMounted(() => { onMounted(() => {
setTimeout(() => { setTimeout(() => {
// getManageList(); getManageList();
}, 1000); }, 1000);
timer = setInterval(() => { timer = setInterval(() => {
state.open = false; state.open = false;
}, 3000); }, 3000);
@@ -304,6 +425,7 @@ export default {
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
closeDrawer, closeDrawer,
tableDataFunc,
showopen, showopen,
onMounted, onMounted,
onUnmounted, onUnmounted,
@@ -317,26 +439,10 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
// .drawerStyle {
// .ant-drawer-content-wrapper {
// // max-width: 1000px;
// .ant-drawer-header {
// display: none !important;
// }
// .ant-drawer-body {
// padding: 0;
// }
// }
// }
//作业管理弹窗
//作业管理弹窗
.TestManage { .TestManage {
.drawerMain { .drawerMain {
min-width: 520px; min-width: 520px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
// overflow-x: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
@@ -363,20 +469,17 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
// background-color: red;
margin-bottom: 20px; margin-bottom: 20px;
.headerTitle { .headerTitle {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
line-height: 25px; line-height: 25px;
// margin-left: 24px;
} }
} }
.main { .main {
width: 100%; width: 100%;
height: 100%; height: 100%;
// background-color: #bfa;
overflow-y: auto; overflow-y: auto;
padding-right: 10px; padding-right: 10px;
.endtime { .endtime {
@@ -497,15 +600,10 @@ export default {
} }
.tableBox { .tableBox {
.pa { .pa {
// left: 0;
margin-top: 15px; margin-top: 15px;
width: 100%; width: 100%;
// height: 20px;
// background-color: red;
display: flex; display: flex;
justify-content: center; justify-content: center;
// position: absolute;
// bottom: 20px;
.ant-pagination-prev, .ant-pagination-prev,
.ant-pagination-next, .ant-pagination-next,
.ant-pagination-item, .ant-pagination-item,

155
src/components/drawers/TimeManage.vue
View File

@@ -70,7 +70,7 @@
<div class="tab" style="margin-top: 20px; margin-bottom: 100px"> <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="tablecolumns" :columns="tableDataFunc()"
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
@@ -95,22 +95,27 @@
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn1">取消</button> <button class="btn1" @click="test()">取消</button>
<button class="btn2">确定</button> <button class="btn2">确定</button>
</div> </div>
<div class="noticebox" v-show="open"> <div class="noticebox" v-show="open">
<div><img src="../../assets/images/taskpage/check.png" /></div> <div><img src="../../assets/images/taskpage/check.png" /></div>
<div class="notext">催促学员成功</div> <div class="notext">催促学员成功</div>
</div> </div>
<CVote v-model:CVvisible="CVvisible"/>
</div> </div>
</a-drawer> </a-drawer>
</template> </template>
<script> <script>
import { toRefs, reactive, onMounted, onUnmounted } from "vue"; import { toRefs, reactive, onMounted, onUnmounted } from "vue";
import CVote from "./CheckVote.vue"
import * as api from "../../api/index"; import * as api from "../../api/index";
export default { export default {
name: "TimeManage", name: "TimeManage",
components:{
CVote,
},
props: { props: {
Tvisible: { Tvisible: {
type: Boolean, type: Boolean,
@@ -124,17 +129,22 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
itemsType:{
type:Number,
default:null,
}
}, },
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
visible: props.Tvisible, visible: props.Tvisible,
CVvisible:false, //查看投票抽屉
name: "", name: "",
open: false, open: false,
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
tableDataTotal: 100, tableDataTotal: 0,
projectName: "", projectName: "",
projectNameList: [ projectNameList: [
{ {
@@ -153,23 +163,32 @@ export default {
label: "已完成", label: "已完成",
}, },
], ],
tabledata: [ tabledata: [],
// { });
// key: 1, const tableDataFunc = ()=> {
// userName: "哈哈", if(
// deptName: "产品部", props.itemsType == 1 ||
// gangw: "产品经理", props.itemsType == 3 ||
// time: "-", props.itemsType == 7 ||
// state: "未完成", props.itemsType == 8 ||
// }, props.itemsType == 9 ||
], props.itemsType == 11
tablecolumns: [ ){
const columns = [
{
title: "工号",
dataIndex: "workNum",
key: "workNum",
width: 50,
align: "center",
className: "h head",
},
{ {
title: "姓名", title: "姓名",
dataIndex: "userName", dataIndex: "userName",
key: "userName", key: "userName",
width: 50, width: 50,
align: "left", align: "center",
className: "h head", className: "h head",
}, },
{ {
@@ -189,10 +208,10 @@ export default {
className: "h", className: "h",
}, },
{ {
title: "课程成绩", title: "完成时间",
dataIndex: "score", dataIndex: "time",
key: "score", key: "time",
width: 60, width: 100,
align: "center", align: "center",
className: "h", className: "h",
}, },
@@ -204,8 +223,98 @@ export default {
align: "center", align: "center",
className: "h", className: "h",
}, },
], ]
return columns;
} else if(props.itemsType ==12 ){
const columns = [
{
title: "工号",
dataIndex: "workNum",
key: "workNum",
width: 50,
align: "center",
className: "h head",
},
{
title: "姓名",
dataIndex: "userName",
key: "userName",
width: 50,
align: "center",
className: "h head",
},
{
title: "所在部门",
dataIndex: "deptName",
key: "userName",
width: 60,
align: "center",
className: "h",
},
{
title: "所在岗位",
dataIndex: "jobName",
key: "jobName",
width: 60,
align: "center",
className: "h",
},
{
title: "完成时间",
dataIndex: "time",
key: "time",
width: 100,
align: "center",
className: "h",
},
{
title: "任务状态",
dataIndex: "status",
key: "status",
width: 60,
align: "center",
className: "h",
},
{
title: "操作",
dataIndex: "operation",
key: "operation",
width: 60,
align: "center",
className: "h",
},
]
return columns;
}
};
//在线投票等管理列表操作
const ListOpera = () => {
let arr = state.tabledata;
console.log(arr,'-=-=-=-=-=-=-=-=--=-==----=-=-=-');
arr.map((value) => {
value.operation = (
<div
style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
<div
class="operation"
onClick={() => {
state.CVvisible = true;
}}
>
查看
</div>
</div>
);
}); });
state.tabledata = arr;
console.log(state.tabledata,'-----------');
};
ListOpera();
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value; state.projectName = value;
@@ -282,7 +391,9 @@ export default {
state.tabledata = []; state.tabledata = [];
getManageList(); getManageList();
}; };
const test = ()=> {
state.CVvisible = true
}
let timer; let timer;
onMounted(() => { onMounted(() => {
setTimeout(() => { setTimeout(() => {
@@ -296,9 +407,11 @@ export default {
clearInterval(timer); clearInterval(timer);
}); });
return { return {
test,
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
closeDrawer, closeDrawer,
tableDataFunc,
showopen, showopen,
onMounted, onMounted,
onUnmounted, onUnmounted,

336
src/components/drawers/WorkManage.vue
View File

@@ -15,7 +15,7 @@
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div class="main"> <div class="main" style="padding-right:10px">
<div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div> <div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div>
<div class="search"> <div class="search">
<div class="sealeft"> <div class="sealeft">
@@ -62,10 +62,10 @@
<div class="img1"></div> <div class="img1"></div>
<div class="wz">导出数据</div> <div class="wz">导出数据</div>
</div> </div>
<div class="btn btn2" @click="showModal"> <div class="btn btn2" @click="showEHWorkModal" style="margin-right:20px">
<div class="wz">导出作业</div> <div class="wz">导出作业</div>
</div> </div>
<div class="btn btn2" @click="showModal"> <div class="btn btn2" @click="showEScoreModal">
<div class="wz">导入成绩</div> <div class="wz">导入成绩</div>
</div> </div>
</div> </div>
@@ -101,29 +101,10 @@
<button class="btn2">确定</button> <button class="btn2">确定</button>
</div> </div>
<a-modal <!-- 导出作业弹窗 -->
v-model:visible="visible" <EHWork v-model:exportHWorkvisible="exportHWorkvisible"/>
:closable="close" <!-- 导出成绩抽屉 -->
:footer="null" <EScore v-model:eScorevisible="eScorevisible"/>
wrapClassName="WorkManage"
centered="true"
>
<div class="header">
<div class="inheader">
<div class="left">提示</div>
<div class="right" @click="closeModal"></div>
</div>
</div>
<div class="main">
<div class="check"></div>
<div class="text">作业导出完成，请在下载中心查看</div>
<div class="btn">
<button class="btn1 sabtn" @click="closeModal">取消</button>
<button class="btn2 sabtn">查看</button>
</div>
</div>
</a-modal>
<!-- 作业详情抽屉 --> <!-- 作业详情抽屉 -->
<work-detail v-model:WDvisible="WDvisible" /> <work-detail v-model:WDvisible="WDvisible" />
</div> </div>
@@ -132,11 +113,17 @@
<script> <script>
import { toRefs, reactive, onMounted } from "vue"; import { toRefs, reactive, onMounted } from "vue";
import EHWork from "./ExportHWork.vue"
import EScore from "./ExportScore.vue"
import WorkDetail from "../drawers/WorkDetail.vue"; import WorkDetail from "../drawers/WorkDetail.vue";
import * as api from "../../api/index"; import * as api from "../../api/index";
export default { export default {
name: "WorkManage", name: "WorkManage",
components: { WorkDetail }, components: {
WorkDetail,
EHWork,
EScore,
},
props: { props: {
Wvisible: { Wvisible: {
type: Boolean, type: Boolean,
@@ -155,8 +142,8 @@ export default {
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
name: null, name: null,
visible: false, //导出数据弹窗 exportHWorkvisible:false, //导出作业弹窗
close: false, //导出弹窗的关闭按钮 eScorevisible:false, //导入成绩抽屉
WDvisible: false, //作业详情 WDvisible: false, //作业详情
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
@@ -180,18 +167,16 @@ export default {
label: "已完成", label: "已完成",
}, },
], ],
tabledata: [ tabledata: [],
// {
// key: 1,
// userName: "哈哈",
// deptName: "产品部",
// jobName: "产品经理",
// comp: "好好学习",
// time: "-",
// state: "未完成",
// },
],
tablecolumns: [ tablecolumns: [
{
title: "工号",
dataIndex: "workNum",
key: "workNum",
width: 50,
align: "left",
className: "h head",
},
{ {
title: "姓名", title: "姓名",
dataIndex: "userName", dataIndex: "userName",
@@ -217,13 +202,21 @@ export default {
className: "h", className: "h",
}, },
{ {
title: "课程成绩", title: "作业成绩",
dataIndex: "score", dataIndex: "score",
key: "score", key: "score",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{
title: "评分",
dataIndex: "testscore",
key: "testscore",
width: 60,
align: "center",
className: "h",
},
{ {
title: "任务状态", title: "任务状态",
dataIndex: "status", dataIndex: "status",
@@ -232,8 +225,44 @@ export default {
align: "center", align: "center",
className: "h", className: "h",
}, },
{
title: "操作",
dataIndex: "operation",
key: "operation",
width: 100,
align: "center",
className: "h",
},
], ],
}); });
//作业管理列表操作
const ListOpera = () => {
let arr = state.tabledata;
console.log(arr,'-=-=-=-=-=-=-=-=--=-==----=-=-=-');
arr.map((value) => {
value.operation = (
<div
style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
<div
class="operation"
onClick={() => {
console.log(state.tabledata,'++++++++++++');
}}
>
查看
</div>
</div>
);
});
state.tabledata = arr;
console.log(state.tabledata,'-----------');
};
ListOpera();
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value; state.projectName = value;
@@ -241,15 +270,15 @@ export default {
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Wvisible", false); ctx.emit("update:Wvisible", false);
}; };
const showModal = () => { const showEHWorkModal = () => {
state.visible = true; state.exportHWorkvisible = true;
};
const closeModal = () => {
state.visible = false;
}; };
const showWorkDetail = () => { const showWorkDetail = () => {
state.WDvisible = true; state.WDvisible = true;
}; };
const showEScoreModal = ()=> {
state.eScorevisible = true;
}
const onChange = (pageNumber) => { const onChange = (pageNumber) => {
console.log("Page: ", pageNumber); console.log("Page: ", pageNumber);
}; };
@@ -326,8 +355,8 @@ export default {
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
closeDrawer, closeDrawer,
showModal, showEHWorkModal,
closeModal, showEScoreModal,
showWorkDetail, showWorkDetail,
onChange, onChange,
getManageList, getManageList,
@@ -339,19 +368,6 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
// .drawerStyle {
// .ant-drawer-content-wrapper {
// // max-width: 1000px;
// .ant-drawer-header {
// display: none !important;
// }
// .ant-drawer-body {
// padding: 0;
// }
// }
// }
//作业管理弹窗
.WorkManage { .WorkManage {
.ant-modal { .ant-modal {
width: 473px; width: 473px;
@@ -400,13 +416,10 @@ export default {
} }
.main { .main {
// background-color: red;
width: 100%; width: 100%;
// height: 100%;
margin-top: 32px; margin-top: 32px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: center;
align-items: center; align-items: center;
overflow-y: auto; overflow-y: auto;
padding-right: 10px; padding-right: 10px;
@@ -453,198 +466,5 @@ export default {
} }
} }
} }
//作业管理弹窗
.WorkManage {
.drawerMain {
min-width: 550px;
margin: 0px 32px 0px 32px;
overflow-x: auto;
display: flex;
flex-direction: column;
.header {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
// background-color: red;
margin-bottom: 20px;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
// margin-left: 24px;
}
}
.main {
width: 100%;
height: 100%;
// margin-bottom: 30px;
// background-color: #bfa;
overflow-y: auto;
.endtime {
font-size: 16px;
font-weight: 500;
color: #333333;
}
.search {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 20px;
justify-content: space-between;
.sealeft {
display: flex;
flex-wrap: wrap;
.namecon {
display: flex;
flex-wrap: nowrap;
margin-bottom: 10px;
.name {
margin-top: 8px;
white-space: nowrap;
}
}
}
.btns {
display: flex;
flex-wrap: nowrap;
.btn {
cursor: pointer;
width: 100px;
height: 40px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
.img1 {
width: 15px;
height: 17px;
background-image: url(../../assets/images/courseManage/search0.png);
background-size: 100% 100%;
margin-right: 7px;
}
.img2 {
width: 16px;
height: 18px;
background-image: url(../../assets/images/courseManage/reset1.png);
background-size: 100% 100%;
margin-right: 7px;
}
}
.btn1 {
background: #409eff;
color: #ffffff;
}
.btn2 {
background: #ffffff;
color: #388be1;
border: 1px solid #388be1;
}
}
}
.btnss {
display: flex;
flex-wrap: nowrap;
.btn {
cursor: pointer;
width: 130px;
height: 40px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
.img1 {
width: 17px;
height: 16px;
background-image: url(../../assets/images/coursewareManage/export1.png);
background-size: 100% 100%;
margin-right: 7px;
}
}
.btn1 {
background: #409eff;
color: #ffffff;
}
.btn2 {
background: #ffffff;
color: #388be1;
border: 1px solid #388be1;
}
}
.tab {
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.tableBox {
.pa {
// left: 0;
margin-top: 15px;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
// position: absolute;
// bottom: 20px;
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-item,
.ant-pagination-options {
margin-bottom: 10px;
}
}
}
}
}
.btnn {
height: 72px;
width: 100%;
position: absolute;
bottom: 0;
background-color: #fff;
left: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #409eff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
}
}
</style> </style>

58
src/views/learningpath/LevelAddDetail.vue
View File

@@ -67,9 +67,6 @@
{{ element.name }} {{ element.name }}
</div> </div>
</template> </template>
<!-- <template #title>
<span>关卡说明</span>
</template> -->
<div class="nname"> <div class="nname">
{{ element.name }} {{ element.name }}
</div> </div>
@@ -450,7 +447,7 @@
</div> </div>
<div class="lin"></div> <div class="lin"></div>
</div> </div>
<div class="item" @click="showDrawerAddVote"> <div class="item" @click="showDrawerAddProj">
<div class="itcon"> <div class="itcon">
<div class="img"> <div class="img">
<img <img
@@ -684,7 +681,7 @@
</div> </div>
<div class="draw" style="position: relative"> <div class="draw" style="position: relative">
<a-drawer <a-drawer
v-model:visible="visible" v-model:visible="addprojvisible"
class="drawerStyle ProjectDrawer" class="drawerStyle ProjectDrawer"
title="关联项目" title="关联项目"
placement="right" placement="right"
@@ -697,7 +694,7 @@
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@click="closeDrawer" @click="leaveProjDrawer"
/> />
</div> </div>
<div class="drawerbox"> <div class="drawerbox">
@@ -712,8 +709,8 @@
</a-table> </a-table>
</div> </div>
<div class="btnn"> <div class="btnn">
<button @click="showDrawer" class="btn1">取消</button> <button @click="leaveProjDrawer" class="btn1">取消</button>
<button @click="showDrawer" class="btn2">确定</button> <button @click="updateTask" class="btn2">确定</button>
</div> </div>
</div> </div>
</a-drawer> </a-drawer>
@@ -984,7 +981,7 @@ import { storage } from "../../api/storage";
import { deleteStudyTask } from "../../api/indexStudy"; import { deleteStudyTask } from "../../api/indexStudy";
import draggable from "vuedraggable"; import draggable from "vuedraggable";
import { editTask } from "../../api/indexTaskadd"; import { editTask } from "../../api/indexTaskadd";
import * as apiProj from "../../api/indexInvist.js"; import * as apiProj from "../../api/index.js";
import { RouterEditTask } from "@/api/indexTask"; import { RouterEditTask } from "@/api/indexTask";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { toDate } from "../../api/method"; import { toDate } from "../../api/method";
@@ -1325,7 +1322,6 @@ export default {
//关闭项目抽屉 //关闭项目抽屉
const leaveProjDrawer = () => { const leaveProjDrawer = () => {
state.addprojvisible = false; state.addprojvisible = false;
state.isLevel = false;
}; };
//在线抽屉 //在线抽屉
const showDrawerAddOnline = (id,eleId)=>{ const showDrawerAddOnline = (id,eleId)=>{
@@ -1935,22 +1931,25 @@ export default {
//获取全部项目信息接口 //获取全部项目信息接口
const getAllProjText = () => { const getAllProjText = () => {
apiProj apiProj
.queryAssessmentDetailList({ .getProjectList({
assessmentName: "", "beginTime": 0,
pageNo: state.currentPage, "createName": "",
pageSize: state.pageSize, "endTime": 0,
"manager": "",
"name": "",
"pageNo": 0,
"pageSize": 0,
"status": 0
}) })
.then((res) => { .then((res) => {
let arr = res.data.data.rows;
if (res.status === 200) { if (res.status === 200) {
getTableDate(arr); let arr = res.data.data.rows;
console.log('---------------项目信息---------------------------'); console.log(arr,'-------------------------------');
} }
}) })
.catch((err) => { .catch((err) => {
console.log("获取全部项目信息接口失败", err); console.log("获取全部项目信息接口失败", err);
console.log('+++++++++++++++++++++++++++++++++++++++++++++++'); console.log('+++++++++++++++++++++++++++++++++++++++++++++++');
// state.createLoading = false;
}); });
}; };
const updateTask = () => { const updateTask = () => {
@@ -2054,10 +2053,6 @@ export default {
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px; border-radius: 4px;
// position: absolute;
// left: 50%;
// top: 10%;
// transform: translate(-50%, -50%);
.del_header { .del_header {
position: absolute; position: absolute;
width: calc(100%); width: calc(100%);
@@ -2100,7 +2095,6 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
// background-color: red;
position: relative; position: relative;
.back { .back {
position: absolute; position: absolute;
@@ -2159,7 +2153,6 @@ export default {
width: 549px !important; width: 549px !important;
height: 245px !important; height: 245px !important;
.con { .con {
// background-color: #bfa;
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -2263,7 +2256,6 @@ export default {
height: 388px !important; height: 388px !important;
border-radius: 4px !important; border-radius: 4px !important;
.ant-modal-body { .ant-modal-body {
// background-color: blue;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
padding: 0 !important; padding: 0 !important;
@@ -2300,13 +2292,11 @@ export default {
.main { .main {
width: 100%; width: 100%;
height: calc(100% - 68px); height: calc(100% - 68px);
// background-color: #bfa;
display: flex; display: flex;
justify-content: center; justify-content: center;
.inma { .inma {
width: 75%; width: 75%;
height: 100%; height: 100%;
// background-color: lightblue;
.name { .name {
display: flex; display: flex;
position: relative; position: relative;
@@ -2392,19 +2382,9 @@ export default {
} }
} }
.ProjectDrawer { .ProjectDrawer {
// .ant-drawer-content-wrapper {
// .ant-drawer-header {
// display: none !important;
// }
// .ant-drawer-body {
// padding: 0;
// }
// }
.drawerMain { .drawerMain {
min-width: 600px; min-width: 600px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
overflow-x: scroll;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.header { .header {
@@ -2413,7 +2393,6 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
// background-color: red;
margin-bottom: 20px; margin-bottom: 20px;
flex-shrink: 0; flex-shrink: 0;
.headerTitle { .headerTitle {
@@ -2421,11 +2400,10 @@ export default {
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
line-height: 25px; line-height: 25px;
// margin-left: 24px;
} }
} }
.drawerbox { .drawerbox {
margin: 20px 38px 30px; overflow-y: auto;
th { th {
background-color: #eff4fc !important; background-color: #eff4fc !important;
} }

27
src/views/projectcenter/TaskPage.vue
View File

@@ -406,7 +406,7 @@
<div <div
class="operation" class="operation"
style="cursor: pointer" style="cursor: pointer"
@click="showAA(item.type)" @click="showAA(item.name,)"
:style="{ :style="{
display: display:
item.type == '6' || item.type == '9' item.type == '6' || item.type == '9'
@@ -433,10 +433,11 @@
item.type == '7' || item.type == '7' ||
item.type == '8' || item.type == '8' ||
item.type == '9' || item.type == '9' ||
item.type == '11' item.type == '11' ||
? showTime(item.name, item.projectTaskId) item.type == '12'
? showTime(item.name, item.projectTaskId, item.type)
: item.type == '5' || item.type == '10' : item.type == '5' || item.type == '10'
? showTest(item.name, item.projectTaskId) ? showTest(item.name, item.projectTaskId, item.type)
: item.type == '2' || item.type == '6' : item.type == '2' || item.type == '6'
? showFace(item.name,item.projectTaskId) ? showFace(item.name,item.projectTaskId)
: item.type == '4' : item.type == '4'
@@ -1024,6 +1025,7 @@
v-if="visible" v-if="visible"
:projectTaskId="projectTaskId" :projectTaskId="projectTaskId"
:title="showTimeText" :title="showTimeText"
:itemsType="itemstype"
/> />
<!-- 面授管理抽屉 --> <!-- 面授管理抽屉 -->
<face-manage <face-manage
@@ -1067,7 +1069,7 @@
:title="showWorkText" :title="showWorkText"
/> />
<!-- 考试管理抽屉 --> <!-- 考试管理抽屉 -->
<test-manage v-model:TMvisible.sync="TMvisible" v-if="TMvisible" :title="showTestText" :projectTaskId="projectTaskId" /> <test-manage v-model:TMvisible.sync="TMvisible" v-if="TMvisible" :title="showTestText" :projectTaskId="projectTaskId" :itemsType="itemstype"/>
<!-- 批量面授报名 --> <!-- 批量面授报名 -->
<task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" /> <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
@@ -2019,7 +2021,8 @@ export default {
showWorkText:"", showWorkText:"",
//直播、活动页面传递参数 //直播、活动页面传递参数
showkaoqinText: "", showkaoqinText: "",
//所有抽屉的传过去的type
itemstype:null,
//排行榜时间 //排行榜时间
rankStartTime: null, rankStartTime: null,
@@ -2311,11 +2314,12 @@ export default {
state.TaskFaceImpStuvisible = true; state.TaskFaceImpStuvisible = true;
}; };
//新增 //新增
const showTime = (name, id) => { const showTime = (name, id, type) => {
console.log("点击管理并传了id"); console.log("点击管理并传了id");
state.visible = true; state.visible = true;
state.showTimeText = name; state.showTimeText = name;
state.projectTaskId = id; state.projectTaskId = id;
state.itemstype = Number(type);
}; };
//新增 //新增
const showFace = (name, id) => { const showFace = (name, id) => {
@@ -2340,9 +2344,9 @@ export default {
state.chooseGroupId = id; state.chooseGroupId = id;
}; };
//活动考勤的抽屉 //活动考勤的抽屉
const showAA = (course) => { const showAA = (title) => {
state.AAvisible = true; state.AAvisible = true;
state.showkaoqinText = "【" + course + "】" + "考勤"; state.showkaoqinText = title;
}; };
//作业管理的抽屉 //作业管理的抽屉
const showWork = (name,id) => { const showWork = (name,id) => {
@@ -2350,11 +2354,12 @@ export default {
state.showWorkText = name; state.showWorkText = name;
state.projectTaskId = id; state.projectTaskId = id;
}; };
//考试管理的抽屉 //考试、测评管理的抽屉
const showTest = (name, id) => { const showTest = (name, id, type) => {
state.TMvisible = true; state.TMvisible = true;
state.showTestText = name; state.showTestText = name;
state.projectTaskId = id; state.projectTaskId = id;
state.itemstype = Number(type);
}; };
const showStuAdd = () => { const showStuAdd = () => {
state.Stuvisible = true; state.Stuvisible = true;

3
vue.config.js
View File

@@ -5,7 +5,8 @@ module.exports = defineConfig({
port:8080, port:8080,
proxy: { proxy: {
"/api": { "/api": {
target: "http://111.231.196.214:30001/", //这里后台的地址模拟的;应该填写你们真实的后台接口 target: "http://192.168.100.208:30019/",
// target: "http://111.231.196.214:30001/", //这里后台的地址模拟的;应该填写你们真实的后台接口
changeOrigin: true, //表示是否改变原域名 changeOrigin: true, //表示是否改变原域名
// secure: false, // secure: false,
// ws: false, //表示WebSocket协议 // ws: false, //表示WebSocket协议