Pārlūkot izejas kodu

投资首页开发

liyongyong 1 gadu atpakaļ
vecāks
revīzija
2bcdbf30d7

BIN
manpower/images/logos/logo1.png


BIN
manpower/images/logos/logo10.png


BIN
manpower/images/logos/logo11.png


BIN
manpower/images/logos/logo12.png


BIN
manpower/images/logos/logo13.png


BIN
manpower/images/logos/logo14.png


BIN
manpower/images/logos/logo15.png


BIN
manpower/images/logos/logo16.png


BIN
manpower/images/logos/logo17.png


BIN
manpower/images/logos/logo18.png


BIN
manpower/images/logos/logo2.png


BIN
manpower/images/logos/logo3.png


BIN
manpower/images/logos/logo4.png


BIN
manpower/images/logos/logo5.png


BIN
manpower/images/logos/logo6.png


BIN
manpower/images/logos/logo7.png


BIN
manpower/images/logos/logo8.png


BIN
manpower/images/logos/logo9.png


BIN
manpower/images/page-bg.png


BIN
manpower/images/sex-bg.png


+ 62 - 113
manpower/index.html

@@ -14,7 +14,9 @@
     <script src="./libs/echarts.min.js"></script>
     <script src="./libs/element-ui@2.15.9.js"></script>
     <script src="./libs/axios.min.js"></script>
+    <script src="./libs/lodash.min.js"></script>
     <script src="./js/request.js"></script>
+    <script src="./js/data.js"></script>
   </head>
   <body>
     <div id="app">
@@ -61,73 +63,82 @@
           </dv-border-box-8>
         </div>
         <div class="center">
-          <div class="top">
+          <div class="top" v-if="centerData">
             <div class="box">
               <img src="./images/center-top1.png"/>
               <div>
                 <p>架构数</p>
-                <p><i style="color: #45DAD1">25600</i>人</p>
+                <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
               </div>
             </div>
             <div class="box">
               <img src="./images/center-top2.png"/>
               <div>
                 <p>岗位数</p>
-                <p><i style="color: #8BA2FF">15080</i>人</p>
+                <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
               </div>
             </div>
             <div class="box">
               <img src="./images/center-top3.png"/>
               <div>
                 <p>总人数</p>
-                <p><i style="color: #69C0FF">188600</i>人</p>
+                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
               </div>
             </div>
           </div>
           <dv-border-box-8 :dur="10">
-            <div class="my-panel">
+            <div class="my-panel" v-if="centerData">
               <div class="panel-title">
                 <span class="text">六定改革成效果展示</span>
               </div>
-              <div class="content" style="padding: 10px;">
+              <div class="content flex" style="padding: 10px;">
                 <div class="box-center">
-                  <div>
-                    <p>18.20</p>
-                    <p>改革前总部机构平均数</p>
-                  </div>
-                  <div>
-                    <p>18.20</p>
-                    <p>改革前总部机构平均数</p>
+                  <div class="t">
+                    <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
+                    <p>总部机构压缩率</p>
                   </div>
-                  <div>
-                    <p>188600</p>
-                    <p>改革前总部机构平均数</p>
-                  </div>
-                  <div>
-                    <p>18.20</p>
-                    <p>改革前中层管理人数</p>
+                  <div class="flex">
+                    <div>
+                      <p style="color:#FBE139">{{centerData.changeInfo[0].value2}}</p>
+                      <p>改革前总部机构平均数</p>
+                    </div>
+                    <div>
+                      <p style="color:#17AC76">{{centerData.changeInfo[0].value3}}</p>
+                      <p>改革后总部机构平均数
+                      </p>
+                    </div>
                   </div>
                 </div>
                 <div class="box-center">
-                  <div>
-                    <p>188600</p>
-                    <p>改革前总部机构平均数</p>
+                  <div class="t">
+                    <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                    <p>中层管理人数压缩率</p>
                   </div>
-                  <div>
-                    <p>188600</p>
-                    <p>中层管理人数压缩数</p>
-                  </div>
-                  <div>
-                    <p>18.20</p>
-                    <p>当前在岗职工总人数</p>
+                  <div class="flex">
+                    <div>
+                      <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}</p>
+                      <p>改革前中层管理人数</p>
+                    </div>
+                    <div>
+                      <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}</p>
+                      <p>改革后中层管理人数</p>
+                    </div>
                   </div>
+                </div>
+                <div class="box-center">
                   <div>
-                    <p>180</p>
-                    <p>在册职工压缩</p>
+                     <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
+                    <p>在册职工压缩</p>
                   </div>
-                  <div>
-                    <p>18</p>
-                    <p>在岗职工压缩数</p>
+                  <div class="flex">
+                    <div>
+                       <p>{{numFormat(centerData.changeInfo[2].value2)}}</p>
+                      <p>改革前在册职工数</p>
+                    </div>
+                    <div>
+                      <p>{{centerData.changeInfo[2].value3}}<span>万</span></p>
+                      <p>在册职工压缩数</p>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -136,94 +147,32 @@
           <dv-border-box-8 :dur="10">
             <div class="my-panel">
               <div class="panel-title">
