yujialong 9 months ago
parent 84c8412fe9
commit 3bf5c1b98a
  1. 86
      src/pages/screen/list/index.vue
  2. 2
      src/setting.js

@ -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>

@ -12,7 +12,7 @@ const dev = process.env.NODE_ENV === 'development' // 本地
let host = `${location.origin}/`
if (dev) {
host = 'http://121.37.12.51/'
// host = 'http://192.168.31.51:9000/'
host = 'http://192.168.31.217:9000/'
}
const Setting = {

Loading…
Cancel
Save