1

src/views/visualization/index.vue

@@ -36,7 +36,7 @@
                                     <img :src=item.mig alt="">
                                 </div>
                                 <div class="companyName">{{ item.name }}</div>
-                                <div class="companyValue">65.21万元</div>
+                                <div class="companyValue">{{ item.value }}万元</div>
                             </div>
                         </div>
                     </el-scrollbar>
@@ -55,7 +55,10 @@
                             </div>
                         </div>
                         <div class="PCFLImg">
-                            <div v-for="(item, index) in sumUsingNumber" :key="index"><img :src=item.img></div>
+                            <div v-for="(item, index) in sumUsingNumber" :key="index" style="text-align:center;color:white">
+                            <img :src=item.img>
+                            <span>贷款企业数：{{item.number}}</span>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -69,7 +72,7 @@
                             <div class="RPCBData">
                                 <div class="RPCBDName">{{ item.title }}</div>
                                 <div class="RPCBDNumber">{{ item.value }}(家)</div>
-                                <div class="RPCBDRatio">{{ item.ratio }}%</div>
+                                <div class="RPCBDRatio">{{ item.ratio }}</div>
 
                             </div>
                         </div>
@@ -194,44 +197,44 @@ import nine from '@/assets/visualizationimg/nine.png';
 import ten from '@/assets/visualizationimg/ten.png';
 
 const RanKingData = [{
-    name: '湖南骏泰新材料科技有限责任公司',
-    value: '66.25',
+    name: '湖南正清制药集团股份有限公司',
+    value: '6506.4',
     mig: one
 }, {
-    name: '湖南正清制药集团股份有限公司',
-    value: '66.25',
+    name: '怀化金弘再生资源有限公司',
+    value: '5835.6',
     mig: two
 }, {
-    name: '湖南兴怀新材料科技有限公司',
-    value: '66.25',
+    name: '湖南骏泰新材料科技有限责任公司',
+    value: '5581.5',
     mig: three
 }, {
     name: '金升阳（怀化）科技有限公司',
-    value: '66.25',
+    value: '5276.0',
     mig: four
 }, {
     name: '怀化恒枫饮料有限公司',
-    value: '66.25',
+    value: '4000',
     mig: five
 }, {
-    name: '怀化金弘再生资源有限公司',
-    value: '66.25',
+    name: '湖南诚路管业科技有限公司',
+    value: '2417.3',
     mig: six
 }, {
-    name: '湖南骏泰生物质发电有限责任公司',
-    value: '66.25',
+    name: '湖南红宝科技开发有限公司',
+    value: '158.6',
     mig: seven
 }, {
-    name: '湖南红宝科技开发有限公司',
-    value: '',
+    name: '湖南乔伟生态科技新材料股份有限公司',
+    value: '562.2',
     mig: eight
 }, {
-    name: '湖南诚路管业科技有限公司',
-    value: '66.25',
+    name: '湖南昱烯瓴新材料有限公司',
+    value: '525.7',
     mig: nine
 }, {
-    name: '湖南湘鹤集团电缆科技股份有限公司',
-    value: '66.25',
+    name: '湖南千源铝业有限公司',
+    value: '378.9',
     mig: ten
 }]
 const gradationMun = [{
@@ -470,15 +473,18 @@ const sumUsingNumber = [
     {
         sum: '0',
         name: '潇湘财银贷',
-        img: sumUsingNumberOne
+        img: sumUsingNumberOne,
+        number: ''
     }, {
         sum: '0',
         name: '科技贷',
-        img: sumUsingNumberTwo
+        img: sumUsingNumberTwo,
+        number: ''
     }, {
         sum: '0',
         name: '惠园贷',
-        img: sumUsingNumberthree
+        img: sumUsingNumberthree,
+        number: ''
     }
 ];
 /** 查询潇湘财银贷 */
@@ -488,10 +494,13 @@ function obtaingetXiaoxiangCaiyinLoan() {
         res.data.forEach(item => {
             state1Array.push(item.currentLoanBalance);
         })
-        const sum = state1Array.reduce((accumulator, currentValue) => {
-            return accumulator + Number(currentValue);
-        }, 0);
-        sumUsingNumber[0].sum = sum;
+        console.log("xxdd", res)
+
+        // const sum = state1Array.reduce((accumulator, currentValue) => {
+        //     return accumulator + Number(currentValue);
+        // }, 0);
+        sumUsingNumber[0].sum = 7305;
+        sumUsingNumber[0].number = state1Array.length;
     })
 }
 /** 查询评科技贷： */
@@ -505,6 +514,8 @@ function obtaingetTechnologyLoan() {
             return accumulator + Number(currentValue);
         }, 0);
         sumUsingNumber[1].sum = sum;
+        sumUsingNumber[1].number = state1Array.length;
+
     })
 }
 /** 惠园贷： */
@@ -518,14 +529,16 @@ function obtaingetHuiyuanLoan() {
             return accumulator + Number(currentValue);
         }, 0);
         sumUsingNumber[2].sum = sum;
+        sumUsingNumber[2].number = state1Array.length;
+
     })
 }
 
 
 const business = [{
     title: '园区纳税企业',
-    value: 81,
-    ratio: '70%',
+    value: 96,
+    ratio: '80.67%',
     state: 1,
     img: parkOne
 }, {
@@ -540,7 +553,7 @@ function obtaingetSocialSecurity() {
     getSocialSecurity(queryParams.value).then((res) => {
 
         business[1].value = res.data.length;
-        business[1].ratio = (res.data.length / 119 * 100).toFixed(2);
+        business[1].ratio = (res.data.length / 121 * 100).toFixed(2) + '%';
     })
 }
 
@@ -553,7 +566,7 @@ import parksix from '@/assets/visualizationimg/parksix.png';
 
 const parkData = ref([{
     title: '占地面积',
-    value: 12,
+    value: 14070 + '亩',
     img: parksix
 }])
 /** 查询入驻企业、企业数量 */
@@ -618,10 +631,10 @@ function obtaingetAdministrativeSanction() {
     getAdministrativeSanction(queryParams.value).then((res) => {
         hyhgData.value = [{
             name: '企业数量',
-            value: 119
+            value: 121
         }, {
             name: '行政处罚',
-            value: (res.data.length / 119).toFixed(2) * 100 + '%'
+            value: (res.data.length / 121).toFixed(2) * 100 + '%'
         }, {
             name: '被处罚企业数',
             value: res.data.length
@@ -639,10 +652,10 @@ function obtaingetAdministrativeEnforcement() {
     getAdministrativeEnforcement(queryParams.value).then((res) => {
         xzqzzxData.value = [{
             name: '企业数量',
-            value: 119
+            value: 121
         }, {
             name: '行政强制执行',
-            value: (res.data.length / 119).toFixed(2) * 100 + '%'
+            value: (res.data.length / 121).toFixed(2) * 100 + '%'
         }, {
             name: '被处罚企业数',
             value: res.data.length
@@ -888,7 +901,7 @@ onBeforeUnmount(() => {
                     }
 
                     .PCFLImg {
-                        margin-top: -40px;
+                        margin-top: -50px;
                         display: flex;
                         justify-content: center;
                         align-items: center;