Merge branch 'main' of https://git.sxidc.com/kingdee_large_screen/pc_kingdee_large_screen

investment/investHome2.html

@@ -11,7 +11,8 @@
   <link rel="stylesheet" href="./styles/investHome2.css" />
   <!-- 引入js -->
   <script src="./libs/vue@2.7.10.js"></script>
-  <script src="./libs/datav.min.js"></script>
+  <!-- <script src="./libs/datav.min.js"></script> -->
+  <script src="./libs/datav.map.vue.js"></script>
   <script src="./libs/echarts.min2.js"></script>
   <script src="./libs/element-ui@2.15.9.js"></script>
   <script src="./libs/axios.min.js"></script>
@@ -45,28 +46,28 @@
             <div class="content">
               <div class="content-left" style="flex-wrap: wrap;">
                 <div class="item2">
-                  <div class="item2-title" style="color: #15FFA2;">514.88<span>亿</span></div>
+                  <div class="item2-title" style="color: #15FFA2;">522.84<span>亿</span></div>
                   <div class="item2-img">
                     <img style="width: 100%; height: 100%;" src="./images/icon-4-home2.png" alt="">
                   </div>
                   <div class="item2-text">上年度净利润</div>
                 </div>
                 <div class="item2">
-                  <div class="item2-title" style="color: #DD9CFF;">605.57<span>亿</span></div>
+                  <div class="item2-title" style="color: #DD9CFF;">386.29<span>亿</span></div>
                   <div class="item2-img">
                     <img style="width: 100%; height: 100%;" src="./images/icon-5-home2.png" alt="">
                   </div>
                   <div class="item2-text">固定资产折旧</div>
                 </div>
                 <div class="item2">
-                  <div class="item2-title" style="color: #EBC805;">50.86<span>亿</span></div>
+                  <div class="item2-title" style="color: #EBC805;">37.62<span>亿</span></div>
                   <div class="item2-img">
                     <img style="width: 100%; height: 100%;" src="./images/icon-6-home2.png" alt="">
                   </div>
                   <div class="item2-text">无形资产摊销</div>
                 </div>
                 <div class="item2">
-                  <div class="item2-title" style="color: #08E4FA;">795.00<span>亿</span></div>
+                  <div class="item2-title" style="color: #08E4FA;">179.39<span>亿</span></div>
                   <div class="item2-img">
                     <img style="width: 100%; height: 100%;" src="./images/icon-7-home2.png" alt="">
                   </div>
@@ -74,7 +75,7 @@
                 </div>
               </div>
               <div class="content-right" style="position:relative">
-                <div class="total">总额度<span style="font-size: 25px;">1696.12亿</span></div>
+                <div class="total">总额度<span style="font-size: 25px;">1,123.85亿</span></div>
                 <div ref="echartL2" style="width: 100%; height: 100%;"></div>
               </div>
             </div>
@@ -94,7 +95,7 @@
             </div>
             <div class="content">
               <div class="content-right" style="margin-right: 10px;">
-                <dv-scroll-board :config="storageRecordConfig" class="" />
+                <dv-scroll-board :config="storageRecordConfig" @scroll-change="scrollChange" class="" />
               </div>
               <div class="content-left">
                 <div ref="echartL3" style="width: 100%; height: 100%;"></div>
@@ -116,8 +117,9 @@
                     <div class="item3-img">
                       <img style="width: 100%; height: 100%;" src="./images/icon-8-home2.png" alt="">
                     </div>
-                    <div class="item4-text" style="color: rgba(255, 255, 255, 0.6);">
-                      年度投资计划总额（含技改）
+                    <div class="item4-text" style="color: rgba(255, 255, 255, 0.6);text-align: center;">
+                      <div>年度投资计划总额</div>
+                      <div>（含技改）</div>
                     </div>
                   </div>
                 </div>
@@ -228,29 +230,29 @@
             <!-- <div class="tip2-title">2 0 2 3 年 度</div> -->
             <div class="tip2-list">
               <div>
-                <span>合并报表净利润</span>
+                <span>2022年度合并报表净利润</span>
                 <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">135.26</span>亿元</span>
               </div>
               <div>
                 <span>提取固定资产折旧和无形资产摊销</span>
-                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">317.76</span>亿元</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">186.82</span>亿元</span>
               </div>
               <div>
                 <span>预计压降带息负债</span>
-                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">9.81</span>亿元</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">78.40</span>亿元</span>
               </div>
               <div>
-                <span>总额度</span>
-                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">462.83</span>亿元</span>
+                <span>已用额度</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">30</span>亿元</span>
               </div>
               <div>
-                <span>已用额度</span>
-                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">62</span>亿元</span>
+                <span>剩余额度</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">370.49</span>亿元</span>
               </div>
             </div>
           </div>
           <div class="" style="position:relative;width: 100%;height: 100%;">
-            <div class="total3 total">剩余额度<span style="font-size: 25px;">400.83亿</span></div>
+            <div class="total3 total">总额度<span style="font-size: 25px;">400.49亿元</span></div>
             <div ref="echartL2b" style="width: 100%; height: 100%;background-color: #04224c;"></div>
           </div>
           <!-- <div class="pie" ref="echartR5" style="width: 100%; height: 100%;"></div> -->

investment/investHome4.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
+  <!-- <link rel="stylesheet" href="./styles/normalize.css" /> -->
+  <link rel="stylesheet" href="./styles/investHome4.css" />
+  <!-- 引入js -->
+  <script src="./libs/vue@2.7.10.js"></script>
+  <script src="./libs/datav.min2.js"></script>
+  <script src="./libs/echarts.min.js"></script>
+  <script src="./libs/element-ui@2.15.9.js"></script>
+  <script src="./libs/axios.min.js"></script>
+  <script src="./js/request.js"></script>
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
+</head>
+
+<body>
+  <div id="app">
+    <dv-full-screen-container>
+      <header class="my-header">
+        <span>投资管理数智中心</span>
+        <span class="right">{{time}}</span>
+      </header>
+      <div class="main">
+        <dv-border-box-8>
+          <div class="overflow-hidden w-full h-full tl">
+            <div class="panel-title">
+              <span class="text">“四化”</span>
+            </div>
+            <div class="lt-bottom overflow-hidden w-full">
+              <div class="overflow-hidden w-full h-full lt-bottom-left">
+                <div class=" w-full h-full flex justify-center items-center">业务归核化</div>
+                <div class=" w-full h-full flex justify-center items-center">治理规范化</div>
+                <div class=" w-full h-full flex justify-center items-center">管理数智化</div>
+                <div class=" w-full h-full flex justify-center items-center">资产证券化</div>
+              </div>
+              <div class="lt-bottom-right lt-bottom overflow-hidden w-full h-full">
+
+              </div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8>
+          <div class="overflow-hidden w-full h-full tr">
+            <div class="panel-title">
+              <span class="text">煤炭保供/转型</span>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8>
+          <div class="overflow-hidden w-full h-full tr">
+            <div class="panel-title">
+              <span class="text">两个转型</span>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8>
+          <div class="overflow-hidden w-full h-full tr">
+            <div class="panel-title">
+              <span class="text">五个一体化</span>
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+    </dv-full-screen-container>
+  </div>
+  <script src="./js/investHome4.js"></script>
+</body>
+
+</html>

investment/js/data2.js

@@ -1,25 +1,46 @@
-let dataList = [
-  [[6.41, 30.93, 4.74, 37.74, 11.19], [8.61, 34.87, 29.28, 32.30, 12.82], [9.57, 32.90, 5.78, 40.89, 12.45]],
-  [[3.02, 25.82, 23.03, 41.55, 5.11], [4.06, 29.12, 24.45, 35.57, 5.85], [4.51, 27.47, 28.09, 45.02, 5.68]],
-  [[15.87, 0.32, 43.08, 31.79, 19.33], [21.32, 0.36, 0.30, 27.21, 22.15], [23.69, 0.34, 52.54, 34.44, 21.50]],
-  [[7.16, 22.31, 25.51, 0.66, 12.17], [9.61, 25.15, 21.12, 0.56, 13.95], [10.68, 23.73, 31.11, 0.71, 13.54]],
-  [[6.87, 17.94, 11.04, 36.47, 8.32], [9.23, 20.22, 16.98, 31.21, 9.53], [10.25, 19.08, 13.46, 39.51, 9.25]],
-  [[20.59, 14.80, 15.56, 21.25, 13.52], [27.66, 16.68, 14.01, 18.19, 15.50], [30.73, 15.74, 18.98, 23.02, 15.05]],
-  [[16.68, 32.06, 21.10, 6.22, 12.19], [22.41, 36.16, 30.36, 5.32, 13.97], [24.90, 34.11, 25.73, 6.74, 13.56]],
-  [[4.24, 15.54, 23.05, 4.00, 23.28], [5.70, 17.52, 14.71, 3.42, 26.68], [6.33, 16.53, 28.11, 4.33, 25.90]],
-  [[16.13, 0.85, 11.82, 11.62, 16.54], [21.67, 0.95, 0.80, 9.95, 18.95], [24.08, 0.90, 14.41, 12.59, 18.40]],
-  [[5.71, 1.25, 5.95, 5.62, 19.78], [7.67, 1.41, 1.18, 4.81, 22.66], [8.52, 1.33, 7.25, 6.09, 22.00]],
-  [[5.07, 19.76, 11.03, 32.29, 7.42], [6.80, 22.28, 18.71, 27.63, 8.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
-  [[15.40, 24.98, 9.76, 2.57, 25.15], [20.68, 28.16, 23.65, 2.20, 28.82], [22.98, 26.57, 11.90, 2.78, 27.98]],
-  [[14.06,11.81,24.58,23.09,22.46 ], [18.88,13.31,11.18,19.77,25.73], [20.98,12.56,29.98,25.02,24.98 ]],
-  [[6.46, 17.88, 35.68, 27.07, 14.77], [8.68, 20.16, 16.93, 23.17, 16.92], [9.64, 19.02, 43.51, 29.33, 16.43]],
+// let dataList = [
+//   [[6.41, 30.93, 4.74, 37.74, 11.19], [8.61, 34.87, 29.28, 32.30, 12.82], [9.57, 32.90, 5.78, 40.89, 12.45]],
+//   [[3.02, 25.82, 23.03, 41.55, 5.11], [4.06, 29.12, 24.45, 35.57, 5.85], [4.51, 27.47, 28.09, 45.02, 5.68]],
+//   [[15.87, 0.32, 43.08, 31.79, 19.33], [21.32, 0.36, 0.30, 27.21, 22.15], [23.69, 0.34, 52.54, 34.44, 21.50]],
+//   [[7.16, 22.31, 25.51, 0.66, 12.17], [9.61, 25.15, 21.12, 0.56, 13.95], [10.68, 23.73, 31.11, 0.71, 13.54]],
+//   [[6.87, 17.94, 11.04, 36.47, 8.32], [9.23, 20.22, 16.98, 31.21, 9.53], [10.25, 19.08, 13.46, 39.51, 9.25]],
+//   [[20.59, 14.80, 15.56, 21.25, 13.52], [27.66, 16.68, 14.01, 18.19, 15.50], [30.73, 15.74, 18.98, 23.02, 15.05]],
+//   [[16.68, 32.06, 21.10, 6.22, 12.19], [22.41, 36.16, 30.36, 5.32, 13.97], [24.90, 34.11, 25.73, 6.74, 13.56]],
+//   [[4.24, 15.54, 23.05, 4.00, 23.28], [5.70, 17.52, 14.71, 3.42, 26.68], [6.33, 16.53, 28.11, 4.33, 25.90]],
+//   [[16.13, 0.85, 11.82, 11.62, 16.54], [21.67, 0.95, 0.80, 9.95, 18.95], [24.08, 0.90, 14.41, 12.59, 18.40]],
+//   [[5.71, 1.25, 5.95, 5.62, 19.78], [7.67, 1.41, 1.18, 4.81, 22.66], [8.52, 1.33, 7.25, 6.09, 22.00]],
+//   [[5.07, 19.76, 11.03, 32.29, 7.42], [6.80, 22.28, 18.71, 27.63, 8.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
+//   [[15.40, 24.98, 9.76, 2.57, 25.15], [20.68, 28.16, 23.65, 2.20, 28.82], [22.98, 26.57, 11.90, 2.78, 27.98]],
+//   [[14.06,11.81,24.58,23.09,22.46 ], [18.88,13.31,11.18,19.77,25.73], [20.98,12.56,29.98,25.02,24.98 ]],
+//   [[6.46, 17.88, 35.68, 27.07, 14.77], [8.68, 20.16, 16.93, 23.17, 16.92], [9.64, 19.02, 43.51, 29.33, 16.43]],
 
-  [[5.29, 1.78, 45.90, 33.34, 16.16], [7.11, 2.00, 1.68, 28.53, 18.52], [7.90, 1.89, 55.98, 36.12, 17.98]],
-  [[13.85, 4.29, 19.60, 11.39, 21.19], [18.60, 4.83, 4.06, 9.75, 24.28], [20.67, 4.56, 23.90, 12.34, 23.57]],
-  [[17.13, 5.01, 23.56, 7.90, 24.37], [23.01, 5.65, 4.74, 6.76, 27.92], [25.57, 5.33, 28.73, 8.56, 27.11]],
-  [[22.60, 14.56, 18.02, 7.69, 5.90], [30.36, 16.42, 13.79, 6.58, 6.76], [33.73, 15.49, 21.98, 8.33, 6.56]],
-  [[17.76, 23.11, 18.88, 22.68, 29.42], [23.85, 26.05, 21.88, 19.41, 33.71], [26.50, 24.58, 23.02, 24.57, 32.73]]
+//   [[5.29, 1.78, 45.90, 33.34, 16.16], [7.11, 2.00, 1.68, 28.53, 18.52], [7.90, 1.89, 55.98, 36.12, 17.98]],
+//   [[13.85, 4.29, 19.60, 11.39, 21.19], [18.60, 4.83, 4.06, 9.75, 24.28], [20.67, 4.56, 23.90, 12.34, 23.57]],
+//   [[17.13, 5.01, 23.56, 7.90, 24.37], [23.01, 5.65, 4.74, 6.76, 27.92], [25.57, 5.33, 28.73, 8.56, 27.11]],
+//   [[22.60, 14.56, 18.02, 7.69, 5.90], [30.36, 16.42, 13.79, 6.58, 6.76], [33.73, 15.49, 21.98, 8.33, 6.56]],
+//   [[17.76, 23.11, 18.88, 22.68, 29.42], [23.85, 26.05, 21.88, 19.41, 33.71], [26.50, 24.58, 23.02, 24.57, 32.73]]
 
+// ]
+let dataList = [
+  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
+  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
+  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
+  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
+  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
+  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
+  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
+  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
+  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
+  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
+  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
+  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
+  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
+  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
+  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
+  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
+  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
+  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
+  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]]
 ]
 
 let dataType = [

investment/js/investHome2.js

@@ -19,7 +19,7 @@ let app = new Vue({
         content: '{nt}个',
       },
       storageRecordConfig: {
-        // waitTime: '60000',
+        // waitTime: '30000',
         hoverPause: false,
         header: ['企业集团', '项目名 ', '投资总额'],
         // headerBGC: '#05507b33',
@@ -32,25 +32,44 @@ let app = new Vue({
         rowNum: 4,
         align: ['center'],
         data: [
-          ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元 "],
+          // ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元 "],
+          // ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
+          // ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元 "],
+          // ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.67亿元 "],
+          // ['潞安化工', '分布式光伏发电项目', "2.01亿元 "],
+          // ['太重集团', '设立太重（大同）新能源产业投资公司', "0.30亿元 "],
+          // ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元 "],
+          // ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元 "],
+          // ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元 "],
+          // ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元 "],
+          // ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元 "],
+          // ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元 "],
+          // ['太重集团', '建设液压挖掘机配套油缸项目', "2.60亿元 "],
+          // ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元 "],
+          // ['太重集团', '设立昔阳县晶能新能源有限公司', "0.50亿元 "],
+          // ['山西建投', '设立山西低碳环保产业集团有限公司', "30.00亿元 "],
+          // ['山西建投', '设立山西省太忻经济一体化发展投资集团有限公司', "30.00亿元 "],
+          // ['华新燃气', '设立山西华新液化天然气集团有限公司', "3.00亿元 "],
+          // ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元 "],
+          ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元"],
           ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
-          ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元 "],
-          ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.67亿元 "],
-          ['潞安化工', '分布式光伏发电项目', "2.01亿元 "],
-          ['太重集团', '设立太重（大同）新能源产业投资公司', "0.30亿元 "],
-          ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元 "],
-          ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元 "],
-          ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元 "],
-          ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元 "],
-          ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元 "],
-          ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元 "],
-          ['太重集团', '建设液压挖掘机配套油缸项目', "2.60亿元 "],
-          ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元 "],
-          ['太重集团', '设立昔阳县晶能新能源有限公司', "0.50亿元 "],
-          ['山西建投', '设立山西低碳环保产业集团有限公司', "30.00亿元 "],
-          ['山西建投', '设立山西省太忻经济一体化发展投资集团有限公司', "30.00亿元 "],
-          ['华新燃气', '设立山西华新液化天然气集团有限公司', "3.00亿元 "],
-          ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元 "],
+          ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元"],
+          ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.67亿元"],
+          ['潞安化工', '分布式光伏发电项目', "2.01亿元"],
+          ['太重集团', '设立太重（大同）新能源产业投资公司', "0.30亿元"],
+          ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元"],
+          ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元"],
+          ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元"],
+          ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元"],
+          ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元"],
+          ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元"],
+          ['太重集团', '建设液压挖掘机配套油缸项目', "2.60亿元"],
+          ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元"],
+          ['太重集团', '设立昔阳县晶能新能源有限公司', "0.50亿元"],
+          ['山西建投', '设立山西低碳环保产业集团有限公司', "30.00亿元"],
+          ['山西建投', '设立山西省太忻经济一体化发展投资集团有限公司', "30.00亿元"],
+          ['华新燃气', '设立山西华新液化天然气集团有限公司', "3.00亿元"],
+          ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元"]
         ],
       },
       companyList: [
@@ -104,40 +123,42 @@ let app = new Vue({
       this.initChartR2()
       this.initChartR3()
       this.initChartR6()
-
+      this.changeTopColor()
     },)
-    setTimeout(() => {
-      this.timer2 = setInterval(() => {
-        if (this.count < dataList.length - 1) {
-          this.count++
+  },
+  methods: {
+    changeTopColor () {
+      this.list = document.getElementsByClassName('row-item')
+      for (var i = 0; i < this.list.length; i++) {
+        if (i == 1) {
+          this.list[i].classList.add('light')
         } else {
-          this.count = 0
+          this.list[i].classList.remove('light')
         }
-        if (this.count > 14) {
-          this.countType = 1
+      }
+      this.initChartL3()
+    },
+    scrollChange (index) {
+      if (index == 18) {
+        this.count = -1
+      } else {
+        this.count = index
+      }
+      if (this.count > 12 && this.count != 18) {
+        this.countType = 1
+      } 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')
         } else {
-          this.countType = 0
+          this.list[i].classList.remove('light')
         }
-        this.initChartL3()
-      }, 2000)
-    }, 300)
-    // setTimeout(() => {
-    //   var swiper = new Swiper(".mySwiper", {
-    //     pagination: {
-    //       el: ".swiper-pagination",
-    //       type: "progressbar",
-    //     },
-    //     navigation: {
-    //       nextEl: ".swiper-button-next",
-    //       prevEl: ".swiper-button-prev",
-    //     },
-    //   });
-    //   swiper.el.onmouseout = function () {
-    //     swiper.autoplay.start();
-    //   }
-    // })
-  },
-  methods: {
+      }
+      this.initChartL3()
+    },
     convertData (data) {
       var res = []
       for (var i = 0; i < data.length; i++) {
@@ -687,7 +708,7 @@ let app = new Vue({
           {
             name: "2023年额度",
             type: "bar",
-            data: [373.22, 462.83, 243.27, 214.79, 49.55, 13.23, 22.16, 32.97, 8.56, 9.28, 127.32, -1.39, 44.12, 76.90, 7.03, 12.14, -0.20, 0.37],
+            data: [259.91, 400.49, 97.65, 128.96, 24.84, 7.79, 16.15, 16.18, 6.83, 0.00, 33.49, 0.00, 43.39, 76.53, 5.05, 8.59, 0.00, 0.28],
             showBackground: false,
             backgroundStyle: {
               color: "#18416F",
@@ -743,7 +764,7 @@ let app = new Vue({
     },
     initChartL2b () {
       let myChart = echarts.init(this.$refs['echartL2b'])
-      var value = 0.13;
+      var value = 0.07;
       var data = [value];
       let option = {
         backgroundColor: 'transparent',
@@ -951,7 +972,7 @@ let app = new Vue({
         ],
         series: [
           {
-            name: '',
+            name: '实际值',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -969,7 +990,7 @@ let app = new Vue({
               },
             },
             // data: [70, 52, 33, 41, 52],
-            data: dataList[this.count][0]
+            data: dataList[this.count + 1][2]
             // markLine: {
             //   symbol: ['none', 'none'],
             //   data: [
@@ -1024,7 +1045,7 @@ let app = new Vue({
               },
             },
             // data: [20, 30, 15, 28, 36],
-            data: dataList[this.count][1]
+            data: dataList[this.count + 1][1]
           },
           {
             name: '',
@@ -1045,7 +1066,7 @@ let app = new Vue({
               },
             },
             // data: [15, 22, 17, 33, 14],
-            data: dataList[this.count][2]
+            data: dataList[this.count + 1][0]
           },
         ],
       }
@@ -1086,7 +1107,7 @@ let app = new Vue({
             return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#b6a045', '#D87AFF'],
+        color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
         legend: {
           orient: 'horizontal',
           show: false,
@@ -1169,7 +1190,7 @@ let app = new Vue({
             return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#b6a045', '#D87AFF'],
+        color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1253,7 +1274,7 @@ let app = new Vue({
           }
           // position: ['30%', '87%'],
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#b6a045', '#D87AFF'],
+        color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1333,7 +1354,7 @@ let app = new Vue({
             return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#b6a045', '#D87AFF'],
+        color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1543,9 +1564,8 @@ let app = new Vue({
     },
     initChartR1 () {
       let data = [
-        { value: [665.81, 549], name: '主业' },
-        { value: [65.17, 84], name: '辅业' },
-        { value: [423.36, 164], name: '技改' }
+        { value: [1098.71, 713], name: '主业' },
+        { value: [65.17, 84], name: '辅业' }
       ]
       let count = 0
       data.forEach(item => {
@@ -1570,7 +1590,7 @@ let app = new Vue({
             return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#b6a045', '#D87AFF'],
+        color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1647,7 +1667,7 @@ let app = new Vue({
           }
           // position: ['-5%', '95%'],
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#b6a045', '#D87AFF'],
+        color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
         legend: {
           show: false,
           icon: 'circle',

investment/js/investHome4.js

@@ -0,0 +1,25 @@
+let app = new Vue({
+  el: '#app',
+  data () {
+    return {
+      time: '',
+      timer: '',
+    }
+  },
+  created () {
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+  },
+  beforeDestroy () {
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
+  mounted () {
+  },
+  methods: {
+
+  },
+})

investment/styles/investHome2.css

@@ -587,6 +587,9 @@ a {
 /* .rows > .row-item:nth-child(2) {
   background-color: #79a4db6c !important;
 } */
+.light {
+  background-color: #79a4db6c !important;
+}
 .header {
   color: #2abbff;
   font-weight: bold;

investment/styles/investHome4.css

@@ -0,0 +1,581 @@
+*,
+*:before,
+*:after {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+html,
+body {
+  height: 100%;
+  font-size: 14px;
+  background-color: #ecffff;
+  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC',
+    'Hiragino Sans GB', Arial, sans-serif;
+}
+
+.flex {
+  display: flex;
+}
+.flex1 {
+  flex: 1;
+}
+.flex2 {
+  flex: 2;
+}
+.flex-around {
+  display: flex;
+  justify-content: space-around;
+}
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.flex-end {
+  display: flex;
+  justify-content: flex-end;
+}
+.flex-align-center {
+  display: flex;
+  align-items: center;
+}
+.text-center {
+  text-align: center;
+}
+.font12 {
+  font-size: 12px;
+}
+.main-color {
+  color: #0bf1ff;
+}
+.danger-color {
+  color: #f15450 !important;
+}
+.error-color {
+  color: #ffc704 !important;
+}
+.btm10 {
+  margin-bottom: 10px;
+}
+.btm20 {
+  margin-bottom: 20px;
+}
+a {
+  text-decoration: none;
+  cursor: pointer;
+}
+
+[v-cloak] {
+  display: none;
+}
+#app {
+  background: url('../images/page-bg.png') center center no-repeat;
+  background-size: 100% 100%;
+  padding-top: 10px;
+  height: 100vh;
+  overflow: hidden;
+  color: #fff;
+}
+.my-header {
+  position: relative;
+  height: 70px;
+  line-height: 70px;
+  background: url('../images/header-bg.png') center center no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  font-weight: bold;
+  font-size: 32px;
+  font-weight: 600;
+}
+.my-header span {
+  background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.my-header span.right {
+  position: absolute;
+  right: 60px;
+  top: 0px;
+  font-size: 16px;
+}
+.main {
+  padding: 15px;
+  height: calc(100vh - 25px);
+  background: url('../images/back-big.png') no-repeat center bottom;
+  padding-bottom: 65px;
+  display: grid;
+  /* grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-rows: repeat(2, minmax(0, 1fr)); */
+  grid-template-columns: repeat(2, 50%);
+  grid-template-rows: repeat(2, 50%);
+  gap: 10px;
+}
+.panel-title {
+  position: relative;
+  text-align: center;
+  height: 50px;
+  line-height: 50px;
+}
+.panel-title .text {
+  font-size: 20px;
+  font-weight: 600;
+  color: #05fbfe;
+  text-shadow: 0px 2px 10px rgba(10, 30, 52, 0.48);
+  background: linear-gradient(0deg, #ffffff 0%, #63dcff 0%, #e0f3ff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  position: relative;
+}
+.panel-title .text::before {
+  position: absolute;
+  content: ' ';
+  top: 10px;
+  left: -40px;
+  width: 30px;
+  height: 10px;
+  background: url('../images/title-left.png') no-repeat;
+}
+.panel-title .text::after {
+  position: absolute;
+  content: ' ';
+  top: 10px;
+  right: -40px;
+  width: 30px;
+  height: 10px;
+  background: url('../images/title-right.png') no-repeat;
+}
+.lt-bottom {
+  display: grid;
+  height: calc(100% - 50px);
+  grid-template-columns: 1fr 2fr;
+  gap: 10px;
+  padding: 10px;
+}
+.lt-bottom-left {
+  display: grid;
+  grid-template-rows: repeat(4, 1fr);
+  gap: 10px;
+}
+.lt-bottom-left > div {
+  background: url('../images4/button-back.png') no-repeat;
+  background-size: 100% 100%;
+  font-size: 18px;
+  font-weight: bold;
+}
+.lt-bottom-right {
+  background: url('../images4/list-back.png') no-repeat;
+  background-size: 100% 100%;
+}
+.tl,
+.tr,
+.bl,
+.br {
+  background: url('../images4/list-back.png') no-repeat;
+  background-size: 100% 100%;
+}
+/* zhb */
+/* 宽高纵横比 */
+.aspect-auto {
+  aspect-ratio: auto;
+}
+.aspect-square {
+  aspect-ratio: 1 / 1;
+}
+.aspect-video {
+  aspect-ratio: 16 / 9;
+}
+/* aspect-[4/3] */
+
+/* 居中 */
+.mx-auto {
+  margin: 0 auto;
+}
+
+/* 设置容器内的列数/每列距离 */
+.columns-1 {
+  columns: 1;
+}
+/* columns-[20px] */
+
+/* 盒子模型 */
+.box-border {
+  box-sizing: border-box;
+}
+.box-content {
+  box-sizing: content-box;
+}
+/* 消失 */
+.hidden {
+  display: none;
+}
+
+/* 块级元素 */
+.block {
+  display: block;
+}
+/* 行内块 */
+.inline-block {
+  display: inline-block;
+}
+/* 行内元素 */
+.inline {
+  display: inline;
+}
+
+/* 弹性布局 */
+.flex {
+  display: flex;
+}
+/* 主轴起点在左边 */
+.flex-row {
+  flex-direction: row;
+}
+/* 主轴起点在右边 */
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+/* 主轴竖向排列，在上面 */
+.flex-col {
+  flex-direction: column;
+}
+/* 主轴竖向排列，在下面 */
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+/* 自动换行 */
+.flex-wrap {
+  flex-wrap: wrap;
+}
+/* 自动换行下起点 */
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+/* 不换行 */
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+/* 弹性成长 */
+.grow {
+  flex-grow: 1;
+}
+/* 不允许弹性成长 */
+.grow-0 {
+  flex-grow: 0;
+}
+/* 主轴从左开始 */
+.justify-start {
+  justify-content: flex-start;
+}
+/* 主轴从右开始 */
+.justify-end {
+  justify-content: flex-end;
+}
+/* 主轴剧中 */
+.justify-center {
+  justify-content: center;
+}
+/* 主轴两端无间隔 */
+.justify-between {
+  justify-content: space-between;
+}
+/* 主轴两端有间隔 */
+.justify-around {
+  justify-content: space-around;
+}
+/* 所有间隔相等 */
+.justify-evenly {
+  justify-content: space-evenly;
+}
+/* 纵向起点最上方 */
+.items-start {
+  align-items: flex-start;
+}
+/* 纵向起点最下方 */
+.items-end {
+  align-items: flex-end;
+}
+.items-center {
+  align-items: center;
+}
+/* 网格布局 */
+.grid {
+  display: grid;
+}
+/* 有几列 */
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+/* 有几行 */
+.grid-rows-3 {
+  grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+/* 间距 */
+.gap-7 {
+  gap: 1.75rem;
+}
+/* 允许弹性成长 */
+.shrink {
+  flex-shrink: 1;
+}
+/* 不允许弹性成长 */
+.shrink-0 {
+  flex-shrink: 0;
+}
+/* 不允许成长也不允许收缩 */
+.flex-none {
+  flex: none;
+}
+/* 浮动布局 */
+.float-right {
+  float: right;
+}
+.float-left {
+  float: left;
+}
+.clear-both {
+  clear: both;
+}
+
+/* 溢出 */
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-scroll {
+  overflow: scroll;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
+/* 定位 */
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.top-0 {
+  top: 0px;
+}
+.right-0 {
+  right: 0px;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.left-0 {
+  left: 0px;
+}
+/* top-[3px] */
+/* z-[100] */
+
+/* 显示隐藏未脱离文档流 */
+.visible {
+  visibility: visible;
+}
+.invisible {
+  visibility: hidden;
+}
+
+/* 内边距 */
+.p-0 {
+  padding: 0px;
+}
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.pt-0 {
+  padding-top: 0px;
+}
+.pr-0 {
+  padding-right: 0px;
+}
+.pb-0 {
+  padding-bottom: 0px;
+}
+.pl-0 {
+  padding-left: 0px;
+}
+/* p-[5px] */
+
+/* 外边距 */
+.m-0 {
+  margin: 0px;
+}
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+.mt-0 {
+  margin-top: 0px;
+}
+.mr-0 {
+  margin-right: 0px;
+}
+.mb-0 {
+  margin-bottom: 0px;
+}
+.ml-0 {
+  margin-left: 0px;
+}
+/* m-[5px] */
+
+/* 宽度 */
+.w-full {
+  width: 100%;
+}
+.w-screen {
+  width: 100vw;
+}
+/* w-[32rem] */
+/* min-w-[50%] */
+/* max-w-[50%] */
+
+/* 高度 */
+.h-full {
+  height: 100%;
+}
+.h-screen {
+  height: 100vh;
+}
+/* h-[32rem] */
+/* min-h-[50%] */
+/* max-h-[32rem] */
+
+/* 字体 */
+.text-xs {
+  font-size: 0.75rem; /* 12px */
+  line-height: 1rem; /* 16px */
+}
+.text-sm {
+  font-size: 0.875rem; /* 14px */
+  line-height: 1.25rem; /* 20px */
+}
+.text-base {
+  font-size: 1rem; /* 16px */
+  line-height: 1.5rem; /* 24px */
+}
+.text-lg {
+  font-size: 1.125rem; /* 18px */
+  line-height: 1.75rem; /* 28px */
+}
+.text-xl {
+  font-size: 1.25rem; /* 20px */
+  line-height: 1.75rem; /* 28px */
+}
+.text-2xl {
+  font-size: 1.5rem; /* 24px */
+  line-height: 2rem; /* 32px */
+}
+.text-3xl {
+  font-size: 1.875rem; /* 30px */
+  line-height: 2.25rem; /* 36px */
+}
+.text-4xl {
+  font-size: 2.25rem; /* 36px */
+  line-height: 2.5rem; /* 40px */
+}
+.text-5xl {
+  font-size: 3rem; /* 48px */
+  line-height: 1;
+}
+.text-6xl {
+  font-size: 3.75rem; /* 60px */
+  line-height: 1;
+}
+.text-7xl {
+  font-size: 4.5rem; /* 72px */
+  line-height: 1;
+}
+.text-8xl {
+  font-size: 6rem; /* 96px */
+  line-height: 1;
+}
+.text-9xl {
+  font-size: 8rem; /* 128px */
+  line-height: 1;
+}
+/* text-[14px] */
+/* 字体粗细font-weight */
+/* font-[1100] */
+/* https://tailwindcss.com/docs/font-weight */
+/* 字体间距letter-spacing */
+/* tracking-[.25em] */
+/* 行高line-height */
+/* leading-[3rem] */
+/* 无列表样式 */
+.list-none {
+  list-style-type: none;
+}
+/* 小圆点 */
+.list-disc {
+  list-style-type: disc;
+}
+/* 数字列表 */
+.list-decimal {
+  list-style-type: decimal;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+/* 所有文本头尾对齐 */
+.text-justify {
+  text-align: justify;
+}
+/* 文本颜色 */
+/* text-[#50d71e] */
+/* https://tailwindcss.com/docs/text-color */
+/* 下划线 */
+.underline {
+  text-decoration-line: underline;
+}
+/* 上划线 */
+.overline {
+  text-decoration-line: overline;
+}
+/* 中划线 */
+.line-through {
+  text-decoration-line: line-through;
+}
+/* 无划线 */
+.no-underline {
+  text-decoration-line: none;
+}
+/* 全小写 */
+.lowercase {
+  text-transform: lowercase;
+}
+/* 全大写 */
+.uppercase {
+  text-transform: uppercase;
+}
+/* 首字母大写 */
+.capitalize {
+  text-transform: capitalize;
+}