陈裕财
4 years ago
7 changed files with 1545 additions and 3 deletions
-
247src/views/xm/rpt/project/projectWorkItemDayList.vue
-
222src/views/xm/rpt/project/taskAgeDist.vue
-
286src/views/xm/rpt/project/taskAttDist.vue
-
260src/views/xm/rpt/project/taskDayAccumulate.vue
-
258src/views/xm/rpt/project/taskDayTrend.vue
-
247src/views/xm/rpt/project/taskSort.vue
-
28src/views/xm/rpt/reportIndex.vue
@ -0,0 +1,247 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-dialog :title="(filters.project?'【'+filters.project.name+'】':'')+'工作项按日分布趋势图'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
||||
|
|
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="18"> |
||||
|
<div> |
||||
|
<div class="main" id="projectWorkItemDayList" style="width:100%;height:600px;margin:0 auto;"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :label-position="'top'" :model="filters"> |
||||
|
<el-form-item> |
||||
|
<xm-project-select v-if="!xmProduct" ref="xmProjectSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProjectSelected" @clear="onProjectClear"></xm-project-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="日期区间"> |
||||
|
<date-range v-model="filters" value-format="yyyy-MM-dd" start-key="startBizDate" end-key="endBizDate"></date-range> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="listXmProjectStateHis">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-dialog> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect';//新增界面 |
||||
|
import { listXmProjectStateHis } from '@/api/xm/core/xmProjectStateHis'; |
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProjectSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
dataSetCpd(){ |
||||
|
return [ |
||||
|
['日期',...this.xmProjectStateHiss.map(i=>i.bizDate)], |
||||
|
['未关故事',...this.xmProjectStateHiss.map(i=>i.menuCnt-i.menuFinishCnt)], |
||||
|
['已关故事',...this.xmProjectStateHiss.map(i=>i.menuFinishCnt)], |
||||
|
['未关任务',...this.xmProjectStateHiss.map(i=>i.taskCnt-i.finishTaskCnt)], |
||||
|
['已关任务',...this.xmProjectStateHiss.map(i=>i.finishTaskCnt)], |
||||
|
['未关缺陷',...this.xmProjectStateHiss.map(i=>i.bugCnt-i.closedBugs)], |
||||
|
['已关缺陷',...this.xmProjectStateHiss.map(i=>i.closedBugs)] |
||||
|
] |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
dataSetCpd(){ |
||||
|
this.$nextTick(()=>{ |
||||
|
this.drawCharts(); |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
category:'', |
||||
|
product:null, |
||||
|
iteration:null, |
||||
|
project:null, |
||||
|
startBizDate:'', |
||||
|
endBizDate:'', |
||||
|
}, |
||||
|
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dateRanger:[], |
||||
|
maxTableHeight:300, |
||||
|
visible:false, |
||||
|
xmProjectStateHiss:[], |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
listXmProjectStateHis(){ |
||||
|
if(!this.filters.project){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请先选中项目',type:'warning'}) |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var params={projectId: this.filters.project.id,orderBy:'biz_date asc'} |
||||
|
if(this.filters.startBizDate && this.filters.endBizDate){ |
||||
|
params.startBizDate=this.filters.startBizDate; |
||||
|
params.endBizDate=this.filters.endBizDate; |
||||
|
} |
||||
|
listXmProjectStateHis(params).then(res=>{ |
||||
|
this.xmProjectStateHiss=res.data.tips.isOk?res.data.data:this.xmProjectStateHiss; |
||||
|
}) |
||||
|
}, |
||||
|
open(params){ |
||||
|
this.visible=true; |
||||
|
this.filters.product=params.xmProduct |
||||
|
this.filters.project=params.xmProject |
||||
|
this.filters.iteration=params.xmIteration |
||||
|
this.xmProjectStateHiss=[] |
||||
|
|
||||
|
this.$nextTick(()=>{ |
||||
|
if(this.$refs['xmProjectSelect'])this.$refs['xmProjectSelect'].clearSelect(); |
||||
|
this.listXmProjectStateHis(); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("projectWorkItemDayList")); |
||||
|
var that=this; |
||||
|
this.myChart.on('updateAxisPointer', function (event) { |
||||
|
const xAxisInfo = event.axesInfo[0]; |
||||
|
if (xAxisInfo) { |
||||
|
const dimension = xAxisInfo.value + 1; |
||||
|
that.myChart.setOption({ |
||||
|
series: { |
||||
|
id: 'pie', |
||||
|
label: { |
||||
|
formatter: '{b}: {@[' + dimension + ']} ({d}%)' |
||||
|
}, |
||||
|
encode: { |
||||
|
value: dimension, |
||||
|
tooltip: dimension |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
this.myChart.setOption({ |
||||
|
title: { |
||||
|
text: '工作项分布', |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
showContent: false |
||||
|
}, |
||||
|
legend: { |
||||
|
}, |
||||
|
|
||||
|
dataset: { |
||||
|
source: this.dataSetCpd |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
}, |
||||
|
yAxis: { gridIndex: 0 }, |
||||
|
grid: { top: '55%' }, |
||||
|
series: [ |
||||
|
{ name:'未关故事', |
||||
|
type: 'line', |
||||
|
seriesLayoutBy: 'row', |
||||
|
smooth:true, |
||||
|
emphasis: { focus: 'series' }, |
||||
|
}, |
||||
|
{ name:'已关故事', |
||||
|
type: 'line', |
||||
|
seriesLayoutBy: 'row', |
||||
|
smooth:true, |
||||
|
emphasis: { focus: 'series' }, |
||||
|
}, |
||||
|
{ |
||||
|
name:'未关任务', |
||||
|
type: 'line', |
||||
|
seriesLayoutBy: 'row', |
||||
|
smooth:true, |
||||
|
emphasis: { focus: 'series' }, |
||||
|
}, |
||||
|
{ |
||||
|
name:'已关任务', |
||||
|
type: 'line', |
||||
|
seriesLayoutBy: 'row', |
||||
|
smooth:true, |
||||
|
emphasis: { focus: 'series' }, |
||||
|
}, |
||||
|
{ name:'未关缺陷', |
||||
|
type: 'line', |
||||
|
seriesLayoutBy: 'row', |
||||
|
smooth:true, |
||||
|
emphasis: { focus: 'series' }, |
||||
|
}, |
||||
|
{ name:'已关缺陷', |
||||
|
type: 'line', |
||||
|
seriesLayoutBy: 'row', |
||||
|
smooth:true, |
||||
|
emphasis: { focus: 'series' }, |
||||
|
}, |
||||
|
{ |
||||
|
type: 'pie', |
||||
|
id: 'pie', |
||||
|
radius: '30%', |
||||
|
center: ['50%', '25%'], |
||||
|
emphasis: { |
||||
|
focus: 'self' |
||||
|
}, |
||||
|
label: { |
||||
|
formatter: '{b}: {@日期} ({d}%)' |
||||
|
}, |
||||
|
encode: { |
||||
|
itemName: '日期', |
||||
|
value: '日期', |
||||
|
tooltip: '日期' |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
onProjectSelected(project){ |
||||
|
this.filters.project=project |
||||
|
this.xmProjectStateHiss=[]; |
||||
|
this.listXmProjectStateHis(); |
||||
|
}, |
||||
|
|
||||
|
onProjectClear(){ |
||||
|
this.filters.project=null |
||||
|
|
||||
|
this.xmProjectStateHiss=[]; |
||||
|
|
||||
|
}, |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
/** |
||||
|
initSimpleDicts('all',['planType','xmTaskSettleSchemel','taskType','priority','taskState'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
*/ |
||||
|
//this.charts(); |
||||
|
//this.drawCharts(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,222 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-dialog :title="(filters.project?'【'+filters.project.name+'】':'')+'任务属性分布'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="18"> |
||||
|
<div> |
||||
|
<div class="main" id="xmTaskAgeDist" |
||||
|
style="width:100%;height:600px;margin:0 auto;"></div> |
||||
|
<div class="progress"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :label-position="'top'" label-width="120px" :model="filters"> |
||||
|
<xm-project-select class="padding" v-if="!xmProject" ref="xmProjectSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProjectSelected" :iterationId="xmIteration?xmIteration.id:null" @clear="onProjectClear"></xm-project-select> |
||||
|
<el-form-item label="任务状态" prop="taskState"> |
||||
|
<el-select v-model="filters.taskState" @change="onXmTaskSomeFieldsChange('taskState',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.taskState" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务类型" prop="taskType" > |
||||
|
<el-select v-model="filters.taskType" @change="onXmTaskSomeFieldsChange('taskType',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.taskType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务来源" prop="planType"> |
||||
|
<el-select v-model="filters.planType" @change="onXmTaskSomeFieldsChange('planType',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.planType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务层次" prop="settleSchemel" > |
||||
|
<el-select v-model="filters.settleSchemel" @change="onXmTaskSomeFieldsChange('settleSchemel',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.xmTaskSettleSchemel" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="优先级" prop="priority" > |
||||
|
<el-select v-model="filters.priority" @change="onXmTaskSomeFieldsChange('priority',$event)" clearable> |
||||
|
<el-option v-for="i in dicts.priority" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="searchXmTaskAgeDist">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-dialog> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import { getXmTaskAgeDist } from '@/api/xm/core/xmTask'; |
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect';//新增界面 |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProjectSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmIteration','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
xmTaskAgeDistsCpd(){ |
||||
|
if(this.xmTaskAgeDists.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
var datas=[] |
||||
|
this.xmTaskAgeDists.forEach(i=>{ |
||||
|
var data={...i} |
||||
|
data.name=this.legendCpd[i.name] |
||||
|
datas.push(data) |
||||
|
}) |
||||
|
return datas; |
||||
|
} |
||||
|
}, |
||||
|
title(){ |
||||
|
return '任务年龄数量分布' |
||||
|
}, |
||||
|
legendCpd(){ |
||||
|
return ['0-2天','3-5天','6-7天','8-15天','16-30天','30天以上'] |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
xmTaskAgeDistsCpd(){ |
||||
|
this.drawCharts(); |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
product:null, |
||||
|
iteration:null, |
||||
|
}, |
||||
|
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dateRanger:[], |
||||
|
maxTableHeight:300, |
||||
|
visible:false, |
||||
|
xmTaskAgeDists:[], |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
open(params){ |
||||
|
this.visible=true; |
||||
|
this.filters.product=params.xmProduct |
||||
|
this.filters.project=params.xmProject |
||||
|
this.filters.Product=params.xmProduct |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("xmTaskAgeDist")); |
||||
|
this.myChart.setOption( |
||||
|
{ |
||||
|
title: { |
||||
|
text: this.title, |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item' |
||||
|
}, |
||||
|
legend: { |
||||
|
top:'5%', |
||||
|
left: 'center', |
||||
|
data:this.legendCpd, |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
type: 'pie', |
||||
|
radius: '50%', |
||||
|
data: this.xmTaskAgeDistsCpd, |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
shadowBlur: 10, |
||||
|
shadowOffsetX: 0, |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
label: { |
||||
|
show: true, |
||||
|
position: 'center' |
||||
|
}, |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
) |
||||
|
}, |
||||
|
onXmTaskSomeFieldsChange(fieldName,$event){ |
||||
|
this.xmTaskAgeDists=[] |
||||
|
}, |
||||
|
searchXmTaskAgeDist(){ |
||||
|
var params={} |
||||
|
if(this.filters.taskType){ |
||||
|
params.taskType=this.filters.taskType |
||||
|
} |
||||
|
if(this.filters.taskState){ |
||||
|
params.taskState=this.filters.taskState |
||||
|
} |
||||
|
if(this.filters.planType){ |
||||
|
params.planType=this.filters.planType |
||||
|
} |
||||
|
if(this.filters.settleSchemel){ |
||||
|
params.settleSchemel=this.filters.settleSchemel |
||||
|
} |
||||
|
if(this.filters.priority){ |
||||
|
params.priority=this.filters.priority |
||||
|
} |
||||
|
params.groupBy=this.groupBy |
||||
|
if(this.filters.project){ |
||||
|
params.projectId=this.filters.project.id |
||||
|
} |
||||
|
|
||||
|
if(this.filters.iteration){ |
||||
|
params.iterationId=this.filters.iteration.id |
||||
|
} |
||||
|
getXmTaskAgeDist(params).then(res=>{ |
||||
|
this.xmTaskAgeDists=res.data.data |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
onProjectSelected(project){ |
||||
|
this.filters.project=project |
||||
|
}, |
||||
|
|
||||
|
onProjectClear(){ |
||||
|
this.filters.project=null |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
onIterationSelected(iteration){ |
||||
|
this.filters.iteration=iteration |
||||
|
}, |
||||
|
|
||||
|
onIterationClear(){ |
||||
|
this.filters.iteration=null |
||||
|
} |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
initSimpleDicts('all',['planType','xmTaskSettleSchemel','taskType','priority','taskState'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
//this.charts(); |
||||
|
//this.drawCharts(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,286 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-dialog :title="(filters.project?'【'+filters.project.name+'】':'')+'任务属性分布'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="18"> |
||||
|
<div> |
||||
|
<div class="main" id="xmTaskAttDist" |
||||
|
style="width:100%;height:600px;margin:0 auto;"></div> |
||||
|
<div class="progress"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :label-position="'top'" label-width="120px" :model="filters"> |
||||
|
<el-form-item label="分组属性"> |
||||
|
<el-select v-model="groupBy" @change="onXmTaskSomeFieldsChange('groupBy',$event)" clearable> |
||||
|
<el-option v-for="i in this.groupBys" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<xm-project-select class="padding" v-if="!xmProject" ref="xmProjectSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProjectSelected" :iterationId="xmIteration?xmIteration.id:null" @clear="onProjectClear"></xm-project-select> |
||||
|
|
||||
|
<el-form-item label="任务状态" prop="taskState"> |
||||
|
<el-select v-model="filters.taskState" @change="onXmTaskSomeFieldsChange('taskState',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.taskState" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务类型" prop="taskType" > |
||||
|
<el-select v-model="filters.taskType" @change="onXmTaskSomeFieldsChange('taskType',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.taskType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="计划类型" prop="planType"> |
||||
|
<el-select v-model="filters.planType" @change="onXmTaskSomeFieldsChange('planType',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.planType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="结算方案" prop="settleSchemel" > |
||||
|
<el-select v-model="filters.settleSchemel" @change="onXmTaskSomeFieldsChange('settleSchemel',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.xmTaskSettleSchemel" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="优先级" prop="priority" > |
||||
|
<el-select v-model="filters.priority" @change="onXmTaskSomeFieldsChange('priority',$event)" clearable> |
||||
|
<el-option v-for="i in dicts.priority" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="searchXmTaskAttDist">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-dialog> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import { getXmTaskAttDist } from '@/api/xm/core/xmTask'; |
||||
|
|
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect';//新增界面 |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProjectSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmIteration','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
xmTaskAttDistsCpd(){ |
||||
|
if(this.xmTaskAttDists.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
var itemId=""; |
||||
|
if(this.groupBy=='task_state'){ |
||||
|
itemId="taskState" |
||||
|
}else if(this.groupBy=='settle_schemel'){ |
||||
|
itemId="xmTaskSettleSchemel" |
||||
|
}else if(this.groupBy=='task_type'){ |
||||
|
itemId="taskType" |
||||
|
}else if(this.groupBy=='priority'){ |
||||
|
itemId="priority" |
||||
|
}else if(this.groupBy=='plan_type'){ |
||||
|
itemId="planType" |
||||
|
} |
||||
|
return this.xmTaskAttDists.map(i=>{ |
||||
|
var data={...i} |
||||
|
data.name=this.formatDict(itemId,data.name) |
||||
|
return data; |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
title(){ |
||||
|
return this.groupBys.find(i=>i.id==this.groupBy).name+'数量分布' |
||||
|
}, |
||||
|
legendCpd(){ |
||||
|
var itemId=""; |
||||
|
if(this.groupBy=='task_state'){ |
||||
|
itemId="taskState" |
||||
|
}else if(this.groupBy=='settle_schemel'){ |
||||
|
itemId="xmTaskSettleSchemel" |
||||
|
}else if(this.groupBy=='task_type'){ |
||||
|
itemId="taskType" |
||||
|
}else if(this.groupBy=='priority'){ |
||||
|
itemId="priority" |
||||
|
}else if(this.groupBy=='plan_type'){ |
||||
|
itemId="planType" |
||||
|
} |
||||
|
|
||||
|
return this.dicts[itemId].map(i=>i.name) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
xmTaskAttDistsCpd(){ |
||||
|
this.drawCharts(); |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
product:null, |
||||
|
iteration:null, |
||||
|
}, |
||||
|
groupBy:'task_state', |
||||
|
groupBys:[ |
||||
|
{id:'task_state', name:'任务状态'}, |
||||
|
{id:'task_type', name:'任务类型'}, |
||||
|
{id:'plan_type', name:'计划类型'}, |
||||
|
{id:'settle_schemel', name:'结算方案'}, |
||||
|
{id:'priority', name:'优先级'} |
||||
|
], |
||||
|
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dateRanger:[], |
||||
|
maxTableHeight:300, |
||||
|
visible:false, |
||||
|
xmTaskAttDists:[], |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
formatDict(itemId,val){ |
||||
|
var dict=this.dicts[itemId] |
||||
|
if(dict){ |
||||
|
var item=dict.find(i=>i.id==val) |
||||
|
if(item){ |
||||
|
return item.name |
||||
|
} |
||||
|
} |
||||
|
return val; |
||||
|
}, |
||||
|
findMax( list ) { |
||||
|
var i, max = list[0]; |
||||
|
|
||||
|
if(list.length < 2) return max; |
||||
|
|
||||
|
for (i = 0; i < list.length; i++) { |
||||
|
if (list[i].distBudgetWorkload > max.distBudgetWorkload) { |
||||
|
max = list[i]; |
||||
|
} |
||||
|
} |
||||
|
return max; |
||||
|
}, |
||||
|
open(params){ |
||||
|
this.visible=true; |
||||
|
this.filters.product=params.xmProduct |
||||
|
this.filters.project=params.xmProject |
||||
|
this.filters.Product=params.xmProduct |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("xmTaskAttDist")); |
||||
|
this.myChart.setOption( |
||||
|
{ |
||||
|
title: { |
||||
|
text: this.title, |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item' |
||||
|
}, |
||||
|
legend: { |
||||
|
top:'5%', |
||||
|
left: 'center', |
||||
|
data:this.legendCpd, |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
type: 'pie', |
||||
|
radius: '50%', |
||||
|
data: this.xmTaskAttDistsCpd, |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
shadowBlur: 10, |
||||
|
shadowOffsetX: 0, |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
label: { |
||||
|
show: true, |
||||
|
position: 'center' |
||||
|
}, |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
) |
||||
|
}, |
||||
|
onXmTaskSomeFieldsChange(fieldName,$event){ |
||||
|
this.xmTaskAttDists=[] |
||||
|
}, |
||||
|
searchXmTaskAttDist(){ |
||||
|
if(!this.groupBy){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请选中分组属性',type:'warning'}) |
||||
|
return |
||||
|
} |
||||
|
var params={} |
||||
|
if(this.filters.taskType){ |
||||
|
params.taskType=this.filters.taskType |
||||
|
} |
||||
|
if(this.filters.taskState){ |
||||
|
params.taskState=this.filters.taskState |
||||
|
} |
||||
|
if(this.filters.planType){ |
||||
|
params.planType=this.filters.planType |
||||
|
} |
||||
|
if(this.filters.settleSchemel){ |
||||
|
params.settleSchemel=this.filters.settleSchemel |
||||
|
} |
||||
|
if(this.filters.priority){ |
||||
|
params.priority=this.filters.priority |
||||
|
} |
||||
|
params.groupBy=this.groupBy |
||||
|
if(this.filters.project){ |
||||
|
params.projectId=this.filters.project.id |
||||
|
} |
||||
|
|
||||
|
if(this.filters.iteration){ |
||||
|
params.iterationId=this.filters.iteration.id |
||||
|
} |
||||
|
getXmTaskAttDist(params).then(res=>{ |
||||
|
this.xmTaskAttDists=res.data.data |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
onProjectSelected(project){ |
||||
|
this.filters.project=project |
||||
|
}, |
||||
|
|
||||
|
onProjectClear(){ |
||||
|
this.filters.project=null |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
onIterationSelected(iteration){ |
||||
|
this.filters.iteration=iteration |
||||
|
}, |
||||
|
|
||||
|
onIterationClear(){ |
||||
|
this.filters.iteration=null |
||||
|
} |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
initSimpleDicts('all',['planType','xmTaskSettleSchemel','taskType','priority','taskState'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
//this.charts(); |
||||
|
//this.drawCharts(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,260 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-dialog :title="(filters.project?'【'+filters.project.name+'】':'')+'任务累积图'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
||||
|
|
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="18"> <div> |
||||
|
<div class="main" id="menuDayAccumulate" |
||||
|
style="width:100%;height:600px;margin:0 auto;"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :label-position="'top'" label-width="120px" :model="filters"> |
||||
|
<el-form-item> |
||||
|
<xm-project-select v-if="!xmProduct" ref="xmProjectSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProjectSelected" @clear="onProjectClear"></xm-project-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="日期区间"> |
||||
|
<date-range v-model="filters" value-format="yyyy-MM-dd" start-key="startBizDate" end-key="endBizDate"></date-range> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="listXmProjectStateHis">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-dialog> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import { listXmProjectStateHis } from '@/api/xm/core/xmProjectStateHis'; |
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect';//新增界面 |
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProjectSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
datesCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=>i.bizDate) |
||||
|
} |
||||
|
}, |
||||
|
menuCloseCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=>i.menuCloseCnt) |
||||
|
} |
||||
|
}, |
||||
|
menuUnstartCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=> i.menuUnstartCnt) |
||||
|
} |
||||
|
}, |
||||
|
menuExecCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=> i.menuExecCnt) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
menuFinishCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=>i.menuFinishCnt) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
datesCpd(){ |
||||
|
|
||||
|
this.$nextTick(()=>{ |
||||
|
this.drawCharts(); |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
category:'', |
||||
|
product:null, |
||||
|
project:null, |
||||
|
}, |
||||
|
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dateRanger:[], |
||||
|
maxTableHeight:300, |
||||
|
visible:false, |
||||
|
xmProjectStateHiss:[], |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
listXmProjectStateHis(){ |
||||
|
if(!this.filters.project){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请先选中项目',type:'warning'}) |
||||
|
return; |
||||
|
} |
||||
|
var params={projectId: this.filters.project.id,orderBy:'biz_date asc'} |
||||
|
|
||||
|
if(this.filters.startBizDate && this.filters.endBizDate){ |
||||
|
params.startBizDate=this.filters.startBizDate; |
||||
|
params.endBizDate=this.filters.endBizDate; |
||||
|
} |
||||
|
listXmProjectStateHis(params).then(res=>{ |
||||
|
this.xmProjectStateHiss=res.data.tips.isOk?res.data.data:this.xmProjectStateHiss; |
||||
|
}) |
||||
|
}, |
||||
|
open(params){ |
||||
|
this.visible=true; |
||||
|
this.filters.product=params.xmProduct |
||||
|
this.filters.project=params.xmProject |
||||
|
this.filters.Product=params.xmProduct |
||||
|
this.xmProjectStateHiss=[] |
||||
|
if(this.$refs['xmProjectSelect'])this.$refs['xmProjectSelect'].clearSelect(); |
||||
|
this.$nextTick(()=>{ |
||||
|
this.listXmProjectStateHis(); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("menuDayAccumulate")); |
||||
|
this.myChart.setOption( |
||||
|
{ |
||||
|
title: { |
||||
|
text: '任务累积图' |
||||
|
}, |
||||
|
|
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
axisPointer: { |
||||
|
type: 'cross', |
||||
|
label: { |
||||
|
backgroundColor: '#6a7985' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
legend: { |
||||
|
data: ['未开始', '执行中', '已完成', '已关闭'] |
||||
|
}, |
||||
|
grid: { |
||||
|
left: '3%', |
||||
|
right: '4%', |
||||
|
bottom: '3%', |
||||
|
containLabel: true |
||||
|
}, |
||||
|
toolbox: { |
||||
|
feature: { |
||||
|
saveAsImage: {} |
||||
|
} |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
boundaryGap: false, |
||||
|
data: this.datesCpd, |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value' |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
name: '未开始', |
||||
|
type: 'line', |
||||
|
stack: 'Total', |
||||
|
areaStyle: {}, |
||||
|
emphasis: { |
||||
|
focus: 'series' |
||||
|
}, |
||||
|
data: this.menuUnstartCntCpd |
||||
|
}, |
||||
|
{ |
||||
|
name: '执行中', |
||||
|
type: 'line', |
||||
|
stack: 'Total', |
||||
|
areaStyle: {}, |
||||
|
emphasis: { |
||||
|
focus: 'series' |
||||
|
}, |
||||
|
data: this.menuExecCntCpd, |
||||
|
}, |
||||
|
{ |
||||
|
name: '已完成', |
||||
|
type: 'line', |
||||
|
stack: 'Total', |
||||
|
areaStyle: {}, |
||||
|
emphasis: { |
||||
|
focus: 'series' |
||||
|
}, |
||||
|
data: this.menuFinishCntCpd, |
||||
|
}, |
||||
|
{ |
||||
|
name: '已关闭', |
||||
|
type: 'line', |
||||
|
stack: 'Total', |
||||
|
areaStyle: {}, |
||||
|
emphasis: { |
||||
|
focus: 'series' |
||||
|
}, |
||||
|
|
||||
|
label: { |
||||
|
show: true, |
||||
|
position: 'top' |
||||
|
}, |
||||
|
data: this.menuCloseCntCpd, |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
onProjectSelected(project){ |
||||
|
this.filters.project=project |
||||
|
this.xmProjectStateHiss=[]; |
||||
|
this.listXmProjectStateHis(); |
||||
|
}, |
||||
|
|
||||
|
onProjectClear(){ |
||||
|
this.filters.project=null |
||||
|
|
||||
|
this.xmProjectStateHiss=[]; |
||||
|
|
||||
|
}, |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
/** |
||||
|
initSimpleDicts('all',['planType','xmTaskSettleSchemel','taskType','priority','taskState'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
*/ |
||||
|
//this.charts(); |
||||
|
//this.drawCharts() |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,258 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-dialog :title="(filters.project?'【'+filters.project.name+'】':'')+'任务每日趋势'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
||||
|
|
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="18"> |
||||
|
<div> |
||||
|
<div class="main" id="menuDayTrend" |
||||
|
style="width:100%;height:600px;margin:0 auto;"></div> |
||||
|
<div class="progress"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :label-position="'top'" label-width="120px" :model="filters"> |
||||
|
<el-form-item> |
||||
|
<xm-project-select v-if="!xmProduct" ref="xmProjectSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProjectSelected" @clear="onProjectClear"></xm-project-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="日期区间"> |
||||
|
<date-range v-model="filters" value-format="yyyy-MM-dd" start-key="startBizDate" end-key="endBizDate"></date-range> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="listXmProjectStateHis">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-dialog> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import { listXmProjectStateHis } from '@/api/xm/core/xmProjectStateHis'; |
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect';//新增界面 |
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProjectSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
datesCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=>i.bizDate) |
||||
|
} |
||||
|
}, |
||||
|
menuCloseCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=>i.menuCloseCnt) |
||||
|
} |
||||
|
}, |
||||
|
menuUnstartCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=> i.menuUnstartCnt) |
||||
|
} |
||||
|
}, |
||||
|
menuExecCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=> i.menuExecCnt) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
menuFinishCntCpd(){ |
||||
|
if(this.xmProjectStateHiss.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmProjectStateHiss.map(i=>i.menuFinishCnt) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
datesCpd(){ |
||||
|
|
||||
|
this.$nextTick(()=>{ |
||||
|
this.drawCharts(); |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
category:'', |
||||
|
product:null, |
||||
|
project:null, |
||||
|
}, |
||||
|
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dateRanger:[], |
||||
|
maxTableHeight:300, |
||||
|
visible:false, |
||||
|
xmProjectStateHiss:[], |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
listXmProjectStateHis(){ |
||||
|
if(!this.filters.project){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请先选中项目',type:'warning'}) |
||||
|
return; |
||||
|
} |
||||
|
var params={projectId: this.filters.project.id,orderBy:'biz_date asc'} |
||||
|
|
||||
|
if(this.filters.startBizDate && this.filters.endBizDate){ |
||||
|
params.startBizDate=this.filters.startBizDate; |
||||
|
params.endBizDate=this.filters.endBizDate; |
||||
|
} |
||||
|
listXmProjectStateHis(params).then(res=>{ |
||||
|
this.xmProjectStateHiss=res.data.tips.isOk?res.data.data:this.xmProjectStateHiss; |
||||
|
}) |
||||
|
}, |
||||
|
open(params){ |
||||
|
this.visible=true; |
||||
|
this.filters.product=params.xmProduct |
||||
|
this.filters.project=params.xmProject |
||||
|
this.filters.Product=params.xmProduct |
||||
|
if(this.$refs['xmProjectSelect'])this.$refs['xmProjectSelect'].clearSelect(); |
||||
|
this.$nextTick(()=>{ |
||||
|
this.listXmProjectStateHis(); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("menuDayTrend")); |
||||
|
this.myChart.setOption( |
||||
|
{ |
||||
|
legend: { |
||||
|
right: 40, |
||||
|
data: ['未开始故事数','执行中故事数','已完成故事数','已关闭故事数'] |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
data: this.datesCpd |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value' |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
name:'未开始故事数', |
||||
|
data: this.menuUnstartCntCpd, |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
// 折点颜色样式 |
||||
|
color: 'orange', |
||||
|
lineStyle: { |
||||
|
// 折线颜色样式 |
||||
|
color: 'orange' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
name:'执行中故事数', |
||||
|
data: this.menuExecCntCpd, |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
// 折点颜色样式 |
||||
|
color: 'blue', |
||||
|
lineStyle: { |
||||
|
// 折线颜色样式 |
||||
|
color: 'blue' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
name:'已完成故事数', |
||||
|
data: this.menuFinishCntCpd, |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
// 折点颜色样式 |
||||
|
color: 'green', |
||||
|
lineStyle: { |
||||
|
// 折线颜色样式 |
||||
|
color: 'green' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
name:'已关闭故事数', |
||||
|
data: this.menuCloseCntCpd, |
||||
|
type: 'line', |
||||
|
smooth: true, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
// 折点颜色样式 |
||||
|
color: 'red', |
||||
|
lineStyle: { |
||||
|
// 折线颜色样式 |
||||
|
color: 'red' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
) |
||||
|
}, |
||||
|
|
||||
|
onProjectSelected(project){ |
||||
|
this.filters.project=project |
||||
|
this.xmProjectStateHiss=[]; |
||||
|
this.listXmProjectStateHis(); |
||||
|
}, |
||||
|
|
||||
|
onProjectClear(){ |
||||
|
this.filters.project=null |
||||
|
|
||||
|
this.xmProjectStateHiss=[]; |
||||
|
|
||||
|
}, |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
/** |
||||
|
initSimpleDicts('all',['planType','xmTaskSettleSchemel','taskType','priority','taskState'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
*/ |
||||
|
//this.charts(); |
||||
|
//this.drawCharts(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,247 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-dialog :title="(filters.project?'【'+filters.project.name+'】':'')+'任务排行榜'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="18"> |
||||
|
<div> |
||||
|
<div class="main" id="xmTaskSort" |
||||
|
style="width:100%;height:600px;margin:0 auto;"></div> |
||||
|
<div class="progress"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :label-position="'top'" label-width="120px" :model="filters"> |
||||
|
<el-form-item label="分组属性"> |
||||
|
<el-select v-model="groupBy" @change="onXmTaskSomeFieldsChange('groupBy',$event)" clearable> |
||||
|
<el-option v-for="i in this.groupBys" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<xm-project-select class="padding" v-if="!xmProject" ref="xmProjectSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProjectSelected" :iterationId="xmIteration?xmIteration.id:null" @clear="onProjectClear"></xm-project-select> |
||||
|
<el-form-item label="任务状态" prop="taskState"> |
||||
|
<el-select v-model="filters.taskState" @change="onXmTaskSomeFieldsChange('taskState',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.taskState" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务类型" prop="taskType" > |
||||
|
<el-select v-model="filters.taskType" @change="onXmTaskSomeFieldsChange('taskType',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.taskType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务来源" prop="planType"> |
||||
|
<el-select v-model="filters.planType" @change="onXmTaskSomeFieldsChange('planType',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.planType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="任务层次" prop="settleSchemel" > |
||||
|
<el-select v-model="filters.settleSchemel" @change="onXmTaskSomeFieldsChange('settleSchemel',$event)" clearable> |
||||
|
<el-option v-for="i in this.dicts.xmTaskSettleSchemel" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="优先级" prop="priority" > |
||||
|
<el-select v-model="filters.priority" @change="onXmTaskSomeFieldsChange('priority',$event)" clearable> |
||||
|
<el-option v-for="i in dicts.priority" :label="i.name" :key="i.id" :value="i.id"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="searchXmTaskSort">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-dialog> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import { getXmTaskSort } from '@/api/xm/core/xmTask'; |
||||
|
|
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect';//新增界面 |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProjectSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmIteration','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
xmTaskSortsCpd(){ |
||||
|
if(this.xmTaskSorts.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmTaskSorts.map(i=>i.value) |
||||
|
} |
||||
|
}, |
||||
|
title(){ |
||||
|
return this.groupBys.find(i=>i.id==this.groupBy).name+'任务数量排行榜' |
||||
|
}, |
||||
|
legendCpd(){ |
||||
|
if(this.xmTaskSorts.length==0){ |
||||
|
return [] |
||||
|
}else{ |
||||
|
return this.xmTaskSorts.map(i=>i.name) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
xmTaskSortsCpd(){ |
||||
|
this.drawCharts(); |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
product:null, |
||||
|
iteration:null, |
||||
|
}, |
||||
|
groupBy:'create_userid', |
||||
|
groupBys:[ |
||||
|
{id:'create_userid', name:'创建人'}, |
||||
|
{id:'executor_userid', name:'执行人'}, |
||||
|
{id:'menu_id', name:'需求'}, |
||||
|
], |
||||
|
dicts:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dateRanger:[], |
||||
|
maxTableHeight:300, |
||||
|
visible:false, |
||||
|
xmTaskSorts:[], |
||||
|
pageInfo: { |
||||
|
//分页数据 |
||||
|
total: 0, //服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
||||
|
pageSize: 20, //每页数据 |
||||
|
count: false, //是否需要重新计算总记录数 |
||||
|
pageNum: 1, //当前页码、从1开始计算 |
||||
|
orderFields: ["value"], //排序列 如 ['sex','student_id']，必须为数据库字段 |
||||
|
orderDirs: ["desc"], //升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
||||
|
}, |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
open(params){ |
||||
|
this.visible=true; |
||||
|
this.filters.product=params.xmProduct |
||||
|
this.filters.project=params.xmProject |
||||
|
this.filters.Product=params.xmProduct |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("xmTaskSort")); |
||||
|
this.myChart.setOption( |
||||
|
{ |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
data: this.legendCpd |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value' |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
data: this.xmTaskSortsCpd, |
||||
|
type: 'bar' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
) |
||||
|
}, |
||||
|
onXmTaskSomeFieldsChange(fieldName,$event){ |
||||
|
this.xmTaskSorts=[] |
||||
|
}, |
||||
|
searchXmTaskSort(){ |
||||
|
if(!this.groupBy){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请选中分组属性',type:'warning'}) |
||||
|
return |
||||
|
} |
||||
|
let params = { |
||||
|
pageSize: this.pageInfo.pageSize, |
||||
|
pageNum: this.pageInfo.pageNum, |
||||
|
total: this.pageInfo.total, |
||||
|
count: this.pageInfo.count, |
||||
|
}; |
||||
|
if(this.filters.taskType){ |
||||
|
params.taskType=this.filters.taskType |
||||
|
} |
||||
|
if(this.filters.taskState){ |
||||
|
params.taskState=this.filters.taskState |
||||
|
} |
||||
|
if(this.filters.planType){ |
||||
|
params.planType=this.filters.planType |
||||
|
} |
||||
|
if(this.filters.settleSchemel){ |
||||
|
params.settleSchemel=this.filters.settleSchemel |
||||
|
} |
||||
|
if(this.filters.priority){ |
||||
|
params.priority=this.filters.priority |
||||
|
} |
||||
|
params.groupBy=this.groupBy |
||||
|
if(this.filters.project){ |
||||
|
params.projectId=this.filters.project.id |
||||
|
} |
||||
|
|
||||
|
if(this.filters.iteration){ |
||||
|
params.iterationId=this.filters.iteration.id |
||||
|
} |
||||
|
|
||||
|
|
||||
|
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(","); |
||||
|
} |
||||
|
getXmTaskSort(params).then(res=>{ |
||||
|
this.xmTaskSorts=res.data.data |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
onProjectSelected(project){ |
||||
|
this.filters.project=project |
||||
|
}, |
||||
|
|
||||
|
onProjectClear(){ |
||||
|
this.filters.project=null |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
onIterationSelected(iteration){ |
||||
|
this.filters.iteration=iteration |
||||
|
}, |
||||
|
|
||||
|
onIterationClear(){ |
||||
|
this.filters.iteration=null |
||||
|
} |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
initSimpleDicts('all',['planType','xmTaskSettleSchemel','taskType','priority','taskState'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
//this.charts(); |
||||
|
//this.drawCharts(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue