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

优化

Browse Source
This commit is contained in:
熊成强 2020-11-17 16:08:11 +08:00
parent 33295f9faa
commit 02d595efc2
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/kpi/assessment/stepList/index.vue
View File

@ -96,10 +96,10 @@
align='center' align='center'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div class="name">
<InfoHeader :obj="{ <InfoHeader :obj="{
src:scope.row.avatar, src:scope.row.avatar}" />
name:scope.row.staffName }" /> <div style="width:50px;">{{scope.row.staffName}}</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -461,6 +461,11 @@ export default {
<style lang='less' scoped> <style lang='less' scoped>
.step-content { .step-content {
.name{
display: flex;
align-items: center;
justify-content: center;
}
.footer { .footer {
text-align: right; text-align: right;
margin: 20px 0 0 0; margin: 20px 0 0 0;

21
src/views/kpi/report/home/index.vue
View File

@ -48,15 +48,16 @@
<div class="level_tips commonFont">等级分布</div> <div class="level_tips commonFont">等级分布</div>
<div id="level_chart"></div> <div id="level_chart"></div>
</div> </div>
<el-table :data="tableData" <div class='num_report'>
<el-table :data="tableData"
:header-cell-style="{ background:'#F5F7FA'}" :header-cell-style="{ background:'#F5F7FA'}"
border border
style="flex-grow:2;margin-top:20px;height:100%"> >
<el-table-column prop="desc" label="绩效等级"> <el-table-column prop="desc" label="绩效等级">
</el-table-column> </el-table-column>
<el-table-column prop="num" label="实际分布"> <el-table-column prop="num" width="140" label="实际分布">
</el-table-column> </el-table-column>
<el-table-column label="操作" width="150"> <el-table-column label="操作" width="140">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click.native.prevent="handleDetailClick(scope.$index, scope.row)" @click.native.prevent="handleDetailClick(scope.$index, scope.row)"
@ -68,6 +69,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -342,6 +344,7 @@ export default {
padding-top:40px; padding-top:40px;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
padding-bottom:40px;
} }
.header { .header {
background: #fcfcfc; background: #fcfcfc;
@ -396,7 +399,7 @@ export default {
padding-left: 20px; padding-left: 20px;
} }
.num_report { .num_report {
flex-grow: 1; width: 420px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -439,7 +442,8 @@ export default {
display: flex display: flex
} }
#num_chart { #num_chart {
widows: 500px; flex: 1;
padding-right: 100px;
height: 360px; height: 360px;
} }
.level_content{ .level_content{
@ -450,7 +454,8 @@ export default {
flex-grow: 1; flex-grow: 1;
} }
#level_chart { #level_chart {
width: 500px; flex: 1;
padding-right: 100px;
height: 360px; height: 360px;
} }
</style> </style>