123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <!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/investHome4.css" />
- <!-- 引入js -->
- <script src="./libs/vue@2.7.10.js"></script>
- <script src="./libs/datav.min2.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>
- <script src="./libs/echarts-tooltip-carousel.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">
- <dv-border-box-8>
- <div class="overflow-hidden w-full h-full tl">
- <div class="panel-title">
- <span class="text">“四化”</span>
- </div>
- <div class="lt-bottom overflow-hidden w-full">
- <div class="overflow-hidden w-full h-full lt-bottom-left">
- <div class=" w-full h-full flex justify-center items-center">业务归核化</div>
- <div class=" w-full h-full flex justify-center items-center">治理规范化</div>
- <div class=" w-full h-full flex justify-center items-center">管理数智化</div>
- <div class=" w-full h-full flex justify-center items-center">资产证券化</div>
- </div>
- <div class="lt-bottom-right lt-bottom overflow-hidden w-full h-full">
- <div class="flex items-center justify-center w-full h-full overflow-hidden">
- <img class="lt-img" src="./images4/lt-1.png" alt="">
- <div class="flex flex-col " style="width:calc( 100% - 76px )">
- <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">4000</span>户</span>
- <span>总范围总户数</span>
- </div>
- </div>
- <div class="flex items-center justify-center w-full h-full overflow-hidden">
- <img class="lt-img" src="./images4/lt-2.png" alt="">
- <div class="flex flex-col" style="width:calc( 100% - 76px )">
- <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">3890</span>户</span>
- <span>已核定主业户数</span>
- </div>
- </div>
- <div class="flex items-center justify-center w-full h-full overflow-hidden">
- <img class="lt-img" src="./images4/lt-3.png" alt="">
- <div class="flex flex-col " style="width:calc( 100% - 76px )">
- <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">97.25</span>%</span>
- <span>完成比例</span>
- </div>
- </div>
- <div class="flex items-center justify-center w-full h-full overflow-hidden">
- <img class="lt-img" src="./images4/lt-4.png" alt="">
- <div class="flex flex-col " style="width:calc( 100% - 76px )">
- <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">872.15</span>%</span>
- <span>主业项目投资总额</span>
- </div>
- </div>
- <div class="flex items-center justify-center w-full h-full overflow-hidden">
- <img class="lt-img" src="./images4/lt-5.png" alt="">
- <div class="flex flex-col " style="width:calc( 100% - 76px )">
- <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">83.79</span>%</span>
- <span>“两非”剥离完成率</span>
- </div>
- </div>
- <div class="flex items-center justify-center w-full h-full overflow-hidden">
- <img class="lt-img" src="./images4/lt-6.png" alt="">
- <div class="flex flex-col " style="width:calc( 100% - 76px )">
- <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">76.12</span>%</span>
- <span>“两资”清退完成率</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </dv-border-box-8>
- <dv-border-box-8>
- <div class="overflow-hidden w-full h-full tr">
- <div class="panel-title">
- <span class="text">煤炭保供/转型</span>
- </div>
- </div>
- </dv-border-box-8>
- <dv-border-box-8>
- <div class="overflow-hidden w-full h-full tr">
- <div class="panel-title">
- <span class="text">两个转型</span>
- </div>
- </div>
- </dv-border-box-8>
- <dv-border-box-8>
- <div class="overflow-hidden w-full h-full tr">
- <div class="panel-title">
- <span class="text">五个一体化</span>
- </div>
- </div>
- </dv-border-box-8>
- </div>
- </dv-full-screen-container>
- </div>
- <script src="./js/investHome4.js"></script>
- </body>
- </html>
|