feat(qyjydtfx): 添加贷款数据可视化卡片并优化税收分析图表

- 在贷款分析页面添加当前年度贷款企业数量和贷款总额卡片
- 优化税收分析图表，动态显示去年和今年的税收数据
- 新增 getCurrentYear 和 getLastYear 函数以获取年份信息
- 调整首页轮播图高度和列表容器高度
- 移除首页底部容器的外边距

src/views/index.vue

@@ -3,7 +3,7 @@
     <div class="title">守信企业</div>
     <div class="carouselContainer">
       <div>
-        <el-carousel :interval="5000" arrow="always" :height="'500px'">
+        <el-carousel :interval="5000" arrow="always" :height="'600px'">
 <!--          <el-carousel-item>-->
 <!--            <img alt='图片' src="@/assets/images/2222.jpg" style="width: 50vw;"/>-->
 <!--          </el-carousel-item>-->
@@ -205,7 +205,7 @@ onUnmounted(() => {
 
   .listContainer {
     margin-top: 50px;
-    height: 450px;
+    height: 550px;
     width: 30vw;
     overflow: hidden;
 
@@ -229,7 +229,7 @@ onUnmounted(() => {
   }
 
   .footerContianer {
-    margin-top: 70px;
+    //margin-top: 50px;
     width: 80vw;
   }
 }

src/views/qyjydtfx/dkfx/index.vue

@@ -237,7 +237,23 @@ onUnmounted(() => {
         <h1 class="text-2xl font-bold mb-4 text-center text-gray-800">贷款数据可视化</h1>
       </el-col>
       <el-col :span="8" :offset="2">
-
+        <el-card>
+          <template #header>
+            <div class="card-header">
+              <span>当前年度贷款企业数量和贷款总额(万元)</span>
+            </div>
+          </template>
+          <div class="text-2xl font-bold">
+            <el-descriptions :column="1" border>
+              <el-descriptions-item label="贷款企业数量" label-class-name="w-150px">
+                {{ 22 }}
+              </el-descriptions-item>
+              <el-descriptions-item label="贷款总额">
+                {{ 12312 }}
+              </el-descriptions-item>
+            </el-descriptions>
+          </div>
+        </el-card>
       </el-col>
     </el-row>
 

src/views/qyjydtfx/ssfx/index.vue

@@ -2,7 +2,7 @@
 import request from "@/utils/request.js";
 // 引入ECharts
 import * as echarts from 'echarts';
-import { ref, onMounted, watch } from 'vue';
+import {onMounted, ref, watch} from 'vue';
 
 const getData = async () => {
   const res = await request.get('/basicData/xcrPayTaxes/of-year-list');
@@ -10,6 +10,14 @@ const getData = async () => {
   updateChart(res.data.ofYearDetail, 'year');
 }
 
+const getCurrentYear = () => {
+  return new Date().getFullYear();
+}
+
+const getLastYear = () => {
+  return new Date().getFullYear() - 1;
+}
+
 const selectedQuarter = ref('1'); // 默认选择第一个季度
 
 const getQuarterData = async () => {
@@ -51,7 +59,7 @@ const updateChart = (data, type) => {
       trigger: 'axis'
     },
     legend: {
-      data: ['去年税收', '今年税收']
+      data: [getLastYear() + '年税收', getCurrentYear() + '年税收']
     },
     xAxis: {
       type: 'value'
@@ -62,12 +70,12 @@ const updateChart = (data, type) => {
     },
     series: [
       {
-        name: '去年税收',
+        name: getLastYear() + '年税收',
         type: 'bar',
         data: lastYearTaxes,
       },
       {
-        name: '今年税收',
+        name: getCurrentYear() + '年税收',
         type: 'bar',
         data: thisYearTaxes,
       }

src/views/qyjydtfx/ssfzzqy/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<div>性与暴力</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>