Strona główna Odkrywaj Pomoc
Zaloguj się
kingdee_large_screen
/
pc_kingdee_large_screen
2
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

Merge branch 'main' of https://git.sxidc.com/kingdee_large_screen/pc_kingdee_large_screen

zhbyyy 2 lat temu
rodzic
731d25f273 9b55b37576
commit
9ea997dc38
7 zmienionych plików z 1169 dodań i 0 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. BIN
      cokingCoal/images/icon_title.png
  2. BIN
      cokingCoal/images/indexBg.png
  3. BIN
      cokingCoal/images/indexittle@2x.png
  4. BIN
      cokingCoal/images/title_line.png
  5. 303 0
      cokingCoal/index.html
  6. 288 0
      cokingCoal/js/newIndex.js
  7. 578 0
      cokingCoal/styles/newIndex.css

BIN
cokingCoal/images/icon_title.png
Wyświetl plik


BIN
cokingCoal/images/indexBg.png
Wyświetl plik


BIN
cokingCoal/images/indexittle@2x.png
Wyświetl plik


BIN
cokingCoal/images/title_line.png
Wyświetl plik


+ 303 - 0
cokingCoal/index.html
Wyświetl plik 

@@ -0,0 +1,303 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>焦煤集团驾驶舱数字看板</title>
 
+    <!-- 引入样式 -->
 
+    <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
 
+    <link rel="stylesheet" href="./styles/newIndex.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>
 
+    <script src="./libs/echarts-tooltip-carousel.js"></script>
 
+    <script src="./js/dataA.js"></script>
 
+</head>
 
+
 
+<body>
 
+    <div class="app_box" id="app">
 
+        <div class="box_item_title">
 
+            <span>集团管控  数智赋能</span>
 
+        </div>
 
+        <div class="box_item_main">
 
+            <div class="box_left">
 
+                <div class="left_item">
 
+                    <div class="title">组织分布</div>
 
+                    <div class="left_main">
 
+                        <div class="left_main_top">
 
+                            <div class="left_main_top_left" >
 
+                                <div class="echarts" ref="organization"></div>
 
+                            </div>
 
+                            <div class="left_main_top_right">
 
+                                <div class="echarts" ref="industry"></div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="left_main_btm">
 
+                            <dv-scroll-board :config="config1" style="width: 100%; height: 100%" />
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="left_item" style="height: calc(45% - 15px);">
 
+                    <div class="title">人员结构</div>
 
+                    <div class="left_main_else">
 
+                        <div class="left_user_top">
 
+                            <div class="left_user_number">
 
+                                <div class="text_box">
 
+                                    <img src="./images/man.png" alt="">
 
+                                    <span class="text_num">211,499 <span>人</span></span>
 
+                                    <span class="text_title">用工总数</span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="left_user_number">
 
+                                <div class="text_box">
 
+                                    <img src="./images/man.png" alt="">
 
+                                    <span class="text_num">211,499 <span>人</span></span>
 
+                                    <span class="text_title">用工总数</span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="left_user_number">
 
+                                <div class="text_box">
 
+                                    <img src="./images/man.png" alt="">
 
+                                    <span class="text_num">211,499 <span>人</span></span>
 
+                                    <span class="text_title">用工总数</span>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="left_user_main">
 
+                            <div class="left_user_main_item">
 
+                                <div class="left_user_title">
 
+                                    <div class="icon_title">
 
+                                        <div class="icon">
 
+                                            <img src="./images/icon_title.png" alt="">
 
+                                        </div>
 
+                                        <div class="title">从业人员类别</div>
 
+                                    </div>
 
+                                    <div class="line">
 
+                                        <img src="./images/line.png" alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="echarts_else"></div>
 
+                            </div>
 
+                            <div class="left_user_main_item">
 
+                                <div class="left_user_title">
 
+                                    <div class="icon_title">
 
+                                        <div class="icon">
 
+                                            <img src="./images/icon_title.png" alt="">
 
+                                        </div>
 
+                                        <div class="title">三序列人员</div>
 
+                                    </div>
 
+                                    <div class="line">
 
+                                        <img src="./images/line.png" alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="echarts_else" ref="sequence"></div>
 
+                            </div>
 
+                            <div class="left_user_main_item">
 
+                                <div class="left_user_title">
 
+                                    <div class="icon_title">
 
+                                        <div class="icon">
 
+                                            <img src="./images/icon_title.png" alt="">
 
+                                        </div>
 
+                                        <div class="title">年龄和工龄</div>
 
+                                    </div>
 
+                                    <div class="line">
 
