|
@@ -4,11 +4,13 @@
|
|
<el-row :gutter="20" class="people-main">
|
|
<el-row :gutter="20" class="people-main">
|
|
<el-col :xs="24" :sm="24" :lg="16" style="min-height: 100%">
|
|
<el-col :xs="24" :sm="24" :lg="16" style="min-height: 100%">
|
|
<el-row :gutter="20" style="background:transparent;">
|
|
<el-row :gutter="20" style="background:transparent;">
|
|
- <el-col :xs="24" :sm="24" :lg="10" style="display: flex;flex-direction: column">
|
|
|
|
|
|
+ <el-col :xs="24" :sm="24" :lg="9" style="display: flex;flex-direction: column">
|
|
<info-card style="margin-bottom: 20px" :info="testerTaskInfo.tester" class="info-card"/>
|
|
<info-card style="margin-bottom: 20px" :info="testerTaskInfo.tester" class="info-card"/>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :xs="24" :sm="24" :lg="14">
|
|
|
|
- <word-cloud :info="labels" v-if="labels&&labels.length" class="word-cloud"/>
|
|
|
|
|
|
+ <el-col :xs="24" :sm="24" :lg="15">
|
|
|
|
+ <div class="chart-wrapper card-shadow" style="height: 100%; ">
|
|
|
|
+ <test-case-count-chart :counts="testerTaskInfo.testCaseCountInfo"/>
|
|
|
|
+ </div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
@@ -20,9 +22,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="24" :lg="15" style="height: 100%">
|
|
<el-col :xs="24" :sm="24" :lg="15" style="height: 100%">
|
|
<div class="chart-wrapper card-shadow scroll-bar-component" style="height: 98%">
|
|
<div class="chart-wrapper card-shadow scroll-bar-component" style="height: 98%">
|
|
- <bug-level-chart
|
|
|
|
- :counts="testerTaskInfo.defectSeriCounts"
|
|
|
|
- />
|
|
|
|
|
|
+ <bug-level-chart :counts="testerTaskInfo.defectSeriCounts"/>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -40,6 +40,7 @@
|
|
<script>
|
|
<script>
|
|
import RaddarChart from './components/RaddarChart'
|
|
import RaddarChart from './components/RaddarChart'
|
|
import BugLevelChart from './components/BugLevelChart'
|
|
import BugLevelChart from './components/BugLevelChart'
|
|
|
|
+ import TestCaseCountChart from './components/TestCaseCountChart'
|
|
import TodoList from './components/TodoList'
|
|
import TodoList from './components/TodoList'
|
|
import BoxCard from './components/BoxCard'
|
|
import BoxCard from './components/BoxCard'
|
|
import InfoCard from './components/InfoCard'
|
|
import InfoCard from './components/InfoCard'
|
|
@@ -59,15 +60,18 @@
|
|
BoxCard,
|
|
BoxCard,
|
|
TimeLine,
|
|
TimeLine,
|
|
InfoCard,
|
|
InfoCard,
|
|
- WordCloud
|
|
|
|
|
|
+ WordCloud,
|
|
|
|
+ TestCaseCountChart
|
|
},
|
|
},
|
|
- data() {
|
|
|
|
|
|
+ data () {
|
|
return {
|
|
return {
|
|
- testerTaskInfo: {},
|
|
|
|
|
|
+ testerTaskInfo: {
|
|
|
|
+ tester: {}
|
|
|
|
+ },
|
|
bugList: [],
|
|
bugList: [],
|
|
userRadar: {},
|
|
userRadar: {},
|
|
- timeLineList:[],
|
|
|
|
- labels:[]
|
|
|
|
|
|
+ timeLineList: [],
|
|
|
|
+ labels: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -79,7 +83,7 @@
|
|
notify('error', '获取测试人员数据失败:系统异常')
|
|
notify('error', '获取测试人员数据失败:系统异常')
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- handlePeopleData() {
|
|
|
|
|
|
+ handlePeopleData () {
|
|
// const data = this.getPeopleData;
|
|
// const data = this.getPeopleData;
|
|
const data = {}
|
|
const data = {}
|
|
this.topData = {
|
|
this.topData = {
|
|
@@ -111,8 +115,8 @@
|
|
this.labels = labelArr || [];
|
|
this.labels = labelArr || [];
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- mounted() {
|
|
|
|
- this.getData()
|
|
|
|
|
|
+ mounted () {
|
|
|
|
+ this.$nextTick(() => this.getData())
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|