陈裕财
3 years ago
35 changed files with 409 additions and 3923 deletions
-
281src/views/xm/core/xmTestPlan/rpt/CompsCard.vue
-
304src/views/xm/core/xmTestPlan/rpt/CompsSet.vue
-
299src/views/xm/core/xmTestPlan/rpt/biz/productWorkItemDayList.vue
-
334src/views/xm/core/xmTestPlan/rpt/biz/question.vue
-
259src/views/xm/core/xmTestPlan/rpt/biz/questionAgeDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionAskUserSort.vue
-
334src/views/xm/core/xmTestPlan/rpt/biz/questionAttDist.vue
-
47src/views/xm/core/xmTestPlan/rpt/biz/questionBugReasonDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionBugSeverityDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionBugStatusDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionBugTypeDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionFuncSort.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionHandlerUserSort.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionMenuSort.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionPriorityDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionRepRateDist.vue
-
275src/views/xm/core/xmTestPlan/rpt/biz/questionRetestDist.vue
-
48src/views/xm/core/xmTestPlan/rpt/biz/questionSolutionDist.vue
-
282src/views/xm/core/xmTestPlan/rpt/biz/questionSort.vue
-
203src/views/xm/core/xmTestPlan/rpt/biz/testCaseToPlanCalc.vue
-
188src/views/xm/core/xmTestPlan/rpt/biz/testDayTimesCalc.vue
-
222src/views/xm/core/xmTestPlan/rpt/biz/testPlanCaseExecStatusDist.vue
-
249src/views/xm/core/xmTestPlan/rpt/biz/testPlanCaseUserDist.vue
-
10src/views/xm/core/xmTestPlan/rpt/common.scss
-
BINsrc/views/xm/core/xmTestPlan/rpt/images/area-stack.png
-
BINsrc/views/xm/core/xmTestPlan/rpt/images/bar.png
-
BINsrc/views/xm/core/xmTestPlan/rpt/images/dataset-link.png
-
BINsrc/views/xm/core/xmTestPlan/rpt/images/line-stack.png
-
BINsrc/views/xm/core/xmTestPlan/rpt/images/pie-simple.png
-
BINsrc/views/xm/core/xmTestPlan/rpt/images/ranjintu.png
-
98src/views/xm/core/xmTestPlan/rpt/index.scss
-
58src/views/xm/core/xmTestPlan/rpt/index.vue
-
1src/views/xm/rpt/CompsSet.vue
-
1src/views/xm/rpt/comps.js
-
407src/views/xm/rpt/testPlan/testPlanRptOverview.vue
@ -1,281 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="page-center border" v-if="printVisible==false"> |
|
||||
<el-col :span="6" :style="{height:maxTableHeight+'px',overflow:'auto'}"> |
|
||||
<comps-set v-if="rptConfigVisible" :comp-ids="compIds" @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" :comp-cfg="item" :ref="item.id" @delete="doDelete" :id="item.id+'-id'"></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 XmTestPlanMng from '@/views/xm/core/xmTestPlan/XmTestPlanMng' |
|
||||
import CompsSet from '@/views/xm/core/xmTestPlan/rpt/CompsSet' |
|
||||
import XmQuestionAgeDist from '@/views/xm/core/xmTestPlan/rpt/biz/questionAgeDist' |
|
||||
import xmQuestionAttDist from '@/views/xm/core/xmTestPlan/rpt/biz/questionAttDist' |
|
||||
import xmQuestionRetestDist from '@/views/xm/core/xmTestPlan/rpt/biz/questionRetestDist' |
|
||||
import xmQuestionHandlerUserSort from '@/views/xm/core/xmTestPlan/rpt/biz/questionHandlerUserSort' |
|
||||
import xmQuestionAskUserSort from '@/views/xm/core/xmTestPlan/rpt/biz/questionAskUserSort' |
|
||||
import xmQuestionMenuSort from '@/views/xm/core/xmTestPlan/rpt/biz/questionMenuSort' |
|
||||
import xmQuestionFuncSort from '@/views/xm/core/xmTestPlan/rpt/biz/questionFuncSort' |
|
||||
import xmTestPlanCaseExecStatusDist from '@/views/xm/core/xmTestPlan/rpt/biz/testPlanCaseExecStatusDist' |
|
||||
import xmTestPlanCaseUserDist from '@/views/xm/core/xmTestPlan/rpt/biz/testPlanCaseUserDist' |
|
||||
import xmTestCaseToPlanCalc from '@/views/xm/core/xmTestPlan/rpt/biz/testCaseToPlanCalc' |
|
||||
import xmTestDayTimesCalc from '@/views/xm/core/xmTestPlan/rpt/biz/testDayTimesCalc' |
|
||||
|
|
||||
import xmTestRptOverview from '@/views/xm/core/xmTestPlan/xmTestRptOverview' |
|
||||
|
|
||||
import { initDicts,listXmRptConfig, delXmRptConfig,editXmRptConfig,addXmRptConfig,batchDelXmRptConfig,editSomeFieldsXmRptConfig } from '@/api/xm/core/xmRptConfig'; |
|
||||
|
|
||||
export default { |
|
||||
components: { |
|
||||
GridLayout: VueGridLayout.GridLayout, |
|
||||
GridItem: VueGridLayout.GridItem, |
|
||||
XmTestPlanMng, |
|
||||
XmQuestionAgeDist, |
|
||||
xmQuestionAttDist, |
|
||||
xmQuestionHandlerUserSort,xmQuestionAskUserSort,xmQuestionMenuSort,xmQuestionFuncSort, |
|
||||
xmTestPlanCaseExecStatusDist, |
|
||||
xmTestPlanCaseUserDist, |
|
||||
CompsSet, |
|
||||
xmTestRptOverview, |
|
||||
xmQuestionRetestDist, |
|
||||
xmTestCaseToPlanCalc, |
|
||||
xmTestDayTimesCalc, |
|
||||
|
|
||||
"xmQuestionBugReasonDist":()=>import("./biz/questionBugReasonDist.vue"), |
|
||||
"xmQuestionBugStatusDist":()=>import("./biz/questionBugStatusDist.vue"), |
|
||||
"xmQuestionBugTypeDist":()=>import("./biz/questionBugTypeDist.vue"), |
|
||||
"xmQuestionRepRateDist":()=>import("./biz/questionRepRateDist.vue"), |
|
||||
"xmQuestionBugSeverityDist":()=>import("./biz/questionBugSeverityDist.vue"), |
|
||||
"xmQuestionSolutionDist":()=>import("./biz/questionSolutionDist.vue"), |
|
||||
"xmQuestionPriorityDist":()=>import("./biz/questionPriorityDist.vue"), |
|
||||
"productWorkItemDayList":()=>import("./biz/productWorkItemDayList.vue"), |
|
||||
|
|
||||
}, |
|
||||
props:['xmTestPlan','rptConfigVisible'], |
|
||||
computed: { |
|
||||
...mapGetters(['userInfo']), |
|
||||
compIds(){ |
|
||||
return this.compCfgList.map(k=>k.compId) |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
watch: { |
|
||||
xmRptConfig:{ |
|
||||
handler(){ |
|
||||
this.initCompCfgList(); |
|
||||
}, |
|
||||
deep:true, |
|
||||
}, |
|
||||
rptConfigVisible(){ |
|
||||
if(this.rptConfigVisible==true){ |
|
||||
this.$nextTick(()=>{ |
|
||||
this.compCfgList.forEach(k=>{ |
|
||||
this.sizeAutoChange(k); |
|
||||
}) |
|
||||
}) |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
|
|
||||
data() { |
|
||||
return { |
|
||||
xmRptConfig:null, |
|
||||
compCfgList:[], |
|
||||
maxTableHeight:300, |
|
||||
// 布局位置数据 |
|
||||
initCompCfg: [ |
|
||||
|
|
||||
{ i:0, x: 0, y: 12, w: 12, h: 6, id:'productWorkItemDayList',name:'测试计划总览',compId:'productWorkItemDayList', params:{} }, |
|
||||
{ i:0, x: 0, y: 12, w: 12, h: 6, id:'xmTestRptOverview',name:'测试计划总览',compId:'xmTestRptOverview', params:{} }, |
|
||||
{ i: 1, x: 0, y: 12, w: 12, h: 6, id:'xmTestCaseToPlanCalc',name:'用例规划分析', compId:'xmTestCaseToPlanCalc', }, |
|
||||
{ i: 2, x: 0, y: 12, w: 12, h: 6, id:'xmTestDayTimesCalc',name:'用例每日执行统计', compId:'xmTestDayTimesCalc', }, |
|
||||
{ i: 3, x: 0, y: 12, w: 12, h: 6, id:'xmTestPlanCaseExecStatusDist',name:'用例执行结果分布', compId:'xmTestPlanCaseExecStatusDist', }, |
|
||||
{ i: 4, x: 0, y: 12, w: 12, h: 6, id:'xmTestPlanCaseUserDist',name:'用例执行人情况分布', compId:'xmTestPlanCaseUserDist', }, |
|
||||
{ i:5, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionMenuSort',name:'缺陷需求分布', compId:'xmQuestionMenuSort', }, |
|
||||
{ i: 6, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionFuncSort',name:'缺陷模块分布', compId:'xmQuestionFuncSort', }, |
|
||||
{ i: 7, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionBugStatusDist',name:'缺陷状态分布',compId:'xmQuestionBugStatusDist', }, |
|
||||
{ i:8, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionAgeDist',name:'缺陷年龄分布',compId:'xmQuestionAgeDist', params:{} }, |
|
||||
{ i:9, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionBugReasonDist',name:'缺陷原因分布',compId:'xmQuestionBugReasonDist', params:{} }, |
|
||||
{ i:10, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionPriorityDist',name:'缺陷紧急程度分布',compId:'xmQuestionPriorityDist', params:{} }, |
|
||||
{ i: 11, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionAskUserSort',name:'缺陷提出人排行榜', compId:'xmQuestionAskUserSort', }, |
|
||||
{ i: 12, x: 0, y: 12, w: 12, h: 6, id:'xmQuestionHandlerUserSort',name:'缺陷负责人排行榜',compId:'xmQuestionHandlerUserSort', }, |
|
||||
|
|
||||
|
|
||||
], |
|
||||
// 布局列数 |
|
||||
layoutColNum: 12, |
|
||||
printVisible:false, |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
initData(){ |
|
||||
this.getXmRptConfig(); |
|
||||
}, |
|
||||
getXmRptConfig(){ |
|
||||
if(!this.xmTestPlan){ |
|
||||
return; |
|
||||
} |
|
||||
listXmRptConfig({bizId:this.xmTestPlan.id}).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(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={i:maxI, x: 0, y: maxY, w: 12, h: 6, compId:comp.compId,name:comp.name,id:comp.compId+seq.sn(),params:{}} |
|
||||
this.compCfgList.push(compCfg) |
|
||||
this.$nextTick(()=>{ |
|
||||
setTimeout(()=>{ |
|
||||
this.scrollToComp(compCfg) |
|
||||
},100) |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
scrollToComp(compCfg){ |
|
||||
var doc=document.getElementById(compCfg.id+'-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.rptConfigVisible==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> |
|
||||
@ -1,304 +0,0 @@ |
|||||
<template> |
|
||||
<div class="moduleset"> |
|
||||
<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.icon" alt=""> |
|
||||
<div class="desc"> |
|
||||
<p>{{item.name}}</p> |
|
||||
<span> |
|
||||
{{item.compDesc}} |
|
||||
</span> |
|
||||
</div> |
|
||||
<i v-if="item.isChecked" class="el-icon-success"></i> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import img1 from '../../../../myWork/img/dsp.png' |
|
||||
import img2 from '../../../../myWork/img/wdrw.png' |
|
||||
import img3 from '../../../../myWork/img/wdxm.png' |
|
||||
import img4 from '../../../../myWork/img/wdcp.png' |
|
||||
|
|
||||
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' |
|
||||
|
|
||||
|
|
||||
export default { |
|
||||
props: ['compIds' ], |
|
||||
computed: { |
|
||||
...mapGetters(['userInfo']), |
|
||||
compsCpd(){ |
|
||||
var comps=this.comps; |
|
||||
if(this.compIds && this.compIds.length>0){ |
|
||||
comps.forEach(i=>{ |
|
||||
i.isChecked=this.compIds.some(k=>k==i.compId) |
|
||||
}) |
|
||||
} |
|
||||
return comps; |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
watch: { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
data() { |
|
||||
return { |
|
||||
comps: [ |
|
||||
{ |
|
||||
compId: 'xmTestRptOverview', |
|
||||
icon: img1, |
|
||||
name: '报告总览', |
|
||||
compDesc: '测试报告总体概览，包括测试总结，测试用例总数、通过率、覆盖率、缺陷数、测试时间等', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmTestCaseToPlanCalc', |
|
||||
icon: pieSimple, |
|
||||
name: '用例规划分析', |
|
||||
compDesc: '统计用例库中规划到测试计划的用例数量情况', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmTestPlanCaseExecStatusDist', |
|
||||
icon: pieSimple, |
|
||||
name: '用例执行结果分布', |
|
||||
compDesc: '按测试用例执行结果统计，通过、失败、忽略、阻塞', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmTestPlanCaseUserDist', |
|
||||
icon: bar, |
|
||||
name: '测试用例成员执行结果分布', |
|
||||
compDesc: '统计测试用例负责人用例执行情况', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmTestDayTimesCalc', |
|
||||
icon: lineStack, |
|
||||
name: '每日测试次数统计', |
|
||||
compDesc: '统计每日执行的测试用例数', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionFuncSort', |
|
||||
icon: lineStack, |
|
||||
name: '缺陷模块分布', |
|
||||
compDesc: '统计缺陷在各个模块的分布情况', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionMenuSort', |
|
||||
icon: lineStack, |
|
||||
name: '缺陷故事分布', |
|
||||
compDesc: '统计缺陷在各个用户故事的分布情况', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionAskUserSort', |
|
||||
icon: bar, |
|
||||
name: '缺陷提出人排行榜', |
|
||||
compDesc: '统计每个提出人的缺陷总数，并按大小进行排序', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionHandlerUserSort', |
|
||||
icon: bar, |
|
||||
name: '缺陷负责人员排行榜', |
|
||||
compDesc: '统计每个负责人的缺陷总数，并按大小进行排序', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionRetestDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷回归测试分布', |
|
||||
compDesc: '统计回归测试的次数与缺陷数', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionAttDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷属性分布', |
|
||||
compDesc: '按缺陷的属性进行统计，多种属性可选择', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionBugStatusDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷状态分布', |
|
||||
compDesc: '按缺陷状态进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionBugReasonDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷原因分布', |
|
||||
compDesc: '按缺陷原因进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionBugTypeDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷类型分布', |
|
||||
compDesc: '按缺陷类型进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionRepRateDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷重现频率分布', |
|
||||
compDesc: '按缺陷重现频率进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionSolutionDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷解决方案分布', |
|
||||
compDesc: '按缺陷解决方案进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionBugSeverityDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷紧急程度分布', |
|
||||
compDesc: '按缺陷紧急程度进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionPriorityDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷优先级分布', |
|
||||
compDesc: '按缺陷优先级进行分组统计', |
|
||||
isChecked: false, |
|
||||
}, |
|
||||
{ |
|
||||
compId: 'xmQuestionAgeDist', |
|
||||
icon: pieSimple, |
|
||||
name: '缺陷年龄分布', |
|
||||
compDesc: '统计各个时间长度的缺陷总数', |
|
||||
isChecked: false, |
|
||||
} |
|
||||
], |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
selectItem(item){ |
|
||||
this.$emit("row-click",item) |
|
||||
} |
|
||||
|
|
||||
|
|
||||
} |
|
||||
|
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.moduleset .el-dialog__header { |
|
||||
padding: 0; |
|
||||
} |
|
||||
.moduleset .el-divider--horizontal { |
|
||||
margin: 0 !important; |
|
||||
} |
|
||||
</style> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
|
|
||||
.moduleset { |
|
||||
.dialog-title { |
|
||||
font-size: 22px; |
|
||||
font-weight: bold; |
|
||||
color: #7D7D7D; |
|
||||
height: 68px; |
|
||||
p { |
|
||||
line-height: 68px; |
|
||||
margin-left: 28px; |
|
||||
} |
|
||||
} |
|
||||
.toolBox { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
.selectItem { |
|
||||
display: flex; |
|
||||
flex-direction: row; |
|
||||
height: 70px; |
|
||||
.item { |
|
||||
display: flex; |
|
||||
flex-direction: row; |
|
||||
margin-right: 120px; |
|
||||
cursor: pointer; |
|
||||
margin: 25px 50px 0 20px; |
|
||||
img { |
|
||||
width: 45px; |
|
||||
height: 45px; |
|
||||
} |
|
||||
span { |
|
||||
margin-left: 8px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.nav { |
|
||||
overflow: auto; |
|
||||
display:flex; |
|
||||
align-items:center; |
|
||||
justify-content: space-between; |
|
||||
flex-wrap:wrap; |
|
||||
padding-right: 5px; |
|
||||
.nav_item { |
|
||||
height: 100px; |
|
||||
padding:2px; |
|
||||
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: 80%; |
|
||||
padding: 2px; |
|
||||
} |
|
||||
p { |
|
||||
font-size: 18px; |
|
||||
font-weight: bold; |
|
||||
color: #7D7D7D; |
|
||||
margin-bottom: 10px; |
|
||||
} |
|
||||
span { |
|
||||
font-size: 14px; |
|
||||
color: #7D7D7D; |
|
||||
line-height: 16px; |
|
||||
} |
|
||||
i { |
|
||||
position: absolute; |
|
||||
top: 10px; |
|
||||
right: 10px; |
|
||||
font-size: 30px; |
|
||||
color: #90B1F4; |
|
||||
} |
|
||||
} |
|
||||
.itemActive { |
|
||||
border: 2px solid #90B1F4; |
|
||||
box-shadow: 0px 3px 4px 0px rgba(186, 184, 184, 0.1); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
</style> |
|
||||
@ -1,299 +0,0 @@ |
|||||
<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> |
|
||||
@ -1,334 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item label="分组属性"> |
|
||||
<el-select v-model="filters.groupBy" @change="onXmQuestionSomeFieldsChange('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> |
|
||||
<el-form-item label="缺陷状态" prop="bugStatus"> |
|
||||
<el-select v-model="filters.bugStatus" @change="onXmQuestionSomeFieldsChange('bugStatus',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugStatus" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷类型" prop="bugType" > |
|
||||
<el-select v-model="filters.bugType" @change="onXmQuestionSomeFieldsChange('bugType',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷原因" prop="bugReason"> |
|
||||
<el-select v-model="filters.bugReason" @change="onXmQuestionSomeFieldsChange('bugReason',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugReason" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="严重程度" prop="bugSeverity" > |
|
||||
<el-select v-model="filters.bugSeverity" @change="onXmQuestionSomeFieldsChange('bugSeverity',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugSeverity" :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="onXmQuestionSomeFieldsChange('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 label="解决方案" prop="solution" > |
|
||||
<el-select v-model="filters.solution" @change="onXmQuestionSomeFieldsChange('solution',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugSolution" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="重现频率" prop="repRate" > |
|
||||
<el-select v-model="filters.repRate" @change="onXmQuestionSomeFieldsChange('repRate',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugRepRate" :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="searchXmQuestionAttDist">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmQuestionAttDist } from '@/api/xm/core/xmQuestion'; |
|
||||
|
|
||||
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect.vue';//修改界面 |
|
||||
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
XmIterationSelect,XmProductSelect, |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg','groupBy'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
xmQuestionAttDistsCpd(){ |
|
||||
if(this.xmQuestionAttDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
var itemId=""; |
|
||||
if(this.filters.groupBy=='bug_status'){ |
|
||||
itemId="bugStatus" |
|
||||
}else if(this.filters.groupBy=='bug_type'){ |
|
||||
itemId="bugType" |
|
||||
}else if(this.filters.groupBy=='bug_reason'){ |
|
||||
itemId="bugReason" |
|
||||
}else if(this.filters.groupBy=='bug_severity'){ |
|
||||
itemId="bugSeverity" |
|
||||
}else if(this.filters.groupBy=='priority'){ |
|
||||
itemId="priority" |
|
||||
} else if(this.filters.groupBy=='bug_solution'){ |
|
||||
itemId="bugSolution" |
|
||||
} else if(this.filters.groupBy=='rep_rate'){ |
|
||||
itemId="bugRepRate" |
|
||||
} |
|
||||
return this.xmQuestionAttDists.map(i=>{ |
|
||||
var data={...i} |
|
||||
data.name=this.formatDict(itemId,data.name) |
|
||||
return data; |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
title(){ |
|
||||
return this.groupBys.find(i=>i.id==this.filters.groupBy).name+'数量分布' |
|
||||
}, |
|
||||
legendCpd(){ |
|
||||
var itemId=""; |
|
||||
if(this.filters.groupBy=='bug_status'){ |
|
||||
itemId="bugStatus" |
|
||||
}else if(this.filters.groupBy=='bug_type'){ |
|
||||
itemId="bugType" |
|
||||
}else if(this.filters.groupBy=='bug_reason'){ |
|
||||
itemId="bugReason" |
|
||||
}else if(this.filters.groupBy=='bug_severity'){ |
|
||||
itemId="bugSeverity" |
|
||||
}else if(this.filters.groupBy=='priority'){ |
|
||||
itemId="priority" |
|
||||
} else if(this.filters.groupBy=='bug_solution'){ |
|
||||
itemId="bugSolution" |
|
||||
} else if(this.filters.groupBy=='rep_rate'){ |
|
||||
itemId="bugRepRate" |
|
||||
} |
|
||||
|
|
||||
return this.dicts[itemId].map(i=>i.name) |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmQuestionAttDistsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
groupBy:'bug_status', |
|
||||
planId:'', |
|
||||
productId:'', |
|
||||
projectId:'', |
|
||||
bugStatus:'', |
|
||||
bugType:'', |
|
||||
bugReason:'', |
|
||||
bugSeverity:'', |
|
||||
priority:'', |
|
||||
solution:'', |
|
||||
repRate:'', |
|
||||
}, |
|
||||
groupBys:[ |
|
||||
{id:'bug_status', name:'缺陷状态'}, |
|
||||
{id:'bug_type', name:'缺陷类型'}, |
|
||||
{id:'bug_reason', name:'缺陷原因'}, |
|
||||
{id:'bug_severity', name:'紧急程度'}, |
|
||||
{id:'priority', name:'优先级'}, |
|
||||
{id:'bug_solution', name:'解决方案'}, |
|
||||
{id:'rep_rate', 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, |
|
||||
xmQuestionAttDists:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//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(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
saveAsImage: { show: true }, |
|
||||
} |
|
||||
}, |
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data:this.legendCpd, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: 'pie', |
|
||||
radius: '50%', |
|
||||
data: this.xmQuestionAttDistsCpd, |
|
||||
emphasis: { |
|
||||
itemStyle: { |
|
||||
shadowBlur: 10, |
|
||||
shadowOffsetX: 0, |
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
label: { |
|
||||
show: true, |
|
||||
formatter:'{b}: {c} ({d}%)' |
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmQuestionAttDists=[] |
|
||||
}, |
|
||||
searchXmQuestionAttDist(){ |
|
||||
if(!this.filters.groupBy){ |
|
||||
this.$notify({position:'bottom-left',showClose:true,message:'请选中分组属性',type:'warning'}) |
|
||||
return |
|
||||
} |
|
||||
var params={...this.filters} |
|
||||
|
|
||||
getXmQuestionAttDist(params).then(res=>{ |
|
||||
this.xmQuestionAttDists=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
}, |
|
||||
initData(){ |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
if(this.groupBy){ |
|
||||
this.filters.groupBy=this.groupBy |
|
||||
} |
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['bugSeverity','bugSolution','bugStatus','bugType','priority','bugRepRate','bugReason'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmQuestionAttDist(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,259 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
|
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
|
|
||||
<el-form-item label="缺陷状态" prop="bugStatus"> |
|
||||
<el-select v-model="filters.bugStatus" @change="onXmQuestionSomeFieldsChange('bugStatus',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugStatus" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷类型" prop="bugType" > |
|
||||
<el-select v-model="filters.bugType" @change="onXmQuestionSomeFieldsChange('bugType',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷原因" prop="bugReason"> |
|
||||
<el-select v-model="filters.bugReason" @change="onXmQuestionSomeFieldsChange('bugReason',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugReason" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="严重程度" prop="bugSeverity" > |
|
||||
<el-select v-model="filters.bugSeverity" @change="onXmQuestionSomeFieldsChange('bugSeverity',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugSeverity" :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="onXmQuestionSomeFieldsChange('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 label="解决方案" prop="solution" > |
|
||||
<el-select v-model="filters.solution" @change="onXmQuestionSomeFieldsChange('solution',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugSolution" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="重现频率" prop="repRate" > |
|
||||
<el-select v-model="filters.repRate" @change="onXmQuestionSomeFieldsChange('repRate',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugRepRate" :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="searchXmQuestionAgeDist">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmQuestionAgeDist } from '@/api/xm/core/xmQuestion'; |
|
||||
|
|
||||
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect.vue';//修改界面 |
|
||||
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
XmIterationSelect,XmProductSelect, |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
xmQuestionAgeDistsCpd(){ |
|
||||
if(this.xmQuestionAgeDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
var datas=[] |
|
||||
this.xmQuestionAgeDists.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天以上'] |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmQuestionAgeDistsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
planId:'', |
|
||||
productId:'', |
|
||||
projectId:'', |
|
||||
bugStatus:'', |
|
||||
bugType:'', |
|
||||
bugReason:'', |
|
||||
bugSeverity:'', |
|
||||
priority:'', |
|
||||
solution:'', |
|
||||
repRate:'', |
|
||||
|
|
||||
|
|
||||
}, |
|
||||
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, |
|
||||
xmQuestionAgeDists:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//end return |
|
||||
},//end data |
|
||||
methods: { |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
saveAsImage: { show: true }, |
|
||||
} |
|
||||
}, |
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data:this.legendCpd, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: 'pie', |
|
||||
radius: '50%', |
|
||||
data: this.xmQuestionAgeDistsCpd, |
|
||||
emphasis: { |
|
||||
itemStyle: { |
|
||||
shadowBlur: 10, |
|
||||
shadowOffsetX: 0, |
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
label: { |
|
||||
show: true, |
|
||||
formatter:'{b}: {c} ({d}%)' |
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmQuestionAgeDists=[] |
|
||||
}, |
|
||||
searchXmQuestionAgeDist(){ |
|
||||
var params={...this.filters} |
|
||||
if(this.xmTestPlan && this.xmTestPlan.id){ |
|
||||
params.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
getXmQuestionAgeDist(params).then(res=>{ |
|
||||
this.xmQuestionAgeDists=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
}, |
|
||||
initData(){ |
|
||||
|
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['bugSeverity','bugSolution','bugStatus','bugType','priority','bugRepRate','bugReason'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmQuestionAgeDist(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,334 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item label="分组属性"> |
|
||||
<el-select v-model="filters.groupBy" @change="onXmQuestionSomeFieldsChange('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> |
|
||||
<el-form-item label="缺陷状态" prop="bugStatus"> |
|
||||
<el-select v-model="filters.bugStatus" @change="onXmQuestionSomeFieldsChange('bugStatus',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugStatus" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷类型" prop="bugType" > |
|
||||
<el-select v-model="filters.bugType" @change="onXmQuestionSomeFieldsChange('bugType',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷原因" prop="bugReason"> |
|
||||
<el-select v-model="filters.bugReason" @change="onXmQuestionSomeFieldsChange('bugReason',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugReason" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="严重程度" prop="bugSeverity" > |
|
||||
<el-select v-model="filters.bugSeverity" @change="onXmQuestionSomeFieldsChange('bugSeverity',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugSeverity" :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="onXmQuestionSomeFieldsChange('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 label="解决方案" prop="solution" > |
|
||||
<el-select v-model="filters.solution" @change="onXmQuestionSomeFieldsChange('solution',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugSolution" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="重现频率" prop="repRate" > |
|
||||
<el-select v-model="filters.repRate" @change="onXmQuestionSomeFieldsChange('repRate',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugRepRate" :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="searchXmQuestionAttDist">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmQuestionAttDist } from '@/api/xm/core/xmQuestion'; |
|
||||
|
|
||||
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect.vue';//修改界面 |
|
||||
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
XmIterationSelect,XmProductSelect, |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg','groupBy'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
xmQuestionAttDistsCpd(){ |
|
||||
if(this.xmQuestionAttDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
var itemId=""; |
|
||||
if(this.filters.groupBy=='bug_status'){ |
|
||||
itemId="bugStatus" |
|
||||
}else if(this.filters.groupBy=='bug_type'){ |
|
||||
itemId="bugType" |
|
||||
}else if(this.filters.groupBy=='bug_reason'){ |
|
||||
itemId="bugReason" |
|
||||
}else if(this.filters.groupBy=='bug_severity'){ |
|
||||
itemId="bugSeverity" |
|
||||
}else if(this.filters.groupBy=='priority'){ |
|
||||
itemId="priority" |
|
||||
} else if(this.filters.groupBy=='solution'){ |
|
||||
itemId="bugSolution" |
|
||||
} else if(this.filters.groupBy=='rep_rate'){ |
|
||||
itemId="bugRepRate" |
|
||||
} |
|
||||
return this.xmQuestionAttDists.map(i=>{ |
|
||||
var data={...i} |
|
||||
data.name=this.formatDict(itemId,data.name) |
|
||||
return data; |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
title(){ |
|
||||
return this.groupBys.find(i=>i.id==this.filters.groupBy).name+'数量分布' |
|
||||
}, |
|
||||
legendCpd(){ |
|
||||
var itemId=""; |
|
||||
if(this.filters.groupBy=='bug_status'){ |
|
||||
itemId="bugStatus" |
|
||||
}else if(this.filters.groupBy=='bug_type'){ |
|
||||
itemId="bugType" |
|
||||
}else if(this.filters.groupBy=='bug_reason'){ |
|
||||
itemId="bugReason" |
|
||||
}else if(this.filters.groupBy=='bug_severity'){ |
|
||||
itemId="bugSeverity" |
|
||||
}else if(this.filters.groupBy=='priority'){ |
|
||||
itemId="priority" |
|
||||
} else if(this.filters.groupBy=='solution'){ |
|
||||
itemId="bugSolution" |
|
||||
} else if(this.filters.groupBy=='rep_rate'){ |
|
||||
itemId="bugRepRate" |
|
||||
} |
|
||||
|
|
||||
return this.dicts[itemId].map(i=>i.name) |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmQuestionAttDistsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
groupBy:'bug_status', |
|
||||
planId:'', |
|
||||
productId:'', |
|
||||
projectId:'', |
|
||||
bugStatus:'', |
|
||||
bugType:'', |
|
||||
bugReason:'', |
|
||||
bugSeverity:'', |
|
||||
priority:'', |
|
||||
solution:'', |
|
||||
repRate:'', |
|
||||
}, |
|
||||
groupBys:[ |
|
||||
{id:'bug_status', name:'缺陷状态'}, |
|
||||
{id:'bug_type', name:'缺陷类型'}, |
|
||||
{id:'bug_reason', name:'缺陷原因'}, |
|
||||
{id:'bug_severity', name:'紧急程度'}, |
|
||||
{id:'priority', name:'优先级'}, |
|
||||
{id:'solution', name:'解决方案'}, |
|
||||
{id:'rep_rate', 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, |
|
||||
xmQuestionAttDists:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//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(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
saveAsImage: { show: true }, |
|
||||
} |
|
||||
}, |
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data:this.legendCpd, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: 'pie', |
|
||||
radius: '50%', |
|
||||
data: this.xmQuestionAttDistsCpd, |
|
||||
emphasis: { |
|
||||
itemStyle: { |
|
||||
shadowBlur: 10, |
|
||||
shadowOffsetX: 0, |
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
label: { |
|
||||
show: true, |
|
||||
formatter:'{b}: {c} ({d}%)' |
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmQuestionAttDists=[] |
|
||||
}, |
|
||||
searchXmQuestionAttDist(){ |
|
||||
if(!this.filters.groupBy){ |
|
||||
this.$notify({position:'bottom-left',showClose:true,message:'请选中分组属性',type:'warning'}) |
|
||||
return |
|
||||
} |
|
||||
var params={...this.filters} |
|
||||
|
|
||||
getXmQuestionAttDist(params).then(res=>{ |
|
||||
this.xmQuestionAttDists=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
}, |
|
||||
initData(){ |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
if(this.groupBy){ |
|
||||
this.filters.groupBy=this.groupBy |
|
||||
} |
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['bugSeverity','bugSolution','bugStatus','bugType','priority','bugRepRate','bugReason'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmQuestionAttDist(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,47 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row> |
|
||||
<question-sort :ref="compCfg.id" :xm-test-plan="xmTestPlan" :comp-cfg="compCfg" :rpt-config-visible="rptConfigVisible" :group-by="'menu_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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,275 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
|
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
|
|
||||
<el-form-item label="缺陷状态" prop="bugStatus"> |
|
||||
<el-select v-model="filters.bugStatus" @change="onXmQuestionSomeFieldsChange('bugStatus',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugStatus" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷类型" prop="bugType" > |
|
||||
<el-select v-model="filters.bugType" @change="onXmQuestionSomeFieldsChange('bugType',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷原因" prop="bugReason"> |
|
||||
<el-select v-model="filters.bugReason" @change="onXmQuestionSomeFieldsChange('bugReason',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugReason" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="严重程度" prop="bugSeverity" > |
|
||||
<el-select v-model="filters.bugSeverity" @change="onXmQuestionSomeFieldsChange('bugSeverity',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugSeverity" :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="onXmQuestionSomeFieldsChange('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 label="解决方案" prop="solution" > |
|
||||
<el-select v-model="filters.solution" @change="onXmQuestionSomeFieldsChange('solution',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugSolution" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="重现频率" prop="repRate" > |
|
||||
<el-select v-model="filters.repRate" @change="onXmQuestionSomeFieldsChange('repRate',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugRepRate" :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="searchXmQuestionRetestDist">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmQuestionRetestDist } from '@/api/xm/core/xmQuestion'; |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
|
|
||||
xmQuestionRetestDistsCpd(){ |
|
||||
var def=[ |
|
||||
{name:"1次",value:0} , |
|
||||
{name:"2次",value:0} , |
|
||||
{name:"3次",value:0} , |
|
||||
{name:"4次",value:0} , |
|
||||
{name:"5次",value:0} , |
|
||||
{name:"5次以上",value:0} |
|
||||
] |
|
||||
if(this.xmQuestionRetestDists.length==0){ |
|
||||
return def |
|
||||
}else{ |
|
||||
var datas=[] |
|
||||
this.xmQuestionRetestDists.forEach(i=>{ |
|
||||
var data={} |
|
||||
if(i.retimes>5){ |
|
||||
data.name="5次以上" |
|
||||
}else{ |
|
||||
data.name=this.legendCpd[i.retimes] |
|
||||
} |
|
||||
data.value=i.bugsNum |
|
||||
datas.push(data) |
|
||||
}) |
|
||||
def.forEach(k=>{ |
|
||||
if(!datas.some(i=>k.name==i.name)){ |
|
||||
datas.push(k) |
|
||||
} |
|
||||
}) |
|
||||
return datas; |
|
||||
} |
|
||||
}, |
|
||||
legendCpd(){ |
|
||||
return ["1次","2次","3次","4次","5次","5次以上"] |
|
||||
}, |
|
||||
title(){ |
|
||||
return '缺陷回归分布' |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmQuestionRetestDistsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
planId:'', |
|
||||
productId:'', |
|
||||
projectId:'', |
|
||||
bugStatus:'', |
|
||||
bugType:'', |
|
||||
bugReason:'', |
|
||||
bugSeverity:'', |
|
||||
priority:'', |
|
||||
solution:'', |
|
||||
repRate:'', |
|
||||
|
|
||||
|
|
||||
}, |
|
||||
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, |
|
||||
xmQuestionRetestDists:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//end return |
|
||||
},//end data |
|
||||
methods: { |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
saveAsImage: { show: true }, |
|
||||
} |
|
||||
}, |
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data:this.legendCpd, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: 'pie', |
|
||||
radius: '50%', |
|
||||
data: this.xmQuestionRetestDistsCpd, |
|
||||
emphasis: { |
|
||||
itemStyle: { |
|
||||
shadowBlur: 10, |
|
||||
shadowOffsetX: 0, |
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
label: { |
|
||||
show: true, |
|
||||
formatter:'{b}: {c} ({d}%)' |
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmQuestionRetestDists=[] |
|
||||
}, |
|
||||
searchXmQuestionRetestDist(){ |
|
||||
var params={...this.filters} |
|
||||
if(this.xmTestPlan && this.xmTestPlan.id){ |
|
||||
params.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
getXmQuestionRetestDist(params).then(res=>{ |
|
||||
this.xmQuestionRetestDists=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
}, |
|
||||
initData(){ |
|
||||
|
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
this.drawCharts(); |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['bugSeverity','bugSolution','bugStatus','bugType','priority','bugRepRate','bugReason'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmQuestionRetestDist(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,48 +0,0 @@ |
|||||
<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:['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> |
|
||||
@ -1,282 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item label="分组属性"> |
|
||||
<el-select v-model="groupBy" @change="onXmQuestionSomeFieldsChange('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> |
|
||||
<el-form-item label="缺陷状态" prop="bugStatus"> |
|
||||
<el-select v-model="filters.bugStatus" @change="onXmQuestionSomeFieldsChange('bugStatus',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugStatus" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷类型" prop="bugType" > |
|
||||
<el-select v-model="filters.bugType" @change="onXmQuestionSomeFieldsChange('bugType',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugType" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="缺陷原因" prop="bugReason"> |
|
||||
<el-select v-model="filters.bugReason" @change="onXmQuestionSomeFieldsChange('bugReason',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugReason" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="严重程度" prop="bugSeverity" > |
|
||||
<el-select v-model="filters.bugSeverity" @change="onXmQuestionSomeFieldsChange('bugSeverity',$event)" clearable> |
|
||||
<el-option v-for="i in this.dicts.bugSeverity" :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="onXmQuestionSomeFieldsChange('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 label="解决方案" prop="solution" > |
|
||||
<el-select v-model="filters.solution" @change="onXmQuestionSomeFieldsChange('solution',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugSolution" :label="i.name" :key="i.id" :value="i.id"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="重现频率" prop="repRate" > |
|
||||
<el-select v-model="filters.repRate" @change="onXmQuestionSomeFieldsChange('repRate',$event)" clearable> |
|
||||
<el-option v-for="i in dicts.bugRepRate" :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="searchXmQuestionSort">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row > |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmQuestionSort } from '@/api/xm/core/xmQuestion'; |
|
||||
|
|
||||
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect.vue';//修改界面 |
|
||||
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
XmIterationSelect,XmProductSelect, |
|
||||
}, |
|
||||
props:['xmTestPlan','compCfg','groupBy'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
xmQuestionSortsCpd(){ |
|
||||
if(!this.xmQuestionSorts || this.xmQuestionSorts.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmQuestionSorts.map(i=>i.value) |
|
||||
} |
|
||||
}, |
|
||||
title(){ |
|
||||
return this.compCfg.name |
|
||||
}, |
|
||||
legendCpd(){ |
|
||||
if(!this.xmQuestionSorts || this.xmQuestionSorts.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmQuestionSorts.map(i=>i.name) |
|
||||
} |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmQuestionSortsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
groupBy:'handler_userid', |
|
||||
}, |
|
||||
groupBys:[ |
|
||||
{id:'create_userid', name:'创建人'}, |
|
||||
{id:'ask_userid', name:'提出人'}, |
|
||||
{id:'handler_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, |
|
||||
xmQuestionSorts:[], |
|
||||
conditionBtnVisible:false, |
|
||||
pageInfo: { |
|
||||
//分页数据 |
|
||||
total: 0, //服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
|
||||
pageSize: 20, //每页数据 |
|
||||
count:true, //是否需要重新计算总记录数 |
|
||||
pageNum: 1, //当前页码、从1开始计算 |
|
||||
orderFields: ["value"], //排序列 如 ['sex','student_id']，必须为数据库字段 |
|
||||
orderDirs: ["desc"], //升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
|
||||
}, |
|
||||
|
|
||||
}//end return |
|
||||
},//end data |
|
||||
methods: { |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
|
|
||||
tooltip: { |
|
||||
trigger: 'axis', |
|
||||
}, |
|
||||
barMaxWidth: 100, |
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
magicType: { show: true, type: ['line', 'bar'] }, |
|
||||
|
|
||||
saveAsImage: { show: true } |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
calculable: true, |
|
||||
xAxis: { |
|
||||
type: 'category', |
|
||||
data: this.legendCpd |
|
||||
}, |
|
||||
yAxis: { |
|
||||
type: 'value' |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
data: this.xmQuestionSortsCpd, |
|
||||
type: 'bar', |
|
||||
label:{ |
|
||||
show: true, |
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmQuestionSorts=[] |
|
||||
}, |
|
||||
searchXmQuestionSort(){ |
|
||||
if(!this.filters.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, |
|
||||
}; |
|
||||
Object.assign(params,this.filters) |
|
||||
|
|
||||
|
|
||||
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(","); |
|
||||
} |
|
||||
getXmQuestionSort(params).then(res=>{ |
|
||||
this.xmQuestionSorts=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
} , |
|
||||
initData(){ |
|
||||
if(this.groupBy){ |
|
||||
this.filters.groupBy=this.groupBy |
|
||||
} |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['bugSeverity','bugSolution','bugStatus','bugType','priority','bugRepRate','bugReason'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmQuestionSort(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,203 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" @click="searchXmTestCaseToPlanCalcList">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmTestCaseToPlanCalcList } from '@/api/xm/core/xmTestPlanCase'; |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
xmTestCaseToPlanCalcListCpd(){ |
|
||||
if(!this.xmTestCaseToPlanCalcList || this.xmTestCaseToPlanCalcList.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
var names=this.legendCpd; |
|
||||
var datas=[] |
|
||||
this.xmTestCaseToPlanCalcList.forEach(i=>{ |
|
||||
var nameIndex=0; |
|
||||
if(i.useTimes<=2){ |
|
||||
nameIndex=i.useTimes |
|
||||
}else if(i.useTimes>=3 && i.useTimes<=5){ |
|
||||
nameIndex=3 |
|
||||
}else if(i.useTimes>5 && i.useTimes<=10){ |
|
||||
nameIndex=4 |
|
||||
}else if(i.useTimes>10){ |
|
||||
nameIndex=5 |
|
||||
} |
|
||||
var data={name:names[nameIndex],value:i.caseNum} |
|
||||
datas.push(data) |
|
||||
}) |
|
||||
return datas; |
|
||||
} |
|
||||
}, |
|
||||
title(){ |
|
||||
return '测试用例规划分析' |
|
||||
}, |
|
||||
legendCpd(){ |
|
||||
return ['0次','1次','2次','3-5次','5-10次','10次以上'] |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmTestCaseToPlanCalcListCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
planId:'', |
|
||||
}, |
|
||||
|
|
||||
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, |
|
||||
xmTestCaseToPlanCalcList:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//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; |
|
||||
}, |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
saveAsImage: { show: true }, |
|
||||
} |
|
||||
}, |
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data:this.legendCpd, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: 'pie', |
|
||||
radius: '50%', |
|
||||
data: this.xmTestCaseToPlanCalcListCpd, |
|
||||
emphasis: { |
|
||||
itemStyle: { |
|
||||
shadowBlur: 10, |
|
||||
shadowOffsetX: 0, |
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
label: { |
|
||||
show: true, |
|
||||
formatter:'{b}: {c} ({d}%)' |
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmTestCaseToPlanCalcList=[] |
|
||||
}, |
|
||||
searchXmTestCaseToPlanCalcList(){ |
|
||||
var params={...this.filters} |
|
||||
getXmTestCaseToPlanCalcList(params).then(res=>{ |
|
||||
this.xmTestCaseToPlanCalcList=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
initData(){ |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
this.initData(); |
|
||||
this.searchXmTestCaseToPlanCalcList(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,188 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" @click="searchXmTestDayTimesList">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmTestDayTimesList } from '@/api/xm/core/xmTestPlanCase'; |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
datesCpd(){ |
|
||||
if(!this.xmTestDayTimesList || this.xmTestDayTimesList.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmTestDayTimesList.map(i=>i.execDate) |
|
||||
} |
|
||||
}, |
|
||||
testDayTimesCpd(){ |
|
||||
if(!this.xmTestDayTimesList || this.xmTestDayTimesList.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmTestDayTimesList.map(i=>i.hadExec) |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
title(){ |
|
||||
return '测试用例每日执行次数统计' |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
testDayTimesCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
planId:'', |
|
||||
}, |
|
||||
|
|
||||
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, |
|
||||
xmTestDayTimesList:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//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; |
|
||||
}, |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
|
|
||||
tooltip: { |
|
||||
trigger: 'axis', |
|
||||
}, |
|
||||
barMaxWidth: 100, |
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
magicType: { show: true, type: ['line', 'bar'] }, |
|
||||
|
|
||||
saveAsImage: { show: true } |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
calculable: true, |
|
||||
xAxis: { |
|
||||
type: 'category', |
|
||||
data: this.datesCpd |
|
||||
}, |
|
||||
yAxis: { |
|
||||
type: 'value' |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
name:'次数', |
|
||||
data: this.testDayTimesCpd, |
|
||||
type: 'line', |
|
||||
label:{ |
|
||||
show: true, |
|
||||
}, |
|
||||
smooth: true, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmTestDayTimesList=[] |
|
||||
}, |
|
||||
searchXmTestDayTimesList(){ |
|
||||
var params={...this.filters} |
|
||||
getXmTestDayTimesList(params).then(res=>{ |
|
||||
this.xmTestDayTimesList=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
initData(){ |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
this.drawCharts(); |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
this.initData(); |
|
||||
this.searchXmTestDayTimesList(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,222 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" @click="searchXmTestPlanCaseExecStatusDist">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmTestPlanCaseExecStatusDist } from '@/api/xm/core/xmTestPlanCase'; |
|
||||
|
|
||||
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect.vue';//修改界面 |
|
||||
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
XmIterationSelect,XmProductSelect, |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
xmTestPlanCaseExecStatusDistsCpd(){ |
|
||||
if(!this.xmTestPlanCaseExecStatusDists || this.xmTestPlanCaseExecStatusDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
var datas=[] |
|
||||
this.xmTestPlanCaseExecStatusDists.forEach(i=>{ |
|
||||
var data={} |
|
||||
var itemId="testStepTcode"; |
|
||||
data.name=this.formatDict(itemId,i.execStatus) |
|
||||
data.value=i.totalCnt |
|
||||
datas.push(data) |
|
||||
}) |
|
||||
return datas; |
|
||||
} |
|
||||
}, |
|
||||
title(){ |
|
||||
var preName="" |
|
||||
return preName+ '测试用例执行结果数量分布' |
|
||||
}, |
|
||||
/**0-未测，1-通过，2-受阻，3-忽略，4-失败 */ |
|
||||
legendCpd(){ |
|
||||
var itemId="testStepTcode"; |
|
||||
return this.dicts[itemId].map(i=>this.formatDict(itemId,i.id)) |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmTestPlanCaseExecStatusDistsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
planId:'', |
|
||||
}, |
|
||||
|
|
||||
dicts:{testStepTcode:[]},//下拉选择框的所有静态数据 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, |
|
||||
xmTestPlanCaseExecStatusDists:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//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; |
|
||||
}, |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
saveAsImage: { show: true }, |
|
||||
} |
|
||||
}, |
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data:this.legendCpd, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: 'pie', |
|
||||
radius: '50%', |
|
||||
data: this.xmTestPlanCaseExecStatusDistsCpd, |
|
||||
emphasis: { |
|
||||
itemStyle: { |
|
||||
shadowBlur: 10, |
|
||||
shadowOffsetX: 0, |
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)' |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
label: { |
|
||||
show: true, |
|
||||
formatter:'{b}: {c} ({d}%)' |
|
||||
|
|
||||
}, |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmTestPlanCaseExecStatusDists=[] |
|
||||
}, |
|
||||
searchXmTestPlanCaseExecStatusDist(){ |
|
||||
var params={...this.filters} |
|
||||
getXmTestPlanCaseExecStatusDist(params).then(res=>{ |
|
||||
this.xmTestPlanCaseExecStatusDists=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
}, |
|
||||
initData(){ |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['testStepTcode'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmTestPlanCaseExecStatusDist(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,249 +0,0 @@ |
|||||
<template> |
|
||||
<section> |
|
||||
<el-row class="padding"> |
|
||||
<el-popover trigger="manual" v-model="conditionBtnVisible" style="float:right;" width="300"> |
|
||||
<el-button slot="reference" icon="el-icon-more" @click="conditionBtnVisible=!conditionBtnVisible"></el-button> |
|
||||
<el-row> |
|
||||
<el-button type="danger" icon="el-icon-delete" @click="doDelete">删除</el-button> |
|
||||
<el-button style="float:right;" type="text" icon="el-icon-close" @click="conditionBtnVisible=false">关闭</el-button> |
|
||||
</el-row> |
|
||||
<el-form :model="filters"> |
|
||||
<el-form-item> |
|
||||
<el-button type="primary" icon="el-icon-search" @click="searchXmTestPlanCaseUserDist">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-popover> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<div> |
|
||||
<div class="main" :id="id" |
|
||||
style="width:100%;height:600px;margin:0 auto;"></div> |
|
||||
<div class="progress"></div> |
|
||||
</div> |
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '@/common/js/util';//全局公共库 |
|
||||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
import { getXmTestPlanCaseUserDist } from '@/api/xm/core/xmTestPlanCase'; |
|
||||
|
|
||||
import XmIterationSelect from '@/views/xm/core/components/XmIterationSelect.vue';//修改界面 |
|
||||
import XmProductSelect from '@/views/xm/core/components/XmProductSelect';//新增界面 |
|
||||
|
|
||||
export default { |
|
||||
|
|
||||
components: { |
|
||||
XmIterationSelect,XmProductSelect, |
|
||||
}, |
|
||||
props:['xmTestPlan','xmRptConfig','compCfg'], |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'userInfo','roles' |
|
||||
]), |
|
||||
|
|
||||
hadExecCpd(){ |
|
||||
if(!this.xmTestPlanCaseUserDists ||this.xmTestPlanCaseUserDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmTestPlanCaseUserDists.map(i=>i.hadExec) |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
notExecCpd(){ |
|
||||
if(!this.xmTestPlanCaseUserDists ||this.xmTestPlanCaseUserDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmTestPlanCaseUserDists.map(i=>i.notExec) |
|
||||
} |
|
||||
}, |
|
||||
legendCpd(){ |
|
||||
if(!this.xmTestPlanCaseUserDists ||this.xmTestPlanCaseUserDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
return this.xmTestPlanCaseUserDists.map(i=>i.execUsername) |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
xmTestPlanCaseUserDistsCpd(){ |
|
||||
if(!this.xmTestPlanCaseUserDists || this.xmTestPlanCaseUserDists.length==0){ |
|
||||
return [] |
|
||||
}else{ |
|
||||
var datas=[] |
|
||||
this.xmTestPlanCaseUserDists.forEach(i=>{ |
|
||||
var data={} |
|
||||
var itemId="testPlanTcode"; |
|
||||
data.name=this.formatDict(itemId,i.execStatus) |
|
||||
data.value=i.totalCnt |
|
||||
datas.push(data) |
|
||||
}) |
|
||||
return datas; |
|
||||
} |
|
||||
}, |
|
||||
title(){ |
|
||||
var preName="" |
|
||||
return preName+ '测试用例按执行人分组统计' |
|
||||
}, |
|
||||
id(){ |
|
||||
return this.compCfg.id |
|
||||
}, |
|
||||
|
|
||||
}, |
|
||||
watch: { |
|
||||
xmTestPlanCaseUserDistsCpd(){ |
|
||||
this.drawCharts(); |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
filters:{ |
|
||||
planId:'', |
|
||||
}, |
|
||||
|
|
||||
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, |
|
||||
xmTestPlanCaseUserDists:[], |
|
||||
conditionBtnVisible:false, |
|
||||
|
|
||||
}//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; |
|
||||
}, |
|
||||
drawCharts() { |
|
||||
this.myChart = this.$echarts.init(document.getElementById(this.id)); |
|
||||
this.myChart.setOption( |
|
||||
{ |
|
||||
title: { |
|
||||
text: this.title, |
|
||||
left: 'center' |
|
||||
}, |
|
||||
|
|
||||
tooltip: { |
|
||||
trigger: 'item', |
|
||||
}, |
|
||||
barMaxWidth: 100, |
|
||||
toolbox: { |
|
||||
show: true, |
|
||||
right:"20px", |
|
||||
feature: { |
|
||||
dataView: { show: true, readOnly: false }, |
|
||||
magicType: { show: true, type: ['line', 'bar'] }, |
|
||||
|
|
||||
saveAsImage: { show: true } |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
calculable: true, |
|
||||
|
|
||||
legend: { |
|
||||
top:'5%', |
|
||||
left: 'center', |
|
||||
data: ['已执行', '未执行'] |
|
||||
}, |
|
||||
xAxis: { |
|
||||
type: 'category', |
|
||||
data: this.legendCpd |
|
||||
}, |
|
||||
yAxis: { |
|
||||
type: 'value' |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
name: '已执行', |
|
||||
type: 'bar', |
|
||||
data: this.hadExecCpd, |
|
||||
label:{ |
|
||||
show: true, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
name: '未执行', |
|
||||
type: 'bar', |
|
||||
data: this.notExecCpd, |
|
||||
label:{ |
|
||||
show: true, |
|
||||
}, |
|
||||
}, |
|
||||
] |
|
||||
} |
|
||||
) |
|
||||
}, |
|
||||
onXmQuestionSomeFieldsChange(fieldName,$event){ |
|
||||
this.xmTestPlanCaseUserDists=[] |
|
||||
}, |
|
||||
searchXmTestPlanCaseUserDist(){ |
|
||||
var params={...this.filters} |
|
||||
getXmTestPlanCaseUserDist(params).then(res=>{ |
|
||||
this.xmTestPlanCaseUserDists=res.data.data |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
onProductSelected(product){ |
|
||||
this.filters.product=product |
|
||||
}, |
|
||||
|
|
||||
onProductClear(){ |
|
||||
this.filters.product=null |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
onIterationSelected(iteration){ |
|
||||
this.filters.iteration=iteration |
|
||||
}, |
|
||||
|
|
||||
onIterationClear(){ |
|
||||
this.filters.iteration=null |
|
||||
}, |
|
||||
initData(){ |
|
||||
if(this.xmTestPlan){ |
|
||||
this.filters.productId=this.xmTestPlan.productId |
|
||||
this.filters.projectId=this.xmTestPlan.projectId |
|
||||
this.filters.planId=this.xmTestPlan.id |
|
||||
} |
|
||||
|
|
||||
if(this.compCfg && this.compCfg.params){ |
|
||||
Object.assign(this.filters,this.compCfg.params) |
|
||||
} |
|
||||
}, |
|
||||
doDelete(){ |
|
||||
this.$emit("delete",this.compCfg) |
|
||||
}, |
|
||||
sizeAutoChange(){ |
|
||||
this.myChart.resize(); |
|
||||
} |
|
||||
},//end method |
|
||||
mounted() { |
|
||||
initSimpleDicts('all',['testPlanTcode'] ).then(res=>{ |
|
||||
this.dicts=res.data.data; |
|
||||
}) |
|
||||
this.initData(); |
|
||||
this.searchXmTestPlanCaseUserDist(); |
|
||||
//this.charts(); |
|
||||
//this.drawCharts(); |
|
||||
|
|
||||
}//end mounted |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.image { |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,10 +0,0 @@ |
|||||
.m_container { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
background: rgb(238, 238, 238); |
|
||||
.m_content { |
|
||||
padding:30px 18px 18px 18px; |
|
||||
overflow: hidden; |
|
||||
position: relative; |
|
||||
} |
|
||||
} |
|
||||
|
Before Width: 600 | Height: 450 | Size: 104 KiB |
|
Before Width: 600 | Height: 450 | Size: 63 KiB |
|
Before Width: 600 | Height: 450 | Size: 146 KiB |
|
Before Width: 600 | Height: 450 | Size: 91 KiB |
|
Before Width: 600 | Height: 450 | Size: 60 KiB |
|
Before Width: 842 | Height: 579 | Size: 42 KiB |
@ -1,98 +0,0 @@ |
|||||
.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; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
@ -1,58 +0,0 @@ |
|||||
<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" :xm-test-plan="xmTestPlan" :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:['xmTestPlan'], |
|
||||
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,407 @@ |
|||||
|
<template> |
||||
|
<section class="padding"> |
||||
|
<el-row class="padding-bottom"> |
||||
|
<span>报告概览</span> |
||||
|
</el-row> |
||||
|
<el-row ref="table"> |
||||
|
<el-row class="box"> |
||||
|
<el-col :span="6" class="box-red"> |
||||
|
<div class="box-info"> |
||||
|
<div class="num">{{xmTestPlan.totalCases?xmTestPlan.totalCases:'0'}}个</div> |
||||
|
<div class="label">用例数</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="box-blue"> |
||||
|
<div class="box-info"> |
||||
|
<div class="num">{{caseFuGaiLv}}%</div> |
||||
|
<div class="label">用例覆盖率</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="box-green"> |
||||
|
<div class="box-info"> |
||||
|
<div class="num">{{caseTongGuoLv}}%</div> |
||||
|
<div class="label">用例通过率</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6" class="box-orange"> |
||||
|
<div class="box-info"> |
||||
|
<div class="num">{{xmTestPlan.bugCnt?xmTestPlan.bugCnt:0}}个</div> |
||||
|
<div class="label">缺陷数</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<!--编辑界面 XmTestPlan 测试计划--> |
||||
|
<el-form :model="rawDatas" label-width="120px" :rules="rawDatasRules" ref="rawDatasRef" label-position="left"> |
||||
|
<el-form-item prop="name" label-width="0px"> |
||||
|
<el-row class="padding-bottom"> |
||||
|
<my-input v-model="rawDatas.name" placeholder="计划名称" :maxlength="255" @change="editSomeFields(rawDatas,'name',$event)"></my-input> |
||||
|
</el-row> |
||||
|
</el-form-item> |
||||
|
<el-row class="padding"> |
||||
|
<el-col :span="8"> |
||||
|
<mdp-select-user-xm label="负责人" userid-key="cuserid" username-key="cusername" v-model="rawDatas" @change="editSomeFields(rawDatas,'cuserid',$event)"></mdp-select-user-xm> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<mdp-select-dict-x label="状态" :dict="dicts['testPlanStatus']" v-model="rawDatas.status" @change="editSomeFields(rawDatas,'status',$event)"></mdp-select-dict-x> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="8"> |
||||
|
<mdp-select-dict-x label="测试结果" :dict="dicts['testPlanTcode']" v-model="rawDatas.tcode" @change="editSomeFields(rawDatas,'tcode',$event)"></mdp-select-dict-x> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-form-item label="归属测试库" prop="casedbName"> |
||||
|
{{rawDatas.casedbName}} |
||||
|
</el-form-item> |
||||
|
<el-form-item label="归属项目" prop="projectId"> |
||||
|
|
||||
|
<span v-if="opType=='add'"> |
||||
|
<xm-project-select v-if="!selProject || !selProject.id" ref="xmProjectSelect" :link-product-id="xmTestCasedb? xmTestCasedb.productId:null" @row-click="onPorjectConfirm" :auto-select="false"> |
||||
|
<span slot="title">选择项目</span> |
||||
|
</xm-project-select> |
||||
|
<div v-else>{{rawDatas.projectName}}</div> |
||||
|
</span> |
||||
|
<div v-else>{{rawDatas.projectName}}</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="归属产品" prop="productName"> |
||||
|
{{rawDatas.productName}} |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="起止时间" prop="stime"> |
||||
|
<mdp-date-range :auto-default="false" placeholder="选择日期" v-model="rawDatas" start-key="stime" end-key="etime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" @change="editSomeFields(rawDatas,'stime',rawDatas)"></mdp-date-range> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
<el-row class="padding-bottom"> |
||||
|
<span>报告总结</span> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-input type="textarea" :rows="8" v-model="rawDatas.summaryRemark"></el-input> |
||||
|
</el-row> |
||||
|
<el-row v-if="rawDatas.summaryRemark!==rawDatasBak.summaryRemark" > |
||||
|
<span style="float:right;"> |
||||
|
<el-button type="primary" @click.native="editSomeFields(rawDatas,'summaryRemark',rawDatas.summaryRemark)">提交</el-button> |
||||
|
</span> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from "@/common/config"; //全局公共库import |
||||
|
import { initDicts, addXmTestPlan,editXmTestPlan,editSomeFieldsXmTestPlan } from '@/api/xm/core/xmTestPlan'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import XmProjectSelect from '@/views/xm/core/components/XmProjectSelect'; |
||||
|
|
||||
|
import MdpSelectUserXm from '@/views/xm/core/components/MdpSelectUserXm';//修改界面 |
||||
|
export default { |
||||
|
name:'xmTestPlanEdit', |
||||
|
components: { |
||||
|
XmProjectSelect,MdpSelectUserXm, |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ 'userInfo' ]), |
||||
|
caseFuGaiLv(){ |
||||
|
if(!this.xmTestPlan.totalCases){ |
||||
|
return 0 |
||||
|
} |
||||
|
var okCases=parseInt(this.xmTestPlan.okCases>0?this.xmTestPlan.okCases:0) |
||||
|
var errCases=parseInt(this.xmTestPlan.errCases>0?this.xmTestPlan.errCases:0) |
||||
|
var igCases=parseInt(this.xmTestPlan.igCases>0?this.xmTestPlan.igCases:0) |
||||
|
var blCases=parseInt(this.xmTestPlan.blCases>0?this.xmTestPlan.blCases:0) |
||||
|
var totalExecs=okCases+errCases+igCases+blCases |
||||
|
var rate=parseInt(totalExecs/this.xmTestPlan.totalCases*100) |
||||
|
return rate; |
||||
|
}, |
||||
|
caseTongGuoLv(){ |
||||
|
if(!this.xmTestPlan.totalCases){ |
||||
|
return 0 |
||||
|
} |
||||
|
var okCases=parseInt(this.xmTestPlan.okCases>0?this.xmTestPlan.okCases:0) |
||||
|
var errCases=parseInt(this.xmTestPlan.errCases>0?this.xmTestPlan.errCases:0) |
||||
|
var igCases=parseInt(this.xmTestPlan.igCases>0?this.xmTestPlan.igCases:0) |
||||
|
var blCases=parseInt(this.xmTestPlan.blCases>0?this.xmTestPlan.blCases:0) |
||||
|
var totalExecs=okCases+igCases |
||||
|
var rate=parseInt(totalExecs/this.xmTestPlan.totalCases*100) |
||||
|
return rate; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
props:['xmTestPlan','visible','opType','selProject','xmTestCasedb','rptDatas'], |
||||
|
|
||||
|
watch: { |
||||
|
'xmTestPlan':function( xmTestPlan ) { |
||||
|
if(xmTestPlan){ |
||||
|
this.rawDatas = {...xmTestPlan}; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
'visible':function(visible) { |
||||
|
if(visible==true){ |
||||
|
this.initData() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
currOpType:'add',//add/edit |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dicts:{ |
||||
|
testPlanStatus:[], |
||||
|
testPlanTcode:[], |
||||
|
|
||||
|
},//下拉选择框的所有静态数据 params={categoryId:'all',itemCodes:['sex']} 返回结果 {sex: [{id:'1',name:'男'},{id:'2',name:'女'}]} |
||||
|
rawDatasRules: { |
||||
|
|
||||
|
}, |
||||
|
rawDatas: { |
||||
|
id:'',name:'',casedbId:'',casedbName:'',projectId:'',projectName:'',cuserid:'',cusername:'',ctime:'',stime:'',etime:'',status:'',tcode:'',totalCases:'',okCases:'',errCases:'',igCases:'',blCases:'',productId:'',productName:'',flowState:'',summaryRemark:'' |
||||
|
}, |
||||
|
|
||||
|
rawDatasBak: { |
||||
|
id:'',name:'',casedbId:'',casedbName:'',projectId:'',projectName:'',cuserid:'',cusername:'',ctime:'',stime:'',etime:'',status:'',tcode:'',totalCases:'',okCases:'',errCases:'',igCases:'',blCases:'',productId:'',productName:'',flowState:'',summaryRemark:'' |
||||
|
}, |
||||
|
maxTableHeight:300, |
||||
|
summaryRemarkEditVisible:false, |
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
...util, |
||||
|
|
||||
|
// 取消按钮点击 父组件监听@cancel="rawDatasVisible=false" 监听 |
||||
|
handleCancel:function(){ |
||||
|
this.$refs['rawDatasRef'].resetFields(); |
||||
|
this.$emit('cancel'); |
||||
|
}, |
||||
|
//新增、编辑提交XmTestPlan 测试计划父组件监听@submit="afterEditSubmit" |
||||
|
saveSubmit: function () { |
||||
|
this.$refs.rawDatasRef.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$confirm('确认提交吗？', '提示', {}).then(() => { |
||||
|
this.load.edit=true |
||||
|
let params = Object.assign({}, this.rawDatas); |
||||
|
var func=addXmTestPlan |
||||
|
if(this.currOpType=='edit'){ |
||||
|
func=editXmTestPlan |
||||
|
} |
||||
|
func(params).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.rawDatas=res.data.data |
||||
|
this.initData() |
||||
|
this.currOpType="edit"; |
||||
|
this.$emit('submit');// @submit="afterAddSubmit" |
||||
|
} |
||||
|
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}else{ |
||||
|
this.$notify({ showClose:true, message: "表单验证不通过，请修改表单数据再提交", type: 'error' }); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
initData: function(){ |
||||
|
if(this.xmTestPlan){ |
||||
|
this.rawDatas = Object.assign({},this.xmTestPlan); |
||||
|
} |
||||
|
if(this.rptDatas){ |
||||
|
this.rawDatas=Object.assign({},this.rptDatas) |
||||
|
} |
||||
|
this.rawDatasBak={...this.rawDatas} |
||||
|
}, |
||||
|
|
||||
|
editSomeFields(row,fieldName,$event){ |
||||
|
if(this.opType=='add'){ |
||||
|
return; |
||||
|
} |
||||
|
let params={}; |
||||
|
params['ids']=[row].map(i=>i.id) |
||||
|
|
||||
|
if(fieldName=='stime'){ |
||||
|
params[fieldName]=$event.stime |
||||
|
params.etime=$event.etime |
||||
|
}else if(fieldName=='cuserid'){ |
||||
|
params[fieldName]=$event[0].userid |
||||
|
params.cusername=$event[0].username |
||||
|
}else{ |
||||
|
params[fieldName]=$event |
||||
|
} |
||||
|
var func = editSomeFieldsXmTestPlan |
||||
|
func(params).then(res=>{ |
||||
|
let tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.rawDatasBak=[...this.rawDatas] |
||||
|
this.$emit('edit-fields',params) |
||||
|
}else{ |
||||
|
Object.assign(this.rawDatas,this.rawDatasBak) |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'}) |
||||
|
} |
||||
|
}).catch((e)=>Object.assign(this.rawDatas,this.rawDatasBak)) |
||||
|
}, |
||||
|
onPorjectConfirm(row){ |
||||
|
this.rawDatas.projectId=row.id |
||||
|
this.rawDatas.projectName=row.name |
||||
|
this.rawDatas.name=this.rawDatas.projectName+'-测试计划-V1.0' |
||||
|
}, |
||||
|
sizeAutoChange(){ |
||||
|
|
||||
|
} |
||||
|
},//end method |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
initDicts(this); |
||||
|
this.initData() |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el) |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.box{ |
||||
|
|
||||
|
|
||||
|
.box-red{ |
||||
|
|
||||
|
background-color: #ff75750d; |
||||
|
height: 100px; |
||||
|
border-left-width: 2px; |
||||
|
border-left-color: red; |
||||
|
border-left-style: solid; |
||||
|
align-items: center; |
||||
|
line-height: 100px; |
||||
|
text-align: center; |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
.box-info{ |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
margin-top: 20px; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
.label{ |
||||
|
color: #999; |
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
font-size: 0.875rem; |
||||
|
} |
||||
|
.num{ |
||||
|
|
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
color:red ; |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.box-green{ |
||||
|
|
||||
|
background-color: #73d8970d;; |
||||
|
height: 100px; |
||||
|
border-left-width: 2px; |
||||
|
border-left-color: green; |
||||
|
border-left-style: solid; |
||||
|
|
||||
|
align-items: center; |
||||
|
line-height: 100px; |
||||
|
text-align: center; |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
.box-info{ |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
margin-top: 20px; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
.label{ |
||||
|
color: #999; |
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
font-size: 0.875rem; |
||||
|
} |
||||
|
.num{ |
||||
|
|
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
color:green ; |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.box-blue{ |
||||
|
|
||||
|
background-color: #5dcfff0d; |
||||
|
height: 100px; |
||||
|
border-left-width: 2px; |
||||
|
border-left-color: blue; |
||||
|
border-left-style: solid; |
||||
|
|
||||
|
align-items: center; |
||||
|
line-height: 100px; |
||||
|
text-align: center; |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
.box-info{ |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
margin-top: 20px; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
.label{ |
||||
|
color: #999; |
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
font-size: 0.875rem; |
||||
|
} |
||||
|
.num{ |
||||
|
|
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
color:blue ; |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.box-orange{ |
||||
|
|
||||
|
background-color: #ffcd5d0d; |
||||
|
height: 100px; |
||||
|
border-left-width: 2px; |
||||
|
border-left-color: orange; |
||||
|
border-left-style: solid; |
||||
|
|
||||
|
align-items: center; |
||||
|
line-height: 100px; |
||||
|
text-align: center; |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
.box-info{ |
||||
|
display:flex; |
||||
|
flex-direction: column; |
||||
|
margin-top: 20px; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
.label{ |
||||
|
color: #999; |
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
font-size: 0.875rem; |
||||
|
} |
||||
|
.num{ |
||||
|
|
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
color:orange ; |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
box-font{ |
||||
|
font-size: 0.875rem; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue