فهرست منبع

修改图形颜色

fengxu 2 سال پیش
والد
کامیت
917b9e746d

BIN
JMshujudaping23-08-21.zip → JMshujudaping23-08-23.zip


+ 38 - 42
cokingCoal/humanResources.html

@@ -67,52 +67,48 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="main_item">
+                        <div class="main_item" v-if="rollFlag">
                             <p class="item_title">{{ rollTitle }}</p>
-                            <vue-seamless-scroll v-if="rollFlag" :data="listData" class="warp" :classOption="classOption">
-                                <div class="item">
-                                    <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>
+                            <!-- <vue-seamless-scroll v-if="rollFlag" :data="listData" class="warp" :classOption="classOption"> -->
+                            <div class="item">
+                                <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>
+                                </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>(一)每位应聘者只可投报一个单位,请勿重复或多次报名。<br>
                                             (二)应聘者须如实提供有关信息和材料,凡因本人填写信息错误而导致的一切后果自行承担;如有弄虚作假行为,一经查实即取消应聘资格。</span>
-                                    </p>
-                                </div>
-                            </vue-seamless-scroll>
+                                </p>
+                            </div>
+                            <!-- </vue-seamless-scroll> -->
                         </div>
                     </div>
                 </div>
@@ -296,7 +292,7 @@
                         <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_title">山西焦煤西山煤电杜儿坪矿井下操作工招聘公</p>
                                 <p class="item_con" style="text-indent: 40px;">
                                     根据2023年7月1日发布的《山西焦煤西山煤电杜儿坪矿井下操作工招聘公告》相关要求,经过网上报名、资格审查、笔试、面试等程序,拟录用顾英杰等50名员工。现将拟录用人员名单予以公示。<br>
 

+ 6 - 9
cokingCoal/index.html

@@ -26,7 +26,8 @@
 
 <body>
     <div class="app_box" id="app">
-        <div class="box_item_title" @click="fullScreen()">
+        <!-- <div class="box_item_title" @click="fullScreen()"> -->
+        <div class="box_item_title">
             <span>集团管控 数智赋能</span>
         </div>
         <div class="box_item_main">
@@ -307,17 +308,13 @@
                                         </div>
                                     </div> -->
                                         <div class="right_btm_item_else">
-                                            <div class="image_box_else"><span>0%</span>
+                                            <div class="image_box_else"><span>{{ optimizeValue }}%</span>
                                                 <img src="./images/annular.png" style="width: 100%;height:100%;" alt="">
                                             </div>
                                             <div class="image_box">
-                                                <div class="box_item" style="margin-top: 30px;">
-                                                    <img src="./images/center-left1.png" alt="">
-                                                    <div>双选人数<span>0</span>人</div>
-                                                </div>
-                                                <div class="box_item">
-                                                    <img src="./images/center-left3.png" alt="">
-                                                    <div>优化人数<span>0</span>人</div>
+                                                <div class="box_item" v-for="(item,index) in optimize" :key="index">
+                                                    <img :src="index==0?'./images/center-left1.png':'./images/center-left3.png'" alt="">
+                                                    <div>{{ item.key }}<span>{{ item.value }}</span>人</div>
                                                 </div>
                                             </div>
                                             <div class="po_title">优化池</div>

+ 190 - 186
cokingCoal/js/dataA.js

@@ -1,37 +1,37 @@
 let echarts1 = [
-  ["管理序列", "技术序列", "操作序列"], [1200, 680, 562]
+    ["管理序列", "技术序列", "操作序列"],
+    [1200, 680, 562]
 ]