-                <span class="text">预警</span>
+                <span class="text">核心指标展示</span>
               </div>
-              <div class="content yujing">
-                <div class="flex1">
-                  <p class="s-title main-color">工作预警</p>
-                  <dv-scroll-board :config="storageRecordConfig2" class="content" />
-                </div>
-                <div class="flex1">
-                  <p class="s-title main-color">填报情况预警</p>
-                  <dv-scroll-board :config="storageRecordConfig" class="content" />
-                </div>
+              <div class="content flex">
+                <div ref="echartC1" style="flex: 1;height: 100%;"></div>
+                <div ref="echartC2" style="flex: 1;height: 100%;"></div>
               </div>
             </div>
           </dv-border-box-8>
           <dv-border-box-8 :dur="10">
             <div class="my-panel">
               <div class="panel-title">
-                <span class="text">当前省属企业人数占比</span>
+                <span class="text">工作数据分析中心</span>
               </div>
-              <div class="content flex">
-                <ul class="list">
-                  <li class="list-item">
-                    <i>1</i>
-                    <span>山西焦煤</span>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="80" stroke-width="15" color="#FBE139"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>2</i>
-                    <p>晋能控股</p>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="70" stroke-width="15" color="#45DAD1"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>3</i>
-                      <p>潞安化工</p>
-                      <el-progress class="flex1" style="margin: 0 10px;" percentage="60" stroke-width="15" color="#6682F5"></el-progress>
-                      <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>4</i>
-                    <p>山西建投</p>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="50" stroke-width="15" color="#69C0FF"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>5</i>
-                    <p>华阳新材</p>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="50" stroke-width="15" color="#69C0FF"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                </ul>
-                <ul class="list">
-                  <li class="list-item">
-                    <i>6</i>
-                    <span>山西焦煤</span>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="80" stroke-width="15" color="#69C0FF"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>7</i>
-                    <p>晋能控股</p>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="70" stroke-width="15" color="#69C0FF"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>8</i>
-                      <p>潞安化工</p>
-                      <el-progress class="flex1" style="margin: 0 10px;" percentage="60" stroke-width="15" color="#69C0FF"></el-progress>
-                      <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>9</i>
-                    <p>山西建投</p>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="50" stroke-width="15" color="#69C0FF"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                  <li class="list-item">
-                    <i>10</i>
-                    <p>华阳新材</p>
-                    <el-progress class="flex1" style="margin: 0 10px;" percentage="50" stroke-width="15" color="#69C0FF"></el-progress>
-                    <span><i class="num">12500</i>人</span>
-                  </li>
-                </ul>
+              <div class="content yujing">
+                <div class="flex1">
+                  <p class="s-title main-color">工作分析</p>
+                  <dv-scroll-board :config="storageRecordConfig" class="content" />
+                </div>
+                <div class="flex1">
+                  <p class="s-title main-color">数据库情况预警</p>
+                  <dv-scroll-board :config="storageRecordConfig2" class="content" />
+                </div>
               </div>
             </div>
           </dv-border-box-8>
-          
+         
         </div>
         <div class="right">
           <dv-border-box-8 :dur="10" style="flex: 2">
@@ -264,7 +213,7 @@
         </div>
       </div>
       <div class="footer">
-        <a class="item" v-for="(item,index) in companyList" :key="index">{{item.name}}</a>
+        <a class="item" v-for="(item,index) in companyList" :key="index"><img :src="`./images/logos/logo${index+1}.png`"></img>  {{item.name}}</a>
       </div>
     </div>
     <script src="./js/index.js"></script>

+ 65 - 0
manpower/js/data.js

