重点两线指标轮播完成

investmentNew/index.html

@@ -309,27 +309,9 @@
             <div class="title">两个转型</div>
             <div class="content relative center1">
               <div class="flex items-center justify-end" style="font-size: 24px">
-                <span style="
-                      display: inline-block;
-                      margin-right: 15px;
-                      border-radius: 10px;
-                      width: 25px;
-                      height: 25px;
-                      background: url('../img/blueBig.png') no-repeat center
-                        center;
-                      background-size: 100% 100%;
-                    "></span>
+                <span class="length1"></span>
                 <span style="margin-right: 40px">产业转型</span>
-                <span style="
-                      display: inline-block;
-                      margin-right: 15px;
-                      border-radius: 10px;
-                      width: 25px;
-                      height: 25px;
-                      background: url('../img/greenBig.png') no-repeat center
-                        center;
-                      background-size: 100% 100%;
-                    "></span>
+                <span class="length2"></span>
 
                 <span>数字转型</span>
               </div>
@@ -453,9 +435,9 @@
           </div>
           <div>
             <div>
-              <div class="title">重点项目监控</div>
+              <div class="title">省级重点项目监控</div>
               <div class="content">
-                <dv-scroll-board :config="storageRecordConfig2" class="h-full w-full" />
+                <dv-scroll-board :config="storageRecordConfig2" class="h-full w-full"  />
               </div>
             </div>
           </div>
@@ -512,7 +494,7 @@
           <div class="meansWrap">
             <div class="meansHead">
               <img src="./img/1.png" alt="" />
-              固定资产
+              固定资产类项目
             </div>
             <div class="wrapMeansItem">
               <div v-for="(item, index) in meansList" class="itemWid" :class="[topIndex == index ? 'active': '']">
@@ -530,7 +512,7 @@
           <div class="shareholding">
             <div class="meansHead">
               <img src="./img/2.png" alt="" />
-              股权类
+              股权类项目
             </div>
             <div class="wrapMeansItem">
               <div v-for="(item, index) in stockRightList" :class="[topIndex == index+6 ? 'active': '']"
@@ -560,7 +542,7 @@
                   </div>
                 </div>
                 <div class="topDiv" style="margin-top: 1.875rem">
-                  <p>项目数量</p>
+                  <p>投资金额</p>
                   <div class="costNum">
                     {{item.value}}
                     <span>亿</span>
@@ -591,7 +573,7 @@
             </div>
             <div class="investInfoWrap">
               <div class="investInfo">
-                预算额<span>{{investData.investList[witchs].yse}}</span>亿
+                项目预算额<span>{{investData.investList[witchs].yse}}</span>亿
               </div>
               <div class="investInfo">
                 已签合同额<span>{{investData.investList[witchs].yqhte}}</span>亿
@@ -600,10 +582,10 @@
                 产值认定额<span>{{investData.investList[witchs].czrde}}</span>亿
               </div>
               <div class="investInfo">
-                结算额<span>{{investData.investList[witchs].jse}}</span>亿
+                累计结算额<span>{{investData.investList[witchs].jse}}</span>亿
               </div>
               <div class="investInfo">
-                付款额<span>{{investData.investList[witchs].fke}}</span>亿
+                累计付款额<span>{{investData.investList[witchs].fke}}</span>亿
               </div>
             </div>
           </div>

investmentNew/js/Data.js

@@ -569,76 +569,91 @@ let dataList2 = [
   [
     "华阳新材",
     "华钠铜（碳）年产万吨级钠离子电池正负极材料项目",
+    '初步设计',
     "11.42亿"
   ],
   [
     "太重集团",
     "太重退城入园智能高端装备生产线升级改造项目",
+    '开工',
     "18.11亿"
   ],
   [
     "太重集团",
     "太重智能高端液压挖掘机项目",
+    '竣工',
     "17.82亿"
   ],
   [
     "太重集团",
     "太重（大同）高端起重机产业基地二期项目",
+    '竣工',
     "1.62亿"
   ],
   [
     "太重集团",
     "太重液压挖掘机四轮一带项目",
+    '初步设计',
     "4.00亿"
   ],
   [
     "太重集团",
     "太重中大型工程起重机智能制造项目",
+    '结算',
     "8.30亿"
   ],
   [
     "太重集团",
     "太重高端工程机械齿轮箱智能制造项目",
+    '验收',
     "3.55亿"
   ],
   [
     "云时代",
     "侯马北铜年处理铜精矿150万吨综合回收项目",
+    '前期准备',
     "27.70亿"
   ],
   [
     "交控集团",
     "山西固废资源化利用交通科技园项目",
+    '前期准备',
     "2.00亿"
   ],
   [
     "云时代",
     "北方铜业铜矿峪矿园子沟尾矿库项目",
+    '前期准备',
     "16.73亿"
   ],
   [
     "山西建投",
     "山西综改示范区潇河产业园区建筑垃圾资源化处理项目",
+    '前期准备',
     "3.90亿"
   ],
   [
     "云时代",
     "山西北铜高性能压延铜带箔和覆铜板项目",
+    '前期准备',
     "23.96亿"
   ],
   [
     "大地控股",
     "大地控股忻州新店年产800万吨精品砂石骨料项目",
+    '前期准备',
     "8.70亿"
   ],
   [
     "山西建投",
     "山西建投晋西北建筑产业园区项目",
+    '前期准备',
     "6.71亿"
   ],
   [
     "山西建投",
     "山西建投长治建筑产业园区一期项目",
+    '前期准备',
     "4.98亿"
   ],
   [
@@ -649,272 +664,14 @@ let dataList2 = [
   [
     "文旅集团",
     "忻州清凉湾温泉康养项目",
+    '前期准备',
     "9.34亿"
   ],
   [
     "交控集团",
     "山西路桥数字化交通产业园（南区）项目",
+    '前期准备',
     "32.10亿"
-  ],
-  [
-    "山西建投",
-    "山西农谷智慧冷链物流园项目",
-    "5.49亿"
-  ],
-  [
-    "华新燃气",
-    "大同液化调峰储备集散中心二期项目",
-    "1.50亿"
-  ],
-  [
-    "神农科技",
-    "天镇万头奶牛智慧牧场项目",
-    "5.67亿"
-  ],
-  [
-    "晋能控股",
-    "阳泉郊区西上庄煤矿项目",
-    "52.56亿"
-  ],
-  [
-    "华阳新材",
-    "和顺泊里矿井及选煤厂项目",
-    "67.00亿"
-  ],
-  [
-    "华阳新材",
-    "寿阳七元煤矿项目",
-    "50.77亿"
-  ],
-  [
-    "山西焦煤",
-    "沁源中峪煤矿项目",
-    "87.69亿"
-  ],
-  [
-    "晋能控股",
-    "晋城兴唐车寨煤矿及选煤厂项目",
-    "27.52亿"
-  ],
-  [
-    "晋能控股",
-    "阳城龙湾矿井及选煤厂项目",
-    "69.28亿"
-  ],
-  [
-    "晋能控股",
-    "沁水东大矿井及选煤厂项目",
-    "62.46亿"
-  ],
-  [
-    "晋能控股",
-    "沁水郑庄矿井及选煤厂项目",
-    "83.06亿"
-  ],
-  [
-    "山西焦煤",
-    "乡宁谭坪煤矿一期项目",
-    "56.62亿"
-  ],
-  [
-    "山西焦煤",
-    "灵石灵北煤矿及选煤厂项目",
-    "66.27亿"
-  ],
-  [
-    "晋能控股",
-    "晋控电力同热三期2x100万千瓦“上大压小”煤电项目",
-    "72.67亿"
-  ],
-  [
-    "山西焦煤",
-    "山煤集团河曲2x35万千万低热值煤发电项目",
-    "33.30亿"
-  ],
-  [
-    "华阳新材",
-    "西上庄低热值煤发电项目",
-    "53.85亿"
-  ],
-  [
-    "华新燃气",
-    "阳城煤层气集输中心（町店配气站二期扩容改造）项目",
-    "2.50亿"
-  ],
-  [
-    "交控集团",
-    "高速公路充电桩建设项目",
-    "3.10亿"
-  ],
-  [
-    "交控集团",
-    "三个一号旅游公路和“四好农村路”沿线充电桩建设项目",
-    "7.10亿"
-  ],
-  [
-    "山西建投",
-    "山西省静态交通大数据平台项目",
-    "1.00亿"
-  ],
-  [
-    "华远陆港",
-    "集宁经大同至原平铁路项目",
-    "248.21亿"
-  ],
-  [
-    "华远陆港",
-    "雄安新区至忻州高速铁路山西段项目",
-    "192.06亿"
-  ],
-  [
-    "华远陆港",
-    "阳涉铁路开通客运服务项目",
-    "6.60亿"
-  ],
-  [
-    "交控集团",
-    "昔阳（晋冀界）至榆次高速公路项目",
-    "209.86亿"
-  ],
-  [
-    "交控集团",
-    "青银二广高速公路太原联络线项目",
-    "72.88亿"
-  ],
-  [
-    "交控集团",
-    "晋阳高速公路改扩建工程",
-    "62.02亿"
-  ],
-  [
-    "交控集团",
-    "青兰国家高速公路长治至延安联络线（G2211）山西境黎城至霍州段项目",
-    "231.10亿"
-  ],
-  [
-    "交控集团",
-    "汾阳至石楼高速公路项目",
-    "117.14亿"
-  ],
-  [
-    "交控集团",
-    "呼北国家高速公路离石至隰县段项目",
-    "104.90亿"
-  ],
-  [
-    "交控集团",
-    "临汾至沁水高速公路临汾至浮山段项目",
-    "19.70亿"
-  ],
-  [
-    "交控集团",
-    "G108线重点路段新建改建工程（含2个子项目）",
-    "130.19亿"
-  ],
-  [
-    "交控集团",
-    "国道241、省道岚马线汾河水库段改线工程",
-    "41.71亿"
-  ],
-  [
-    "交控集团",
-    "G241阳方口至朔州段和G336朔州至平鲁段公路改扩建工程PPP项目",
-    "16.38亿"
-  ],
-  [
-    "交控集团",
-    "G336线应县罗庄至朔城区东榆林改扩建工程",
-    "23.17亿"
-  ],
-  [
-    "航产集团",
-    "太原武宿（国际）机场三期改扩建项目",
-    "239.28亿"
-  ],
-  [
-    "航产集团",
-    "太原武宿（国际）机场三期改扩建综合交通中心配套项目",
-    "7.62亿"
-  ],
-  [
-    "山西建投",
-    "大盂产业新城标准化厂房基础设施一期项目",
-    "11.63亿"
-  ],
-  [
-    "水控集团",
-    "滹沱河供水工程",
-    "12.80亿"
-  ],
-  [
-    "水控集团",
-    "全省县域水网及城乡供水一体化首批项目",
-    "240.00亿"
-  ],
-  [
-    "水控集团",
-    "小浪底引黄（灌区、工业及城镇生活供水）工程",
-    "27.30亿"
-  ],
-  [
-    "水控集团",
-    "阳泉龙华口调水工程",
-    "20.30亿"
-  ],
-  [
-    "水控集团",
-    "万家寨引黄北干支线工程",
-    "15.63亿"
-  ],
-  [
-    "水控集团",
-    "万家寨引黄入晋总干线南干线泵站二期扩机项目",
-    "15.00亿"
-  ],
-  [
-    "交控集团",
-    "智慧交通山西省实验室项目",
-    "1.20亿"
-  ],
-  [
-    "交控集团",
-    "山西隧道与地下工程研究中心项目",
-    "1.50亿"
-  ],
-  [
-    "华舰体育",
-    "山西体育职业学院新校区项目",
-    "12.76亿"
-  ],
-  [
-    "华舰体育",
-    "屯留沙家庄航空产教融合实训基地项目",
-    "2.08亿"
-  ],
-  [
-    "太重集团",
-    "太重智能高端装备产业园区基础设施及厂房配套项目",
-    "55.87亿"
-  ],
-  [
-    "交控集团",
-    "山西综改示范区中小企业产业园一期项目",
-    "13.70亿"
-  ],
-  [
-    "山西焦煤",
-    "临县三交一号煤矿项目",
-    "80.53亿"
-  ],
-  [
-    "山西焦煤",
-    "中阳吴家峁矿井及选煤厂项目",
-    "60.21亿"
-  ],
-  [
-    "华阳新材",
-    "华阳云冈千吨级高性能碳纤维一期示范项目",
-    "6.40亿"
   ]
 ]
 let statusList = [

investmentNew/js/index.js

@@ -88,11 +88,11 @@ let app = new Vue({
       storageRecordConfig: {
         waitTime: "10000",
         hoverPause: true,
-        header: ["企业集团", "项目名 ", "投资总额"],
+        header: ["企业集团", "项目名称", "投资金额"],
         headerHeight: 80,
         headerBGC: '#69C0FF20',
         oddRowBGC: '#011e4800',
-        evenRowBGC: '#69C0FF20',
+        evenRowBGC: '#011e4800',
         // oddRowBGC: '#05507b33',
         rowNum: 6,
         columnWidth: [150, 450, 150],
@@ -171,7 +171,7 @@ let app = new Vue({
         ],
       },
       storageRecordConfig2: {
-        header: ['企业集团', '项目名称', '投资金额'],
+        header: ['企业集团', '项目名称', '项目阶段', '投资金额'],
         headerBGC: '#69C0FF20',
         oddRowBGC: '#011e4800',
         evenRowBGC: '#69C0FF20',
@@ -191,11 +191,11 @@ let app = new Vue({
           value: "103",
         },
         {
-          label: "施工",
+          label: "开工",
           value: "62",
         },
         {
-          label: "完工",
+          label: "竣工",
           value: "35",
         },
         {
@@ -465,29 +465,31 @@ let app = new Vue({
           "汾酒集团",
         ],
         y1: [
-          100, 45, 67, 110, 108, 120, 110, 45, 67, 110, 108, 34, 100, 45, 67,
+          120, 45, 67, 110, 108, 120, 110, 45, 67, 110, 108, 34, 100, 45, 67,
           110, 108, 34,
         ],
         y2: [
-          120, 50, 67, 130, 56, 233, 100, 78, 98, 100, 120, 78, 120, 90, 56,
-          120, 110, 78,
+          110, 41, 35, 81, 56, 10, 9, 8, 7, 6, 5, 4, 6, 7, 8,
+          9, 4, 3,
         ],
         y3: [
-          130, 76, 67, 120, 89, 111, 87, 123, 56, 65, 45, 98, 230, 78, 99, 130,
-          56, 98,
+          130, 76, 67, 120, 89, 111, 87, 123, 66, 65, 65, 98, 230, 78, 99, 130,
+          68, 98,
         ],
         y4: [
-          90, 100, 67, 90, 110, 120, 34, 231, 34, 78, 78, 100, 110, 120, 67, 89,
-          78, 110,
+          90, 50, 50, 50, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 51, 52,
+          53, 54,
         ],
         y5: [
-          110, 110, 67, 110, 120, 95, 78, 45, 120, 110, 98, 233, 100, 45, 67,
-          98, 98, 34,
+          33, 32, 31, 31, 32, 33, 34, 34, 35, 36, 37, 38, 39, 33, 34,
+          35, 36, 37,
         ],
       }
     };
   },
-  created () { },
+  created () {
+
+  },
   beforeDestroy () {
     clearInterval(this.timer);
     clearInterval(this.time1);
@@ -558,6 +560,7 @@ let app = new Vue({
           that.chinaEchartsFun()
           that.leftEcharts16Fun() // 中国地图背景地球
         }
+        this.changeTopColor()
         this.leftEcharts1Fun();
         this.leftEcharts2Fun();
         this.leftEcharts3Fun();
@@ -567,7 +570,7 @@ let app = new Vue({
         this.leftEcharts7Fun();
         this.leftEcharts8Fun();
         this.leftEcharts10Fun();
-        this.leftEcharts11Fun();
+        // this.leftEcharts11Fun();
         this.rightEcharts1Fun();
         this.initChartR2();
         this.initChartR4();
@@ -1371,12 +1374,8 @@ let app = new Vue({
           },
 
           formatter: function (p) {
-            return `${p.name}<br>应首评项目数：${that.riskData1.y1[p.dataIndex]}个<br>
-            已完成首评项目数：${that.riskData1.y2[p.dataIndex]}个<br>
-            应再评项目数：${that.riskData1.y3[p.dataIndex]}个<br>
-            已完成再评项目数：${that.riskData1.y4[p.dataIndex]}个<br>
-            再评达标项目数：${that.riskData1.y5[p.dataIndex]}个
-            `
+            return `${p.name}<br>首次评价：应开展${that.riskData1.y1[p.dataIndex]}个，已完成${that.riskData1.y2[p.dataIndex]}个<br>
+            再次评价：应开展${that.riskData1.y3[p.dataIndex]}个，已完成${that.riskData1.y4[p.dataIndex]}个，达标${that.riskData1.y5[p.dataIndex]}个`
           },
         },
         legend: {
@@ -5408,5 +5407,16 @@ let app = new Vue({
         // that.comeIn()
       })
     },
+    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.list[i].classList.remove('light')
+        }
+      }
+      this.leftEcharts11Fun()
+    },
   },
 });

investmentNew/styles/index.css

@@ -72,6 +72,9 @@ a {
   background: url('../img/title-light.png') center bottom no-repeat;
   background-size: 100% 100%;
 }
+.light {
+  background-color: #79a4db6c !important;
+}
 .top .title > span:after {
   content: '';
   display: inline-block;
@@ -531,6 +534,26 @@ a {
   justify-content: center;
   line-height: normal;
 }
+.length1{
+  display: inline-block;
+  margin-right: 15px;
+  border-radius: 10px;
+  width: 25px;
+  height: 25px;
+  background: url('../img/blueBig.png') no-repeat center
+    center;
+  background-size: 100% 100%;
+}
+.length2{
+  display: inline-block;
+  margin-right: 15px;
+  border-radius: 10px;
+  width: 25px;
+  height: 25px;
+  background: url('../img/greenBig.png') no-repeat center
+    center;
+  background-size: 100% 100%;
+}
 /* 公共css */
 /* 宽高纵横比 */
 .font28 {