-let echarts2 = [
-  {
-    name: "高级-正高级",
-    value: 146,
-  },
-  {
-    name: "高级-副高级",
-    value: 4021,
-  },
-  {
-    name: "中级",
-    value: 17437,
-  },
-  {
-    name: "初级-助理级",
-    value: 12622,
-  },
-  {
-    name: "初级-员级",
-    value: 7350,
-  },
+let echarts2 = [{
+        name: "高级-正高级",
+        value: 146,
+    },
+    {
+        name: "高级-副高级",
+        value: 4021,
+    },
+    {
+        name: "中级",
+        value: 17437,
+    },
+    {
+        name: "初级-助理级",
+        value: 12622,
+    },
+    {
+        name: "初级-员级",
+        value: 7350,
+    },
 ]
 
 let levelList = {
-  // x: ["高级技师", "技师", "高级工", "中级工", "初级工", "学徒工"],
-  x: ["高级技师", "技师", "高级工", "中级工", "初级工"],
-  y: [903, 5086, 34826, 50610, 14227],
+    // x: ["高级技师", "技师", "高级工", "中级工", "初级工", "学徒工"],
+    x: ["高级技师", "技师", "高级工", "中级工", "初级工"],
+    y: [903, 5086, 34826, 50610, 14227],
 }
 let salaryList = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备", "金土地", "销售公司", "国发公司", "投资公司", "人力公司", "金融资本", "民爆集团", "云数据", "焦煤置业", "新能源", "油品公司", "低碳公司", "交易中心", "招标公司"],
-  y: [94, 90, 93, 80, 85, 95, 98, 99, 93, 91, 95, 83, 98, 94, 99, 92, 90, 93, 87, 89, 97],
+    x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备", "金土地", "销售公司", "国发公司", "投资公司", "人力公司", "金融资本", "民爆集团", "云数据", "焦煤置业", "新能源", "油品公司", "低碳公司", "交易中心", "招标公司"],
+    y: [94, 90, 93, 80, 85, 95, 98, 99, 93, 91, 95, 83, 98, 94, 99, 92, 90, 93, 87, 89, 97],
 }
 
 // let leftEndList = {
@@ -41,48 +41,48 @@ let salaryList = {
 // }
 
 let leftEndList = {
-  x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心"],
-  y1: [11708, 7611.2, 9818.8, 8530.8, 9409.4, 9777.4, 4882.8, 12574.4, 17091.8, 23969.2, 7321, 10175, 18170.6, 14901.8, 7572.4, 15567, 11993.6, 11090.6, 11957.2, 4578.4, 7566,],
-  y2: [10525, 6856.6, 7729.8, 7320.2, 8711, 8908.4, 4784.4, 11697.8, 14724.2, 9911, 15173.2, 8016.6, 0, 14323.8, 5423.8, 11432.8, 13103.6, 10882.2, 13060, 0, 0,],
+    x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心"],
+    y1: [11708, 7611.2, 9818.8, 8530.8, 9409.4, 9777.4, 4882.8, 12574.4, 17091.8, 23969.2, 7321, 10175, 18170.6, 14901.8, 7572.4, 15567, 11993.6, 11090.6, 11957.2, 4578.4, 7566, ],
+    y2: [10525, 6856.6, 7729.8, 7320.2, 8711, 8908.4, 4784.4, 11697.8, 14724.2, 9911, 15173.2, 8016.6, 0, 14323.8, 5423.8, 11432.8, 13103.6, 10882.2, 13060, 0, 0, ],
 }
 
 let worksList = {
-  x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "民爆集团"],
-  y2: [43, 55, 34.29, 41.75, 129.66, 95.91, 55.4, 36.37],
-  y1: [43.11, 77.03, 49.64, 54.38, 156.33, 111.72, 77.92, 40.09],
+    x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "民爆集团"],
+    y2: [43, 55, 34.29, 41.75, 129.66, 95.91, 55.4, 36.37],
+    y1: [43.11, 77.03, 49.64, 54.38, 156.33, 111.72, 77.92, 40.09],
 }
 
 let efficiencyList = {
-  x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
-  // x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "民爆集团"],
-  y2: [8.27, 8.83, 6.88, 7.03, 10.11, 13.07],
-  y1: [8.63, 9.1, 7.13, 7.05, 13.54, 7.6],
+    x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
+    // x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "民爆集团"],
+    y2: [8.27, 8.83, 6.88, 7.03, 10.11, 13.07],
+    y1: [8.63, 9.1, 7.13, 7.05, 13.54, 7.6],
 }
 let wholeList = {
-  x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
-  y2: [1360, 1291, 1320, 1040, 1948, 2335],
-  y1: [1400, 1348, 1194, 1094, 2376, 1591],
+    x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
+    y2: [1360, 1291, 1320, 1040, 1948, 2335],
+    y1: [1400, 1348, 1194, 1094, 2376, 1591],
 }
 
 let schoolList = {
-  x: ["太原理工", "山西大学", "河南理工", "中北大学", "中国矿业", "华北科技"],
-  y: [80, 50, 33, 20, 20, 10],
+    x: ["太原理工", "山西大学", "河南理工", "中北大学", "中国矿业", "华北科技"],
+    y: [80, 50, 33, 20, 20, 10],
 }
 
 let mobilizeList = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力资源公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心", "招标公司"],
