修改中投页面

investment/investHome5.html

@@ -24,7 +24,7 @@
   <div id="app">
     <dv-full-screen-container>
       <header class="my-header">
-        <span>投资管理数智中心</span>
+        <span>投资项目管理</span>
         <span class="right">{{time}}</span>
       </header>
       <div class="main">
@@ -34,13 +34,16 @@
               <span class="text">固定资产</span>
             </div>
             <div class="top-lb w-full overflow-hidden">
-              <div v-for="(item,index) in 11" :key="index"
+              <div v-for="(item,index) in titleList" :key="index"
                 class="topCard flex items-center justify-center flex-col  overflow-hidden">
-                <div class="flex items-center justify-center shrink-0"><span
-                    style="height:40%;width:40%;font-size: 16px;text-align: center;">{{( index % 2 ) ==
-                    0?'初步设计':''}}</span></div>
+                <div class="flex items-center justify-center shrink-0"
+                  :class="(item.type==1&&item.name)?'titleBackBlue':(item.type==2&&item.name)?'titleBackYellow':''">
+                  <span class="flex items-center justify-center" style="height:40%;width:33%;font-size: 16px;">{{( index
+                    % 2 ) ==
+                    0?item.name:''}}</span>
+                </div>
                 <span style="color:#1998FF;" v-if="( index % 2 ) == 0"><span
-                    style="font-size:24px;font-weight: bold;">160</span>个</span>
+                    style="font-size:24px;font-weight: bold;">{{item.number}}</span>个</span>
               </div>
             </div>
           </dv-border-box-8>
@@ -49,13 +52,21 @@
               <span class="text">股权类</span>
             </div>
             <div class="top-rb w-full overflow-hidden">
-              <div v-for="(item,index) in 3" :key="index"
-                class="topCard flex items-center justify-center flex-col overflow-hidden">
-                <div class="flex items-center justify-center shrink-0"><span
-                    style="height:40%;width:40%;font-size: 16px;text-align: center;">{{( index % 2 ) ==
-                    0?'初步设计':''}}</span></div>
-                <span style="color:#1998FF;" v-if="( index % 2 ) == 0"><span
-                    style="font-size:24px;font-weight: bold;">160</span>个</span>
+              <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
+                <div class="flex items-center justify-center shrink-0 titleBackBlue"><span
+                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 16px;">前期准备</span>
+                </div>
+                <span style="color:#1998FF;"><span style="font-size:24px;font-weight: bold;">17</span>个</span>
+              </div>
+              <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
+                <div class="flex items-center justify-center shrink-0 titleBackBlue">
+                </div>
+              </div>
+              <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
+                <div class="flex items-center justify-center shrink-0 titleBackBlue"><span
+                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 16px;">工商变更登记</span>
+                </div>
+                <span style="color:#1998FF;"><span style="font-size:24px;font-weight: bold;">43</span>个</span>
               </div>
             </div>
           </dv-border-box-8>
@@ -63,18 +74,19 @@
         <div class="center">
           <dv-border-box-8>
             <div class="overflow-hidden centerBack center-l w-full h-full">
-              <div v-for="(item,index) in 3" :key="index" class="w-full h-full overflow-hidden">
-                <div class="center-l-title flex items-center justify-center"><span style="margin-right: 10px;color: #0FA9E2;">·</span>正偏差<span
+              <div v-for="(item,index) in centerLeftList" :key="index" class="w-full h-full overflow-hidden">
+                <div class="center-l-title flex items-center justify-center"><span
+                    style="margin-right: 10px;color: #0FA9E2;">·</span>{{item.name}}<span
                     style="margin-left: 10px;color: #0FA9E2;">·</span></div>
                 <div class="center-l-list flex items-center justify-center flex-col" style="padding-left: 30%;">
                   <span style="color:#1998FF;"><span
-                    style="font-size:24px;font-weight: bold;">160</span>个</span>
-                    <span>项目数量</span>
+                      style="font-size:24px;font-weight: bold;">{{item.value}}</span>个</span>
+                  <span>项目数量</span>
                 </div>
                 <div class="center-l-list2 flex items-center justify-center flex-col" style="padding-left: 30%;">
                   <span style="color:#1998FF;"><span
-                    style="font-size:24px;font-weight: bold;">160</span>个</span>
-                    <span>偏差金额</span>
+                      style="font-size:24px;font-weight: bold;">{{item.value2}}</span>个</span>
+                  <span>总投资额</span>
                 </div>
               </div>
             </div>
@@ -94,10 +106,10 @@
             <div class="foot-b w-full h-full overflow-hidden">
               <div class="foot-bt overflow-hidden">
                 <div class="w-full h-full" style="padding:10px;background-color: #1C355B;">
-                  <div class="w-full h-full"  ref="echart3"></div>
+                  <div class="w-full h-full" ref="echart3"></div>
                 </div>
                 <div class="ldMap w-full h-full" style="padding:10px;background-color: #1C355B;">
-                  <div class="w-full h-full"  ref="echart4"></div>
+                  <div class="w-full h-full" ref="echart4"></div>
                   <div class="flex justify-center items-center">
                     <div class="center-left-bottom-list flex justify-center items-center flex-col">
                       <span>维度</span>
