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

添加图片切换

fengxu 2 lat temu
rodzic
ed7f418450
commit
7cee52264a
4 zmienionych plików z 215 dodań i 1087 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 49 86
      cokingCoal/index.html
  2. 109 125
      cokingCoal/js/humanResources.js
  3. 23 831
      cokingCoal/js/newIndex.js
  4. 34 45
      cokingCoal/styles/newIndex.css

+ 49 - 86
cokingCoal/index.html
Wyświetl plik 

@@ -26,14 +26,13 @@
 
 
 <body>
 
     <div class="app_box" id="app">
 
-        <div class="box_item_title">
 
+        <div class="box_item_title" @click="fullScreen()">
 
             <span>集团管控 数智赋能</span>
 
         </div>
 
         <div class="box_item_main">
 
             <div class="box_left">
 
                 <div class="left_item" style="padding: 0;">
 
-                    <dv-border-box-12 :color="['#2169a3','#277099']"
 
-                        style="padding: 10px 40px 30px;box-sizing: border-box;">
 
+                    <dv-border-box-12 :color="['#2169a3','#277099']" style="padding: 10px 40px 30px;box-sizing: border-box;">
 
                         <div class="title_else flex_sb" style="margin-bottom: 0;"><span>组织架构</span></div>
 
                         <div class="left_main">
 
                             <div class="left_main_top">
 
@@ -47,17 +46,14 @@
 
                                         </div>
 
                                         <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" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="8" />
 
 
                                         </div>
 
                                     </div>
 
                                     <div class="echarts_6">
 
                                         <div class="echarts_top" @click="handleORG()">
 
-                                            <div class="top_image" v-for="(item,index) in organizationList"
 
-                                                :key="index">
 
-                                                <img :src="item.flag==true?'./images/newImage/onBlue.png':'./images/newImage/blue.png'"
 
-                                                    alt="">
 
+                                            <div class="top_image" v-for="(item,index) in organizationList" :key="index">
 
+                                                <img :src="item.flag==true?'./images/newImage/onBlue.png':'./images/newImage/blue.png'" alt="">
 
                                                 <div :class="item.flag==true?'top_text_on':'top_text'">{{ item.value }}
 
                                                     <span>个</span>
 
                                                 </div>
 
@@ -65,8 +61,7 @@
 
                                         </div>
 
                                         <div class="echarts_btm">
 
                                             <div class="btm_text">
 
-                                                <span :class="item.flag==true?'btm_text_span_on':'btm_text_span'"
 
-                                                    v-for="(item,index) in organizationList" :key="index">{{ item.name
 
+                                                <span :class="item.flag==true?'btm_text_span_on':'btm_text_span'" v-for="(item,index) in organizationList" :key="index">{{ item.name
 
                                                     }}</span>
 
                                             </div>
 
                                         </div>
 
@@ -83,8 +78,7 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="6" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="6" />
 
 
                                         </div>
 
                                     </div>
 
@@ -98,8 +92,7 @@
 
                     </dv-border-box-12>
 
                 </div>
 
                 <div class="left_item" style="height: calc(50% - 15px);">
 
-                    <dv-border-box-12 :color="['#2169a3','#277099']"
 
-                        style="padding: 10px 40px 30px;box-sizing: border-box;">
 
+                    <dv-border-box-12 :color="['#2169a3','#277099']" style="padding: 10px 40px 30px;box-sizing: border-box;">
 
                         <div class="title_else"><span>人员结构</span></div>
 
                         <div class="left_main_else">
 
                             <div class="left_user_top">
 
@@ -136,15 +129,13 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="5" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="5" />
 
 
                                         </div>
 
                                     </div>
 
                                     <div class="echarts_else flex_column">
 
                                         <div class="echarts_else_top">
 
-                                            <div :class="twoIndex==1?'echarts_else_top_item_on':'echarts_else_top_item'"
 
-                                                @click="handleTap2(1)">
 
+                                            <div :class="twoIndex==1?'echarts_else_top_item_on':'echarts_else_top_item'" @click="handleTap2(1)">
 
                                                 <div class="item_left_t">
 
                                                     <img src="./images/right-top1.png" alt="">
 
                                                 </div>
 
@@ -153,8 +144,7 @@
 
                                                     <div>97395 <span>人</span> </div>
 
                                                 </div>
 
                                             </div>
 
-                                            <div :class="twoIndex!=1?'echarts_else_top_item_on':'echarts_else_top_item'"
 
-                                                @click="handleTap2(2)">
 
+                                            <div :class="twoIndex!=1?'echarts_else_top_item_on':'echarts_else_top_item'" @click="handleTap2(2)">
 
                                                 <div class="item_left_t">
 
                                                     <img src="./images/right-top2.png" alt="">
 
                                                 </div>
 
@@ -179,8 +169,7 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="7" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="7" />
 
 
                                         </div>
 
                                     </div>
 
@@ -196,22 +185,19 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="5" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="5" />
 
 
                                         </div>
 
                                     </div>
 
                                     <div class="echarts_else flex_column" style="position: relative;">
 
                                         <div class="echarts_else_top">
 
-                                            <div :class="saIndex==1?'echarts_else_top_item_on':'echarts_else_top_item'"
 
-                                                style="z-index: 9999999;" @click="handleTap1(1)">
 
+                                            <div :class="saIndex==1?'echarts_else_top_item_on':'echarts_else_top_item'" style="z-index: 9999999;" @click="handleTap1(1)">
 
                                                 <div class="item_right_t">
 
                                                     <div>年龄结构</div>
 
                                                     <div><span>平均年龄</span> 42 岁</div>
 
                                                 </div>
 
                                             </div>
 
-                                            <div :class="saIndex!=1?'echarts_else_top_item_on':'echarts_else_top_item'"
 
-                                                style="z-index: 9999999;" @click="handleTap1(2)">
 
+                                            <div :class="saIndex!=1?'echarts_else_top_item_on':'echarts_else_top_item'" style="z-index: 9999999;" @click="handleTap1(2)">
 
                                                 <div class="item_right_t">
 
                                                     <div>工龄结构</div>
 
                                                     <div><span>平均工龄</span> 19.7 年</div>
 
@@ -237,8 +223,7 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="7" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="7" />
 
 
                                         </div>
 
                                     </div>
 
@@ -254,8 +239,7 @@
 
                                         </div>
 
                                         <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" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="8" />
 
 
                                         </div>
 
                                     </div>
 
@@ -274,8 +258,7 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="6" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="6" />
 
 
                                         </div>
 
                                     </div>
 
@@ -288,13 +271,12 @@
 
                     </dv-border-box-12>
 
                 </div>
 
                 <div class="flex_column right_user_box">
 
-                    <dv-border-box-12 :color="['#2169a3','#277099']"
 
-                        style="padding: 10px 40px 15px;box-sizing: border-box;">
 
+                    <dv-border-box-12 :color="['#2169a3','#277099']" style="padding: 10px 40px 15px;box-sizing: border-box;">
 
                         <div class="right_item_else flex_column">
 
                             <div class="title_else"><span>人才市场</span></div>
 
                             <div class="w_100_right flex_column">
 
                                 <div class="top flex justify-between">
 
-                                    <div class="flex items-center justify-center"  v-for="(item,index) in HumanResourcesList" :key="index">
 
+                                    <div class="flex items-center justify-center" v-for="(item,index) in HumanResourcesList" :key="index">
 
                                         <img class="top-img" :src="item.image" alt="">
 
                                         <div>{{ item.key }}<span class="top-text">{{ item.value }}</span>人</div>
 
                                     </div>
 
@@ -491,8 +473,7 @@
 
                 </div>
 
 
                 <div class="main_item flex_column">
 
-                    <dv-border-box-12 :color="['#2169a3','#277099']"
 
-                        style="padding: 10px 40px 30px;box-sizing: border-box;">
 
+                    <dv-border-box-12 :color="['#2169a3','#277099']" style="padding: 10px 40px 30px;box-sizing: border-box;">
 
                         <div class="title_else_s">
 
                             <span>人员流动</span>
 
                             <span class="icon_box" style="top: -5px;right: 40px;" @click="handleUserChange()">
 
@@ -506,8 +487,7 @@
 
             </div>
 
             <div class="box_right">
 
                 <div class="left_item" style="height: calc(40% - 10px);padding: 0;">
 
-                    <dv-border-box-12 :color="['#2169a3','#277099']"
 
-                        style="padding: 10px 40px 30px;box-sizing: border-box;">
 
+                    <dv-border-box-12 :color="['#2169a3','#277099']" style="padding: 10px 40px 30px;box-sizing: border-box;">
 
                         <div class="title_else flex_sb">
 
                             <span>薪酬分配</span>
 
                             <span class="icon_tit">
 
@@ -532,8 +512,7 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="11" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="11" />
 
 
                                         </div>
 
                                     </div>
 
@@ -557,15 +536,13 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                :color="['#1275ba','green']" :dur="6" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="6" />
 
 
                                         </div>
 
                                     </div>
 
                                     <div class="w_100">
 
 
-                                        <dv-scroll-board :config="config2" v-if="SalaryCalProgDetail"
 
-                                            style="width: 100%; height: 95%;margin-top: 1%;" />
 
+                                        <dv-scroll-board :config="config2" v-if="SalaryCalProgDetail" style="width: 100%; height: 95%;margin-top: 1%;" />
 
                                     </div>
 
                                     <div class="title_box">预警</div>
 
                                 </div>
 
@@ -586,8 +563,7 @@
 
                                     </div>
 
                                     <div class="line">
 
                                         <!-- <img src="./images/line.png" alt=""> -->
 
-                                        <dv-decoration-2 style="width:100%;height:10px;margin-top: 13px;"
 
-                                            :color="['#1275ba','green']" :dur="13" />
 
+                                        <dv-decoration-2 style="width:100%;height:10px;margin-top: 13px;" :color="['#1275ba','green']" :dur="13" />
 
 
                                     </div>
 
                                 </div>
 
@@ -599,8 +575,7 @@
 
                     </dv-border-box-12>
 
                 </div>
 
                 <div class="right_item flex_column" style="height: calc(60% - 10px);padding: 0;">
 
-                    <dv-border-box-12 :color="['#2169a3','#277099']"
 
-                        style="padding: 10px 40px 30px;box-sizing: border-box;">
 
+                    <dv-border-box-12 :color="['#2169a3','#277099']" style="padding: 10px 40px 30px;box-sizing: border-box;">
 
                         <!-- <div class="title_else"><span>人才管理区块</span></div> -->
 
                         <div class="title_else"><span>人才管理</span></div>
 
                         <div class="w_100_right_box flex_column" style="height: calc(100% - 80px);">
 
@@ -681,19 +656,16 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 5px;"
 
-                                                :color="['#1275ba','green']" :dur="10" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 5px;" :color="['#1275ba','green']" :dur="10" />
 
 
                                         </div>
 
                                     </div>
 
-                                    <div class="right_item_main flex_center"
 
-                                        style="height: calc(100% - 100px);flex-wrap: wrap;">
 
+                                    <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" @click="handleStudio(item)">
 
                                             <div class="item_title">{{ item.name }}</div>
 
                                             <div class="item_main">
 
                                                 <div class="item_main_top">
 
-                                                    <img :src="item.flag?'./images/newImage/213e2a5d-b895-4123-8615-a04f4e093b0c.png':'./images/flying.png'"
 
-                                                        alt="">
 
+                                                    <img :src="item.flag?'./images/newImage/213e2a5d-b895-4123-8615-a04f4e093b0c.png':'./images/flying.png'" alt="">
 
                                                 </div>
 
                                                 <div class="item_main_main">
 
                                                     <div class="item_main_text flex_sb">
 
@@ -722,8 +694,7 @@
 
                                         </div>
 
                                         <div class="line">
 
                                             <!-- <img src="./images/line.png" alt=""> -->
 
-                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 5px;"
 
-                                                :color="['#1275ba','green']" :dur="6" />
 
+                                            <dv-decoration-2 style="width:100%;height:10px;margin-top: 5px;" :color="['#1275ba','green']" :dur="6" />
 
 
                                         </div>
 
                                     </div>
 
@@ -765,14 +736,12 @@
 
                                                     <img src="./images/icon_title.png" alt="">
 
                                                 </div>
 
                                                 <div class="title flex_sb">
 
-                                                    <span v-for="(item,index) in titleList" :key="index"
 
-                                                        @click="handleChangeTitle(item,index)">{{ item }}</span>
 
+                                                    <span v-for="(item,index) in titleList" :key="index" @click="handleChangeTitle(item,index)">{{ item }}</span>
 
                                                 </div>
 
                                             </div>
 
                                             <div class="line">
 
                                                 <!-- <img src="./images/line.png" alt=""> -->
 
-                                                <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;"
 
-                                                    :color="['#1275ba','green']" :dur="10" />
 
+                                                <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="10" />
 
 
                                             </div>
 
                                         </div>
 
@@ -786,8 +755,7 @@
 
                                             <div class="left_user_number" style="width: 50%;" v-for="(item,index) in schoolList2" :key="index">
 
                                                 <div class="text_box" style="padding-left: 280px;">
 
                                                     <img style="width: 20%;" :src="item.image" alt="">
 
-                                                    <span class="text_num"
 
-                                                        :style="item.style">{{ item.value }}<span>{{ item.unit }}</span></span>
 
+                                                    <span class="text_num" :style="item.style">{{ item.value }}<span>{{ item.unit }}</span></span>
 
                                                     <span class="text_title">{{ item.name }}</span>
 
                                                 </div>
 
                                             </div>
 
@@ -811,8 +779,7 @@
 
                                             </div>
 
                                             <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" />
 
+                                                <dv-decoration-2 style="width:100%;height:10px;margin-top: 10px;" :color="['#1275ba','green']" :dur="8" />
 
 
                                             </div>
 
                                         </div>
 
@@ -885,12 +852,11 @@
 
                             </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="10" />
 
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;" :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">
 
@@ -902,8 +868,7 @@
 
                             </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" />
 
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;" :color="['#1275ba','green']" :dur="8" />
 
 
                             </div>
 
                         </div>
 
@@ -919,8 +884,7 @@
 
                             </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="7" />
 
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;" :color="['#1275ba','green']" :dur="7" />
 
 
                             </div>
 
                         </div>
 
@@ -942,13 +906,12 @@
 
                             </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" />
 
+                                <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" />
 
+                            <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);">
 
@@ -961,8 +924,7 @@
 
                             </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" />
 
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;" :color="['#1275ba','green']" :dur="4" />
 
 
                             </div>
 
                         </div>
 
@@ -980,8 +942,7 @@
 
                             </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" />
 
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;" :color="['#1275ba','green']" :dur="12" />
 
 
                             </div>
 
                         </div>
 
@@ -990,7 +951,7 @@
 
                         </div>
 
                     </div>
 
 
-                    
+
 
                     <div class="mark_view flex_column" style="width: calc(15% - 10px);">
 
                         <div class="left_user_title">
 
                             <div class="icon_title">
 
@@ -1001,8 +962,7 @@
 
                             </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" />
 
+                                <dv-decoration-2 style="width:100%;height:10px;margin-top: -1px;" :color="['#1275ba','green']" :dur="6" />
 
 
                             </div>
 
                         </div>
 
@@ -1010,7 +970,7 @@
 
                             <p v-html="honorList[honorIndex]"></p>
 
                         </div>
 
                     </div>
 
-                    
+
 
                 </div>
 
 
             </div>
 
@@ -1018,6 +978,9 @@
 
         <div class="icon_box" @click="handleMore()">
 
             <img src="./images/blue.png" alt="">
 
         </div>
 
+        <div class="mark_box" @click="handleChangeImage()" v-if="imageIndex < imageList.length && imageFlag">
 
+            <img :src="imageList[imageIndex]" alt="">
 
+        </div>
 
     </div>
 
 
     <script src="./js/newIndex.js"></script>

+ 109 - 125
cokingCoal/js/humanResources.js
Wyświetl plik 

@@ -4,8 +4,7 @@ let app = new Vue({
 
     data() {
 
         return {
 
             title: "内部人才市场双选服务平台",
 
-            treeList: [
 
-                {
 
+            treeList: [{
 
                     name: "岗位发布",
 
                     flag: true,
 
                     src: "./images/humanResources/post.png",
 
@@ -241,8 +240,7 @@ let app = new Vue({
 
                 oddRowBGC: "rgba(105, 193, 255, 0)",
 
                 evenRowBGC: "#69c1ff21",
 
             },
 
-            mainList: [
 
-                {
 
+            mainList: [{
 
                     name: "双选场次",
 
                     value: 30,
 
                     unit: "场",
 
@@ -261,8 +259,7 @@ let app = new Vue({
 
                 rowNum: 4,
 
                 headerHeight: 55,
 
                 columnWidth: [100, 100, 100, 280],
 
-                data: [
 
-                ],
 
+                data: [],
 
                 align: ["center", "center", "center", "center", "center"],
 
                 headerBGC: "#69c1ff2d",
 
                 oddRowBGC: "rgba(105, 193, 255, 0)",
 
@@ -275,8 +272,7 @@ let app = new Vue({
 
                 rowNum: 4,
 
                 headerHeight: 55,
 
                 columnWidth: [100, 100, 100, 280],
 
-                data: [
 
-                ],
 
+                data: [],
 
                 align: ["center", "center", "center", "center", "center"],
 
                 headerBGC: "#69c1ff2d",
 
                 oddRowBGC: "rgba(105, 193, 255, 0)",
 
@@ -288,7 +284,7 @@ let app = new Vue({
 
                 header: ["单位名称", "岗位名称", "报名人数"],
 
                 rowNum: 6,
 
                 headerHeight: 55,
 
-                columnWidth: [100, 200, 400,],
 
+                columnWidth: [100, 200, 400, ],
 
                 data: [
 
                     ["汾西矿业", "综合管理岗", "40"],
 
                     ["西山煤电", "综合管理岗", "35"],
 
@@ -346,7 +342,7 @@ let app = new Vue({
 
             leftIndex: 0,
 
             roseEcharts: null,
 
             leftFlag: true,
 
-            rollTitle: "山西焦煤西山煤电杜儿坪矿井下操作工招聘公告",
 
+            rollTitle: "西山煤电屯兰矿井下普工工招聘公告",
 
             leftTime: null,
 
             rightTime: null,
 
         }
 
@@ -408,34 +404,34 @@ let app = new Vue({
 
                 that.classChange = true
 
             }, 5000);
 
             setInterval(() => {
 
-                let that = this
 
-                that.treeList.forEach(item => {
 
-                    item.flag = false
 
-                })
 
+                    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
 
-                } else {
 
-                    that.treeList[that.treeIndex].flag = true
 
-                    that.treeIndex = that.treeIndex + 1
 
+                    if (that.treeIndex > that.treeList.length - 1) {
 
+                        that.treeIndex = 0
 
+                        that.treeList[that.treeIndex].flag = true
 
+                    } else {
 
+                        that.treeList[that.treeIndex].flag = true
 
+                        that.treeIndex = that.treeIndex + 1
 
 
-                }
 
-            }, 2000)
 
-            // setInterval(()=>{
 
-            //     if(that.configIndex > that.config1.data.length - 1){
 
-            //         that.configIndex = 0
 
-            //         return
 
-            //     } else {
 
-            //         that.configIndex = that.configIndex + 1
 
-            //         return
 
-            //     }
 
-            // },5000)
 
+                    }
 
+                }, 2000)
 
+                // setInterval(()=>{
 
+                //     if(that.configIndex > that.config1.data.length - 1){
 
+                //         that.configIndex = 0
 
+                //         return
 
+                //     } else {
 
+                //         that.configIndex = that.configIndex + 1
 
+                //         return
 
+                //     }
 
+                // },5000)
 
         })
 
         this.leftTime = setInterval(() => {
 
             that.leftList.forEach((item, index) => {
 
                 item.flag = !item.flag
 
-                if(item.flag){
 
+                if (item.flag) {
 
                     if (index == 0) {
 
                         that.leftFlag = true
 
                     } else {
 
@@ -448,14 +444,14 @@ let app = new Vue({
 
                 }
 
             })
 
         }, 5000)
 
-        this.rightTime = setInterval(()=>{
 
-            that.rightList.forEach((item,index)=>{
 
+        this.rightTime = setInterval(() => {
 
+            that.rightList.forEach((item, index) => {
 
                 item.flag = !item.flag
 
-                if(item.flag){
 
+                if (item.flag) {
 
                     that.rightIndex = index
 
                 }
 
             })
 
-        },5000)
 
+        }, 5000)
 
     },
 
     methods: {
 
         initDownholeEcharts(el, data) {
 
@@ -463,7 +459,7 @@ let app = new Vue({
 
             let series = []
 
             let grid = {
 
                 top: "15%",
 
-                bottom: 50,//也可设置left和right设置距离来控制图表的大小
 
+                bottom: 50, //也可设置left和right设置距离来控制图表的大小
 
                 left: "3%",
 
                 right: "1%"
 
             }
 
@@ -548,8 +544,7 @@ let app = new Vue({
 
                     name: "招聘人数",
 
                     barWidth: 26,
 
                     itemStyle: {
 
-                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
 
-                            {
 
+                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
 
                                 offset: 1,
 
                                 color: '#40A9FF',
 
                             },
 
@@ -565,8 +560,7 @@ let app = new Vue({
 
                     name: "报名人数",
 
                     barWidth: 26,
 
                     itemStyle: {
 
-                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
 
-                            {
 
+                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
 
                                 offset: 1,
 
                                 color: '#EAE179',
 
                             },
 
@@ -582,8 +576,7 @@ let app = new Vue({
 
                     name: "录用人数",
 
                     barWidth: 26,
 
                     itemStyle: {
 
-                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
 
-                            {
 
+                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
 
                                 offset: 1,
 
                                 color: '#6A83FF',
 
                             },
 
@@ -604,7 +597,11 @@ let app = new Vue({
 
         },
 
         scrollChange(index) {
 
             this.rollFlag = false;
 
-            this.rollTitle = "山西焦煤西坪矿井下操作工招聘公告" + index,
 
+            let listIndex = index
 
+            if (listIndex >= this.config1.data.length) {
 
+                listIndex = index - 11
 
+            }
 
+            this.rollTitle = this.config1.data[listIndex][0] + this.config1.data[listIndex][1] + "招聘公告"
 
             setTimeout(() => {
 
                 this.rollFlag = true
 
             })
 
@@ -700,9 +697,7 @@ let app = new Vue({
 
                             1,
 
                             0,
 
                             0,
 
-                            1,
 
-                            [
 
-                                {
 
+                            1, [{
 
                                     offset: 0,
 
                                     color: "#40A9FF50",
 
                                 },
 
@@ -760,24 +755,21 @@ let app = new Vue({
 
                     right: "20%",
 
                     bottom: 20,
 
                 },
 
-                yAxis: [
 
-                    {
 
-                        type: "category",
 
-                        inverse: false,
 
-                        data: nameList,
 
-                        axisLine: {
 
-                            show: false,
 
-                        },
 
-                        axisTick: {
 
-                            show: false,
 
-                        },
 
-                        axisLabel: {
 
-                            show: false,
 
-                        },
 
+                yAxis: [{
 
+                    type: "category",
 
+                    inverse: false,
 
+                    data: nameList,
 
+                    axisLine: {
 
+                        show: false,
 
                     },
 
-                ],
 
-                series: [
 
-                    {
 
+                    axisTick: {
 
+                        show: false,
 
+                    },
 
+                    axisLabel: {
 
+                        show: false,
 
+                    },
 
+                }, ],
 
+                series: [{
 
                         // 内
 
                         type: "bar",
 
                         barWidth: 16,
 
@@ -804,9 +796,7 @@ let app = new Vue({
 
                                     1,
 
                                     0,
 
                                     0,
 
-                                    1,
 
-                                    [
 
-                                        {
 
+                                    1, [{
 
                                             offset: 0,
 
                                             color: "rgba(81, 193, 156, 1)",
 
                                         },
 
@@ -945,54 +935,50 @@ let app = new Vue({
 
                         }
 
                     }
 
                 },
 
-                yAxis: [
 
-                    {
 
-                        name: "投递/份",
 
-                        type: "value",
 
-                        gridIndex: 0,
 
-                        min: 0,
 
-                        max: 100,
 
-                        interval: 25,
 
-                        // splitNumber: 4,
 
-                        splitLine: {
 
-                            show: false,
 
-                            lineStyle: {
 
-                                color: "rgba(77, 128, 254, 0.2)",
 
-                                width: 2
 
-                            }
 
-                        },
 
-                        axisTick: {
 
-                            show: false
 
-                        },
 
-                        nameTextStyle: {
 
-                            fontSize: 28,
 
-                            color: "#B6BFCE"
 
-                        },
 
-                        axisLine: {
 
-                            show: false,
 
-                            lineStyle: {
 
-                                color: "rgba(77, 128, 254, 0.2)"
 
-                            }
 
-                        },
 
-                        axisLabel: {
 
-                            show: true,
 
-                            margin: 14,
 
-                            fontSize: 26,
 
-                            textStyle: {
 
-                                color: "#65D5FF"
 
-                            }
 
+                yAxis: [{
 
+                    name: "投递/份",
 
+                    type: "value",
 
+                    gridIndex: 0,
 
+                    min: 0,
 
+                    max: 100,
 
+                    interval: 25,
 
+                    // splitNumber: 4,
 
+                    splitLine: {
 
+                        show: false,
 
+                        lineStyle: {
 
+                            color: "rgba(77, 128, 254, 0.2)",
 
+                            width: 2
 
+                        }
 
+                    },
 
+                    axisTick: {
 
+                        show: false
 
+                    },
 
+                    nameTextStyle: {
 
+                        fontSize: 28,
 
+                        color: "#B6BFCE"
 
+                    },
 
+                    axisLine: {
 
+                        show: false,
 
+                        lineStyle: {
 
+                            color: "rgba(77, 128, 254, 0.2)"
 
+                        }
 
+                    },
 
+                    axisLabel: {
 
+                        show: true,
 
+                        margin: 14,
 
+                        fontSize: 26,
 
+                        textStyle: {
 
+                            color: "#65D5FF"
 
                         }
 
                     }
 
-                ],
 
-                series: [
 
-                    {
 
+                }],
 
+                series: [{
 
                         name: "简历投递数",
 
                         type: "bar",
 
                         barWidth: 16,
 
                         itemStyle: {
 
                             normal: {
 
-                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
-                                    {
 
+                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
 
                                         offset: 1,
 
                                         color: "#004E8E"
 
                                     },
 
@@ -1062,15 +1048,13 @@ let app = new Vue({
 
                         z: 5
 
                     }
 
                 ],
 
-                dataZoom: [
 
-                    {
 
-                        type: "slider",
 
-                        show: false,
 
-                        xAxisIndex: [0],
 
-                        endValue: 12,
 
-                        startValue: 0
 
-                    }
 
-                ]
 
+                dataZoom: [{
 
+                    type: "slider",
 
+                    show: false,
 
+                    xAxisIndex: [0],
 
+                    endValue: 12,
 
+                    startValue: 0
 
+                }]
 
             }
 
             this.vitaEcharts.setOption(option)
 
             tools.loopShowTooltip(this.vitaEcharts, option, {
 
@@ -1239,7 +1223,7 @@ let app = new Vue({
 
                     },
 
                     data: data,
 
 
-                },]
 
+                }, ]
 
             };
 
             this.roseEcharts.setOption(option)
 
             tools.loopShowTooltip(this.roseEcharts, option, {
 
@@ -1359,12 +1343,12 @@ let app = new Vue({
 
                     name: '异常流量',
 
                     type: 'line',
 
                     smooth: true, //是否平滑曲线显示
 
-                    symbol: 'circle',  // 默认是空心圆（中间是白色的），改成实心圆
 
+                    symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
 
                     symbolSize: 0,
 
 
                     lineStyle: {
 
                         normal: {
 
-                            color: "#3deaff"   // 线条颜色
 
+                            color: "#3deaff" // 线条颜色
 
                         }
 
                     },
 
                     areaStyle: { //区域填充样式
 
@@ -1413,14 +1397,14 @@ let app = new Vue({
 
                 })
 
                 that.rightList[index].flag = true
 
                 that.rightIndex = index
 
-                this.rightTime = setInterval(()=>{
 
-                    that.rightList.forEach((item,index)=>{
 
+                this.rightTime = setInterval(() => {
 
+                    that.rightList.forEach((item, index) => {
 
                         item.flag = !item.flag
 
-                        if(item.flag){
 
+                        if (item.flag) {
 
                             that.rightIndex = index
 
                         }
 
                     })
 
-                },5000)
 
+                }, 5000)
 
             } else {
 
                 that.leftTime && clearInterval(that.leftTime)
 
                 that.leftList.forEach(item => {
 
@@ -1440,7 +1424,7 @@ let app = new Vue({
 
                 that.leftTime = setInterval(() => {
 
                     that.leftList.forEach((item, index) => {
 
                         item.flag = !item.flag
 
-                        if(item.flag){
 
+                        if (item.flag) {
 
                             if (index == 0) {
 
                                 that.leftFlag = true
 
                             } else {

Plik diff jest za duży
+ 23 - 831
cokingCoal/js/newIndex.js


+ 34 - 45
cokingCoal/styles/newIndex.css
Wyświetl plik 

@@ -21,9 +21,12 @@ body {
 
 
 
 /* 强制去掉滚动条 */
 
+
 
+
 
 /* html {
 
   overflow-x: hidden !important;   
 } */
 
+
 
 * {
 
     -webkit-user-select: none;
 
     -moz-user-select: none;
 
@@ -62,7 +65,6 @@ a {
 
     display: flex;
 
     justify-content: center;
 
     align-items: center;
 
-
 
 }
 
 
 .box_item_title span {
 
@@ -82,7 +84,6 @@ a {
 
     align-items: center;
 
     padding: 30px 50px;
 
     box-sizing: border-box;
 
-
 
 }
 
 
 .box_left,
 
@@ -148,7 +149,6 @@ a {
 
     position: absolute;
 
     bottom: -325px;
 
     left: 17.5%;
 
-
 
 }
 
 
 .svg_box_item_else {
 
@@ -160,7 +160,6 @@ a {
 
     position: absolute;
 
     bottom: -479px;
 
     left: 19%;
 
-
 
 }
 
 
 .main_item {
 
@@ -200,10 +199,9 @@ a {
 
     /* background: url("../images/newImage/tit_bg.png") no-repeat; */
 
     background: url("../images/newImage/c905a4b1-a8ed-4542-ba65-7825534708ff.png") no-repeat;
 
     background-size: 100% 100%;
 
-
 
 }
 
 
-.title_else_s{
 
+.title_else_s {
 
     width: 100%;
 
     height: 85px;
 
     font-size: 50px;
 
@@ -226,7 +224,6 @@ a {
 
     -webkit-text-fill-color: transparent;
 
 }
 
 
-
 
 .title_else_s span:nth-child(1) {
 
     background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
 
     -webkit-background-clip: text;
 
@@ -279,7 +276,6 @@ a {
 
     box-sizing: border-box;
 
 }
 
 
-
 
 .left_main_btm {
 
     width: 100%;
 
     height: 25%;
 
@@ -356,7 +352,6 @@ a {
 
     justify-content: space-between;
 
     align-items: center;
 
     position: relative;
 
-    
 }
 
 
 .mark_none {
 
@@ -407,7 +402,6 @@ a {
 
     z-index: 99;
 
 }
 
 
-
 
 .right_item {
 
     width: 100%;
 
     height: calc(25% - 10px);
 
@@ -451,7 +445,6 @@ a {
 
     justify-content: space-between;
 
 }
 
 
-
 
 .right_item_item {
 
     width: calc(50% - 10px);
 
     height: 100%;
 
@@ -473,7 +466,6 @@ a {
 
     background-color: var(--bg);
 
     padding: 5px 30px 10px;
 
     box-sizing: border-box;
 
-
 
 }
 
 
 .scroll_board_bg {
 
@@ -497,7 +489,6 @@ a {
 
 .right_echarts_else {
 
     width: calc(50% - 10px);
 
     height: 100%;
 
-
 
     background: url("../images/rt-back.png") no-repeat;
 
     background-size: 100% 100%;
 
     padding: 30px;
 
@@ -527,7 +518,6 @@ a {
 
 .right_btm_item {
 
     width: 100%;
 
     height: calc(100% - 65px);
 
-
 
 }
 
 
 .right_btm_item_else {
 
@@ -537,7 +527,6 @@ a {
 
     justify-content: center;
 
     align-items: center;
 
     position: relative;
 
-
 
 }
 
 
 .po_title {
 
@@ -644,7 +633,6 @@ a {
 
     margin: 0 15px;
 
 }
 
 
-
 
 .right_bg_item {
 
     width: calc(33% - 20px);
 
     height: 100%;
 
@@ -795,13 +783,11 @@ a {
 
     color: #69C0FF;
 
 }
 
 
-
 
 .echarts_else_btm {
 
     width: 100%;
 
     height: calc(80% - 20px);
 
 }
 
 
-
 
 .left_user_title {
 
     width: 100%;
 
     height: 40px;
 
@@ -840,7 +826,6 @@ img {
 
 .line {
 
     width: 100%;
 
     height: 2px;
 
-
 
 }
 
 
 .echarts_90 {
 
@@ -848,7 +833,6 @@ img {
 
     height: 80%;
 
 }
 
 
-
 
 .flex_column {
 
     display: flex;
 
     flex-direction: column;
 
@@ -862,12 +846,10 @@ img {
 
     background-color: var(--bg);
 
 }
 
 
-
 
 .right_item_item_else_top {
 
     width: 100%;
 
     height: calc(25% - 10px);
 
     margin-bottom: 15px;
 
-
 
 }
 
 
 .right_item_item_else_main {
 
@@ -984,7 +966,6 @@ img {
 
     background: url("../images/newImage/loginUser.png") no-repeat;
 
     background-size: cover;
 
     margin: 0 15px;
 
-
 
 }
 
 
 .main_info_item_title {
 
@@ -1019,6 +1000,30 @@ img {
 
     z-index: 999999999999999999;
 
 }
 
 
+.mark_box_else {
 
+    width: 100% !important;
 
+    min-height: 2576px;
 
+    height: 100%;
 
+    background-color: #1b1b1b6b;
 
+    position: absolute;
 
+    top: 0;
 
+    left: 0;
 
+    z-index: 999999999999999999;
 
+    float: left;
 
+}
 
+
 
+.ml0 {
 
+    margin-left: 0%;
 
+}
 
+
 
+.ml100 {
 
+    margin-left: -100%;
 
+}
 
+
 
+.ml200 {
 
+    margin-left: -200%;
 
+}
 
+
 
 .mark_centter {
 
     width: 2300px;
 
     height: 1000px;
 
@@ -1032,7 +1037,6 @@ img {
 
     position: absolute;
 
     top: 20%;
 
     right: 10%;
 
-
 
 }
 
 
 .mark_title {
 
@@ -1073,7 +1077,6 @@ img {
 
 .f_item {
 
     width: calc(50% - 10px);
 
     height: calc(50% - 10px);
 
-
 
     font-size: 32px;
 
     overflow: hidden;
 
 }
 
@@ -1151,11 +1154,8 @@ img {
 
     height: 90%;
 
     margin-top: 20px;
 
     position: relative;
 
-
 
 }
 
 
-
 
-
 
 .top_text {
 
     font-size: 40px;
 
     font-weight: bolder;
 
@@ -1197,11 +1197,9 @@ img {
 
     margin-top: -30px;
 
 }
 
 
-
 
 .btm_text {
 
     width: 100%;
 
     height: 100%;
 
-
 
     display: flex;
 
     justify-content: space-around;
 
     align-items: center;
 
@@ -1227,6 +1225,7 @@ img {
 
     color: #EBB829;
 
 }
 
 
+
 
 /* .red {
 
     color: red;
 
 } */
 
@@ -1358,8 +1357,6 @@ img {
 
     height: calc(31px * 2);
 
 }
 
 
-
 
-
 
 .icon_box {
 
     width: 100px;
 
     height: 100px;
 
@@ -1380,7 +1377,6 @@ img {
 
     top: 30%;
 
     left: 50%;
 
     transform: translateX(-50%);
 
-
 
 }
 
 
 .echarts_box {
 
@@ -1391,6 +1387,7 @@ img {
 
     align-items: center;
 
 }
 
 
+
 
 /* .mark_view_else{
 
     width: calc(60% - 10px);
 
     height: 100%;
 
@@ -1413,7 +1410,7 @@ img {
 
     margin-top: 40px;
 
 }
 
 
-.am_else{
 
+.am_else {
 
     width: 90px;
 
     height: 100%;
 
     background-color: #3699ff;
 
@@ -1422,28 +1419,22 @@ img {
 
     align-items: center;
 
 }
 
 
-
 
-.more_change{
 
+.more_change {
 
     display: flex;
 
     justify-content: center;
 
     align-items: center;
 
 }
 
 
-
 
-
 
-
 
 .dv-border-box-6 circle {
 
     r: 5px !important;
 
     fill: #B2CBE2;
 
 }
 
 
-
 
 .echarts_mark_view .title_else {
 
     text-indent: 90px;
 
 }
 
 
-
 
-rect{
 
+rect {
 
     height: 10px;
 
 }
 
 
@@ -1451,7 +1442,6 @@ polyline {
 
     stroke-width: 5px !important;
 
 }
 
 
-
 
 @keyframes fadenum {
 
     100% {
 
         transform: rotate(360deg);
 
@@ -1468,8 +1458,7 @@ polyline {
 
     background-color: #302e2d50 !important;
 
 }
 
 
-
 
-.text_list{
 
+.text_list {
 
     padding: 20px;
 
     box-sizing: border-box;
 
     font-size: 26px;

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