+                                        <img src="./images/line.png" alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="echarts_else" ref="serviceAge"></div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="left_user_main">
 
+                            <div class="left_user_main_item">
 
+                                <div class="left_user_title">
 
+                                    <div class="icon_title">
 
+                                        <div class="icon">
 
+                                            <img src="./images/icon_title.png" alt="">
 
+                                        </div>
 
+                                        <div class="title">学历结构</div>
 
+                                    </div>
 
+                                    <div class="line">
 
+                                        <img src="./images/line.png" alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="echarts_else" ref="initChartsBig"></div>
 
+                            </div>
 
+                            <div class="left_user_main_item">
 
+                                <div class="left_user_title">
 
+                                    <div class="icon_title">
 
+                                        <div class="icon">
 
+                                            <img src="./images/icon_title.png" alt="">
 
+                                        </div>
 
+                                        <div class="title">技术职称</div>
 
+                                    </div>
 
+                                    <div class="line">
 
+                                        <img src="./images/line.png" alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="echarts_else" ref="initChartR1"></div>
 
+                            </div>
 
+                            <div class="left_user_main_item">
 
+                                <div class="left_user_title">
 
+                                    <div class="icon_title">
 
+                                        <div class="icon">
 
+                                            <img src="./images/icon_title.png" alt="">
 
+                                        </div>
 
+                                        <div class="title">技能等级</div>
 
+                                    </div>
 
+                                    <div class="line">
 
+                                        <img src="./images/line.png" alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="echarts_else" ref="level"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="left_item" style="height: calc(35% - 15px);">
 
+                    <div class="title">薪酬分配</div>
 
+                    <div class="left_main_else">
 
+                        <div class="left_salary_box_else">
 
+                            <div class="left_salary_item">
 
+                                <div class="right_item_item_else_title">
 
+                                    <img style="height: 100%;" src="./images/title.png" alt="">
 
+                                    <div class="title_right">项目研究成果<span class="big_color">89</span><span>个</span></div>
 
+                                </div>
 
+                                <div class="echarts_90" ref="echarts90"></div>
 
+                            </div>
 
+                            <div class="left_salary_item">
 
+                                <div class="right_item_item_else_title">
 
+                                    <img style="height: 100%;" src="./images/title.png" alt="">
 
+                                    <div class="title_right">项目研究成果<span class="big_color">89</span><span>个</span></div>
 
+                                </div>
 
+                                <dv-scroll-board :config="config5" style="width: 100%; height: 80%" />
 
+                            </div>
 
+                        </div>
 
+                        <div class="left_salary_box">
 
+                            <div class="echarts" ref="leftEnd"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="box_main">
 
+                <div class="main_item_one"></div>
 
+                <div class="main_item flex_column">
 
+                    <div class="left_user_title" style="height: 50px;">
 
+                        <div class="icon_title">
 
+                            <div class="icon">
 
+                                <img src="./images/icon_title.png" alt="">
 
+                            </div>
 
+                            <div class="title">技能等级</div>
 
+                        </div>
 
+                        <div class="line">
 
+                            <img src="./images/line.png" alt="">
 
+                        </div>
 
+                    </div>
 
+                    <dv-scroll-board :config="config5" style="width: 100%; height: calc(100% - 75px)" />
 
+                </div>
 
+                <div class="main_item flex_column">
 
+                    <div class="left_user_title" style="height: 65px;">
 
+                        <div class="icon_title">
 
+                            <div class="icon">
 
+                                <img src="./images/icon_title.png" alt="">
 
+                            </div>
 
+                            <div class="title">技能等级</div>
 
+                        </div>
 
+                        <div class="line">
 
+                            <img src="./images/line.png" alt="">
 
+                        </div>
 
+                    </div>
 
+                    <div class="main_item_echarts" ref="mobilize"></div>
 
+                </div>
 
+            </div>
 
+            <div class="box_right">
 
+                <div class="right_item">
 
+                    <div class="right_item_item"></div>
 
+                    <div class="right_item_item"></div>
 
+                    <div class="right_item_item"></div>
 
+                </div>
 
+                <div class="right_item">
 
+                    <div class="right_item_item_else"></div>
 
+                    <div class="right_item_item_else">
 
+                        <div class="right_item_item_else_title">
 
+                            <img src="./images/title.png" alt="">
 
+                            <div class="title_right">项目研究成果<span class="big_color">89</span><span>个</span></div>
 
+                        </div>
 
+                        <dv-scroll-board :config="config5" style="width: 100%; height: 80%" />
 
+                    </div>
 
+                </div>
 
+                <div class="right_item_else">
 
+                    <div class="top flex justify-between">
 
+                        <div class="flex items-center justify-center">
 
+                            <img class="top-img" src="./images/top-1.png" alt="">
 
+                            <div>优化池<span class="top-text">1308</span>人</div>
 
+                        </div>
 
+                        <div class="flex items-center justify-center">
 
+                            <img class="top-img" src="./images/top-3.png" alt="">
 
+                            <div>缓冲池<span class="top-text">1460</span>人</div>
 
+                        </div>
 
+                        <div class="flex items-center justify-center">
 
+                            <img class="top-img" src="./images/top-4.png" alt="">
 
+                            <div>待岗池<span class="top-text">4080</span>人</div>
 
+                        </div>
 
+                        <div class="flex items-center justify-center">
 
+                            <img class="top-img" src="./images/top-2.png" alt="">
 
+                            <div>共享池<span class="top-text">2000</span>人</div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="right_item_item_btm">
 
+                        <div class="right_btm_item_else">
 
+                            <div class="image_box_else"><span>80%</span>
 
+                                <img src="./images/annular.png" style="width: 100%;height:100%;" alt="">
 
+                            </div>
 
+                            <div class="image_box">
 
+                                <div class="box_item" style="margin-top: 30px;">
 
+                                    <img src="./images/center-left1.png" alt="">
 
+                                    <div>双选人数<span>1068</span>人</div>
 
+                                </div>
 
+                                <div class="box_item">
 
+                                    <img src="./images/center-left3.png" alt="">
 
+                                    <div>优化人数<span>3116</span>人</div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="right_btm_item"></div>
 
+                    </div>
 
+                </div>
 
+                <div class="right_item">
 
+                    <div class="right_echarts_else">
 
+                        <div class="right_bg_item">
 
+                            <div class="bg_item_num" style="color: rgb(102, 130, 245);">2800</div>
 
+                            <div class="bg_item_gif">
 
+                                <img src="./images/bottom-right1.gif" alt="">
 
+                            </div>
 
+                            <div class="bg_item_title">终止合同人员</div>
 
+                        </div>
 
+                        <div class="right_bg_item">
 
+                            <div class="bg_item_num" style="color: rgb(64, 169, 255);">2800</div>
 
+                            <div class="bg_item_gif">
 
+                                <img src="./images/bottom-right2.gif" alt="">
 
+                            </div>
 
+                            <div class="bg_item_title">双创人员</div>
 
+                        </div>
 
+                        <div class="right_bg_item">
 
+                            <div class="bg_item_num" style="color: rgb(69, 218, 209);">2800</div>
 
+                            <div class="bg_item_gif">
 
+                                <img src="./images/bottom-right3.gif" alt="">
 
+                            </div>
 
+                            <div class="bg_item_title">绩效考核末位调整人员</div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="right_echarts"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <script src="./js/newIndex.js"></script>
 
+</body>
 
+
 
+</html>

Plik diff jest za duży
+ 288 - 0
cokingCoal/js/newIndex.js


+ 578 - 0
cokingCoal/styles/newIndex.css
Wyświetl plik 

@@ -0,0 +1,578 @@
 
+html,
 
+body {
 
+    width: 7168px !important;
 
+    min-height: 2576px;
 
+    height: 100%;
 
+    font-size: 20px;
 
+    color: #fff;
 
+    font-family: 'Microsoft YaHei';
 
+    background-image: url("../images/indexBg.png");
 
+    background-repeat: no-repeat;
 
+    background-size: 100% 100%;
 
+    /* overflow-y: hidden; */
 
+}
 
+
 
+/* 强制去掉滚动条 */
 
+/* html {
 
+  overflow-x: hidden !important;   
+} */
 
