修改警示内容

investment/investHome.html

@@ -31,7 +31,7 @@
             <dv-border-box-8 :dur="10">
               <div class="my-panel">
                 <div class="panel-title">
-                  <span class="text">投资关键指标</span>
+                  <span class="text" @click="showTip = true">投资关键指标</span>
                   <span class="right-date">
                     <el-date-picker
                       v-model="year"
@@ -197,10 +197,19 @@
             ></dv-border-box-8>
           </div>
         </div>
+        <div class="tip" @click="showTip = false" v-if="showTip">
+          <div class="tip-box">
+            <div class="tip-content">
+              123
+            </div>
+          </div>
+        </div>
         <!-- <div class="footer">
           <a class="item" v-for="(item,index) in companyList" :key="index">{{item.name}}</a>
         </div> -->
       </dv-full-screen-container>
+
+      
     </div>
     <script src="./js/investHome.js"></script>
   </body>

investment/js/investHome.js

@@ -2,6 +2,7 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      showTip: true,
       year: '2022',
       time: '',
       timer: '',

investment/styles/investHome.css

@@ -419,3 +419,63 @@ a {
   height: 190px;
   overflow: hidden;
 }
+
+.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 {
+  z-index: 9;
+  position: fixed;
+  /* top: 35%;
+  left: 32.5%; */
+  /* width: 35%;
+  height: 30%; */
+  width: 600px;
+  height: 400px;
+  top: calc(50% - 200px);
+  left: calc(50% - 300px);
+  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;
+}
+.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);
+}

manpower/js/index.js

@@ -373,7 +373,7 @@ let app = new Vue({
                 show: true,
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#69c0ff',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -430,7 +430,7 @@ let app = new Vue({
                 show: true,
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#fbe138',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -602,7 +602,7 @@ let app = new Vue({
                 show: true,
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#69c0ff',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -641,7 +641,7 @@ let app = new Vue({
                 show: true,
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#6480f3',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -685,7 +685,7 @@ let app = new Vue({
                 show: true,
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#fbe138',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -741,8 +741,9 @@ let app = new Vue({
               normal: {
                 show: true,
                 position: 'top',
+                lineHeight:'25',
                 textStyle: {
-                  color: '#fff',
+                  color: '#69c0ff',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -781,6 +782,26 @@ let app = new Vue({
             symbol: 'circle', //标记的图形为实心圆
             symbolSize: 8, //标记的大小
             smooth: false,
+            label: {
+              normal: {
+                show: true,
+                position: 'bottom',
+                lineHeight: '25',
+                textStyle: {
+                  color: '#b889ea',
+                  fontStyle: 'normal',
+                  textAlign: 'left',
+                  fontSize: 16,
+              },
+                formatter: function(data) {
+                    if(data.name == '华阳新材' || data.name=='华舰体育'){
+                      return data.value
+                    } else {
+                      return ''
+                    }
+               }
+             }
+            },
             itemStyle: {
               //折线拐点标志的样式
               color: '#b889ea',
@@ -926,8 +947,8 @@ let app = new Vue({
             label: {
               normal: {
                 show: true,
-                position: 'top',
+                position: 'bottom',
-                lineHeight: '30',
+                lineHeight: '35',
                 textStyle: {
                   color: '#43ede3',
                   fontStyle: 'normal',
@@ -968,6 +989,26 @@ let app = new Vue({
             symbol: 'circle', //标记的图形为实心圆
             symbolSize: 8, //标记的大小
             smooth: false,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                lineHeight: '25',
+                textStyle: {
+                  color: '#b889ea',
+                  fontStyle: 'normal',
+                  textAlign: 'left',
+                  fontSize: 16,
+                },
+                formatter: function(data) {
+                    if(data.name == '文旅集团'|| data.name== "大地控股" || data.name=='华舰体育'){
+                      return data.value
+                    } else {
+                      return ''
+                    }
+               }
+             }
+            },
             itemStyle: {
               //折线拐点标志的样式
               color: '#b889ea',
@@ -1687,7 +1728,7 @@ let app = new Vue({
                 show: true,
                 position: 'bottom',
                 textStyle: {
-                  color: '#fff',
+                  color: '#69c0ff',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 14,
@@ -1727,7 +1768,7 @@ let app = new Vue({
                 show: true,
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#45DAD1',
                   fontStyle: 'normal',
                   textAlign: 'right',
                   fontSize: 14,
@@ -2022,10 +2063,10 @@ let app = new Vue({
             label: {
               normal: {
                 show: true,
-                
+                lineHeight:'20',
                 position: 'top',
                 textStyle: {
-                  color: '#fff',
+                  color: '#B889EA',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,
@@ -2068,7 +2109,7 @@ let app = new Vue({
                 position: 'top',
                 lineHeight:'35',
                 textStyle: {
-                  color: '#fff',
+                  color: '#69c0ff',
                   fontStyle: 'normal',
                   textAlign: 'left',
                   fontSize: 16,