添案例接口添多数据情况批量标记弹窗封装新增查答卷查投票抽屉考勤面管添在线注释及清空考和测管内容判断

This commit is contained in:
Ggysh-7
2022-11-21 13:32:21 +08:00
parent 5a9c5ad274
commit 0fe0e74a75
22 changed files with 1259 additions and 1075 deletions

View File

@@ -368,8 +368,6 @@
v-for="(item, key) in value.taskList"
:key="key"
>
<!-- :style="{width:item.course==='在线'?'28px':
height:item.course==='在线'?'27px':}" -->
<div class="first">
<div class="icon">
<div
@@ -421,7 +419,6 @@
<div
:class="item.flag == true ? 'typename1' : 'typename'"
>
<!-- {{ item.classify }} -->
<span v-if="item.flag">必修</span>
<span v-else>选修</span>
</div>
@@ -477,7 +474,6 @@
style="cursor: pointer"
@click="showCodeModal"
>
<!-- 我的@click=" showCopyModal(item.type)" -->
二维码
</div>
<div
@@ -1079,16 +1075,14 @@
</div>
<!-- 时间管理抽屉 -->
<time-manage
v-model:Tvisible.sync="visible"
v-if="visible"
v-model:Tvisible="visible"
:projectTaskId="projectTaskId"
:title="showTimeText"
:itemsType="itemstype"
/>
<!-- 面授管理抽屉 -->
<face-manage
v-model:Fvisible.sync="FaceVisivle"
v-if="FaceVisivle"
v-model:Fvisible="FaceVisivle"
:projectTaskId="projectTaskId"
:title="showFaceText"
/>
@@ -1125,15 +1119,13 @@
<active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
<!-- 作业管理抽屉 -->
<work-manage
v-model:Wvisible.sync="Wvisible"
v-if="Wvisible"
v-model:Wvisible="Wvisible"
:projectTaskId="projectTaskId"
:title="showWorkText"
/>
<!-- 考试管理抽屉 -->
<test-manage
v-model:TMvisible.sync="TMvisible"
v-if="TMvisible"
v-model:TMvisible="TMvisible"
:title="showTestText"
:projectTaskId="projectTaskId"
:itemsType="itemstype"
@@ -1423,45 +1415,7 @@
</a-modal>
</div>
<!-- 删除弹窗 -->
<!-- 管理二维码 -->
<a-modal
v-model:visible="copyModal"
: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 v-if="QRtype == '1'">在线管理</span>
<span v-if="QRtype == '2'">面授管理</span>
<span v-if="QRtype == '3'">案例管理</span>
<span v-if="QRtype == '4'">作业管理</span>
<span v-if="QRtype == '5'">考试管理</span>
<span v-if="QRtype == '6'">直播管理</span>
<span v-if="QRtype == '7'">外链管理</span>
<span v-if="QRtype == '8'">讨论管理</span>
<span v-if="QRtype == '9'">活动管理</span>
<span v-if="QRtype == '10'">测评管理</span>
<span v-if="QRtype == '11'">评估管理</span>
<span v-if="QRtype == '12'">投票管理</span>
<div class="close_exit" @click="closeCopyModal"></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>
<!-- 批量删除弹窗 -->
<div>
<a-modal
@@ -1720,7 +1674,6 @@ import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
export default {
name: "taskPage",
components: {
// CaretRightOutlined,
TimeManage,
FaceManage,
SubsetManage,
@@ -1847,10 +1800,8 @@ export default {
Changevisible: false, //学员换组
editHs: false, //编辑弹窗
delete_hs: false, //删除弹窗
copyModal: false, //面授二维码弹窗
closeCopy: false, //面授二维码关闭图标
zhibModal: false, //直播二维码弹窗
QRtype: "", //二维码标题
huodModal: false, //活动二维码弹窗
allDelete: false, //批量删除弹窗
@@ -2308,45 +2259,6 @@ export default {
// },
// ],
// },
// {
// text: "阶段2腾飞班阶段2",
// children: [
// {
// course: "讨论",
// name: "时间管理",
// classify: "选修",
// beginTime: "2022-09-16 14:03",
// total: 50, //总人数
// complete: 20, //完成人数
// percent: 40,
// },
// {
// course: "测评",
// name: "管理直播间",
// classify: "必修",
// beginTime: "2022-09-16 14:03",
// total: 50, //总人数
// complete: 10, //完成人数
// percent: 20,
// },
// {
// course: "调研",
// name: "管理直播间",
// classify: "必修",
// beginTime: "2022-09-16 14:03",
// total: 50, //总人数
// complete: 10, //完成人数
// percent: 20,
// },
// {
// course: "投票",
// name: "管理直播间",
// classify: "必修",
// beginTime: "2022-09-16 14:03",
// total: 50, //总人数
// complete: 10, //完成人数
// percent: 20,
// },
// ],
// },
],
@@ -2620,37 +2532,6 @@ export default {
state.stugroup = false;
}
};
const showCopyModal = (itemtype) => {
state.copyModal = true;
if (itemtype == "1") {
state.QRtype = "1";
} else if (itemtype == "2") {
state.QRtype = "2";
} else if (itemtype == "3") {
state.QRtype = "3";
} else if (itemtype == "4") {
state.QRtype = "4";
} else if (itemtype == "5") {
state.QRtype = "5";
} else if (itemtype == "6") {
state.QRtype = "6";
} else if (itemtype == "7") {
state.QRtype = "7";
} else if (itemtype == "8") {
state.QRtype = "8";
} else if (itemtype == "9") {
state.QRtype = "9";
} else if (itemtype == "10") {
state.QRtype = "10";
} else if (itemtype == "11") {
state.QRtype = "11";
} else if (itemtype == "12") {
state.QRtype = "12";
}
};
const closeCopyModal = () => {
state.copyModal = false;
};
const showFaceIn = () => {
state.TaskFaceImpStuvisible = true;
};
@@ -3667,8 +3548,6 @@ export default {
closeModal3,
showDeleteOne,
closeDeleteOne,
showCopyModal,
closeCopyModal,
showTime,
showFace,
showSubset,
@@ -3724,7 +3603,6 @@ export default {
createG,
resetGroupName,
searchGroup,
// studentData,
cancelyou,
cancelcanyou,
changePaginationStu,
@@ -4549,121 +4427,6 @@ export default {
}
}
.facemanageModal {
.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: 34px auto 56px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
// background-color: red;
position: relative;
.back {
position: absolute;
top: 30px;
font-size: 12px;
font-weight: 400;
color: #666666;
}
}
.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;
}
}
}
}
}
}
}
}
.taskpage {
width: 100%;
display: flex;