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

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

l1448442195@163.com 1 year ago
parent
ca03618652 2bcdbf30d7
commit
5b6a5431ec
25 changed files with 194 additions and 143 deletions
Unified View Show Diff Stats
  1. BIN
      manpower/images/logos/logo1.png
  2. BIN
      manpower/images/logos/logo10.png
  3. BIN
      manpower/images/logos/logo11.png
  4. BIN
      manpower/images/logos/logo12.png
  5. BIN
      manpower/images/logos/logo13.png
  6. BIN
      manpower/images/logos/logo14.png
  7. BIN
      manpower/images/logos/logo15.png
  8. BIN
      manpower/images/logos/logo16.png
  9. BIN
      manpower/images/logos/logo17.png
  10. BIN
      manpower/images/logos/logo18.png
  11. BIN
      manpower/images/logos/logo2.png
  12. BIN
      manpower/images/logos/logo3.png
  13. BIN
      manpower/images/logos/logo4.png
  14. BIN
      manpower/images/logos/logo5.png
  15. BIN
      manpower/images/logos/logo6.png
  16. BIN
      manpower/images/logos/logo7.png
  17. BIN
      manpower/images/logos/logo8.png
  18. BIN
      manpower/images/logos/logo9.png
  19. BIN
      manpower/images/page-bg.png
  20. BIN
      manpower/images/sex-bg.png
  21. 62 113
      manpower/index.html
  22. 65 0
      manpower/js/data.js
  23. 1 20
      manpower/js/index.js
  24. 15 0
      manpower/libs/lodash.min.js
  25. 51 10
      manpower/styles/index.css

BIN
manpower/images/logos/logo1.png
View File


BIN
manpower/images/logos/logo10.png
View File


BIN
manpower/images/logos/logo11.png
View File


BIN
manpower/images/logos/logo12.png
View File


BIN
manpower/images/logos/logo13.png
View File


BIN
manpower/images/logos/logo14.png
View File


BIN
manpower/images/logos/logo15.png
View File


BIN
manpower/images/logos/logo16.png
View File


BIN
manpower/images/logos/logo17.png
View File


BIN
manpower/images/logos/logo18.png
View File


BIN
manpower/images/logos/logo2.png
View File


BIN
manpower/images/logos/logo3.png
View File


BIN
manpower/images/logos/logo4.png
View File


BIN
manpower/images/logos/logo5.png
View File


BIN
manpower/images/logos/logo6.png
View File


BIN
manpower/images/logos/logo7.png
View File


BIN
manpower/images/logos/logo8.png
View File


BIN
manpower/images/logos/logo9.png
View File


BIN
manpower/images/page-bg.png
View File


BIN
manpower/images/sex-bg.png
View File


+ 62 - 113
manpower/index.html
View File 

@@ -14,7 +14,9 @@
 
     <script src="./libs/echarts.min.js"></script>
 
     <script src="./libs/echarts.min.js"></script>
 
     <script src="./libs/element-ui@2.15.9.js"></script>
 
     <script src="./libs/element-ui@2.15.9.js"></script>
 
     <script src="./libs/axios.min.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/request.js"></script>
 
+    <script src="./js/data.js"></script>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="app">
 
     <div id="app">
 
@@ -61,73 +63,82 @@
 
           </dv-border-box-8>
 
           </dv-border-box-8>
 
         </div>
 
         </div>
 
         <div class="center">
 
         <div class="center">
 
-          <div class="top">
 
+          <div class="top" v-if="centerData">
 
             <div class="box">
 
             <div class="box">
 
               <img src="./images/center-top1.png"/>
 
               <img src="./images/center-top1.png"/>
 
               <div>
 
               <div>
 
                 <p>架构数</p>
 
                 <p>架构数</p>
 
-                <p><i style="color: #45DAD1">25600</i>人</p>
 
+                <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
             <div class="box">
 
             <div class="box">
 
               <img src="./images/center-top2.png"/>
 
               <img src="./images/center-top2.png"/>
 
               <div>
 
               <div>
 
                 <p>岗位数</p>
 
                 <p>岗位数</p>
 
-                <p><i style="color: #8BA2FF">15080</i>人</p>
 
+                <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
             <div class="box">
 
             <div class="box">
 
               <img src="./images/center-top3.png"/>
 
               <img src="./images/center-top3.png"/>
 
               <div>
 
               <div>
 
                 <p>总人数</p>
 
                 <p>总人数</p>
 
-                <p><i style="color: #69C0FF">188600</i>人</p>
 
+                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
           <dv-border-box-8 :dur="10">
 
           <dv-border-box-8 :dur="10">
 
-            <div class="my-panel">
 
+            <div class="my-panel" v-if="centerData">
 
               <div class="panel-title">
 
               <div class="panel-title">
 
                 <span class="text">六定改革成效果展示</span>
 
                 <span class="text">六定改革成效果展示</span>
 
               </div>
 
               </div>
 
-              <div class="content" style="padding: 10px;">
 
+              <div class="content flex" style="padding: 10px;">
 
                 <div class="box-center">
 
                 <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>
 
-                  <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>
 
                 </div>
 
                 <div class="box-center">
 
                 <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>
 
-                  <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>
 
+                <div class="box-center">
 
                   <div>
 
                   <div>
 
