feat:添加直播后加载到任务列表

This commit is contained in:
songwc
2022-11-03 11:54:13 +08:00
parent 05b6f3e7ee
commit c91ff667cb
2 changed files with 142 additions and 112 deletions

View File

@@ -290,7 +290,7 @@ import { message } from "ant-design-vue";
import * as api from "../../api/indexLiveBroadcast"; import * as api from "../../api/indexLiveBroadcast";
import * as apiTask from "../../api/indexTaskadd"; import * as apiTask from "../../api/indexTaskadd";
import { toDate } from "@/api/method"; import { toDate } from "@/api/method";
// import { useRouter } from "vue-router";
function getBase64(img, callback) { function getBase64(img, callback) {
const reader = new FileReader(); const reader = new FileReader();
reader.addEventListener("load", () => callback(reader.result)); reader.addEventListener("load", () => callback(reader.result));
@@ -373,6 +373,7 @@ export default {
}, },
}, },
setup(props, ctx) { setup(props, ctx) {
// const router = useRouter();
const state = reactive({ const state = reactive({
tableData1: [ tableData1: [
{ {
@@ -611,29 +612,32 @@ export default {
message.success("提交成功"); message.success("提交成功");
closeDrawer(); closeDrawer();
apiTask
.addTask({
courseId: 0,
duration: 0,
flag: true,
name: "",
projectId: 28,
projectTaskId: 0,
stageId: 3,
type: 0,
})
.then((res) => {
console.log("调用项目添加接口后", res.data);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
})
.catch((err) => {
console.log(err);
});
// state = {} // state = {}
}) })
.catch((err) => { .catch((err) => {
console.log(err, 2222); console.log(err, 2222);
}); });
apiTask
.addTask({
courseId: 0,
duration: 0,
flag: true,
name: "",
projectId: 22,
projectTaskId: 0,
stageId: 0,
type: 0,
})
.then((res) => {
console.log("调用项目添加接口后", res.data);
})
.catch((err) => {
console.log(err);
});
}; };
//添加任务到数据库 //添加任务到数据库

View File

@@ -522,7 +522,7 @@
</template> </template>
<script> <script>
import { reactive, toRefs, onMounted, onUnmounted } from "vue"; import { reactive, toRefs, onMounted, onUnmounted, onUpdated } from "vue";
import AddOnline from "../../components/drawers/AddOnline.vue"; import AddOnline from "../../components/drawers/AddOnline.vue";
import EditOnline from "../../components/drawers/EditOnline.vue"; import EditOnline from "../../components/drawers/EditOnline.vue";
import AddFaceteach from "../../components/drawers/AddFaceteach.vue"; import AddFaceteach from "../../components/drawers/AddFaceteach.vue";
@@ -665,95 +665,95 @@ export default {
//任务数据 //任务数据
tableData: [ tableData: [
{ // {
key: 1, // key: 1,
lei: "在线", // lei: "在线",
// state: "已发布", // // state: "已发布",
creater: "管理者课程", // creater: "管理者课程",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "60分钟", // cretime: "60分钟",
haspub: false, // haspub: false,
checked1: false, // checked1: false,
checkedd: false, // checkedd: false,
id: "ssss", // id: "ssss",
}, // },
{ // {
key: 2, // key: 2,
lei: "面授", // lei: "面授",
// state: "草稿", // // state: "草稿",
creater: "管理者面授", // creater: "管理者面授",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "20分钟", // cretime: "20分钟",
haspub: true, // haspub: true,
checked1: false, // checked1: false,
checkedd: false, // checkedd: false,
}, // },
{ // {
key: 1, // key: 1,
lei: "在线", // lei: "在线",
// state: "已发布", // // state: "已发布",
creater: "管理者课程", // creater: "管理者课程",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "60分钟", // cretime: "60分钟",
haspub: false, // haspub: false,
checked1: false, // checked1: false,
checkedd: false, // checkedd: false,
}, // },
{ // {
key: 3, // key: 3,
lei: "作业", // lei: "作业",
// state: "已停用", // // state: "已停用",
creater: "管理者作业", // creater: "管理者作业",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "60分钟", // cretime: "60分钟",
haspub: false, // haspub: false,
checked1: false, // checked1: false,
checkedd: false, // checkedd: false,
}, // },
{ // {
key: 4, // key: 4,
lei: "考试", // lei: "考试",
// state: "草稿", // // state: "草稿",
creater: "管理者考试", // creater: "管理者考试",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "20分钟", // cretime: "20分钟",
haspub: true, // haspub: true,
checked1: false, // checked1: false,
checkedd: false, // checkedd: false,
}, // },
{ // {
key: 5, // key: 5,
lei: "案例", // lei: "案例",
// state: "草稿", // // state: "草稿",
creater: "腾飞班1案例", // creater: "腾飞班1案例",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "20分钟", // cretime: "20分钟",
haspub: true, // haspub: true,
checked1: true, // checked1: true,
checkedd: false, // checkedd: false,
}, // },
{ // {
key: 4, // key: 4,
lei: "考试", // lei: "考试",
// state: "草稿", // // state: "草稿",
creater: "管理者考试", // creater: "管理者考试",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "20分钟", // cretime: "20分钟",
haspub: true, // haspub: true,
checked1: false, // checked1: false,
checkedd: false, // checkedd: false,
}, // },
{ // {
key: 5, // key: 5,
lei: "案例", // lei: "案例",
// state: "草稿", // // state: "草稿",
creater: "腾飞班1案例", // creater: "腾飞班1案例",
// pubtime: "2022-07-20 14:00:03", // // pubtime: "2022-07-20 14:00:03",
cretime: "20分钟", // cretime: "20分钟",
haspub: true, // haspub: true,
checked1: true, // checked1: true,
checkedd: false, // checkedd: false,
}, // },
], ],
drawertableData: [ drawertableData: [
{ {
@@ -875,6 +875,23 @@ export default {
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("visible", bool); console.log("visible", bool);
}; };
// 把数据放到state里
const getTableData = (tableData) => {
let data = tableData;
let array = [];
data.map((value) => {
let obj = {
id: value.projectTaskId,
lei: value.type == 0 ? "直播" : "-",
creater: value.name == "" ? "管理者课程" : "-",
cretime: value.duration,
checked1: value.flag ? true : false,
};
array.push(obj);
});
state.tableData = array;
};
const tableDataFunc = () => { const tableDataFunc = () => {
const columns = [ const columns = [
{ {
@@ -1007,17 +1024,19 @@ export default {
//获取任务列表 //获取任务列表
const getTask = () => { const getTask = () => {
let obj = { let obj = {
projectId: 1, projectId: 28,
}; };
api api
.getTask(obj) .getTask(obj)
.then((res) => { .then((res) => {
if (res.status == 200) { if (res.status == 200) {
console.log("22222", res.data.data.stageList); console.log("22222", res.data.data.stageList[0].taskList);
let arr = res.data.data.stageList[0].taskList;
getTableData(arr);
} }
}) })
.catch((err) => { .catch((err) => {
console.log(err); console.log("获取任务列表失败", err);
}); });
}; };
//删除直播 //删除直播
@@ -1344,6 +1363,12 @@ export default {
document.getElementsByTagName("main")[0].style.boxShadow = "none"; document.getElementsByTagName("main")[0].style.boxShadow = "none";
getTask(); getTask();
}); });
onUpdated(() => {
// getTask();
// setTimeout(() => {
// getTask();
// }, 500);
});
onUnmounted(() => { onUnmounted(() => {
document.getElementsByTagName("main")[0].style.background = "#ffffff"; document.getElementsByTagName("main")[0].style.background = "#ffffff";
document.getElementsByTagName("main")[0].style.boxShadow = document.getElementsByTagName("main")[0].style.boxShadow =
@@ -1451,6 +1476,7 @@ export default {
editLiveBroadcast, editLiveBroadcast,
editExternal, editExternal,
editInvistPath, editInvistPath,
getTableData,
}; };
}, },
}; };