Home Explore Help
Sign In
kingdee_large_screen
/
pc_kingdee_large_screen
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

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

zhbyyy 2 years ago
parent
c495a6505c 5b1e5df479
commit
b4da4cd44d
16 changed files with 801 additions and 227 deletions
Unified View Show Diff Stats
  1. 54 0
      .idea/workspace.xml
  2. BIN
      cokingCoal/images/markBG.png
  3. BIN
      cokingCoal/images/newImage/left1Bg.png
  4. BIN
      cokingCoal/images/newImage/left4Bg.png
  5. BIN
      cokingCoal/images/newImage/main_bg.png
  6. BIN
      cokingCoal/images/newImage/right3.png
  7. BIN
      cokingCoal/images/newImage/rightBg1.png
  8. BIN
      cokingCoal/images/newImage/tit_bg.png
  9. BIN
      cokingCoal/images/newImage/title_icon.png
  10. BIN
      cokingCoal/images/wrmingicon.png
  11. 199 155
      cokingCoal/index.html
  12. 65 6
      cokingCoal/js/dataA.js
  13. 323 27
      cokingCoal/js/newIndex.js
  14. BIN
      cokingCoal/pdf/1.jpg
  15. BIN
      cokingCoal/pdf/showPDF.pdf
  16. 160 39
      cokingCoal/styles/newIndex.css

+ 54 - 0
.idea/workspace.xml
View File 

@@ -0,0 +1,54 @@
 
+<?xml version="1.0" encoding="UTF-8"?>
 
+<project version="4">
 
+  <component name="AutoImportSettings">
 
+    <option name="autoReloadType" value="SELECTIVE" />
 
+  </component>
 
+  <component name="ChangeListManager">
 
+    <list default="true" id="9e5771b4-ce8c-4005-a15b-30e162f89ae8" name="Changes" comment="修改焦煤大屏前端页面，组件，布局" />
 
+    <option name="SHOW_DIALOG" value="false" />
 
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
 
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
 
+    <option name="LAST_RESOLUTION" value="IGNORE" />
 
+  </component>
 
+  <component name="Git.Settings">
 
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
 
+  </component>
 
+  <component name="MarkdownSettingsMigration">
 
+    <option name="stateVersion" value="1" />
 
+  </component>
 
+  <component name="ProjectId" id="2ShDphIq3PbbiPpvARmOFeQQufA" />
 
+  <component name="ProjectViewState">
 
+    <option name="hideEmptyMiddlePackages" value="true" />
 
+    <option name="showLibraryContents" value="true" />
 
+  </component>
 
+  <component name="PropertiesComponent"><![CDATA[{
 
+  "keyToString": {
 
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
 
+    "RunOnceActivity.ShowReadmeOnStart": "true"
 
+  }
 
+}]]></component>
 
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
 
+  <component name="TaskManager">
 
+    <task active="true" id="Default" summary="Default task">
 
+      <changelist id="9e5771b4-ce8c-4005-a15b-30e162f89ae8" name="Changes" comment="" />
 
+      <created>1689590117051</created>
 
+      <option name="number" value="Default" />
 
+      <option name="presentableId" value="Default" />
 
+      <updated>1689590117051</updated>
 
+    </task>
 
+    <task id="LOCAL-00001" summary="修改焦煤大屏前端页面，组件，布局">
 
+      <option name="closed" value="true" />
 
+      <created>1689590454633</created>
 
+      <option name="number" value="00001" />
 
+      <option name="presentableId" value="LOCAL-00001" />
 
+      <option name="project" value="LOCAL" />
 
+      <updated>1689590454633</updated>
 
+    </task>
 
+    <option name="localTasksCounter" value="2" />
 
+    <servers />
 
+  </component>
 
+  <component name="VcsManagerConfiguration">
 
+    <MESSAGE value="修改焦煤大屏前端页面，组件，布局" />
 
+    <option name="LAST_COMMIT_MESSAGE" value="修改焦煤大屏前端页面，组件，布局" />
 
+  </component>
 
+</project>

BIN
cokingCoal/images/markBG.png
View File


BIN
cokingCoal/images/newImage/left1Bg.png
View File


BIN
cokingCoal/images/newImage/left4Bg.png
View File


BIN
cokingCoal/images/newImage/main_bg.png
View File


BIN
cokingCoal/images/newImage/right3.png
View File


BIN
cokingCoal/images/newImage/rightBg1.png
View File


BIN
cokingCoal/images/newImage/tit_bg.png
View File


BIN
cokingCoal/images/newImage/title_icon.png
View File


BIN
cokingCoal/images/wrmingicon.png
View File


+ 199 - 155
cokingCoal/index.html
View File 

@@ -23,21 +23,21 @@
 
 <body>
 
 <body>
 
     <div class="app_box" id="app">
 
     <div class="app_box" id="app">
 
         <div class="box_item_title">
 
         <div class="box_item_title">
 
-            <span>集团管控  数智赋能</span>
 
+            <span>集团管控 数智赋能</span>
 
         </div>
 
         </div>
 
         <div class="box_item_main">
 
         <div class="box_item_main">
 
             <div class="box_left">
 
             <div class="box_left">
 
                 <div class="left_item">
 
                 <div class="left_item">
 
-                    <div class="title">组织分布</div>
 
+                    <div class="title_else" style="margin-bottom: 0;">组织架构</div>
 
                     <div class="left_main">
 
                     <div class="left_main">
 
                         <div class="left_main_top">
 
                         <div class="left_main_top">
 
-                            <div class="left_main_top_left flex_column" >
 
+                            <div class="left_main_top_left flex_column">
 
                                 <div class="left_user_title">
 
                                 <div class="left_user_title">
 
                                     <div class="icon_title">
 
                                     <div class="icon_title">
 
                                         <div class="icon">
 
                                         <div class="icon">
 
                                             <img src="./images/icon_title.png" alt="">
 
                                             <img src="./images/icon_title.png" alt="">
 
                                         </div>
 
                                         </div>
 
-                                        <div class="title">组织分布</div>
 
+                                        <div class="title"  style="line-height: 57px;">组织分布</div>
 
                                     </div>
 
                                     </div>
 
                                     <div class="line">
 
                                     <div class="line">
 
                                         <img src="./images/line.png" alt="">
 
                                         <img src="./images/line.png" alt="">
 
@@ -46,7 +46,7 @@
 
                                 <div class="echarts" style="height: calc(100% - 65px);" ref="organization"></div>
 
                                 <div class="echarts" style="height: calc(100% - 65px);" ref="organization"></div>
 
                             </div>
 
                             </div>
 
 
 
-                            <div class="left_main_top_right flex_column" >
 
+                            <div class="left_main_top_right flex_column">
 
                                 <div class="left_user_title">
 
                                 <div class="left_user_title">
 
                                     <div class="icon_title">
 
                                     <div class="icon_title">
 
                                         <div class="icon">
 
                                         <div class="icon">
 
@@ -62,32 +62,32 @@
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="left_main_btm">
 
                         <div class="left_main_btm">
 
-                            <dv-scroll-board :config="config1" style="width: 100%; height: 100%" />
 
+                            <dv-scroll-board :config="configOrg" style="width: 100%; height: 100%" />
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="left_item" style="height: calc(45% - 15px);">
 
                 <div class="left_item" style="height: calc(45% - 15px);">
 
-                    <div class="title">人员结构</div>
 
+                    <div class="title_else">人员结构</div>
 
                     <div class="left_main_else">
 
                     <div class="left_main_else">
 
                         <div class="left_user_top">
 
                         <div class="left_user_top">
 
                             <div class="left_user_number">
 
                             <div class="left_user_number">
 
                                 <div class="text_box">
 
                                 <div class="text_box">
 
-                                    <img src="./images/man.png" alt="">
 
-                                    <span class="text_num">211,499 <span>人</span></span>
 
+                                    <img src="./images/newImage/user.png" alt="">
 
+                                    <span class="text_num" style="color: #92B6FF;">213185 <span>人</span></span>
 
                                     <span class="text_title">用工总数</span>
 
                                     <span class="text_title">用工总数</span>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                             <div class="left_user_number">
 
                             <div class="left_user_number">
 
                                 <div class="text_box">
 
                                 <div class="text_box">
 
-                                    <img src="./images/man.png" alt="">
 
-                                    <span class="text_num">211,499 <span>人</span></span>
 
+                                    <img src="./images/newImage/man.png" alt="">
 
+                                    <span class="text_num" style="color: #FFDA92;">171886 <span>人</span></span>
 
                                     <span class="text_title">男性员工</span>
 
                                     <span class="text_title">男性员工</span>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                             <div class="left_user_number">
 
                             <div class="left_user_number">
 
                                 <div class="text_box">
 
                                 <div class="text_box">
 
-                                    <img src="./images/man.png" alt="">
 
-                                    <span class="text_num">211,499 <span>人</span></span>
 
+                                    <img src="./images/newImage/woman.png" alt="">
 
+                                    <span class="text_num" style="color: #89FFAC;">41299 <span>人</span></span>
 
                                     <span class="text_title">女性员工</span>
 
                                     <span class="text_title">女性员工</span>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
@@ -107,7 +107,7 @@
 
                                 </div>
 
                                 </div>
 
                                 <div class="echarts_else flex_column">
 
                                 <div class="echarts_else flex_column">
 
                                     <div class="echarts_else_top">
 
                                     <div class="echarts_else_top">
 
-                                        <div class="echarts_else_top_item">
 
+                                        <div :class="twoIndex!=1?'echarts_else_top_item_on':'echarts_else_top_item'">
 
                                             <div class="item_left_t">
 
                                             <div class="item_left_t">
 
                                                 <img src="./images/right-top1.png" alt="">
 
                                                 <img src="./images/right-top1.png" alt="">
 
                                             </div>
 
                                             </div>
 
@@ -116,12 +116,12 @@
 
                                                 <div>97395 <span>人</span> </div>
 
                                                 <div>97395 <span>人</span> </div>
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
 
-                                        <div class="echarts_else_top_item">
 
+                                        <div :class="twoIndex==1?'echarts_else_top_item_on':'echarts_else_top_item'">
 
                                             <div class="item_left_t">
 
                                             <div class="item_left_t">
 
                                                 <img src="./images/right-top2.png" alt="">
 
                                                 <img src="./images/right-top2.png" alt="">
 
                                             </div>
 
                                             </div>
 
                                             <div class="item_right_t">
 
                                             <div class="item_right_t">
 
-                                                <div>原煤人员</div>
 
+                                                <div>非原煤人员</div>
 
                                                 <div>81766 <span>人</span> </div>
 
                                                 <div>81766 <span>人</span> </div>
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
 
@@ -157,7 +157,25 @@
 
                                         <img src="./images/line.png" alt="">
 
                                         <img src="./images/line.png" alt="">
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
-                                <div class="echarts_else" ref="serviceAge"></div>
 
+                                <div class="echarts_else flex_column">
 
+                                    <div class="echarts_else_top">
 
+                                        <div :class="twoIndex!=1?'echarts_else_top_item_on':'echarts_else_top_item'">
 
+                                            <div class="item_right_t">
 
+                                                <div>年龄结构</div>
 
+                                                <div><span>平均年龄</span> 42 岁</div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div :class="twoIndex==1?'echarts_else_top_item_on':'echarts_else_top_item'">
 
+                                            <div class="item_right_t">
 
+                                                <div>工龄结构</div>
 
+                                                <div><span>平均工龄</span> 19.7 年</div>
 
+                                            </div>
 
+                                        </div>
 
+                                    </div>
 
+                                    <div class="echarts_else_btm">
 
+                                        <div class="echarts" ref="serviceAge"></div>
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="left_user_main">
 
                         <div class="left_user_main">
 
@@ -173,7 +191,7 @@
 
                                         <img src="./images/line.png" alt="">
 
                                         <img src="./images/line.png" alt="">
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
-                                <div class="echarts_else" ref="initChartsBig" ></div>
 
+                                <div class="echarts_else" ref="initChartsBig"></div>
 
                             </div>
 
                             </div>
 
                             <div class="left_user_main_item">
 
                             <div class="left_user_main_item">
 
                                 <div class="left_user_title">
 
                                 <div class="left_user_title">
 
@@ -207,7 +225,12 @@
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="left_item" style="height: calc(35% - 15px);">
 
                 <div class="left_item" style="height: calc(35% - 15px);">
 
-                    <div class="title">薪酬分配</div>
 
+                    <div class="title_else flex_sb">
 
+                        <span>薪酬分配</span>
 
+                        <span class="icon_tit">
 
+                            <img @click="handleWarning()" src="./images/wrmingicon.png" alt="">
 
+                        </span>
 
+                    </div>
 
                     <div class="left_main_else">
 
                     <div class="left_main_else">
 
                         <div class="left_salary_box_else">
 
                         <div class="left_salary_box_else">
 
                             <div class="left_salary_item flex_column">
 
                             <div class="left_salary_item flex_column">
 
@@ -225,7 +248,8 @@
 
                                 <div class="w_100">
 
                                 <div class="w_100">
 
                                     <div class="right_item_item_else_title">
 
                                     <div class="right_item_item_else_title">
 
                                         <img style="height: 100%;" src="./images/title.png" alt="">
 
                                         <img style="height: 100%;" src="./images/title.png" alt="">
 
-                                        <div class="title_right">项目研究成果<span class="big_color">89</span><span>个</span></div>
 
+                                        <div class="title_right">集团公司<span class="big_color">90</span><span>%</span>
 
+                                        </div>
 
                                     </div>
 
                                     </div>
 
                                     <div class="echarts_90" ref="echarts90"></div>
 
                                     <div class="echarts_90" ref="echarts90"></div>
 
                                 </div>
 
                                 </div>
 
@@ -243,13 +267,10 @@
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                                 <div class="w_100">
 
                                 <div class="w_100">
 
-                                    <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: 75%" />
 
+      
+                                    <dv-scroll-board :config="config2" style="width: 100%; height: 95%;margin-top: 1%;" />
 
                                 </div>
 
                                 </div>
 
-                                <div class="title_box" @click="handleWarning()">预警</div>
 
+                                <div class="title_box" @click="handleChange()">预警</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="left_salary_box flex_column">
 
                         <div class="left_salary_box flex_column">
 
@@ -296,31 +317,35 @@
 
                         <div class="svg_box_item">
 
                         <div class="svg_box_item">
 
                             <svg width="100%" height="100%">
 
                             <svg width="100%" height="100%">
 
                                 <defs>
 
                                 <defs>
 
-                                <linearGradient id="gradient-test">
 
-                                    <stop offset="0%" stop-color="#a96cfa" />
 
-                                    <stop offset="100%" stop-color="#00F4FF" />
 
-                                </linearGradient>
 
-                            </defs>
 
-                                <circle cx="350" cy="350" r="340" stroke-width="20px" stroke="url(#gradient-test)" fill="none" opacity="1">
 
-                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 350 350"
 
-                                        to="360 350 350" dur="3" />
 
+                                    <linearGradient id="gradient-test">
 
+                                        <stop offset="0%" stop-color="#a96cfa" />
 
+                                        <stop offset="100%" stop-color="#00F4FF" />
 
+                                    </linearGradient>
 
+                                </defs>
 
+                                <circle cx="350" cy="350" r="340" stroke-width="20px" stroke="url(#gradient-test)"
 
+                                    fill="none" opacity="1">
 
+                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate"
 
+                                        from="0 350 350" to="360 350 350" dur="3" />
 
                                 </circle>
 
                                 </circle>
 
                                 <circle cx="350" cy="350" r="300" stroke-width="5px" stroke="#00F4FF" fill="none"
 
                                 <circle cx="350" cy="350" r="300" stroke-width="5px" stroke="#00F4FF" fill="none"
 
                                     stroke-dasharray="109 5" opacity="1">
 
                                     stroke-dasharray="109 5" opacity="1">
 
-                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 350 350"
 
-                                        to="360 350 350" dur="40" />    
+                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate"
 
+                                        from="0 350 350" to="360 350 350" dur="40" />
 
                                 </circle>
 
                                 </circle>
 
-                                <circle cx="350" cy="350" r="275" stroke-width="3px" stroke="#7a5ef8" fill="none" stroke-dasharray="9 19">
 
-                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 350 350"
 
-                                        to="-360 350 350" dur="30" />
 
+                                <circle cx="350" cy="350" r="275" stroke-width="3px" stroke="#7a5ef8" fill="none"
 
+                                    stroke-dasharray="9 19">
 
+                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate"
 
+                                        from="0 350 350" to="-360 350 350" dur="30" />
 
                                 </circle>
 
                                 </circle>
 
-                                <circle cx="350" cy="350" r="245" stroke-width="20px" stroke="#00F4FF" fill="none" stroke-dasharray="6 8">
 
-                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 350 350"
 
-                                        to="360 350 350" dur="50" />
 
+                                <circle cx="350" cy="350" r="245" stroke-width="20px" stroke="#00F4FF" fill="none"
 
+                                    stroke-dasharray="6 8">
 
+                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate"
 
+                                        from="0 350 350" to="360 350 350" dur="50" />
 
                                 </circle>
 
                                 </circle>
 
-                                <circle cx="350" cy="350" r="205" stroke-width="10px" stroke="#7a5ef8" fill="none" stroke-dasharray="60 10">
 
-                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 350 350"
 
-                                        to="-360 350 350" dur="20" />
 
+                                <circle cx="350" cy="350" r="205" stroke-width="10px" stroke="#7a5ef8" fill="none"
 
+                                    stroke-dasharray="60 10">
 
+                                    <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate"
 
+                                        from="0 350 350" to="-360 350 350" dur="20" />
 
                                 </circle>
 
                                 </circle>
 
                             </svg>
 
                             </svg>
 
                         </div>
 
                         </div>
 
@@ -339,7 +364,7 @@
 
                             <img src="./images/line.png" alt="">
 
                             <img src="./images/line.png" alt="">
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
-                    <dv-scroll-board :config="config5" style="width: 100%; height: calc(100% - 75px)" />
 
+                    <dv-scroll-board :config="configChange" style="width: 100%; height: calc(100% - 75px)" />
 
                 </div>
 
                 </div>
 
                 <div class="main_item flex_column">
 
                 <div class="main_item flex_column">
 
                     <div class="left_user_title" style="height: 65px;">
 
                     <div class="left_user_title" style="height: 65px;">
 
@@ -358,7 +383,7 @@
 
             </div>
 
             </div>
 
             <div class="box_right">
 
             <div class="box_right">
 
                 <div class="right_item flex_column">
 
                 <div class="right_item flex_column">
 
-                    <div class="title">组织架构</div>
 
+                    <div class="title_else">员工效率</div>
 
                     <div class="w_100_right ">
 
                     <div class="w_100_right ">
 
                         <div class="right_item_item flex_column">
 
                         <div class="right_item_item flex_column">
 
                             <div class="left_user_title">
 
                             <div class="left_user_title">
 
@@ -405,29 +430,29 @@
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="right_item flex_column">
 
                 <div class="right_item flex_column">
 
-                    <div class="title">校企合作</div>
 
+                    <div class="title_else">校企合作</div>
 
                     <div class="w_100_right">
 
                     <div class="w_100_right">
 
                         <div class="right_item_item_else flex_column" style="width: calc(60% - 10px);">
 
                         <div class="right_item_item_else flex_column" style="width: calc(60% - 10px);">
 
                             <div class="right_item_item_else_top">
 
                             <div class="right_item_item_else_top">
 
                                 <div class="left_user_top" style="height: 100%;">
 
                                 <div class="left_user_top" style="height: 100%;">
 
                                     <div class="left_user_number" style="width: 50%;">
 
                                     <div class="left_user_number" style="width: 50%;">
 
-                                        <div class="text_box" style="padding-left: 380px;">
 
-                                            <img src="./images/man.png" alt="">
 
-                                            <span class="text_num">211,499 <span>人</span></span>
 
+                                        <div class="text_box" style="padding-left: 360px;">
 
+                                            <img style="width: 20%;" src="./images/newImage/school.png" alt="">
 
+                                            <span class="text_num" style="color: #65FAFF;">9 <span>所</span></span>
 
                                             <span class="text_title">合作高校</span>
 
                                             <span class="text_title">合作高校</span>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                     <div class="left_user_number" style="width: 50%;">
 
                                     <div class="left_user_number" style="width: 50%;">
 
-                                        <div class="text_box" style="padding-left: 380px;">
 
-                                            <img src="./images/man.png" alt="">
 
-                                            <span class="text_num">211,499 <span>人</span></span>
 
+                                        <div class="text_box" style="padding-left: 360px;">
 
+                                            <img style="width: 20%;" src="./images/newImage/pink.png" alt="">
 
+                                            <span class="text_num" style="color: #EC8AED;">213<span>人</span></span>
 
                                             <span class="text_title">实习实训</span>
 
                                             <span class="text_title">实习实训</span>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
-                            <div class="right_item_item_else_main" >
 
-                                <div class="left_user_title">
 
+                            <div class="right_item_item_else_main flex_column">
 
+                                <div class="left_user_title ">
 
                                     <div class="icon_title">
 
                                     <div class="icon_title">
 
                                         <div class="icon">
 
                                         <div class="icon">
 
                                             <img src="./images/icon_title.png" alt="">
 
                                             <img src="./images/icon_title.png" alt="">
 
@@ -438,13 +463,18 @@
 
                                         <img src="./images/line.png" alt="">
 
                                         <img src="./images/line.png" alt="">
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
-                                <div class="echarts" style="height: calc(100% - 40px);" ref="student"></div>
 
+                                <div class="echarts" style="height: calc(100% - 65px);" ref="student"></div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div class="right_item_item_else" style="width: calc(40% - 10px);">
 
                         <div class="right_item_item_else" style="width: calc(40% - 10px);">
 
                             <div class="right_item_item_else_title">
 
                             <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 class="left_user_number" style="width: 50%;">
 
+                                    <div class="text_box" style="padding-left: 280px;" >
 
+                                        <img style="width: 30%;" src="./images/newImage/green.png" alt="">
 
+                                        <span class="text_num" style="color: #39F656;">20 <span>个</span></span>
 
+                                        <span class="text_title">项目研究成果</span>
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                             </div>
 
                             <div class="scroll_board_bg flex_column">
 
                             <div class="scroll_board_bg flex_column">
 
                                 <div class="left_user_title">
 
                                 <div class="left_user_title">
 
@@ -458,132 +488,146 @@
 
                                         <img src="./images/line.png" alt="">
 
                                         <img src="./images/line.png" alt="">
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
-                                <dv-scroll-board :config="config5" style="width: 100%; height: calc(100% - 65px)" />
 
+                                <dv-scroll-board :config="configLast" style="width: 100%; height: calc(100% - 65px)" />
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
-                <div class="right_item_else flex_column">
 
-                    <div class="title" style="line-height: 110px;">人才市场</div>
 
-                    <div class="w_100_right flex_column">
 
-                        <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_item_btm_box">
 
-                                <div class="left_user_title">
 
-                                    <div class="icon_title">
 
-                                        <div class="icon">
 
-                                            <img src="./images/icon_title.png" alt="">
 
+                <div class="flex_column right_user_box">
 
+                    <div class="right_item_else flex_column">
 
+                        <div class="title_else" >人才市场</div>
 
+                        <div class="w_100_right flex_column">
 
+                            <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">3068</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">206</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">5708</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">326</span>人</div>
 
+                                </div>
 
+                            </div>
 
+                            <div class="right_item_item_btm">
 
+                                <div class="right_item_btm_box">
 
+                                    <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="title">优化池</div>
 
-                                    </div>
 
-                                    <div class="line">
 
-                                        <img src="./images/line.png" alt="">
 
-                                    </div>
 
-                                </div>
 
-                                <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>
 
-                                    <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 class="right_btm_item_else">
 
+                                        <div class="image_box_else"><span>50.3%</span>
 
+                                            <img src="./images/annular.png" style="width: 100%;height:100%;" alt="">
 
                                         </div>
 
                                         </div>
 
-                                        <div class="box_item">
 
-                                            <img src="./images/center-left3.png" alt="">
 
-                                            <div>优化人数<span>3116</span>人</div>
 
+                                        <div class="image_box">
 
+                                            <div class="box_item" style="margin-top: 30px;">
 
+                                                <img src="./images/center-left1.png" alt="">
 
+                                                <div>双选人数<span>3068</span>人</div>
 
+                                            </div>
 
+                                            <div class="box_item">
 
+                                                <img src="./images/center-left3.png" alt="">
 
+                                                <div>优化人数<span>3116</span>人</div>
 
+                                            </div>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
-                            </div>
 
-                            <div class="right_btm_item_box">
 
-                                <div class="left_user_title">
 
-                                    <div class="icon_title">
 
-                                        <div class="icon">
 
-                                            <img src="./images/icon_title.png" alt="">
 
+                                <div class="right_btm_item_box">
 
+                                    <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="title">缓冲池</div>
 
-                                    </div>
 
-                                    <div class="line">
 
-                                        <img src="./images/line.png" alt="">
 
                                     </div>
 
                                     </div>
 
+                                    <div class="right_btm_item" ref="buffer"></div>
 
                                 </div>
 
                                 </div>
 
-                                <div class="right_btm_item" ref="buffer"></div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
-                </div>
 
-                <div class="right_item flex_sb">
 
-                    <div class="right_echarts_else flex_column">
 
-                        <div class="left_user_title">
 
-                            <div class="icon_title">
 
-                                <div class="icon">
 
-                                    <img src="./images/icon_title.png" alt="">
 
+                    <div class="right_item_else flex_sb" style="height: calc(50% - 20px);">
 
+                        <div class="right_echarts_else_bg flex_column">
 
+                            <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>
 
-                                <div class="title">待岗池</div>
 
-                            </div>
 
-                            <div class="line">
 
-                                <img src="./images/line.png" alt="">
 
-                            </div>
 
-                        </div>
 
-                        <div class="three_box">
 
-                            <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 class="line">
 
+                                    <img src="./images/line.png" alt="">
 
                                 </div>
 
                                 </div>
 
-                                <div class="bg_item_title">终止合同人员</div>
 
                             </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 class="three_box">
 
+                                <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>
 
-                                <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 class="right_bg_item">
 
+                                    <div class="bg_item_num" style="color: rgb(64, 169, 255);">1308</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);">1600</div>
 
+                                    <div class="bg_item_gif">
 
+                                        <img src="./images/bottom-right3.gif" alt="">
 
+                                    </div>
 
+                                    <div class="bg_item_title">绩效考核末位调整人员</div>
 
                                 </div>
 
                                 </div>
 
-                                <div class="bg_item_title">绩效考核末位调整人员</div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
-                    </div>
 
-                    <div class="right_echarts flex_column">
 
-                        <div class="left_user_title">
 
-                            <div class="icon_title">
 
-                                <div class="icon">
 
-                                    <img src="./images/icon_title.png" alt="">
 
+                        <div class="right_echarts_else_bg flex_column">
 
+                            <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="title">共享池</div>
 
-                            </div>
 
-                            <div class="line">
 
-                                <img src="./images/line.png" alt="">
 
                             </div>
 
                             </div>
 
+                            <div class="right_echarts_item" ref="share"></div>
 
                         </div>
 
                         </div>
 
-                        <div class="right_echarts_item" ref="share"></div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
+        <div class="mark_box" v-if="isShowMark" @click="handleMark()">
 
+            <div class="mark_centter flex_column" v-show="salaryFlag">
 
+                <div class="mark_title">薪酬预警</div>
 
+                <div class="mark_main">
 
+                    <dv-scroll-board :config="configMark" style="width: 100%; height: 100%" />
 
+                </div>
 
+
 
+            </div>
 
+            <div class="mark_pdf" v-show="pdfFlag">
 
+                <img src="./pdf/1.jpg" alt="" style="width: 100%;height: 100%;">
 
+            </div>
 
+        </div>
 
     </div>
 
     </div>
 
     <script src="./js/newIndex.js"></script>
 
     <script src="./js/newIndex.js"></script>
 
 </body>
 
 </body>

+ 65 - 6
cokingCoal/js/dataA.js
View File 

@@ -1,21 +1,80 @@
 
 let echarts1 = [
 
 let echarts1 = [
 
-   ["管理序列", "技术序列", "操作序列"],  [1200, 680, 562] 
+  ["管理序列", "技术序列", "操作序列"], [1200, 680, 562]
 
 ]
 
 ]
 
 let echarts2 = [
 
 let echarts2 = [
 
   {
 
   {
 
     name: "高级-正高级",
 
     name: "高级-正高级",
 
-    value: 754,
 
+    value: 146,
 
   },
 
   },
 
   {
 
   {
 
     name: "高级-副高级",
 
     name: "高级-副高级",
 
-    value: 611,
 
+    value: 4021,
 
   },
 
   },
 
   {
 
   {
 
     name: "中级",
 
     name: "中级",
 
-    value: 400,
 
+    value: 17437,
 
   },
 
   },
 
   {
 
   {
 
     name: "初级-助理级",
 
     name: "初级-助理级",
 
-    value: 200,
 
+    value: 12622,
 
   },
 
   },
 
-]
 
+  {
 
+    name: "初级-员级",
 
+    value: 7350,
 
+  },
 
+]
 
+
 
+let levelList = {
 
+  x: ["高级技师", "技师", "高级工", "中级工", "初级工", "学徒工"],
 
+  y: [903, 5086, 34826, 50610, 14227, 13],
 
+}
 
+let salaryList = {
 
+  x: ["山焦股份", "山焦西山", "山焦汾西", "山焦霍州", "山焦山煤", "山焦华晋", "山焦焦化", "山焦机电", "山焦金土地", "山焦销售", "山焦投资", "山焦人力", "山焦资本", "山西民爆", "山焦云数据", "山焦新能源", "山焦油品", "山焦低碳(重点实验室)", "山焦置业", "焦煤教育基地", "山焦交易中心", "山焦国发", "山焦盐化"],
 
+  y: [95, 90, 96, 97, 80, 99, 96, 97, 93, 94, 99, 98, 100, 100, 95, 99, 98, 99, 93, 99, 100, 97, 99],
 
+}
 
+
 
+let leftEndList = {
 
+  x: ["集团公司", "山焦股份", "山焦西山", "山焦汾西", "山焦霍州", "山焦山煤", "山焦华晋", "山焦焦化", "山焦机电", "山焦金土地", "山焦销售", "山焦投资", "山焦人力", "山焦资本", "山西民爆", "山焦云数据", "山焦新能源", "山焦油品", "山焦低碳(重点实验室)", "山焦置业", "焦煤教育基地", "山焦交易中心", "山焦国发", "山焦盐化"],
 
+  y1: [11708, 23959.2, 7611.2, 9818.8, 8530.8, 9409.4, 9777.4, 4882.8, 12574.4, 17091.8, 23969.2, 10175, 18170.6, 14901.8, 7572.4, 15567, 11090.6, 11957.2, 4578.4, 11993.6, 17391.2, 7566, 7321, 3387.8],
 
+  y2: [10525, 19735.8, 6856.6, 7729.8, 7320.2, 8711, 8908.4, 4784.4, 11697.8, 14724.2, 15173.2, 8016.6, 0, 14323.8, 5423.8, 11432.8, 10882.2, 13060, 0, 13103.6, 15612, 0, 9911, 3106.2],
 
+}
 
+
 
+let worksList = {
 
+  x: ["集团公司", "山焦西山", "山焦汾西", "山焦霍州", "山焦国际", "山焦华晋", "山焦焦化", "山焦民爆"],
 
+  y1: [43.11, 77.03, 49.64, 54.38, 156.33, 111.72, 77.92, 40.09],
 
+  y2: [37.29, 47.83, 29.82, 36.3, 112.75, 83.4, 48.17, 31.63],
 
+}
 
+
 
+let efficiencyList = {
 
+  x: ["集团公司", "山焦西山", "山焦汾西", "山焦霍州", "山焦山煤", "山焦华晋"],
 
+  y1: [8.63, 9.1, 7.13, 7.05, 13.54, 13.54],
 
+  y2: [8.39, 9.12, 5.99, 7.12, 12.15, 8.76]
 
+}
 
+let wholeList = {
 
+  x: ["集团公司", "山焦西山", "山焦汾西", "山焦霍州", "山焦山煤", "山焦华晋"],
 
+  y1: [1400, 1348, 1194, 1094, 2376, 1591],
 
+  y2: [1390, 1338, 1178, 994, 2404, 1645]
 
+}
 
+
 
+let schoolList = {
 
+  x: ["太原理工大学", "山西大学", "河南理工大学", "中北大学", "中国矿业大学", "华北科技学院"],
 
+  y: [80, 50, 33, 20, 20, 10],
 
+}
 
+
 
+let mobilizeList = {
 
+  x: ["山焦股份", "山焦西山", "山焦汾西", "山焦霍州", "山焦山煤", "山焦华晋", "山焦焦化", "山焦机电", "山焦金土地", "山焦销售", "山焦投资", "山焦人力", "山焦资本", "山西民爆", "山焦云数据", "山焦新能源", "山焦油品", "山焦低碳(重点实验室)", "山焦招标", "山焦置业", "焦煤教育基地", "山焦交易中心", "山焦国发", "山焦盐化"],
 
+  y1: [0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0],
 
+  y2: [2, 38, 35, 32, 21, 25, 20, 19, 7, 27, 28, 8, 1, 18, 0, 1, 2, 12, 67, 29, 0, 3, 6, 0],
 
+  y3: [2, 59, 13, 16, 20, 7, 12, 6, 2, 1, 7, 1, 2, 0, 0, 1, 0, 0, 0, 16, 0, 0, 10, 0],
 
+  y4: [6, 13, 25, 15, 4, 9, 6, 22, 2, 11, 5, 18, 1, 3, 0, 0, 9, 10, 5, 11, 0, 0, 0, 0],
 
+}
 
+
 
+
 
+
 
+function spArr(arr, num) { //arr是你要分割的数组，num是以几个为一组
 
+  let newArr = [] //首先创建一个新的空数组。用来存放分割好的数组
 
+  for (let i = 0; i < arr.length;) { //注意：这里与for循环不太一样的是，没有i++
 
+    newArr.push(arr.slice(i, i += num));
 
+  }
 
+  return newArr
 
+}

File diff suppressed because it is too large
+ 323 - 27
cokingCoal/js/newIndex.js


BIN
cokingCoal/pdf/1.jpg
View File


BIN
cokingCoal/pdf/showPDF.pdf
View File


+ 160 - 39
cokingCoal/styles/newIndex.css
View File 

@@ -12,6 +12,11 @@ body {
 
     /* overflow-y: hidden; */
 
     /* overflow-y: hidden; */
 
 }
 
 }
 
 
 
+:root {
 
+    --bg:#dcf0fc0c ;
 
+  }
 
+
 
+
 
 /* 强制去掉滚动条 */
 
 /* 强制去掉滚动条 */
 
 /* html {
 
 /* html {
 
   overflow-x: hidden !important;   
   overflow-x: hidden !important;   
@@ -98,12 +103,16 @@ a {
 
 .left_item {
 
 .left_item {
 
     width: 100%;
 
     width: 100%;
 
     height: calc(20% - 15px);
 
     height: calc(20% - 15px);
 
+    background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 10px 40px 30px;
 
+    box-sizing: border-box;
 
 }
 
 }
 
 
 
 .main_item_one {
 
 .main_item_one {
 
     width: 100%;
 
     width: 100%;
 
     height: calc(65% - 10px);
 
     height: calc(65% - 10px);
 
-
 
+    /* overflow: hidden; */
 
     position: relative;
 
     position: relative;
 
 }
 
 }
 
 
 
@@ -141,7 +150,7 @@ a {
 
 .main_item {
 
 .main_item {
 
     width: 100%;
 
     width: 100%;
 
     height: calc(20% - 10px);
 
     height: calc(20% - 10px);
 
-    background: url("../images/rt-back.png") no-repeat;
 
+    background: url("../images/lb-back.png") no-repeat;
 
     background-size: 100% 100%;
 
     background-size: 100% 100%;
 
     padding: 30px;
 
     padding: 30px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
@@ -153,10 +162,33 @@ a {
 
     font-size: 35px;
 
     font-size: 35px;
 
     font-weight: bolder;
 
     font-weight: bolder;
 
     text-align: center;
 
     text-align: center;
 
-    line-height: 57px;
 
+    /* line-height: 57px; */
 
+    box-sizing: border-box;
 
+    border-radius: 10px;
 
+    margin-bottom: 10px;
 
+}
 
+
 
+.title_else{
 
+    width: 102%;
 
+    height: 65px;
 
+    font-size: 35px;
 
+    font-weight: bolder;
 
+    line-height: 65px;
 
+    text-indent: 120px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     border-radius: 10px;
 
     border-radius: 10px;
 
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 
+    position: relative;
 
+    background: url("../images/newImage/tit_bg.png") no-repeat;
 
+    background-size: 100% 100%;
 
+} 
+.icon_tit{
 
+    width: 80px;
 
+    height: 80px;
 
+    z-index: 9999;
 
+    position: absolute;
 
+    top: -10px;
 
+    right: 8%;
 
 }
 
 }
 
 
 
 .left_main {
 
 .left_main {
 
@@ -181,20 +213,18 @@ a {
 
 }
 
 }
 
 
 
 .left_main_top_left {
 
 .left_main_top_left {
 
-    width: calc(60% - 0px);
 
+    width: calc(60% - 10px);
 
     height: calc(100% - 30px);
 
     height: calc(100% - 30px);
 
-    background: url("../images/lb-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
-    padding: 30px;
 
+    background-color: var(--bg);
 
+    padding: 10px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
 
 
 .left_main_top_right {
 
 .left_main_top_right {
 
     width: calc(40% - 10px);
 
     width: calc(40% - 10px);
 
     height: calc(100% - 30px);
 
     height: calc(100% - 30px);
 
-    background: url("../images/lb-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
-    padding: 30px;
 
+    background-color: var(--bg);
 
+    padding: 10px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
 
 
@@ -226,16 +256,16 @@ a {
 
     justify-content: center;
 
     justify-content: center;
 
     align-items: flex-start;
 
     align-items: flex-start;
 
     position: relative;
 
     position: relative;
 
-    padding-left: 310px;
 
+    padding-left: 330px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
 
 
 .text_box img {
 
 .text_box img {
 
-    width: 60%;
 
+    width: 30%;
 
     height: 100%;
 
     height: 100%;
 
     position: absolute;
 
     position: absolute;
 
-    top: 50%;
 
-    left: 50%;
 
+    top: 30%;
 
+    left: 30%;
 
     transform: translate(-50%, -50%);
 
     transform: translate(-50%, -50%);
 
 }
 
 }
 
 
 
@@ -267,8 +297,9 @@ a {
 
     height: 100%;
 
     height: 100%;
 
     padding: 20px;
 
     padding: 20px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
-    background: url("../images/rt-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
+    /* background: url("../images/rt-back.png") no-repeat; */
 
+    /* background-size: 100% 100%; */
 
+    background-color: var(--bg);
 
     display: flex;
 
     display: flex;
 
     flex-direction: column;
 
     flex-direction: column;
 
     justify-content: space-between;
 
     justify-content: space-between;
 
@@ -282,8 +313,9 @@ a {
 
 }
 
 }
 
 
 
 .left_salary_box {
 
 .left_salary_box {
 
-    background: url("../images/lb-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
+    /* background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%; */
 
+    background-color: var(--bg);
 
     padding: 10px;
 
     padding: 10px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
@@ -296,8 +328,9 @@ a {
 
 .left_salary_item {
 
 .left_salary_item {
 
     width: calc(50% - 10px);
 
     width: calc(50% - 10px);
 
     height: 100%;
 
     height: 100%;
 
-    background: url("../images/rt-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
+    /* background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%; */
 
+    background-color: var(--bg);
 
     padding: 10px 30px;
 
     padding: 10px 30px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     position: relative;
 
     position: relative;
 
@@ -311,9 +344,15 @@ a {
 
     z-index: 99;
 
     z-index: 99;
 
 }
 
 }
 
 
 
+
 
 .right_item {
 
 .right_item {
 
     width: 100%;
 
     width: 100%;
 
     height: calc(25% - 10px);
 
     height: calc(25% - 10px);
 
+    background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    /* background-color: var(--bg); */
 
+    padding: 10px 45px 20px;
 
+    box-sizing: border-box;
 
     /* display: flex;
 
     /* display: flex;
 
     justify-content: space-between;
 
     justify-content: space-between;
 
     align-items: center; */
 
     align-items: center; */
 
@@ -321,12 +360,21 @@ a {
 
 
 
 .right_item_else {
 
 .right_item_else {
 
     width: 100%;
 
     width: 100%;
 
-    height: calc(25% - 10px);
 
+    height: calc(50%);
 
     /* display: flex;
 
     /* display: flex;
 
     flex-direction: column;
 
     flex-direction: column;
 
     justify-content: space-between; */
 
     justify-content: space-between; */
 
 }
 
 }
 
 
 
+.right_user_box{
 
+    width: 100%;
 
+    height: calc(50% - 10px);
 
+    background: url("../images/lb-back.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 10px 45px 20px;
 
+    box-sizing: border-box;
 
+}
 
+
 
 .right_item_item_top {
 
 .right_item_item_top {
 
     width: 100%;
 
     width: 100%;
 
     height: 100px;
 
     height: 100px;
 
@@ -344,10 +392,11 @@ a {
 
 .right_item_item {
 
 .right_item_item {
 
     width: calc(33% - 10px);
 
     width: calc(33% - 10px);
 
     height: 100%;
 
     height: 100%;
 
-    background: url("../images/rt-back.png") no-repeat;
 
+    background-color: var(--bg);
 
+    /* background: url("../images/rt-back.png") no-repeat;
 
     background-size: 100% 100%;
 
     background-size: 100% 100%;
 
     padding: 10px 30px;
 
     padding: 10px 30px;
 
-    box-sizing: border-box;
 
+    box-sizing: border-box; */
 
 }
 
 }
 
 
 
 .right_item_main {
 
 .right_item_main {
 
@@ -358,17 +407,19 @@ a {
 
 .right_item_item_else {
 
 .right_item_item_else {
 
     width: calc(50% - 10px);
 
     width: calc(50% - 10px);
 
     height: 100%;
 
     height: 100%;
 
-
 
+    background-color: var(--bg);
 
+    padding: 30px;
 
+    box-sizing: border-box;
 
 
 
 }
 
 }
 
 
 
 .scroll_board_bg {
 
 .scroll_board_bg {
 
     width: 100%;
 
     width: 100%;
 
     height: 80%;
 
     height: 80%;
 
-    background: url("../images/rt-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
-    padding: 30px;
 
-    box-sizing: border-box;
 
+    /* background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%; */
 
+    /* padding: 30px;
 
+    box-sizing: border-box; */
 
 }
 
 }
 
 
 
 .right_echarts {
 
 .right_echarts {
 
@@ -390,6 +441,14 @@ a {
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
 
 
+.right_echarts_else_bg{
 
+    width: calc(50% - 10px);
 
+    height: 100%;
 
+    background-color: var(--bg);
 
+    padding: 30px;
 
+    box-sizing: border-box;
 
+}
 
+
 
 .three_box {
 
 .three_box {
 
     width: 100%;
 
     width: 100%;
 
     height: calc(100% - 65px);
 
     height: calc(100% - 65px);
 
@@ -420,8 +479,9 @@ a {
 
 .right_item_btm_box {
 
 .right_item_btm_box {
 
     width: calc(40% - 10px);
 
     width: calc(40% - 10px);
 
     height: 100%;
 
     height: 100%;
 
-    background: url("../images/rt-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
+    /* background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%; */
 
+    background-color: var(--bg);
 
     padding: 20px;
 
     padding: 20px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
@@ -552,7 +612,7 @@ a {
 
 
 
 .right_item_item_else_title {
 
 .right_item_item_else_title {
 
     width: 100%;
 
     width: 100%;
 
-    height: 20%;
 
+    height: 25%;
 
     display: flex;
 
     display: flex;
 
     justify-content: center;
 
     justify-content: center;
 
     align-items: center;
 
     align-items: center;
 
@@ -561,7 +621,7 @@ a {
 
 
 
 .right_item_item_else_title img {
 
 .right_item_item_else_title img {
 
     width: 32%;
 
     width: 32%;
 
-    height: 85%;
 
+    height: 100%;
 
 }
 
 }
 
 
 
 .title_right {
 
 .title_right {
 
@@ -613,6 +673,16 @@ a {
 
     justify-content: center;
 
     justify-content: center;
 
     align-items: center;
 
     align-items: center;
 
 }
 
 }
 
+.echarts_else_top_item_on {
 
+    width: calc(50% - 150px);
 
+    height: 100%;
 
+    background: rgba(0, 254, 199, 0.25);
 
+    border: 1px solid #00ffff;
 
+    border-radius: 10px;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+}
 
 
 
 .item_left_t {
 
 .item_left_t {
 
     width: 65px;
 
     width: 65px;
 
@@ -691,7 +761,7 @@ img {
 
 
 
 .line {
 
 .line {
 
     width: 100%;
 
     width: 100%;
 
-    height: 5px;
 
+    height: 2px;
 
 
 
 }
 
 }
 
 
 
@@ -716,17 +786,18 @@ img {
 
 
 
 .right_item_item_else_top {
 
 .right_item_item_else_top {
 
     width: 100%;
 
     width: 100%;
 
-    height: calc(20% - 10px);
 
+    height: calc(25% - 10px);
 
 
 
 }
 
 }
 
 
 
 .right_item_item_else_main {
 
 .right_item_item_else_main {
 
     width: 100%;
 
     width: 100%;
 
-    height: calc(80%);
 
-    background: url("../images/rt-back.png") no-repeat;
 
+    height: calc(75%);
 
+    /* background-color: var(--bg); */
 
+    /* background: url("../images/rt-back.png") no-repeat;
 
     background-size: 100% 100%;
 
     background-size: 100% 100%;
 
     padding: 30px;
 
     padding: 30px;
 
-    box-sizing: border-box;
 
+    box-sizing: border-box; */
 
 }
 
 }
 
 
 
 .w_100 {
 
 .w_100 {
 
@@ -755,8 +826,9 @@ img {
 
 .right_btm_item_box {
 
 .right_btm_item_box {
 
     width: calc(60% - 10px);
 
     width: calc(60% - 10px);
 
     height: 100%;
 
     height: 100%;
 
-    background: url("../images/rt-back.png") no-repeat;
 
-    background-size: 100% 100%;
 
+    /* background: url("../images/rt-back.png") no-repeat;
 
+    background-size: 100% 100%; */
 
+    background-color: var(--bg);
 
     padding: 17px;
 
     padding: 17px;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 }
 
 }
 
@@ -856,7 +928,56 @@ img {
 
     color: #FFFFFF;
 
     color: #FFFFFF;
 
 }
 
 }
 
 
 
+.mark_box{
 
+    width: 7168px !important;
 
+    min-height: 2576px;
 
+    height: 100%;
 
+    background-color: #1b1b1b6b;
 
+    position: absolute;
 
+    top: 0;
 
+    left: 0;
 
+    z-index: 999999999999999999;
 
+}
 
+.mark_centter{
 
+    width: 1300px;
 
+    height: 600px;
 
+    margin: 1500px 1000px 0;
 
+    z-index: 999999999999999999;
 
+    background: url("../images/markBG.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding: 20px 40px 30px;
 
+    box-sizing: border-box;
 
+    align-items: center !important;
 
+    
+}
 
+.mark_title{
 
+    width: 100%;
 
+    height: 50px;
 
+    text-align: center;
 
+    line-height: 50px;
 
+    font-size: 35px;
 
+    font-weight: bolder;
 
+    margin-top: 5px;
 
+}
 
+.mark_main{
 
+    width: 100%;
 
+    height: calc(100% - 70px);
 
+}
 
 
 
+.mark_pdf{
 
+    width: 2300px;
 
+    height: 1500px;
 
+    background: url("../images/markBG.png") no-repeat;
 
+    background-size: 100% 100%;
 
+    padding:50px;
 
+    box-sizing: border-box;
 
+    position: absolute;
 
+    top: 20%;
 
+    left: 5%;
 
+}
 
+.red{
 
+    color: red;
 
+}

Some files were not shown because too many files changed in this diff