1

src/views/visualization/index.vue

@@ -15,20 +15,20 @@
             </div>
             <div class="left">
                 <div class="leftOneBox">
-                    <div class="leftOBTitle">评价分析</div>
+                    <div class="leftOBTitle">企业评价分析</div>
                     <div class="leftOBContent">
                         <PieEcharts :message="PieChartData"></PieEcharts>
                     </div>
                 </div>
                 <div class="leftTwoBox">
-                    <div class="leftGDPTitle">生产总值</div>
+                    <div class="leftGDPTitle">园区生产总值</div>
                     <div class="leftGDPContent">
                         <baseEcharts :NamechartData="NamechartData" :ArrOneData="ArrOneData" :ArrTwoData="ArrTwoData">
                         </baseEcharts>
                     </div>
                 </div>
                 <div class="leftThreeBox">
-                    <div class="leftTaxationTitle">税收TOP10</div>
+                    <div class="leftTaxationTitle">企业税收TOP10</div>
                     <el-scrollbar height="calc(100% - 40px)">
                         <div class="leftTaxationContent">
                             <div class="LTCKing" v-for="(item, index) in RanKingData" :key="index">
@@ -56,8 +56,8 @@
                         </div>
                         <div class="PCFLImg" style="color:white;text-align:center">
                             <div v-for="(item, index) in sumUsingNumber" :key="index">
-                            <img :src=item.img>
-                            <span>贷款企业数：{{item.number}}</span>
+                                <img :src=item.img>
+                                <span>贷款企业数：{{ item.number }}</span>
                             </div>
                         </div>
                     </div>
@@ -145,7 +145,7 @@
 </template>
   
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 import baseEcharts from '@/components/baseEcharts/index.vue'
 import PieEcharts from '@/components/baseEcharts/pieChart.vue'
 import {
@@ -436,25 +436,55 @@ function obtainCreditScoreList() {
 const NamechartData = ref([]);
 const ArrOneData = ref([]);
 const ArrTwoData = ref([]);
+const currentDate = ref(new Date());//获取季度值
+
+//当前季度
+const currentQuarter = computed(() => {
+    const month = currentDate.value.getMonth();
+    return Math.floor(month / 3) + 1;
+});
+//上一个季度
+const previousQuarter = computed(() => {
+    return currentQuarter.value <= 1 ? 4 : currentQuarter.value - 1;
+});
+//当前年份
+const currentYear = computed(() => currentDate.value.getFullYear());
+// 上一年
+const lastYear = computed(() => currentDate.value.getFullYear() - 1);
 function obtaingetTrossDomesticProduct() {
     getTrossDomesticProduct(queryParams.value).then((res) => {
         const state2023Array = [];
         const state2024Array = [];
         const name = [];
+        const quarterToAmountMap = {
+            '1': 'firstQuarterAmount',
+            '2': 'secondQuarterAmount',
+            '3': 'thirdQuarterAmount',
+            '4': 'fourthQuarterAmount'
+        };
+        console.log(1112, previousQuarter.value, currentYear.value, lastYear.value)
         res.forEach(item => {
-            if (item.annualAmount === '2023') {
-                state2023Array.push(item.firstQuarterAmount);
+            if (item.annualAmount == lastYear.value) {
+                if (quarterToAmountMap.hasOwnProperty(previousQuarter.value)) {
+                    const amountProperty = quarterToAmountMap[previousQuarter.value];
+                    state2023Array.push(item[amountProperty]);
+                } else {
+                    console.error(`Invalid quarter: ${previousQuarter.value}`);
+                }
                 name.push(item.enterpriseName)
-            } else if (item.annualAmount === '2024') {
-                state2024Array.push(item.firstQuarterAmount);
+            } else if (item.annualAmount == currentYear.value) {
+                if (quarterToAmountMap.hasOwnProperty(previousQuarter.value)) {
+                    const amountProperty = quarterToAmountMap[previousQuarter.value];
+                    state2024Array.push(item[amountProperty]);
+                } else {
+                    console.error(`Invalid quarter: ${previousQuarter.value}`);
+                }
             }
-
             NamechartData.value = name
             ArrOneData.value = state2023Array
             ArrTwoData.value = state2024Array
-
-            // console.log(1112,TrossDomesticChartData.value.name)
         })
+        // console.log(state2023Array,state2024Array)
     })
 }
 
@@ -567,7 +597,7 @@ const parkData = ref([{
     title: '占地面积',
     value: 14070 + '亩',
     img: parksix
-},{
+}, {
     title: '入驻企业',
     value: '',
     img: ''
@@ -711,7 +741,7 @@ function obtaingetDishonestDebtor() {
 
 obtainCreditScoreList();
 obtaingetTrossDomesticProduct();
-// obtaingetTopTenTaxation();
+obtaingetTopTenTaxation();
 obtaingetXiaoxiangCaiyinLoan();
 obtaingetTechnologyLoan();
 obtaingetHuiyuanLoan();