@@ -111,7 +123,7 @@
                 </div>
               </div>
               <div class=" w-full h-full" style="padding:10px;background-color: #1C355B;">
-                <div class="w-full h-full"  ref="echart5"></div>
+                <div class="w-full h-full" ref="echart5"></div>
               </div>
             </div>
           </dv-border-box-8>

investment/js/data5.js

@@ -62,4 +62,87 @@ let echart5 = [
   { value: 63.45, value2: 32.60, value3: 12.6, value4: 35.8 },
   { value: 5.33, value2: 0.80, value3: 12.6, value4: 35.8 },
   { value: 14.76, value2: 5.84, value3: 12.6, value4: 35.8 }
+]
+let echart2 = [
+  [
+    ['山西焦煤', 5.8],
+    ['晋能控股', 5.8],
+    ['华阳新材', 8],
+    ['潞安化工', 7.8],
+    ['华新燃气', 8],
+    ['太重集团', 8],
+    ['国际能源', 8],
+    ['华远陆港', 1.8],
+    ['万家寨水控', 5.8],
+    ['文旅集团', 62.8],
+    ['山西交控', 5.8],
+    ['航产集团', 44.2],
+    ['山西建投', 33.6],
+    ['汾酒集团', 66.65],
+    ['大地控股', 45.6],
+    ['云时代', 63.9],
+    ['华舰体育', 98.6],
+    ['神农科技', 45.6]
+  ],
+  [
+    ['山西焦煤', 15.8],
+    ['晋能控股', 25.8],
+    ['华阳新材', 38],
+    ['潞安化工', 47.8],
+    ['华新燃气', 48],
+    ['太重集团', 38],
+    ['国际能源', 28],
+    ['华远陆港', 28],
+    ['万家寨水控', 35.8],
+    ['文旅集团', 12.8],
+    ['山西交控', 15.8],
+    ['航产集团', 4.2],
+    ['山西建投', 3.6],
+    ['汾酒集团', 6.65],
+    ['大地控股', 5.6],
+    ['云时代', 3.9],
+    ['华舰体育', 8.6],
+    ['神农科技', 5.6]
+  ],
+  [
+    ['山西焦煤', 45.8],
+    ['晋能控股', 35.8],
+    ['华阳新材', 28],
+    ['潞安化工', 17.8],
+    ['华新燃气', 18],
+    ['太重集团', 18],
+    ['国际能源', 28],
+    ['华远陆港', 5.8],
+    ['万家寨水控', 5.8],
+    ['文旅集团', 2.8],
+    ['山西交控', 5.8],
+    ['航产集团', 42.2],
+    ['山西建投', 33.6],
+    ['汾酒集团', 36.65],
+    ['大地控股', 45.6],
+    ['云时代', 53.9],
+    ['华舰体育', 88.6],
+    ['神农科技', 65.6]
+  ]
+]
+
+let echart1 = [
+  { name: '山西焦煤', value: 189.07, value2: 121.59 },
+  { name: '晋能控股', value: 385.25, value2: 224.89 },
+  { name: '华阳新材', value: 82.95, value2: 71.34 },
+  { name: '潞安化工', value: 106.84, value2: 59.93 },
+  { name: '华新燃气', value: 31.83, value2: 25.20 },
+  { name: '太重集团', value: 80.01, value2: 42.46 },
+  { name: '国际能源', value: 64.20, value2: 12.19 },
+  { name: '华远陆港', value: 97.57, value2: 112.67 },
+  { name: '万家寨水控', value: 46.99, value2: 50.89 },
+  { name: '文旅集团', value: 26.79, value2: 9.64 },
+  { name: '山西交控', value: 346.36, value2: 335.91 },
+  { name: '航产集团', value: 41.09, value2: 42.67 },
+  { name: '山西建投', value: 218.35, value2: 143.84 },
+  { name: '汾酒集团', value: 14.03, value2: 7.69 },
+  { name: '大地控股', value: 47.05, value2: 23.93 },
+  { name: '云时代', value: 63.45, value2: 32.60 },
+  { name: '华舰体育', value: 5.33, value2: 0.80 },
+  { name: '神农科技', value: 14.76, value2: 5.84 }
 ]

investment/styles/investHome5.css

@@ -189,13 +189,21 @@ a {
   height: 100px;
   background-size: 100% 100%;
 }
-.top-lb > .topCard:nth-child(odd) > div:first-child {
+/* .top-lb > .topCard:nth-child(odd) > div:first-child {
   background: url('../images5/completed.png') no-repeat center;
   background-size: 95% 95%;
+} */
+.titleBackBlue{
+  background: url('../images5/completed.png') no-repeat center;
+  background-size: 95% 95%;
+}
+.titleBackYellow{
+  background: url('../images5/completed2.png') no-repeat center;
+  background-size: 95% 95%;
 }
 .top-rb > .topCard:nth-child(odd) > div:first-child {
   background: url('../images5/completed.png') no-repeat center;
-  background-size: 100% 100%;
+  background-size: 95% 95%;
 }
 .top-lb > .topCard:nth-child(even) > div:first-child {
   background: url('../images5/completedDot.png') no-repeat;