|
|
@ -22,6 +22,11 @@ |
|
|
|
<p class="title-arrow">档案类别</p> |
|
|
|
</h3> |
|
|
|
<div class="chart-wrapper" style="height: calc(100% - 40px);"> |
|
|
|
<el-date-picker |
|
|
|
v-model="value1" |
|
|
|
type="month" |
|
|
|
placeholder="请选择" |
|
|
|
/> |
|
|
|
<cate-pie :cate-data="cateData" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -97,6 +102,7 @@ export default { |
|
|
|
components: { lendAcross, catePie, typePie, BarEcharts, AcrossBar, LineEchart }, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
value1: '', |
|
|
|
lendData: [100, 18203, 23489, 29034, 104970], |
|
|
|
cateData: [1000, 700], |
|
|
|
typeData: [1110, 2000, 800, 600, 900] |
|
|
@ -110,7 +116,25 @@ export default { |
|
|
|
.container-wrap{ |
|
|
|
min-height:calc(100vh - 636px) ; |
|
|
|
} |
|
|
|
.chart-wrapper{ |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
::v-deep .el-date-editor{ |
|
|
|
position: absolute; |
|
|
|
right: 20px; |
|
|
|
top: -30px; |
|
|
|
width: 116px; |
|
|
|
z-index: 9999; |
|
|
|
|
|
|
|
.el-input__inner{ |
|
|
|
width: 116px; |
|
|
|
height: 30px; |
|
|
|
border: 1px solid #339cff; |
|
|
|
background-color: #021941; |
|
|
|
line-height: 30px; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
.center-box{ |
|
|
|
// width:100%; |
|
|
|
margin:20px 0; |
|
|
|