@@ -0,0 +1,65 @@
+const companyList = [
+  { name: '山西焦煤' },
+  { name: '晋能控股' },
+  { name: '华阳新材' },
+  { name: '潞安化工' },
+  { name: '华新燃气' },
+  { name: '太原重工' },
+  { name: '国际能源' },
+  { name: '华远陆港' },
+  { name: '水务控股' },
+  { name: '山西文旅' },
+  { name: '山西交控' },
+  { name: '山西航产' },
+  { name: '山西建投' },
+  { name: '山西汾酒' },
+  { name: '大地控股' },
+  { name: '云时代' },
+  { name: '华舰体育' },
+  { name: '神农科技' },
+]
+const data = {
+  info: {
+    value1: '5808',
+    value2: '444094',
+    value3: '860527',
+  },
+  changeInfo: [
+    {
+      value1: '50.30',
+      value2: '25',
+      value3: '15',
+    },
+    {
+      value1: '31.00',
+      value2: '15695',
+      value3: '10756',
+    },
+    {
+      value1: '11',
+      value2: '950527',
+      value3: '9',
+    },
+  ],
+}
+const dataL1 = [
+  [18, 21, 14, 21, 13, 14, 6, 13, 13, 14, 14, 12, 15, 16, 12, 15, 10, 19],
+  [18, 21, 14, 21, 13, 14, 6, 13, 13, 14, 14, 12, 15, 16, 12, 15, 10, 19],
+  [21, 21, 21, 21, 13, 13, 6, 13, 13, 14, 14, 12, 15, 15, 12, 15, 12, 13],
+]
+const dataL2 = [
+  [16, 8, 12, 10, 11, 1, 0, 8, 8, 0, 7, 0, 5, 10, 0, 0, 0, 6],
+  [11, 10, 6, 10, 12, 0, 0, 5, 0, 5, 7, 0, 4, 0, 0, 0, 0, 10],
+]
+const dataL3 = [
+  [15732, 29724, 4936, 9821, 2116, 763, 218, 1472, 661, 400, 3497, 265, 3066, 1205, 155, 1311, 22, 93],
+  [9.5, 8.43, 9.13, 9.11, 8.96, 8.99, 8.97, 8.99, 9.0, 9.0, 9.1, 8.2, 8.8, 9.1, 8, 8.8, 7.3, 8.8],
+]
+const dataL4 = [
+  [142, 189, 58, 59, 39, 32, 12, 36, 66, 36, 72, 41, 28, 161, 63, 10, 69, 28],
+  [109, 65, 42, 44, 36, 34, 8, 62, 45, 28, 51, 98, 40, 30, 20, 99, 51, 24],
+]
+const dataL5 = [
+  [173826, 352494, 54039, 108985, 23512, 8484, 2430, 16357, 7351, 4452, 38863, 3242, 35183, 13285, 1937, 14733, 302, 1052],
+  [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
+]

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 1 - 20
manpower/js/index.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 15 - 0
manpower/libs/lodash.min.js


+ 51 - 10
manpower/styles/index.css

@@ -76,7 +76,7 @@ a {
   display: none;
 }
 #app {
-  background: url('../images/home-bg.png') center center no-repeat;
+  background: url('../images/page-bg.png') center center no-repeat;
   background-size: 100% 100%;
   padding-top: 10px;
 }
@@ -133,15 +133,13 @@ a {
   height: 100%;
 }
 .center .top {
-  height: 183px;
   display: flex;
   justify-content: space-between;
-  padding: 0 -5px;
-  margin-bottom: 10px;
+  margin: 0px -10px 20px;
 }
 .center .top .box {
   flex: 1;
-  margin-bottom: 25px;
+  padding: 20px 0;
   background-color: rgba(105,192,255,0.2);
   display: flex;
   align-items: center;
@@ -177,11 +175,20 @@ a {
   height: 70px;
   line-height: 70px;
   text-align: center;
+  align-items: center;
+  justify-content: center;
+  display: flex;
   color: #fff;
-  font-size: 20px;
+  font-weight: 600;
+  font-size: 22px;
   background: url('../images/footer-item.png') no-repeat;
   background-size: 100% 100%;
 }
+.footer a img {
+  width: 35px;
+  height: 35px;
+  margin-right: 15px;
+}
 .footer a:hover {
   background: url('../images/footer-item-checked.png') no-repeat;
   background-size: 100% 100%;
@@ -237,8 +244,9 @@ a {
 }
 .s-title {
   text-align: center;
-  font-size: 20px;
+  font-size: 24px;
   margin-bottom: 20px;
+  font-weight: 600;
 }
 .yujing {
   display: flex;
@@ -257,19 +265,52 @@ a {
   color: #f5f7fa;
 }
 .box-center {
+  flex: 1;
   display: flex;
+  flex-direction: column;
+  background: url('../images/sex-bg.png') no-repeat center;
+  background-size: 100% 100%;
+  padding: 1.5%;
+  margin: 0 10px;
 }
 .box-center > div {
-  background-color: #17436d;
   text-align: center;
   flex: 1;
   height: 150px;
-  padding-top: 30px;
-  margin: 15px;
+}
+.box-center > div.t {
+  background-color: rgb(18 81 128 / 22%);
+  margin-bottom: 20px;
+  padding-top: 1%;
+}
+.box-center > div.flex {
+  margin: 0 -10px;
+}
+.box-center > div.flex > div {
+  flex: 1;
+  margin: 0 10px;
+  padding-top: 1.3%;
+  background-color: rgb(18 81 128 / 22%);
 }
 .box-center > div p:nth-child(1) {
   font-size: 45px;
   font-weight: 800;
   color: #69C0FF;
   margin-bottom: 15px;
+}
+.box-center > div p:nth-child(2) {
+  font-size: 24px;
+  color: #E4F8FF;
+}
+.box-center > div span {
+  font-size: 24px;
+  margin-left: 10px;
+}
+.dv-scroll-board .header {
+  font-size: 18px!important;
+  font-weight: 600!important;
+  background-color: rgba(105, 192, 255, 0.1)!important;
+}
+.dv-scroll-board .rows .row-item {
+  font-size: 18px!important;
 }

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels