|
@@ -168,14 +168,14 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="left-data1">120</p>
|
|
|
+ <p class="data" id="left-data1">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
<img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="left-data2">637.28</p>
|
|
|
+ <p class="data" id="left-data2">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
<img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
|
|
@@ -188,14 +188,14 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="left-data3">67</p>
|
|
|
+ <p class="data" id="left-data3">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
<img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="left-data4">358.2</p>
|
|
|
+ <p class="data" id="left-data4">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
<img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
|
|
@@ -208,14 +208,14 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="left-data5">22</p>
|
|
|
+ <p class="data" id="left-data5">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
<img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="left-data6">78.9</p>
|
|
|
+ <p class="data" id="left-data6">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
<img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
|
|
@@ -388,12 +388,12 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom">
|
|
|
<div class="main-detail-bottom-top" onclick="projDetailNew('','5','','','','')">
|
|
|
- <p class="data" id="center-center-data7">76</p>
|
|
|
+ <p class="data" id="center-center-data7">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
<div class="line"></div>
|
|
|
<div class="main-detail-bottom-top">
|
|
|
- <p class="data" id="center-center-data8">727</p>
|
|
|
+ <p class="data" id="center-center-data8">0</p>
|
|
|
<p class="data-des">总投资(亿元)</p>
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew('','5','','','1','')">
|
|
@@ -444,13 +444,13 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data1">49</p>
|
|
|
+ <p class="data" id="right-data1">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data2">1827.23</p>
|
|
|
+ <p class="data" id="right-data2">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -464,13 +464,13 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data3">20</p>
|
|
|
+ <p class="data" id="right-data3">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data4">87.20</p>
|
|
|
+ <p class="data" id="right-data4">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -484,13 +484,13 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data5">5</p>
|
|
|
+ <p class="data" id="right-data5">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data6">24.03</p>
|
|
|
+ <p class="data" id="right-data6">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -504,13 +504,13 @@
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data7">13</p>
|
|
|
+ <p class="data" id="right-data7">0</p>
|
|
|
<p class="data-des">项目数(个)</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="data-container">
|
|
|
<div class="data-content">
|
|
|
- <p class="data" id="right-data8">8.29</p>
|
|
|
+ <p class="data" id="right-data8">0</p>
|
|
|
<p class="data-des">投资金额(亿元)</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -527,7 +527,7 @@
|
|
|
<div class="title">储备项目库</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(1,'','','','1','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data1">123</span>
|
|
|
+ <span id="bottom-light-data1">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -538,7 +538,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(1,'','','','2','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data2">123</span>
|
|
|
+ <span id="bottom-light-data2">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -549,7 +549,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(1,'','','','0','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data3">123</span>
|
|
|
+ <span id="bottom-light-data3">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -566,7 +566,7 @@
|
|
|
<div class="title">新建项目库</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(2,'','','','1','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data4">123</span>
|
|
|
+ <span id="bottom-light-data4">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -577,7 +577,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(2,'','','','2','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data5">123</span>
|
|
|
+ <span id="bottom-light-data5">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -588,7 +588,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(2,'','','','0','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data6">123</span>
|
|
|
+ <span id="bottom-light-data6">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -605,7 +605,7 @@
|
|
|
<div class="title">在建项目库</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(3,'','','','1','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data7">123</span>
|
|
|
+ <span id="bottom-light-data7">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -616,7 +616,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(3,'','','','2','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data8">123</span>
|
|
|
+ <span id="bottom-light-data8">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -627,7 +627,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(3,'','','','0','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data9">123</span>
|
|
|
+ <span id="bottom-light-data9">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -644,7 +644,7 @@
|
|
|
<div class="title">投产项目库</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(9,'','','','1','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data10">123</span>
|
|
|
+ <span id="bottom-light-data10">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -655,7 +655,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(9,'','','','2','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data11">123</span>
|
|
|
+ <span id="bottom-light-data11">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -666,7 +666,7 @@
|
|
|
</div>
|
|
|
<div class="main-detail-bottom-bottom" onclick="projDetailNew(9,'','','','0','')">
|
|
|
<div class="left">
|
|
|
- <span id="bottom-light-data12">123</span>
|
|
|
+ <span id="bottom-light-data12">0</span>
|
|
|
<span>个</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
@@ -727,17 +727,35 @@
|
|
|
// 绑定数据到页面
|
|
|
if (res.success) {
|
|
|
gmData = res.data;
|
|
|
- document.querySelector('#right-data1').textContent = gmData[0].num
|
|
|
- document.querySelector('#right-data2').textContent = gmData[0].amt
|
|
|
|
|
|
- document.querySelector('#right-data3').textContent = gmData[1].num
|
|
|
- document.querySelector('#right-data4').textContent = gmData[1].amt
|
|
|
+ // 定义 id 和 DOM 元素的映射关系
|
|
|
+ const idMapping = {
|
|
|
+ 1: ['#right-data1', '#right-data2'], // id=1 对应的 DOM 元素
|
|
|
+ 2: ['#right-data3', '#right-data4'], // id=2 对应的 DOM 元素
|
|
|
+ 3: ['#right-data5', '#right-data6'], // id=3 对应的 DOM 元素
|
|
|
+ 4: ['#right-data7', '#right-data8'] // id=4 对应的 DOM 元素
|
|
|
+ };
|
|
|
|
|
|
- document.querySelector('#right-data5').textContent = gmData[2].num
|
|
|
- document.querySelector('#right-data6').textContent = gmData[2].amt
|
|
|
-
|
|
|
- document.querySelector('#right-data7').textContent = gmData[3].num
|
|
|
- document.querySelector('#right-data8').textContent = gmData[3].amt
|
|
|
+ // 遍历 gmData 数组
|
|
|
+ gmData.forEach(item => {
|
|
|
+ if (idMapping[item.id]) { // 检查是否有对应的映射关系
|
|
|
+ const [selector1, selector2] = idMapping[item.id]; // 获取对应的 DOM 元素选择器
|
|
|
+ document.querySelector(selector1).textContent = item.num; // 赋值 num
|
|
|
+ document.querySelector(selector2).textContent = item.amt; // 赋值 amt
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //
|
|
|
+ // document.querySelector('#right-data1').textContent = gmData[0].num
|
|
|
+ // document.querySelector('#right-data2').textContent = gmData[0].amt
|
|
|
+ //
|
|
|
+ // document.querySelector('#right-data3').textContent = gmData[1].num
|
|
|
+ // document.querySelector('#right-data4').textContent = gmData[1].amt
|
|
|
+ //
|
|
|
+ // document.querySelector('#right-data5').textContent = gmData[2].num
|
|
|
+ // document.querySelector('#right-data6').textContent = gmData[2].amt
|
|
|
+ //
|
|
|
+ // document.querySelector('#right-data7').textContent = gmData[3].num
|
|
|
+ // document.querySelector('#right-data8').textContent = gmData[3].amt
|
|
|
}
|
|
|
});
|
|
|
}
|
|
@@ -747,29 +765,78 @@
|
|
|
// 绑定数据到页面
|
|
|
if (res.success) {
|
|
|
addreData = res.data;
|
|
|
- document.querySelector('#center-center-data1').textContent = addreData[1].num
|
|
|
- document.querySelector('#center-center-data2').textContent = addreData[1].amt
|
|
|
- document.querySelector('#center-center-light-data1').textContent = addreData[1].num_r
|
|
|
- document.querySelector('#center-center-light-data2').textContent = addreData[1].num_h
|
|
|
+ // 定义 id 和 DOM 元素的映射关系
|
|
|
+ const idMapping = {
|
|
|
+ 2: {
|
|
|
+ dataSelectors: ['#center-center-data1', '#center-center-data2'],
|
|
|
+ lightSelectors: ['#center-center-light-data1', '#center-center-light-data2']
|
|
|
+ },
|
|
|
+ 3: {
|
|
|
+ dataSelectors: ['#center-center-data3', '#center-center-data4'],
|
|
|
+ lightSelectors: ['#center-center-light-data3', '#center-center-light-data4']
|
|
|
+ },
|
|
|
+ 4: {
|
|
|
+ dataSelectors: ['#center-center-data5', '#center-center-data6'],
|
|
|
+ lightSelectors: ['#center-center-light-data5', '#center-center-light-data6']
|
|
|
+ },
|
|
|
+ 5: {
|
|
|
+ dataSelectors: ['#center-center-data7', '#center-center-data8'],
|
|
|
+ lightSelectors: ['#center-center-light-data7', '#center-center-light-data8']
|
|
|
+ }
|
|
|
+ };
|
|
|
|
|
|
- document.querySelector('#center-center-data3').textContent = addreData[2].num
|
|
|
- document.querySelector('#center-center-data4').textContent = addreData[2].amt
|
|
|
- document.querySelector('#center-center-light-data3').textContent = addreData[2].num_r
|
|
|
- document.querySelector('#center-center-light-data4').textContent = addreData[2].num_h
|
|
|
+ // 遍历 addreData 数组
|
|
|
+ addreData.forEach(item => {
|
|
|
+ if (idMapping[item.id]) { // 检查是否有对应的映射关系
|
|
|
+ const { dataSelectors, lightSelectors } = idMapping[item.id]; // 获取对应的 DOM 元素选择器
|
|
|
|
|
|
- document.querySelector('#center-center-data5').textContent = addreData[3].num
|
|
|
- document.querySelector('#center-center-data6').textContent = addreData[3].amt
|
|
|
- document.querySelector('#center-center-light-data5').textContent = addreData[3].num_r
|
|
|
- document.querySelector('#center-center-light-data6').textContent = addreData[3].num_h
|
|
|
+ // 赋值 num 和 amt
|
|
|
+ if (dataSelectors && dataSelectors.length === 2) {
|
|
|
+ document.querySelector(dataSelectors[0]).textContent = item.num;
|
|
|
+ document.querySelector(dataSelectors[1]).textContent = item.amt;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 赋值 num_r 和 num_h
|
|
|
+ if (lightSelectors && lightSelectors.length === 2) {
|
|
|
+ document.querySelector(lightSelectors[0]).textContent = item.num_r;
|
|
|
+ document.querySelector(lightSelectors[1]).textContent = item.num_h;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- document.querySelector('#center-center-data7').textContent = addreData[4].num
|
|
|
- document.querySelector('#center-center-data8').textContent = addreData[4].amt
|
|
|
- document.querySelector('#center-center-light-data7').textContent = addreData[4].num_r
|
|
|
- document.querySelector('#center-center-light-data8').textContent = addreData[4].num_h
|
|
|
- console.log(addreData[3].num_h+'=====',)
|
|
|
// 更新中间总投资数据
|
|
|
- const totalAmount = (addreData[1].amt)+(addreData[2].amt)+(addreData[3].amt)+(addreData[4].amt);
|
|
|
- document.querySelector('#main-data2').textContent = totalAmount.toFixed(2)
|
|
|
+ let totalAmount = 0;
|
|
|
+ addreData.forEach(item => {
|
|
|
+ if (item.amt) {
|
|
|
+ totalAmount += parseFloat(item.amt); // 确保 amt 是数值类型
|
|
|
+ }
|
|
|
+ });
|
|
|
+ document.querySelector('#main-data2').textContent = totalAmount.toFixed(2);
|
|
|
+
|
|
|
+ // document.querySelector('#center-center-data1').textContent = addreData[0].num
|
|
|
+ // document.querySelector('#center-center-data2').textContent = addreData[0].amt
|
|
|
+ // document.querySelector('#center-center-light-data1').textContent = addreData[0].num_r
|
|
|
+ // document.querySelector('#center-center-light-data2').textContent = addreData[0].num_h
|
|
|
+ //
|
|
|
+ // document.querySelector('#center-center-data3').textContent = addreData[1].num
|
|
|
+ // document.querySelector('#center-center-data4').textContent = addreData[1].amt
|
|
|
+ // document.querySelector('#center-center-light-data3').textContent = addreData[1].num_r
|
|
|
+ // document.querySelector('#center-center-light-data4').textContent = addreData[1].num_h
|
|
|
+ //
|
|
|
+ // document.querySelector('#center-center-data5').textContent = addreData[2].num
|
|
|
+ // document.querySelector('#center-center-data6').textContent = addreData[2].amt
|
|
|
+ // document.querySelector('#center-center-light-data5').textContent = addreData[2].num_r
|
|
|
+ // document.querySelector('#center-center-light-data6').textContent = addreData[2].num_h
|
|
|
+ //
|
|
|
+ // document.querySelector('#center-center-data7').textContent = addreData[3].num
|
|
|
+ // document.querySelector('#center-center-data8').textContent = addreData[3].amt
|
|
|
+ // document.querySelector('#center-center-light-data7').textContent = addreData[3].num_r
|
|
|
+ // document.querySelector('#center-center-light-data8').textContent = addreData[3].num_h
|
|
|
+ // console.log(addreData[3].num_h+'=====',)
|
|
|
+ // // 更新中间总投资数据
|
|
|
+ // const totalAmount = (addreData[0].amt)+(addreData[1].amt)+(addreData[2].amt)+(addreData[3].amt);
|
|
|
+ // console.log("totalAmount",totalAmount)
|
|
|
+ // document.querySelector('#main-data2').textContent = totalAmount.toFixed(2)
|
|
|
}
|
|
|
});
|
|
|
}
|