报表

src/views/xm/rpt/iteration/burnout.vue

@@ -98,7 +98,7 @@
 			},
 			listXmIterationStateHis(){
 				var params={iterationId:'IT2022-0001-Z5TA',orderBy:'biz_date asc'}
-				listXmIterationStateHis({iterationId:'IT2022-0001-Z5TA'}).then(res=>{ 
+				listXmIterationStateHis(params).then(res=>{ 
 					this.xmIterationStateHiss=res.data.tips.isOk?res.data.data:this.xmIterationStateHiss;
 				})
 			},

src/views/xm/rpt/product/menuDayTrend.vue

@@ -0,0 +1,174 @@
+<template>
+	<section>
+        <el-dialog :title="filters.product?'产品【'+filters.product.productName+'】':''+'需求每日趋势'" append-to-body modal-append-to-body width="80%" top="20px" :visible.sync="visible">
+			<div>
+				<div class="main" id="main"
+					style="width:100%;height:600px;margin:0 auto;"></div>
+				<div class="progress"></div>
+			</div>
+        </el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询  
+	import { mapGetters } from 'vuex'	 
+	
+	import { listXmProductStateHis } from '@/api/xm/core/xmProductStateHis';
+	export default { 
+        
+		components: {   
+		},
+        props:['xmProduct'],
+		computed: {
+		    ...mapGetters([
+		      'userInfo','roles'
+		    ]), 
+            datesCpd(){
+				if(this.xmProductStateHiss.length==0){
+					return []
+				}else{ 
+					return this.xmProductStateHiss.map(i=>i.bizDate)
+				}
+			}, 
+			unFinishMenuCntCpd(){
+				if(this.xmProductStateHiss.length==0){
+					return []
+				}else{ 
+					return this.xmProductStateHiss.map(i=>i.menuCnt-i.menuFinishCnt)
+				}
+			},
+			
+			finishMenuCntCpd(){
+				if(this.xmProductStateHiss.length==0){
+					return []
+				}else{ 
+					return this.xmProductStateHiss.map(i=>i.menuFinishCnt)
+				}
+			},
+			
+        }, 
+		watch: {  
+			xmProductStateHiss(){
+				this.drawWorkload();
+			}
+	    },
+		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,
+				xmProductStateHiss:[],
+
+			}//end return
+		},//end data
+		methods: { 
+			 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;
+			},
+			listXmProductStateHis(){
+				var params={productId:'mmcloud-xm',orderBy:'biz_date asc'}
+				listXmProductStateHis(params).then(res=>{ 
+					this.xmProductStateHiss=res.data.tips.isOk?res.data.data:this.xmProductStateHiss;
+				})
+			},
+			open(params){
+				this.visible=true;
+				this.filters.product=params.xmProduct
+				this.filters.project=params.xmProject
+				this.filters.Product=params.xmProduct
+				this.$nextTick(()=>{
+					this.listXmProductStateHis();
+				})
+				
+			},
+			drawWorkload() {
+				this.myChart = this.$echarts.init(document.getElementById("main")); 
+				this.myChart.setOption(  
+					{	
+						legend: {
+							right: 40,
+							data: ['未完成故事数','已完成故事数']
+						},
+						xAxis: {
+							type: 'category',
+							data: this.datesCpd
+						},
+						yAxis: {
+							type: 'value'
+						},
+						series: [
+							{
+								name:'未完成故事数',
+								data: this.unFinishMenuCntCpd,
+								type: 'line',
+								smooth: true,  
+								itemStyle: {
+									normal: {
+										// 折点颜色样式
+										color: 'orange',
+										lineStyle: {
+											// 折线颜色样式
+											color: 'orange'
+										}
+									}
+								},
+							},
+							
+							{
+								name:'已完成故事数',
+								data: this.finishMenuCntCpd,
+								type: 'line',
+								smooth: true, 
+								itemStyle: {
+									normal: {
+										// 折点颜色样式
+										color: 'green',
+										lineStyle: {
+											// 折线颜色样式
+											color: 'green'
+										}
+									}
+								},
+							}
+						]
+					}
+				)
+			}
+		},//end method
+		mounted() {
+			/**
+ 			initSimpleDicts('all',['demandSource','demandLvl','demandType','priority','menuStatus'] ).then(res=>{
+				this.dicts=res.data.data;
+			}) 
+             */
+			//this.charts();
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+   .image {
+    width: 100%;
+    display: block;
+  }
+</style>

src/views/xm/rpt/reportIndex.vue

@@ -18,6 +18,7 @@
             </el-row>
 		</el-row>
         <xm-iteration-burnout ref="xmIterationBurnout"></xm-iteration-burnout>
+        <xm-menu-day-trend ref="xmMenuDayTrend"></xm-menu-day-trend>
 	</section>
 </template>
 
@@ -26,11 +27,12 @@
 	import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询  
 	import { mapGetters } from 'vuex'	
     import xmIterationBurnout from './iteration/burnout'
+    import xmMenuDayTrend from './product/menuDayTrend'
 	
 	export default { 
         
 		components: {   
-            xmIterationBurnout
+            xmIterationBurnout,xmMenuDayTrend
 		},
         props:['xmProduct','xmIteration','xmProject'],
 		computed: {
@@ -72,7 +74,8 @@
 				dateRanger:[], 
                 maxTableHeight:300,
                 rptList:[/**{name:'报表名称',category:'报表分类，组织级、产品级、项目级、迭代级、需求、测试、任务',path:'路由路径',imgUrl:'图片路径',query:{参数}} */
-                    {rptName:'迭代燃尽图',category:'迭代级',ref:'xmIterationBurnout' }
+                    {rptName:'迭代燃尽图',category:'迭代级',ref:'xmIterationBurnout' },
+                    {rptName:'需求每日趋势',category:'产品级',ref:'xmMenuDayTrend' },
                 ],
 			}//end return
 		},//end data