|
|
@@ -0,0 +1,134 @@
|
|
|
+<!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/cokingCoalE.css" />
|
|
|
+
|
|
|
+ <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>
|
|
|
+ <script src="./libs/echarts-tooltip-carousel.js"></script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="app">
|
|
|
+ <dv-full-screen-container>
|
|
|
+ <header class="my-header"><span>焦煤集团驾驶舱数字看板</span></header>
|
|
|
+ <div class="main">
|
|
|
+ <div class="top flex">
|
|
|
+ <dv-border-box-8 class="top-left">
|
|
|
+ <div class="center-title mx-auto flex flex-col justify-center">
|
|
|
+ <div class="flex items-center items-center">
|
|
|
+ <img src="./images/arrow.png" alt="" class="arrow">
|
|
|
+ <span>技能大师工作室</span>
|
|
|
+ </div>
|
|
|
+ <img src="./images/line.png" style="width: 100%;display: block;margin-top: 2px;" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="flex item-tl mx-auto items-center justify-around">
|
|
|
+ <div class="item-tl-item">
|
|
|
+ <div>国家级</div>
|
|
|
+ <div>
|
|
|
+ <img src="./images/blue.png" alt="">
|
|
|
+ <span style="color: #69C0FF;">1690</span>个
|
|
|
+ <img src="./images/green.png" style="margin-left: 20px;" alt="">
|
|
|
+ <span style="color: #43EDE3;">2046</span>个
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-tl-item">
|
|
|
+ <div>行业级</div>
|
|
|
+ <div>
|
|
|
+ <img src="./images/blue.png" alt="">
|
|
|
+ <span style="color: #69C0FF;">2013</span>个
|
|
|
+ <img src="./images/green.png" style="margin-left: 20px;" alt="">
|
|
|
+ <span style="color: #43EDE3;">3400</span>个
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-tl-item">
|
|
|
+ <div>省级</div>
|
|
|
+ <div>
|
|
|
+ <img src="./images/blue.png" alt="">
|
|
|
+ <span style="color: #69C0FF;">1380</span>个
|
|
|
+ <img src="./images/green.png" style="margin-left: 20px;" alt="">
|
|
|
+ <span style="color: #43EDE3;">2460</span>个
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-tl-item">
|
|
|
+ <div>集团级</div>
|
|
|
+ <div>
|
|
|
+ <img src="./images/blue.png" alt="">
|
|
|
+ <span style="color: #69C0FF;">1012</span>个
|
|
|
+ <img src="./images/green.png" style="margin-left: 20px;" alt="">
|
|
|
+ <span style="color: #43EDE3;">3421</span>个
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dv-border-box-8>
|
|
|
+ <dv-border-box-8 class="top-right">
|
|
|
+ <div class="center-title mx-auto flex flex-col justify-center">
|
|
|
+ <div class="flex items-center items-center">
|
|
|
+ <img src="./images/arrow.png" alt="" class="arrow">
|
|
|
+ <span>培训计划</span>
|
|
|
+ </div>
|
|
|
+ <img src="./images/line.png" style="width: 100%;display: block;margin-top: 2px;" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="flex item-tr mx-auto items-center justify-around" style="height: 80%;width: 100%;">
|
|
|
+ <div class="item-tr-item">
|
|
|
+ <div class="flex items-center " style="margin-bottom: 30px;">
|
|
|
+ <img src="./images/rt1.png" alt="">
|
|
|
+ <div>计划参训人数<span class="text-style" style="color: #69C0FF;">169</span>人</div>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center ">
|
|
|
+ <img src="./images/rt2.png" alt="">
|
|
|
+ <div>实际参训人数<span class="text-style" style="color: #43EDE3;">128</span>人</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <dv-water-level-pond :config="config" style="width:150px;height:200px" />
|
|
|
+ </div>
|
|
|
+ </dv-border-box-8>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="bottom flex">
|
|
|
+ <dv-border-box-8 class="bottom-left">
|
|
|
+ <div class="center-title mx-auto flex flex-col justify-center">
|
|
|
+ <div class="flex items-center items-center">
|
|
|
+ <img src="./images/arrow.png" alt="" class="arrow">
|
|
|
+ <span>课程体系</span>
|
|
|
+ </div>
|
|
|
+ <img src="./images/line.png" style="width: 100%;display: block;margin-top: 2px;" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="aiQuality dis-flex flex-dir-column ">
|
|
|
+ <div id="aiQuality2" class="mx-auto" style="width: 100%; height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ </dv-border-box-8>
|
|
|
+ <dv-border-box-8 class="bottom-right">
|
|
|
+ <div class="center-title mx-auto flex flex-col justify-center">
|
|
|
+ <div class="flex items-center items-center">
|
|
|
+ <img src="./images/arrow.png" alt="" class="arrow">
|
|
|
+ <span>讲师团队</span>
|
|
|
+ </div>
|
|
|
+ <img src="./images/line.png" style="width: 100%;display: block;margin-top: 2px;" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="rb-item">
|
|
|
+ <div ref="echartR1" style="height:100%;width: 100%;"></div>
|
|
|
+ </div>
|
|
|
+ </dv-border-box-8>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="footer justify-center">
|
|
|
+ <a class="item" v-for="(item,index) in companyList" :key="index">{{item.name}}</a>
|
|
|
+ </div>
|
|
|
+ </dv-full-screen-container>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <script src="./js/cokingCoalE.js"></script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
zhbyyy
