Начало Каталог Помощ
Вход
kingdee_large_screen
/
pc_kingdee_large_screen
2
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
Преглед на файлове

修改弹出层

fanjiaxin преди 2 години
родител
12832ad78b
ревизия
4ade30847f
променени са 2 файла, в които са добавени 24 реда и са изтрити 24 реда
Обединен изглед Покажи статистика за разликите
  1. 8 8
      manpower/index.html
  2. 16 16
      manpower/styles/index.css

+ 8 - 8
manpower/index.html
Целия файл 

@@ -26,7 +26,7 @@
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <body>
 
-  <div id="app" v-cloak>
 
+  <div id="app" v-cloak @click="showTip = false">
 
     <header class="my-header">
 
     <header class="my-header">
 
       <span>国有资本数智化平台人力资源系统</span>
 
       <span>国有资本数智化平台人力资源系统</span>
 
       <span class="right">{{time}}</span>
 
       <span class="right">{{time}}</span>
 
@@ -37,7 +37,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between ">
 
             <div class="panel-title flex-between ">
 
               <span class="text">定机构</span>
 
               <span class="text">定机构</span>
 
-              <span class="tip-window" @click="handleShowTip(0)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(0)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex">
 
             <div class="content flex">
 
               <div ref="echartL1" style="flex: 1;height: 100%;"></div>
 
               <div ref="echartL1" style="flex: 1;height: 100%;"></div>
 
@@ -49,7 +49,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between">
 
             <div class="panel-title flex-between">
 
               <span class="text">定职数</span>
 
               <span class="text">定职数</span>
 
-              <span class="tip-window" @click="handleShowTip(1)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(1)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex">
 
             <div class="content flex">
 
               <div ref="echartL3" style="flex: 1;height: 100%;"></div>
 
               <div ref="echartL3" style="flex: 1;height: 100%;"></div>
 
@@ -64,7 +64,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between">
 
             <div class="panel-title flex-between">
 
               <span class="text">定员额</span>
 
               <span class="text">定员额</span>
 
-              <span class="tip-window" @click="handleShowTip(2)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(2)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex flex-wrap">
 
             <div class="content flex flex-wrap">
 
               <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div>
 
               <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div>
 
@@ -161,7 +161,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between">
 
             <div class="panel-title flex-between">
 
               <span class="text">核心指标监测</span>
 
               <span class="text">核心指标监测</span>
 
-              <span class="tip-window" @click="handleShowTip(3)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(3)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex">
 
             <div class="content flex">
 
               <div style="flex: 1;height: 100%; position: relative;">
 
               <div style="flex: 1;height: 100%; position: relative;">
 
@@ -196,7 +196,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between">
 
             <div class="panel-title flex-between">
 
               <span class="text">定机制</span>
 
               <span class="text">定机制</span>
 
-              <span class="tip-window" @click="handleShowTip(4)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(4)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex flex-wrap">
 
             <div class="content flex flex-wrap">
 
               <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div>
 
               <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div>
 
@@ -210,7 +210,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between">
 
             <div class="panel-title flex-between">
 
               <span class="text">定薪酬</span>
 
               <span class="text">定薪酬</span>
 
-              <span class="tip-window" @click="handleShowTip(5)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(5)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex">
 
             <div class="content flex">
 
               <div ref="echartR5" style="flex: 1;height: 100%;"></div>
 
               <div ref="echartR5" style="flex: 1;height: 100%;"></div>
 
@@ -222,7 +222,7 @@
 
           <div class="my-panel">
 
           <div class="my-panel">
 
             <div class="panel-title flex-between">
 
             <div class="panel-title flex-between">
 
               <span class="text">定任期</span>
 
               <span class="text">定任期</span>
 
-              <span class="tip-window" @click="handleShowTip(6)">智能分析</span>
 
+              <span class="tip-window" @click.stop="handleShowTip(6)">智能分析</span>
 
             </div>
 
             </div>
 
             <div class="content flex">
 
             <div class="content flex">
 
               <div ref="echartR7" style="flex: 1;height: 100%;"></div>
 
               <div ref="echartR7" style="flex: 1;height: 100%;"></div>

+ 16 - 16
manpower/styles/index.css
Целия файл 

@@ -10,8 +10,8 @@ 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',
 
+  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC",
 
-    'Hiragino Sans GB', Arial, sans-serif;
 
+    "Hiragino Sans GB", Arial, sans-serif;
 
 }
 
 }
 
 [v-cloak] {
 
 [v-cloak] {
 
   display: none;
 
   display: none;
 
@@ -79,7 +79,7 @@ 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;
 
@@ -88,7 +88,7 @@ a {
 
   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;
 
@@ -205,7 +205,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 {
 
@@ -214,7 +214,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;
 
 }
 
 }
 
@@ -226,7 +226,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 {
 
@@ -292,7 +292,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;
 
@@ -353,12 +353,12 @@ a {
 
   cursor: pointer;
 
   cursor: pointer;
 
 }
 
 }
 
 .tip {
 
 .tip {
 
-  position: fixed;
 
+  /* position: fixed;
 
   background-color: rgba(0, 0, 0, 0.5);
 
   background-color: rgba(0, 0, 0, 0.5);
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 
   top: 0;
 
   top: 0;
 
-  left: 0;
 
+  left: 0; */
 
 }
 
 }
 
 .tip-box {
 
 .tip-box {
 
   position: absolute;
 
   position: absolute;
 
@@ -370,8 +370,8 @@ 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;
 
 }
 
 }
 
@@ -387,13 +387,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;
 
@@ -434,4 +434,4 @@ div::-webkit-scrollbar-track {
 
   cursor: pointer;
 
   cursor: pointer;
 
   border-radius: 50%;
 
   border-radius: 50%;
 
   font-size: 24px;
 
   font-size: 24px;
 
-}
 
+}