wulin/management_UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改报表页面

Browse Source
This commit is contained in:
sean yu 2020-10-28 09:58:42 +08:00
parent 7222e2e664
commit 626ea37c4d
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/kpi/report/index.vue
View File

@ -46,9 +46,9 @@
<ul> <ul>
<li v-for="(assessItem, index) in assessNum" :key="assessItem.desc"> <li v-for="(assessItem, index) in assessNum" :key="assessItem.desc">
<div class="rep_list"> <div class="rep_list">
<div :class="handleliColor(index)">{{ index }} <div :style="handleliColor(index)">{{index}}
</div> </div>
<div>{{ assessItem.title }} {{ assessItem.num }}人</div> <div>{{assessItem.desc}} {{ assessItem.num }}人</div>
</div> </div>
</li> </li>
</ul> </ul>
@ -60,8 +60,8 @@
<el-table :data="tableData" <el-table :data="tableData"
:header-cell-style="{ background:'#F5F7FA'}" :header-cell-style="{ background:'#F5F7FA'}"
border border
style="flex:1"> >
<el-table-column prop="desc" label="绩效等级" width="200"> <el-table-column prop="desc" label="绩效等级">
</el-table-column> </el-table-column>
<el-table-column prop="num" label="实际分布" width="200"> <el-table-column prop="num" label="实际分布" width="200">
</el-table-column> </el-table-column>
@ -249,6 +249,9 @@ export default {
return { return {
width: '20px', width: '20px',
height: '20px', height: '20px',
'text-align': 'center',
'line-height': '20px',
color: 'white',
background: color background: color
} }
}, },
@ -284,7 +287,7 @@ export default {
} }
try { try {
const result = await getChartData(params) const result = await getChartData(params)
result.forEach((val, index) => { result.data.forEach((val, index) => {
console.log(val) console.log(val)
if (val.type === 0) { if (val.type === 0) {
// 头部数据 // 头部数据
@ -300,6 +303,7 @@ export default {
this.assessNum = val.statisticals this.assessNum = val.statisticals
this.option.series[0].data = Array.from(this.assessNum).map(item => (item.num)) this.option.series[0].data = Array.from(this.assessNum).map(item => (item.num))
this.option.xAxis[0].data = Array.from(this.assessNum).map(item => (item.desc)) this.option.xAxis[0].data = Array.from(this.assessNum).map(item => (item.desc))
console.log(this.option.xAxis[0].data)
this.handleNumChart() this.handleNumChart()
} }
}) })
@ -316,8 +320,7 @@ export default {
} }
try { try {
let res = await getStartsData(params) let res = await getStartsData(params)
res = res.data handleNode(res.data)
handleNode(res)
} catch (error) { } catch (error) {
console.log(error) console.log(error)
} }
@ -387,6 +390,7 @@ export default {
font-size: 14px; font-size: 14px;
width: fit-content; width: fit-content;
padding-left: 50%; padding-left: 50%;
margin-bottom: 20px;
position: relative; position: relative;
} }
.level_title{ .level_title{
@ -407,6 +411,11 @@ export default {
.rep_list{ .rep_list{
display: flex; display: flex;
} }
.rep_list>:nth-child(2){
width: 200px;
margin-left: 10px;
flex:1
}
#num_chart { #num_chart {
display: inline-block; display: inline-block;
width: 600px; width: 600px;