陈裕财
4 years ago
4 changed files with 424 additions and 10 deletions
-
6src/views/xm/core/xmProduct/XmProductForLinkComplex.vue
-
7src/views/xm/core/xmProject/XmProjectInfo.vue
-
11src/views/xm/core/xmTask/XmPhase.vue
-
410src/views/xm/core/xmTask/XmPhaseSelect.vue
@ -0,0 +1,410 @@ |
|||
<template> |
|||
<section class="padding-right"> |
|||
<el-row> |
|||
<el-col |
|||
:span="24" |
|||
class="padding-left" |
|||
> |
|||
<el-row> |
|||
<xm-project-select style="display:inline;" v-if="!selProject||!selProject.id" :auto-select="isTaskCenter?false:true" :link-iteration-id="xmIteration?xmIteration.id:null" :link-product-id="xmProduct?xmProduct.id:null" @row-click="onProjectRowClick" @clear="onProjectClear" ></xm-project-select> |
|||
|
|||
</el-row> |
|||
|
|||
<el-row class="padding-top"> |
|||
<el-table class="task-table" |
|||
:data="tasksTreeData" |
|||
@sort-change="sortChange" |
|||
v-loading="load.list" |
|||
@row-click="rowClick" |
|||
@selection-change="selsChange" |
|||
highlight-current-row |
|||
current-row-key="id" |
|||
stripe |
|||
fit |
|||
border |
|||
tooltip-effect="light" |
|||
:height="tableHeight" |
|||
:tree-props="{ children: 'children' }" |
|||
row-key="id" |
|||
ref="table" |
|||
:row-style="{height:'60px'}" |
|||
> |
|||
<el-table-column |
|||
label="全选" |
|||
type="selection" |
|||
width="50" |
|||
fixed="left" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
sortable |
|||
prop="name" |
|||
class-name="title" |
|||
fixed="left" |
|||
label="计划名称" |
|||
min-width="300" show-overflow-tooltip |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div class="icon" :style="{backgroundColor: scope.row.ntype==='1'?'#E6A23C':'#409EFF'}"> |
|||
<i :class="scope.row.ntype==='1'?'el-icon-odometer':'el-icon-s-operation'" ></i> |
|||
</div> |
|||
<span> |
|||
{{ scope.row.sortLevel }} {{ scope.row.name }} |
|||
</span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
label="状态" |
|||
type="taskState" |
|||
width="100" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<el-tag v-for="(item,index) in formatDictsWithClass(dicts,'taskState',scope.row.taskState)" :key="index" :type="item.className">{{item.name}}</el-tag> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
label="操作" |
|||
width="100" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<el-button @click="$emit('select', scope.row,scope.$index)" title="选择" type="primary">选择 </el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
|
|||
</el-table> |
|||
<el-pagination |
|||
ref="pagination" |
|||
layout="total, sizes, prev, pager, next" |
|||
@current-change="handleCurrentChange" |
|||
@size-change="handleSizeChange" |
|||
:page-sizes="[10, 20, 50, 100, 500]" |
|||
:current-page="pageInfo.pageNum" |
|||
:page-size="pageInfo.pageSize" |
|||
:total="pageInfo.total" |
|||
style="float: right; margin-top: 10px;" |
|||
></el-pagination> |
|||
</el-row> |
|||
</el-col> |
|||
</el-row> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import Vue from "vue"; |
|||
import util from "@/common/js/util"; //全局公共库 |
|||
import treeTool from "@/common/js/treeTool"; //全局公共库 |
|||
//import Sticky from '@/components/Sticky' // 粘性header组件 |
|||
import { initSimpleDicts } from '@/api/mdp/meta/item'; //下拉框数据查询 |
|||
import { |
|||
getTask, |
|||
listXmTask, |
|||
calcProgress, |
|||
calcProjectProgress, |
|||
} from "@/api/xm/core/xmTask"; |
|||
import { mapGetters } from "vuex"; |
|||
import { sn } from "@/common/js/sequence"; |
|||
import XmProjectSelect from "@/views/xm/core/components/XmProjectSelect"; |
|||
|
|||
|
|||
import XmGroupDialog from '@/views/xm/core/xmGroup/XmGroupDialog';//修改界面 |
|||
|
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters(["userInfo", "roles"]), |
|||
tasksTreeData() { |
|||
let xmTasks = JSON.parse(JSON.stringify(this.xmTasks || [])); |
|||
const tasksTreeData = treeTool.translateDataToTree(xmTasks,"parentTaskid","id"); |
|||
return tasksTreeData; |
|||
}, |
|||
|
|||
}, |
|||
props: [ |
|||
"selProject", "xmProduct","xmIteration" |
|||
], |
|||
watch: { |
|||
selProject: function (oval, val) { |
|||
this.filters.selProject = this.selProject; |
|||
this.changeSelKey("all"); |
|||
}, |
|||
xmProduct: function () { |
|||
this.filters.product = this.xmProduct; |
|||
this.getXmTasks(); |
|||
}, |
|||
xmIteration: function () { |
|||
this.getXmTasks(); |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
filters: { |
|||
key: "", |
|||
isMyTask: "0", //0不区分我的，1 时我的任务 |
|||
selProject: null, |
|||
skillTags: [], |
|||
taskOut: "", //1只查众包任务，0//只查本机构任务 |
|||
menus: [], |
|||
createUser: null, //负责人 |
|||
executor: null, //执行人 |
|||
taskType: "", |
|||
tags: [], |
|||
taskState:'',//任务状态 |
|||
lvls:['1','2'], |
|||
}, |
|||
xmTasks: [], //查询结果 |
|||
pageInfo: { |
|||
//分页数据 |
|||
total: 0, //服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
|||
pageSize: this.queryScope==='plan' || this.queryScope==='planTask'?50:20, //每页数据 |
|||
count: false, //是否需要重新计算总记录数 |
|||
pageNum: 1, //当前页码、从1开始计算 |
|||
orderFields: ["sort_level"], //排序列 如 ['sex','student_id']，必须为数据库字段 |
|||
orderDirs: ["asc"], //升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
|||
}, |
|||
load: { list: false, edit: false, del: false, add: false,calcProgress:false, }, //查询中... |
|||
sels: [], //列表选中数据 |
|||
dicts: { |
|||
priority: [], |
|||
taskType: [], |
|||
planType: [], |
|||
priority: [], |
|||
xmTaskSettleSchemel: [], |
|||
taskState:[], |
|||
xm_plan_lvl:[], |
|||
}, //下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
|||
|
|||
addFormVisible: false, //新增xmTask界面是否显示 |
|||
//新增xmTask界面初始化数据 |
|||
addForm: { |
|||
id: "", |
|||
name: "", |
|||
parentTaskid: "", |
|||
parentTaskname: "", |
|||
projectId: "", |
|||
projectName: "", |
|||
level: "", |
|||
sortLevel: "", |
|||
executorUserid: "", |
|||
executorUsername: "", |
|||
preTaskid: "", |
|||
preTaskname: "", |
|||
startTime: "", |
|||
endTime: "", |
|||
milestone: "", |
|||
description: "", |
|||
remarks: "", |
|||
createUserid: "", |
|||
createUsername: "", |
|||
createTime: "", |
|||
rate: "", |
|||
budgetAt: "", |
|||
budgetWorkload: "", |
|||
actAt: "", |
|||
actWorkload: "", |
|||
taskState: "", |
|||
taskType: "", |
|||
taskClass: "", |
|||
toTaskCenter: "", |
|||
actStartTime: "", |
|||
actEndTime: "", |
|||
uniInnerPrice:80,uniOutPrice:100, |
|||
}, |
|||
|
|||
editFormVisible: false, //编辑界面是否显示 |
|||
//编辑xmTask界面初始化数据 |
|||
editForm: { |
|||
id: "", |
|||
name: "", |
|||
parentTaskid: "", |
|||
parentTaskname: "", |
|||
projectId: "", |
|||
projectName: "", |
|||
level: "", |
|||
sortLevel: "", |
|||
executorUserid: "", |
|||
executorUsername: "", |
|||
preTaskid: "", |
|||
preTaskname: "", |
|||
startTime: "", |
|||
endTime: "", |
|||
milestone: "", |
|||
description: "", |
|||
remarks: "", |
|||
createUserid: "", |
|||
createUsername: "", |
|||
createTime: "", |
|||
rate: "", |
|||
budgetAt: "", |
|||
budgetWorkload: "", |
|||
actAt: "", |
|||
actWorkload: "", |
|||
taskState: "", |
|||
taskType: "", |
|||
taskClass: "", |
|||
toTaskCenter: "", |
|||
actStartTime: "", |
|||
actEndTime: "", |
|||
uniInnerPrice:80,uniOutPrice:100, |
|||
}, |
|||
tableHeight: 300, |
|||
}; |
|||
}, //end data |
|||
methods: { |
|||
...util, |
|||
handleSizeChange(pageSize) { |
|||
this.pageInfo.pageSize = pageSize; |
|||
this.getXmTasks(); |
|||
}, |
|||
handleCurrentChange(pageNum) { |
|||
this.pageInfo.pageNum = pageNum; |
|||
this.getXmTasks(); |
|||
}, |
|||
// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名 |
|||
sortChange(obj) { |
|||
if (obj.order == null) { |
|||
this.pageInfo.orderFields = ["create_time"]; |
|||
this.pageInfo.orderDirs = ["desc"]; |
|||
} else { |
|||
var dir = "asc"; |
|||
if (obj.order == "ascending") { |
|||
dir = "asc"; |
|||
} else { |
|||
dir = "desc"; |
|||
} |
|||
|
|||
this.pageInfo.orderFields = [util.toLine(obj.prop)]; |
|||
this.pageInfo.orderDirs = [dir]; |
|||
} |
|||
|
|||
this.getXmTasks(); |
|||
}, |
|||
searchXmTasks() { |
|||
this.pageInfo.count = true; |
|||
this.getXmTasks(); |
|||
}, |
|||
//获取列表 XmTask xm_task |
|||
getXmTasks() { |
|||
let params = { |
|||
pageSize: this.pageInfo.pageSize, |
|||
pageNum: this.pageInfo.pageNum, |
|||
total: this.pageInfo.total, |
|||
count: this.pageInfo.count, |
|||
}; |
|||
if ( |
|||
this.pageInfo.orderFields != null && |
|||
this.pageInfo.orderFields.length > 0 |
|||
) { |
|||
let orderBys = []; |
|||
for (var i = 0; i < this.pageInfo.orderFields.length; i++) { |
|||
orderBys.push( |
|||
this.pageInfo.orderFields[i] + " " + this.pageInfo.orderDirs[i] |
|||
); |
|||
} |
|||
params.orderBy = orderBys.join(","); |
|||
} |
|||
params=this.getParams(params) |
|||
|
|||
getTask(params) |
|||
.then((res) => { |
|||
var tips = res.data.tips; |
|||
if (tips.isOk) { |
|||
this.pageInfo.total = res.data.total; |
|||
this.pageInfo.count = false; |
|||
var xmTasks = res.data.data; |
|||
this.xmTasks = xmTasks; |
|||
if (this.editForm != null) { |
|||
var index = this.xmTasks.findIndex( |
|||
(i) => i.id == this.editForm.id |
|||
); |
|||
if (index >= 0) { |
|||
this.editForm = this.xmTasks[index]; |
|||
} |
|||
} |
|||
} else { |
|||
this.$notify({ |
|||
showClose: true, |
|||
message: tips.msg, |
|||
type: "error", |
|||
}); |
|||
} |
|||
this.load.list = false; |
|||
}) |
|||
.catch((err) => (this.load.list = false)); |
|||
}, |
|||
|
|||
//选择行xmTask |
|||
selsChange: function (sels) { |
|||
this.sels = sels; |
|||
}, |
|||
|
|||
rowClick: function (row) { |
|||
this.editForm = row; |
|||
this.editFormBak=Object.assign({},row) |
|||
this.$emit('row-click',row,);// @row-click="rowClick" |
|||
}, |
|||
|
|||
onProjectRowClick: function (project) { |
|||
this.filters.selProject = project; |
|||
this.$emit("project-row-click",project) |
|||
this.searchXmTasks(); |
|||
}, |
|||
onProjectClear(){ |
|||
this.filters.selProject=null; |
|||
this.xmTasks=[] |
|||
this.searchXmTasks(); |
|||
}, |
|||
|
|||
getParams(params) { |
|||
if(this.filters.taskState){ |
|||
params.taskState=this.filters.taskState |
|||
} |
|||
if (this.filters.selProject) { |
|||
params.projectId = this.filters.selProject.id; |
|||
} |
|||
if (this.filters.key) { |
|||
params.key = "%" + this.filters.key + "%"; |
|||
} |
|||
params.ntype='1' |
|||
return params; |
|||
}, |
|||
|
|||
initData(){ |
|||
if (this.selProject) { |
|||
this.filters.selProject = this.selProject; |
|||
} |
|||
if (this.xmProduct) { |
|||
this.filters.product = this.xmProduct; |
|||
} |
|||
}, |
|||
|
|||
}, //end methods |
|||
components: { |
|||
XmProjectSelect, |
|||
XmGroupDialog, |
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
this.initData(); |
|||
this.$nextTick(() => { |
|||
if(this.isTaskCenter ||(this.selProject && this.selProject.id)){ |
|||
this.getXmTasks(); |
|||
} |
|||
this.tableHeight = this.source == 'GZT' ? this.tableHeight : util.calcTableMaxHeight(this.$refs.table.$el); |
|||
initSimpleDicts( "all", ["planType","taskType","priority","xmTaskSettleSchemel","priority","taskState",'xm_plan_lvl' ]).then((res) => { |
|||
Object.assign(this.dicts,res.data.data) |
|||
}); |
|||
}); |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue