样式整理前

investmentNew/index.html

@@ -670,7 +670,7 @@
         <div>
           <div class="publicTitle">项目风险分析</div>
           <div class="projectRisk">
-            <div class="riskWrap" ref="echartR2"></div>
+            <div class="riskWrap" ref="echartR2"  @mouseout="echartR2FdOut()"></div>
             <div class="riskWrap" ref="echartR3"></div>
             <div class="riskWrap longRisk" ref="echartR4" @mouseenter="echartR4Fd = false"  @mouseout="echartR4Fd = true"></div>
           </div>

investmentNew/js/index.js

@@ -999,12 +999,21 @@ let app = new Vue({
         }
         let a = []
         post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitNoSolveDangerDate', value).then(res => {
+          // res.data.forEach((item, index) => {
+          //   that.riskData.y1.push(item.mdnb_bottom)
+          //   that.riskData.y2.push(item.mdnb_midle)
+          //   that.riskData.y3.push(item.mdnb_height)
+          // })
           res.data.forEach((item, index) => {
-            that.riskData.y1.push(item.mdnb_bottom)
-            that.riskData.y2.push(item.mdnb_midle)
-            that.riskData.y3.push(item.mdnb_height)
+            right6[index].value = item.mdnb_height
+            right6[index].value2 = item.mdnb_midle
+            right6[index].value3 = item.mdnb_bottom
           })
-          // that.initChartR2()
+          let a = []
+          for (var i = 0; i < right6.length; i += 6) {
+            a.push(right6.slice(i, i + 6));
+          }
+          right6 = a
           that.getDate15()
           resolve(1);
         })
@@ -1697,10 +1706,8 @@ let app = new Vue({
             that.initChartR3();
             this.right4Chart ? this.right4Chart.dispose() : ''
             that.initChartR4()
-            return `${p.name}<br>低风险：${that.riskData.y1[p.dataIndex]}个<br>
-              中风险：${that.riskData.y2[p.dataIndex]}个<br>
-              高风险：${that.riskData.y3[p.dataIndex]}个<br>
-              `
+            return `${p.name}<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#79FFEB;"></span>低风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value3}个<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#FBE463;"></span>中风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value2}个<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#F98784;"></span>高风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value}个`
+
           },
         },
         grid: {
@@ -1712,7 +1719,7 @@ let app = new Vue({
         xAxis: [
           {
             type: "category",
-            data: that.riskData.x.map((item) => item.name),
+            data: that.threeCommonCompany[that.threeCommonCompanyIndex],
             axisLine: {
               show: true,
               lineStyle: {
@@ -1757,7 +1764,7 @@ let app = new Vue({
             itemStyle: {
               barBorderRadius: [15, 15, 15, 15],
             },
-            data: that.riskData.y1,
+            data: right6[that.threeCommonCompanyIndex].map(item => item.value3),
           },
           {
             name: "中风险",
@@ -1770,7 +1777,7 @@ let app = new Vue({
             emphasis: {
               focus: "series",
             },
-            data: that.riskData.y2,
+            data: right6[that.threeCommonCompanyIndex].map(item => item.value2),
           },
           {
             name: "高风险",
@@ -1783,7 +1790,7 @@ let app = new Vue({
             emphasis: {
               focus: "series",
             },
-            data: that.riskData.y3,
+            data: right6[that.threeCommonCompanyIndex].map(item => item.value),
           },
         ],
       };
@@ -2049,14 +2056,15 @@ let app = new Vue({
             barWidth: 10,
             itemStyle: {
               normal: {
+                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#064F78',
+                    color: '#40A9FF',
                   },
                   {
                     offset: 1,
-                    color: '#082550',
+                    color: '#092351',
                   },
                 ]),
               },
@@ -2070,14 +2078,15 @@ let app = new Vue({
             barWidth: 10,
             itemStyle: {
               normal: {
+                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#BDB35D',
+                    color: '#58F7DF',
                   },
                   {
                     offset: 1,
-                    color: '#082550',
+                    color: '#092351',
                   },
                 ]),
               },
@@ -2090,14 +2099,15 @@ let app = new Vue({
             barWidth: 10,
             itemStyle: {
               normal: {
+                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#623726',
+                    color: '#B78CFF',
                   },
                   {
                     offset: 1,
-                    color: '#082550',
+                    color: '#092351',
                   },
                 ]),
               },
@@ -2110,14 +2120,15 @@ let app = new Vue({
             barWidth: 10,
             itemStyle: {
               normal: {
+                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#13400B',
+                    color: '#FFE036',
                   },
                   {
                     offset: 1,
-                    color: '#082550',
+                    color: '#092351',
                   },
                 ]),
               },
@@ -3182,6 +3193,18 @@ let app = new Vue({
     sumPercent (a, b) {
       return (a / (a + b) * 100).toFixed(2) + '%'
     },
+    // 项目风险分析移出
+    echartR2FdOut () {
+      let that = this
+      setTimeout(() => {
+        that.right1Chart.dispatchAction({
+          type: "showTip",
+          dataIndex: (that.right3ChartIndex % 6),
+          seriesIndex: 0,
+        });
+      })
+
+    },
     leftEcharts5Fun () {
       let that = this;
       this.leftEcharts5 = echarts.init(this.$refs["leftEcharts5"]);