+* {
 
+    -webkit-user-select: none;
 
+    -moz-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+
 
+img *,
 
+*,
 
+*:before,
 
+*:after {
 
+    padding: 0;
 
+    margin: 0;
 
+    box-sizing: border-box;
 
+}
 
+
 
+a {
 
+    text-decoration: none;
 
+    cursor: pointer;
 
+}
 
+
 
+[v-cloak] {
 
+    display: none;
 
+}
 
+
 
+.app_box {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+.box_item_title {
 
+    width: 100%;
 
+    height: 145px;
 
+    background: url("../images/indexittle@2x.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    
+}
 
+
 
+.box_item_title span{
 
+    font-size: 72px;
 
+    font-weight: bold;
 
+    background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
 
+    -webkit-background-clip: text;
 
+    -webkit-text-fill-color: transparent;
 
+}
 
+
 
+.box_item_main {
 
+    width: 100%;
 
+    height: calc(100% - 145px);
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+    padding: 30px 50px;
 
+    box-sizing: border-box;
 
+
 
+}
 
+
 
+.box_left,
 
+.box_right {
 
+    width: calc(40% - 30px);
 
+    height: 100%;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.box_main {
 
+    width: 20%;
 
+    height: 100%;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.left_item {
 
+    width: 100%;
 
+    height: calc(20% - 15px);
 
+}
 
+
 
+.main_item_one {
 
+    width: 100%;
 
+    height: calc(60% - 10px);
 
+}
 
+
 
+.main_item {
 
+    width: 100%;
 
+    height: calc(20% - 10px);
 
+    background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 30px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.title {
 
+    width: 200px;
 
+    height: 65px;
 
+    font-size: 35px;
 
+    font-weight: bolder;
 
+    text-align: center;
 
+    line-height: 57px;
 
+    box-sizing: border-box;
 
+    border-radius: 10px;
 
+    margin-bottom: 10px;
 
+}
 
+
 
+.left_main {
 
+    width: 100%;
 
+    height: calc(100% - 65px);
 
+}
 
+
 
+.left_main_else {
 
+    width: 100%;
 
+    height: calc(100% - 65px);
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+}
 
+
 
+.left_main_top {
 
+    width: 100%;
 
+    height: 87%;
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.left_main_top_left {
 
+    width: calc(60% - 0px);
 
+    height: calc(100% - 30px);
 
+    background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 30px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.left_main_top_right {
 
+    width: calc(40% - 10px);
 
+    height: calc(100% - 30px);
 
+    background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 30px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+
 
+.left_main_btm {
 
+    width: 100%;
 
+    height: 13%;
 
+}
 
+
 
+.left_user_top {
 
+    width: 100%;
 
+    height: calc(14% - 10px);
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.left_user_number {
 
+    width: 25%;
 
+    height: 100%;
 
+}
 
+
 
+.text_box {
 
+    width: 100%;
 
+    height: 100%;
 
+    /* background: url("../images/man.png") no-repeat; */
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+    align-items: flex-start;
 
+    position: relative;
 
+    padding-left: 310px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.text_box img {
 
+    width: 60%;
 
+    height: 100%;
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-50%, -50%);
 
+}
 
+
 
+.text_num {
 
+    font-size: 40px;
 
+    font-weight: bolder;
 
+    font-style: italic;
 
+    margin-top: -15px;
 
+    color: #69C0FF;
 
+}
 
+
 
+.text_num span {
 
+    font-size: 24px !important;
 
+}
 
+
 
+.text_title {
 
+    font-size: 24px;
 
+}
 
+
 
+.left_user_main {
 
+    width: 100%;
 
+    height: calc(43% - 10px);
 
+    display: flex;
 
+    justify-content: space-between;
 
+}
 
+
 
+.left_user_main_item {
 
+    width: calc(33% - 10px);
 
+    height: 100%;
 
+    padding: 20px;
 
+    box-sizing: border-box;
 
+    background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.left_salary_box,
 
+.left_salary_box_else {
 
+    width: 100%;
 
+    height: calc(50% - 10px);
 
+}
 
+
 
+.left_salary_box {
 
+    background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 10px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.left_salary_box_else {
 
+    display: flex;
 
+    justify-content: space-between;
 
+}
 
+
 
+.left_salary_item {
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+    background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 10px 30px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.right_item {
 
+    width: 100%;
 
+    height: calc(25% - 10px);
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.right_item_else {
 
+    width: 100%;
 
+    height: calc(25% - 10px);
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+}
 
+
 
+.right_item_item_top {
 
+    width: 100%;
 
+    height: 100px;
 
+    background-color: blueviolet;
 
+}
 
+
 
+.right_item_item_btm {
 
+    width: 100%;
 
+    height: calc(100% - 110px);
 
+    display: flex;
 
+    justify-content: space-between;
 
+}
 
+
 
+
 
+.right_item_item {
 
+    width: calc(33% - 10px);
 
+    height: 100%;
 
+    background-color: aquamarine;
 
+}
 
+
 
+.right_item_item_else {
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+}
 
+
 
+.right_echarts {
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+}
 
+
 
+.right_echarts_else {
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.left_main_btm .dv-scroll-board div {
 
+    font-size: 32px !important;
 
+}
 
+
 
+.right_btm_item {
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+    background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 30px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.right_btm_item_else {
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+}
 
+
 
+.image_box_else {
 
+    width: 350px;
 
+    height: 350px;
 
+    position: relative;
 
+}
 
+
 
+.image_box_else span {
 
+    font-size: 60px;
 
+    font-weight: bolder;
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-50%, -50%);
 
+    z-index: 999;
 
+}
 
+
 
+.image_box_else img {
 
+    animation: fadenum 8s infinite linear;
 
+}
 
+
 
+.image_box {
 
+    width: calc(50% - 10px);
 
+    height: 70%;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-around;
 
+    align-items: center;
 
+}
 
+
 
+.box_item {
 
+    width: 100%;
 
+    height: 100px;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: flex-start;
 
+    margin-left: 100px;
 
+    font-size: 40px;
 
+    text-indent: 50px;
 
+}
 
+
 
+.box_item img {
 
+    width: 100px;
 
+    height: 100px;
 
+}
 
+
 
+.box_item div span {
 
+    font-size: 50px;
 
+    font-weight: bolder;
 
+    color: #69c0ff;
 
+    font-style: italic;
 
+    font-weight: bold;
 
+    margin: 0 10px;
 
+}
 
+
 
+.top {
 
+    width: 100%;
 
+    height: 140px;
 
+    font-size: 40px;
 
+}
 
+
 
+.flex {
 
+    display: flex;
 
+}
 
+
 
+.justify-between {
 
+    justify-content: space-between;
 
+}
 
+
 
+.items-center {
 
+    align-items: center;
 
+}
 
+
 
+.top-img {
 
+    width: 127px;
 
+    height: 127px;
 
+    margin-right: 15px;
 
+}
 
+
 
+.top-text {
 
+    font-size: 60px;
 
+    color: #69c0ff;
 
+    font-style: italic;
 
+    font-weight: bold;
 
+    display: inline-block;
 
+    margin: 0 15px;
 
+}
 
+
 
+
 
+.right_bg_item {
 
+    width: calc(33% - 20px);
 
+    height: 100%;
 
+    background-image: url("../images/bottom-right.png");
 
+    background-repeat: no-repeat;
 
+    background-size: 100% 100%;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+    align-items: center;
 
+    padding-top: 50px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.bg_item_gif {
 
+    width: 230px;
 
+    height: 300px;
 
+}
 
+
 
+.bg_item_gif img {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+.bg_item_num {
 
+    font-size: 48px;
 
+    font-weight: bolder;
 
+    margin-bottom: -90px;
 
+    z-index: 9;
 
+}
 
+
 
+.bg_item_title {
 
+    font-size: 28px;
 
+    font-weight: 600;
 
+}
 
+
 
+.right_item_item_else_title {
 
+    width: 100%;
 
+    height: 20%;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    position: relative;
 
+}
 
+
 
+.right_item_item_else_title img {
 
+    width: 32%;
 
+    height: 85%;
 
+}
 
+
 
+.title_right {
 
+    width: 100%;
 
+    height: 100%;
 
+    position: absolute;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    font-size: 30px;
 
+}
 
+
 
+.title_right span {
 
+    color: rgb(69, 218, 209);
 
+}
 
+
 
+.big_color {
 
+    display: inline-block;
 
+    font-size: 40px;
 
+    font-weight: bolder;
 
+    margin: 0 0 0 25px;
 
+}
 
+
 
+.echarts{
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+.echarts_else{
 
+    width: 100%;
 
+    height: calc(100% - 50px);
 
+}
 
+
 
+.left_user_title{
 
+    width: 100%;
 
+    height: 40px;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+    align-items: flex-start;
 
+}
 
+
 
+.icon_title .title{
 
+    width: calc(100% - 40px);
 
+    height: 100%;
 
+    text-align: left;
 
+    text-indent: 20px;
 
+}
 
+
 
+.icon{
 
+    width: 20px;
 
+    height: 70%;
 
+}
 
+img{
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+.icon_title{
 
+    width: 100%;
 
+    height: calc(100% - 10px);
 
+    display: flex;
 
+    justify-content: flex-start;
 
+    align-items: center;
 
+}
 
+.line{
 
+    width: 100%;
 
+    height: 5px;
 
+
 
+}
 
+
 
+.echarts_90{
 
+    width: 100%;
 
+    height: 80%;
 
+}
 
+
 
+
 
+.flex_column{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.main_item_echarts{
 
+    width: 100%;
 
+    height: calc(100% - 90px);
 
+}
 
+
 
+@keyframes fadenum {
 
+    100% {
 
+        transform: rotate(360deg);
 
+    }
 
+}

Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików