新增内部人才市场文件

cokingCoal/humanResources.html

@@ -33,182 +33,11 @@
                 <div class="left_top">
                     <div class="title">Ⅰ.岗位发布</div>
                     <div class="main flex_sp">
-                        <div class="main_item">
-                            <vue-seamless-scroll :data="listData" class="warp" :classOption="classOption">
-                                <ul class="item">
-                                    <li>Vuescroll 一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
 
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条，
-                                        你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。Vuescroll
-                                        一个功能强大，有多种模式的基于Vue.js的滚动条插件，它的原理是创建 div
-                                        用于包裹要滚动的内容，操后操作容器的样式或者scrollTop或scrollLeft完成内容的滚动。
-
-                                        设计它的目的是用来美化和增强你的滚动条。
-
-                                        你可以通过更改配置来选择不同的模式:
-
-                                        native 模式: 类似于原生的滚动条，但是可以自定义滚动条样式，使用于 PC 端用户。
-                                        slide 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围，适用于移动端端用户。
-                                        你也可以通过更改配置滚动条的样式，包括：
-
-                                        透明度
-                                        高度/宽度
-                                        位置
-                                        背景色
-                                        是否保持显示
-                                        想了解更多请访问官方网站指南页面
-                                        如果你不满足上述特性，想要扩展特性的话，请考虑贡献代码。
-
-                                        总的来说，Vuescroll 不仅仅只一个滚动条， 你可以用它制作一个轮播图、时间选择器、能够自动侦测内容发生变化的一个插件等等。下面是部分预览效果。</li>
-                                </ul>
-                            </vue-seamless-scroll>
-                        </div>
                         <div class="main_item flex_column">
                             <div :class="classChange?'item_content_6':'item_content_6_false'">
-                                <dv-scroll-board id="itemContent" :config="config1" style="width: 100%; height: 100%" />
+                                <dv-scroll-board id="itemContent" :config="config1" @scroll-change="scrollChange"
+                                    style="width: 100%; height: 100%" />
                             </div>
                             <div class="item_content_4 flex_column">
                                 <div class="content_4_top flex_column">
@@ -233,11 +62,57 @@
                                     </div>
                                 </div>
                                 <div class="content_4_btm">
-                                    <dv-scroll-board @scroll-change="scrollChange" :config="config2"
-                                        style="width: 100%; height: 100%" />
+                                    <dv-scroll-board :config="config2" style="width: 100%; height: 100%" />
                                 </div>
                             </div>
                         </div>
+                        <div class="main_item">
+                            <vue-seamless-scroll :data="listData" class="warp" :classOption="classOption">
+                                <div class="item">
+                                    <p class="item_title">山西焦煤西山煤电杜儿坪矿井下操作工招聘公告</p>
+                                    <p class="item_con">
+                                        <span>一、招聘原则</span>
+                                        <span>公开报名、集中面试，公平竞争、择优录用。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>二、招聘对象</span>
+                                        <span>具有全日制普通高等教育大专及以上学历的男性毕业生，<br>其中：<br>全日制学历为研究生的年龄原则上不超过35周岁（1988年1月1日之后出生），<br>全日制学历为研究生以下的年龄原则上不超过30周岁（1993年1月1日之后出生）。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>三、招聘人数</span>
+                                        <span>共计50人。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>四、工作地点</span>
+                                        <span>招聘单位所属煤矿（包括偏远整合煤矿）。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>五、招聘条件</span>
+                                        <span>（一）遵纪守法，无犯罪记录，无严重不良信用记录，无重大处分。<br>
+                                            （二）品学兼优、吃苦耐劳、责任心强，认同山西焦煤企业文化。<br>
+                                            （三）应届毕业生须在2023年8月31日前取得相应学历，具备就业资格。<br>
+                                            （四）身心健康，服从分配，能够胜任岗位工作要求。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>六、报名方式</span>
+                                        <span>采用线上报名方式进行，报名时间为：2023年5月19日8：00至2023年5月28日18：00。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>七、招聘流程</span>
+                                        <span>本次招聘按照网上报名、资格审查、面试、公示、体检办理入职手续等流程进行。</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>七、招聘流程</span>
+                                        <span>招聘单位所属煤矿（包括偏远整合煤矿）</span>
+                                    </p>
+                                    <p class="item_con">
+                                        <span>八、有关说明</span>
+                                        <span>（一）每位应聘者只可投报一个单位，请勿重复或多次报名。<br>
+                                            （二）应聘者须如实提供有关信息和材料，凡因本人填写信息错误而导致的一切后果自行承担；如有弄虚作假行为，一经查实即取消应聘资格。</span>
+                                    </p>
+                                </div>
+                            </vue-seamless-scroll>
+                        </div>
                     </div>
                 </div>
                 <div class="left_btm">
@@ -251,7 +126,8 @@
                 </div>
             </div>
             <div class="page_main_center">
-                <img class="page_main_center_image" src="./images/humanResources/cc67b0bf-2240-4095-be9d-5f3def394b8a.png" alt="">
+                <img class="page_main_center_image"
+                    src="./images/humanResources/true.png" alt="">
                 <div class="center_top flex_sp">
                     <div class="center_top_item flex" v-for="(item, index) in mainList" :key="index">
                         <div class="center_top_image">
@@ -264,7 +140,11 @@
                     </div>
                 </div>
                 <div class="center_main">
-                    <div class="center_main_item" v-for="(item, index) in treeList" :key="index" :style="item.flag?item.onStyle:item.style">
+                    <div class="center_main_item flex_column" v-for="(item, index) in treeList" :key="index"
+                        :style="item.flag?item.onStyle:item.style">
+                        <div class="center_main_item_icon">
+                            <img :src="item.src" alt="">
+                        </div>
                         <span>{{ item.name }}</span>
                     </div>
 
@@ -274,10 +154,39 @@
                 <div class="right_top">
                     <div class="title">Ⅲ.资格审查</div>
                     <div class="main flex_sp">
-                        <div class="main_item" style="background: none;">
-
+                        <div class="main_item flex_column" style="background: none;overflow: hidden;padding-bottom: 15px;">
+                            <div class="main_item_btn flex">
+                                <div class="btn_on">当前数</div>
+                                <div class="btn_off">累计数</div>
+                            </div>
+                            <div class="main_item_main_bg" >
+                                <div class="bg_cyc left flex_column">
+                                    <div class="bg_cyc_text">100 <span>人</span> </div>
+                                    <div >总人数</div>
+                                </div>
+                                <div class="bg_cyc right flex_column">
+                                    <div class="bg_cyc_text">60 人</div>
+                                    <div >通过人数</div>
+                                </div>
+                                <img src="./images/humanResources/examination.png" alt="">
+                                
+                            </div>
+                            <div class="main_item_text">通过率  60%</div>
+                        </div>
+                        <div class="main_item flex_column" style="background: none;">
+                            <div class="main_item_box flex_sp" v-for="(item,index) in 5" :key="index">
+                                <div class="main_item_2 flex">
+                                    <el-progress type="circle" :define-back-color="'#0093E9'" :width="80" :percentage="25"></el-progress>
+                                </div>
+                                <div class="main_item_8">
+                                    <div class="main_item_8_box flex">
+                                        <span class="box_icon"></span>
+                                        <span class="box_title">名称</span>
+                                    </div>
+                                    <el-progress :percentage="50" :stroke-width="26" :text-color="'#fff'"></el-progress>
+                                </div>
+                            </div>
                         </div>
-                        <div class="main_item" style="background: none;"></div>
                     </div>
                 </div>
                 <div class="right_main">
@@ -300,8 +209,33 @@
                 <div class="right_btm">
                     <div class="title">Ⅴ.录用公示</div>
                     <div class="main flex_column">
-                        <div class="main_item_top"></div>
-                        <div class="main_item_btm"></div>
+                        <div class="main_item_top">
+                            <vue-seamless-scroll :data="listData" class="warp" :classOption="classOption">
+                                <div class="item">
+                                    <p class="item_title">山西焦煤西山煤电杜儿坪矿井下操作工招聘公告</p>
+                                    <p class="item_con" style="text-indent: 40px;">
+                                        根据2023年7月1日发布的《山西焦煤西山煤电杜儿坪矿井下操作工招聘公告》相关要求，经过网上报名、资格审查、笔试、面试等程序，拟录用顾英杰等50名员工。现将拟录用人员名单予以公示。<br>
+
+                                    </p>
+                                    <p class="item_con" style="text-indent: 40px;">
+                                        公示时间为2023年8月14日至8月20日（5个工作日），对招聘结果有异议的，可在公示期内通过电话形式反馈情况。<br>
+                                    </p>
+                                    <p class="item_con" style="text-indent: 40px;">
+                                        受理电话：0351-8305319<br>
+
+                                    </p>
+                                </div>
+
+                            </vue-seamless-scroll>
+                        </div>
+                        <div class="main_item_btm flex_sp">
+                            <div class="btm_item">
+                                <dv-scroll-board :config="employmentList1" style="width: 100%; height: 100%" />
+                            </div>
+                            <div class="btm_item">
+                                <dv-scroll-board :config="employmentList2" style="width: 100%; height: 100%" />
+                            </div>
+                        </div>
                     </div>
                 </div>
 
@@ -310,6 +244,13 @@
         <div class="page_btm">
             <div class="echarts_dom" ref="pageBtm"></div>
         </div>
+        <!-- <div class="fireworks" style="right: 30%; top: 13%; animation-delay: -0.4s;"></div> -->
+        <!-- <div class="fireworks" style="right: 3%; top: 33%; animation-delay: -0.4s;"></div> -->
+        <!-- <div class="fireworks" style="left: 32%; top: 33%; animation-delay: -1.7s;"></div>
+        <div class="fireworks_line" style="left: 32%; top: 33%;">
+            <span class="line"></span>
+        </div> -->
+        <!-- <div class="fireworks" style="right: 45%; top: 8%; animation-delay: -3.1s;"></div> -->
     </div>
     <script src="./js/humanResources.js"></script>
 </body>

cokingCoal/index.html

@@ -84,7 +84,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="6" />
 
                                         </div>
                                     </div>
@@ -137,7 +137,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="5" />
 
                                         </div>
                                     </div>
@@ -180,7 +180,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="7" />
 
                                         </div>
                                     </div>
@@ -197,7 +197,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="5" />
 
                                         </div>
                                     </div>
@@ -238,7 +238,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="7" />
 
                                         </div>
                                     </div>
@@ -275,7 +275,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="6" />
 
                                         </div>
                                     </div>
@@ -533,7 +533,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="11" />
 
                                         </div>
                                     </div>
@@ -558,7 +558,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="6" />
 
                                         </div>
                                     </div>
@@ -587,7 +587,7 @@
                                     <div class="line">
                                         <!-- <img src="./images/line.png" alt=""> -->
                                         <dv-decoration-2 style="width:100%;height:10px;margin-top: 13px;"
-                                            :color="['#1275ba','green']" :dur="8" />
+                                            :color="['#1275ba','green']" :dur="13" />
 
                                     </div>
                                 </div>
@@ -682,13 +682,13 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 5px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="10" />
 
                                         </div>
                                     </div>
                                     <div class="right_item_main flex_center"
                                         style="height: calc(100% - 100px);flex-wrap: wrap;">
-                                        <div class="item-tl-item" v-for="(item,key) in skillList" :key="key">
+                                        <div class="item-tl-item" v-for="(item,key) in skillList" :key="key" @click="handleStudio(item)">
                                             <div class="item_title">{{ item.name }}</div>
                                             <div class="item_main">
                                                 <div class="item_main_top">
@@ -723,7 +723,7 @@
                                         <div class="line">
                                             <!-- <img src="./images/line.png" alt=""> -->
                                             <dv-decoration-2 style="width:100%;height:10px;margin-top: 5px;"
-                                                :color="['#1275ba','green']" :dur="8" />
+                                                :color="['#1275ba','green']" :dur="6" />
 
                                         </div>
                                     </div>
@@ -740,7 +740,7 @@
                                 <div class="right_item_item_else flex_column">
                                     <div class="right_item_item_else_top">
                                         <div class="left_user_top" style="height: 100%;">
-                                            <div class="left_user_number" style="width: 50%;">
+                                            <div class="left_user_number" style="width: 60%;">
                                                 <div class="text_box" style="padding-left: 280px;">
                                                     <img style="width: 20%;" src="./images/newImage/school.png" alt="">
                                                     <span class="text_num" style="color: #65FAFF;">35
@@ -748,7 +748,7 @@
                                                     <span class="text_title">实习实训高校</span>
                                                 </div>
                                             </div>
-                                            <div class="left_user_number" style="width: 50%;">
+                                            <div class="left_user_number" style="width: 60%;">
                                                 <div class="text_box" style="padding-left: 280px;">
                                                     <img style="width: 20%;" src="./images/newImage/pink.png" alt="">
                                                     <span class="text_num"
@@ -772,7 +772,7 @@
                                             <div class="line">
                                                 <!-- <img src="./images/line.png" alt=""> -->
                                                 <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
-                                                    :color="['#1275ba','green']" :dur="8" />
+                                                    :color="['#1275ba','green']" :dur="10" />
 
                                             </div>
                                         </div>
@@ -875,7 +875,7 @@
             <div class="echarts_mark_view" v-show="echartsMark">
                 <div class="title_else"><span>员工效率</span></div>
                 <div class="echarts_box">
-                    <div class="mark_view flex_column" style="width: calc(40% - 10px);">
+                    <div class="mark_view flex_column" style="width: calc(40% - 10px);justify-content: space-around;">
                         <div class="left_user_title">
                             <div class="icon_title">
                                 <div class="icon">
@@ -886,11 +886,11 @@
                             <div class="line">
                                 <!-- <img src="./images/line.png" alt=""> -->
                                 <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;"
-                                    :color="['#1275ba','green']" :dur="8" />
+                                    :color="['#1275ba','green']" :dur="10" />
 
                             </div>
                         </div>
-                        <div class="echarts_main" ref="works"></div>
+                        <div class="echarts_main"  ref="works"></div>
                     </div>
                     <div class="mark_view flex_column">
                         <div class="left_user_title">
@@ -920,7 +920,7 @@
                             <div class="line">
                                 <!-- <img src="./images/line.png" alt=""> -->
                                 <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;"
-                                    :color="['#1275ba','green']" :dur="8" />
+                                    :color="['#1275ba','green']" :dur="7" />
 
                             </div>
                         </div>
@@ -929,6 +929,91 @@
                 </div>
 
             </div>
+            <div class="echarts_mark_view" v-if="studioMark">
+                <div class="title_else"><span>{{ studioTitle }}</span></div>
+                <div class="echarts_box">
+                    <div class="mark_view flex_column" style="width: calc(40% - 10px);">
+                        <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=""> -->
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;"
+                                    :color="['#1275ba','green']" :dur="8" />
+
+                            </div>
+                        </div>
+                        <div :class="!listFlag?'echarts_main item_content_6':'echarts_main item_content'">
+                            <dv-scroll-board :config="studioInformation" style="width:100%;height:98%"  @scroll-change="scrollChange" />
+                        </div>
+                    </div>
+                    <div class="mark_view flex_column" style="width: calc(15% - 10px);">
+                        <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=""> -->
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;"
+                                    :color="['#1275ba','green']" :dur="4" />
+
+                            </div>
+                        </div>
+                        <div class="echarts_main text_list">
+                            <p v-html="achievementList[achievementIndex]"></p>
+                        </div>
+                    </div>
+                    <div class="mark_view flex_column" style="width: calc(30% - 10px);">
+                        <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=""> -->
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;"
+                                    :color="['#1275ba','green']" :dur="12" />
+
+                            </div>
+                        </div>
+                        <div :class="!listFlag?'echarts_main item_content_6':'echarts_main item_content'">
+                            <dv-scroll-board :config="leaderInformation" style="width:100%;height:98%" />
+                        </div>
+                    </div>
+
+                    
+                    <div class="mark_view flex_column" style="width: calc(15% - 10px);">
+                        <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=""> -->
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;"
+                                    :color="['#1275ba','green']" :dur="6" />
+
+                            </div>
+                        </div>
+                        <div class="echarts_main text_list">
+                            <p v-html="honorList[honorIndex]"></p>
+                        </div>
+                    </div>
+                    
+                </div>
+
+            </div>
         </div>
         <div class="icon_box" @click="handleMore()">
             <img src="./images/blue.png" alt="">

cokingCoal/js/dataA.js

@@ -156,7 +156,7 @@ let downhole = {
 let skillList = [{
   name: "国家级",
   blue: 3,
-  green: 30,
+  green: 33,
   flag: true,
 }, {
   name: "行业级",
@@ -183,4 +183,80 @@ let skillList = [{
 let rightList = {
   x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化"],
   y: [300, 200, 270, 140, 150, 120],
-}
+}
+
+let  studioInformation = {
+  waitTime: 5000,
+  header: ["工作室名称", "工作室所在单位", "颁发单位及时间", "成员数(人)","平均年龄"],
+  rowNum: 4,
+  columnWidth: [450, 270, 450, 180],
+  headerHeight: 90,
+  data: [
+    ["马义田焊接创新工作室", '设备修造厂', '全国总工会2014年',"7", '40'],
+    ["王斌俊机电设备维护创新工作室", '高阳煤矿', '人力资源和社会保障部 2017年',"16", '35'],
+    ["王强强技能大师工作室", '贺西煤矿', '人力资源和社会保障部 2020年',"10", '31'],
+    ["马义田焊接创新工作室", '设备修造厂', '全国总工会2014年',"7", '40'],
+    ["王斌俊机电设备维护创新工作室", '高阳煤矿', '人力资源和社会保障部 2017年',"16", '35'],
+    ["王强强技能大师工作室", '贺西煤矿', '人力资源和社会保障部 2020年',"10", '31'],
+  ],
+  align: ["center", "center", "center", "center", "center"],
+  headerBGC: "#153A62",
+  oddRowBGC: "#061F42",
+  evenRowBGC: "#0C284A",
+  hoverPause: false,
+}
+
+let  leaderInformation = {
+  waitTime: 5000,
+  header: ["出生年月", "从事职业（工种）", "职业技能等级", "担任职务"],
+  rowNum: 4,
+  columnWidth: [230, 250, 250, 280],
+  headerHeight: 90,
+  data: [
+    ["1953年4月", '焊接', '高级技师',"返聘专家"],
+    ["1978年6月", '综采维修电工', '高级技师',"机电副总工程师"],
+    ["1981年8月", '电工', '高级技师',"机运区二级专员"],
+    ["1953年4月", '焊接', '高级技师',"返聘专家"],
+    ["1978年6月", '综采维修电工', '高级技师',"机电副总工程师"],
+    ["1981年8月", '电工', '高级技师',"机运区二级专员"],
+
+  ],
+  align: ["center", "center", "center", "center", "center"],
+  headerBGC: "#153A62",
+  oddRowBGC: "#061F42",
+  evenRowBGC: "#0C284A",
+  hoverPause: false,
+}
+
+let achievementList = [
+  "2012年至今，先后培训员工33期，223人次，带出了20多名高技能焊接人才。<br>组织工作室成员开展技术攻关40余次，申报“五小创新”25项，申请实用新型专利8项，创造经济效益1356.5万元。<br>熟练掌握各种焊接方法的焊接技巧和操作要领，能够针对不同的材料制订科学合理的焊接工艺。<br>工作室先后被命名为“山西省劳模创新工作室”、“全国示范性劳模创新工作室”。",
+  "2012年至今，累计完成创新成果70余项，拥有实用新型专利8项，1项发明专利正在申请中，在全省“五小六化”竞赛活动中荣获一、二、三等奖各1项，1项科技项目被评为全国煤炭科技成果三级。<br>通过技术攻关解决各类井下采掘设备机电疑难故障500余次，攻克设备维修技术瓶颈30余项，自主修理设备及配件上千台（件）。<br>工作室累计为企业创造直接经济价值5000余万元，间接效益上亿元。<br>工作室先后被命名为“山西省职工创新工作室”、“省级技能大师工作室”、“全国煤炭行业技能大师工作室”、“国家级技能大师工作室”，并被中华全国总工会授予“全国工人先锋号”称号。",
+  "2013年至今，开展培训240期，培训人次3000余人次，工作室培养选拔出大批优秀人才在集团公司技能大赛中崭露头角，在参加集团公司技能大赛中共有9名选手获奖，其中获得技术状元4人，技术标兵5人。<br>申报“五小创新”45项，申请实用型专利9项，创造经济效益近1000万元。<br>工作室先后，被命名为“山西省劳模创新工作室”、“山西省技能大师工作室”、“国家级技能大师工作室”。"
+]
+
+
+let honorList = [
+  "全国五一劳动奖章<br>山西省劳动模范",
+  "全国劳动模范全国技术能手全国五一劳动奖章<br>享受“国务院特殊津贴”<br>感动中国矿工十大杰出人物<br>全国煤炭行业技能大师<br>全国能源化学地质系统“大国工匠”<br>三晋技术能手山西省职工优秀技术带头人",
+  "全国技术能手"
+]
+
+
+let employmentList = [
+  ["01","陈英","男","142752********0101","杜儿坪矿"],
+  ["02","陈英","男","142752********0101","杜儿坪矿"],
+  ["03","陈英","男","142752********0101","杜儿坪矿"],
+  ["04","陈英","男","142752********0101","杜儿坪矿"],
+  ["05","陈英","男","142752********0101","杜儿坪矿"],
+  ["06","陈英","男","142752********0101","杜儿坪矿"],
+  ["07","陈英","男","142752********0101","杜儿坪矿"],
+  ["08","陈英","男","142752********0101","杜儿坪矿"],
+  ["09","陈英","男","142752********0101","杜儿坪矿"],
+  ["10","陈英","男","142752********0101","杜儿坪矿"],
+  ["11","陈英","男","142752********0101","杜儿坪矿"],
+  ["12","陈英","男","142752********0101","杜儿坪矿"],
+  ["13","陈英","男","142752********0101","杜儿坪矿"],
+  ["14","陈英","男","142752********0101","杜儿坪矿"],
+  ["15","陈英","男","142752********0101","杜儿坪矿"],
+  ["16","陈英","男","142752********0101","杜儿坪矿"],
+]

cokingCoal/js/humanResources.js

@@ -8,78 +8,83 @@ let app = new Vue({
                 {
                     name: "岗位发布",
                     flag: false,
+                    src: "./images/humanResources/post.png",
                     style: {
                         top: "60%",
                         left: "20%",
-                        background: "url(./images/humanResources/icon1.png)"
+                        backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                     },
                     onStyle: {
                         top: "60%",
                         left: "20%",
-                        background: "url(./images/humanResources/icon3.png)"
+                        backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                     }
                 },
                 {
                     name: "简历投递",
                     flag: false,
+                    src: "./images/humanResources/notes.png",
                     style: {
                         top: "22%",
                         left: "28%",
-                        background: "url(./images/humanResources/icon2.png)"
+                        backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                     },
                     onStyle: {
                         top: "22%",
                         left: "28%",
-                        background: "url(./images/humanResources/icon3.png)"
+                        backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                     }
                 },
 
                 {
                     name: "资格审查",
                     flag: true,
+                    src: "./images/humanResources/qualification.png",
                     style: {
                         top: "-80px",
                         left: "calc(50% - 202px)",
-                        background: "url(./images/humanResources/icon1.png)"
+                        backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                     },
                     onStyle: {
                         top: "-80px",
                         left: "calc(50% - 202px)",
-                        background: "url(./images/humanResources/icon3.png)"
+                        backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                     }
                 },
                 {
                     name: "综合测评",
                     flag: false,
+                    src: "./images/humanResources/comprehensive.png",
                     style: {
                         top: "22%",
                         right: "28%",
-                        background: "url(./images/humanResources/icon4.png)"
+                        backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                     },
                     onStyle: {
                         top: "22%",
                         right: "28%",
-                        background: "url(./images/humanResources/icon3.png)"
+                        backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                     }
                 },
                 {
                     name: "资格审查",
                     flag: false,
+                    src: "./images/humanResources/publicity.png",
                     style: {
                         top: "60%",
                         right: "20%",
-                        background: "url(./images/humanResources/icon5.png)"
+                        backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                     },
                     onStyle: {
                         top: "60%",
                         right: "20%",
-                        background: "url(./images/humanResources/icon3.png)"
+                        backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                     }
                 },
             ],
             treeIndex: 0,
             config1: {
-                waitTime: 2000,
+                waitTime: 5000,
                 header: ["招聘单位", "招聘岗位", "招聘人数", "投递人数", "发布时间"],
                 headerHeight: 55,
                 columnWidth: [230, 170, 100, 100],
@@ -103,6 +108,7 @@ let app = new Vue({
                 oddRowBGC: "rgba(105, 193, 255, 0)",
                 evenRowBGC: "#69c1ff21",
             },
+            configIndex: 1,
             config2: {
                 waitTime: 2000,
                 header: ["序号", "单位名称", "招聘岗位数"],
@@ -229,29 +235,87 @@ let app = new Vue({
                     unit: "人",
                     icon: "../images/humanResources/user.png"
                 }
-            ]
+            ],
+            employmentList1: {
+                waitTime: 5000,
+                header: ["序号", "姓名", "性别", "身份证号","拟录单位"],
+                rowNum: 4,
+                headerHeight: 55,
+                columnWidth: [100, 100, 100, 280],
+                data: [
+                ],
+                align: ["center", "center", "center", "center", "center"],
+                headerBGC: "#69c1ff2d",
+                oddRowBGC: "rgba(105, 193, 255, 0)",
+                evenRowBGC: "#69c1ff21",
+                hoverPause: false,
+            },
+            employmentList2: {
+                waitTime: 5000,
+                header: ["序号", "姓名", "性别", "身份证号","拟录单位"],
+                rowNum: 4,
+                headerHeight: 55,
+                columnWidth: [100, 100, 100, 280],
+                data: [
+                ],
+                align: ["center", "center", "center", "center", "center"],
+                headerBGC: "#69c1ff2d",
+                oddRowBGC: "rgba(105, 193, 255, 0)",
+                evenRowBGC: "#69c1ff21",
+                hoverPause: false,
+            }
         }
     },
+    created() {
+        let employmentList1 = spArr(employmentList, 5)
+        let arr1 = []
+        let arr2 = []
+        employmentList1.forEach((item, index) => {
+            if (index % 2 == 0) {
+                arr1.push(...item)
+            } else {
+                arr2.push(...item)
+            }
+        })
+        this.employmentList1.data = arr1
+        this.employmentList2.data = arr2
+    },
     mounted() {
         let that = this;
         this.$nextTick(() => {
             let pageBtm = this.$refs.pageBtm
             this.initDownholeEcharts(pageBtm, { x: downhole.x, y: [downhole.y[0], downhole.y[2], downhole.y[3]] })
+            // let rightOne = this.$refs.rightOne
+            // this.initLineRight(rightOne)
+            // let c1 = this.$refs.c1
+            // this.initRightCycle(c1)
+            // let c2 = this.$refs.c2
+            // this.initRightCycle(c2)
+            // let c3 = this.$refs.c3
+            // this.initRightCycle(c3)
+            // let c4 = this.$refs.c4
+            // this.initRightCycle(c4)
+            // let c5 = this.$refs.c5
+            // this.initRightCycle(c5)
+
+
+
             setTimeout(() => {
                 let itemContent = document.getElementById("itemContent")
                 let target = itemContent.getElementsByClassName("row-item")
                 let targetList = target.item(0)
-                targetList.style.background = "brown"
+                targetList.style.background = "#302e2d50"
+                targetList.style.color = "#E1AF27"
             }, 0)
             setTimeout(() => {
                 that.classChange = true
-            }, 2000);
+            }, 5000);
             setInterval(() => {
                 let that = this
                 that.treeList.forEach(item => {
                     item.flag = false
                 })
-                
+
                 if (that.treeIndex > that.treeList.length - 1) {
                     that.treeIndex = 0
                     that.treeList[that.treeIndex].flag = true
@@ -261,6 +325,18 @@ let app = new Vue({
 
                 }
             }, 2000)
+            // setInterval(()=>{
+            //     if(that.configIndex > that.config1.data.length - 1){
+            //         console.log("最后一条");
+            //         that.configIndex = 0
+            //         console.log(that.config1.data[that.configIndex]);
+            //         return
+            //     } else {
+            //         console.log(that.config1.data[that.configIndex]);
+            //         that.configIndex = that.configIndex + 1
+            //         return
+            //     }
+            // },5000)
         })
     },
     methods: {
@@ -360,11 +436,11 @@ let app = new Vue({
                     itemStyle: {
                         color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                             {
-                                offset: 0,
+                                offset: 1,
                                 color: '#40A9FF',
                             },
                             {
-                                offset: 1,
+                                offset: 0,
                                 color: '#082049',
                             },
                         ]),
@@ -377,11 +453,11 @@ let app = new Vue({
                     itemStyle: {
                         color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                             {
-                                offset: 0,
+                                offset: 1,
                                 color: '#EAE179',
                             },
                             {
-                                offset: 1,
+                                offset: 0,
                                 color: '#082049',
                             },
                         ]),
@@ -394,11 +470,11 @@ let app = new Vue({
                     itemStyle: {
                         color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                             {
-                                offset: 0,
+                                offset: 1,
                                 color: '#6A83FF',
                             },
                             {
-                                offset: 1,
+                                offset: 0,
                                 color: '#082049',
                             },
                         ]),
@@ -413,7 +489,266 @@ let app = new Vue({
             });
         },
         scrollChange(index) {
-            // console.log(index);
+        },
+        initLineRight(el, data) {
+            let mychart = echarts.init(el);
+            var category = [{
+                name: "管控",
+                value: 2500
+            },
+            {
+                name: "集中式",
+                value: 8000
+            },
+            {
+                name: "纳管",
+                value: 3000
+            },
+            {
+                name: "纳管",
+                value: 3000
+            },
+            {
+                name: "纳管",
+                value: 3000
+            }
+            ]; // 类别
+            var total = 10000; // 数据总数
+            var datas = [];
+            category.forEach(value => {
+                datas.push(value.value);
+            });
+            option = {
+                xAxis: {
+                    max: total,
+                    splitLine: {
+                        show: false
+                    },
+                    axisLine: {
+                        show: false
+                    },
+                    axisLabel: {
+                        show: false
+                    },
+                    axisTick: {
+                        show: false
+                    }
+                },
+                grid: {
+                    left: 10,
+                    top: 20, // 设置条形图的边距
+                    right: 100,
+                    bottom: 20
+                },
+                yAxis: [{
+                    type: "category",
+                    inverse: false,
+                    data: category,
+                    axisLine: {
+                        show: false
+                    },
+                    axisTick: {
+                        show: false
+                    },
+                    axisLabel: {
+                        show: false
+                    }
+                }],
+                series: [{
+                    // 内
+                    type: "bar",
+                    barWidth: 18,
+
+                    legendHoverLink: false,
+                    silent: true,
+                    itemStyle: {
+                        normal: {
+                            color: {
+                                type: "linear",
+                                x: 0,
+                                y: 0,
+                                x2: 1,
+                                y2: 0,
+                                colorStops: [{
+                                    offset: 1,
+                                    color: '#00feff'
+                                },
+                                {
+                                    offset: 0.5,
+                                    color: '#027eff'
+                                },
+                                {
+                                    offset: 0,
+                                    color: '#0286ff'
+                                }
+                                ]
+                            }
+                        }
+                    },
+                    label: {
+                        normal: {
+                            show: true,
+                            position: [0, -35],
+                            formatter: "{b}",
+                            textStyle: {
+                                color: "#fff",
+                                fontSize: 30,
+                                fontWeight: "bolder",
+                            }
+                        }
+                    },
+                    data: category,
+                    z: 1,
+                    animationEasing: "elasticOut"
+                },
+                {
+                    // 分隔
+                    type: "pictorialBar",
+                    itemStyle: {
+                        normal: {
+                            color: "#061348"
+                        }
+                    },
+                    symbolRepeat: "fixed",
+                    symbolMargin: 12,
+                    symbol: "rect",
+                    symbolClip: true,
+                    symbolSize: [5, 21],
+                    symbolPosition: "start",
+                    symbolOffset: [1, -1],
+                    symbolBoundingData: this.total,
+                    data: category,
+                    z: 2,
+                    animationEasing: "elasticOut"
+
+                },
+                {
+                    // 外边框
+                    type: "pictorialBar",
+                    symbol: "rect",
+                    symbolBoundingData: total,
+                    itemStyle: {
+                        normal: {
+                            color: "none"
+                        }
+                    },
+                    label: {
+                        normal: {
+                            color: "#fff",
+                            fontSize: 30,
+                            position: [600, 20],
+                            distance: 0, // 向右偏移位置
+                            show: true
+                        }
+                    },
+                    data: datas,
+                    z: 0,
+                    animationEasing: "elasticOut"
+                },
+                {
+                    name: "外框",
+                    type: "bar",
+                    barGap: "-150%", // 设置外框粗细
+                    data: [total, total, total, total, total, total, total, total, total, total, total, total, total, total, total, total, total, total, total, total],
+                    barWidth: 35,
+                    itemStyle: {
+                        normal: {
+                            color: "transparent", // 填充色
+                            barBorderColor: "#1C4B8E", // 边框色
+                            barBorderWidth: 1, // 边框宽度
+                            // barBorderRadius: 0, //圆角半径
+                            label: {
+                                // 标签显示位置
+                                show: false,
+                                position: "top" // insideTop 或者横向的 insideLeft
+                            }
+                        }
+                    },
+                    z: 0
+                }
+                ]
+            };
+            mychart.setOption(option)
+        },
+        initRightCycle(el, data) {
+            var getvalue = [88];
+
+            let chat = echarts.init(el)
+
+            option = {
+                // title: {
+                //     text: getvalue + '分',
+                //     textStyle: {
+                //         color: '#28BCFE',
+                //         fontSize: 40
+                //     },
+                //     subtext: '综合得分',
+                //     subtextStyle: {
+                //         color: '#666666',
+                //         fontSize: 30
+                //     },
+                //     itemGap: 20,
+                //     left: 'center',
+                //     top: '43%'
+                // },
+                tooltip: {
+                    formatter: function (params) {
+                        return '<span style="color: #fff;">综合得分：' + getvalue + '分</span>';
+                    }
+                },
+                angleAxis: {
+                    max: 100,
+                    clockwise: true, // 逆时针
+                    // 隐藏刻度线
+                    show: false
+                },
+                radiusAxis: {
+                    type: 'category',
+                    show: true,
+                    axisLabel: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+
+                    },
+                    axisTick: {
+                        show: false
+                    },
+                },
+                polar: {
+                    center: ['50%', '50%'],
+                    radius: ['60%', '75%'],
+                    // radius: '100%' //图形大小
+                },
+                series: [{
+                    type: 'bar',
+                    data: getvalue,
+                    showBackground: true,
+                    backgroundStyle: {
+                        color: '#BDEBFF',
+                    },
+                    coordinateSystem: 'polar',
+                    roundCap: true,
+                    barWidth: 30,
+                    itemStyle: {
+                        normal: {
+                            opacity: 1,
+                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                                offset: 0,
+                                color: '#25BFFF'
+                            }, {
+                                offset: 1,
+                                color: '#5284DE'
+                            }]),
+                            shadowBlur: 5,
+                            shadowColor: '#2A95F9',
+                        }
+                    },
+                }]
+            };
+
+            chat.setOption(option)
         },
     },
 })

cokingCoal/js/newIndex.js

@@ -116,12 +116,15 @@ let app = new Vue({
         rowNum: 2,
         data: [
           // ["金融资本公司", '山焦担保', '组织合并', '2023-06-01'],
-          ["山焦统配", '山焦统配', '组织新设', '2023-05-01'],
-          ["汾西矿业集团", '灵石县富威橡胶', '组织更名', '2023-05-01'],
-          ["焦煤置业", '海南科思实业有限公司', '组织停用', '2023-04-04'],
-          ["西山煤电", '房城建安有限公司', '组织停用', '2023-04-01'],
-          ["霍州煤电", '建筑建材公司', '组织停用', '2023-03-25'],
-          ["霍州煤电", '设备租赁分公司', '组织停用', '2023-02-15'],
+          ["集团本部", '洗选管理中心', '组织更名', '2023-07-29'],
+          ["集团本部", '财税共享服务中心', '组织更名', '2023-07-13'],
+          ["西山煤电", '西山建筑', '组织更名', '2023-07-13'],
+          ["山西焦煤", '焦炭交易中心', '组织新设', '2022-12-29'],
+          ["集团本部", '综治信访中心', '组织新设', '2022-12-1'],
+          ["山西焦煤", '实验室', '组织新设', '2022-07-20'],
+          ["山西焦煤", '招标公司', '组织新设', '2022-05-19'],
+
+
         ],
         align: ["center", "center", "center", "center", "center"],
         headerBGC: "#153A62",
@@ -168,11 +171,11 @@ let app = new Vue({
         header: ["单位名称", "已算薪组织", "未算薪组织", "算薪进度百分比", ""],
         rowNum: 4,
         data: [
-          ["山焦西山", '84', '0', '100%'],
-          ["山焦汾西", '47', '4', '90 %'],
-          ["山焦霍州", '93', '2', '98%'],
-          ["山焦山煤", '53', '0', '100%'],
-          ["山焦华晋", '8', '0', '100%'],
+          ["西山煤电", '84', '0', '100%'],
+          ["汾西矿业", '47', '4', '90 %'],
+          ["霍州煤电", '93', '2', '98%'],
+          ["山煤国际", '53', '0', '100%'],
+          ["华晋焦煤", '8', '0', '100%'],
         ],
         align: ["center", "center", "center", "center", "center"],
         headerBGC: "#153A62",
@@ -245,7 +248,7 @@ let app = new Vue({
       leftEcharts5: undefined,
       mobilizeFL: undefined,
       industry: {
-        x: ["矿井", "选煤厂", "火电厂", "清洁能源电厂", "焦化厂"],
+        x: ["矿井", "选煤厂", "火电厂", "清洁电厂", "焦化厂"],
         y: [151, 50, 6, 32, 4]
       },
       twoBar: undefined,
@@ -302,6 +305,7 @@ let app = new Vue({
       time3: 1,
       time4: 1,
       isShowMark: false,
+      studioMark: false,
       changeFlag: false,
       mobilizeFlag: false,
       warningFlag: false,
@@ -359,10 +363,16 @@ let app = new Vue({
       studentIndex: 2,
       studentTimes: null,
       studentEcharts: null,
+      studioTitle: "",
+      achievementIndex: 0,
+      honorIndex: 0,
+      listFlag: true,
+      listInterval: null,
+
     }
   },
   beforeCreate() {
-    
+
 
   },
   mounted() {
@@ -2453,7 +2463,7 @@ let app = new Vue({
         }],
         yAxis: [{
           type: 'value',
-          name: "当前数",
+          // name: "当前数",
           axisLabel: {
             // inside: true,
             padding: [0, 15, 0, 0],
@@ -2482,13 +2492,14 @@ let app = new Vue({
             show: false,
           },
           nameTextStyle: {
+            show: false,
             color: "#fff",
             fontSize: 16 * scale,
             padding: [0, 0, 10, 0]
           }
         }, {
           type: 'value',
-          name: "占比",
+          // name: "占比",
           min: 0,
           max: 100,
 
@@ -2519,6 +2530,7 @@ let app = new Vue({
             show: false,
           },
           nameTextStyle: {
+            show: false,
             color: "#fff",
             fontSize: 16 * scale,
             padding: [0, 0, 10, 0]
@@ -3450,8 +3462,8 @@ let app = new Vue({
           map: 'shanxi',
           layoutCenter: ['51%', '56%'], //地图位置
           layoutSize: '100%',
-          aspectScale: 0.75,
-          zoom: 1.25, //当前视角的缩放比例
+          aspectScale: 0.6,
+          zoom: 1.4, //当前视角的缩放比例
           // roam: true, //是否开启平游或缩放
           scaleLimit: { //滚轮缩放的极限控制
             min: 1,
@@ -3538,10 +3550,10 @@ let app = new Vue({
           {
             type: 'map',
             mapType: 'shanxi',
-            aspectScale: 0.75,
+            aspectScale: 0.6,
             layoutCenter: ["50%", "55%"], //地图位置
             layoutSize: '100%',
-            zoom: 1.25, //当前视角的缩放比例
+            zoom: 1.4, //当前视角的缩放比例
             // roam: true, //是否开启平游或缩放
             scaleLimit: { //滚轮缩放的极限控制
               min: 1,
@@ -3872,6 +3884,7 @@ let app = new Vue({
           }
         },
         xAxis: {
+
           axisTick: {
             show: false,
           },
@@ -3880,6 +3893,7 @@ let app = new Vue({
           },
           axisLabel: {
             show: true,
+            interval: 0,
             fontSize: 30,
             textStyle: {
               color: "#fff" //X轴文字颜色
@@ -4254,6 +4268,23 @@ let app = new Vue({
       this.warningFlag = false
       this.mobilizeFlag = false
       this.echartsMark = false
+      this.studioMark = false
+      this.listFlag = true
+      this.listInterval && clearInterval(this.listInterval)
+      this.honorIndex = 0
+      this.achievementIndex = 0
+    },
+    handleStudio(item) {
+      let that = this;
+      this.handleMark()
+      this.studioTitle = item.name + "技能大师工作室"
+      this.isShowMark = true
+      this.studioMark = true
+      console.log(item);
+      console.log(this.studioTitle);
+      setTimeout(() => {
+        this.listFlag = false
+      }, 5000)
 
     },
     handleChange() {
@@ -4385,7 +4416,19 @@ let app = new Vue({
         that.mauInfo.unit = res.unit
       })
     },
-
+    scrollChange(index){
+      let that = this
+      if (that.achievementIndex == achievementList.length - 1) {
+        that.achievementIndex = 0
+      } else {
+        that.achievementIndex = that.achievementIndex + 1
+      }
+      if (that.honorIndex == honorList.length - 1) {
+        that.honorIndex = 0
+      } else {
+        that.honorIndex = that.honorIndex + 1
+      }
+    },
   },
 
 })

cokingCoal/styles/humanResources.css

@@ -85,6 +85,7 @@ a {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    position: relative;
 }
 
 .page_btm {
@@ -114,11 +115,19 @@ a {
 
 .page_main_left,
 .page_main_right {
-    width: 35%;
+    width: 32%;
     height: 100%;
+    position: absolute;
 }
 
 
+.page_main_left {
+    left: 0;
+}
+
+.page_main_right {
+    right: 0;
+}
 
 
 img {
@@ -127,16 +136,18 @@ img {
 }
 
 .page_main_center {
-    width: calc(50% - 30px);
+    width: calc(45% - 30px);
     height: 100%;
-    position: relative;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
 
 }
 
 .page_main_center .page_main_center_image {
-    width: 100%;
-    height: 115%;
-    transform: scale(1.15) translateY(0.5%);
+    width: 90%;
+    height: 110%;
+    transform: scale(1.0) translate(5.5%,6%);
 }
 
 .center_top {
@@ -159,14 +170,23 @@ img {
 .center_main_item {
     width: 405px;
     height: 405px;
-    background-color: azure;
     position: absolute;
     background: url("../images/humanResources/icon2.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    justify-content: center;
+    animation: remove 2s steps(60) infinite;
+}
+
+.center_main_item_icon{
+    width: 110px;
+    height: 110px;
+    margin-bottom: 10px;
+}
+.center_main_item span{
     font-size: 30px;
     font-weight: 500;
     text-align: center;
-    line-height: 500px;
-    animation: remove 2s steps(60) infinite;
 }
 
 .left_top {
@@ -344,7 +364,8 @@ img {
 }
 
 .item_content_6 .rows .row-item:nth-child(2) {
-    background-color: brown !important;
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
 }
 
 @keyframes remove {
@@ -402,7 +423,7 @@ li {
 .main_item_title {
     width: 270px;
     height: 70px;
-    background: url("../images/humanResources/btn_on.png") no-repeat;
+    background: url("../images/humanResources/btn_off.png") no-repeat;
     background-size: 100% 100%;
     font-size: 24px;
     font-family: Source Han Sans CN;
@@ -457,4 +478,307 @@ li {
     font-family: Source Han Sans CN;
     font-weight: bolder;
     color: #FFFFFF;
+}
+
+.fireworks {
+    position: absolute;
+    width: 150px;
+    height: 150px;
+    top: 20%;
+    left: calc(50% - 75px);
+    background: #04e5f5;
+    -webkit-mask: url('https://imgservices-1252317822.image.myqcloud.com/image/081320210201435/e9951400.png') no-repeat;
+    -webkit-mask-size: auto 150px;
+    transform: scale(2.65);
+    animation: fireworks 2s steps(24) infinite, random_color 1s infinite;
+    /* display: none; */
+}
+
+
+.fireworks_line {
+    position: absolute;
+    width: 10px;
+    height: 60px;
+    bottom: 10%;
+    left: calc(50% - 2.5px);
+    animation: fireworks_line 2s steps(120) infinite;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+
+.line {
+    width: 1px;
+    height: 50px;
+    background-color: #faf89a;
+}
+
+@keyframes fireworks {
+    to {
+        -webkit-mask-position: 100%;
+        /* transform: scale(1.65) */
+    }
+}
+
+@keyframes fireworks_line {
+    to {
+        bottom: 68%;
+    }
+}
+
+@keyframes random {
+    25% {
+        transform: translate(200%, 50%) scale(0.8);
+    }
+
+    50% {
+        transform: translate(80%, 80%) scale(1.2);
+    }
+
+    75% {
+        transform: translate(20%, 60%) scale(1.65);
+    }
+}
+
+
+@keyframes random_color {
+    0% {
+        background-color: #ffefad;
+    }
+
+    25% {
+        background-color: #ffadad;
+    }
+
+    50% {
+        background-color: #aeadff;
+    }
+
+    75% {
+        background-color: #adffd9;
+    }
+}
+
+
+.item_title {
+    width: 100%;
+    text-align: center;
+    font-size: 34px;
+    font-family: Source Han Sans CN;
+    font-weight: bolder;
+    color: #7CC8FF;
+    margin: 30px 0;
+}
+
+.item_con {
+    width: 100%;
+    margin: 20px 0;
+    font-size: 24px;
+    line-height: 30px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    letter-spacing: 9px;
+
+}
+
+.item_con span:nth-child(1) {
+    font-size: 26px;
+    font-family: Source Han Sans CN;
+    font-weight: bolder;
+    margin-top: 10px;
+}
+
+.item_con span:nth-child(2) {
+    margin-left: 20px;
+    line-height: 30px;
+}
+
+.main_item_2 {
+    width: 20%;
+    height: 100%;
+}
+
+.main_item_8 {
+    width: 80%;
+    height: 100%;
+}
+
+.main_2_item {
+    width: 100%;
+    height: 20%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+}
+
+.main_item_8_box {
+    width: 100%;
+    height: 50%;
+    justify-content: flex-start;
+}
+
+.box_icon {
+    width: 10px;
+    height: calc(100% - 10px);
+    background-color: #0093E9;
+
+}
+
+
+.main_item_8 .el-progress-bar__inner {
+    background-image: linear-gradient(270deg, #0093E9 0%, #80D0C7 100%) !important;
+}
+
+.el-progress-bar__outer {
+    background-color: #1C4B8E !important;
+}
+
+.main_item_8 .el-progress-bar {
+    width: 95% !important;
+
+}
+
+.main_item_box {
+    width: 100%;
+    height: calc(20% - 10px);
+}
+
+.box_title {
+    font-size: 30px;
+    text-indent: 10px;
+    margin-bottom: 2px;
+}
+
+.main_8_item {
+    width: 100%;
+    height: 20%;
+}
+
+.main_item_8 .el-progress__text {
+    font-size: 35px !important;
+    color: #fff !important;
+}
+
+.main_item_2 .el-progress__text {
+    font-size: 25px !important;
+    color: #fff !important;
+}
+
+.main_item_btn {
+    width: 100%;
+    height: 42px;
+}
+
+.main_item_main_bg {
+    width: 100%;
+    height: calc(100% - 90px);
+    position: relative;
+}
+
+.main_item_main_bg img {
+    width: 80%;
+    height: 140%;
+    position: absolute;
+    top: -20%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.main_item_text {
+    font-size: 40px;
+    font-weight: bolder;
+    margin-top: 10px;
+
+}
+
+
+.left {
+    background: rgba(102, 130, 245, 0.4);
+    border: 2px solid #839BFF;
+    position: absolute;
+    top: 20%;
+    left: 25%;
+    animation: leftRemove 2s steps(60) infinite;
+}
+
+@keyframes leftRemove{
+    0% {
+        transform: translateY(0);
+    }
+
+    25% {
+        transform: translateY(-5%);
+    }
+
+    50% {
+        transform: translateY(0);
+    }
+
+    75% {
+        transform: translateY(5%);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}
+
+@keyframes rightRemove{
+    0% {
+        transform: translateY(0);
+    }
+
+    25% {
+        transform: translateY(10%);
+    }
+
+    50% {
+        transform: translateY(0);
+    }
+
+    75% {
+        transform: translateY(-10%);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}
+
+.right {
+    background: rgba(0, 202, 197, 0.23);
+    border: 2px solid #40A9FF;
+    position: absolute;
+    top: 20%;
+    right: 25%;
+    animation: rightRemove 2s steps(60) infinite;
+}
+
+.bg_cyc {
+    width: 120px;
+    height: 120px;
+    border-radius: 50%;
+    z-index: 9999;
+    justify-content: center;
+    font-size: 20px;
+}
+
+.bg_cyc_text{
+    font-size: 30px;
+    font-weight: bolder;
+}
+
+.bg_cyc_text span{
+    font-size: 20px;
+    font-weight: normal;
+}
+
+.btm_item{
+    width: calc(50% - 10px);
+    height: 100%;
 }

cokingCoal/styles/newIndex.css

@@ -147,7 +147,7 @@ a {
     text-align: center;
     position: absolute;
     bottom: -325px;
-    left: 19%;
+    left: 17.5%;
 
 }
 
@@ -1240,8 +1240,8 @@ img {
     height: 360px;
     z-index: 99999;
     position: absolute;
-    left: -15px;
-    top: calc(50% - 185px);
+    left: -25px;
+    top: calc(50% - 180px);
     animation: fadenum 8s infinite linear;
 }
 
@@ -1410,6 +1410,7 @@ img {
     background-color: var(--bg);
     padding: 20px 0 0;
     box-sizing: border-box;
+    margin-top: 40px;
 }
 
 .am_else{
@@ -1422,6 +1423,12 @@ img {
 }
 
 
+.more_change{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 
 
 
@@ -1431,6 +1438,11 @@ img {
 }
 
 
+.echarts_mark_view .title_else {
+    text-indent: 90px;
+}
+
+
 rect{
     height: 10px;
 }
@@ -1444,4 +1456,25 @@ polyline {
     100% {
         transform: rotate(360deg);
     }
+}
+
+.item_content_6 .rows .row-item:nth-child(2) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content .rows .row-item:nth-child(1) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+
+.text_list{
+    padding: 20px;
+    box-sizing: border-box;
+    font-size: 26px;
+    color: #E1AF27;
+    background-color: #302e2d50;
+    letter-spacing: 9px;
+    line-height: 1.5;
 }