-  y1: [1, 1, 3, 1, 2, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-  y2: [1736, 1658, 2365, 1321, 362, 389, 19, 7, 27, 6, 28, 8, 1, 18, 0, 29, 1, 2, 12, 3, 67],
-  y3: [59, 13, 16, 20, 7, 12, 6, 2, 1, 10, 7, 1, 2, 0, 0, 16, 1, 0, 0, 0, 0],
-  y4: [13, 25, 15, 4, 9, 6, 22, 2, 11, 0, 5, 18, 1, 3, 0, 11, 0, 9, 10, 0, 5],
-  y5: [265, 132, 68, 27, 46, 35, 0, 0, 5, 0, 1, 1, 0, 5, 0, 0, 0, 0, 0, 0, 0],
+    x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力资源公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心", "招标公司"],
+    y1: [1, 1, 3, 1, 2, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    y2: [1736, 1658, 2365, 1321, 362, 389, 19, 7, 27, 6, 28, 8, 1, 18, 0, 29, 1, 2, 12, 3, 67],
+    y3: [59, 13, 16, 20, 7, 12, 6, 2, 1, 10, 7, 1, 2, 0, 0, 16, 1, 0, 0, 0, 0],
+    y4: [13, 25, 15, 4, 9, 6, 22, 2, 11, 0, 5, 18, 1, 3, 0, 11, 0, 9, 10, 0, 5],
+    y5: [265, 132, 68, 27, 46, 35, 0, 0, 5, 0, 1, 1, 0, 5, 0, 0, 0, 0, 0, 0, 0],
 }
 
 let admissionList = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力资源公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心", "招标公司"],
-  y1: [80, 70, 65, 60, 40, 15, 14, 13, 12, 15, 10, 15, 8, 12, 5, 15, 18, 20, 8, 10, 5],
-  y2: [110, 100, 90, 80, 70, 40, 50, 70, 20, 20, 20, 20, 15, 20, 12, 21, 23, 38, 16, 30, 10],
-  y3: [78, 68, 64, 59, 38, 14, 13, 11, 10, 14, 10, 14, 7, 10, 4, 13, 16, 19, 7, 9, 4],
+    x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力资源公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心", "招标公司"],
+    y1: [80, 70, 65, 60, 40, 15, 14, 13, 12, 15, 10, 15, 8, 12, 5, 15, 18, 20, 8, 10, 5],
+    y2: [110, 100, 90, 80, 70, 40, 50, 70, 20, 20, 20, 20, 15, 20, 12, 21, 23, 38, 16, 30, 10],
+    y3: [78, 68, 64, 59, 38, 14, 13, 11, 10, 14, 10, 14, 7, 10, 4, 13, 16, 19, 7, 9, 4],
 }
 
 // let mobilizeList = {
@@ -94,16 +94,16 @@ let admissionList = {
 // }
 
 let userList = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "销售公司", "投资公司", "油品公司"],
