|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<section> |
|
|
|
<el-dialog fullscreen :title="(filters.product?'【'+filters.product.productName+'】':'')+'工作项按日分布趋势图'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
|
|
|
<el-dialog fullscreen :title="dialogTitle" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible"> |
|
|
|
|
|
|
|
<el-row :gutter="5"> |
|
|
|
<el-col :span="18"> |
|
|
|
@ -10,15 +10,21 @@ |
|
|
|
</el-col> |
|
|
|
<el-col :span="6" class="border padding"> |
|
|
|
<el-form :model="filters"> |
|
|
|
<el-form-item label="归属产品"> |
|
|
|
<xm-product-select v-if="!xmProduct" ref="xmProductSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProductSelected" @clear="onProductClear"></xm-product-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="归属产品" > |
|
|
|
<xm-product-select v-if="!xmProductCpd || !xmProductCpd.id" ref="xmProductSelect" style="display:inline;" :auto-select="false" :link-project-id="xmProject?xmProject.id:null" @row-click="onProductSelected" :iterationId="xmIteration?xmIteration.id:null" @clear="onProductClear"></xm-product-select> |
|
|
|
<span v-else>{{xmProductCpd.id}} <span v-if="xmProductCpd.productName"><br/>{{ xmProductCpd.productName }} </span> </span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="归属迭代"> |
|
|
|
<xm-iteration-select v-if="!xmIteration || !xmIteration.id" ref="xmIterationSelect" :auto-select="false" :product-id="filters.product?filters.product.id:null" :link-project-id="xmProject?xmProject.id:null" placeholder="迭代" @row-click="onIterationSelected" @clear="onIterationClear"></xm-iteration-select> |
|
|
|
<span v-else> {{xmIteration.id}} |
|
|
|
<span v-if="xmIteration.iterationName"><br/>{{ xmIteration.iterationName }} </span></span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="日期区间"> |
|
|
|
<br> |
|
|
|
<mdp-date-range v-model="filters" value-format="yyyy-MM-dd" start-key="startBizDate" end-key="endBizDate"></mdp-date-range> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" icon="el-icon-search" @click="listXmProductStateHis">查询</el-button> |
|
|
|
<el-button type="primary" icon="el-icon-search" @click="listXmIteationStateHis">查询</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-col> |
|
|
|
@ -33,13 +39,13 @@ |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
|
|
|
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
|
|
import { listXmProductStateHis } from '@/api/xm/core/xmProductStateHis'; |
|
|
|
import { listXmIteationStateHis } from '@/api/xm/core/xmIterationStateHis'; |
|
|
|
export default { |
|
|
|
|
|
|
|
components: { |
|
|
|
XmProductSelect, |
|
|
|
}, |
|
|
|
props:['xmProduct','xmProject'], |
|
|
|
props:['xmProduct','xmProject','xmIteration'], |
|
|
|
computed: { |
|
|
|
...mapGetters([ |
|
|
|
'userInfo','roles' |
|
|
|
@ -54,6 +60,23 @@ |
|
|
|
['未关缺陷',...this.xmProductStateHiss.map(i=>i.bugCnt-i.closedBugs)], |
|
|
|
['已关缺陷',...this.xmProductStateHiss.map(i=>i.closedBugs)] |
|
|
|
] |
|
|
|
}, |
|
|
|
dialogTitle(){ |
|
|
|
if(this.xmIteration && this.xmIteration.id){ |
|
|
|
return (this.xmIteration?'迭代【'+this.xmIteration.iterationName+'】':'')+'需求年龄数量分布' |
|
|
|
}else { |
|
|
|
return (filters.product?'产品【'+filters.product.productName+'】':'')+'需求年龄数量分布' |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
xmProductCpd(){ |
|
|
|
if(this.xmIteration && this.xmIteration.id){ |
|
|
|
return {id:this.xmIteration.productId,productName:this.xmIteration.productName} |
|
|
|
} |
|
|
|
if(this.xmProduct && this.xmProduct.id){ |
|
|
|
return this.xmProduct |
|
|
|
} |
|
|
|
return null; |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
@ -85,7 +108,7 @@ |
|
|
|
}//end return |
|
|
|
},//end data |
|
|
|
methods: { |
|
|
|
listXmProductStateHis(){ |
|
|
|
listXmIteationStateHis(){ |
|
|
|
if(!this.filters.product){ |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message:'请先选中产品',type:'warning'}) |
|
|
|
return; |
|
|
|
@ -96,7 +119,7 @@ |
|
|
|
params.startBizDate=this.filters.startBizDate; |
|
|
|
params.endBizDate=this.filters.endBizDate; |
|
|
|
} |
|
|
|
listXmProductStateHis(params).then(res=>{ |
|
|
|
listXmIteationStateHis(params).then(res=>{ |
|
|
|
this.xmProductStateHiss=res.data.tips.isOk?res.data.data:this.xmProductStateHiss; |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -108,7 +131,7 @@ |
|
|
|
this.xmProductStateHiss=[] |
|
|
|
if(this.$refs['xmProductSelect'])this.$refs['xmProductSelect'].clearSelect(); |
|
|
|
this.$nextTick(()=>{ |
|
|
|
this.listXmProductStateHis(); |
|
|
|
this.listXmIteationStateHis(); |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
@ -215,7 +238,7 @@ |
|
|
|
onProductSelected(product){ |
|
|
|
this.filters.product=product |
|
|
|
this.xmProductStateHiss=[]; |
|
|
|
this.listXmProductStateHis(); |
|
|
|
this.listXmIteationStateHis(); |
|
|
|
}, |
|
|
|
|
|
|
|
onProductClear(){ |
|
|
|
@ -224,6 +247,14 @@ |
|
|
|
this.xmProductStateHiss=[]; |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
onIterationSelected(iteration){ |
|
|
|
this.filters.iteration=iteration |
|
|
|
}, |
|
|
|
|
|
|
|
onIterationClear(){ |
|
|
|
this.filters.iteration=null |
|
|
|
} |
|
|
|
},//end method |
|
|
|
mounted() { |
|
|
|
/** |
|
|
|
|