投资弹窗初版完成

investment/investHomeGroup.html

@@ -68,7 +68,7 @@
                 </div>
               </div>
             </div>
-            <div class="h-full w-full overflow-hidden relative commonBack">
+            <div class="h-full w-full overflow-hidden relative commonBack" @click="window.location.href = './investHomeChild.html?type=2'">
               <div class="total">总额度<span style="font-size: 25px;">1,323.85亿</span></div>
               <div ref="echartL1" style="width: 100%; height: 100%;"></div>
             </div>
@@ -80,7 +80,7 @@
           </div>
           <div class="content">
             <div>
-              <div class="item3 commonBack">
+              <div class="item3 commonBack pointer" @click.stop="showChartLTipSingle('年度投资计划总额')">
                 <div class="item3-title">{{numFormat(totleLimit)}}<span>亿</span></div>
                 <div class="item3-img">
                   <img style="width: 100%; height: 100%;" src="./groupImg/icon-8-home2.png" alt="">
@@ -94,11 +94,11 @@
                 <div class="item4">
                   <div class="item4-title">固定资产类项目</div>
                   <div class="item4-con">
-                    <div class="item">
+                    <div class="item pointer" @click.stop="showChartLTipSingle('投资金额')">
                       <div class="text" style="margin-top: 10px;">投资金额</div>
                       <div class="title">1,198.19<span>亿</span></div>
                     </div>
-                    <div class="item">
+                    <div class="item pointer" @click.stop="showChartLTipSingle('项目数量')">
                       <div class="text" style="margin-top: 10px;">项目数量</div>
                       <div class="title">372<span>个</span></div>
                     </div>
@@ -109,11 +109,11 @@
                 <div class="item4">
                   <div class="item4-title">股权类项目</div>
                   <div class="item4-con">
-                    <div class="item">
+                    <div class="item pointer" @click.stop="showChartLTipSingle('投资金额')">
                       <div class="text" style="margin-top: 10px;">投资金额</div>
                       <div class="title">165.69<span>亿</span></div>
                     </div>
-                    <div class="item">
+                    <div class="item pointer" @click.stop="showChartLTipSingle('项目数量')">
                       <div class="text" style="margin-top: 10px;">项目数量</div>
                       <div class="title">261<span>个</span></div>
                     </div>
@@ -179,7 +179,7 @@
             </div>
             <div class="content">
               <div class="boxs">
-                <div @click.stop="showChartLTipSingle('投资总额')">
+                <div class="pointer" @click.stop="showChartLTipSingle('投资总额')">
                   <p>
                     <span class="name">投资总额</span>
                     <i class="el-icon-more"></i>
@@ -188,7 +188,7 @@
                     <i style="width:100%;text-align: center;"><span class="num">{{numFormat(1324.08)}}</span>亿</i>
                   </p>
                 </div>
-                <div @click.stop="showChartLTipSingle('项目总数')">
+                <div class="pointer" @click.stop="showChartLTipSingle('项目总数')">
                   <p>
                     <span class="name">项目总数</span>
                     <i class="el-icon-more"></i>
@@ -197,7 +197,7 @@
                     <i style="width:100%;text-align: center;"><span class="num">{{numFormat(442)}}</span>个</i>
                   </p>
                 </div>
-                <div @click.stop="showChartLTipSingle('固定资产')">
+                <div class="pointer" @click.stop="showChartLTipSingle('固定资产')">
                   <p>
                     <span class="name">固定资产</span>
                     <i class="el-icon-more"></i>
@@ -206,7 +206,7 @@
                     <i style="width:100%;text-align: center;"><span class="num">1,169.91</span>亿</i>
                   </p>
                 </div>
-                <div @click.stop="showChartLTipSingle('股权投资')">
+                <div class="pointer" @click.stop="showChartLTipSingle('股权投资')">
                   <p>
                     <span class="name">股权投资</span>
                     <i class="el-icon-more"></i>
@@ -315,6 +315,7 @@
           </div>
         </div>
       </div>
+      <!-- 标题专属弹窗 -->
       <div class="tip-box" v-if="mapTipShow">
         <div class="absolute poptitle">{{titleName}}</div>
         <div class="tip-down" @click="closeTap()">×</div>
@@ -322,17 +323,54 @@
         <div class="absolute popright" @click.stop="poprightClick()"></div>
         <img :src="`./groupImg/titleImg/${titleUrl}`" class="titleImg" alt="">
       </div>
+      <!-- 一个柱状图专属弹窗 -->
       <div class="tip-box" v-if="echartSingleTipShow">
         <div class="absolute poptitle">{{titleName}}</div>
         <div class="tip-down" @click="closeTap()">×</div>
         <div id="echartSingleTip" ref="echartSingleTip" class="commonBack" style="width: 100%; height: 100%;"></div>
       </div>
+      <!-- 两个柱状图专属弹窗 -->
       <div class="tip-box doubleTip" v-if="echartDoubleTipShow">
         <div class="absolute poptitle">{{titleName}}</div>
         <div class="tip-down" @click="closeTap()">×</div>
         <div id="echartSingleTip2" ref="echartSingleTip" class="commonBack" style="width: 100%; height: 100%;"></div>
         <div id="echartSingleTip3" ref="echartSingleTip" class="commonBack" style="width: 100%; height: 100%;"></div>
       </div>
+      <!-- 企业额度分析专属弹窗 -->
+      <div class="tip-box" v-if="echartEnterpriseShow">
+        <div class="absolute poptitle">{{titleName}}</div>
+        <div class="tip-down" @click="closeTap()">×</div>
+        <div class="tip2">
+          <div>
+            <div class="tip2-list">
+              <div>
+                <span>2022年度合并报表净利润</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;font-size: 40px;">135.26</span>亿元</span>
+              </div>
+              <div>
+                <span>提取固定资产折旧和无形资产摊销</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;font-size: 40px;">186.82</span>亿元</span>
+              </div>
+              <div>
+                <span>预计压降带息负债</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;font-size: 40px;">78.40</span>亿元</span>
+              </div>
+              <div>
+                <span>已用额度</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;font-size: 40px;">46.02</span>亿元</span>
+              </div>
+              <div>
+                <span>剩余额度</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;font-size: 40px;">354.47</span>亿元</span>
+              </div>
+            </div>
+          </div>
+          <div class="" style="position:relative;width: 100%;height: 100%;" @click="window.location.href = './investHomeChild.html?type=2'">
+            <div class="total3 total">总额度<span style="font-size: 40px;">400.49亿元</span></div>
+            <div ref="echartBall" style="width: 100%; height: 100%;background-color: #04224c;"></div>
+          </div>
+        </div>
+      </div>
     </div>
     <div class="RightBox">
       <header class="my-header">

investment/js/groupData.js

@@ -1,2 +1,4 @@
 // 左边大屏
-let left1 =[522.84,179.39,621.62]
+// 左上
+let left1 =[522.84,179.39,621.62]
+let left2 =[522.84,179.39,621.62]

investment/js/investHomeGroup.js

@@ -2,7 +2,9 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
-      mapChart: '',//地图专用echart
+      echartEnterpriseShow: false, // 企业额度分析控制
+      mapChart: '',//地图专用echarts
+      chartCarousel:'',//做大屏轮播专用echarts
       mapTipShow: false,
       echartSingleTipShow: false,
       echartDoubleTipShow: false,
