陈裕财
3 years ago
57 changed files with 2064 additions and 80 deletions
-
2src/views/xm/core/xmTestPlan/rpt/CompsCard.vue
-
299src/views/xm/core/xmTestPlan/rpt/biz/productWorkItemDayList.vue
-
334src/views/xm/rpt/CompsCard.vue
-
323src/views/xm/rpt/CompsSet.vue
-
375src/views/xm/rpt/branch/branchWorkItemDayList copy.vue
-
53src/views/xm/rpt/branch/branchWorkItemDayList.vue
-
2src/views/xm/rpt/branch/menuDayAccumulate.vue
-
2src/views/xm/rpt/branch/menuDayTrend.vue
-
2src/views/xm/rpt/branch/questionDayAccumulate.vue
-
2src/views/xm/rpt/branch/questionDayTrend.vue
-
10src/views/xm/rpt/common.scss
-
98src/views/xm/rpt/index.scss
-
58src/views/xm/rpt/index.vue
-
4src/views/xm/rpt/iteration/IterationWorkItemDayList.vue
-
2src/views/xm/rpt/iteration/burnout.vue
-
2src/views/xm/rpt/iteration/menuDayAccumulate.vue
-
2src/views/xm/rpt/iteration/menuDayTrend.vue
-
2src/views/xm/rpt/iteration/questionDayAccumulate.vue
-
2src/views/xm/rpt/iteration/questionDayTrend.vue
-
2src/views/xm/rpt/product/menuAgeDist.vue
-
2src/views/xm/rpt/product/menuAttDist.vue
-
6src/views/xm/rpt/product/menuDayAccumulate.vue
-
6src/views/xm/rpt/product/menuDayTrend.vue
-
6src/views/xm/rpt/product/menuSort.vue
-
4src/views/xm/rpt/product/productWorkItemDayList.vue
-
2src/views/xm/rpt/product/questionAgeDist.vue
-
48src/views/xm/rpt/product/questionAskUserSort.vue
-
2src/views/xm/rpt/product/questionAttDist.vue
-
47src/views/xm/rpt/product/questionBugReasonDist.vue
-
48src/views/xm/rpt/product/questionBugSeverityDist.vue
-
48src/views/xm/rpt/product/questionBugStatusDist.vue
-
48src/views/xm/rpt/product/questionBugTypeDist.vue
-
2src/views/xm/rpt/product/questionDayAccumulate.vue
-
2src/views/xm/rpt/product/questionDayTrend.vue
-
48src/views/xm/rpt/product/questionFuncSort.vue
-
48src/views/xm/rpt/product/questionHandlerUserSort.vue
-
48src/views/xm/rpt/product/questionPriorityDist.vue
-
48src/views/xm/rpt/product/questionRepRateDist.vue
-
2src/views/xm/rpt/product/questionRetestDist.vue
-
48src/views/xm/rpt/product/questionSolutionDist.vue
-
2src/views/xm/rpt/product/questionSort.vue
-
3src/views/xm/rpt/project/projectWorkItemDayList.vue
-
2src/views/xm/rpt/project/projectWorkloadSetDayList.vue
-
2src/views/xm/rpt/project/projectWorkloadSetMonthList.vue
-
2src/views/xm/rpt/project/taskAgeDist.vue
-
2src/views/xm/rpt/project/taskAttDist.vue
-
2src/views/xm/rpt/project/taskDayAccumulate.vue
-
2src/views/xm/rpt/project/taskDayTrend.vue
-
2src/views/xm/rpt/project/taskSort.vue
-
2src/views/xm/rpt/reportIndexForIteration.vue
-
2src/views/xm/rpt/reportIndexForProduct.vue
-
2src/views/xm/rpt/reportIndexForProject.vue
-
6src/views/xm/rpt/testCase/testCaseSort.vue
-
6src/views/xm/rpt/testPlan/testCaseToPlanCalc.vue
-
6src/views/xm/rpt/testPlan/testDayTimesCalc.vue
-
6src/views/xm/rpt/testPlan/testPlanCaseExecStatusDist.vue
-
6src/views/xm/rpt/testPlan/testPlanCaseUserDist.vue
@ -0,0 +1,299 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
|
||||
|
<el-row :gutter="5" > |
||||
|
<el-col :span="18"> |
||||
|
<div> |
||||
|
<div class="echart-box" id="productWorkItemDayList" :style="{width:'100%',height:(maxTableHeight>600?600:maxTableHeight)+'px',overflow: 'hidden'}"></div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border"> |
||||
|
<el-form :model="filters" class="padding" :style="{width:'100%',maxHeight:maxTableHeight+'px',overflow: 'auto'}" ref="filtersRef"> |
||||
|
|
||||
|
<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="日期区间"> |
||||
|
<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-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
||||
|
import { listXmProductStateHis } from '@/api/xm/core/xmProductStateHis'; |
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmProductSelect, |
||||
|
}, |
||||
|
props:['xmProduct','xmProject'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
dataSetCpd(){ |
||||
|
return [ |
||||
|
['日期',...this.xmProductStateHiss.map(i=>i.bizDate)], |
||||
|
['未关故事',...this.xmProductStateHiss.map(i=>i.menuCnt-i.menuCloseCnt)], |
||||
|
['已关故事',...this.xmProductStateHiss.map(i=>i.menuCloseCnt)], |
||||
|
['未关任务',...this.xmProductStateHiss.map(i=>i.taskCnt-i.taskCloseCnt)], |
||||
|
['已关任务',...this.xmProductStateHiss.map(i=>i.taskCloseCnt)], |
||||
|
['未关缺陷',...this.xmProductStateHiss.map(i=>i.bugCnt-i.closedBugs)], |
||||
|
['已关缺陷',...this.xmProductStateHiss.map(i=>i.closedBugs)] |
||||
|
] |
||||
|
}, |
||||
|
titleCpd(){ |
||||
|
|
||||
|
var preName="" |
||||
|
if(this.filters.testPlan && this.filters.testPlan.id){ |
||||
|
preName=`测试计划【${this.filters.testPlan.name}】` |
||||
|
}else if(this.filters.testCasedb && this.filters.testCasedb.id){ |
||||
|
preName=`测试库【${this.filters.testCasedb.name}】` |
||||
|
}else if(this.filters.iteration && this.filters.iteration.id){ |
||||
|
preName=`迭代【${this.filters.iteration.iterationName}】` |
||||
|
}else if(this.filters.product && this.filters.product.id){ |
||||
|
if(this.filters.product.productName){ |
||||
|
preName=`产品【${this.filters.product.productName}】` |
||||
|
}else{ |
||||
|
preName=`产品【${this.filters.product.id}】` |
||||
|
} |
||||
|
|
||||
|
}else if(this.filters.project && this.filters.project.id){ |
||||
|
if(this.filters.project.name){ |
||||
|
preName=`项目【${this.filters.project.name}】` |
||||
|
}else{ |
||||
|
preName=`项目【${this.filters.project.id}】` |
||||
|
} |
||||
|
} |
||||
|
return preName+"产品工作项每日分布图" |
||||
|
}, |
||||
|
xmProductCpd(){ |
||||
|
if(this.xmProduct && this.xmProduct.id){ |
||||
|
return this.xmProduct |
||||
|
} |
||||
|
return null; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
dataSetCpd(){ |
||||
|
this.$nextTick(()=>{ |
||||
|
this.drawCharts(); |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
product:null, |
||||
|
project:null, |
||||
|
testPlan:null, |
||||
|
iteration:null, |
||||
|
testCasedb:null, |
||||
|
category:'', |
||||
|
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, |
||||
|
xmProductStateHiss:[], |
||||
|
|
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
listXmProductStateHis(){ |
||||
|
if(!this.filters.product){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请先选中产品',type:'warning'}) |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var params={productId:this.filters.product.id,orderBy:'biz_date asc'} |
||||
|
if(this.filters.startBizDate && this.filters.endBizDate){ |
||||
|
params.startBizDate=this.filters.startBizDate; |
||||
|
params.endBizDate=this.filters.endBizDate; |
||||
|
} |
||||
|
listXmProductStateHis(params).then(res=>{ |
||||
|
this.xmProductStateHiss=res.data.tips.isOk?res.data.data:this.xmProductStateHiss; |
||||
|
}) |
||||
|
}, |
||||
|
open(){ |
||||
|
this.visible=true; |
||||
|
this.filters.testPlan=this.xmTestPlan |
||||
|
this.filters.product=this.xmProduct |
||||
|
this.filters.project=this.xmProject |
||||
|
this.filters.iteration=this.xmIteration |
||||
|
this.filters.testCasedb=this.xmTestCasedb |
||||
|
this.xmProductStateHiss=[] |
||||
|
if(this.$refs['xmProductSelect'])this.$refs['xmProductSelect'].clearSelect(); |
||||
|
this.$nextTick(()=>{ |
||||
|
this.listXmProductStateHis(); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("productWorkItemDayList")); |
||||
|
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: this.titleCpd, |
||||
|
left: 'center' |
||||
|
}, |
||||
|
trigger: 'axis', |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
}, |
||||
|
barMaxWidth: 100, |
||||
|
toolbox: { |
||||
|
show: true, |
||||
|
top:"5%", |
||||
|
right:"10px", |
||||
|
feature: { |
||||
|
dataView: { show: true, readOnly: false }, |
||||
|
magicType: { show: true, type: ['line', 'bar'] }, |
||||
|
|
||||
|
saveAsImage: { show: true } |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
calculable: true, |
||||
|
legend: { |
||||
|
bottom: 'bottom', |
||||
|
}, |
||||
|
|
||||
|
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%', '30%'], |
||||
|
emphasis: { |
||||
|
focus: 'self' |
||||
|
}, |
||||
|
label: { |
||||
|
formatter: '{b}: {@日期} ({d}%)' |
||||
|
}, |
||||
|
encode: { |
||||
|
itemName: '日期', |
||||
|
value:this.dataSetCpd[0][this.dataSetCpd[0].length-1], |
||||
|
tooltip: '日期' |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
onProductSelected(product){ |
||||
|
this.filters.product=product |
||||
|
this.xmProductStateHiss=[]; |
||||
|
}, |
||||
|
|
||||
|
onProductClear(){ |
||||
|
this.filters.product=null |
||||
|
|
||||
|
this.xmProductStateHiss=[]; |
||||
|
|
||||
|
}, |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
/** |
||||
|
initSimpleDicts('all',['demandSource','demandLvl','demandType','priority','menuStatus'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
*/ |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.filtersRef.$el) |
||||
|
//this.charts(); |
||||
|
this.open(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,334 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row class="padding-left padding-right"> |
||||
|
<el-col :span="6" :style="{height:maxTableHeight+'px',overflow:'auto'}"> |
||||
|
<comps-set :comp-ids="compIds" :category="category" @row-click="onCompSelect"></comps-set> |
||||
|
</el-col> |
||||
|
<el-col :span="18" :style="{height:maxTableHeight+'px',overflow:'auto'}" ref="table" class="border"> |
||||
|
<div> |
||||
|
<div class="empty" v-if="compCfgList.length == 0" > |
||||
|
<el-empty description="暂未选择模块"></el-empty> |
||||
|
</div> |
||||
|
<div v-else> |
||||
|
<grid-layout |
||||
|
:layout.sync="compCfgList" |
||||
|
:col-num="layoutColNum" |
||||
|
:row-height="120" |
||||
|
:is-draggable="true" |
||||
|
:is-resizable="true" |
||||
|
:is-mirrored="false" |
||||
|
:vertical-compact="true" |
||||
|
:margin="[10, 10]" |
||||
|
:use-css-transforms="true" |
||||
|
> |
||||
|
<grid-item |
||||
|
v-for="(item,index) in compCfgList" |
||||
|
:x="item.x" |
||||
|
:y="item.y" |
||||
|
:w="item.w" |
||||
|
:h="item.h" |
||||
|
:i="item.i" |
||||
|
:key="index" @resize="sizeAutoChange(item)"> |
||||
|
<component :is="item.compId" :xm-test-plan="xmTestPlan" :xm-product="xmProduct" :xm-project="xmProject" :xm-iteration="xmIteration" :xm-test-casedb="xmTestCasedb" :category="category" :cfg="item.cfg" :ref="item.id" @delete="doDelete" :init-group-by="item.initGroupBy" :id="item.id" :show-tool-bar="showToolBar" :show-params="showParams"></component> |
||||
|
</grid-item> |
||||
|
</grid-layout> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row v-if="printVisible" class="page-center border" style="width:1000px;"> |
||||
|
<el-row> |
||||
|
<span style="float:right;"><el-button @click="printVisible=false">取消打印</el-button> <el-button v-print="'#printBody'">打印</el-button></span> |
||||
|
</el-row> |
||||
|
<el-row id="printBody"> |
||||
|
<el-row v-for="(item,index) in compCfgList" :key="index"> |
||||
|
<component :is="item.compId" :xm-test-plan="xmTestPlan" :comp-cfg="item" :ref="item.id" @delete="doDelete"></component> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import seq from '@/common/js/sequence';//全局公共库 |
||||
|
import VueGridLayout from 'vue-grid-layout'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import CompsSet from '@/views/xm/rpt/CompsSet' |
||||
|
|
||||
|
|
||||
|
import { initDicts,listXmRptConfig, delXmRptConfig,editXmRptConfig,addXmRptConfig,batchDelXmRptConfig,editSomeFieldsXmRptConfig } from '@/api/xm/core/xmRptConfig'; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
GridLayout: VueGridLayout.GridLayout, |
||||
|
GridItem: VueGridLayout.GridItem, |
||||
|
CompsSet, |
||||
|
xmTestRptOverview:()=>import("../core/xmTestPlan/xmTestRptOverview.vue"), |
||||
|
xmMenuDayTrend:()=>import("./product/menuDayTrend.vue"), |
||||
|
xmMenuDayAccumulate:()=>import("./product/menuDayTrend.vue"), |
||||
|
xmMenuAttDist:()=>import('./product/menuAttDist'), |
||||
|
xmMenuAgeDist:()=>import('./product/menuAgeDist.vue'), |
||||
|
xmMenuSort:()=>import('./product/menuSort.vue'), |
||||
|
xmMenuFuncSort:()=>import('./product/menuSort.vue'), |
||||
|
xmMenuProductSort:()=>import('./product/menuSort.vue'), |
||||
|
xmMenuIterationSort:()=>import('./product/menuSort.vue'), |
||||
|
xmProductWorkItemDayList:()=>import('./product/productWorkItemDayList.vue'), |
||||
|
|
||||
|
|
||||
|
xmTaskDayTrend:()=>import('./project/taskDayTrend.vue'), |
||||
|
xmTaskDayAccumulate:()=>import('./project/taskDayAccumulate.vue'), |
||||
|
xmTaskAttDist:()=>import('./project/taskAttDist.vue'), |
||||
|
xmTaskAgeDist:()=>import('./project/taskAgeDist.vue'), |
||||
|
xmTaskSort:()=>import('./project/taskSort.vue'), |
||||
|
xmProjectWorkItemDayList:()=>import('./project/projectWorkItemDayList.vue'), |
||||
|
xmProjectWorkloadSetDayList:()=>import('./project/projectWorkloadSetDayList.vue'), |
||||
|
xmProjectWorkloadSetMonthList:()=>import('./project/projectWorkloadSetMonthList.vue'), |
||||
|
|
||||
|
xmQuestionDayTrend:()=>import('./product/questionDayTrend.vue'), |
||||
|
xmQuestionDayAccumulate:()=>import('./product/questionDayAccumulate.vue'), |
||||
|
xmQuestionAttDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionStateDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionAgeDist:()=>import('./product/questionAgeDist.vue'), |
||||
|
xmQuestionSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionAskUserSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionHandlerUserSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionFuncSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionMenuSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionRetestDist:()=>import('./product/questionRetestDist.vue'), |
||||
|
|
||||
|
|
||||
|
xmTestPlanCaseExecStatusDist:()=>import('./testPlan/testPlanCaseExecStatusDist.vue'), |
||||
|
xmTestPlanCaseUserDist:()=>import('./testPlan/testPlanCaseUserDist.vue'), |
||||
|
xmTestDayTimesCalc:()=>import('./testPlan/testDayTimesCalc.vue'), |
||||
|
xmTestCaseToPlanCalc:()=>import('./testPlan/testCaseToPlanCalc.vue'), |
||||
|
xmTestCaseSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
xmTestCaseCuserSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
xmTestCaseFuncSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
xmTestCaseMenuSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
|
||||
|
|
||||
|
xmIterationMenuDayTrend:()=>import('./iteration/menuDayTrend.vue'), |
||||
|
xmIterationMenuDayAccumulate:()=>import('./iteration/menuDayAccumulate.vue'), |
||||
|
xmIterationBurnout:()=>import('./iteration/burnout.vue'), |
||||
|
xmIterationWorkItemDayList:()=>import('./iteration/iterationWorkItemDayList.vue'), |
||||
|
xmIterationQuestionDayTrend:()=>import('./iteration/questionDayTrend.vue'), |
||||
|
xmIterationQuestionDayAccumulate:()=>import('./iteration/questionDayAccumulate.vue'), |
||||
|
|
||||
|
|
||||
|
xmBranchWorkItemDayList:()=>import('./branch/branchWorkItemDayList.vue'), |
||||
|
xmBranchQuestionDayTrend:()=>import('./branch/questionDayTrend.vue'), |
||||
|
xmBranchQuestionDayAccumulate:()=>import('./branch/questionDayAccumulate.vue'), |
||||
|
xmBranchMenuDayTrend:()=>import('./branch/menuDayTrend.vue'), |
||||
|
xmBranchMenuDayAccumulate:()=>import('./branch/menuDayAccumulate.vue'), |
||||
|
|
||||
|
}, |
||||
|
props:['xmTestCasedb','xmTestPlan','xmProduct','xmProject','xmIteration','showToolBar','category','showParams','isRptCfg','printVisible'], |
||||
|
computed: { |
||||
|
...mapGetters(['userInfo']), |
||||
|
compIds(){ |
||||
|
return this.compCfgList.map(k=>k.compId) |
||||
|
}, |
||||
|
rptConfigParamsCpd(){ |
||||
|
//业务类型1-产品报告，2-迭代报告，3-测试计划报告，4-项目报告，5-企业报告 |
||||
|
var params={bizType:'5',bizId:this.userInfo.branchId} |
||||
|
if(this.category=='企业级'){ |
||||
|
params.bizType='5'; |
||||
|
params.bizId=this.userInfo.branchId |
||||
|
}else if(this.category=='产品级'){ |
||||
|
params.bizType='1'; |
||||
|
params.bizId=this.userInfo.branchId |
||||
|
}else if(this.category=='迭代级'){ |
||||
|
params.bizType='2'; |
||||
|
params.bizId=this.userInfo.branchId |
||||
|
}else if(this.category=='项目级'){ |
||||
|
params.bizType='4'; |
||||
|
params.bizId=this.userInfo.branchId |
||||
|
}else if(this.category=='测试级'){ |
||||
|
params.bizType='3'; |
||||
|
params.bizId=this.userInfo.branchId |
||||
|
}else { |
||||
|
return params; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
xmRptConfig:{ |
||||
|
handler(){ |
||||
|
this.initCompCfgList(); |
||||
|
}, |
||||
|
deep:true, |
||||
|
}, |
||||
|
isRptCfg(){ |
||||
|
if(this.isRptCfg==true){ |
||||
|
this.$nextTick(()=>{ |
||||
|
this.compCfgList.forEach(k=>{ |
||||
|
this.sizeAutoChange(k); |
||||
|
}) |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
rptConfigParamsCpd(){ |
||||
|
if(this.isRptCfg){ |
||||
|
this.getXmRptConfig() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
xmRptConfig:null, |
||||
|
compCfgList:[], |
||||
|
maxTableHeight:300, |
||||
|
// 布局位置数据 |
||||
|
initCompCfg: [ |
||||
|
|
||||
|
{ i:0, x: 0, y: 12, w: 12, h: 6, name:'测试计划总览',compId:'xmTestRptOverview', params:{} }, |
||||
|
{ i: 1, x: 0, y: 12, w: 12, h: 6, name:'用例规划分析', compId:'xmTestCaseToPlanCalc', }, |
||||
|
{ i: 2, x: 0, y: 12, w: 12, h: 6, name:'用例每日执行统计', compId:'xmTestDayTimesCalc', }, |
||||
|
{ i: 3, x: 0, y: 12, w: 12, h: 6, name:'用例执行结果分布', compId:'xmTestPlanCaseExecStatusDist', }, |
||||
|
{ i: 4, x: 0, y: 12, w: 12, h: 6, name:'用例执行人情况分布', compId:'xmTestPlanCaseUserDist', }, |
||||
|
{ i:5, x: 0, y: 12, w: 12, h: 6, name:'缺陷需求分布', compId:'xmQuestionMenuSort', }, |
||||
|
{ i: 6, x: 0, y: 12, w: 12, h: 6, name:'缺陷模块分布', compId:'xmQuestionFuncSort', }, |
||||
|
{ i: 7, x: 0, y: 12, w: 12, h: 6, name:'缺陷状态分布',compId:'xmQuestionBugStatusDist', }, |
||||
|
{ i:8, x: 0, y: 12, w: 12, h: 6, name:'缺陷年龄分布',compId:'xmQuestionAgeDist', params:{} }, |
||||
|
{ i:9, x: 0, y: 12, w: 12, h: 6, name:'缺陷原因分布',compId:'xmQuestionBugReasonDist', params:{} }, |
||||
|
{ i:10, x: 0, y: 12, w: 12, h: 6, name:'缺陷紧急程度分布',compId:'xmQuestionPriorityDist', params:{} }, |
||||
|
{ i: 11, x: 0, y: 12, w: 12, h: 6, name:'缺陷提出人排行榜', compId:'xmQuestionAskUserSort', }, |
||||
|
{ i: 12, x: 0, y: 12, w: 12, h: 6, name:'缺陷负责人排行榜',compId:'xmQuestionHandlerUserSort', }, |
||||
|
|
||||
|
|
||||
|
], |
||||
|
// 布局列数 |
||||
|
layoutColNum: 12, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
initData(){ |
||||
|
this.getXmRptConfig(); |
||||
|
}, |
||||
|
getXmRptConfig(){ |
||||
|
if(!this.isRptCfg){ |
||||
|
return; |
||||
|
} |
||||
|
listXmRptConfig(this.rptConfigParamsCpd).then(res=>{ |
||||
|
this.xmRptConfig=res.data.data[0] |
||||
|
}) |
||||
|
}, |
||||
|
initCompCfgList(){ |
||||
|
if(this.xmRptConfig && this.xmRptConfig.cfg){ |
||||
|
var cfgJson=JSON.parse(this.xmRptConfig.cfg) |
||||
|
this.compCfgList=cfgJson; |
||||
|
}else{ |
||||
|
this.compCfgList=JSON.parse(JSON.stringify(this.initCompCfg)) |
||||
|
} |
||||
|
}, |
||||
|
onCompSelect(comp){ |
||||
|
if(!comp.id){ |
||||
|
comp.id=comp.compId |
||||
|
} |
||||
|
if(this.compCfgList.some(k=>k.compId==comp.compId)){ |
||||
|
var compCfg=this.compCfgList.find(k=>k.compId==comp.compId) |
||||
|
this.$nextTick(()=>{ |
||||
|
this.scrollToComp(compCfg) |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
var compCfgListTemp=JSON.parse(JSON.stringify(this.compCfgList)) |
||||
|
compCfgListTemp.sort((i1,i2)=>{ |
||||
|
return i2.i-i1.i |
||||
|
}) |
||||
|
var maxI=(compCfgListTemp.length>0?(compCfgListTemp[0].i+1):1); |
||||
|
compCfgListTemp.sort((i1,i2)=>{ |
||||
|
return i2.y-i1.y |
||||
|
}) |
||||
|
var maxY=(compCfgListTemp.length>0?(compCfgListTemp[0].y+6):0); |
||||
|
var compCfg={...comp,i:maxI, x: 0, y: maxY, w: 12, h: 6,id:comp.compId+seq.sn()} |
||||
|
this.compCfgList.push(compCfg) |
||||
|
this.$nextTick(()=>{ |
||||
|
setTimeout(()=>{ |
||||
|
this.scrollToComp(compCfg) |
||||
|
},100) |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
scrollToComp(compCfg){ |
||||
|
var doc=document.getElementById(compCfg.id) |
||||
|
if(doc){ |
||||
|
doc.scrollIntoView(false) |
||||
|
} |
||||
|
}, |
||||
|
submitXmPrtConfig(callback){ |
||||
|
|
||||
|
if(this.xmRptConfig==null){ |
||||
|
var xmRptConfig={name:this.xmTestPlan.name,bizId:this.xmTestPlan.id,cfg:[]} |
||||
|
var compCfgList=JSON.parse(JSON.stringify(this.compCfgList)) |
||||
|
compCfgList.forEach(k=>{ |
||||
|
if(this.$refs[k.id] && this.$refs[k.id][0].$refs && this.$refs[k.id][0].$refs[k.id]){ |
||||
|
k.params=this.$refs[k.id][0].$refs[k.id].filters |
||||
|
}else{ |
||||
|
k.params=this.$refs[k.id][0].filters |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
xmRptConfig.cfg=JSON.stringify(compCfgList) |
||||
|
addXmRptConfig(xmRptConfig).then(res=>{ |
||||
|
this.xmRptConfig=xmRptConfig; |
||||
|
callback() |
||||
|
}) |
||||
|
}else{ |
||||
|
var xmRptConfig={id:this.xmRptConfig.id,name:this.xmTestPlan.name,bizId:this.xmTestPlan.id,cfg:[]} |
||||
|
var compCfgList=JSON.parse(JSON.stringify(this.compCfgList)) |
||||
|
compCfgList.forEach(k=>{ |
||||
|
if(this.$refs[k.id] && this.$refs[k.id][0].$refs && this.$refs[k.id][0].$refs[k.id]){ |
||||
|
k.params=this.$refs[k.id][0].$refs[k.id].filters |
||||
|
}else{ |
||||
|
k.params=this.$refs[k.id][0].filters |
||||
|
} |
||||
|
}) |
||||
|
xmRptConfig.cfg=JSON.stringify(compCfgList) |
||||
|
editXmRptConfig(xmRptConfig).then(res=>{ |
||||
|
this.xmRptConfig=xmRptConfig; |
||||
|
callback() |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
doDelete(compCfg){ |
||||
|
if(this.isRptCfg==false){ |
||||
|
this.$notify({ position:'bottom-left', showClose:true, message: "当前报告为预览模式，不能删除，请切换为配置报告模式", type: 'error' }); |
||||
|
return; |
||||
|
} |
||||
|
var index=this.compCfgList.findIndex(k=>k.id==compCfg.id) |
||||
|
if(index>=0){ |
||||
|
this.compCfgList.splice(index,1) |
||||
|
} |
||||
|
}, |
||||
|
sizeAutoChange(k){ |
||||
|
if(this.$refs[k.id] && this.$refs[k.id][0].$refs && this.$refs[k.id][0].$refs[k.id]){ |
||||
|
this.$refs[k.id][0].$refs[k.id].sizeAutoChange(); |
||||
|
}else{ |
||||
|
this.$refs[k.id][0].sizeAutoChange(); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.initData(); |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,323 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<el-select v-model="filters.category" clearable @change="onCategroySelect" style="width:100%;" :disabled="!!category"> |
||||
|
<el-option v-for="(item,index) in categorys" :label="item" :value="item" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
</el-row> |
||||
|
<el-row ref="table"> |
||||
|
<div class="moduleset-lg hidden-md-and-down"> |
||||
|
<div class="nav"> |
||||
|
<div class="nav_item" :class="{itemActive: item.isChecked}" v-for="(item, index) in compsCpd" :key="index" @click="selectItem(item, index)"> |
||||
|
<img :src="item.img" alt=""> |
||||
|
<div class="desc"> |
||||
|
<p>{{index+1}} {{item.rptName}}</p> |
||||
|
<span> |
||||
|
{{item.desc}} |
||||
|
</span> |
||||
|
</div> |
||||
|
<i v-if="item.isChecked" class="el-icon-success"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="moduleset-sm hidden-lg-and-up"> |
||||
|
<div class="nav"> |
||||
|
<div class="nav_item" :class="{itemActive: item.isChecked}" v-for="(item, index) in compsCpd" :key="index" @click="selectItem(item, index)"> |
||||
|
<div class="title"><p>{{index+1}} {{item.rptName}}</p></div> |
||||
|
<div class="context"> |
||||
|
<img :src="item.img" alt=""></img> |
||||
|
<div class="desc"> |
||||
|
<span>{{item.desc}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<i v-if="item.isChecked" class="el-icon-success"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import pieSimple from './images/pie-simple.png' |
||||
|
import lineStack from './images/line-stack.png' |
||||
|
import areaStack from './images/area-stack.png' |
||||
|
import ranjintu from './images/ranjintu.png' |
||||
|
import datasetLink from './images/dataset-link.png' |
||||
|
import bar from './images/bar.png' |
||||
|
|
||||
|
import { mapGetters } from 'vuex' |
||||
|
import store from '@/store' |
||||
|
|
||||
|
export default { |
||||
|
props: ['compIds','category' ], |
||||
|
computed: { |
||||
|
...mapGetters(['userInfo']), |
||||
|
compsCpd(){ |
||||
|
var comps=this.rptListCpd; |
||||
|
if(this.compIds && this.compIds.length>0){ |
||||
|
comps.forEach(i=>{ |
||||
|
i.isChecked=this.compIds.some(k=>k==i.compId) |
||||
|
}) |
||||
|
} |
||||
|
return comps; |
||||
|
}, |
||||
|
rptListCpd(){ |
||||
|
if(!this.filters.category){ |
||||
|
return this.comps; |
||||
|
}else{ |
||||
|
return this.comps.filter(i=>i.category.indexOf(this.filters.category)>=0) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
categorys:function(){ |
||||
|
var map={}; |
||||
|
var list=[]; |
||||
|
this.comps.forEach(e => { |
||||
|
var cateList=e.category.split(",") |
||||
|
cateList.forEach(cate=>{ |
||||
|
if(!map[cate]){ |
||||
|
list.push(cate); |
||||
|
map[cate]=cate |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}); |
||||
|
return list; |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
category:'企业级' |
||||
|
}, |
||||
|
comps: [ |
||||
|
{isChecked:false,rptName:'迭代燃尽图',category:'迭代级',compId:'xmIterationBurnout',desc:'跟踪迭代的剩余工作量按日期变化趋势，识别迭代当前进度情况',img:ranjintu }, |
||||
|
{isChecked:false,rptName:'需求每日趋势',category:'迭代级',compId:'xmIterationMenuDayTrend',desc:'跟踪未开始、执行中、已完成、已关闭状态的需求数量按日期变化趋势，识别需求工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'需求每日累积',category:'迭代级',compId:'xmIterationMenuDayAccumulate',desc:'跟踪未开始、执行中、已完成、已关闭状态的需求数量按日期累积情况，识别需求工作的瓶颈',img:areaStack }, |
||||
|
{isChecked:false,rptName:'迭代工作项每日趋势',category:'迭代级',compId:'xmIterationWorkItemDayList',desc:'统计迭代每日工作项数量分布情况',img:datasetLink }, |
||||
|
{isChecked:false,rptName:'迭代缺陷每日趋势',category:'迭代级',compId:'xmIterationQuestionDayTrend',desc:'跟踪新提出、执行中、已解决、已关闭状态的缺陷数量按日期变化趋势，识别缺陷处理工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'迭代缺陷每日累积',category:'迭代级',compId:'xmIterationQuestionDayAccumulate',desc:'跟踪一段时间内，各种程度和类别的缺陷累积情况，监控缺陷的变化趋势',img:areaStack }, |
||||
|
|
||||
|
//企业级报表 |
||||
|
{isChecked:false,rptName:'企业缺陷每日趋势',category:'企业级',compId:'xmBranchQuestionDayTrend',desc:'跟踪新提出、执行中、已解决、已关闭状态的缺陷数量按日期变化趋势，识别缺陷处理工作情况',img:lineStack }, |
||||
|
|
||||
|
{isChecked:false,rptName:'企业工作项每日趋势',category:'企业级',compId:'xmBranchWorkItemDayList',desc:'统计迭代每日工作项数量分布情况',img:datasetLink }, |
||||
|
//{isChecked:false,rptName:'企业缺陷每日趋势',category:'企业级',compId:'xmBranchQuestionDayTrend',desc:'跟踪新提出、执行中、已解决、已关闭状态的缺陷数量按日期变化趋势，识别缺陷处理工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'企业缺陷每日累积',category:'企业级',compId:'xmBranchQuestionDayAccumulate',desc:'跟踪一段时间内，各种程度和类别的缺陷累积情况，监控缺陷的变化趋势',img:areaStack }, |
||||
|
{isChecked:false,rptName:'需求每日趋势',category:'企业级',compId:'xmBranchMenuDayTrend',desc:'跟踪未开始、执行中、已完成、已关闭状态的需求数量按日期变化趋势，识别需求工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'需求每日累积',category:'企业级',compId:'xmBranchMenuDayAccumulate',desc:'跟踪未开始、执行中、已完成、已关闭状态的需求数量按日期累积情况，识别需求工作的瓶颈',img:areaStack }, |
||||
|
|
||||
|
//产品报表 |
||||
|
{isChecked:false,rptName:'产品工作项每日趋势',category:'产品级',compId:'xmProductWorkItemDayList',desc:'统计产品每日工作项数量分布情况',img:datasetLink }, |
||||
|
{isChecked:false,rptName:'需求每日趋势',category:'产品级',compId:'xmMenuDayTrend',desc:'跟踪未开始、执行中、已完成、已关闭状态的需求数量按日期变化趋势，识别需求工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'需求每日累积',category:'产品级',compId:'xmMenuDayAccumulate',desc:'跟踪未开始、执行中、已完成、已关闭状态的需求数量按日期累积情况，识别需求工作的瓶颈',img:areaStack }, |
||||
|
{isChecked:false,rptName:'需求属性分布',category:'产品级,迭代级,企业级',compId:'xmMenuAttDist',desc:'统计所有需求任意属性数量分布情况（实时数据）',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'需求年龄分布',category:'产品级,迭代级,企业级',compId:'xmMenuAgeDist',desc:'统计所有需求年龄分布情况（实时数据）',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'需求排行榜',category:'产品级,迭代级,企业级',compId:'xmMenuSort',desc:'按提出人、负责人、迭代、产品等维度统计用户故事数量按高到低进行排行（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'模块需求数量统计',category:'产品级,迭代级,企业级',compId:'xmMenuFuncSort',initGroupBy:'func_id',desc:'统计每个模块当前的需求数量（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'迭代需求数量统计',category:'产品级,迭代级,企业级',compId:'xmMenuIterationSort',initGroupBy:'iteration_id',desc:'统计每个迭代当前的需求数量（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'产品需求数量统计',category:'产品级,企业级',compId:'xmMenuProductSort',initGroupBy:'product_id',desc:'统计每个产品当前的需求数量（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'产品缺陷每日趋势',category:'产品级',compId:'xmQuestionDayTrend',desc:'跟踪新提出、执行中、已解决、已关闭状态的缺陷数量按日期变化趋势，识别缺陷处理工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'产品缺陷每日累积',category:'产品级',compId:'xmQuestionDayAccumulate',desc:'跟踪一段时间内，各种程度和类别的缺陷累积情况，监控缺陷的变化趋势',img:areaStack }, |
||||
|
|
||||
|
//项目报表 |
||||
|
{isChecked:false,rptName:'项目工作项每日趋势',category:'项目级',compId:'xmProjectWorkItemDayList',desc:'统计项目每日工作项数量分布情况',img:datasetLink }, |
||||
|
{isChecked:false,rptName:'任务每日趋势',category:'项目级',compId:'xmTaskDayTrend',desc:'跟踪未开始、执行中、已完成、已关闭状态的任务数量按日期变化趋势，识别任务工作情况',img:lineStack }, |
||||
|
{isChecked:false,rptName:'任务每日累积',category:'项目级',compId:'xmTaskDayAccumulate',desc:'跟踪未开始、执行中、已完成、已关闭状态的任务数量按日期累积情况，识别任务工作的瓶颈',img:areaStack }, |
||||
|
{isChecked:false,rptName:'任务属性分布',category:'项目级,企业级',compId:'xmTaskAttDist',desc:'统计所有任务任意属性数量分布情况（实时数据）',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'任务年龄分布',category:'项目级,企业级',compId:'xmTaskAgeDist',desc:'统计所有任务年龄分布情况（实时数据）',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'任务排行榜',category:'项目级,企业级',compId:'xmTaskSort',desc:'任务提出人、负责人的用户故事数量排行（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'项目结算工时每日趋势',category:'项目级',compId:'xmProjectWorkloadSetDayList',desc:'统计项目每日登记工时、结算工时数量分布情况',img:datasetLink }, |
||||
|
{isChecked:false,rptName:'项目结算工时每月趋势',category:'项目级',compId:'xmProjectWorkloadSetMonthList',desc:'统计项目每月登记工时、结算工时数量分布情况',img:datasetLink }, |
||||
|
|
||||
|
|
||||
|
//测试级报表 |
||||
|
{isChecked:false,rptName:'测试用例规划分析',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestCaseToPlanCalc',desc:'显示用例被规划到测试计划中的次数统计',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'测试用例需求覆盖分析',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestCaseMenuSort',initGroupBy:'menu_id',desc:'统计测试用例需求覆盖情况',img:bar }, |
||||
|
{isChecked:false,rptName:'测试用例模块覆盖分析',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestCaseFuncSort',initGroupBy:'func_id',desc:'统计测试用例覆盖各个模块的情况',img:bar }, |
||||
|
{isChecked:false,rptName:'测试用例负责人排行榜',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestCaseCuserSort',initGroupBy:'cuserid',desc:'统计测试团队每个人负责的测试用例数并进行排序',img:bar }, |
||||
|
|
||||
|
{isChecked:false,rptName:'测试用例执行状态分布',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestPlanCaseExecStatusDist',desc:'按测试用例执行结果统计，通过、失败、忽略、阻塞',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'测试用例执行用户分布',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestPlanCaseUserDist',desc:'统计测试用例负责人用例执行情况',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷回归分布',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionRetestDist',desc:'统计项目中缺陷在回归测试中分布情况，跟踪缺陷的重新打开率；',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'测试次数每日统计',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmTestDayTimesCalc',desc:'统计每日测试用例执行数量',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷状态分布',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionStateDist',desc:'跟踪新提出、执行中、已解决、已关闭状态的缺陷数量按日期变化趋势，识别缺陷处理工作情况',img:pieSimple }, |
||||
|
|
||||
|
{isChecked:false,rptName:'缺陷排行榜',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionSort',desc:'从缺陷提出人、创建人、负责人、故事等维度统计缺陷数量排行榜（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷提出人排行榜',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionAskUserSort',initGroupBy:'ask_userid',desc:'从缺陷提出人、创建人、负责人、故事等维度统计缺陷数量排行榜（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷负责人排行榜',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionHandlerUserSort',initGroupBy:'handler_userid',desc:'从缺陷提出人、创建人、负责人、故事等维度统计缺陷数量排行榜（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷模块排行榜',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionFuncSort',initGroupBy:'func_id',desc:'从缺陷提出人、创建人、负责人、故事等维度统计缺陷数量排行榜（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷需求排行榜',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionMenuSort',initGroupBy:'menu_id',desc:'从缺陷提出人、创建人、负责人、故事等维度统计缺陷数量排行榜（实时数据）',img:bar }, |
||||
|
{isChecked:false,rptName:'缺陷属性分布',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionAttDist',desc:'统计所有缺陷任意属性数量分布情况（实时数据）',img:pieSimple }, |
||||
|
{isChecked:false,rptName:'缺陷年龄分布',category:'测试级,项目级,产品级,迭代级,企业级',compId:'xmQuestionAgeDist',desc:'统计所有缺陷按照年龄的分布情况，跟踪缺陷的生命周期和响应情况',img:pieSimple }, |
||||
|
|
||||
|
], |
||||
|
maxTableHeight:300, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
onCategroySelect(){ |
||||
|
this.selectItem(this.rptListCpd[0]) |
||||
|
}, |
||||
|
selectItem(item){ |
||||
|
this.$emit("row-click",item) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.comps.forEach(k=>k.id=k.id?k.id:k.compId) |
||||
|
if(this.category){ |
||||
|
this.filters.category=this.category |
||||
|
}else{ |
||||
|
if(this.xmIteration && this.xmIteration.id){ |
||||
|
this.filters.category="迭代级" |
||||
|
}else if(this.xmTestCasedb && this.xmTestCasedb.id){ |
||||
|
this.filters.category="测试级" |
||||
|
}else if(this.xmProject && this.xmProject.id){ |
||||
|
this.filters.category="项目级" |
||||
|
}else if(this.xmProduct && this.xmProduct.id){ |
||||
|
this.filters.category="产品级" |
||||
|
}else{ |
||||
|
this.filters.category="企业级" |
||||
|
store.dispatch("toggleSideBar",false) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
|
||||
|
.moduleset-lg { |
||||
|
|
||||
|
.nav { |
||||
|
overflow: hidden; |
||||
|
display:flex; |
||||
|
align-items:center; |
||||
|
justify-content: space-between; |
||||
|
flex-wrap:wrap; |
||||
|
padding-right: 5px; |
||||
|
.nav_item { |
||||
|
padding:5px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
border: 2px solid #EDF0F9; |
||||
|
box-shadow: 0px 3px 4px 0px rgba(186, 184, 184, 0.1); |
||||
|
border-radius: 8px; |
||||
|
align-items: center; |
||||
|
position: relative; |
||||
|
cursor: pointer; |
||||
|
margin-top: 10px; |
||||
|
width:100%; |
||||
|
img { |
||||
|
object-fit:cover; |
||||
|
max-width: 25%; |
||||
|
max-height: 100%; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
p { |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
color: #7D7D7D; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
span { |
||||
|
font-size: 14px; |
||||
|
color: #7D7D7D; |
||||
|
line-height: 16px; |
||||
|
} |
||||
|
i { |
||||
|
position: absolute; |
||||
|
top: 5px; |
||||
|
right: 5px; |
||||
|
font-size: 30px; |
||||
|
color: #90B1F4; |
||||
|
} |
||||
|
} |
||||
|
.itemActive { |
||||
|
border: 2px solid #90B1F4; |
||||
|
box-shadow: 0px 3px 4px 0px rgba(186, 184, 184, 0.1); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.moduleset-sm { |
||||
|
|
||||
|
.nav { |
||||
|
overflow: hidden; |
||||
|
display:flex; |
||||
|
align-items:center; |
||||
|
justify-content: space-between; |
||||
|
flex-wrap:wrap; |
||||
|
padding-right: 5px; |
||||
|
.nav_item { |
||||
|
padding:2px; |
||||
|
flex-direction: row; |
||||
|
border: 2px solid #EDF0F9; |
||||
|
box-shadow: 0px 3px 4px 0px rgba(186, 184, 184, 0.1); |
||||
|
border-radius: 8px; |
||||
|
align-items: center; |
||||
|
position: relative; |
||||
|
cursor: pointer; |
||||
|
margin-top: 5px; |
||||
|
width:100%; |
||||
|
.title{ |
||||
|
width:100%; |
||||
|
p { |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
color: #7D7D7D; |
||||
|
margin-bottom: 5px; |
||||
|
margin-top: 5px; |
||||
|
} |
||||
|
} |
||||
|
.context{ |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
padding: 2px; |
||||
|
img { |
||||
|
object-fit:cover; |
||||
|
max-width: 25%; |
||||
|
max-height: 100%; |
||||
|
padding: 2px; |
||||
|
} |
||||
|
.desc{ |
||||
|
width:75%; |
||||
|
span { |
||||
|
font-size: 10px; |
||||
|
color: #7D7D7D; |
||||
|
line-height: 12px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
i { |
||||
|
position: absolute; |
||||
|
top: 5px; |
||||
|
right: 5px; |
||||
|
font-size: 20px; |
||||
|
color: #90B1F4; |
||||
|
} |
||||
|
} |
||||
|
.itemActive { |
||||
|
border: 2px solid #90B1F4; |
||||
|
box-shadow: 0px 3px 4px 0px rgba(186, 184, 184, 0.1); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,375 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row :gutter="5" > |
||||
|
<el-col :span="18"> |
||||
|
<div class="rpt-box"> |
||||
|
<el-row v-if="isRptCfg"> |
||||
|
<el-row class="row-box padding-top"> |
||||
|
<span class="title">{{title?title:'请输入标题'}}</span><el-input class="input" v-model="title" placeholder="请输入标题"></el-input> |
||||
|
</el-row> |
||||
|
<el-row class="row-box"> |
||||
|
<el-row class="remark"><div v-html="remark?remark:'请输入说明'"></div></el-row> |
||||
|
<el-row ><el-input class="input" type="textarea" :rows="4" v-model="remark" placeholder="请输入说明"></el-input></el-row> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
<el-row v-else-if="cfg && cfg.id"> |
||||
|
<el-row v-if="title" class="row-box"> |
||||
|
<span class="title">{{title}}</span> |
||||
|
</el-row> |
||||
|
<el-row v-if="remark" class="row-box"> |
||||
|
<span class="remark">{{remark}}</span> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<div class="echart-box" id="iterationWorkItemDayList"></div> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="border" v-if="isRptCfg"> |
||||
|
<el-row v-if="showToolBar"> |
||||
|
<el-button type="danger" icon="el-icon-delete" @click="doDelete">从报告移除该报表</el-button> |
||||
|
</el-row> |
||||
|
<el-row v-if="showParams"> |
||||
|
<el-form :model="params" class="padding" :style="{width:'100%',maxHeight:maxTableHeight+'px',overflow: 'auto'}" ref="filtersRef"> |
||||
|
|
||||
|
<el-form-item label="日期区间"> |
||||
|
<br> |
||||
|
<mdp-date-range v-model="params" 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="listXmBranchStateHis">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//产品选择界面 |
||||
|
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect';//迭代选择界面 |
||||
|
import { listXmBranchStateHis } from '@/api/xm/core/xmBranchStateHis'; |
||||
|
export default { |
||||
|
|
||||
|
components: { |
||||
|
XmIterationSelect,XmProductSelect, |
||||
|
}, |
||||
|
props:['id','xmProduct','xmProject','xmIteration','cfg','category','showToolBar','showParams','isRptCfg'], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
dataSetCpd(){ |
||||
|
return [ |
||||
|
['日期',...this.xmProductStateHiss.map(i=>i.bizDate)], |
||||
|
['未关故事',...this.xmProductStateHiss.map(i=>i.menuCnt-i.menuCloseCnt)], |
||||
|
['已关故事',...this.xmProductStateHiss.map(i=>i.menuCloseCnt)], |
||||
|
['未关任务',...this.xmProductStateHiss.map(i=>i.taskCnt-i.taskCloseCnt)], |
||||
|
['已关任务',...this.xmProductStateHiss.map(i=>i.taskCloseCnt)], |
||||
|
['未关缺陷',...this.xmProductStateHiss.map(i=>i.bugCnt-i.closedBugs)], |
||||
|
['已关缺陷',...this.xmProductStateHiss.map(i=>i.closedBugs)] |
||||
|
] |
||||
|
}, |
||||
|
titleCpd(){ |
||||
|
return "企业工作项每日趋势图" |
||||
|
|
||||
|
}, |
||||
|
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 |
||||
|
} |
||||
|
if(this.cfg && this.cfg.params && this.cfg.params.productId){ |
||||
|
return {id:this.cfg.params.productId} |
||||
|
} |
||||
|
return null; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
watch: { |
||||
|
dataSetCpd(){ |
||||
|
this.$nextTick(()=>{ |
||||
|
this.drawCharts(); |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters:{ |
||||
|
category:'', |
||||
|
product:null, |
||||
|
project:null, |
||||
|
testPlan:null, |
||||
|
iteration:null, |
||||
|
testCasedb:null, |
||||
|
startBizDate:'', |
||||
|
endBizDate:'', |
||||
|
}, |
||||
|
params:{ |
||||
|
|
||||
|
}, |
||||
|
title:'',//报表配置项 |
||||
|
remark:'', //报表配置项 |
||||
|
|
||||
|
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: { |
||||
|
listXmBranchStateHis(){ |
||||
|
var params=this.params |
||||
|
listXmBranchStateHis(params).then(res=>{ |
||||
|
this.xmProductStateHiss=res.data.tips.isOk?res.data.data:this.xmProductStateHiss; |
||||
|
}) |
||||
|
}, |
||||
|
open(){ |
||||
|
this.visible=true; |
||||
|
this.filters.testPlan=this.xmTestPlan |
||||
|
this.filters.product=this.xmProduct |
||||
|
this.filters.project=this.xmProject |
||||
|
this.filters.iteration=this.xmIteration |
||||
|
this.filters.testCasedb=this.xmTestCasedb |
||||
|
|
||||
|
if( this.filters.testPlan && this.filters.testPlan.id){ |
||||
|
this.params.planId= this.filters.testPlan.id |
||||
|
} |
||||
|
|
||||
|
if( this.filters.product && this.filters.product.id){ |
||||
|
this.params.productId= this.filters.product.id |
||||
|
} |
||||
|
|
||||
|
if( this.filters.project && this.filters.project.id){ |
||||
|
this.params.projectId= this.filters.project.id |
||||
|
} |
||||
|
|
||||
|
if( this.filters.iteration && this.filters.iteration.id){ |
||||
|
this.params.iterationId= this.filters.iteration.id |
||||
|
} |
||||
|
|
||||
|
|
||||
|
if( this.filters.testCasedb && this.filters.testCasedb.id){ |
||||
|
this.params.casedbId= this.filters.testCasedb.id |
||||
|
} |
||||
|
if(this.cfg && this.cfg.id){ |
||||
|
this.params=this.cfg.params |
||||
|
this.title=this.cfg.title |
||||
|
this.remark=this.cfg.remark |
||||
|
} |
||||
|
if(this.showToolBar && !this.title){ |
||||
|
this.title="企业工作项每日趋势图" |
||||
|
} |
||||
|
this.xmProductStateHiss=[] |
||||
|
if(this.$refs['xmProductSelect'])this.$refs['xmProductSelect'].clearSelect(); |
||||
|
if(this.$refs['xmIterationSelect'])this.$refs['xmIterationSelect'].clearSelect(); |
||||
|
this.$nextTick(()=>{ |
||||
|
this.listXmBranchStateHis(); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
drawCharts() { |
||||
|
this.myChart = this.$echarts.init(document.getElementById("iterationWorkItemDayList")); |
||||
|
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: this.titleCpd, |
||||
|
left: 'center' |
||||
|
}, |
||||
|
|
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
}, |
||||
|
barMaxWidth: 100, |
||||
|
toolbox: { |
||||
|
show: true, |
||||
|
top:"5%", |
||||
|
right:"10px", |
||||
|
feature: { |
||||
|
dataView: { show: true, readOnly: false }, |
||||
|
magicType: { show: true, type: ['line', 'bar'] }, |
||||
|
|
||||
|
saveAsImage: { show: true } |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
calculable: true, |
||||
|
legend: { |
||||
|
bottom: 'bottom', |
||||
|
}, |
||||
|
|
||||
|
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%', '30%'], |
||||
|
emphasis: { |
||||
|
focus: 'self' |
||||
|
}, |
||||
|
label: { |
||||
|
formatter: '{b}: {@日期} ({d}%)' |
||||
|
}, |
||||
|
encode: { |
||||
|
itemName: '日期', |
||||
|
value:this.dataSetCpd[0][this.dataSetCpd[0].length-1], |
||||
|
tooltip: '日期' |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
this.myChart.resize(); |
||||
|
}, |
||||
|
|
||||
|
onProductSelected(product){ |
||||
|
this.filters.product=product |
||||
|
this.xmProductStateHiss=[]; |
||||
|
}, |
||||
|
|
||||
|
onProductClear(){ |
||||
|
this.filters.product=null |
||||
|
|
||||
|
this.xmProductStateHiss=[]; |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
onIterationSelected(iteration){ |
||||
|
this.filters.iteration=iteration |
||||
|
}, |
||||
|
|
||||
|
onIterationClear(){ |
||||
|
this.filters.iteration=null |
||||
|
} |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
/** |
||||
|
initSimpleDicts('all',['demandSource','demandLvl','demandType','priority','menuStatus'] ).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
*/ |
||||
|
this.maxTableHeight = this.$refs.filtersRef?util.calcTableMaxHeight(this.$refs.filtersRef.$el):this.maxTableHeight; |
||||
|
//this.charts(); |
||||
|
this.open(); |
||||
|
|
||||
|
}//end mounted |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.image { |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
} |
||||
|
.row-box{ |
||||
|
.title{ |
||||
|
font-weight: 600; |
||||
|
font-size: large; |
||||
|
visibility: visible; |
||||
|
} |
||||
|
.remark{ |
||||
|
font-size:medium; |
||||
|
visibility: visible; |
||||
|
} |
||||
|
.input { |
||||
|
visibility: hidden; |
||||
|
z-index: 10000; |
||||
|
top: 0%; |
||||
|
left:0%; |
||||
|
position:absolute; |
||||
|
} |
||||
|
} |
||||
|
.row-box:hover{ |
||||
|
.title{ |
||||
|
display:none; |
||||
|
} |
||||
|
.remark{ |
||||
|
display:none; |
||||
|
} |
||||
|
.input{ |
||||
|
visibility: visible; |
||||
|
} |
||||
|
} |
||||
|
.rpt-box{ |
||||
|
margin-left: 10px; |
||||
|
margin-right: 10px; |
||||
|
border: 1px solid #e8e8e8; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,10 @@ |
|||||
|
.m_container { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: rgb(238, 238, 238); |
||||
|
.m_content { |
||||
|
padding:30px 18px 18px 18px; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,98 @@ |
|||||
|
.m_top { |
||||
|
background: #fff; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
height: 100px; |
||||
|
align-items: center; |
||||
|
border: 1px solid #ebeef5; |
||||
|
margin: 0 10px; |
||||
|
.m_avatar { |
||||
|
width: 52px; |
||||
|
height: 52px; |
||||
|
margin-left: 34px; |
||||
|
} |
||||
|
.m_msg { |
||||
|
margin-left: 22px; |
||||
|
p:nth-child(1) { |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
color: #7D7D7D; |
||||
|
opacity: 0.92; |
||||
|
} |
||||
|
p:nth-child(2) { |
||||
|
margin-top: 12px; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
color: #7D7D7D; |
||||
|
opacity: 0.53; |
||||
|
} |
||||
|
} |
||||
|
.m_btn { |
||||
|
margin-left: auto; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.m_middle { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-top: 20px; |
||||
|
height: 280px; |
||||
|
.m_left, .m_right { |
||||
|
flex: 1; |
||||
|
padding: 30px; |
||||
|
background: #fff; |
||||
|
border: 1px solid #ebeef5; |
||||
|
} |
||||
|
.m_left { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-right: 10px; |
||||
|
margin-left: 10px; |
||||
|
.m_left_1 { |
||||
|
flex: 1.5; |
||||
|
p { |
||||
|
font-size: 18px; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
span { |
||||
|
font-size: 15px; |
||||
|
line-height: 42px; |
||||
|
color: #7D7D7D; |
||||
|
} |
||||
|
} |
||||
|
.m_left_2 { |
||||
|
flex: 1; |
||||
|
img { |
||||
|
width: 100%; |
||||
|
margin-left: 20px; |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.m_right { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
flex-wrap: wrap; |
||||
|
margin-right: 10px; |
||||
|
.m_right_menu { |
||||
|
display: flex; |
||||
|
width: 33.3%; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: 16px; |
||||
|
cursor: pointer; |
||||
|
img { |
||||
|
width: 58px; |
||||
|
height: 58px; |
||||
|
} |
||||
|
span { |
||||
|
margin-top: 12px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,58 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row v-if="rptConfigVisible"> |
||||
|
<span style="float:right;"> <el-button @click="rptConfigVisible=false">取消配置</el-button><el-button @click="saveXmRptConfig" type="primary">保存配置</el-button></span> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<comps-card ref="compsCard" :category="category" :xm-test-plan="xmTestPlan" :xm-product="xmProduct" :xm-project="xmProject" :xm-iteration="xmIteration" :xm-test-casedb="xmTestCasedb" :rpt-config-visible="rptConfigVisible"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import NProgress from 'nprogress' // progress bar |
||||
|
|
||||
|
import compsCard from './CompsCard' |
||||
|
import compsSet from './CompsSet' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['xmProduct','xmIteration','xmProject','xmTestCasedb','xmTestPlan','category'], |
||||
|
components: {compsSet, compsCard}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
saveXmRptConfig(){ |
||||
|
var callback=()=>{ |
||||
|
this.rptConfigVisible=false; |
||||
|
} |
||||
|
this.$refs['compsCard'].submitXmPrtConfig(callback) |
||||
|
}, |
||||
|
showPrint(){ |
||||
|
this.$refs.compsCard.printVisible=true; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'ask_userid'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionSort from './questionSort' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionSort}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,47 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_reason'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_severity'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_status'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_type'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'func_id'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionSort from './questionSort' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionSort}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'handler_userid'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionSort from './questionSort' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionSort}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'bug_type'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'rep_rate'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,48 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<question-att-dist :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'solution'" @delete="$emit('delete',$event)"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import questionAttDist from './questionAttDist' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import dayjs from 'dayjs' |
||||
|
|
||||
|
export default { |
||||
|
props:['id','xmTestPlan','compCfg'], |
||||
|
components: {questionAttDist}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
rptConfigVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
sizeAutoChange(){ |
||||
|
this.refs[this.compCfg.id].sizeAutoChange() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue