Quellcode durchsuchen

index页面修改

unknown vor 1 Jahr
Ursprung
Commit
6ef2f1334b
3 geänderte Dateien mit 52 neuen und 16 gelöschten Zeilen
  1. 28 9
      manpower/index.html
  2. 1 1
      manpower/js/fjx.js
  3. 23 6
      manpower/styles/index.css

+ 28 - 9
manpower/index.html

@@ -87,24 +87,43 @@
       <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>
+              <span class="tip-window2" >创新的建设模式</span>
             </div>
+            <div class="box-content">
+              <img src="./images/center-top1.png" />
+              <div>
+                <p>架构数</p>
+                <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+              </div>
+            </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>
+              <span class="tip-window2" >创新的建设模式</span>
             </div>
+            
+            <div class="box-content">
+              <img src="./images/center-top2.png" />
+              <div>
+                <p>岗位数</p>
+                <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+              </div>
+            </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>
+              <span class="tip-window2" >创新的建设模式</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top3.png" />
+              <div>
+                <p>总人数</p>
+                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+              </div>
             </div>
           </div>
         </div>

+ 1 - 1
manpower/js/fjx.js

@@ -14,7 +14,7 @@ const fjxdataL3 = [
 const fjxdataL4 = [
   [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100],
 ]
-const titleData = ['2020年以来,省委省政府针对省属企业组织人员臃肿庞杂、领导人员职数偏多、管理人员比重过大、选人用人不够透明、薪酬业绩挂钩不紧、干部员工管理僵化等问题,借鉴中央企业“总部去机关化”和“三项制度”改革举措,启动定机构、定职数、定员额、定机制、定薪酬、定任期“六定”改革。','数智化人力资源系统将“六定”改革成果固化进入系统,通过开展横向、纵向比较,对于未落实改革要求的企业自动触发预设阈值并发出警报,为“六定”改革长期坚持、不断深化提供重要技术支撑。']
+const titleData = ['国资运营公司在工作过程中高度重视将新兴管理技术运用到实际业务场景之中,大力推动大数据应用从分析展示向智能决策转变,做到“一屏总览、一键调取”,实现“全局感知、精准监测全景可视、智慧分析”,推动国资阳光运行、要素全部覆盖过程留痕可询、动态监测预警。']
 const tipData =
 {
   analysis: [

+ 23 - 6
manpower/styles/index.css

@@ -169,22 +169,24 @@ a {
   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 {
+.box-content {
+  display: flex;
+  align-items: center;
+}
+.box-content > div {
   margin-left: 30px;
 }
-.box > img {
+.box-content > img {
   width: 138px;
 }
-.box > div p {
+.box-content > div p {
   font-size: 24px;
   color: #e4f8ff;
 }
-.box > div i {
+.box-content > div i {
   display: inline-block;
   font-size: 48px;
   margin-right: 5px;
@@ -356,6 +358,21 @@ a {
   border-radius: 8px;
   cursor: pointer;
 }
+.tip-window2 {
+  margin-right: 50px;
+  margin-top: 10px;
+  color: #69c0ff;
+  display: inline-block;
+  width: 170px;
+  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;
+  margin-left: calc(34% - 85px);
+}
 .tip {
   /* position: fixed;
   background-color: rgba(0, 0, 0, 0.5);