feat:任务大纲编辑跳转判断

This commit is contained in:
dongwug
2022-11-11 09:22:25 +08:00
parent b1d798ad4b
commit c3b09e61c7
3 changed files with 50 additions and 187 deletions

View File

@@ -38,7 +38,7 @@
<div class="queBox" v-for="(q, index) in questions" :key="index">
<div class="delBtn" v-if="questions.length > 1">
<img src="@/assets/images/projectadd/delete.png" alt="" />
<div class="btnText">删除题干</div>
<div class="btnText" @click="DelShow()">删除题干</div>
</div>
<div class="main_item">
<div class="signbox">
@@ -109,8 +109,6 @@ import * as api from "../../api/indexVote";
import { message } from "ant-design-vue";
export default {
name: "CreVote",
// components: {
// },
props: {
crevoteVisible: {
type: Boolean,
@@ -138,7 +136,6 @@ export default {
},
],
});
const addQue = () => {
state.questions.push({
stemTit: "题干",
@@ -168,7 +165,6 @@ export default {
// delete value[0]
value.pop()
}
const closeDrawer = () => {
ctx.emit("update:crevoteVisible", false);
};

View File

@@ -1,161 +0,0 @@
<template>
<!--删除弹窗 -->
<a-modal
v-model:visible="delete_hs"
:footer="null"
:closable="closableQR"
wrapClassName="DelModal"
style="margin-top: 400px"
>
<div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="del-icon"></div>
<span>提示</span>
<div class="close_exit" @click="delete_exit"></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>
import { toRefs, reactive, defineComponent } from "vue";
export default defineComponent({
name: "DelWins",
props: {
delete_hs: {
type: Boolean,
default: false,
},
},
setup() {
const state = reactive({
delete_hs: false,
closableQR: false,
})
const delete_exit = () => {
state.delete_hs = false;
}
return {
...toRefs(state),
delete_exit,
};
},
})
</script>
<style lang="scss" scope>
.DelModal {
.ant-modal {
.ant-modal-content {
width: 424px !important;
.ant-modal-body {
.delete {
z-index: 999;
width: 424px;
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: 40px;
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;
.del-icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/notice.png);
background-size: 100% 100%;
}
.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;
}
.del_btnbox {
display: flex;
margin: 30px auto;
justify-content: center;
.del_btn {
width: 100px;
height: 40px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
.btn1 {
border: 1px solid rgba(64, 158, 255, 1);
color: #4ea6ff;
}
.btn2 {
background-color: #4ea6ff;
color: #ffffff;
}
}
}
}
}
}
}
}
</style>

View File

