feat:项目任务大纲批量免受判断 操作管理的全部列表渲染和搜索 重置接口对接

This commit is contained in:
dongwug
2022-11-11 14:36:54 +08:00
parent 2b2be3a1a6
commit b5f3c234c9
6 changed files with 413 additions and 498 deletions

View File

@@ -38,7 +38,7 @@
<div class="queBox" v-for="(q, index) in questions" :key="index"> <div class="queBox" v-for="(q, index) in questions" :key="index">
<div class="delBtn" v-if="questions.length > 1"> <div class="delBtn" v-if="questions.length > 1">
<img src="@/assets/images/projectadd/delete.png" alt="" /> <img src="@/assets/images/projectadd/delete.png" alt="" />
<div class="btnText" @click="DelShow()">删除题干</div> <div class="btnText">删除题干</div>
</div> </div>
<div class="main_item"> <div class="main_item">
<div class="signbox"> <div class="signbox">

View File

@@ -41,11 +41,15 @@
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn btn1" style="margin-right: 20px"> <div
class="btn btn1"
style="margin-right: 20px"
@click="searchTaskList"
>
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
<div class="btn btn2"> <div class="btn btn2" @click="searchTaskList">
<div class="img2"></div> <div class="img2"></div>
<div class="wz">重置</div> <div class="wz">重置</div>
</div> </div>
@@ -158,7 +162,7 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
ProjectTaskId: { projectTaskId: {
type: Number, type: Number,
default: null, default: null,
}, },
@@ -176,6 +180,7 @@ export default {
showdonemodal: false, showdonemodal: false,
open: false, open: false,
selectedRowKeys: [], selectedRowKeys: [],
projectName: "",
projectNameList: [ projectNameList: [
{ {
id: 1, id: 1,
@@ -199,108 +204,36 @@ export default {
}, },
], ],
tabledata: [ tabledata: [
{ // {
key: 1, // key: 1,
name: "哈哈", // name: "哈哈",
bum: "产品部", // bum: "产品部",
gangw: "产品经理", // gangw: "产品经理",
score: "-", // score: "-",
state: "未完成", // state: "未完成",
}, // },
{
key: 2,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "-",
state: "未完成",
},
{
key: 3,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "合格",
state: "完成",
},
{
key: 4,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "合格",
state: "完成",
},
{
key: 5,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "合格",
state: "完成",
},
{
key: 6,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "合格",
state: "完成",
},
{
key: 7,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "合格",
state: "完成",
},
{
key: 8,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "不合格",
state: "完成",
},
{
key: 9,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "不合格",
state: "完成",
},
{
key: 10,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
score: "不合格",
state: "完成",
},
], ],
tablecolumns: [ tablecolumns: [
{ {
title: "姓名", title: "姓名",
dataIndex: "name", dataIndex: "userName",
key: "name", key: "userName",
width: 50, width: 50,
align: "left", align: "left",
className: "h head", className: "h head",
}, },
{ {
title: "所在部门", title: "所在部门",
dataIndex: "bum", dataIndex: "deptName",
key: "bum", key: "userName",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "所在岗位", title: "所在岗位",
dataIndex: "gangw", dataIndex: "jobName",
key: "gangw", key: "jobName",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
@@ -315,8 +248,8 @@ export default {
}, },
{ {
title: "任务状态", title: "任务状态",
dataIndex: "state", dataIndex: "status",
key: "state", key: "status",
width: 60, width: 60,
align: "center", align: "center",
className: "h", className: "h",
@@ -325,6 +258,7 @@ export default {
}); });
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Fvisible", false); ctx.emit("update:Fvisible", false);
@@ -371,26 +305,67 @@ export default {
name: "", name: "",
pageNo: 0, pageNo: 0,
pageSize: 0, pageSize: 0,
projectTaskId: props.ProjectTaskId, projectTaskId: props.projectTaskId,
status: 0, status: 0,
}; };
console.log('9999999999999',obj.projectTaskId);
api api
.taskStudentList(obj) .taskStudentList(obj)
.then((res) => { .then((res) => {
console.log('获取任务管理列表成功', res); console.log("获取面授任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
// for (let i = 0; i < res.data.data.rows.length; i++) {
// state.tabledata.push(res.data.data.rows[i].userInfoBo);
// }
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i]);
//需要确认值 赋给tablecolumns
console.log('state.tabledata',state.tabledata);
}
}) })
.catch((err) => { .catch((err) => {
console.log("获取任务列表失败",err) console.log("获取面授任务列表失败", err);
}) });
}; };
//搜索任务列表
const searchTaskList = () => {
let objser = {
name: state.name,
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: state.projectName,
};
api
.taskStudentList(objser)
.then((res) => {
console.log("获取任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i].userInfoBo);
}
})
.catch((err) => {
console.log("获取任务列表失败", err);
});
};
//重置任务列表
const resetTaskList = () => {
state.name = "",
state.projectName="";
getManageList();
};
let timer; let timer;
onMounted(() => { onMounted(() => {
setTimeout(() => { setTimeout(() => {
getManageList() getManageList();
},1000) }, 1000);
timer = setInterval(() => { timer = setInterval(() => {
state.open = false; state.open = false;
}, 3000); }, 3000);
@@ -411,6 +386,8 @@ export default {
closedoneModal, closedoneModal,
showopen, showopen,
getManageList, getManageList,
searchTaskList,
resetTaskList,
}; };
}, },
}; };

View File

@@ -8,7 +8,7 @@
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">{{ title }}</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"
@@ -43,11 +43,11 @@
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn btn1" style="margin-right: 20px"> <div class="btn btn1" style="margin-right: 20px" @click="searchTaskList">
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
<div class="btn btn2"> <div class="btn btn2" @click="resetTaskList">
<div class="img2"></div> <div class="img2"></div>
<div class="wz">重置</div> <div class="wz">重置</div>
</div> </div>
@@ -108,6 +108,7 @@
<script> <script>
import { toRefs, reactive, onMounted, onUnmounted } from "vue"; import { toRefs, reactive, onMounted, onUnmounted } from "vue";
import * as api from "../../api/index";
export default { export default {
name: "TestManage", name: "TestManage",
props: { props: {
@@ -132,6 +133,7 @@ export default {
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
tableDataTotal: 100, tableDataTotal: 100,
projectName:'',
projectNameList: [ projectNameList: [
{ {
id: 1, id: 1,
@@ -165,151 +167,45 @@ export default {
time: "-", time: "-",
state: "未完成", state: "未完成",
}, },
{
key: 2,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "1",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 3,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 4,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 5,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 6,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 7,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 8,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 9,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 10,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "10",
score: "10",
time: "2022-10-31 23:12:00",
state: "未完成",
},
], ],
tablecolumns: [ tablecolumns: [
{ {
title: "姓名", title: "姓名",
dataIndex: "name", dataIndex: "userName",
key: "name", key: "userName",
width: 50, width: 50,
align: "center", align: "left",
className: "h", className: "h head",
}, },
{ {
title: "所在部门", title: "所在部门",
dataIndex: "bum", dataIndex: "deptName",
key: "bum", key: "userName",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "所在岗位", title: "所在岗位",
dataIndex: "gangw", dataIndex: "jobName",
key: "gangw", key: "jobName",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "考试次数", title: "课程成绩",
dataIndex: "comp",
key: "comp",
width: 50,
align: "center",
className: "h",
},
{
title: "成绩",
dataIndex: "score", dataIndex: "score",
key: "score", key: "score",
width: 50, width: 60,
align: "center",
className: "h",
},
{
title: "完成时间",
dataIndex: "time",
key: "time",
width: 100,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "任务状态", title: "任务状态",
dataIndex: "state", dataIndex: "status",
key: "state", key: "status",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
@@ -317,6 +213,7 @@ export default {
}); });
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:TMvisible", false); ctx.emit("update:TMvisible", false);
@@ -327,8 +224,75 @@ export default {
const onChange = (pageNumber) => { const onChange = (pageNumber) => {
console.log("Page: ", pageNumber); console.log("Page: ", pageNumber);
}; };
//获取任务管理列表
const getManageList = () => {
let obj = {
name: "",
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: 0,
};
api
.taskStudentList(obj)
.then((res) => {
console.log("获取测试任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
// for (let i = 0; i < res.data.data.rows.length; i++) {
// state.tabledata.push(res.data.data.rows[i].userInfoBo);
// }
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i]);
//需要确认值 赋给tablecolumns
console.log('state.tabledata',state.tabledata);
}
})
.catch((err) => {
console.log("获取测试任务列表失败", err);
});
};
//搜索任务列表
const searchTaskList = () => {
let objser = {
name: state.name,
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: state.projectName,
};
api
.taskStudentList(objser)
.then((res) => {
console.log("获取任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i].userInfoBo);
}
})
.catch((err) => {
console.log("获取任务列表失败", err);
});
};
//重置任务列表
const resetTaskList = () => {
state.name = "",
state.projectName="";
getManageList();
};
let timer; let timer;
onMounted(() => { onMounted(() => {
setTimeout(() => {
getManageList();
}, 1000);
timer = setInterval(() => { timer = setInterval(() => {
state.open = false; state.open = false;
}, 3000); }, 3000);
@@ -344,6 +308,9 @@ export default {
onMounted, onMounted,
onUnmounted, onUnmounted,
onChange, onChange,
getManageList,
searchTaskList,
resetTaskList,
}; };
}, },
}; };

View File

@@ -8,7 +8,7 @@
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">{{ title }}</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"
@@ -43,11 +43,15 @@
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn btn1" style="margin-right: 20px"> <div
class="btn btn1"
style="margin-right: 20px"
@click="searchTaskList"
>
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
<div class="btn btn2"> <div class="btn btn2" @click="resetTaskList">
<div class="img2"></div> <div class="img2"></div>
<div class="wz">重置</div> <div class="wz">重置</div>
</div> </div>
@@ -104,6 +108,7 @@
<script> <script>
import { toRefs, reactive, onMounted, onUnmounted } from "vue"; import { toRefs, reactive, onMounted, onUnmounted } from "vue";
import * as api from "../../api/index";
export default { export default {
name: "TimeManage", name: "TimeManage",
props: { props: {
@@ -128,6 +133,7 @@ export default {
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
tableDataTotal: 100, tableDataTotal: 100,
projectName:'',
projectNameList: [ projectNameList: [
{ {
id: 1, id: 1,
@@ -153,123 +159,64 @@ export default {
tabledata: [ tabledata: [
{ {
key: 1, key: 1,
name: "哈哈", userName: "哈哈",
bum: "产品部", deptName: "产品部",
gangw: "产品经理", gangw: "产品经理",
time: "-", time: "-",
state: "未完成", state: "未完成",
}, },
{ // {
key: 2, // endStudyTime: 0,
name: "哈哈", // name: "",
bum: "产品部", // projectTaskId: 0,
gangw: "产品经理", // status: 0,
time: "2022-10-31 23:12:00", // studentId: 0,
state: "未完成", // userInfoBo: {
}, // deptName: "1",
{ // jobName: "2",
key: 3, // userId: 0,
name: "哈哈", // userName: "3"
bum: "产品部", // }
gangw: "产品经理", // }
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 4,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 5,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 6,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 7,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 8,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 9,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 10,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
], ],
tablecolumns: [ tablecolumns: [
{ {
title: "姓名", title: "姓名",
dataIndex: "name", dataIndex: "userName",
key: "name", key: "userName",
width: 50, width: 50,
align: "center", align: "left",
className: "h", className: "h head",
}, },
{ {
title: "所在部门", title: "所在部门",
dataIndex: "bum", dataIndex: "deptName",
key: "bum", key: "userName",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "所在岗位", title: "所在岗位",
dataIndex: "gangw", dataIndex: "jobName",
key: "gangw", key: "jobName",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "完成时间", title: "课程成绩",
dataIndex: "time", dataIndex: "score",
key: "time", key: "score",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "任务状态", title: "任务状态",
dataIndex: "state", dataIndex: "status",
key: "state", key: "status",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
@@ -277,6 +224,7 @@ export default {
}); });
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Tvisible", false); ctx.emit("update:Tvisible", false);
@@ -287,8 +235,75 @@ export default {
const onChange = (pageNumber) => { const onChange = (pageNumber) => {
console.log("Page: ", pageNumber); console.log("Page: ", pageNumber);
}; };
//获取任务管理列表
const getManageList = () => {
let obj = {
name: "",
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: 0,
};
api
.taskStudentList(obj)
.then((res) => {
console.log("获取时间任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
// for (let i = 0; i < res.data.data.rows.length; i++) {
// state.tabledata.push(res.data.data.rows[i].userInfoBo);
// }
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i].userInfoBo);
//需要确认值 赋给tablecolumns
console.log('state.tabledata',state.tabledata);
}
})
.catch((err) => {
console.log("获取时间任务列表失败", err);
});
};
//搜索任务列表
const searchTaskList = () => {
let objser = {
name: state.name,
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: state.projectName,
};
api
.taskStudentList(objser)
.then((res) => {
console.log("获取任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i].userInfoBo);
}
})
.catch((err) => {
console.log("获取任务列表失败", err);
});
};
//重置任务列表
const resetTaskList = () => {
state.name = "",
state.projectName="";
getManageList();
};
let timer; let timer;
onMounted(() => { onMounted(() => {
setTimeout(() => {
getManageList();
}, 1000);
timer = setInterval(() => { timer = setInterval(() => {
state.open = false; state.open = false;
}, 3000); }, 3000);
@@ -304,6 +319,9 @@ export default {
onMounted, onMounted,
onUnmounted, onUnmounted,
onChange, onChange,
getManageList,
searchTaskList,
resetTaskList,
}; };
}, },
}; };

View File

@@ -43,11 +43,11 @@
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn btn1" style="margin-right: 20px"> <div class="btn btn1" style="margin-right: 20px" @click="searchTaskList">
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
<div class="btn btn2"> <div class="btn btn2" @click="resetTaskList">
<div class="img2"></div> <div class="img2"></div>
<div class="wz">重置</div> <div class="wz">重置</div>
</div> </div>
@@ -124,8 +124,9 @@
</template> </template>
<script> <script>
import { toRefs, reactive } from "vue"; import { toRefs, reactive,onMounted } from "vue";
import WorkDetail from "../drawers/WorkDetail.vue"; import WorkDetail from "../drawers/WorkDetail.vue";
import * as api from "../../api/index";
export default { export default {
name: "WorkManage", name: "WorkManage",
components: { WorkDetail }, components: { WorkDetail },
@@ -149,6 +150,7 @@ export default {
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
tableDataTotal: 100, tableDataTotal: 100,
projectName:'',
projectNameList: [ projectNameList: [
{ {
id: 1, id: 1,
@@ -174,173 +176,60 @@ export default {
tabledata: [ tabledata: [
{ {
key: 1, key: 1,
name: "哈哈", userName: "哈哈",
bum: "产品部", deptName: "产品部",
gangw: "产品经理", jobName: "产品经理",
comp: "好好学习", comp: "好好学习",
time: "-", time: "-",
state: "未完成", state: "未完成",
}, },
{
key: 2,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 3,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 4,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 5,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 6,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 7,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 8,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 9,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 10,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
comp: "好好学习",
time: "2022-10-31 23:12:00",
state: "未完成",
},
], ],
tablecolumns: [ tablecolumns: [
{ {
title: "姓名", title: "姓名",
dataIndex: "name", dataIndex: "userName",
key: "name", key: "userName",
width: 50, width: 50,
align: "center", align: "left",
className: "h", className: "h head",
}, },
{ {
title: "所在部门", title: "所在部门",
dataIndex: "bum", dataIndex: "deptName",
key: "bum", key: "userName",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "所在岗位", title: "所在岗位",
dataIndex: "gangw", dataIndex: "jobName",
key: "gangw", key: "jobName",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "所在小组", title: "课程成绩",
dataIndex: "comp", dataIndex: "score",
key: "comp", key: "score",
width: 50, width: 60,
align: "center",
className: "h",
},
{
title: "完成时间",
dataIndex: "time",
key: "time",
width: 100,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "任务状态", title: "任务状态",
dataIndex: "state", dataIndex: "status",
key: "state", key: "status",
width: 50, width: 60,
align: "center", align: "center",
className: "h", className: "h",
}, },
{
title: "操作",
className: "h",
dataIndex: "opacation",
key: "opacation",
width: 50,
align: "center",
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: () => {
return (
<div class="opa">
<div class="opacation">
<span
style="color:#4EA6FF;cursor:pointer"
onClick={() => {
showWorkDetail();
}}
>
查看
</span>
</div>
</div>
);
},
},
], ],
}); });
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
state.projectName = value
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Wvisible", false); ctx.emit("update:Wvisible", false);
@@ -357,6 +246,75 @@ export default {
const onChange = (pageNumber) => { const onChange = (pageNumber) => {
console.log("Page: ", pageNumber); console.log("Page: ", pageNumber);
}; };
//获取任务管理列表
const getManageList = () => {
let obj = {
name: "",
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: 0,
};
api
.taskStudentList(obj)
.then((res) => {
console.log("获取作业任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
// for (let i = 0; i < res.data.data.rows.length; i++) {
// state.tabledata.push(res.data.data.rows[i].userInfoBo);
// }
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i]);
//需要确认值 赋给tablecolumns
console.log('state.tabledata',state.tabledata);
}
})
.catch((err) => {
console.log("获取作业任务列表失败", err);
});
};
//搜索任务列表
const searchTaskList = () => {
let objser = {
name: state.name,
pageNo: 0,
pageSize: 0,
projectTaskId: props.projectTaskId,
status: state.projectName,
};
api
.taskStudentList(objser)
.then((res) => {
console.log("获取任务管理列表成功", res);
// state.pageNo = res.data.data.pageNo
state.pageSize = res.data.data.pageSize;
state.pageSize = res.data.data.pageSize;
for (let i = 0; i < res.data.data.rows.length; i++) {
state.tabledata.push(res.data.data.rows[i].userInfoBo);
}
})
.catch((err) => {
console.log("获取任务列表失败", err);
});
};
//重置任务列表
const resetTaskList = () => {
state.name = "",
state.projectName="";
getManageList();
};
onMounted(() => {
setTimeout(() => {
getManageList();
}, 1000);
})
return { return {
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
@@ -365,6 +323,9 @@ export default {
closeModal, closeModal,
showWorkDetail, showWorkDetail,
onChange, onChange,
getManageList,
searchTaskList,
resetTaskList,
}; };
}, },
}; };

View File

@@ -407,13 +407,13 @@
item.type == '11' || item.type == '11' ||
item.type == '12' || item.type == '12' ||
item.type == '9' item.type == '9'
? showTime(item.course, item.name) ? showTime( item.name,item.projectTaskId)
: item.type == '5' || item.type == '10' : item.type == '5' || item.type == '10'
? showTest(item.course, item.name) ? showTest( item.name,item.projectTaskId)
: item.type == '2' : item.type == '2'
? showFace(item.course) ? showFace(item.projectTaskId)
: item.type == '4' : item.type == '4'
? showWork(item.course) ? showWork(item.projectTaskId)
: null : null
" "
> >
@@ -908,11 +908,11 @@
</a-tabs> </a-tabs>
</div> </div>
<!-- 时间管理抽屉 --> <!-- 时间管理抽屉 -->
<time-manage v-model:Tvisible="visible" :title="showTimeText" v-model:ProjectTaskId="projectTaskId"/> <time-manage v-model:Tvisible="visible" :title="showTimeText" :projectTaskId="projectTaskId"/>
<!-- 面授管理抽屉 --> <!-- 面授管理抽屉 -->
<face-manage <face-manage
v-model:Fvisible="FaceVisivle" v-model:Fvisible="FaceVisivle"
v-model:ProjectTaskId="projectTaskId" :projectTaskId="projectTaskId"
/> />
<!-- 学员小组管理创建小组抽屉 --> <!-- 学员小组管理创建小组抽屉 -->
<subset-manage v-model:Svisible="subsetVisivle" /> <subset-manage v-model:Svisible="subsetVisivle" />
@@ -933,13 +933,13 @@
<!-- 作业管理抽屉 --> <!-- 作业管理抽屉 -->
<work-manage <work-manage
v-model:Wvisible="Wvisible" v-model:Wvisible="Wvisible"
v-model:ProjectTaskId="projectTaskId" :projectTaskId="projectTaskId"
/> />
<!-- 考试管理抽屉 --> <!-- 考试管理抽屉 -->
<test-manage <test-manage
v-model:TMvisible="TMvisible" v-model:TMvisible="TMvisible"
:title="showTestText" :title="showTestText"
v-model:ProjectTaskId="projectTaskId" :projectTaskId="projectTaskId"
/> />
<!-- 批量面授报名 --> <!-- 批量面授报名 -->
<task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" /> <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
@@ -1443,32 +1443,6 @@ export default {
// excellent: true, // excellent: true,
// studentId: 22, // studentId: 22,
// }, // },
// {
// key: 2,
// name: "sss",
// bum: "c",
// gangw: "ss",
// group: "sss",
// progress: "sss",
// diploma: "0",
// stutime: "20202",
// putin: "shs",
// excellent: true,
// studentId: 23,
// },
// {
// key: 3,
// name: "sss",
// bum: "c",
// gangw: "ss",
// group: "sss",
// progress: "sss",
// diploma: "0",
// stutime: "20202",
// putin: "shs",
// excellent: false,
// studentId: 24,
// },
], ],
//小组信息列表 //小组信息列表
groupList: [], groupList: [],
@@ -1543,7 +1517,8 @@ export default {
noticeChecked: true, noticeChecked: true,
noticeContent: "", noticeContent: "",
TaskFaceImpStuvisible: false, //批量面授报名 TaskFaceImpStuvisible: false, //批量面授报名
morFaceT:false, //批量面授报名按钮
faceArr:[], //任务大纲列表所有name
//进度排行表 //进度排行表
jindutabledata: [ jindutabledata: [
{ {
@@ -2033,14 +2008,28 @@ export default {
console.log("res", res); console.log("res", res);
console.log("阶段列表", res.data.data.stageList); console.log("阶段列表", res.data.data.stageList);
console.log('任务id',res.data.data.stageList[0].taskList[0].projectTaskId) console.log('任务id',res.data.data.stageList[0].taskList[0].projectTaskId)
//taskList[num] num应该是点那个就是那个数 for (let i = 0; i < res.data.data.stageList.length; i++) {
for (let k = 0; k < res.data.data.stageList[i].taskList.length; k++) {
if (res.data.data.stageList[i].taskList[k].name == "面授") {
//此处设置出现按钮参数
state.morFaceT = true
console.log(state.morFaceT,'state.morFaceT');
break
}
}
}
//暂时传个固定的id用 到时候看数据里面是否有在更换
state.projectTaskId = res.data.data.stageList[0].taskList[0].projectTaskId state.projectTaskId = res.data.data.stageList[0].taskList[0].projectTaskId
let leng = res.data.data.stageList.length; let leng = res.data.data.stageList.length;
if (leng > 0) { if (leng > 0) {
//获取任务列表 阶段 //获取任务列表 阶段
let taskarr = res.data.data.stageList; let taskarr = res.data.data.stageList;
state.taskSyllabus = taskarr; state.taskSyllabus = taskarr;
console.log("123456789", state.taskSyllabus); console.log("123456789", state.taskSyllabus);
//需要里面数据看是否有projectTaskId给管理弹窗
// console.log(res.data.data.stageList[0].taskList[0].name, "ggg"); // console.log(res.data.data.stageList[0].taskList[0].name, "ggg");
} }
} }
@@ -2175,17 +2164,18 @@ export default {
state.TaskFaceImpStuvisible = true; state.TaskFaceImpStuvisible = true;
}; };
//新增 //新增
const showTime = (course) => { const showTime = (name,id) => {
console.log("点击管理"); console.log("点击管理");
state.visible = true; state.visible = true;
state.showTimeText = "【" + course + "】" + "管理"; state.showTimeText = name ;
// console.log("state.showTimeText", state.showTimeText); state.projectTaskId = id;
}; };
//新增 //新增
const showFace = () => { const showFace = (id) => {
//面授管理的抽屉 //面授管理的抽屉
// console.log("点击管理"); // console.log("点击管理");
state.FaceVisivle = true; state.FaceVisivle = true;
state.projectTaskId= id
}; };
const showSubset = () => { const showSubset = () => {
//面授管理的抽屉 //面授管理的抽屉
@@ -2206,13 +2196,15 @@ export default {
state.showkaoqinText = "【" + course + "】" + "考勤"; state.showkaoqinText = "【" + course + "】" + "考勤";
}; };
//作业管理的抽屉 //作业管理的抽屉
const showWork = () => { const showWork = (id) => {
state.Wvisible = true; state.Wvisible = true;
state.projectTaskId = id
}; };
//考试管理的抽屉 //考试管理的抽屉
const showTest = (course, name) => { const showTest = (name, id) => {
state.TMvisible = true; state.TMvisible = true;
state.showTestText = "【" + course + "】" + name; state.showTestText = name ;
state.projectTaskId = id
}; };
const showStuAdd = () => { const showStuAdd = () => {
state.Stuvisible = true; state.Stuvisible = true;