feat:删除和添加不用刷新可获得列表

This commit is contained in:
songwc
2022-11-03 17:42:03 +08:00
parent f18282dede
commit b13c34d97b
2 changed files with 24 additions and 116 deletions

View File

@@ -628,6 +628,8 @@ export default {
}) })
.then((res) => { .then((res) => {
console.log("调用项目添加接口后", res.data); console.log("调用项目添加接口后", res.data);
//自定义事件给父组件传值
ctx.emit("changeData", false);
//重新获取任务列表 //重新获取任务列表
// apiTask.getTask({ projectId: 28 }); // apiTask.getTask({ projectId: 28 });
// router.push("/taskadd"); // router.push("/taskadd");

View File

@@ -154,11 +154,14 @@
</div> </div>
<div class="text">直播</div> <div class="text">直播</div>
</div> </div>
<!-- 添加考试侧弹窗 --> <!-- 添加直播侧弹窗 -->
<div> <div>
<add-live v-model:addliveVisible="addlivevisible" /> <add-live
v-model:addliveVisible="addlivevisible"
@changeData="updateTableData"
/>
</div> </div>
<!-- 添加考试侧弹窗 --> <!-- 添加直播侧弹窗 -->
<div class="lin"></div> <div class="lin"></div>
</div> </div>
<div class="item" @click="showDrawerAddRef"> <div class="item" @click="showDrawerAddRef">
@@ -488,7 +491,7 @@
</div> </div>
</div> </div>
</a-modal> </a-modal>
<!-- 确认删除阶段弹窗 --> <!-- 确认删除任务弹窗 -->
<a-modal <a-modal
v-model:visible="deleteModal" v-model:visible="deleteModal"
:footer="null" :footer="null"
@@ -522,14 +525,7 @@
</template> </template>
<script> <script>
import { import { reactive, toRefs, onMounted, onUnmounted, onUpdated } from "vue";
reactive,
toRefs,
onMounted,
onUnmounted,
onUpdated,
watch,
} 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";
@@ -672,97 +668,7 @@ export default {
], ],
//任务数据 //任务数据
tableData: [ tableData: [],
// {
// key: 1,
// lei: "在线",
// // state: "已发布",
// creater: "管理者课程",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "60分钟",
// haspub: false,
// checked1: false,
// checkedd: false,
// id: "ssss",
// },
// {
// key: 2,
// lei: "面授",
// // state: "草稿",
// creater: "管理者面授",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "20分钟",
// haspub: true,
// checked1: false,
// checkedd: false,
// },
// {
// key: 1,
// lei: "在线",
// // state: "已发布",
// creater: "管理者课程",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "60分钟",
// haspub: false,
// checked1: false,
// checkedd: false,
// },
// {
// key: 3,
// lei: "作业",
// // state: "已停用",
// creater: "管理者作业",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "60分钟",
// haspub: false,
// checked1: false,
// checkedd: false,
// },
// {
// key: 4,
// lei: "考试",
// // state: "草稿",
// creater: "管理者考试",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "20分钟",
// haspub: true,
// checked1: false,
// checkedd: false,
// },
// {
// key: 5,
// lei: "案例",
// // state: "草稿",
// creater: "腾飞班1案例",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "20分钟",
// haspub: true,
// checked1: true,
// checkedd: false,
// },
// {
// key: 4,
// lei: "考试",
// // state: "草稿",
// creater: "管理者考试",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "20分钟",
// haspub: true,
// checked1: false,
// checkedd: false,
// },
// {
// key: 5,
// lei: "案例",
// // state: "草稿",
// creater: "腾飞班1案例",
// // pubtime: "2022-07-20 14:00:03",
// cretime: "20分钟",
// haspub: true,
// checked1: true,
// checkedd: false,
// },
],
drawertableData: [ drawertableData: [
{ {
key: 1, key: 1,
@@ -917,7 +823,7 @@ export default {
: value.type == 12 : value.type == 12
? "投票" ? "投票"
: "-", : "-",
creater: value.name, creater: value.name,
cretime: value.duration ? value.duration : "-", cretime: value.duration ? value.duration : "-",
checked1: value.flag ? true : false, checked1: value.flag ? true : false,
}; };
@@ -1066,7 +972,7 @@ export default {
.then((res) => { .then((res) => {
if (res.status == 200) { if (res.status == 200) {
console.log("22222", res.data.data.stageList[0].taskList); console.log("22222", res.data.data.stageList[0].taskList);
let arr = res.data.data.stageList[0].taskList; let arr = res.data.data.stageList[1].taskList;
getTableData(arr); getTableData(arr);
} }
}) })
@@ -1075,15 +981,12 @@ export default {
}); });
}; };
watch( //数据变化
state.tableData, const updateTableData = (data) => {
() => { console.log("添加数据", data);
getTask(); getTask();
}, };
{
deep: true,
}
);
//删除直播 //删除直播
const deleteLiveBroadcast = () => { const deleteLiveBroadcast = () => {
let obj = { let obj = {
@@ -1379,8 +1282,8 @@ export default {
}); });
}; };
//删除任务 //删除任务
const deleteTask = () => { const deleteTask = () => {
let obj = { projectTaskIds: state.deleteID }; let obj = { projectTaskIds: state.deleteID };
api api
.deleteTask(obj) .deleteTask(obj)
@@ -1461,12 +1364,14 @@ export default {
state.stage = true; state.stage = true;
//关闭确认框 //关闭确认框
closeConfirm(); closeConfirm();
}; };
const showModal1 = () => { const showModal1 = () => {
//关闭确认框 //关闭确认框
state.deleteModal = false; state.deleteModal = false;
deleteTask(); deleteTask();
message.success("删除成功"); message.success("删除成功");
getTask()
}; };
const closeModal = () => { const closeModal = () => {
state.stage = false; state.stage = false;
@@ -1594,6 +1499,7 @@ export default {
editVotePath, editVotePath,
getTableData, getTableData,
deleteTask, deleteTask,
updateTableData,
}; };
}, },
}; };