@@ -220,14 +220,16 @@
<div class="split"></div>
<div class="onerow">
<div class="taskmain">任务大纲</div>
<button class="btn" @click="showFaceIn">批量面授报名</button>
<button to="/taskadd" class="edit">
<img
class="editimg"
src="../../assets/images/projectadd/edit.png"
/>
<span class="editext">编辑</span>
</button>
<button class="btn" @click="showFaceIn" v-if="morFaceT">批量面授报名</button>
<router-link to="/taskadd">
<button to="/taskadd" class="edit">
<img
class="editimg"
src="../../assets/images/projectadd/edit.png"
/>
<span class="editext">编辑</span>
</button>
</router-link>
</div>
<!-- <div class="taskSyllabus">
<a-collapse v-model:activeKey="taskSyllabusActive" accordion>
@@ -429,6 +431,7 @@
background: linear-gradient(180deg, #ddeaff, #f0f8fe);
display: block;
"
v-if="taskSyllabus.length == 0"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left2.png" />
@@ -968,7 +971,7 @@
<div class="setc_name"><span>封面图</span></div>
<div class="setc_main">
<img
style="width: 151px; height: 84px;"
style="width: 151px; height: 84px"
:src="picUrl"
alt=""
/>
@@ -1036,9 +1039,16 @@
</a-tabs>
</div>
<!-- 时间管理抽屉 -->
<time-manage v-model:Tvisible="visible" :title="showTimeText" v-model:ProjectTaskId="projectTaskId"/>
<time-manage
v-model:Tvisible="visible"
:title="showTimeText"
v-model:ProjectTaskId="projectTaskId"
/>
<!-- 面授管理抽屉 -->
<face-manage v-model:Fvisible="FaceVisivle" v-model:ProjectTaskId="projectTaskId"/>
<face-manage
v-model:Fvisible="FaceVisivle"
v-model:ProjectTaskId="projectTaskId"
/>
<!-- 学员小组管理创建小组抽屉 -->
<subset-manage v-model:Svisible="subsetVisivle" />
<!-- 学员管理-添加学员抽屉 -->
@@ -1056,9 +1066,16 @@
<!-- 活动考勤抽屉 -->
<active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
<!-- 作业管理抽屉 -->
<work-manage v-model:Wvisible="Wvisible" v-model:ProjectTaskId="projectTaskId"/>
<work-manage
v-model:Wvisible="Wvisible"
v-model:ProjectTaskId="projectTaskId"
/>
<!-- 考试管理抽屉 -->
<test-manage v-model:TMvisible="TMvisible" :title="showTestText" v-model:ProjectTaskId="projectTaskId"/>
<test-manage
v-model:TMvisible="TMvisible"
:title="showTestText"
v-model:ProjectTaskId="projectTaskId"
/>
<!-- 批量面授报名 -->
<task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
@@ -1812,7 +1829,7 @@ export default {
selectedRowKeys: [], //选择的学员
selectedRows: [], //选择的学员的id值
chooseDeleteOne: [], //删除的单个学员id
projectTaskId:"", //项目任务id
projectTaskId: "", //项目任务id
//进度排行学员
rankjindu: [{ value: "学员", label: "学员" }],
valuestu1: "学员",
@@ -1874,7 +1891,7 @@ export default {
noticeChecked: true,
noticeContent: "",
TaskFaceImpStuvisible: false, //批量面授报名
morFaceT:true, //批量面授报名按钮
//进度排行表
jindutabledata: [
{
@@ -2342,7 +2359,6 @@ export default {
level: null, //项目级别
systemId: null, //培训体系
picUrl: null,
});
// 输入接入 -- start --
@@ -2363,15 +2379,20 @@ export default {
if (res.status == 200) {
console.log("res", res);
console.log("阶段列表", res.data.data.stageList);
console.log('任务id',res.data.data.stageList[0].taskList[0].projectTaskId)
//taskList[num] num应该是点那个就是那个数
state.projectTaskId = res.data.data.stageList[0].taskList[0].projectTaskId
console.log(
"任务id",
res.data.data.stageList[0].taskList[0].projectTaskId
);
//taskList[num] num应该是点那个就是那个数
state.projectTaskId =
res.data.data.stageList[0].taskList[0].projectTaskId;
let leng = res.data.data.stageList.length;
if (leng > 0) {
//获取任务列表 阶段
let taskarr = res.data.data.stageList;
state.taskSyllabus = taskarr;
// console.log(res.data.data.stageList[0].taskList[0].type, "ggg");
console.log("123456789", state.taskSyllabus);
// console.log(res.data.data.stageList[0].taskList[0].name, "ggg");
}
}
})
@@ -3046,7 +3067,14 @@ export default {
state.checkedSty = info.courseSyncFlag == 1 ? true : false;
state.checkedBOEU = info.boeFlag == 1 ? true : false;
state.picUrl = info.picUrl;
state.sourceBelong = info.sourceBelongId==1?"项目一":info.sourceBelongId==2?"项目二":info.sourceBelongId==3?"项目三":"-"
state.sourceBelong =
info.sourceBelongId == 1
? "项目一"
: info.sourceBelongId == 2
? "项目二"
: info.sourceBelongId == 3
? "项目三"
: "-";
});
});
return {