|
|
|
@ -1,7 +1,10 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<!-- 全屏 --> |
|
|
|
|
<img class="full" src="@/assets/img/screen/full.png" alt="" @click="fullScreen"> |
|
|
|
|
<img class="full" |
|
|
|
|
src="@/assets/img/screen/full.png" |
|
|
|
|
alt="" |
|
|
|
|
@click="fullScreen"> |
|
|
|
|
<!--header--> |
|
|
|
|
<div class="header"> |
|
|
|
|
<div class="bg_header"> |
|
|
|
@ -34,10 +37,13 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_1.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_1.png" |
|
|
|
|
alt=""> |
|
|
|
|
中国宏观杠杆率 |
|
|
|
|
</div> |
|
|
|
|
<div id="chart1" class="chart" style="height: 280px;"></div> |
|
|
|
|
<div id="chart1" |
|
|
|
|
class="chart" |
|
|
|
|
style="height: 280px;"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="t_line_box"> |
|
|
|
@ -57,10 +63,13 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_2.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_2.png" |
|
|
|
|
alt=""> |
|
|
|
|
新增信贷数据 |
|
|
|
|
</div> |
|
|
|
|
<div id="chart5" class="chart t_btn9" style="height: 280px;"></div> |
|
|
|
|
<div id="chart5" |
|
|
|
|
class="chart t_btn9" |
|
|
|
|
style="height: 280px;"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="t_line_box"> |
|
|
|
@ -80,7 +89,8 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_7.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_7.png" |
|
|
|
|
alt=""> |
|
|
|
|
{{ goodsSell.length ? goodsSell[0].operation_time.substr(0, 4) : 2021 }}年商品零售价格指数 |
|
|
|
|
</div> |
|
|
|
|
<div class="main_table"> |
|
|
|
@ -93,10 +103,13 @@ |
|
|
|
|
</thead> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_table" ref="tableWrap" style="height: 196px;margin-top: 0;overflow: auto"> |
|
|
|
|
<div class="main_table" |
|
|
|
|
ref="tableWrap" |
|
|
|
|
style="height: 196px;margin-top: 0;overflow: auto"> |
|
|
|
|
<table> |
|
|
|
|
<tbody> |
|
|
|
|
<tr v-for="(item, i) in goodsSell" :key="i"> |
|
|
|
|
<tr v-for="(item, i) in goodsSell" |
|
|
|
|
:key="i"> |
|
|
|
|
<td width="70%">{{ item.hct }}</td> |
|
|
|
|
<td>{{ item.rcpi }}</td> |
|
|
|
|
</tr> |
|
|
|
@ -106,7 +119,8 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="middle"> |
|
|
|
|
<div class="item" style="height: 350px"> |
|
|
|
|
<div class="item" |
|
|
|
|
style="height: 350px"> |
|
|
|
|
<!--左上边框--> |
|
|
|
|
<div class="t_line_box"> |
|
|
|
|
<i class="t_l_line"></i> |
|
|
|
@ -128,7 +142,8 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_3.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_3.png" |
|
|
|
|
alt=""> |
|
|
|
|
中国GDP年率报告 |
|
|
|
|
</div> |
|
|
|
|
<div class="main_table"> |
|
|
|
@ -141,11 +156,14 @@ |
|
|
|
|
</thead> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_table" ref="gdpList" style="max-height: 260px;margin-top: 0;overflow: auto;"> |
|
|
|
|
<div class="main_table" |
|
|
|
|
ref="gdpList" |
|
|
|
|
style="max-height: 260px;margin-top: 0;overflow: auto;"> |
|
|
|
|
<table> |
|
|
|
|
<tbody> |
|
|
|
|
<template v-for="(item, i) in gdps"> |
|
|
|
|
<tr v-if="item.value != '0'" :key="i"> |
|
|
|
|
<tr v-if="item.value != '0'" |
|
|
|
|
:key="i"> |
|
|
|
|
<td width="50%">{{ item.date_index }}</td> |
|
|
|
|
<td width="50%">${{ item.value }}</td> |
|
|
|
|
</tr> |
|
|
|
@ -154,7 +172,8 @@ |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item" style="height: 520px;"> |
|
|
|
|
<div class="item" |
|
|
|
|
style="height: 520px;"> |
|
|
|
|
<!--左上边框--> |
|
|
|
|
<div class="t_line_box"> |
|
|
|
|
<i class="t_l_line"></i> |
|
|
|
@ -176,15 +195,24 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_3.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_3.png" |
|
|
|
|
alt=""> |
|
|
|
|
主要央行利率 |
|
|
|
|
</div> |
|
|
|
|
<div class="earth"> |
|
|
|
|
<img class="lbx" src="@/assets/img/screen/lbx.png" alt=""> |
|
|
|
|
<img class="jt" src="@/assets/img/screen/jt.png" alt=""> |
|
|
|
|
<img class="map" src="@/assets/img/screen/map.png" alt=""> |
|
|
|
|
<img class="lbx" |
|
|
|
|
src="@/assets/img/screen/lbx.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img class="jt" |
|
|
|
|
src="@/assets/img/screen/jt.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img class="map" |
|
|
|
|
src="@/assets/img/screen/map.png" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="chart" id="chart7" style="height: 500px"></div> |
|
|
|
|
<div class="chart" |
|
|
|
|
id="chart7" |
|
|
|
|
style="height: 500px"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
@ -210,10 +238,13 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_4.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_4.png" |
|
|
|
|
alt=""> |
|
|
|
|
全国税收收入 |
|
|
|
|
</div> |
|
|
|
|
<div id="chart3" class="echart t_btn7" style="height: 280px;"></div> |
|
|
|
|
<div id="chart3" |
|
|
|
|
class="echart t_btn7" |
|
|
|
|
style="height: 280px;"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<!--左上边框--> |
|
|
|
@ -237,10 +268,12 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_5.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_5.png" |
|
|
|
|
alt=""> |
|
|
|
|
央行货币当局资产负债 |
|
|
|
|
</div> |
|
|
|
|
<div id="chart4" style="height: 280px;"></div> |
|
|
|
|
<div id="chart4" |
|
|
|
|
style="height: 280px;"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="t_line_box"> |
|
|
|
@ -260,10 +293,13 @@ |
|
|
|
|
<i class="b_r_line"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="main_title"> |
|
|
|
|
<img src="@/assets/img/screen/t_7.png" alt=""> |
|
|
|
|
<img src="@/assets/img/screen/t_7.png" |
|
|
|
|
alt=""> |
|
|
|
|
以美元计算进口年率 |
|
|
|
|
</div> |
|
|
|
|
<div id="chart6" class="chart" style="height: 270px;"></div> |
|
|
|
|
<div id="chart6" |
|
|
|
|
class="chart" |
|
|
|
|
style="height: 270px;"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -1238,5 +1274,5 @@ export default { |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
@import "../../../styles/page/screen.scss"; |
|
|
|
|
@import '../../../styles/page/screen.scss'; |
|
|
|
|
</style> |