-                    <p>180</p>
 
-                    <p>在册职工压缩数</p>
 
+                     <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
 
+                    <p>在册职工压缩率</p>
 
                   </div>
 
                   </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>
 
                 </div>
 
               </div>
 
               </div>
 
@@ -136,94 +147,32 @@
 
           <dv-border-box-8 :dur="10">
 
           <dv-border-box-8 :dur="10">
 
             <div class="my-panel">
 
             <div class="my-panel">
 
               <div class="panel-title">
 
               <div class="panel-title">
 
-                <span class="text">预警</span>
 
+                <span class="text">核心指标展示</span>
 
               </div>
 
               </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>
 
             </div>
 
             </div>
 
           </dv-border-box-8>
 
           </dv-border-box-8>
 
           <dv-border-box-8 :dur="10">
 
           <dv-border-box-8 :dur="10">
 
             <div class="my-panel">
 
             <div class="my-panel">
 
               <div class="panel-title">
 
               <div class="panel-title">
 
-                <span class="text">当前省属企业人数占比</span>
 
+                <span class="text">工作数据分析中心</span>
 
               </div>
 
               </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>
 
             </div>
 
             </div>
 
           </dv-border-box-8>
 
           </dv-border-box-8>
 
-          
+         
         </div>
 
         </div>
 
         <div class="right">
 
         <div class="right">
 
           <dv-border-box-8 :dur="10" style="flex: 2">
 
           <dv-border-box-8 :dur="10" style="flex: 2">
 
@@ -264,7 +213,7 @@
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="footer">
 
       <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>
 
     </div>
 
     </div>
 
     <script src="./js/index.js"></script>
 
     <script src="./js/index.js"></script>

+ 65 - 0
manpower/js/data.js
View File 

@@ -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],
 
+]

File diff suppressed because it is too large
+ 1 - 20
manpower/js/index.js


File diff suppressed because it is too large
+ 15 - 0
manpower/libs/lodash.min.js


+ 51 - 10
manpower/styles/index.css
View File 

@@ -76,7 +76,7 @@ a {
 
   display: none;
 
   display: none;
 
 }
 
 }
 
 #app {
 
 #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%;
 
   background-size: 100% 100%;
 
   padding-top: 10px;
 
   padding-top: 10px;
 
 }
 
 }
 
@@ -133,15 +133,13 @@ a {
 
   height: 100%;
 
   height: 100%;
 
 }
 
 }
 
 .center .top {
 
 .center .top {
 
-  height: 183px;
 
   display: flex;
 
   display: flex;
 
   justify-content: space-between;
 
   justify-content: space-between;
 
-  padding: 0 -5px;
 
-  margin-bottom: 10px;
 
+  margin: 0px -10px 20px;
 
 }
 
 }
 
 .center .top .box {
 
 .center .top .box {
 
   flex: 1;
 
   flex: 1;
 
-  margin-bottom: 25px;
 
+  padding: 20px 0;
 
   background-color: rgba(105,192,255,0.2);
 
   background-color: rgba(105,192,255,0.2);
 
   display: flex;
 
   display: flex;
 
   align-items: center;
 
   align-items: center;
 
@@ -177,11 +175,20 @@ a {
 
   height: 70px;
 
   height: 70px;
 
   line-height: 70px;
 
   line-height: 70px;
 
   text-align: center;
 
   text-align: center;
 
+  align-items: center;
 
+  justify-content: center;
 
+  display: flex;
 
   color: #fff;
 
   color: #fff;
 
-  font-size: 20px;
 
+  font-weight: 600;
 
+  font-size: 22px;
 
   background: url('../images/footer-item.png') no-repeat;
 
   background: url('../images/footer-item.png') no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
 }
 
 }
 
+.footer a img {
 
+  width: 35px;
 
+  height: 35px;
 
+  margin-right: 15px;
 
+}
 
 .footer a:hover {
 
 .footer a:hover {
 
   background: url('../images/footer-item-checked.png') no-repeat;
 
   background: url('../images/footer-item-checked.png') no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
@@ -237,8 +244,9 @@ a {
 
 }
 
 }
 
 .s-title {
 
 .s-title {
 
   text-align: center;
 
   text-align: center;
 
-  font-size: 20px;
 
+  font-size: 24px;
 
   margin-bottom: 20px;
 
   margin-bottom: 20px;
 
+  font-weight: 600;
 
 }
 
 }
 
 .yujing {
 
 .yujing {
 
   display: flex;
 
   display: flex;
 
@@ -257,19 +265,52 @@ a {
 
   color: #f5f7fa;
 
   color: #f5f7fa;
 
 }
 
 }
 
 .box-center {
 
 .box-center {
 
+  flex: 1;
 
   display: flex;
 
   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 {
 
 .box-center > div {
 
-  background-color: #17436d;
 
   text-align: center;
 
   text-align: center;
 
   flex: 1;
 
   flex: 1;
 
   height: 150px;
 
   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) {
 
 .box-center > div p:nth-child(1) {
 
   font-size: 45px;
 
   font-size: 45px;
 
   font-weight: 800;
 
   font-weight: 800;
 
   color: #69C0FF;
 
   color: #69C0FF;
 
   margin-bottom: 15px;
 
   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;
 
 }
 
 }

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