hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-13 12:56:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

206
src/components/drawers/TimeManage.vue
View File

@@ -8,7 +8,7 @@
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">{{ title }}</div>
<div class="headerTitle">【{{ title }}】管理</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -43,11 +43,15 @@
</div>
</div>
<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="wz">搜索</div>
</div>
<div class="btn btn2">
<div class="btn btn2" @click="resetTaskList">
<div class="img2"></div>
<div class="wz">重置</div>
</div>
@@ -104,6 +108,7 @@
<script>
import { toRefs, reactive, onMounted, onUnmounted } from "vue";
import * as api from "../../api/index";
export default {
name: "TimeManage",
props: {
@@ -128,6 +133,7 @@ export default {
pageSize: 10,
currentPage: 1,
tableDataTotal: 100,
projectName:'',
projectNameList: [
{
id: 1,
@@ -153,123 +159,64 @@ export default {
tabledata: [
{
key: 1,
name: "哈哈",
bum: "产品部",
userName: "哈哈",
deptName: "产品部",
gangw: "产品经理",
time: "-",
state: "未完成",
},
{
key: 2,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
time: "2022-10-31 23:12:00",
state: "未完成",
},
{
key: 3,
name: "哈哈",
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: "未完成",
},
// {
// endStudyTime: 0,
// name: "",
// projectTaskId: 0,
// status: 0,
// studentId: 0,
// userInfoBo: {
// deptName: "1",
// jobName: "2",
// userId: 0,
// userName: "3"
// }
// }
],
tablecolumns: [
{
title: "姓名",
dataIndex: "name",
key: "name",
dataIndex: "userName",
key: "userName",
width: 50,
align: "center",
className: "h",
align: "left",
className: "h head",
},
{
title: "所在部门",
dataIndex: "bum",
key: "bum",
width: 50,
dataIndex: "deptName",
key: "userName",
width: 60,
align: "center",
className: "h",
},
{
title: "所在岗位",
dataIndex: "gangw",
key: "gangw",
width: 50,
dataIndex: "jobName",
key: "jobName",
width: 60,
align: "center",
className: "h",
},
{
title: "完成时间",
dataIndex: "time",
key: "time",
width: 50,
title: "课程成绩",
dataIndex: "score",
key: "score",
width: 60,
align: "center",
className: "h",
},
{
title: "任务状态",
dataIndex: "state",
key: "state",
width: 50,
dataIndex: "status",
key: "status",
width: 60,
align: "center",
className: "h",
},
@@ -277,6 +224,7 @@ export default {
});
const selectProjectName = (value, index) => {
console.log("value", value, index);
state.projectName = value
};
const closeDrawer = () => {
ctx.emit("update:Tvisible", false);
@@ -287,8 +235,75 @@ export default {
const onChange = (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;
onMounted(() => {
setTimeout(() => {
getManageList();
}, 1000);
timer = setInterval(() => {
state.open = false;
}, 3000);
@@ -304,6 +319,9 @@ export default {
onMounted,
onUnmounted,
onChange,
getManageList,
searchTaskList,
resetTaskList,
};
},
};