new commit
This commit is contained in:
parent
953edfe40c
commit
0a1b5cc41a
|
@ -78,6 +78,7 @@
|
|||
|
||||
.main-row {
|
||||
height: 100%;
|
||||
margin: 0 !important;
|
||||
display: flex;
|
||||
align-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
@ -87,7 +88,7 @@
|
|||
|
||||
#map {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
// height: 500px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
<span slot="label"
|
||||
><i :class="item.icon"></i> {{ item.title }}</span
|
||||
>
|
||||
<component :is="item.content" />
|
||||
<div class="pane-box"><component :is="item.content" /></div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-main>
|
||||
|
@ -122,8 +122,14 @@ export default {
|
|||
}
|
||||
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.pane-box{
|
||||
width:calc(100% + 5px);
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -1,7 +1,7 @@
|
|||
<!-- 看板 -->
|
||||
<template>
|
||||
<el-row :gutter="40" class="main-row">
|
||||
<el-col :span="12" style="height: 48%">
|
||||
<el-row class="main-row">
|
||||
<el-col :span="12">
|
||||
<el-card
|
||||
class="box-card"
|
||||
:body-style="{ height: 'calc(100% - 94px)', overflow: 'auto' }"
|
||||
|
@ -15,11 +15,10 @@
|
|||
<span>评级结果地图</span>
|
||||
<i class="el-icon-more"></i>
|
||||
</el-row>
|
||||
|
||||
<fecr-map :height.sync="height" :data="ratingProvince" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12" style="height: 48%">
|
||||
<el-col :span="12">
|
||||
<el-card
|
||||
class="box-card"
|
||||
:body-style="{ height: '100%', overflow: 'auto' }"
|
||||
|
@ -35,7 +34,7 @@
|
|||
<fecr-line :data="ratingNumber" :height="height" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12" style="height: 48%">
|
||||
<el-col :span="12">
|
||||
<el-card
|
||||
class="box-card"
|
||||
:body-style="{ height: '100%', overflow: 'auto' }"
|
||||
|
@ -51,7 +50,7 @@
|
|||
<fecr-pie :data="ratingPie" id="ratingPie" :height="height" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12" style="height: 48%">
|
||||
<el-col :span="12">
|
||||
<el-card
|
||||
class="box-card"
|
||||
:body-style="{ height: '100%', overflow: 'auto' }"
|
||||
|
@ -83,7 +82,7 @@ export default {
|
|||
components: { FecrPie, FecrMap, FecrLine, FecrTable },
|
||||
data() {
|
||||
return {
|
||||
height: 0,
|
||||
height: 500,
|
||||
ratingPie: [],
|
||||
ratingNumber: {},
|
||||
ratingResult: [],
|
||||
|
@ -92,10 +91,10 @@ export default {
|
|||
},
|
||||
|
||||
created() {
|
||||
this.height = document.body.clientHeight * 0.35;
|
||||
window.addEventListener("resize", function () {
|
||||
this.height = document.body.clientHeight * 0.35;
|
||||
});
|
||||
// this.height = document.body.clientHeight * 0.35;
|
||||
// window.addEventListener("resize", function () {
|
||||
// this.height = document.body.clientHeight * 0.35;
|
||||
// });
|
||||
this.getRatingPie();
|
||||
this.getRatingTable();
|
||||
this.getRatingNumber();
|
||||
|
@ -170,4 +169,14 @@ export default {
|
|||
</script>
|
||||
<style lang='scss' scoped>
|
||||
@import "assets/style/home/index.scss";
|
||||
|
||||
.el-col:nth-child(2n){
|
||||
box-sizing:border-box;
|
||||
padding:0 0 20px 10px;
|
||||
}
|
||||
|
||||
.el-col:nth-child(2n+1){
|
||||
box-sizing:border-box;
|
||||
padding:0 10px 20px 0;
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue