feat:外链添加到阶段

This commit is contained in:
songwc
2022-11-07 10:05:32 +08:00
parent 58652aa012
commit 9e531dd237
3 changed files with 137 additions and 101 deletions

View File

@@ -338,6 +338,10 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
chooseStageId: {
type: Number,
default: null,
},
}, },
setup(props, ctx) { setup(props, ctx) {
// const router = useRouter(); // const router = useRouter();
@@ -612,7 +616,7 @@ export default {
name: state.obj.liveName, name: state.obj.liveName,
projectId: props.projectId, projectId: props.projectId,
projectTaskId: 0, projectTaskId: 0,
stageId: 0, stageId: props.chooseStageId,
type: 6, type: 6,
}) })
.then((res) => { .then((res) => {

View File

@@ -9,7 +9,7 @@
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">添加外链</div> <div class="headerTitle">{{ title }}外链</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@@ -111,12 +111,25 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
projectId: {
type: Number,
default: null,
},
chooseStageId: {
type: Number,
default: null,
},
isRefEdit: {
type: Number,
default: null,
},
}, },
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
inputV1: "", inputV1: "",
inputV2: "", inputV2: "",
textV1: "", textV1: "",
title: props.isRefEdit == 2 ? "编辑" : "添加",
}); });
const closeDrawer = () => { const closeDrawer = () => {
console.log(props, 1111); console.log(props, 1111);
@@ -129,6 +142,8 @@ export default {
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("state", bool); console.log("state", bool);
}; };
//编辑外链
//创建外链
const createExternalChain = () => { const createExternalChain = () => {
if (!state.inputV1) return message.warning("请输入外链名称"); if (!state.inputV1) return message.warning("请输入外链名称");
if (!state.inputV2) return message.warning("请输入链接"); if (!state.inputV2) return message.warning("请输入链接");
@@ -150,7 +165,7 @@ export default {
console.log(res.data.data); console.log(res.data.data);
message.success("提交成功"); message.success("提交成功");
closeDrawer(); closeDrawer();
//学习路径的创建
if (props.isStudy == 1) { if (props.isStudy == 1) {
let objj = { let objj = {
chapterId: 36, chapterId: 36,
@@ -170,15 +185,16 @@ export default {
console.log(err, 1111); console.log(err, 1111);
}); });
} else { } else {
//项目的创建
apiTask apiTask
.addTask({ .addTask({
courseId: 0, courseId: 0,
duration: 0, duration: 0,
flag: true, flag: true,
name: obj.linkName, name: obj.linkName,
projectId: 28, projectId: props.projectId,
projectTaskId: 0, projectTaskId: 0,
stageId: 3, stageId: props.chooseStageId,
type: 7, type: 7,
}) })
.then((res) => { .then((res) => {

View File

@@ -28,9 +28,7 @@
<template #item="{ element }"> <template #item="{ element }">
<div <div
class="item" class="item"
:class=" :class="chooseStageId == element.id ? 'bgcactive' : ''"
chooseStageId == element.id ? 'bgcactive' : ''
"
@click="changebgc(element.id)" @click="changebgc(element.id)"
> >
<div class="itemle"> <div class="itemle">
@@ -173,6 +171,7 @@
v-model:addliveVisible="addlivevisible" v-model:addliveVisible="addlivevisible"
@changeData="updateTableData" @changeData="updateTableData"
v-model:projectId="projectId" v-model:projectId="projectId"
v-model:chooseStageId="chooseStageId"
/> />
</div> </div>
<!-- 添加直播侧弹窗 --> <!-- 添加直播侧弹窗 -->
@@ -190,6 +189,9 @@
<add-ref <add-ref
v-model:addrefVisible="addrefvisible" v-model:addrefVisible="addrefvisible"
@changeData="updateTableData" @changeData="updateTableData"
v-model:projectId="projectId"
v-model:chooseStageId="chooseStageId"
v-model:isRefEdit="isRefEdit"
/> />
</div> </div>
<!-- 添加外链侧弹窗 --> <!-- 添加外链侧弹窗 -->
@@ -759,8 +761,8 @@ import * as apistage from "../../api/indexStage";
import * as apimove from "../../api/indexMovetask"; import * as apimove from "../../api/indexMovetask";
import draggable from "vuedraggable"; import draggable from "vuedraggable";
import { storage } from "../../api/storage"; import { storage } from "../../api/storage";
import {updateExamination,deleteExaminationById} from "@/api/indexExam" import { updateExamination, deleteExaminationById } from "@/api/indexExam";
import { updateWorkTaskUsing, deleteWorkTask} from "@/api/indexWork"; import { updateWorkTaskUsing, deleteWorkTask } from "@/api/indexWork";
const drawercolumns = [ const drawercolumns = [
{ {
@@ -820,8 +822,11 @@ export default {
}, },
setup() { setup() {
const state = reactive({ const state = reactive({
projectId: storage.get("projectId") ?JSON.parse(storage.get("projectId")) : null, projectId: storage.get("projectId")
? JSON.parse(storage.get("projectId"))
: null,
chooseStageId: null, chooseStageId: null,
isRefEdit: 1, //外链编辑
projectNameList: [ projectNameList: [
{ {
id: 1, id: 1,
@@ -1001,9 +1006,9 @@ export default {
.editStage(obj) .editStage(obj)
.then((res) => { .then((res) => {
console.log("添加阶段成功", res); console.log("添加阶段成功", res);
state.valuesname = "", (state.valuesname = ""),
state.valuesnotice = "", (state.valuesnotice = ""),
state.stage = false; (state.stage = false);
message.default(); message.default();
message.success("添加阶段成功"); message.success("添加阶段成功");
}) })
@@ -1015,7 +1020,7 @@ export default {
const getTableData = (tableData) => { const getTableData = (tableData) => {
let data = tableData; let data = tableData;
let array = []; let array = [];
console.log('data',data) console.log("data", data);
data.map((value) => { data.map((value) => {
let obj = { let obj = {
id: value.projectTaskId, id: value.projectTaskId,
@@ -1060,13 +1065,13 @@ export default {
const getStageData = (tableData) => { const getStageData = (tableData) => {
let data = tableData; let data = tableData;
let array = []; let array = [];
console.log('tableData',data) console.log("tableData", data);
data.map((value) => { data.map((value) => {
let obj = { let obj = {
id: value.stageId, id: value.stageId,
tit: value.name, tit: value.name,
name: value.remark, name: value.remark,
taskList:value.taskList, taskList: value.taskList,
}; };
array.push(obj); array.push(obj);
}); });
@@ -1216,12 +1221,12 @@ export default {
console.log("22222", res.data.data.stageList); console.log("22222", res.data.data.stageList);
// console.log("22222", res.data.data.stageList); // console.log("22222", res.data.data.stageList);
let leng = res.data.data.stageList.length; let leng = res.data.data.stageList.length;
if( leng > 0){ if (leng > 0) {
//获取任务列表 //获取任务列表
let arr = res.data.data.stageList[0].taskList; let arr = res.data.data.stageList[0].taskList;
getTableData(arr); getTableData(arr);
} }
let stagearr = res.data.data.stageList; let stagearr = res.data.data.stageList;
console.log(stagearr, 111111); console.log(stagearr, 111111);
if (stagearr.length > 0) { if (stagearr.length > 0) {
@@ -1253,40 +1258,43 @@ export default {
// 编辑考试 // 编辑考试
const updateTest = (id) => { const updateTest = (id) => {
let obj = { let obj = {
"createTime": "", createTime: "",
"createUser": 0, createUser: 0,
"examinationDuration": '', examinationDuration: "",
"examinationEndTime": '', examinationEndTime: "",
"examinationExplain": '', examinationExplain: "",
"examinationFlag": "", examinationFlag: "",
"examinationId": id || 0, examinationId: id || 0,
"examinationLimit": '', examinationLimit: "",
"examinationName": '', examinationName: "",
"examinationPaperId": 0, examinationPaperId: 0,
"examinationPaperName": '', examinationPaperName: "",
"examinationStartTime": '', examinationStartTime: "",
"examinationTag": "", examinationTag: "",
"passLine": '', passLine: "",
"questionArrangement": '', questionArrangement: "",
"scoringModel": '', scoringModel: "",
"showAnalysis": '', showAnalysis: "",
"showAnswers": '', showAnswers: "",
"updateTime": "", updateTime: "",
"updateUser": 0 updateUser: 0,
} };
updateExamination(obj).then((res)=>{ updateExamination(obj)
console.log(res); .then((res) => {
message.error(`编辑成功`); console.log(res);
}).catch(()=>{ message.error(`编辑成功`);
message.error(`编辑失败`) })
}) .catch(() => {
} message.error(`编辑失败`);
});
};
// 删除考试 // 删除考试
const deleteTest = () => { const deleteTest = () => {
let obj = { let obj = {
examinationId:0, examinationId: 0,
} };
deleteExaminationById(obj).then((res) => { deleteExaminationById(obj)
.then((res) => {
console.log("删除成功", res); console.log("删除成功", res);
message.success("删除成功"); message.success("删除成功");
//重新获取列表 //重新获取列表
@@ -1295,14 +1303,15 @@ export default {
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);
}); });
} };
// 删除作业 // 删除作业
const deleteWork = () => { const deleteWork = () => {
let obj = { let obj = {
workId:0, workId: 0,
} };
deleteWorkTask(obj).then((res) => { deleteWorkTask(obj)
.then((res) => {
console.log("删除成功", res); console.log("删除成功", res);
message.success("删除成功"); message.success("删除成功");
//重新获取列表 //重新获取列表
@@ -1311,29 +1320,31 @@ export default {
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);
}); });
} };
// 编辑作业 // 编辑作业
const updateWork = () => { const updateWork = () => {
let obj = { let obj = {
"createTime": "", createTime: "",
"createUser": 0, createUser: 0,
"submitEndTime": '', submitEndTime: "",
"submitStartTime": '', submitStartTime: "",
"updateTime": "", updateTime: "",
"updateUser": 0, updateUser: 0,
"workEnclosureAddress": "", workEnclosureAddress: "",
"workFlag": "", workFlag: "",
"workId": 0, workId: 0,
"workName": '', workName: "",
"workRequirement": '', workRequirement: "",
"workTag": "" workTag: "",
} };
updateWorkTaskUsing(obj).then((res) => { updateWorkTaskUsing(obj)
console.log(res); .then((res) => {
}).catch((err) => { console.log(res);
message.error(`编辑失败${err}`) })
}) .catch((err) => {
message.error(`编辑失败${err}`);
});
}; };
//删除直播 //删除直播
@@ -1698,43 +1709,43 @@ export default {
//移动任务到阶段 //移动任务到阶段
const moveTask = () => { const moveTask = () => {
let arr = state.selectRow; let arr = state.selectRow;
console.log("选择的行信息",arr); console.log("选择的行信息", arr);
arr.map( value => { arr.map((value) => {
console.log("value:",value); console.log("value:", value);
let obj = { let obj = {
chapterId: state.chooseStageId, chapterId: state.chooseStageId,
routerTaskIdList: [], routerTaskIdList: [],
} };
apimove apimove
.moveTask(obj) .moveTask(obj)
.then((res) => { .then((res) => {
console.log("移动成功",res); console.log("移动成功", res);
message.default(); message.default();
message.success("移动成功"); message.success("移动成功");
}) })
.catch((err) => { .catch((err) => {
console.log("移动失败",err); console.log("移动失败", err);
}) });
}) });
}; };
//批量删除 //批量删除
const deleteTaskAll = () => { const deleteTaskAll = () => {
let arr = state.selectRow; let arr = state.selectRow;
console.log("选择的行信息",arr); console.log("选择的行信息", arr);
arr.map( value => { arr.map((value) => {
let obj = { let obj = {
projectTaskIds: value, projectTaskIds: value,
} };
api api
.deleteTask(obj) .deleteTask(obj)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
}) })
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);
}); });
}) });
} };
const onSelectChange = (selectedRowKeys) => { const onSelectChange = (selectedRowKeys) => {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
state.selectedRowKeys = selectedRowKeys; state.selectedRowKeys = selectedRowKeys;
@@ -1835,11 +1846,11 @@ export default {
const closeDelete = () => { const closeDelete = () => {
state.deleteModal = false; state.deleteModal = false;
}; };
const changebgc = ( id) => { const changebgc = (id) => {
state.isActive = !state.isActive; state.isActive = !state.isActive;
state.selectRow = [] //选择行 state.selectRow = []; //选择行
state.selectAll = 0 //0未选择1全选2部分选择 state.selectAll = 0; //0未选择1全选2部分选择
console.log('state.level',id,state.level); console.log("state.level", id, state.level);
state.chooseStageId = id; state.chooseStageId = id;
let final = state.level.find((item) => item.id === id); let final = state.level.find((item) => item.id === id);
getTableData(final.taskList); getTableData(final.taskList);
@@ -1900,6 +1911,10 @@ export default {
const changeCourseType = (id) => { const changeCourseType = (id) => {
console.log("任务id", id); console.log("任务id", id);
}; };
//展示编辑外链弹窗
const showDrawerEditRef = () => {
state.addrefvisible = true;
};
return { return {
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
@@ -1960,6 +1975,7 @@ export default {
updateWork, updateWork,
deleteTest, deleteTest,
deleteWork, deleteWork,
showDrawerEditRef,
}; };
}, },
}; };
@@ -2824,7 +2840,7 @@ export default {
display: flex; display: flex;
margin-left: 10px; margin-left: 10px;
height: 23px; height: 23px;
position: relative; position: relative;
.bi { .bi {
// margin-top: 10px; // margin-top: 10px;
width: 63px; width: 63px;