feats

.env.production

@@ -0,0 +1 @@
+VITE_SERVER_BASE=https://t.njyz.tech

src/pages/home/components/SpotCharts.jsx

@@ -2,62 +2,63 @@ import React from 'react';
 import { Card } from 'antd';
 import * as echarts from 'echarts/core';
 import Chart from '@/components/chart';
+import { getStatIssueLoc } from '@/service/stat';
 
 export default (props) => {
 
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      axisPointer: {
-        type: 'cross',
-        label: {
-          backgroundColor: '#FB9900'
-        }
-      }
-    },
-    grid: {
-      left: '3%',
-      bottom: '3%',
-      width: '92%',
-      height: '90%',
-      containLabel: true
-    },
-    xAxis: [
-      {
-        type: 'category',
-        data: ['公益宣传', '环境卫生', '基础设施', '文明素养', '公共秩序', '其他'],
-        // boundaryGap: true,
-        axisTick: {
-          alignWithLabel: true,
+  const [option, setOption] = React.useState({});
+
+  React.useEffect(() => {
+    getStatIssueLoc().then(res => {
+      setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#FB9900'
+            }
+          }
         },
-        axisLabel: {
-          interval: 0,
-        }
-      }
-    ],
-    yAxis: [
-      {
-        type: 'value',
-        minInterval: 1
-      }
-    ],
-    series: [
-      {
-        type: 'bar',
-        barWidth: '20%',
-        itemStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#FB9900' },
-            { offset: 1, color: '#FFD38F' }
-          ])
+        grid: {
+          top: 20,
+          left: 40,
+          bottom: 100,
+          right: 40,
         },
-        data: [2, 1, 2, 3, 2, 1]
-      }
-    ]
-  };
+        xAxis: [
+          {
+            type: 'category',
+            data: res.map(x => x.name),
+            axisLabel: {
+              rotate: 45,
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            minInterval: 1
+          }
+        ],
+        series: [
+          {
+            type: 'bar',
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: '#FB9900' },
+                { offset: 1, color: '#FFD38F' }
+              ])
+            },
+            data: res.map(x => x.value)
+          }
+        ]
+      })
+    })
+  }, []);
 
   return (
-    <Card title="点位分类" extra={'只显示本年度问题数前10的点位'}>
+    <Card title="点位分类">
       <Chart option={option} style={props.style}></Chart>
     </Card>
   )

src/service/stat.js

@@ -20,4 +20,9 @@ export const getStatBanner = (params) => request('/api/stat/admin/index-banner',
 /*
  * 查询上报统计
  */
-export const getStatIssue = (params) => request('/api/stat/issue', { params });
+export const getStatIssue = (params) => request('/api/stat/issue', { params });
+
+/*
+ * 查询点位统计
+ */
+export const getStatIssueLoc = (params) => request('/api/stat/issue/loc', { params });

src/utils/request.js

@@ -5,7 +5,7 @@ import { message } from 'antd';
 const instance = axios.create({
   baseURL: import.meta.env.VITE_SERVER_BASE || '',
   timeout: 10000,
-  withCredentials: true, // 跨域
+  withCredentials: false, // 跨域
 });
 
 

vite.config.js

@@ -4,6 +4,7 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: '',
   server: {
     port: 3001,
     host: '0.0.0.0',