-  y1: [412, 269, 285, 217, 219, 327, 92, 4, 5],
-  y2: [2743, 981, 1808, 133, 23, 142, 9, 84, 0],
-  y3: [242, 0, 0, 0, 0, 0, 0, 0, 0],
-}
-// let userList = {
-//   x: ["西山煤电","汾西矿业","霍州煤电","山煤国际","华晋焦煤","山西焦化","销售公司","投资公司","油品公司"],
-//   y1: [412,269,285,217,219,327,92,4,5],
-//   y2: [242,0,0,0,0,0,0,0,0],
-// }
+        x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "销售公司", "投资公司", "油品公司"],
+        y1: [412, 269, 285, 217, 219, 327, 92, 4, 5],
+        y2: [2743, 981, 1808, 133, 23, 142, 9, 84, 0],
+        y3: [242, 0, 0, 0, 0, 0, 0, 0, 0],
+    }
+    // let userList = {
+    //   x: ["西山煤电","汾西矿业","霍州煤电","山煤国际","华晋焦煤","山西焦化","销售公司","投资公司","油品公司"],
+    //   y1: [412,269,285,217,219,327,92,4,5],
+    //   y2: [242,0,0,0,0,0,0,0,0],
+    // }
 
 
 
@@ -111,43 +111,43 @@ let userList = {
 
 
 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
+    let newArr = [] //首先创建一个新的空数组。用来存放分割好的数组
+    for (let i = 0; i < arr.length;) { //注意:这里与for循环不太一样的是,没有i++
+        newArr.push(arr.slice(i, i += num));
+    }
+    return newArr
 }
 
 let left5 = [{
-  y: 3103,
-  name: '研究生及以上',
-  sliced: false,
-  selected: false,
-},
-{
-  y: 42543,
-  name: '大学',
-  sliced: false,
-  selected: false,
-},
-{
-  y: 46669,
-  name: '大专',
-  sliced: false,
-  selected: false,
-},
-{
-  y: 69437,
-  name: '中专、技校',
-  sliced: false,
-  selected: false,
-},
-{
-  y: 25049,
-  name: '初中及以下',
-  sliced: false,
-  selected: false,
-}
+        y: 3103,
+        name: '研究生及以上',
+        sliced: false,
+        selected: false,
+    },
+    {
+        y: 42543,
+        name: '大学',
+        sliced: false,
+        selected: false,
+    },
+    {
+        y: 46669,
+        name: '大专',
+        sliced: false,
+        selected: false,
+    },
+    {
+        y: 69437,
+        name: '中专、技校',
+        sliced: false,
+        selected: false,
+    },
+    {
+        y: 25049,
+        name: '初中及以下',
+        sliced: false,
+        selected: false,
+    }
 ]
 
 // let downhole = {
@@ -157,126 +157,130 @@ let left5 = [{
 
 
 let downhole = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
-  y: [[11, 2, 1, 7, 0], [26, 16, 3, 20, 2], [1565, 1569, 823, 433, 177], [5206, 2899, 1163, 1057, 416]]
+    x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
+    y: [
+        [11, 2, 1, 7, 0],
+        [26, 16, 3, 20, 2],
+        [1565, 1569, 823, 433, 177],
+        [5206, 2899, 1163, 1057, 416]
+    ]
 }
 
 let skillList = [{
-  name: "国家级",
-  blue: 3,
-  green: 33,
-  flag: true,
+    name: "国家级",
+    blue: 3,
+    green: 33,
+    flag: true,
 }, {
-  name: "行业级",
-  blue: 20,
-  green: 200,
-  flag: false,
+    name: "行业级",
+    blue: 20,
+    green: 200,
+    flag: false,
 }, {
-  name: "省级",
-  blue: 19,
-  green: 190,
-  flag: false,
+    name: "省级",
+    blue: 19,
+    green: 190,
+    flag: false,
 }, {
-  name: "地市级",
-  blue: 21,
-  green: 210,
-  flag: false,
+    name: "地市级",
+    blue: 21,
+    green: 210,
+    flag: false,
 }, {
-  name: "集团级",
-  blue: 38,
-  green: 380,
-  flag: false,
+    name: "集团级",
+    blue: 38,
+    green: 380,
+    flag: false,
 }]
 
 let rightList = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化"],
-  y: [300, 200, 270, 140, 150, 120],
+    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,
+    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,
+    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>工作室先后,被命名为“山西省劳模创新工作室”、“山西省技能大师工作室”、“国家级技能大师工作室”。"
+    "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>三晋技术能手山西省职工优秀技术带头人",
-  "全国技术能手"
+    "全国五一劳动奖章<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", "杜儿坪矿"],
+    ["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", "杜儿坪矿"],
 ]
 
 let monthList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12']
 let yearList = ["2023", "2022"]
 
 function listToChange(list1, list2) {
-  let list = []
-  list1.forEach(i => {
-    list2.forEach(k => {
-      list.push(i + "-" + k)
-    })
-  });
-  return list
-}
-
+    let list = []
+    list1.forEach(i => {
+        list2.forEach(k => {
+            list.push(i + "-" + k)
+        })
+    });
+    return list
+}

+ 30 - 12
cokingCoal/js/humanResources.js

@@ -254,9 +254,9 @@ let app = new Vue({
                 }
             ],
             employmentList1: {
-                waitTime: 5000,
+                waitTime: 2000,
                 header: ["序号", "姓名", "性别", "身份证号", "拟录单位"],
-                rowNum: 4,
+                rowNum: 5,
                 headerHeight: 55,
                 columnWidth: [100, 100, 100, 280],
                 data: [],
@@ -267,9 +267,9 @@ let app = new Vue({
                 hoverPause: false,
             },
             employmentList2: {
-                waitTime: 5000,
+                waitTime: 2000,
                 header: ["序号", "姓名", "性别", "身份证号", "拟录单位"],
-                rowNum: 4,
+                rowNum: 5,
                 headerHeight: 55,
                 columnWidth: [100, 100, 100, 280],
                 data: [],
@@ -349,18 +349,17 @@ let app = new Vue({
     },
     created() {
         this.newList = listToChange(yearList, monthList)
-        let employmentList1 = spArr(employmentList, 5)
-        let arr1 = []
-        let arr2 = []
-        employmentList1.forEach((item, index) => {
+        if (employmentList.length % 2 != 0) {
+            employmentList.push([])
+        }
+        employmentList.forEach((item, index) => {
             if (index % 2 == 0) {
-                arr1.push(...item)
+                this.employmentList1.data.push(item)
             } else {
-                arr2.push(...item)
+                this.employmentList2.data.push(item)
             }
         })
-        this.employmentList1.data = arr1
-        this.employmentList2.data = arr2
+        console.log();
     },
     mounted() {
         let that = this;
@@ -452,6 +451,16 @@ let app = new Vue({
                 }
             })
         }, 5000)
+        localEnvAppToken().then(res => {
+            localStorage.setItem("app_token", res.app_token)
+            getLocalEnvAccessToken().then(res => {
+                localStorage.setItem("access_token", res.access_token)
+                that.getPlayers()
+            })
+        }).catch(err => {
+
+
+        })
     },
     methods: {
         initDownholeEcharts(el, data) {
@@ -1441,5 +1450,14 @@ let app = new Vue({
                 }, 5000)
             }
         },
+        getPlayers() {
+            let that = this;
+            let data = {};
+            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Players", data).then(res => {
+                if (res) {
+                    that.mainList[1].value = res.value
+                }
+            })
+        },
     },
 })

+ 108 - 25
cokingCoal/js/newIndex.js

@@ -424,6 +424,14 @@ let app = new Vue({
             imageFlag: false,
             pageFlag: true,
             ml: "ml0",
+            optimize: [{
+                key: "双选人数",
+                value: 0
+            }, {
+                key: "优化人数",
+                value: 0
+            }],
+            optimizeValue: 0,
         }
     },
     beforeCreate() {
@@ -505,10 +513,9 @@ let app = new Vue({
                 // this.initBarChartsElse(efficiency, efficiencyList, "吨/工", { name: "行业线", value: 8.2 })
             this.initDownholeEcharts(efficiency, { x: downhole.x, y: [downhole.y[0], downhole.y[1]] }, 1)
 
-            let buffer = this.$refs.buffer
-            this.initStereoscopic(buffer, userList)
-                // let share = this.$refs.share
-                // this.initHorizontalBar(share)
+
+            // let share = this.$refs.share
+            // this.initHorizontalBar(share)
             let el = this.$refs.container
             this.initProvinceChart(el)
             let echartTwo = this.$refs.echartTwo
@@ -574,6 +581,8 @@ let app = new Vue({
                 this.getSalaryCalProg()
                 this.getCollegeinternAndEnterpriseship()
                 this.getTurnOver()
+                this.getOptimizeResources()
+                this.getHumanOrgAllResources()
             })
         }).catch(err => {
             let industry = that.$refs.industry
@@ -592,7 +601,8 @@ let app = new Vue({
             let mobilize = this.$refs.mobilize
             this.initEchartStack(mobilize, { x: this.fx[0], y1: this.fy1[0], y2: this.fy2[0], y3: this.fy3[0], y4: this.fy4[0], y5: this.fy5[0] })
             this.timeSy()
-
+            let buffer = that.$refs.buffer
+            this.initStereoscopic(buffer, userList)
         })
 
 
@@ -1761,9 +1771,12 @@ let app = new Vue({
             var i = 0;
 
             let that = this
+                // background-color: #0093E9;
+                // background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
+
 
             var option = {
-                colors: ["#eeee36", "#6336df", "#4fb7c0", "#44cdf3", "#fcbf45"],
+                colors: ["#48D1CC", "#9599E2", "#4fb7c0", "#44cdf3", "#0093E9"],
                 chart: {
                     type: 'pie',
                     backgroundColor: 'rgba(0,0,0,0)',
@@ -3143,57 +3156,46 @@ let app = new Vue({
             var data = [{
                     name: '大同市',
                     value: mapData[0].value,
-                    value2: mapData[0].value
                 },
                 {
                     name: '朔州市',
                     value: mapData[1].value,
-                    value2: mapData[1].value
                 },
                 {
                     name: '忻州市',
                     value: mapData[2].value,
-                    value2: mapData[2].value
                 },
                 {
                     name: '吕梁市',
                     value: mapData[3].value,
-                    value2: mapData[3].value
                 },
                 {
                     name: '太原市',
                     value: 1,
-                    value2: 2
                 },
                 {
                     name: '阳泉市',
                     value: mapData[5].value,
-                    value2: mapData[5].value
                 },
                 {
                     name: '晋中市',
                     value: mapData[6].value,
-                    value2: mapData[6].value
                 },
                 {
                     name: '长治市',
-                    value: mapData[7].value,
-                    value2: mapData[7].value
+                    value: 0,
                 },
                 {
                     name: '临汾市',
                     value: mapData[8].value,
-                    value2: mapData[8].value
                 },
                 {
                     name: '晋城市',
                     value: mapData[9].value,
-                    value2: mapData[9].value
                 },
                 {
                     name: '运城市',
                     value: mapData[10].value,
-                    value2: mapData[10].value
                 }
             ]
             for (let i = 0; i < data.length; i++) {
@@ -3548,6 +3550,30 @@ let app = new Vue({
                 item.img = 'image://https://madeapie.com/asset/get/s/data-1619059838735-QE9mBZmhh.png'
             })
 
+            const result = effectScatterData.reduce((acc, obj) => {
+                const { name, value } = obj;
+                const existingItem = acc.find(item => item.name === name);
+                if (existingItem) {
+                    existingItem.values.push(value[2]);
+                } else {
+                    acc.push({ name, values: [value[2]] });
+                }
+                return acc;
+            }, []);
+
+            result.forEach(item => {
+                data.forEach(i => {
+                    if (item.name == i.name) {
+                        i.value = item.values.reduce((accumulator, currentValue) => {
+                            return accumulator + currentValue;
+                        }, 0);
+                    }
+                })
+            })
+
+            console.log(data);
+
+
             let option = {
                 tooltip: {
                     trigger: "item",
@@ -3590,7 +3616,18 @@ let app = new Vue({
 
                     },
                 },
-
+                // visualMap: {
+                //     show: true,
+                //     min: 0,
+                //     max: 30000,
+                //     left: '2%',
+                //     top: '10%',
+                //     calculable: true,
+                //     seriesIndex: [2],
+                //     inRange: {
+                //         color: ['#013d95', '#d4bc1d'] // 蓝绿
+                //     }
+                // },
                 geo: {
                     show: true,
                     map: 'shanxi',
@@ -4562,12 +4599,15 @@ let app = new Vue({
             let data = {}
             let that = this
             fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Distribution", data).then(res => {
-                res.data.forEach(item => {
-                    item.flag = false
-                    item.name = item.key
-                })
-                res.data[0].flag = true
-                that.organizationList = res.data
+                if (res) {
+                    res.data.forEach(item => {
+                        item.flag = false
+                        item.name = item.key
+                    })
+                    res.data[0].flag = true
+                    that.organizationList = res.data
+                }
+
             })
         },
         getOrganizationChange() {
@@ -4887,6 +4927,49 @@ let app = new Vue({
             this.imageFlag = true
             this.pageFlag = false
         },
+        getOptimizeResources() {
+            let that = this;
+            let data = {}
+            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/OptimizeResources", data).then(res => {
+                if (res) {
+                    res.data.forEach(item => {
+                        if (item.key == "双选人数") {
+                            that.optimize[0].value = item.value
+                        }
+                        if (item.key == "优化人数") {
+                            that.optimize[1].value = item.value
+                        }
+                        if (item.key == "优化率") {
+                            that.optimizeValue = item.value
+                        }
+                    })
+                }
+            })
+        },
+        getHumanOrgAllResources() {
+            let that = this;
+            let data = {};
+            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/HumanOrgAllResources", data).then(res => {
+                if (res) {
+                    res.data.forEach(item => {
+                        if (item.key == "各二级单位单位名称") {
+                            userList.x = item.value
+                        }
+                        if (item.key == "各二级单位缓冲池人数") {
+                            userList.y1 = item.value
+                        }
+                        if (item.key == "各二级单位待岗池人数") {
+                            userList.y2 = item.value
+                        }
+                        if (item.key == "各二级单位共享池人数") {
+                            userList.y3 = item.value
+                        }
+                    })
+                }
+                let buffer = that.$refs.buffer
+                this.initStereoscopic(buffer, userList)
+            })
+        },
     },
 
 })

+ 9 - 9
cokingCoal/styles/humanResources.css

@@ -83,7 +83,7 @@ a {
 
 .page_main {
     width: 100%;
-    height: calc(74% - 100px);
+    height: calc(79% - 100px);
     margin-top: 1%;
     display: flex;
     justify-content: space-between;
@@ -93,7 +93,7 @@ a {
 
 .page_btm {
     width: 100%;
-    height: 20%;
+    height: 15%;
     background-color: var(--bgc);
     position: relative;
 }
@@ -194,13 +194,13 @@ img {
 
 .left_top {
     width: 100%;
-    height: calc(65% - 15px);
+    height: calc(70% - 15px);
     background-color: var(--bgc);
 }
 
 .left_btm {
     width: 100%;
-    height: calc(35% - 15px);
+    height: calc(30% - 15px);
     background-color: var(--bgc);
 }
 
@@ -263,13 +263,13 @@ img {
 
 .main_item_top {
     width: 100%;
-    height: calc(40% - 15px);
+    height: calc(30% - 15px);
     background-color: var(--bgc);
 }
 
 .main_item_btm {
     width: 100%;
-    height: calc(60% - 15px);
+    height: calc(70% - 15px);
     background-color: var(--bgc);
 }
 
@@ -577,7 +577,7 @@ li {
 
 .item_con {
     width: 100%;
-    margin: 20px 0;
+    margin: 10px 0;
     font-size: 24px;
     line-height: 30px;
     display: flex;
@@ -940,8 +940,8 @@ li {
     width: 70px;
     height: 70px;
     position: fixed;
-    left: 31%;
-    top: 56%;
+    left: 33.5%;
+    top: 62%;
     z-index: 9999;
 }
 

+ 4 - 0
cokingCoal/styles/newIndex.css

@@ -575,6 +575,10 @@ a {
     align-items: center;
 }
 
+.image_box div:nth-child(1) {
+    margin-top: 30px;
+}
+
 .box_item {
     width: 100%;
     height: 100px;