Browse Source

任务类型

master
小久哥 3 years ago
parent
commit
489c8e3595
  1. 87
      src/views/farm/taskCate/index.vue

87
src/views/farm/taskCate/index.vue

@ -3,18 +3,7 @@
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="" prop="parentId">
<el-select v-model="queryParams.parentId" placeholder="请选择任务类型" clearable size="small">
<el-option lable="顶层" value="0"/>
<el-option v-for="item in tasks" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="" prop="projectId">
<el-select v-model="queryParams.projectId" placeholder="请选择绑定项目部" clearable size="small">
<el-option lable="不绑定项目" value="0"/>
<el-option v-for="item in projects" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> <el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> </el-form-item>
@ -42,10 +31,10 @@
</el-row> </el-row>
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list"> <el-table :data="list" style="width: 100%;margin-bottom: 20px;" row-key="id" border lazy
<el-table-column label="上级分类" align="center" prop="parentId" /> :load="load" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column label="绑定项目" align="center" prop="projectId" /> <el-table-column prop="id" label="id" sortable width="180"></el-table-column>
<el-table-column label="分类名称" align="center" prop="name" /> <el-table-column prop="name" label="名" sortable width="180"></el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> <el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
@ -60,6 +49,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/> @pagination="getList"/>
@ -67,16 +57,15 @@
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级选择" prop="parentId"> <el-form-item label="上级" prop="projectId">
<el-select v-model="form.parentId" placeholder="请选择"> <el-select v-model="form.parentId" placeholder="请选择">
<el-option lable="顶层" value="0"/> <el-option
<el-option v-for="item in tasks" :key="item.id" :label="item.name" :value="item.id" /> v-for="item in parentList"
</el-select> :key="item.id"
</el-form-item> :label="item.name"
<el-form-item label="项目选择" prop="projectId"> :value="item.id">
<el-select v-model="form.projectId" placeholder="请选择"> {{item.name}}
<el-option lable="不绑定项目" value="0"/> </el-option>
<el-option v-for="item in projects" :key="item.id" :label="item.name" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="分类名称" prop="name"> <el-form-item label="分类名称" prop="name">
@ -93,8 +82,6 @@
<script> <script>
import { createTaskCate, updateTaskCate, deleteTaskCate, getTaskCate, getTaskCatePage, exportTaskCateExcel } from "@/api/farm/taskCate"; import { createTaskCate, updateTaskCate, deleteTaskCate, getTaskCate, getTaskCatePage, exportTaskCateExcel } from "@/api/farm/taskCate";
import { getProjectPage } from "@/api/farm/project";
import { getTaskPage } from "@/api/farm/task";
export default { export default {
name: "TaskCate", name: "TaskCate",
@ -120,9 +107,8 @@ export default {
// //
queryParams: { queryParams: {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 100,
parentId: null, parentId: null,
projectId: null,
name: null, name: null,
}, },
// //
@ -131,19 +117,13 @@ export default {
rules: { rules: {
name: [{ required: true, message: "不能为空", trigger: "blur" }], name: [{ required: true, message: "不能为空", trigger: "blur" }],
}, },
projects:[],
tasks:[], cateList:[],
parentList:[]
}; };
}, },
created() { created() {
getProjectPage().then(res=>{
this.projects = res.data.list;
});
getTaskPage().then(res=>{
this.tasks = res.data.list;
})
this.getList(); this.getList();
}, },
methods: { methods: {
@ -157,6 +137,28 @@ export default {
getTaskCatePage(params).then(response => { getTaskCatePage(params).then(response => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
this.cateList = this.list;
let filterList = this.list.filter(t => t.parentId == 0);
let oneList = [];
if(filterList.length == 0){
//
this.list.forEach(t => {
oneList.push({id:one.id, name:one.name, createTime:one.createTime, children:twoList});
})
}else{
filterList.forEach((one) => {
let twoList = [];
this.list.forEach((two) => {
if(one.id == two.parentId){
twoList.push({id:two.id, name:two.name, createTime:two.createTime})
}
})
oneList.push({id:one.id, name:one.name, createTime:one.createTime, children:twoList});
})
}
this.list = oneList;
this.loading = false; this.loading = false;
}); });
}, },
@ -169,7 +171,6 @@ export default {
reset() { reset() {
this.form = { this.form = {
parentId: undefined, parentId: undefined,
projectId: undefined,
name: undefined, name: undefined,
}; };
this.resetForm("form"); this.resetForm("form");
@ -188,6 +189,8 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.parentList = this.cateList.filter(t => t.parentId == 0);
this.open = true; this.open = true;
this.title = "添加任务类型"; this.title = "添加任务类型";
}, },
@ -196,6 +199,8 @@ export default {
this.reset(); this.reset();
const id = row.id; const id = row.id;
getTaskCate(id).then(response => { getTaskCate(id).then(response => {
this.parentList = this.cateList.filter(t => t.parentId == 0);
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = "修改任务类型"; this.title = "修改任务类型";

Loading…
Cancel
Save