<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- 引入样式 -->
<link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
<link rel="stylesheet" href="./styles/normalize.css" />
<link rel="stylesheet" href="./styles/investHome.css" />
<!-- 引入js -->
<script src="./libs/vue@2.7.10.js"></script>
<script src="./libs/datav.min.js"></script>
<script src="./libs/echarts.min.js"></script>
<script src="./libs/element-ui@2.15.9.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./js/request.js"></script>
</head>
<body>
<div id="app">
<!-- <dv-full-screen-container> -->
<header class="my-header">
<span>投资管理数智中心</span>
<span class="right">{{time}}</span>
</header>
<div class="main">
<div class="left">
<dv-border-box-8 :dur="10">
<div class="my-panel">
<div class="panel-title">
<span class="text">投资关键指标</span>
</div>
<div class="content">
<div class="boxs">
<div>
<p>
<span class="name">投资总额</span>
<i class="el-icon-more"></i>
</p>
<p>
<i><span class="num">825.60</span>亿</i>
<span class="change"><img src="./images/down.png" /> 12.1%</span>
</p>
</div>
<div>
<p>
<span class="name">项目总数</span>
<i class="el-icon-more"></i>
</p>
<p>
<i><span class="num">654</span>个</i>
<span class="change"><img src="./images/down.png" /> 12.1%</span>
</p>
</div>
<div>
<p>
<span class="name">固定资产</span>
<i class="el-icon-more"></i>
</p>
<p>
<i><span class="num">825.60</span>亿</i>
<span class="change up"><img src="./images/up.png" /> 12.1%</span>
</p>
</div>
<div>
<p>
<span class="name">股权投资</span>
<i class="el-icon-more"></i>
</p>
<p>
<i><span class="num">325.00</span>亿</i>
<span class="change"><img src="./images/down.png" /> 12.1%</span>
</p>
</div>
</div>
</div>
</div>
</dv-border-box-8>
<dv-border-box-8 :dur="11">
<div class="my-panel">
<div class="panel-title">
<span class="text">五个一体化</span>
</div>
<div ref="echartL1" class="content"></div>
</div>
</dv-border-box-8>
<dv-border-box-8 :dur="12">
<div class="my-panel">
<div class="panel-title">
<span class="text">投资执行情况</span>
</div>
<div ref="echartL2" class="content"></div>
</div>
</dv-border-box-8>
</div>
<div class="center">
<div class="top">
<div class="box">
<div class="t">
<img src="./images/center1.png"/>
产业转型
</div>
<div class="flex b">
<div>
<p>总投资额</p>
<p><span>25.12</span>亿</p>
</div>
<div>
<p>项目数量</p>
<p><span>15</span>个</p>
</div>
</div>
</div>
<div class="box">
<div class="t">
<img src="./images/center1.png"/>
数字转型
</div>
<div class="flex b">
<div>
<p>投资金额</p>
<p><span>25.12</span>亿</p>
</div>
<div>
<p>项目数量</p>
<p><span>15</span>个</p>
</div>
</div>
</div>
</div>
<div class="map-box">
<div ref="echarts-map" style="height: 100%;"></div>
<div class="status">
<p>项目状态</p>
<ul style="padding-left: 30px;">
<li>完成决策： <i>15</i></li>
<li>进行中： <i>15</i></li>
<li>退出： <i>15</i></li>
<li>终止： <i>15</i></li>
</ul>
</div>
</div>
</div>
<div class="right">
<dv-border-box-8 :dur="10">
<div class="my-panel">
<div class="panel-title">
<span class="text">投资产业分布</span>
</div>
<div ref="echartR1" class="content"></div>
</div>
</dv-border-box-8>
<dv-border-box-8 :dur="11">
<div class="my-panel">
<div class="panel-title">
<span class="text">投资额度分析</span>
</div>
<ul class="list content">
<li class="list-item">
<i>NO.1</i>
<div class="flex1">
<p>山西焦煤</p>
<el-progress percentage="80" stroke-width="10" :show-text="false"></el-progress>
</div>
<span class="value">234亿</span>
</li>
<li class="list-item">
<i>NO.2</i>
<div class="flex1">
<p>晋能控股</p>
<el-progress percentage="70" stroke-width="10" :show-text="false"></el-progress>
</div>
<span class="value">234亿</span>
</li>
<li class="list-item">
<i>NO.3</i>
<div class="flex1">
<p>华阳新材</p>
<el-progress percentage="60" stroke-width="10" :show-text="false"></el-progress>
</div>
<span class="value">234亿</span>
</li>
<li class="list-item">
<i>NO.4</i>
<div class="flex1">
<p>陆港国际</p>
<el-progress percentage="50" stroke-width="10" :show-text="false"></el-progress>
</div>
<span class="value">234亿</span>
</li>
</ul>
</div>
</dv-border-box-8>
<dv-border-box-8 :dur="12"
><div class="my-panel">
<div class="panel-title">
<span class="text">重点项目监控</span>
</div>
<dv-scroll-board :config="storageRecordConfig" class="content" /></div
></dv-border-box-8>
</div>
</div>
<!-- <div class="footer">
<a class="item" v-for="(item,index) in companyList" :key="index">{{item.name}}</a>
</div> -->
<!-- </dv-full-screen-container> -->
</div>
<script src="./js/investHome.js"></script>
</body>
</html>