陈裕财
3 years ago
8 changed files with 398 additions and 89 deletions
-
5src/router/routes_xm.js
-
125src/views/xm/rpt/CompsCard.vue
-
188src/views/xm/rpt/CompsCardHisDetail.vue
-
66src/views/xm/rpt/comps.js
-
0src/views/xm/rpt/his/rptDataSelect.vue
-
51src/views/xm/rpt/indexForHis.vue
-
51src/views/xm/rpt/indexForHisDetail.vue
-
1src/views/xm/rpt/project/taskAgeDist.vue
@ -0,0 +1,188 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row class="padding-left padding-right"> |
||||
|
<el-col :span="6"> |
||||
|
<comps-set v-if="compIds && compIds.length>0" :comp-ids="compIds" :category="category" @row-click="onCompSelect" ref="compsSet" :show-checked-only="true"></comps-set> |
||||
|
</el-col> |
||||
|
<el-col :span="18"> |
||||
|
<el-row class="padding"> |
||||
|
<span class="rpt-name">{{ xmRptData && xmRptData.id?xmRptData.rptName: '未知报告'}}</span> |
||||
|
<span style="float:right;" v-if=" xmRptData && xmRptData.id"> |
||||
|
<el-button type="text" v-if="paramsVisible==true" @click="paramsVisible=false">隐藏过滤条件</el-button> |
||||
|
<el-button type="text" v-if="paramsVisible==false" @click="paramsVisible=true">显示过滤条件</el-button> |
||||
|
<el-button type="text" @click="toShareRpt" icon="el-icon-share">分享</el-button> |
||||
|
<el-button type="text" v-print="{id:'printBody',popTitle: xmRptData.rptName }" icon="el-icon-printer"></el-button> |
||||
|
<el-button type="text" @click="exportToPdf">pdf</el-button> |
||||
|
</span> |
||||
|
</el-row> |
||||
|
<el-row :style="{height:maxTableHeight+'px',overflowY:'auto',overflowX:'hidden',}" ref="table"> |
||||
|
<div class="empty" v-if="compCfgList.length == 0" > |
||||
|
<el-empty description="暂未选择报表，请至少选择一个报表"></el-empty> |
||||
|
</div> |
||||
|
<div v-else id="printBody" ref="rptBox"> |
||||
|
<component style="margin-bottom:80px;" v-for="(item,index) in compCfgList" :key="index" :is="item.compId" :cfg="item" :init-group-by="item.initGroupBy" :show-tool-bar="false" :id="item.id" :rpt-datas="item.rawDatas" :show-params="paramsVisible"></component> |
||||
|
</div> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import seq from '@/common/js/sequence';//全局公共库 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import CompsSet from '@/views/xm/rpt/CompsSet' |
||||
|
import rptComps from './comps.js';//组件库 |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
CompsSet, |
||||
|
...rptComps |
||||
|
|
||||
|
}, |
||||
|
props:['showParams','xmRptData'], |
||||
|
computed: { |
||||
|
...mapGetters(['userInfo']), |
||||
|
compIds(){ |
||||
|
return this.compCfgList.map(k=>k.compId) |
||||
|
}, |
||||
|
//业务类型1-产品报告，2-迭代报告，3-测试计划报告，4-项目报告，5-企业报告，6-测试库报告 |
||||
|
category(){ |
||||
|
if( !this.xmRptData || !this.xmRptData.id){ |
||||
|
return '' |
||||
|
} |
||||
|
if(this.xmRptData.bizType=='1'){ |
||||
|
return "产品级" |
||||
|
} |
||||
|
|
||||
|
if(this.xmRptData.bizType=='2'){ |
||||
|
return "迭代级" |
||||
|
} |
||||
|
if(this.xmRptData.bizType=='3'){ |
||||
|
return "测试级" |
||||
|
} |
||||
|
if(this.xmRptData.bizType=='4'){ |
||||
|
return "项目级" |
||||
|
} |
||||
|
if(this.xmRptData.bizType=='5'){ |
||||
|
return "企业级" |
||||
|
} |
||||
|
if(this.xmRptData.bizType=='6'){ |
||||
|
return "测试级" |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
compCfgList:[], |
||||
|
maxTableHeight:300, |
||||
|
paramsVisible:true, |
||||
|
rptDataListVisible:false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
initData(){ |
||||
|
if(this.showParams!=undefined){ |
||||
|
this.paramsVisible=this.showParams |
||||
|
} |
||||
|
|
||||
|
this.initCompCfgList(); |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
toShareRpt(){ |
||||
|
if(!this.xmRptData||!this.xmRptData.id){ |
||||
|
this.$message.error("只能分享历史报告") |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var curlDomain=window.location.protocol+"//"+window.location.host; // 返回https://mp.csdn.net |
||||
|
var link=curlDomain+"/"+process.env.CONTEXT+"/"+process.env.VERSION+"/#/xm/rpt/his/detail?id="+this.xmRptData.id |
||||
|
this.$copyText(link).then(e => { |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:"拷贝链接成功，您可以黏贴到任何地方",type:'success'}) |
||||
|
}); |
||||
|
}, |
||||
|
toQueryRptData(){ |
||||
|
this.rptDataListVisible=true; |
||||
|
}, |
||||
|
initCompCfgList(){ |
||||
|
if(this.xmRptData && this.xmRptData.rptData){ |
||||
|
var cfgJson=JSON.parse(this.xmRptData.rptData) |
||||
|
cfgJson.forEach(k=>k.id=k.compId+seq.sn()) |
||||
|
this.compCfgList=cfgJson; |
||||
|
}else{ |
||||
|
this.compCfgList=[] |
||||
|
} |
||||
|
}, |
||||
|
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 compCfg={...comp,id:comp.compId+seq.sn()} |
||||
|
this.compCfgList.push(compCfg) |
||||
|
this.$nextTick(()=>{ |
||||
|
setTimeout(()=>{ |
||||
|
this.scrollToComp(compCfg) |
||||
|
},200) |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
scrollToComp(compCfg){ |
||||
|
var doc=document.getElementById(compCfg.id) |
||||
|
if(doc){ |
||||
|
doc.scrollIntoView(true) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
doDelete(compCfg){ |
||||
|
|
||||
|
}, |
||||
|
sizeAutoChange(k){ |
||||
|
}, |
||||
|
exportToPdf(){ |
||||
|
this.paramsVisible=false |
||||
|
this.$nextTick(()=>{ |
||||
|
this.$PDFSave(this.$refs.rptBox, this.rptConfigParamsCpd.name+"-报告"); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.initData(); |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.toolbar{ |
||||
|
z-index: 999; |
||||
|
position:absolute; |
||||
|
top:0px; |
||||
|
right:20px; |
||||
|
} |
||||
|
.rpt-name{ |
||||
|
text-align: center; |
||||
|
font-size: 18px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,66 @@ |
|||||
|
|
||||
|
export default { |
||||
|
xmTestRptOverview:()=>import("../core/xmTestPlan/xmTestRptOverview.vue"), |
||||
|
xmMenuDayTrend:()=>import("./product/menuDayTrend.vue"), |
||||
|
xmMenuDayAccumulate:()=>import("./product/menuDayTrend.vue"), |
||||
|
xmMenuAttDist:()=>import('./product/menuAttDist'), |
||||
|
xmMenuAgeDist:()=>import('./product/menuAgeDist.vue'), |
||||
|
xmMenuSort:()=>import('./product/menuSort.vue'), |
||||
|
xmMenuFuncSort:()=>import('./product/menuSort.vue'), |
||||
|
xmMenuProductSort:()=>import('./product/menuSort.vue'), |
||||
|
xmMenuIterationSort:()=>import('./product/menuSort.vue'), |
||||
|
xmProductWorkItemDayList:()=>import('./product/productWorkItemDayList.vue'), |
||||
|
|
||||
|
|
||||
|
xmTaskDayTrend:()=>import('./project/taskDayTrend.vue'), |
||||
|
xmTaskDayAccumulate:()=>import('./project/taskDayAccumulate.vue'), |
||||
|
xmTaskAttDist:()=>import('./project/taskAttDist.vue'), |
||||
|
xmTaskAgeDist:()=>import('./project/taskAgeDist.vue'), |
||||
|
xmTaskSort:()=>import('./project/taskSort.vue'), |
||||
|
xmProjectWorkItemDayList:()=>import('./project/projectWorkItemDayList.vue'), |
||||
|
xmProjectWorkloadSetDayList:()=>import('./project/projectWorkloadSetDayList.vue'), |
||||
|
xmProjectWorkloadSetMonthList:()=>import('./project/projectWorkloadSetMonthList.vue'), |
||||
|
|
||||
|
xmQuestionDayTrend:()=>import('./product/questionDayTrend.vue'), |
||||
|
xmQuestionDayAccumulate:()=>import('./product/questionDayAccumulate.vue'), |
||||
|
xmQuestionAttDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionStateDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionAgeDist:()=>import('./product/questionAgeDist.vue'), |
||||
|
xmQuestionBugReasonDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionBugTypeDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionPriorityDist:()=>import('./product/questionAttDist.vue'), |
||||
|
xmQuestionSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionAskUserSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionHandlerUserSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionFuncSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionMenuSort:()=>import('./product/questionSort.vue'), |
||||
|
xmQuestionRetestDist:()=>import('./product/questionRetestDist.vue'), |
||||
|
|
||||
|
|
||||
|
xmTestPlanCaseExecStatusDist:()=>import('./testPlan/testPlanCaseExecStatusDist.vue'), |
||||
|
xmTestPlanCaseUserDist:()=>import('./testPlan/testPlanCaseUserDist.vue'), |
||||
|
xmTestDayTimesCalc:()=>import('./testPlan/testDayTimesCalc.vue'), |
||||
|
xmTestCaseToPlanCalc:()=>import('./testPlan/testCaseToPlanCalc.vue'), |
||||
|
xmTestCaseSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
xmTestCaseCuserSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
xmTestCaseFuncSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
xmTestCaseMenuSort:()=>import('./testCase/testCaseSort.vue'), |
||||
|
|
||||
|
|
||||
|
xmIterationMenuDayTrend:()=>import('./iteration/menuDayTrend.vue'), |
||||
|
xmIterationMenuDayAccumulate:()=>import('./iteration/menuDayAccumulate.vue'), |
||||
|
xmIterationBurnout:()=>import('./iteration/burnout.vue'), |
||||
|
xmIterationWorkItemDayList:()=>import('./iteration/iterationWorkItemDayList.vue'), |
||||
|
xmIterationQuestionDayTrend:()=>import('./iteration/questionDayTrend.vue'), |
||||
|
xmIterationQuestionDayAccumulate:()=>import('./iteration/questionDayAccumulate.vue'), |
||||
|
|
||||
|
|
||||
|
xmBranchWorkItemDayList:()=>import('./branch/branchWorkItemDayList.vue'), |
||||
|
xmBranchQuestionDayTrend:()=>import('./branch/questionDayTrend.vue'), |
||||
|
xmBranchQuestionDayAccumulate:()=>import('./branch/questionDayAccumulate.vue'), |
||||
|
xmBranchMenuDayTrend:()=>import('./branch/menuDayTrend.vue'), |
||||
|
xmBranchMenuDayAccumulate:()=>import('./branch/menuDayAccumulate.vue'), |
||||
|
}; |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,51 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<comps-card v-if="xmRptData && xmRptData.id" ref="compsCard" :xm-rpt-data="xmRptData" :show-params="false"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import compsCard from './CompsCardHisDetail' |
||||
|
import compsSet from './CompsSet' |
||||
|
import { listXmRptData } from '@/api/xm/core/xmRptData'; |
||||
|
|
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
components: {compsSet, compsCard}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
xmRptData:null, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
getXmRptData(){ |
||||
|
var params={id:this.$router.query.id} |
||||
|
listXmRptData(params).then(res=>{ |
||||
|
this.xmRptData=res.data.data[0] |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
this.getXmRptData(); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
@ -0,0 +1,51 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row> |
||||
|
<comps-card v-if="xmRptData && xmRptData.id" ref="compsCard" :xm-rpt-data="xmRptData" :show-params="false"/> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import compsCard from './CompsCardHisDetail' |
||||
|
import compsSet from './CompsSet' |
||||
|
import { listXmRptData } from '@/api/xm/core/xmRptData'; |
||||
|
|
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
components: {compsSet, compsCard}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
xmRptData:null, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
getXmRptData(){ |
||||
|
var params={id:this.$route.query.id} |
||||
|
listXmRptData(params).then(res=>{ |
||||
|
this.xmRptData=res.data.data[0] |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
mounted() { |
||||
|
this.getXmRptData(); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue