陈裕财
5 years ago
3 changed files with 462 additions and 12 deletions
-
7src/views/xm/core/xmMenu/XmMenuMng.vue
-
449src/views/xm/core/xmProjectPhase/XmProjectPhaseSelect.vue
-
14src/views/xm/core/xmTask/XmTaskMng.vue
@ -0,0 +1,449 @@ |
|||
<template> |
|||
<section> |
|||
<el-row> |
|||
<el-table max-height="650" ref="selectPhaseTable" :data="projectPhaseTreeData" :show-summary="false" row-key="id" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> |
|||
<el-table-column prop="phaseName" label="阶段名称" min-width="160" > |
|||
<template slot="header" slot-scope="scope"> |
|||
<div>阶段名称 <el-tag size="mini" v-if="editForm.id" closable @close="clearSelectPhase()">{{editForm.seqNo}} {{editForm.phaseName}}</el-tag></div> |
|||
</template> |
|||
<template slot-scope="scope"> |
|||
{{scope.row.seqNo}} {{scope.row.phaseName}} |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination layout="total, 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;"></el-pagination> |
|||
</el-row> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
//import Sticky from '@/components/Sticky' // 粘性header组件 |
|||
import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询 |
|||
import { listXmProjectPhase } from '@/api/xm/core/xmProjectPhase'; |
|||
|
|||
import {sn} from '@/common/js/sequence' |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
projectPhaseTreeData() { |
|||
let xmProjectPhases = JSON.parse(JSON.stringify(this.xmProjectPhases || [])); |
|||
if (this.valueChangeRows && this.valueChangeRows.length) { |
|||
this.valueChangeRows.forEach(c => { |
|||
var index = xmProjectPhases.findIndex(i=>i.id==c.id); |
|||
const oldRow = JSON.parse(JSON.stringify(xmProjectPhases[index])); |
|||
xmProjectPhases.splice(index,1); |
|||
c.parentPhaseId = oldRow.parentPhaseId; |
|||
xmProjectPhases.push(c); |
|||
}) |
|||
} |
|||
|
|||
const projectPhaseTreeData = this.translateDataToTree(xmProjectPhases); |
|||
|
|||
return projectPhaseTreeData; |
|||
}, |
|||
|
|||
}, |
|||
props:['selProject'], |
|||
watch:{ |
|||
selProject:function(selProject,old){ |
|||
console.log('this.selProject==', selProject); |
|||
|
|||
if(!selProject){ |
|||
this.xmProjectPhases=[] |
|||
}else{ |
|||
if( ( !old && selProject.id) || (old && selProject.id!=old.id)){ |
|||
|
|||
this.searchXmProjectPhases(); |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
|
|||
return { |
|||
filters: { |
|||
key: '' |
|||
}, |
|||
xmProjectPhases: [],//查询结果 |
|||
pageInfo:{//分页数据 |
|||
total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
|||
pageSize:50,//每页数据 |
|||
count:false,//是否需要重新计算总记录数 |
|||
pageNum:1,//当前页码、从1开始计算 |
|||
orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段 |
|||
orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
|||
}, |
|||
load:{ list: false, edit: false, del: false, add: false },//查询中... |
|||
sels: [],//列表选中数据 |
|||
options:{ |
|||
xmPhaseStatus:[], |
|||
},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
|||
|
|||
addFormVisible: false,//新增xmProjectPhase界面是否显示 |
|||
//新增xmProjectPhase界面初始化数据 |
|||
addForm: { |
|||
id:'',phaseName:'',remark:'',parentPhaseId:'',branchId:'',taskType:'kf',planType:'m1',projectId:'',beginDate:'',endDate:'',phaseBudgetHours:'',phaseBudgetStaffNu:'',ctime:'',phaseBudgetNouserAt:'',phaseBudgetInnerUserAt:'',phaseBudgetOutUserAt:'',projectBaselineId:'',bizProcInstId:'',bizFlowState:'',phaseBudgetInnerUserCnt:'',phaseBudgetOutUserCnt:'',seqNo:'',phaseBudgetInnerUserPrice:80,phaseBudgetOutUserPrice:100,phaseBudgetInnerUserWorkload:0,phaseBudgetOutUserWorkload:0 |
|||
}, |
|||
|
|||
editFormVisible: false,//编辑界面是否显示 |
|||
//编辑xmProjectPhase界面初始化数据 |
|||
editForm: { |
|||
id:'',phaseName:'',remark:'',parentPhaseId:'',branchId:'',projectId:'',beginDate:'',endDate:'',phaseBudgetHours:'',phaseBudgetStaffNu:'',ctime:'',phaseBudgetNouserAt:'',phaseBudgetInnerUserAt:'',phaseBudgetOutUserAt:'',projectBaselineId:'',bizProcInstId:'',bizFlowState:'',phaseBudgetInnerUserCnt:'',phaseBudgetOutUserCnt:'',seqNo:'',phaseBudgetInnerUserPrice:80,phaseBudgetOutUserPrice:100,phaseBudgetInnerUserWorkload:0,phaseBudgetOutUserWorkload:0 |
|||
}, |
|||
|
|||
editFormInit: { |
|||
id:'',phaseName:'',remark:'',parentPhaseId:'',branchId:'',taskType:'kf',planType:'m1',projectId:'',beginDate:'',endDate:'',phaseBudgetHours:'',phaseBudgetStaffNu:'',ctime:'',phaseBudgetNouserAt:'',phaseBudgetInnerUserAt:'',phaseBudgetOutUserAt:'',projectBaselineId:'',bizProcInstId:'',bizFlowState:'',phaseBudgetInnerUserCnt:'',phaseBudgetOutUserCnt:'',seqNo:'',phaseBudgetInnerUserPrice:80,phaseBudgetOutUserPrice:100,phaseBudgetInnerUserWorkload:0,phaseBudgetOutUserWorkload:0 |
|||
}, |
|||
parentProjectPhase:null, |
|||
/**begin 自定义属性请在下面加 请加备注**/ |
|||
phaseTemplateVisible:false, |
|||
xmRecordVisible:false, |
|||
valueChangeRows:[], |
|||
batchEditVisible:false, |
|||
menuVisible:false,//由故事自动创建阶段计划 |
|||
pickerOptions: util.pickerOptions('date'), |
|||
gstcVisible:false, |
|||
ganrrColumns: { |
|||
children: 'children', |
|||
name: 'phaseName', |
|||
id: 'id', |
|||
pid: 'parentPhaseId', |
|||
startDate: 'beginDate', |
|||
endDate: 'endDate', |
|||
}, |
|||
/**end 自定义属性请在上面加 请加备注**/ |
|||
} |
|||
},//end data |
|||
methods: { |
|||
handleSizeChange(pageSize) { |
|||
this.pageInfo.pageSize=pageSize; |
|||
this.getXmProjectPhases(); |
|||
}, |
|||
handleCurrentChange(pageNum) { |
|||
this.pageInfo.pageNum = pageNum; |
|||
this.getXmProjectPhases(); |
|||
}, |
|||
// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名 |
|||
sortChange( obj ){ |
|||
var dir='asc'; |
|||
if(obj.order=='ascending'){ |
|||
dir='asc' |
|||
}else{ |
|||
dir='desc'; |
|||
} |
|||
if(obj.prop=='xxx'){ |
|||
this.pageInfo.orderFields=['xxx']; |
|||
this.pageInfo.orderDirs=[dir]; |
|||
} |
|||
this.getXmProjectPhases(); |
|||
}, |
|||
searchXmProjectPhases(){ |
|||
this.pageInfo.count=true; |
|||
this.getXmProjectPhases(); |
|||
}, |
|||
//获取列表 XmProjectPhase xm_project_phase |
|||
getXmProjectPhases() { |
|||
this.valueChangeRows=[] |
|||
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(",") |
|||
} |
|||
if(this.filters.key!==""){ |
|||
//params.xxx=this.filters.key |
|||
}else{ |
|||
//params.xxx=xxxxx |
|||
} |
|||
if(this.selProject!=null && this.selProject!=undefined){ |
|||
params.projectId=this.selProject.id |
|||
|
|||
} |
|||
this.load.list = true; |
|||
listXmProjectPhase(params).then((res) => { |
|||
var tips=res.data.tips; |
|||
if(tips.isOk){ |
|||
this.pageInfo.total = res.data.total; |
|||
this.pageInfo.count=false; |
|||
this.xmProjectPhases = res.data.data; |
|||
}else{ |
|||
this.$message({ message: tips.msg, type: 'error' }); |
|||
} |
|||
this.load.list = false; |
|||
}).catch( err => this.load.list = false ); |
|||
}, |
|||
|
|||
//选择行xmProjectPhase |
|||
selsChange: function (sels) { |
|||
this.sels = sels; |
|||
}, |
|||
|
|||
clearSelectPhase(){ |
|||
this.editForm=this.editFormInit |
|||
this.$emit('clear-select',null );// @row-click="rowClick" |
|||
}, |
|||
rowClick: function(row, event, column){ |
|||
var myrow=JSON.parse(JSON.stringify(row)) |
|||
myrow.children=[]; |
|||
this.parentProjectPhase=myrow |
|||
this.editForm=row; |
|||
this.$emit('row-click',myrow, event, column);// @row-click="rowClick" |
|||
}, |
|||
/**begin 自定义函数请在下面加**/ |
|||
translateDataToTree(data2) { |
|||
var data=JSON.parse(JSON.stringify(data2)); |
|||
let parents = data.filter(value =>{ |
|||
//如果我的上级为空，则我是最上级 |
|||
if(value.parentPhaseId == 'undefined' || value.parentPhaseId == null || value.parentPhaseId == ''){ |
|||
return true; |
|||
|
|||
//如果我的上级不在列表中，我作为最上级 |
|||
}else if(data.some(i=>value.parentPhaseId==i.id)){ |
|||
return false; |
|||
}else { |
|||
return true |
|||
} |
|||
|
|||
}) |
|||
let children = data.filter(value =>{ |
|||
if(data.some(i=>value.parentPhaseId==i.id)){ |
|||
return true; |
|||
}else{ |
|||
return false; |
|||
} |
|||
}) |
|||
let translator = (parents, children) => { |
|||
parents.forEach((parent) => { |
|||
children.forEach((current, index) => { |
|||
if (current.parentPhaseId === parent.id) { |
|||
let temp = JSON.parse(JSON.stringify(children)) |
|||
temp.splice(index, 1) |
|||
translator([current], temp) |
|||
typeof parent.children !== 'undefined' ? parent.children.push(current) : parent.children = [current] |
|||
} |
|||
} |
|||
) |
|||
} |
|||
) |
|||
} |
|||
|
|||
translator(parents, children) |
|||
|
|||
return parents |
|||
}, |
|||
|
|||
getFloatValue(value,digit){ |
|||
if(value==null || value=='' || value==undefined){ |
|||
value=0; |
|||
return value; |
|||
} |
|||
if(!digit){ |
|||
digit=2 |
|||
} |
|||
if(typeof( value )=='string'){ |
|||
return parseFloat(value); |
|||
}else{ |
|||
return value |
|||
} |
|||
|
|||
}, |
|||
|
|||
formatDate(dateStr){ |
|||
if(dateStr==null || dateStr==""){ |
|||
return ""; |
|||
}else{ |
|||
return dateStr.substr(0,10); |
|||
} |
|||
}, |
|||
calcTaskStateByTime(startTime,endTime,actRate,phaseStatus){ |
|||
if(startTime==null || startTime=="" || endTime==null || endTime ==""){ |
|||
return {remark:"未配置日期",status:'warning'} |
|||
} |
|||
var curDate=new Date(); |
|||
var start=new Date(startTime); |
|||
var end=new Date(endTime); |
|||
if(this.getDaysBetween(curDate, start)<=0){ |
|||
return {remark:this.toFixed(this.getDaysBetween(start,curDate))+"天后开始",status:'primary'}; |
|||
}else if( this.getDaysBetween(curDate, start) > 0 && this.getDaysBetween(curDate, end) <= 0 ){ |
|||
return {remark: this.toFixed(this.getDaysBetween(end, curDate))+"天后结束",status:'primary'}; |
|||
}else if( this.getDaysBetween(curDate, end) > 0 ){ |
|||
return {remark:"逾期"+( this.toFixed(this.getDaysBetween(curDate, end)) )+"天",status:'danger'}; |
|||
} |
|||
}, |
|||
/** |
|||
* 计算两个日期之间的天数 |
|||
* @param dateString1 开始日期 yyyy-MM-dd |
|||
* @param dateString2 结束日期 yyyy-MM-dd |
|||
*/ |
|||
getDaysBetween(startDate,endDate){ |
|||
if (startDate==endDate){ |
|||
return 0; |
|||
} |
|||
var days=(startDate - endDate )/(1*24*60*60*1000); |
|||
return days; |
|||
}, |
|||
getSummariesForBatchEdit:function(params){ |
|||
const { columns, data } = params; |
|||
const sums = []; |
|||
sums[0]='' |
|||
sums[1]='总计'//名字 |
|||
sums[2]=''//进度 |
|||
sums[3]=''//开始结束时间 |
|||
sums[4]=''// 工期 工作量 成本金额 |
|||
|
|||
var workload=this.phaseBudgetData.phaseBudgetInnerUserWorkload+this.phaseBudgetData.phaseBudgetOutUserWorkload |
|||
var cost=this.phaseBudgetData.phaseBudgetNouserAt+this.phaseBudgetData.phaseBudgetInnerUserAt+this.phaseBudgetData.phaseBudgetOutUserAt |
|||
sums[4]='工作量:'+workload.toFixed(0)+'人时,预算金额:'+cost.toFixed(0)+'元,'+(cost/10000).toFixed(2)+'万元' |
|||
return sums; |
|||
}, |
|||
getSummariesForNoBatchEdit:function(params){ |
|||
const { columns, data } = params; |
|||
const sums = []; |
|||
sums[0]='' |
|||
sums[1]=''// |
|||
sums[2]='总计'//名字 |
|||
sums[3]=''//时间 |
|||
sums[4]=''//进度 |
|||
sums[5]=''//工作量 计划、实际 |
|||
sums[6]=''// 成本 计划、实际 |
|||
var budgetWorkload=this.phaseBudgetData.phaseBudgetInnerUserWorkload+this.phaseBudgetData.phaseBudgetOutUserWorkload |
|||
|
|||
var phaseActWorkload=this.phaseBudgetData.phaseActWorkload |
|||
var budgetCost=this.phaseBudgetData.phaseBudgetNouserAt+this.phaseBudgetData.phaseBudgetInnerUserAt+this.phaseBudgetData.phaseBudgetOutUserAt |
|||
var actCost=this.phaseBudgetData.actInnerUserAt+this.phaseBudgetData.actNouserAt+this.phaseBudgetData.actOutUserAt |
|||
sums[5]='预算工作量:'+budgetWorkload+'人时,实际:'+phaseActWorkload+'人时' |
|||
sums[6]='预算金额:'+budgetCost.toFixed(0)+'元,'+(budgetCost/10000).toFixed(2)+'万元,实际:'+actCost.toFixed(0)+'元,'+(actCost/10000).toFixed(2)+'万元' |
|||
|
|||
return sums; |
|||
}, |
|||
toFixed(floatValue,xsd){ |
|||
if(floatValue ==null || floatValue=='' || floatValue == undefined){ |
|||
return 0; |
|||
}else{ |
|||
if(xsd){ |
|||
if(typeof(floatValue)=='number'){ |
|||
return floatValue.toFixed(xsd) |
|||
}else{ |
|||
|
|||
return parseFloat(floatValue).toFixed(xsd); |
|||
} |
|||
}else{ |
|||
if(typeof(floatValue)=='number'){ |
|||
return floatValue.toFixed(0) |
|||
}else{ |
|||
|
|||
return parseFloat(floatValue).toFixed(0); |
|||
} |
|||
} |
|||
|
|||
} |
|||
}, |
|||
showLog(row){ |
|||
this.editForm=row |
|||
this.xmRecordVisible=true |
|||
}, |
|||
// 判断前后两个数据是否存在同一回路里面 |
|||
// dict 为字典；sId拖拽到menuId; ePmeuId 是放置位置的祖先 menuId; |
|||
judgePmenuId(dict, sId, ePmeuId) { |
|||
if (sId === ePmeuId) { |
|||
return true; |
|||
} else if (dict[ePmeuId]) { |
|||
return this.judgePmenuId(dict, sId, dict[ePmeuId]); |
|||
} else { |
|||
return false; |
|||
} |
|||
}, |
|||
changePmenuId(sId, eId) { |
|||
let dict = {}; |
|||
this.xmProjectPhases.forEach(d => { |
|||
dict[d.id] = d.parentPhaseId || ''; |
|||
}); |
|||
if (!dict[eId]) { |
|||
this.xmProjectPhases.find(d => { |
|||
if (d.id === sId) { |
|||
d.parentPhaseId = eId; |
|||
console.log('更新关系1'); |
|||
this.fieldChange(d,'parentPhaseId',true); |
|||
} |
|||
}) |
|||
} else { |
|||
const isSynezesis = this.judgePmenuId(dict, sId, dict[eId]); |
|||
if (!isSynezesis) { |
|||
this.xmProjectPhases.find(d => { |
|||
if (d.id === sId) { |
|||
d.parentPhaseId = eId; |
|||
console.log('更新关系2'); |
|||
this.fieldChange(d,'parentPhaseId',true); |
|||
} |
|||
}) |
|||
} else { |
|||
console.log('形成闭合回路--拖拽不更新'); |
|||
|
|||
} |
|||
} |
|||
}, |
|||
/**end 自定义函数请在上面加**/ |
|||
formateOption:function(itemCode,value){ |
|||
if(this.options[itemCode]){ |
|||
var options=this.options[itemCode].filter(i=>i.optionValue==value); |
|||
if(options && options.length > 0){ |
|||
return options[0].optionName |
|||
}else{ |
|||
return value; |
|||
} |
|||
}else{ |
|||
return value |
|||
} |
|||
}, |
|||
|
|||
},//end methods |
|||
components: { |
|||
|
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
|
|||
this.$nextTick(() => { |
|||
if(this.selProject){ |
|||
this.getXmProjectPhases(); |
|||
} |
|||
|
|||
listOption([ |
|||
{categoryId:'all',itemCode:'xmPhaseStatus'} |
|||
]).then(res=>{ |
|||
this.options=res.data.data; |
|||
}) |
|||
}); |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.el-table{ |
|||
box-sizing: border-box; |
|||
/deep/ .cell { |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: normal; |
|||
word-break: break-all; |
|||
line-height: 23px; |
|||
padding-right: 10px; |
|||
display: flex; |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue