直播外链活动讨论阶段里关卡里编辑

This commit is contained in:
zhangyc
2022-11-10 20:10:26 +08:00
parent 31234d2574
commit cbddd79d4b
9 changed files with 608 additions and 987 deletions

View File

@@ -251,6 +251,20 @@
</div>
<div class="text">直播</div>
</div>
<div>
<add-live
v-model:addliveVisible="addlivevisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:edit="edit"
v-model:EditLiveId="EditLiveId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item">
@@ -260,6 +274,20 @@
</div>
<div class="text">外链</div>
</div>
<div>
<add-ref
v-model:addrefVisible="addrefvisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:edit="edit"
v-model:EditRefId="EditRefId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item" @click="showDrawerAddDiscuss">
@@ -269,6 +297,20 @@
</div>
<div class="text">讨论</div>
</div>
<div>
<add-discuss
v-model:adddiscussVisible="adddiscussvisible"
@changeData="updateTableData"
:isLevel="true"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:EditDiscussId="EditDiscussId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item" @click="showDrawerAddActive">
@@ -278,6 +320,19 @@
</div>
<div class="text">活动</div>
</div>
<div>
<add-active
v-model:addactiveVisible="addactivevisible"
:isLevel="true"
v-model:edit="edit"
v-model:isactive="isactive"
@changeData="updateTableData"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:EditActiveId="EditActiveId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item" @click="showDrawerAddEval">
@@ -290,10 +345,13 @@
<div>
<add-eval
v-model:addevalVisible="addevalvisible"
v-model:edit="edit"
v-model:learn="learn"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:routerId="routerId"
v-model:EditEvalId="EditEvalId"
v-model:routerTaskId="routerTaskId"
/>
</div>
<!-- 添加测评侧弹窗 -->
@@ -310,8 +368,14 @@
<div>
<add-invist
v-model:addinvistVisible="addinvistvisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:learn="learn"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:EditInvistId="EditInvistId"
v-model:routerTaskId="routerTaskId"
/>
</div>
<!-- 添加评估侧弹窗 -->
@@ -328,8 +392,14 @@
<div>
<add-vote
v-model:addvoteVisible="addvotevisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:learn="learn"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:EditVoteId="EditVoteId"
v-model:routerTaskId="routerTaskId"
/>
</div>
<!-- 添加投票侧弹窗 -->
@@ -730,24 +800,8 @@
<!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
<!-- 添加讨论侧弹窗 -->
<div>
<add-discuss
v-model:adddiscussVisible="adddiscussvisible"
v-model:isStudiscuss="isStudiscuss"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
</div>
<!-- 添加讨论侧弹窗 -->
<!-- 添加活动侧弹窗 -->
<div>
<add-active
v-model:addactiveVisible="addactivevisible"
v-model:isStudiscuss="isStudiscuss"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
</div>
<!-- 添加活动侧弹窗 -->
<!-- 批量删除学员弹窗 -->
<a-modal
@@ -779,20 +833,7 @@
</div>
</div>
</a-modal>
<!-- 添加直播抽屉 -->
<add-live
v-model:addliveVisible="addlivevisible"
v-model:isStudy="isStudy"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
<!-- 添加外链抽屉 -->
<add-ref
v-model:addrefVisible="addrefvisible"
v-model:isStudy="isStudy"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
<!-- 是否确认删除任务弹窗 -->
<!-- 确认删除阶段弹窗 -->
<a-modal
@@ -874,10 +915,7 @@ export default {
name: "默认关卡",
},
],
isRefEdit: 1, //外链编辑
isLiveEdit: 1, //直播编辑
EditRefId: null, //要编辑的外链的id
EditLiveId: null, //要编辑的直播的id
tableData: [
{
key: 1,
@@ -1078,15 +1116,21 @@ export default {
editID: "", // 要编辑的任务id
EditWorkId: "", // 要编辑的 workid
EditTestId: "",
EditRefId:"",
EditLiveId:"",
EditDiscussId:"",
EditActiveId:"",
EditEvalId:"",
EditInvistId:"",
EditVoteId:"",
routerTaskId: "",
chapterId:"",
stageId: "",
isStudy: 1,
cC: false,
value1: "",
value2: "",
selectedRowKeys: [],
edit: false, //是否点击编辑
learn: 0,
gqxy_hs: true,
isactive: 0,
projectChecked: null, //项目单选框
@@ -1103,14 +1147,7 @@ export default {
selectRow: [], //选择行
selectAll: 0, //0未选择1全选2部分选择
});
const showDrawerAddDiscuss = () => {
state.adddiscussvisible = true;
state.isStudiscuss = true;
};
const showDrawerAddActive = () => {
state.addactivevisible = true;
state.isStudiscuss = true;
};
//新建关卡
const editChapter = () => {
if (!state.value1) return message.warning("请输入关卡名称");
@@ -1161,6 +1198,7 @@ export default {
};
// 作业和考试的抽屉
const showDrawerAddHomework = (id, eleId) => {
console.log("homework==============",id,state.isactive)
state.addhomeworkvisible = true;
state.EditWorkId = id;
state.routerTaskId = eleId;
@@ -1171,18 +1209,43 @@ export default {
state.routerTaskId = eleId;
};
//测试评估投票抽屉
const showDrawerAddEval = () => {
state.addevalvisible = true;
state.learn = 1;
const showDrawerAddEval = (id, eleId) => {
state.addhomeworkvisible = true;
state.EditEvalId = id;
state.routerTaskId = eleId;
};
const showDrawerAddInvist = () => {
state.addinvistvisible = true;
state.learn = 1;
const showDrawerAddInvist = (id, eleId) => {
state.addhomeworkvisible = true;
state.EditInvistId = id;
state.routerTaskId = eleId;
};
const showDrawerAddVote = () => {
state.addvotevisible = true;
state.learn = 1;
const showDrawerAddVote = (id, eleId) => {
state.addhomeworkvisible = true;
state.EditVoteId = id;
state.routerTaskId = eleId;
};
const showDrawerAddLive = (id, eleId) => {
state.addlivevisible = true;
state.EditLiveId = id;
state.routerTaskId = eleId;
};
const showDrawerAddRef = (id, eleId) => {
state.addrefvisible = true;
state.EditRefId = id;
state.routerTaskId = eleId;
};
const showDrawerAddDiscuss = (id, eleId) => {
state.adddiscussvisible = true;
state.EditDiscussId = id;
state.routerTaskId = eleId;
};
const showDrawerAddActive = (id, eleId) => {
state.addactivevisible = true;
state.EditActiveId = id;
state.routerTaskId = eleId;
};s
// tableData数据赋值方法
const dataAssignment = (id) => {
@@ -1246,128 +1309,7 @@ export default {
const showImpStu = () => {
state.AddImpStuvisible = true;
};
// const tableDataFunc = () => {
// const columns = [
// {
// title: "类型",
// dataIndex: "state",
// // width: "30%",
// key: "state",
// width: 60,
// align: "left",
// className: "classify",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (text) => {
// // console.log(text.record.checked1);
// return (
// <div class="racona">
// <div
// class="img"
// style={{ cursor: "pointer" }}
// onClick={() => {
// console.log("点击了");
// }}
// ></div>
// <span> {text.record.lei}</span>
// </div>
// );
// },
// },
// {
// title: "任务名称",
// dataIndex: "creater",
// // width: "30%",
// key: "creater",
// width: 200,
// align: "center",
// className: "h",
// },
// {
// title: "必修/选修",
// dataIndex: "pubtime",
// key: "pubtime",
// // width: 100,
// align: "center",
// className: "h",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (text) => {
// // console.log(text.record.checked1);
// return (
// <div class="opat">
// <div class="opacationt clearfix">
// <a-switch
// style="margin-left:-50px;margin-top:3px"
// checked={text.record.checked1}
// size="small"
// active-color="red"
// onClick={() => {
// console.log("点击了");
// text.record.checked1 = !text.record.checked1;
// }}
// />
// <div class="showt clearfix">
// <div
// class="bi"
// style={
// text.record.checked1 ? "z-index:999" : "z-index:998"
// }
// >
// 必修
// </div>
// <div class="xuan">选修</div>
// </div>
// </div>
// </div>
// );
// },
// },
// {
// title: "时长",
// dataIndex: "cretime",
// key: "cretime",
// // width: 100,
// align: "center",
// className: "h",
// },
// {
// title: "操作",
// className: "h",
// dataIndex: "opacation",
// key: "opacation",
// // width: 100,
// align: "center",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (e) => {
// return (
// <div class="opa">
// <div class="opacation">
// <span
// style="color:#4EA6FF;margin-right:25px;cursor:pointer"
// onClick={() => {
// console.log("编辑id", e.record.routerTaskId);
// console.log("编辑类型", e.record.lei);
// state.editID = e.record.routerTaskId;
// //state.addhomeworkvisible = true;
// }}
// >
// 编辑
// </span>
// <span
// style="color:#4EA6FF;cursor:pointer"
// onClick={() => {
// showDeleteModal(e.record.routerTaskId);
// }}
// >
// 删除
// </span>
// </div>
// </div>
// );
// },
// },
// ];
// return columns;
// };
const checkType = (index) => {
let typeRules = [
"",
@@ -1610,13 +1552,7 @@ export default {
});
};
const showDrawerAddLive = () => {
state.addlivevisible = true;
};
const showDrawerAddRef = () => {
state.addrefvisible = true;
};
const closeDeleteModel = () => {
state.deleteModal = false;
state.deleteID = "";
@@ -1717,30 +1653,31 @@ export default {
console.log("移动失败", err);
});
};
//打开编辑外链的弹窗
const showEditRefDrawer = (id) => {
state.addrefvisible = true;
state.isRefEdit = 2;
state.EditRefId = id;
};
//打开编辑直播的弹窗
const showEditLiveDrawer = (id) => {
state.addlivevisible = true;
state.isLiveEdit = 2;
state.EditLiveId = id;
};
//编辑的按钮
const decideType = (type, id, eleId) => {
state.edit = true;
console.log(type, id);
if (type == "外链") {
showEditRefDrawer(id);
showDrawerAddRef(id, eleId);
} else if (type == "直播") {
showEditLiveDrawer(id);
showDrawerAddLive(id, eleId);
} else if (type == "作业") {
showDrawerAddHomework(id, eleId);
} else if (type == "考试") {
showDrawerAddTest(id, eleId);
}else if (type == "讨论") {
showDrawerAddDiscuss(id, eleId);
}else if (type == "活动") {
showDrawerAddActive(id, eleId);
}else if (type == "测评") {
showDrawerAddInvist (id, eleId);
}else if (type == "评估") {
showDrawerAddEval (id, eleId);
}
else if (type == "投票") {
showDrawerAddVote(id, eleId);
}
};
return {
@@ -1781,8 +1718,6 @@ export default {
deletecTaskAll,
moveTask,
showDeleteModal,
showEditRefDrawer,
showEditLiveDrawer,
decideType,
updateTableData,
};