@@ -21,7 +23,7 @@ let app = new Vue({
       totleLimit: '1363.88',
       showTip2: false,
       showTip3: false,
-      list: '',
+      list: [],
       count: 0,
       countType: 0,
       mapName: 'shanxi',
@@ -59,7 +61,9 @@ let app = new Vue({
         // evenRowBGC: '#05507b33',
         headerHeight: 50,
         headerBGC: '#05507b33',
-        oddRowBGC: '#05507b33',
+        oddRowBGC: '#05183c',
+        evenRowBGC: '#05183c',
+        // oddRowBGC: '#05507b33',
         rowNum: 6,
         // columnWidth: [100, 550,100],
         align: ['center', 'center', 'center'],
@@ -114,7 +118,6 @@ let app = new Vue({
       this.initChartL6()
       this.initChartL7()
       this.initChartL8()
-      this.initChartL9()
       this.initChartL10()
       this.initChartL11()
       this.changeTopColor()
@@ -159,7 +162,6 @@ let app = new Vue({
     },
     // 两个柱状图的弹窗
     showChartLTipDouble (e) {
-      // this.closeTap()
       this.titleName = e
       this.echartDoubleTipShow = true
       setTimeout(() => {
@@ -520,7 +522,7 @@ let app = new Vue({
           },
         },
         yAxis: {
-          name: '亿元',
+          name: '个',
           nameTextStyle: {//y轴上方单位的颜色
             color: '#fff',
             fontSize: '15'
@@ -597,8 +599,7 @@ let app = new Vue({
                 },
                 {
                   offset: 1,
-                  color: '#957DFF',
-
+                  color: '#69c0ff',
                 },
               ]),
             },
@@ -630,6 +631,7 @@ let app = new Vue({
       myChart.setOption(option);
     },
     closeTap () {
+      this.echartEnterpriseShow = false
       this.mapTipShow = false
       this.echartSingleTipShow = false
       this.echartDoubleTipShow = false
@@ -732,7 +734,6 @@ let app = new Vue({
       } else {
         this.countType = 0
       }
-      this.list = document.getElementsByClassName('row-item')
       for (var i = 0; i < this.list.length; i++) {
         if (i == 2) {
           this.list[i].classList.add('light')
@@ -740,8 +741,84 @@ let app = new Vue({
           this.list[i].classList.remove('light')
         }
       }
+      this.chartCarousel.dispose()
       this.initChartL9()
     },
+    initChartBall () {
+      let myChart = echarts.init(this.$refs['echartBall'])
+      var value = 0.1463;
+      var data = [value];
+      let option = {
+        backgroundColor: 'transparent',
+        title: [
+          {
+            // text: '总额度285.48亿',
+            // formatter: `<span>总额度</span>285.48亿`,
+            x: '37%',
+            y: '80%',
+            textStyle: {
+              fontSize: 24,
+              fontWeight: 'bold',
+              color: '#2CB7E0',
+              lineHeight: 16,
+              textAlign: 'center',
+            },
+          }
+        ],
+        series: [
+          {
+            type: 'liquidFill',
+            radius: '70%',
+            center: ['50%', '40%'],
+            color: [
+              {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#446bf5',
+                  },
+                  {
+                    offset: 1,
+                    color: '#2ca3e2',
+                  },
+                ],
+                globalCoord: false,
+              },
+            ],
+            data: [value, value], // data个数代表波浪数
+            backgroundStyle: {
+              borderWidth: 1,
+              color: 'RGBA(51, 66, 127, 0.7)',
+            },
+            label: {
+              normal: {
+                formatter: function (data) {
+                  return (data.value * 100).toFixed(2) + '%'
+                },
+                textStyle: {
+                  fontSize: 30,
+                  color: '#fff',
+                },
+              },
+            },
+            outline: {
+              // show: false
+              borderDistance: 0,
+              itemStyle: {
+                borderWidth: 2,
+                borderColor: 'transparent',
+              },
+            },
+          },
+        ],
+      }
+      myChart.setOption(option)
+    },
     initChartL1 () {
       let myChart = echarts.init(this.$refs['echartL1'])
       var value = 0.1463;
@@ -875,11 +952,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '主辅业计划占比'
-                          setTimeout(() => {
-                            // that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -954,7 +1027,7 @@ let app = new Vue({
           useHTML: false, //开启html模式
           style: {
             color: '#fff',
-            fontSize:'20'
+            fontSize: '20'
           },
           formatter: function (e) {
             let num = chartData[this.colorIndex].num
@@ -985,11 +1058,7 @@ let app = new Vue({
           point: {
             events: {
               click: function (e) { //点击事件
-                that.showTip3 = true
-                that.echartTitle = '主辅业计划占比'
-                setTimeout(() => {
-                  // that.initChartT1(chartData)
-                })
+                that.showChartLTipDouble(e.point.name)
               },
               mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                 //console.log(e) 
@@ -1006,11 +1075,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '主辅业计划占比'
-                          setTimeout(() => {
-                            // that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -1041,11 +1106,7 @@ let app = new Vue({
                       point: {
                         events: {
                           click: function (e) {
-                            that.showTip3 = true
-                            that.echartTitle = '主辅业计划占比'
-                            setTimeout(() => {
-                              // that.initChartT1(chartData)
-                            })
+                            that.showChartLTipDouble(e.point.name)
                           }
                         }
                       },
@@ -1067,10 +1128,7 @@ let app = new Vue({
                           events: {
                             click: function (e) {
                               that.showTip3 = true
-                              that.echartTitle = '主辅业计划占比'
-                              setTimeout(() => {
-                                // that.initChartT1(chartData)
-                              })
+                              that.showChartLTipDouble(e.point.name)
                             }
                           }
                         },
@@ -1149,11 +1207,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '项目管理类型'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -1185,12 +1239,7 @@ let app = new Vue({
               }, 2000);
             },
             legendItemClick: function (event) {
-              //console.log(event);
-              that.showTip3 = true
-              that.echartTitle = '项目管理类型'
-              setTimeout(() => {
-                that.initChartT1(chartData)
-              })
+              that.showChartLTipDouble(e.point.name)
               return true;
             }
           }
@@ -1234,7 +1283,7 @@ let app = new Vue({
           useHTML: false, //开启html模式
           style: {
             color: '#fff',
-            fontSize:'20'
+            fontSize: '20'
           },
           formatter: function (e) {
             //console.log(this)
@@ -1266,11 +1315,7 @@ let app = new Vue({
           point: {
             events: {
               click: function (e) { //点击事件
-                that.showTip3 = true
-                that.echartTitle = '项目管理类型'
-                setTimeout(() => {
-                  that.initChartT1(chartData)
-                })
+                that.showChartLTipDouble(e.point.name)
               },
               mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                 //console.log(e) 
@@ -1287,11 +1332,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '项目管理类型'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -1322,11 +1363,7 @@ let app = new Vue({
                       point: {
                         events: {
                           click: function (e) {
-                            that.showTip3 = true
-                            that.echartTitle = '项目管理类型'
-                            setTimeout(() => {
-                              that.initChartT1(chartData)
-                            })
+                            that.showChartLTipDouble(e.point.name)
                           }
                         }
                       },
@@ -1520,7 +1557,11 @@ let app = new Vue({
       })
       let that = this
       myChart.on('click', function (param) {
-        window.location.href = './investHomeChild.html?type=2'
+        that.titleName = param.name
+        that.echartEnterpriseShow = true
+        setTimeout(() => {
+         that.initChartBall() 
+        });
       })
       myChart.setOption(option);
     },
@@ -1603,11 +1644,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '传统产业分析'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -1665,7 +1702,7 @@ let app = new Vue({
           useHTML: false, //开启html模式
           style: {
             color: '#fff',
-            fontSize:'20'
+            fontSize: '20'
           },
           formatter: function (e) {
             //console.log(this)
@@ -1697,11 +1734,7 @@ let app = new Vue({
           point: {
             events: {
               click: function (e) { //点击事件
-                that.showTip3 = true
-                that.echartTitle = '传统产业分析'
-                setTimeout(() => {
-                  that.initChartT1(chartData)
-                })
+                that.showChartLTipDouble(e.point.name)
               },
               mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                 //console.log(e) 
@@ -1718,11 +1751,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '传统产业分析'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -1753,11 +1782,7 @@ let app = new Vue({
                       point: {
                         events: {
                           click: function (e) {
-                            that.showTip3 = true
-                            that.echartTitle = '传统产业分析'
-                            setTimeout(() => {
-                              that.initChartT1(chartData)
-                            })
+                            that.showChartLTipDouble(e.point.name)
                           }
                         }
                       },
@@ -1877,11 +1902,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '战略性新兴产业'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -1939,7 +1960,7 @@ let app = new Vue({
           useHTML: false, //开启html模式
           style: {
             color: '#fff',
-            fontSize:'20'
+            fontSize: '20'
           },
           formatter: function (e) {
             //console.log(this)
@@ -1971,11 +1992,7 @@ let app = new Vue({
           point: {
             events: {
               click: function (e) { //点击事件
-                that.showTip3 = true
-                that.echartTitle = '战略性新兴产业'
-                setTimeout(() => {
-                  that.initChartT1(chartData)
-                })
+                that.showChartLTipDouble(e.point.name)
               },
               mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                 //console.log(e) 
@@ -1992,11 +2009,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '战略性新兴产业'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -2027,11 +2040,7 @@ let app = new Vue({
                       point: {
                         events: {
                           click: function (e) {
-                            that.showTip3 = true
-                            that.echartTitle = '战略性新兴产业'
-                            setTimeout(() => {
-                              that.initChartT1(chartData)
-                            })
+                            that.showChartLTipDouble(e.point.name)
                           }
                         }
                       },
@@ -2149,11 +2158,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '特色优势产业'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -2211,7 +2216,7 @@ let app = new Vue({
           useHTML: false, //开启html模式
           style: {
             color: '#fff',
-            fontSize:'20'
+            fontSize: '20'
           },
           formatter: function (e) {
             //console.log(this)
@@ -2243,11 +2248,7 @@ let app = new Vue({
           point: {
             events: {
               click: function (e) { //点击事件
-                that.showTip3 = true
-                that.echartTitle = '特色优势产业'
-                setTimeout(() => {
-                  that.initChartT1(chartData)
-                })
+                that.showChartLTipDouble(e.point.name)
               },
               mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                 //console.log(e) 
@@ -2264,11 +2265,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '特色优势产业'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -2299,11 +2296,7 @@ let app = new Vue({
                       point: {
                         events: {
                           click: function (e) {
-                            that.showTip3 = true
-                            that.echartTitle = '特色优势产业'
-                            setTimeout(() => {
-                              that.initChartT1(chartData)
-                            })
+                            that.showChartLTipDouble(e.point.name)
                           }
                         }
                       },
@@ -2408,11 +2401,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '公共基础等产业'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -2470,7 +2459,7 @@ let app = new Vue({
           useHTML: false, //开启html模式
           style: {
             color: '#fff',
-            fontSize:'20'
+            fontSize: '20'
           },
           formatter: function (e) {
             //console.log(this)
@@ -2502,11 +2491,7 @@ let app = new Vue({
           point: {
             events: {
               click: function (e) { //点击事件
-                that.showTip3 = true
-                that.echartTitle = '公共基础等产业'
-                setTimeout(() => {
-                  that.initChartT1(chartData)
-                })
+                that.showChartLTipDouble(e.point.name)
               },
               mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                 //console.log(e) 
@@ -2523,11 +2508,7 @@ let app = new Vue({
                     point: {
                       events: {
                         click: function (e) {
-                          that.showTip3 = true
-                          that.echartTitle = '公共基础等产业'
-                          setTimeout(() => {
-                            that.initChartT1(chartData)
-                          })
+                          that.showChartLTipDouble(e.point.name)
                         }
                       }
                     },
@@ -2558,11 +2539,7 @@ let app = new Vue({
                       point: {
                         events: {
                           click: function (e) {
-                            that.showTip3 = true
-                            that.echartTitle = '公共基础等产业'
-                            setTimeout(() => {
-                              that.initChartT1(chartData)
-                            })
+                            that.showChartLTipDouble(e.point.name)
                           }
                         }
                       },
@@ -2588,7 +2565,7 @@ let app = new Vue({
       }
     },
     initChartL9 () {
-      let myChart = echarts.init(document.getElementById("echartL9"));
+      this.chartCarousel = echarts.init(document.getElementById("echartL9"));
       option = {
         tooltip: {
           trigger: 'axis',
@@ -2752,8 +2729,15 @@ let app = new Vue({
           },
         ],
       }
-
-      myChart.setOption(option)
+      let that = this
+      this.chartCarousel.on('click', function (param) {
+        that.titleName = param.name
+        that.echartSingleTipShow = true
+        setTimeout(() => {
+         that.initChartLTip()
+        });
+      })
+      this.chartCarousel.setOption(option)
       // tools.loopShowTooltip(myChart, option, {
       //   nterval: 2000,
       //   loopSeries: true,
@@ -2904,6 +2888,10 @@ let app = new Vue({
           },
         ]
       }
+      let that = this
+      myChart.on('click', function (param) {
+        that.showChartLTipDouble('固定资产')
+      })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
         nterval: 2000,
@@ -2935,7 +2923,7 @@ let app = new Vue({
           textStyle: {
             color: '#FFF',     // 文字的颜色
             fontSize: '20',    // 文字字体大小
-        },
+          },
           axisPointer: {
             lineStyle: {
               type: 'dashed',
@@ -3055,6 +3043,10 @@ let app = new Vue({
           },
         ]
       }
+      let that = this
+      myChart.on('click', function (param) {
+        that.showChartLTipDouble('股权类')
+      })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
         nterval: 2000,
@@ -4722,7 +4714,7 @@ let app = new Vue({
           textStyle: {
             color: '#FFF',     // 文字的颜色
             fontSize: '20',    // 文字字体大小
-        },
+          },
           trigger: 'axis',
           axisPointer: {
             type: 'cross',
@@ -4931,6 +4923,9 @@ let app = new Vue({
           },
         ],
       }
+      myChart.on('click', function (param) {
+        window.location.href = './investHomeChild.html?type=2'
+      })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
         interval: 2000,
@@ -5033,7 +5028,7 @@ let app = new Vue({
           textStyle: {
             color: '#FFF',     // 文字的颜色
             fontSize: '20',    // 文字字体大小
-        },
+          },
           formatter: data => {
             return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[0].color}"></span> ${data[0].seriesName}：${data[0].data[1]}亿<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[1].color}"></span> ${data[1].seriesName}：${data[1].data[1]}亿<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[2].color}"></span> ${data[2].seriesName}：${data[2].data[1]}亿`
           },
@@ -5071,8 +5066,8 @@ let app = new Vue({
             show: true,
             formatter: '{value}',
             textStyle: {
-              color:'#fff',
-              fontSize:'15'
+              color: '#fff',
+              fontSize: '15'
             },
           },
           nameTextStyle: {
@@ -5139,6 +5134,9 @@ let app = new Vue({
           }
         ]
       }
+      myChart.on('click', function (param) {
+        that.showChartLTipDouble(param.name)
+      })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
         interval: 2000,
@@ -5160,7 +5158,7 @@ let app = new Vue({
             setTimeout(() => {
               that.echartR3Fd = true
             }, 2000)
-          }, 1900);
+          }, 7900);
           // 如果是17表示到了最后一个，那么重新来一遍
         } else if (params.dataIndex == 17 && that.echartR3Fd) {
           that.echartR3Fd = false
@@ -5172,7 +5170,7 @@ let app = new Vue({
             setTimeout(() => {
               that.echartR3Fd = true
             }, 2000)
-          }, 1900)
+          }, 7900)
         }
       })
       let option = {
@@ -5187,6 +5185,11 @@ let app = new Vue({
           position: (params) => {
             return [params[0] + 10, 60]
           },
+          textStyle: {
+            color: '#FFF',     // 文字的颜色
+            fontSize: '20',    // 文字字体大小
+        },
+          confine:true
         },
         dataZoom: [
           {
@@ -5252,7 +5255,7 @@ let app = new Vue({
             rotate: 40,
             textStyle: {
               color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
-              fontSize:'15'
+              fontSize: '15'
             },
           },
         },
@@ -5280,7 +5283,7 @@ let app = new Vue({
               show: true,
               textStyle: {
                 color: '#fff',
-                fontSize:'15'
+                fontSize: '15'
               },
             },
             nameTextStyle: {
@@ -5480,7 +5483,11 @@ let app = new Vue({
           trigger: 'axis',
           axisPointer: {
             type: 'cross',
-          }
+          },
+          textStyle: {
+            color: '#FFF',     // 文字的颜色
+            fontSize: '20',    // 文字字体大小
+        },
         },
         grid: {
           top: '15%',

investment/styles/investHomeGroup.css

@@ -318,6 +318,9 @@ div {
   gap: 10px;
   grid-template-columns: repeat(2, 1fr);
 }
+.LeftBox .light {
+  background-color: #79a4db6c !important;
+}
 .CenterBox .center-l .card,
 .CenterBox .center-r .card {
   width: 100%;
@@ -637,8 +640,9 @@ div {
   flex-direction: column;
   justify-content: space-around;
   padding: 10px;
-  border: 1px solid #557e81;
+  /* border: 1px solid #557e81; */
   top: 15px;
+  border-radius: 5px;
   transition: all 0.2s;
 }
 .tip-box {
@@ -650,7 +654,7 @@ div {
   background: url('../groupImg/popup.png') no-repeat center;
   background-color: #133b65;
   background-size: 100% 100%;
-  padding: 160px 70px 70px 70px;
+  padding: 200px 100px 100px 100px;
   border-radius: 55px;
   z-index: 9999999999;
 }
@@ -683,6 +687,14 @@ div {
   grid-template-rows: repeat(2, 1fr);
   gap: 10px;  
 }
+.tip2 {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-columns: 60% 40%;
+  /* grid-template-rows: 1fr 1fr; */
+  grid-gap: 10px;
+}
 .tip-down {
   position: absolute; 
   top:10px; 
@@ -697,6 +709,38 @@ div {
 .row-item,.header-item{
   font-size: 20px !important;
 }
+.tip2-list {
+  height: 100%;
+  display: grid;
+  grid-template-rows: repeat(5, minmax(0, 1fr));
+  background-color: #04224c;
+  padding: 20px 20px;
+  font-size: 30px;
+}
+.tip2-list > div {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.tip2-list > div:nth-child(2),
+.tip2-list > div:nth-child(4) {
+  border-top: 1px solid #69c0ff;
+  border-bottom: 1px solid #69c0ff;
+}
+.total3 {
+  bottom: 15%;
+}
+.total {
+  text-align: center;
+  position: absolute;
+  left: calc(50% - 150px);
+  bottom: 15%;
+  font-size: 30px;
+  font-weight: bold;
+  color: #2cb7e0;
+}
 /* 公共css */
 /* 宽高纵横比 */
 .aspect-auto {

manpowerPort/index.html

@@ -297,7 +297,7 @@
       <!-- <a class="item" v-for="(item,index) in companyList.slice(0, 8)" :key="index" -->
       <a class="item" v-for="(item,index) in companyList"
         style="display: flex;align-items: center;justify-content: center;" :key="index"
-        @click="handleGoPage(item.id,item.name)"><img :src="`./images/logos/${item.orgLogoNum}.png`"></img>
+        @click="handleGoPage(item.id,item.name)"><img v-if="item.orgLogoNum" :src="`./images/logos/${item.orgLogoNum}.png`"></img>
         {{item.name}}</a>
       <!-- <div style="font-weight: bold;display: flex;align-items: center;flex-shrink: 0;position: absolute;right: -20px;bottom: 30%;" v-if="companyList.length>8"><span>. . .</span>
       </div> -->