投资大屏修改

investment/investHomeGroup.html

@@ -31,45 +31,6 @@
           <span class="pointer" @click.stop="showTitlePop('2.png','投资业务管理')">投资业务管理</span>
         </header>
         <div class="main">
-          <div class="card left-lt">
-            <div class="title">
-              <span class="text">投资额度分析</span>
-            </div>
-            <div class="content">
-              <div class="h-full w-full overflow-hidden commonBack">
-                <div class="content-left-top">
-                  <div class="item2">
-                    <div class="item2-title" style="color: #15FFA2;">{{left1[0]}}<span>亿</span></div>
-                    <div class="item2-img">
-                      <img style="width: 100%; height: 100%;" src="./groupImg/icon-4-home2.png" alt="">
-                    </div>
-                    <div class="item2-text">上年度净利润</div>
-                  </div>
-                  <div class="item2">
-                    <div class="item2-title" style="color: #08E4FA;">{{left1[1]}}<span>亿</span></div>
-                    <div class="item2-img">
-                      <img style="width: 100%; height: 100%;" src="./groupImg/icon-7-home2.png" alt="">
-                    </div>
-                    <div class="item2-text">带息负债压降指标</div>
-                  </div>
-                </div>
-                <div class="content-left-bottom">
-                  <div class="item2">
-                    <div class="item2-title" style="color: #DD9CFF;">{{left1[2]}}<span>亿</span></div>
-                    <div class="item2-img">
-                      <img style="width: 100%; height: 100%;" src="./groupImg/icon-5-home2.png" alt="">
-                    </div>
-                    <div class="item2-text">固定资产折旧及无形资产摊销</div>
-                  </div>
-                </div>
-              </div>
-              <div class="h-full w-full overflow-hidden relative commonBack" @click="projectListTipShow = true">
-                <!-- <div class="total">总额度<span style="font-size: 25px;">1,323.85亿</span></div> -->
-                <div class="total">总额度<span style="font-size: 25px;">{{numFormat(left2[1])}}亿</span></div>
-                <div ref="echartL1" style="width: 100%; height: 100%;"></div>
-              </div>
-            </div>
-          </div>
           <div class="card left-rt">
             <div class="title">
               <span class="text">投资计划分析</span>
@@ -123,12 +84,43 @@
               </div>
             </div>
           </div>
-          <div class="card ">
+          <div class="card left-lt">
             <div class="title">
-              <span class="text">企业额度分析</span>
+              <span class="text">投资额度分析</span>
             </div>
             <div class="content">
-              <div id="echartL4" class="commonBack" style="width: 100%; height: 100%;"></div>
+              <div class="h-full w-full overflow-hidden commonBack">
+                <div class="content-left-top">
+                  <div class="item2">
+                    <div class="item2-title" style="color: #15FFA2;">{{left1[0]}}<span>亿</span></div>
+                    <div class="item2-img">
+                      <img style="width: 100%; height: 100%;" src="./groupImg/icon-4-home2.png" alt="">
+                    </div>
+                    <div class="item2-text">上年度净利润</div>
+                  </div>
+                  <div class="item2">
+                    <div class="item2-title" style="color: #08E4FA;">{{left1[1]}}<span>亿</span></div>
+                    <div class="item2-img">
+                      <img style="width: 100%; height: 100%;" src="./groupImg/icon-7-home2.png" alt="">
+                    </div>
+                    <div class="item2-text">带息负债压降指标</div>
+                  </div>
+                </div>
+                <div class="content-left-bottom">
+                  <div class="item2">
+                    <div class="item2-title" style="color: #DD9CFF;">{{left1[2]}}<span>亿</span></div>
+                    <div class="item2-img">
+                      <img style="width: 100%; height: 100%;" src="./groupImg/icon-5-home2.png" alt="">
+                    </div>
+                    <div class="item2-text">固定资产折旧及无形资产摊销</div>
+                  </div>
+                </div>
+              </div>
+              <div class="h-full w-full overflow-hidden relative commonBack" @click="projectListTipShow = true">
+                <!-- <div class="total">总额度<span style="font-size: 25px;">1,323.85亿</span></div> -->
+                <div class="total">总额度<span style="font-size: 25px;">{{numFormat(left2[1])}}亿</span></div>
+                <div ref="echartL1" style="width: 100%; height: 100%;"></div>
+              </div>
             </div>
           </div>
           <div class="card ">
@@ -142,14 +134,12 @@
               <div id="echartL8" ref="echartL8" class="commonBack" style="width: 100%; height: 100%;"></div>
             </div>
           </div>
-          <div class="card">
+          <div class="card ">
             <div class="title">
-              <span class="text">重点项目两线指标</span>
+              <span class="text">企业额度分析</span>
             </div>
-            <div class="content left-lb">
-              <dv-scroll-board :config="storageRecordConfig" @scroll-change="scrollChange"
-                class="commonBack"></dv-scroll-board>
-              <div id="echartL9" class="commonBack" style="width: 100%; height: 100%;"></div>
+            <div class="content">
+              <div id="echartL4" class="commonBack" style="width: 100%; height: 100%;"></div>
             </div>
           </div>
           <div class="card">
@@ -161,6 +151,16 @@
               <div id="echartL11" class="commonBack" style="width: 100%; height: 100%;"></div>
             </div>
           </div>
+          <div class="card">
+            <div class="title">
+              <span class="text">重点项目两线指标</span>
+            </div>
+            <div class="content left-lb">
+              <dv-scroll-board :config="storageRecordConfig" @scroll-change="scrollChange"
+                class="commonBack"></dv-scroll-board>
+              <div id="echartL9" class="commonBack" style="width: 100%; height: 100%;"></div>
+            </div>
+          </div>
         </div>
       </div>
       <div class="CenterBox relative">
@@ -171,7 +171,7 @@
           <div class="h-full w-full center-l">
             <div class="card">
               <div class="title">
-                <span class="text">投资关键指标</span>
+                <span class="text">投资收益总览</span>
               </div>
               <div class="content">
                 <div class="boxs">

investment/js/groupData.js

@@ -68,7 +68,7 @@ let left7 = [
     selected: false,
   },
   {
-    name: '其他传统产业',
+    name: '其他',
     y: 14.19,
     num: 5,
     sliced: false,
@@ -120,7 +120,7 @@ let left8 = [
     selected: false,
   },
   {
-    name: '相关服务业',
+    name: '现代服务业',
     y: 5.10,
     num: 2,
     sliced: false,

investment/js/investHomeGroup.js

@@ -1080,8 +1080,8 @@ let app = new Vue({
             fontSize: '20px',
             color: '#fff',
             x: 20,
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           },
         },
         title: {
@@ -1089,7 +1089,7 @@ let app = new Vue({
           style: {
             color: '#fff',
             fontSize: 22,
-            fontFamily:'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei'
           },
           align: 'center',
           verticalAlign: "bottom",
@@ -1322,8 +1322,8 @@ let app = new Vue({
             fontSize: '20px',
             color: '#fff',
             x: 20,
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           },
         },
         title: {
@@ -1331,7 +1331,7 @@ let app = new Vue({
           style: {
             color: '#fff',
             fontSize: 22,
-            fontFamily:'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei'
           },
           align: 'center',
           verticalAlign: "bottom",
@@ -1555,7 +1555,7 @@ let app = new Vue({
             name: "2023年额度",
             type: "bar",
             data: left3[0],
-            showBackground: false,
+            showBackground: true,
             backgroundStyle: {
               color: "#18416F",
             },
@@ -1677,7 +1677,7 @@ let app = new Vue({
           align: 'right',//横向位置
           verticalAlign: 'middle', // 纵向位置
           layout: "vertical",//横排还是竖排
-          x: -30,
+          x: -110,
           y: 50,
           symbolWidth: 50,
           itemDistance: 50,
@@ -1685,8 +1685,8 @@ let app = new Vue({
             fontSize: '20px',
             color: '#fff',
             x: 20,
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           },
         },
         title: {
@@ -1694,7 +1694,7 @@ let app = new Vue({
           style: {
             color: '#fff',
             fontSize: 22,
-            fontFamily:'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei'
           },
           align: 'center',
           verticalAlign: "bottom",
@@ -1895,8 +1895,8 @@ let app = new Vue({
             fontSize: '20px',
             color: '#fff',
             x: 20,
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           },
         },
         title: {
@@ -1904,7 +1904,7 @@ let app = new Vue({
           style: {
             color: '#fff',
             fontSize: 22,
-            fontFamily:'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei'
           },
           align: 'center',
           verticalAlign: "bottom",
@@ -2094,7 +2094,7 @@ let app = new Vue({
           style: {
             color: '#fff',
             fontSize: 22,
-            fontFamily:'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei'
           },
           align: 'center',
           verticalAlign: "bottom",
@@ -2115,8 +2115,8 @@ let app = new Vue({
             fontSize: '20px',
             color: '#fff',
             x: 20,
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           },
         },
         tooltip: {
@@ -2304,7 +2304,7 @@ let app = new Vue({
           style: {
             color: '#fff',
             fontSize: 22,
-            fontFamily:'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei'
           },
           align: 'center',
           verticalAlign: "bottom",
@@ -2325,8 +2325,8 @@ let app = new Vue({
             fontSize: '20px',
             color: '#fff',
             x: 20,
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           },
         },
         tooltip: {
@@ -2626,11 +2626,12 @@ let app = new Vue({
       let myChart = echarts.init(document.getElementById("echartL10"));
       let option = {
         title: {
-          text: '固定资产',
+          text: '固定资产进度分布',
           textStyle: {
             color: '#69C0FF',
-            fontSize: 25,
-            fontWeight: 500
+            fontSize: 30,
+            fontWeight: 500,
+            fontFamily: 'Microsoft YaHei'
           },
           top: '20',
           left: '20'
@@ -2658,15 +2659,15 @@ let app = new Vue({
           }
         },
         grid: {
-          top: '10%',
+          top: '0%',
           right: '5%',
           left: '15%',
-          bottom: '6%',
+          bottom: '-10%',
         },
         yAxis: {
           data: ['备案', '特别监管'],
           splitLine: {
-            show: true,
+            show: false,
             lineStyle: {
               color: '#68b4dd66',
               type: 'dashed',
@@ -2680,7 +2681,9 @@ let app = new Vue({
             formatter: '{value}',
             textStyle: {
               color: '#fff',
-              fontSize: 15,
+              fontSize: 20,
+              padding: [0, -10, 0, 0],
+              fontFamily: 'Microsoft YaHei'
             },
           },
           nameTextStyle: {
@@ -2704,9 +2707,11 @@ let app = new Vue({
             show: true,
             textStyle: {
               color: '#fff', //X轴文字颜色
-              fontSize: 15,
+              fontSize: 20,
+              padding: [-320, 0, 0, 0],
+              fontFamily: 'Microsoft YaHei'
             },
-          },
+          }
         },
         series: [
           {
@@ -2771,11 +2776,12 @@ let app = new Vue({
       let myChart = echarts.init(document.getElementById("echartL11"));
       let option = {
         title: {
-          text: '股权类',
+          text: '股权类进度分布',
           textStyle: {
             color: '#69C0FF',
-            fontSize: 25,
-            fontWeight: 500
+            fontSize: 30,
+            fontWeight: 500,
+            fontFamily: 'Microsoft YaHei'
           },
           top: '20',
           left: '20'
@@ -2803,15 +2809,15 @@ let app = new Vue({
           }
         },
         grid: {
-          top: '10%',
+          top: '0%',
           right: '5%',
           left: '15%',
-          bottom: '6%',
+          bottom: '-10%',
         },
         yAxis: {
           data: ['备案', '特别监管'],
           splitLine: {
-            show: true,
+            show: false,
             lineStyle: {
               color: '#68b4dd66',
               type: 'dashed',
@@ -2824,8 +2830,9 @@ let app = new Vue({
             show: true,
             formatter: '{value}',
             textStyle: {
-              color: "#fff",
-              fontSize: 15,
+              fontSize: 20,
+              padding: [0, -10, 0, 0],
+              fontFamily: 'Microsoft YaHei'
             },
           },
           nameTextStyle: {
@@ -2843,13 +2850,15 @@ let app = new Vue({
             },
           },
           axisTick: {
-            show: false, //隐藏X轴刻度
+            show: true, //隐藏X轴刻度
           },
           axisLabel: {
             show: true,
             textStyle: {
               color: '#fff', //X轴文字颜色
-              fontSize: 15,
+              fontSize: 20,
+              padding: [-320, 0, 0, 0],
+              fontFamily: 'Microsoft YaHei'
             },
           },
         },
@@ -3009,13 +3018,13 @@ let app = new Vue({
         legend: {
           layout: 'vertical',
           align: 'right',
-          y:-10,
+          y: -10,
           verticalAlign: 'bottom',
           itemStyle: {
             fontSize: '20px',
             color: '#fff',
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           }
         },
         plotOptions: {
@@ -4249,13 +4258,13 @@ let app = new Vue({
         legend: {
           layout: 'vertical',
           align: 'right',
-          y:-10,
+          y: -10,
           verticalAlign: 'bottom',
           itemStyle: {
             fontSize: '20px',
             color: '#fff',
-            fontWeight:0,
-            fontFamily:'Microsoft YaHei'
+            fontWeight: 0,
+            fontFamily: 'Microsoft YaHei'
           }
         },
         plotOptions: {
@@ -4277,7 +4286,7 @@ let app = new Vue({
           type: 'pie',
           name: '占比',
           center: ['60%', '45%'],
-          y:-10,
+          y: -10,
           point: {
             events: {
               click: function (e) { //点击事件

investment/styles/investHomeGroup.css

@@ -1,7 +1,7 @@
 html,
 body {
   width: 7680px;
-  min-height: 2130px;
+  min-height: 2120px;
   height: 100%;
   font-size: 20px;
   color: #fff;
@@ -357,12 +357,11 @@ div {
   width: 80%;
 }
 .CenterBox .boxs > div > p:nth-child(1) {
-  display: flex;
-  justify-content: space-between;
+  text-align: center;
 }
 .CenterBox .boxs > div > p:nth-child(2) {
   margin-top: 25px;
-  text-align: left;
+  text-align: center;
 }
 .CenterBox .boxs .name {
   color: #f3f3f3;