hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 12:26:47 +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

235
src/components/drawers/WorkManage.vue
View File

@@ -43,11 +43,11 @@
</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>
@@ -124,8 +124,9 @@
</template>
<script>
import { toRefs, reactive } from "vue";
import { toRefs, reactive,onMounted } from "vue";
import WorkDetail from "../drawers/WorkDetail.vue";
import * as api from "../../api/index";
export default {
name: "WorkManage",
components: { WorkDetail },
@@ -149,6 +150,7 @@ export default {
pageSize: 10,
currentPage: 1,
tableDataTotal: 100,
projectName:'',
projectNameList: [
{
id: 1,
@@ -174,173 +176,60 @@ export default {
tabledata: [
{
key: 1,
name: "哈哈",
bum: "产品部",
gangw: "产品经理",
userName: "哈哈",
deptName: "产品部",
jobName: "产品经理",
comp: "好好学习",
time: "-",
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: [
{
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: "comp",
key: "comp",
width: 50,
align: "center",
className: "h",
},
{
title: "完成时间",
dataIndex: "time",
key: "time",
width: 100,
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",
},
{
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) => {
console.log("value", value, index);
state.projectName = value
};
const closeDrawer = () => {
ctx.emit("update:Wvisible", false);
@@ -357,6 +246,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]);
//需要确认值 赋给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 {
...toRefs(state),
selectProjectName,
@@ -365,6 +323,9 @@ export default {
closeModal,
showWorkDetail,
onChange,
getManageList,
searchTaskList,
resetTaskList,
};
},
};