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

unknown 1 year ago
parent
7916893c3a fb2d6f3de1
commit
6e64d4effe
9 changed files with 812 additions and 36 deletions
Unified View Show Diff Stats
  1. 2 0
      login/js/login.js
  2. 3 3
      login/styles/login.css
  3. 9 1
      manpower/index.html
  4. 294 0
      manpower/index5.html
  5. 2 2
      manpower/js/fjx.js
  6. 39 15
      manpower/js/index.js
  7. 1 0
      manpower/js/index5.js
  8. 21 15
      manpower/styles/index.css
  9. 441 0
      manpower/styles/index5.css

+ 2 - 0
login/js/login.js
View File 

@@ -27,6 +27,8 @@ let app = new Vue({
 
               message: '登录成功',
 
               message: '登录成功',
 
               type: 'success'
 
               type: 'success'
 
             });
 
             });
 
+            sessionStorage.setItem('accounts',this.accounts);
 
+            sessionStorage.setItem('password',this.accounts);
 
             return
 
             return
 
           }
 
           }
 
         }
 
         }

+ 3 - 3
login/styles/login.css
View File 

@@ -16,7 +16,7 @@ body {
 
 .main {
 
 .main {
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 
-  background: url('/images/back.png') center center no-repeat;
 
+  background: url('./images/back.png') center center no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
   display: flex;
 
   display: flex;
 
   justify-content: center;
 
   justify-content: center;
 
@@ -29,7 +29,7 @@ body {
 
   display: grid;
 
   display: grid;
 
   grid-template-rows: repeat(3, 1fr);
 
   grid-template-rows: repeat(3, 1fr);
 
   align-items: center;
 
   align-items: center;
 
-  background: url('/images/register.png') center center no-repeat;
 
+  background: url('./images/register.png') center center no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
 }
 
 }
 
 .title {
 
 .title {
 
@@ -45,7 +45,7 @@ body {
 
   height: 50px;
 
   height: 50px;
 
   line-height: 50px;
 
   line-height: 50px;
 
   margin: 0 auto;
 
   margin: 0 auto;
 
-  background: url('/images/orthogon.png') center center no-repeat;
 
+  background: url('./images/orthogon.png') center center no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
   text-align: center;
 
   text-align: center;
 
   color: #fff;
 
   color: #fff;

+ 9 - 1
manpower/index.html
View File 

@@ -28,7 +28,7 @@
 
 <body>
 
 <body>
 
   <div id="app" v-cloak @click="showTipClose">
 
   <div id="app" v-cloak @click="showTipClose">
 
     <header class="my-header">
 
     <header class="my-header">
 
-      <span>国有资本数智化平台人力资源系统</span>
 
+      <span @click.stop="handleTitleShow()" style="cursor: pointer;">国有资本数智化平台人力资源系统</span>
 
       <span class="right">{{time}}</span>
 
       <span class="right">{{time}}</span>
 
     </header>
 
     </header>
 
     <div class="main">
 
     <div class="main">
 
@@ -285,6 +285,14 @@
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
+    <!--标题弹窗 -->
 
+    <div class="tip" @click="showTip = false" v-if="titleShow">
 
+      <div class="tip-box">
 
+        <div class="tip-content">
 
+          <div class="btm10" v-for="(item,index) in titleData" :key="index"> {{item}}</div>
 
+        </div>
 
+      </div>
 
+    </div>
 
   </div>
 
   </div>

+ 294 - 0
manpower/index5.html
View File 

@@ -0,0 +1,294 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="utf-8" />
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
 
+  <!-- 引入样式 -->
 
+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
 
+  <link rel="stylesheet" href="./styles/normalize.css" />
 
+  <link rel="stylesheet" href="./styles/index5.css" />
 
+  <!-- 引入js -->
 
+  <script src="./libs/vue@2.7.10.js"></script>
 
+  <!-- <script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script> -->
 
+  <script src="./libs/echarts.min.js"></script>
 
+  <script src="./libs/datav.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>
 
+  <script src="./js/zhb.js"></script>
 
+  <script src="./js/li.js"></script>
 
+  <script src="./js/fjx.js"></script>
 
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
 
+</head>
 
+
 
+<body>
 
+  <div id="app" v-cloak @click="showTipClose">
 
+    <header class="my-header">
 
+      <span>国有资本数智化平台人力资源系统</span>
 
+      <span class="right">{{time}}</span>
 
+    </header>
 
+    <div class="main">
 
+      <div class="left">
 
+        <dv-border-box-8 :dur="10" style="flex: 1;">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between ">
 
+              <span class="text">定机构</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(0,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(0,'analysis')">智能分析</span>
 
+              </div>
 
+            </div>
 
+            <div class="content flex">
 
+              <!-- <div ref="echartL1" style="flex: 1;height: 100%;"></div> -->
 
+              <div ref="echartL2" style="flex: 1;height: 100%;"></div>
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+        <dv-border-box-8 :dur="11" style="flex: 1;">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between">
 
+              <span class="text">定职数</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(1,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(1,'analysis')">智能分析</span>
 
+              </div>
 
+            </div>
 
+            <div class="content flex">
 
+              <!-- <div ref="echartL3" style="flex: 1;height: 100%;"></div> -->
 
+              <div style="flex: 1;height: 100%; position: relative;">
 
+                <div ref="echartL4" style="height: 100%; width: 100%;"></div>
 
+                <div class="icon" @click.stop="handleShowTip2(0)">?</div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+        <dv-border-box-8 :dur="12" style="flex: 1;">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between">
 
+              <span class="text">定员额</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(2,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(2,'analysis')">智能分析</span>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <!-- <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div> -->
 
+              <!-- <div ref="echartL6" style="flex: 0 0 49.9%;height: 50%;"></div> -->
 
+              <!-- <div ref="echartL7" style="flex: 0 0 49.9%;height: 50%;"></div> -->
 
+              <div ref="echartL8" style="height: 100%;"></div>
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+      </div>
 
+      <div class="center">
 
+        <div class="top" v-if="centerData">
 
+          <div class="box">
 
+            <img src="./images/center-top1.png" />
 
+            <div>
 
+              <p>架构数</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">{{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">{{numFormat(centerData.info.value3)}}</i></p>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <dv-border-box-8 :dur="10">
 
+          <div class="my-panel" v-if="centerData">
 
+            <div class="panel-title">
 
+              <span class="text">六定改革成效</span>
 
+            </div>
 
+            <div class="content flex" style="padding: 10px;">
 
+              <div class="box-center">
 
+                <div class="t">
 
+                  <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
 
+                  <p>总部机构压缩率</p>
 
+                </div>
 
+                <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 class="t">
 
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
 
+                  <p>中层管理人数压缩率</p>
 
+                </div>
 
+                <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>{{centerData.changeInfo[2].value1}}<span>%</span></p>
 
+                  <p>在册职工压缩率</p>
 
+                </div>
 
+                <div class="flex">
 
+                  <div>
 
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
 
+                    <p>改革前在册职工数</p>
 
+                  </div>
 
+                  <div>
 
+                    <p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span>万</span></p>
 
+                    <p>在册职工压缩数</p>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+        <dv-border-box-8 :dur="10">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between">
 
+              <span class="text">核心指标监测</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(3,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(3,'analysis')">智能分析</span>
 
+              </div>
 
+
 
+
 
+            </div>
 
+            <div class="content flex">
 
+              <div style="flex: 1;height: 100%; position: relative;">
 
+                <div ref="echartC1" style="flex: 1;height: 100%;"></div>
 
+                <div class="icon" @click.stop="handleShowTip2(1)">?</div>
 
+              </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>
 
+            </div>
 
+            <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: 1">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between">
 
+              <span class="text">定机制</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(4,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(4,'analysis')">智能分析</span>
 
+              </div>
 
+
 
+            </div>
 
+            <div class="content">
 
+              <!-- <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div> -->
 
+              <!-- <div ref="echartR2" style="flex: 0 0 49.9%;height: 50%;"></div> -->
 
+              <!-- <div ref="echartR3" style="flex: 0 0 49.9%;height: 50%;"></div> -->
 
+              <div ref="echartR4" style="width:100;height: 100%;"></div>
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+        <dv-border-box-8 :dur="11" style="flex: 1">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between">
 
+              <span class="text">定薪酬</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(5,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(5,'analysis')">智能分析</span>
 
+              </div>
 
+
 
+            </div>
 
+            <div class="content flex">
 
+              <div ref="echartR5" style="flex: 1;height: 100%;"></div>
 
+              <!-- <div ref="echartR6" style="flex: 1;height: 100%;"></div> -->
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+        <dv-border-box-8 :dur="12" style="flex: 1">
 
+          <div class="my-panel">
 
+            <div class="panel-title flex-between">
 
+              <span class="text">定任期</span>
 
+              <div>
 
+                <span class="tip-window" @click.stop="handleShowTip(6,'focus')">关注重点</span>
 
+                <span class="tip-window" @click.stop="handleShowTip(6,'analysis')">智能分析</span>
 
+              </div>
 
+            </div>
 
+            <div class="content flex">
 
+              <div ref="echartR7" style="flex: 1;height: 100%;"></div>
 
+              <!-- <div ref="echartR8" style="flex: 1;height: 100%;"></div> -->
 
+            </div>
 
+          </div>
 
+        </dv-border-box-8>
 
+      </div>
 
+    </div>
 
+    <div class="footer">
 
+      <a class="item" v-for="(item,index) in companyList" :key="index" @click="handleGoPage(item.link)"><img
 
+          :src="`./images/logos/logo${index+1}.png`"></img> {{item.name}}</a>
 
+    </div>
 
+
 
+    <div class="tip" @click="showTip = false" v-if="showTip && tipNum != 3">
 
+      <div class="tip-box">
 
+        <div class="tip-content">
 
+          <div class="btm10" v-for="(item,index) in tipData[tipNum]" :key="index"> {{item}}</div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <!-- 问号弹窗 -->
 
+    <div class="tip" @click="showTip2 = false" v-if="showTip2">
 
+      <div class="tip-box" style="left:calc( 50% + 1300px )">
 
+        <div class="tip-content">
 
+          <div class="btm10" v-for="(item,index) in tipData2[tipNum]" :key="index"> {{item}}</div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <!-- 核心指标监测专属 -->
 
+    <div class="tip" @click="showTip = false" v-if="showTip && tipNum == 3">
 
+      <div class="tip-box" style="left:calc( 50% + 1300px )">
 
+        <div class="tip-content">
 
+          <div class="btm10" v-for="(item,index) in tipData[tipNum]" :key="index"> {{item}}</div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <script src="./js/index5.js"></script>
 
+</body>
 
+
 
+</html>

+ 2 - 2
manpower/js/fjx.js
View File 

@@ -14,7 +14,7 @@ const fjxdataL3 = [
 
 const fjxdataL4 = [
 
 const fjxdataL4 = [
 
   [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100],
 
   [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100],
 
 ]
 
 ]
 
-
 
+const titleData = ['2020年以来，省委省政府针对省属企业组织人员臃肿庞杂、领导人员职数偏多、管理人员比重过大、选人用人不够透明、薪酬业绩挂钩不紧、干部员工管理僵化等问题，借鉴中央企业“总部去机关化”和“三项制度”改革举措，启动定机构、定职数、定员额、定机制、定薪酬、定任期“六定”改革。','数智化人力资源系统将“六定”改革成果固化进入系统，通过开展横向、纵向比较，对于未落实改革要求的企业自动触发预设阈值并发出警报，为“六定”改革长期坚持、不断深化提供重要技术支撑。']
 
 const tipData =
 
 const tipData =
 
 {
 
 {
 
   analysis: [
 
   analysis: [
 
@@ -59,7 +59,7 @@ const tipData =
 
       '深化三项制度改革，成本费用利润率低于全国同行业国有企业平均值的省属企业，年度在岗职工平均人数要刚性下降；',
 
       '深化三项制度改革，成本费用利润率低于全国同行业国有企业平均值的省属企业，年度在岗职工平均人数要刚性下降；',
 
     ],
 
     ],
 
     [
 
     [
 
-      '核心关注企业效益与人力资源管理挂钩的两个核心指标发展趋势。', '全员劳动生产率：企业劳动生产总值/在册人数，代表企业人均产出；需重点关注低于平均线的企业。', '人工成本利润率：企业利润总额/人工成本，值为负的企业代表其利润为负，需重点关注其增长趋势。', '另外也需关注低于100%的企业，代表其利润总额低于人工成本，经营效益需进一步改善，人工成本有待进一步压降。',
 
+      '核心关注企业效益与人力资源管理挂钩的两个核心指标发展趋势。', '全员劳动生产率：企业劳动生产总值/在册人数，代表企业人均产出；需重点关注低于平均线的企业。', '人工成本利润率：企业利润总额/人工成本，值为负的企业代表其利润为负，需重点关注其增长趋势。',
 
     ],
 
     ],
 
     [
 
     [
 
       '对经营效益不佳利润为负的企业，要控制在岗职工人员总数，原则上不鼓励招聘、进人，对经营业绩下滑但持续招聘的企业需重点关注。'
 
       '对经营效益不佳利润为负的企业，要控制在岗职工人员总数，原则上不鼓励招聘、进人，对经营业绩下滑但持续招聘的企业需重点关注。'

+ 39 - 15
manpower/js/index.js
View File 

@@ -11,8 +11,10 @@ let app = new Vue({
 
       showTip2: false,
 
       showTip2: false,
 
       showTip3: false,
 
       showTip3: false,
 
       showTip4: false,
 
       showTip4: false,
 
+      titleShow: false,
 
       tipNum: '',
 
       tipNum: '',
 
       tipData: tipData,
 
       tipData: tipData,
 
+      titleData: titleData,
 
       time: '',
 
       time: '',
 
       year: '2022',
 
       year: '2022',
 
       config1: {
 
       config1: {
 
@@ -24,7 +26,7 @@ let app = new Vue({
 
         header: ['', '时间', '所属集团', '工作情况'],
 
         header: ['', '时间', '所属集团', '工作情况'],
 
         headerBGC: '#05507b33',
 
         headerBGC: '#05507b33',
 
         oddRowBGC: '#69c0ff0f',
 
         oddRowBGC: '#69c0ff0f',
 
-        waitTime: '50000',
 
+        // waitTime: '50000',
 
         evenRowBGC: '',
 
         evenRowBGC: '',
 
         headerHeight: '40',
 
         headerHeight: '40',
 
         columnWidth: [150, 150],
 
         columnWidth: [150, 150],
 
@@ -75,27 +77,41 @@ let app = new Vue({
 
         // ],
 
         // ],
 
       },
 
       },
 
       storageRecordConfig2: {
 
       storageRecordConfig2: {
 
-        header: ['', '企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
 
+        header: ['', '企业名称', '预警内容', '累计未获取数据日期'],
 
         headerBGC: '#05507b33',
 
         headerBGC: '#05507b33',
 
         oddRowBGC: '#05507b33',
 
         oddRowBGC: '#05507b33',
 
         evenRowBGC: '',
 
         evenRowBGC: '',
 
         headerHeight: '40',
 
         headerHeight: '40',
 
-        columnWidth: [150, 150],
 
+        columnWidth: [150],
 
         rowNum: 4,
 
         rowNum: 4,
 
         align: ['center', 'center', 'center', 'center', 'center'],
 
         align: ['center', 'center', 'center', 'center', 'center'],
 
         data: [
 
         data: [
 
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华新燃气	 ', '	本季度数据更新及时准确	 ', '	四季度	 ', '	-	 '],
 
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	本季度数据更新及时准确	 ', '	四季度	 ', '		 '],
 
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	六定长效机制情况未更新	 ', '	2022.12.01-12.31	 ', '	30	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	建设投资	 ', '	六定长效机制12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	交控集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	太重集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水务集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定长效机制情况数据更新错误	 ', '	2022.12.01-12.31	 ', '	-	 '],
 
-        ],
 
+          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华新燃气	 ', '	本季度数据更新及时准确	 ', '	-	 '],
 
+          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	本季度数据更新及时准确	 ', '		 '],
 
+          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	六定长效机制情况未更新	 ', '	30	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	建设投资	 ', '	六定长效机制12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	交控集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	太重集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水务集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
 
+          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定长效机制情况数据更新错误	 ', '	-	 '],
 
+        ]
 
+        // [
 
+        //   ['<span class="lightOut"><span class="	light green	"></span></span>', '	华新燃气	 ', '	本季度数据更新及时准确	 ', '	四季度	 ', '	-	 '],
 
+        //   ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	本季度数据更新及时准确	 ', '	四季度	 ', '		 '],
 
+        //   ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	六定长效机制情况未更新	 ', '	2022.12.01-12.31	 ', '	30	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	建设投资	 ', '	六定长效机制12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	交控集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	太重集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水务集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
 
+        //   ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定长效机制情况数据更新错误	 ', '	2022.12.01-12.31	 ', '	-	 '],
 
+        // ]
 
+        ,
 
       },
 
       },
 
       companyList: companyList,
 
       companyList: companyList,
 
       commonOption: {
 
       commonOption: {
 
@@ -241,9 +257,15 @@ let app = new Vue({
 
     }
 
     }
 
   },
 
   },
 
   methods: {
 
   methods: {
 
+    handleTitleShow () {
 
+      this.titleShow = true
 
+      this.showTip = false
 
+      this.showTip2 = false
 
+    },
 
     showTipClose () {
 
     showTipClose () {
 
       this.showTip = false
 
       this.showTip = false
 
       this.showTip2 = false
 
       this.showTip2 = false
 
+      this.titleShow = false
 
     },
 
     },
 
     handleShowTip (index, type) {
 
     handleShowTip (index, type) {
 
       if (type == 'analysis') {
 
       if (type == 'analysis') {
 
@@ -253,11 +275,13 @@ let app = new Vue({
 
       }
 
       }
 
       this.showTip2 = false
 
       this.showTip2 = false
 
       this.showTip = true
 
       this.showTip = true
 
+      this.titleShow = false
 
       this.tipNum = index
 
       this.tipNum = index
 
     },
 
     },
 
     handleShowTip2 (index) {
 
     handleShowTip2 (index) {
 
       this.showTip = false
 
       this.showTip = false
 
       this.showTip2 = true
 
       this.showTip2 = true
 
+      this.titleShow = false
 
       this.tipNum = index
 
       this.tipNum = index
 
     },
 
     },
 
     handleGoPage (url) {
 
     handleGoPage (url) {

File diff suppressed because it is too large
+ 1 - 0
manpower/js/index5.js


+ 21 - 15
manpower/styles/index.css
View File 

@@ -10,10 +10,10 @@ body {
 
   min-width: 7640px;
 
   min-width: 7640px;
 
   font-size: 20px;
 
   font-size: 20px;
 
   color: #fff;
 
   color: #fff;
 
-  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC",
 
-    "Hiragino Sans GB", Arial, sans-serif;
 
-    height: 100vh;
 
-    overflow-y: hidden;
 
+  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC',
 
+    'Hiragino Sans GB', Arial, sans-serif;
 
+  height: 100vh;
 
+  overflow-y: hidden;
 
 }
 
 }
 
 [v-cloak] {
 
 [v-cloak] {
 
   display: none;
 
   display: none;
 
@@ -81,18 +81,18 @@ a {
 
   display: none;
 
   display: none;
 
 }
 
 }
 
 #app {
 
 #app {
 
-  background: url("../images/page-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;
 
   position: relative;
 
   position: relative;
 
-  height:100vh;
 
+  height: 100vh;
 
   overflow-y: hidden;
 
   overflow-y: hidden;
 
 }
 
 }
 
 .my-header {
 
 .my-header {
 
   position: relative;
 
   position: relative;
 
   height: 140px;
 
   height: 140px;
 
   line-height: 140px;
 
   line-height: 140px;
 
-  background: url("../images/header-bg2.png") center center no-repeat;
 
+  background: url('../images/header-bg2.png') center center no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
   text-align: center;
 
   text-align: center;
 
   font-weight: bold;
 
   font-weight: bold;
 
@@ -209,7 +209,7 @@ a {
 
   color: #fff;
 
   color: #fff;
 
   font-weight: 600;
 
   font-weight: 600;
 
   font-size: 22px;
 
   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 {
 
 .footer a img {
 
@@ -218,7 +218,7 @@ a {
 
   margin-right: 15px;
 
   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%;
 
   color: #15f7ff;
 
   color: #15f7ff;
 
 }
 
 }
 
@@ -230,7 +230,7 @@ a {
 
   height: 60px;
 
   height: 60px;
 
   line-height: 60px;
 
   line-height: 60px;
 
   padding-left: 6%;
 
   padding-left: 6%;
 
-  background: url("../images/title-bg.png") no-repeat;
 
+  background: url('../images/title-bg.png') no-repeat;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
 }
 
 }
 
 .panel-title .text {
 
 .panel-title .text {
 
@@ -296,7 +296,7 @@ a {
 
   flex: 1;
 
   flex: 1;
 
   display: flex;
 
   display: flex;
 
   flex-direction: column;
 
   flex-direction: column;
 
-  background: url("../images/sex-bg.png") no-repeat center;
 
+  background: url('../images/sex-bg.png') no-repeat center;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
   padding: 1.5%;
 
   padding: 1.5%;
 
   margin: 0 10px;
 
   margin: 0 10px;
 
@@ -374,7 +374,7 @@ a {
 
   height: 850px;
 
   height: 850px;
 
   top: calc(50% - 375px);
 
   top: calc(50% - 375px);
 
   left: calc(50% - 600px);
 
   left: calc(50% - 600px);
 
-  background: url("../images/alert.png") no-repeat center;
 
+  background: url('../images/alert.png') no-repeat center;
 
   background-color: #133b65;
 
   background-color: #133b65;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
   padding: 100px 60px 50px;
 
   padding: 100px 60px 50px;
 
@@ -391,13 +391,13 @@ a {
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
 }
 
 }
 
 .red {
 
 .red {
 
-  background: url("../images/red.png");
 
+  background: url('../images/red.png');
 
 }
 
 }
 
 .green {
 
 .green {
 
-  background: url("../images/green.png");
 
+  background: url('../images/green.png');
 
 }
 
 }
 
 .yellow {
 
 .yellow {
 
-  background: url("../images/yellow.png");
 
+  background: url('../images/yellow.png');
 
 }
 
 }
 
 .lightOut {
 
 .lightOut {
 
   display: flex;
 
   display: flex;
 
@@ -439,3 +439,9 @@ div::-webkit-scrollbar-track {
 
   border-radius: 50%;
 
   border-radius: 50%;
 
   font-size: 24px;
 
   font-size: 24px;
 
 }
 
 }
 
+* {
 
+  -webkit-user-select: none;
 
+  -moz-user-select: none;
 
+  -ms-user-select: none;
 
+  user-select: none;
 
+}

+ 441 - 0
manpower/styles/index5.css
View File 

@@ -0,0 +1,441 @@
 
+*,
 
+*:before,
 
+*:after {
 
+  padding: 0;
 
+  margin: 0;
 
+  box-sizing: border-box;
 
+}
 
+html,
 
+body {
 
+  min-width: 7640px;
 
+  font-size: 20px;
 
+  color: #fff;
 
+  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC",
 
+    "Hiragino Sans GB", Arial, sans-serif;
 
+    height: 100vh;
 
+    overflow-y: hidden;
 
+}
 
+[v-cloak] {
 
+  display: none;
 
+}
 
+.flex {
 
+  display: flex;
 
+}
 
+.flex-wrap {
 
+  flex-wrap: wrap;
 
+}
 
+.flex1 {
 
+  flex: 1;
 
+}
 
+.flex2 {
 
+  flex: 2;
 
+}
 
+.flex-around {
 
+  display: flex;
 
+  justify-content: space-around;
 
+}
 
+.flex-between {
 
+  display: flex;
 
+  justify-content: space-between;
 
+  align-items: center;
 
+}
 
+.flex-end {
 
+  display: flex;
 
+  justify-content: flex-end;
 
+}
 
+.flex-column {
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+.flex-align-center {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.text-center {
 
+  text-align: center;
 
+}
 
+.font12 {
 
+  font-size: 12px;
 
+}
 
+.main-color {
 
+  color: #69c0ff;
 
+}
 
+.danger-color {
 
+  color: #f15450 !important;
 
+}
 
+.error-color {
 
+  color: #ffc704 !important;
 
+}
 
+.btm10 {
 
+  margin-bottom: 10px;
 
+}
 
+.btm20 {
 
+  margin-bottom: 20px;
 
+}
 
+a {
 
+  text-decoration: none;
 
+  cursor: pointer;
 
+}
 
+
 
+[v-cloak] {
 
+  display: none;
 
+}
 
+#app {
 
+  background: url("../images/page-bg.png") center center no-repeat;
 
+  background-size: 100% 100%;
 
+  padding-top: 10px;
 
+  position: relative;
 
+  height:100vh;
 
+  overflow-y: hidden;
 
+}
 
+.my-header {
 
+  position: relative;
 
+  height: 140px;
 
+  line-height: 140px;
 
+  background: url("../images/header-bg2.png") center center no-repeat;
 
+  background-size: 100% 100%;
 
+  text-align: center;
 
+  font-weight: bold;
 
+  font-size: 60px;
 
+  font-weight: 600;
 
+}
 
+.my-header span {
 
+  background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
 
+  -webkit-background-clip: text;
 
+  -webkit-text-fill-color: transparent;
 
+}
 
+.my-header span.left {
 
+  position: absolute;
 
+  left: 100px;
 
+  height: 50px;
 
+  top: 40px;
 
+  font-size: 30px;
 
+  cursor: pointer;
 
+}
 
+.my-header span.left2 {
 
+  position: absolute;
 
+  left: 300px;
 
+  top: 20px;
 
+  height: 100px;
 
+  line-height: 100px;
 
+  display: inline-block;
 
+  width: 180px;
 
+  font-size: 36px;
 
+  cursor: pointer;
 
+}
 
+
 
+.my-header span.right {
 
+  position: absolute;
 
+  right: 100px;
 
+  top: 0px;
 
+  font-size: 30px;
 
+}
 
+.main {
 
+  padding: 15px 15px 0;
 
+  display: flex;
 
+  height: calc(100vh - 280px);
 
+}
 
+.left,
 
+.right {
 
+  flex: 1;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+.left .my-panel,
 
+.right .my-panel {
 
+  height: 100%;
 
+  overflow: hidden;
 
+}
 
+.dv-border-box-8 {
 
+  margin-bottom: 25px;
 
+  padding: 15px;
 
+  box-sizing: border-box;
 
+}
 
+.center {
 
+  flex: 1;
 
+  margin: 0 20px;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+.center .my-panel {
 
+  height: 100%;
 
+}
 
+.center .top {
 
+  display: flex;
 
+  justify-content: space-between;
 
+  margin: 0px -10px 20px;
 
+}
 
+.center .top .box {
 
+  flex: 1;
 
+  padding: 20px 0;
 
+  background-color: rgba(105, 192, 255, 0.2);
 
+  display: flex;
 
+  align-items: center;
 
+  padding-left: 8%;
 
+  margin: 0 10px;
 
+}
 
+.box > div {
 
+  margin-left: 30px;
 
+}
 
+.box > img {
 
+  width: 138px;
 
+}
 
+.box > div p {
 
+  font-size: 24px;
 
+  color: #e4f8ff;
 
+}
 
+.box > div i {
 
+  display: inline-block;
 
+  font-size: 48px;
 
+  margin-right: 5px;
 
+  font-weight: 600;
 
+  margin-top: 5px;
 
+}
 
+.footer {
 
+  position: relative;
 
+  padding-bottom: 20px;
 
+  display: flex;
 
+  width: 60%;
 
+  margin: 0 auto;
 
+}
 
+.footer a {
 
+  flex: 1;
 
+  height: 70px;
 
+  line-height: 70px;
 
+  text-align: center;
 
+  align-items: center;
 
+  justify-content: center;
 
+  display: flex;
 
+  color: #fff;
 
+  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%;
 
+  color: #15f7ff;
 
+}
 
+.my-panel .content {
 
+  height: calc(100% - 60px);
 
+}
 
+.panel-title {
 
+  position: relative;
 
+  height: 60px;
 
+  line-height: 60px;
 
+  padding-left: 6%;
 
+  background: url("../images/title-bg.png") no-repeat;
 
+  background-size: 100% 100%;
 
+}
 
+.panel-title .text {
 
+  font-size: 32px;
 
+  font-weight: 600;
 
+  color: #daf9ff;
 
+}
 
+.panel-title .right-opr {
 
+  position: absolute;
 
+  right: 0;
 
+  width: 80px;
 
+}
 
+
 
+.list {
 
+  flex: 1;
 
+  padding: 15px;
 
+}
 
+.list .list-item {
 
+  display: flex;
 
+  align-items: center;
 
+  margin: 15px 0;
 
+  border: 1px solid #69c0ff3f;
 
+  padding: 20px;
 
+}
 
+.list .list-item > i {
 
+  margin-right: 15px;
 
+  width: 35px;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  text-align: center;
 
+  background: #69c0ff3f;
 
+  border-radius: 4px;
 
+  color: #69c0ff;
 
+}
 
+.list-item i.num {
 
+  font-size: 30px;
 
+  color: #69c0ff;
 
+  margin-right: 10px;
 
+}
 
+.s-title {
 
+  text-align: center;
 
+  font-size: 24px;
 
+  margin-bottom: 20px;
 
+  font-weight: 600;
 
+}
 
+.yujing {
 
+  display: flex;
 
+  padding: 15px 10px 12px;
 
+}
 
+.yujing > div {
 
+  background-color: #05507b4c;
 
+  margin: 0 15px;
 
+  padding: 15px 30px;
 
+  border-radius: 10px;
 
+}
 
+.el-progress-bar__outer {
 
+  background-color: #17436d !important;
 
+}
 
+.el-progress__text {
 
+  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 {
 
+  text-align: center;
 
+  flex: 1;
 
+  height: 150px;
 
+}
 
+.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: 24px !important;
 
+  font-weight: 600 !important;
 
+  background-color: rgba(105, 192, 255, 0.1) !important;
 
+}
 
+.dv-scroll-board .rows .row-item {
 
+  font-size: 22px !important;
 
+}
 
+.tip-window {
 
+  margin-right: 50px;
 
+  margin-top: 10px;
 
+  color: #69c0ff;
 
+  display: inline-block;
 
+  width: 142px;
 
+  height: 50px;
 
+  line-height: 50px;
 
+  text-align: center;
 
+  background-color: rgba(64, 169, 255, 0.12);
 
+  border: 2px solid #40a9ff;
 
+  border-radius: 8px;
 
+  cursor: pointer;
 
+}
 
+.tip {
 
+  /* position: fixed;
 
+  background-color: rgba(0, 0, 0, 0.5);
 
+  width: 100%;
 
+  height: 100%;
 
+  top: 0;
 
+  left: 0; */
 
+}
 
+.tip-box {
 
+  position: absolute;
 
+  /* top: 35%;
 
+  left: 32.5%; */
 
+  /* width: 35%;
 
+  height: 30%; */
 
+  width: 1200px;
 
+  height: 850px;
 
+  top: calc(50% - 375px);
 
+  left: calc(50% - 600px);
 
+  background: url("../images/alert.png") no-repeat center;
 
+  background-color: #133b65;
 
+  background-size: 100% 100%;
 
+  padding: 100px 60px 50px;
 
+}
 
+.tip-box > div {
 
+  font-size: 42px;
 
+  line-height: 70px;
 
+}
 
+.light {
 
+  display: inline-block;
 
+  width: 24px;
 
+  height: 24px;
 
+  border-radius: 50%;
 
+  background-size: 100% 100%;
 
+}
 
+.red {
 
+  background: url("../images/red.png");
 
+}
 
+.green {
 
+  background: url("../images/green.png");
 
+}
 
+.yellow {
 
+  background: url("../images/yellow.png");
 
+}
 
+.lightOut {
 
+  display: flex;
 
+  width: 100%;
 
+  height: 100%;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+.tip-content {
 
+  height: 95%;
 
+  overflow: auto;
 
+  padding-right: 15px;
 
+  margin-top: 2%;
 
+}
 
+div::-webkit-scrollbar {
 
+  width: 4px;
 
+}
 
+div::-webkit-scrollbar-thumb {
 
+  border-radius: 10px;
 
+  background: rgba(64, 169, 255, 0.6);
 
+}
 
+div::-webkit-scrollbar-track {
 
+  border-radius: 0;
 
+  background: rgba(64, 169, 255, 0.3);
 
+}
 
+.icon {
 
+  width: 35px;
 
+  height: 35px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  font-weight: bold;
 
+  position: absolute;
 
+  top: 8px;
 
+  left: 400px;
 
+  background-color: rgba(64, 169, 255, 0.12);
 
+  border: 2px solid #40a9ff;
 
+  cursor: pointer;
 
+  border-radius: 50%;
 
+  font-size: 24px;
 
+}

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