chore: 统一代码风格并配置ESLint和Prettier

配置ESLint和Prettier规则
添加前端和后端的忽略文件
统一代码格式和缩进
修复代码风格问题

frontend/src/pages/TicketStatistics.jsx

@@ -1,60 +1,65 @@
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { Card, Row, Col, Statistic, Table, DatePicker, Select, Space, Tag, message } from 'antd';
-import { BarChartOutlined, PieChartOutlined, RiseOutlined, FallOutlined, ClockCircleOutlined, CheckCircleOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+import {
+  BarChartOutlined,
+  PieChartOutlined,
+  RiseOutlined,
+  FallOutlined,
+  ClockCircleOutlined,
+  CheckCircleOutlined,
+  ExclamationCircleOutlined,
+} from '@ant-design/icons';
 import axios from 'axios';
 import dayjs from 'dayjs';
 
 const { RangePicker } = DatePicker;
 const { Option } = Select;
 
-const getStatusColor = (status) => {
+const getStatusColor = status => {
   const colors = {
     pending: 'orange',
     assigned: 'blue',
     in_progress: 'processing',
     completed: 'green',
-    closed: 'default'
+    closed: 'default',
   };
   return colors[status] || 'default';
 };
 
-const getStatusText = (status) => {
+const getStatusText = status => {
   const texts = {
     pending: '待处理',
     assigned: '已分配',
     in_progress: '处理中',
     completed: '已完成',
-    closed: '已关闭'
+    closed: '已关闭',
   };
   return texts[status] || status;
 };
 
-const getPriorityColor = (priority) => {
+const getPriorityColor = priority => {
   const colors = {
     low: 'green',
     medium: 'orange',
     high: 'red',
-    urgent: 'magenta'
+    urgent: 'magenta',
   };
   return colors[priority] || 'default';
 };
 
-const getPriorityText = (priority) => {
+const getPriorityText = priority => {
   const texts = {
     low: '低',
     medium: '中',
     high: '高',
-    urgent: '紧急'
+    urgent: '紧急',
   };
   return texts[priority] || priority;
 };
 
 function TicketStatistics() {
   const [loading, setLoading] = useState(true);
-  const [dateRange, setDateRange] = useState([
-    dayjs().subtract(30, 'days'),
-    dayjs()
-  ]);
+  const [dateRange, setDateRange] = useState([dayjs().subtract(30, 'days'), dayjs()]);
   const [statistics, setStatistics] = useState({
     total: 0,
     pending: 0,
@@ -66,7 +71,7 @@ function TicketStatistics() {
     byPriority: [],
     byStatus: [],
     byDevice: [],
-    trend: []
+    trend: [],
   });
 
   const fetchStatistics = useCallback(async () => {
@@ -74,7 +79,7 @@ function TicketStatistics() {
       setLoading(true);
       const params = {
         startDate: dateRange[0].format('YYYY-MM-DD'),
-        endDate: dateRange[1].format('YYYY-MM-DD')
+        endDate: dateRange[1].format('YYYY-MM-DD'),
       };
 
       const response = await axios.get('/api/tickets/statistics', { params });
@@ -91,192 +96,198 @@ function TicketStatistics() {
     fetchStatistics();
   }, [fetchStatistics]);
 
-  const handleDateChange = useCallback((dates) => {
+  const handleDateChange = useCallback(dates => {
     if (dates) {
       setDateRange(dates);
     }
   }, []);
 
-  const getStatusColor = (status) => {
+  const getStatusColor = status => {
     const colors = {
       pending: 'orange',
       assigned: 'blue',
       in_progress: 'processing',
       completed: 'green',
-      closed: 'default'
+      closed: 'default',
     };
     return colors[status] || 'default';
   };
 
-  const getStatusText = (status) => {
+  const getStatusText = status => {
     const texts = {
       pending: '待处理',
       assigned: '已分配',
       in_progress: '处理中',
       completed: '已完成',
-      closed: '已关闭'
+      closed: '已关闭',
     };
     return texts[status] || status;
   };
 
-  const getPriorityColor = (priority) => {
+  const getPriorityColor = priority => {
     const colors = {
       low: 'green',
       medium: 'orange',
       high: 'red',
-      urgent: 'magenta'
+      urgent: 'magenta',
     };
     return colors[priority] || 'default';
   };
 
-  const getPriorityText = (priority) => {
+  const getPriorityText = priority => {
     const texts = {
       low: '低',
       medium: '中',
       high: '高',
-      urgent: '紧急'
+      urgent: '紧急',
     };
     return texts[priority] || priority;
   };
 
-  const statusColumns = useMemo(() => [
-    {
-      title: '状态',
-      dataIndex: 'status',
-      key: 'status',
-      width: 120,
-      render: (status) => (
-        <Tag color={getStatusColor(status)}>
-          {getStatusText(status)}
-        </Tag>
-      )
-    },
-    {
-      title: '工单数量',
-      dataIndex: 'count',
-      key: 'count',
-      width: 120,
-      render: (count) => <Statistic value={count} valueStyle={{ fontSize: 16 }} />
-    },
-    {
-      title: '占比',
-      dataIndex: 'percentage',
-      key: 'percentage',
-      width: 120,
-      render: (pct) => (
-        <span style={{ color: pct > 30 ? '#ff4d4f' : '#52c41a' }}>
-          {pct !== undefined && pct !== null ? `${pct.toFixed(1)}%` : '-'}
-        </span>
-      )
-    }
-  ], []);
+  const statusColumns = useMemo(
+    () => [
+      {
+        title: '状态',
+        dataIndex: 'status',
+        key: 'status',
+        width: 120,
+        render: status => <Tag color={getStatusColor(status)}>{getStatusText(status)}</Tag>,
+      },
+      {
+        title: '工单数量',
+        dataIndex: 'count',
+        key: 'count',
+        width: 120,
+        render: count => <Statistic value={count} valueStyle={{ fontSize: 16 }} />,
+      },
+      {
+        title: '占比',
+        dataIndex: 'percentage',
+        key: 'percentage',
+        width: 120,
+        render: pct => (
+          <span style={{ color: pct > 30 ? '#ff4d4f' : '#52c41a' }}>
+            {pct !== undefined && pct !== null ? `${pct.toFixed(1)}%` : '-'}
+          </span>
+        ),
+      },
+    ],
+    []
+  );
 
-  const categoryColumns = useMemo(() => [
-    {
-      title: '故障分类',
-      dataIndex: 'category',
-      key: 'category',
-      width: 150
-    },
-    {
-      title: '工单数量',
-      dataIndex: 'count',
-      key: 'count',
-      width: 120,
-      render: (count) => <Statistic value={count} valueStyle={{ fontSize: 16 }} />
-    },
-    {
-      title: '占比',
-      dataIndex: 'percentage',
-      key: 'percentage',
-      width: 100,
-      render: (pct) => `${pct !== undefined && pct !== null ? pct.toFixed(1) : 0}%`
-    },
-    {
-      title: '已完成',
-      dataIndex: 'completed',
-      key: 'completed',
-      width: 100,
-      render: (count) => <Tag color="green">{count}</Tag>
-    },
-    {
-      title: '平均处理时间(小时)',
-      dataIndex: 'avgTime',
-      key: 'avgTime',
-      width: 150,
-      render: (time) => time !== undefined && time !== null ? time.toFixed(1) : '-'
-    }
-  ], []);
+  const categoryColumns = useMemo(
+    () => [
+      {
+        title: '故障分类',
+        dataIndex: 'category',
+        key: 'category',
+        width: 150,
+      },
+      {
+        title: '工单数量',
+        dataIndex: 'count',
+        key: 'count',
+        width: 120,
+        render: count => <Statistic value={count} valueStyle={{ fontSize: 16 }} />,
+      },
+      {
+        title: '占比',
+        dataIndex: 'percentage',
+        key: 'percentage',
+        width: 100,
+        render: pct => `${pct !== undefined && pct !== null ? pct.toFixed(1) : 0}%`,
+      },
+      {
+        title: '已完成',
+        dataIndex: 'completed',
+        key: 'completed',
+        width: 100,
+        render: count => <Tag color="green">{count}</Tag>,
+      },
+      {
+        title: '平均处理时间(小时)',
+        dataIndex: 'avgTime',
+        key: 'avgTime',
+        width: 150,
+        render: time => (time !== undefined && time !== null ? time.toFixed(1) : '-'),
+      },
+    ],
+    []
+  );
 
-  const priorityColumns = useMemo(() => [
-    {
-      title: '优先级',
-      dataIndex: 'priority',
-      key: 'priority',
-      width: 100,
-      render: (priority) => (
-        <Tag color={getPriorityColor(priority)}>
-          {getPriorityText(priority)}
-        </Tag>
-      )
-    },
-    {
-      title: '工单数量',
-      dataIndex: 'count',
-      key: 'count',
-      width: 120,
-      render: (count) => <Statistic value={count} valueStyle={{ fontSize: 16 }} />
-    },
-    {
-      title: '已完成',
-      dataIndex: 'completed',
-      key: 'completed',
-      width: 100,
-      render: (count) => <Tag color="green">{count}</Tag>
-    },
-    {
-      title: '平均处理时间(小时)',
-      dataIndex: 'avgTime',
-      key: 'avgTime',
-      width: 150,
-      render: (time) => time !== undefined && time !== null ? time.toFixed(1) : '-'
-    }
-  ], []);
+  const priorityColumns = useMemo(
+    () => [
+      {
+        title: '优先级',
+        dataIndex: 'priority',
+        key: 'priority',
+        width: 100,
+        render: priority => (
+          <Tag color={getPriorityColor(priority)}>{getPriorityText(priority)}</Tag>
+        ),
+      },
+      {
+        title: '工单数量',
+        dataIndex: 'count',
+        key: 'count',
+        width: 120,
+        render: count => <Statistic value={count} valueStyle={{ fontSize: 16 }} />,
+      },
+      {
+        title: '已完成',
+        dataIndex: 'completed',
+        key: 'completed',
+        width: 100,
+        render: count => <Tag color="green">{count}</Tag>,
+      },
+      {
+        title: '平均处理时间(小时)',
+        dataIndex: 'avgTime',
+        key: 'avgTime',
+        width: 150,
+        render: time => (time !== undefined && time !== null ? time.toFixed(1) : '-'),
+      },
+    ],
+    []
+  );
 
-  const deviceColumns = useMemo(() => [
-    {
-      title: '设备名称',
-      dataIndex: 'deviceName',
-      key: 'deviceName',
-      width: 180
-    },
-    {
-      title: '故障次数',
-      dataIndex: 'count',
-      key: 'count',
-      width: 100,
-      render: (count) => <Tag color="red">{count}</Tag>
-    },
-    {
-      title: '最后故障时间',
-      dataIndex: 'lastFaultTime',
-      key: 'lastFaultTime',
-      width: 160,
-      render: (text) => text ? dayjs(text).format('YYYY-MM-DD HH:mm') : '-'
-    },
-    {
-      title: '设备类型',
-      dataIndex: 'deviceType',
-      key: 'deviceType',
-      width: 100
-    }
-  ], []);
+  const deviceColumns = useMemo(
+    () => [
+      {
+        title: '设备名称',
+        dataIndex: 'deviceName',
+        key: 'deviceName',
+        width: 180,
+      },
+      {
+        title: '故障次数',
+        dataIndex: 'count',
+        key: 'count',
+        width: 100,
+        render: count => <Tag color="red">{count}</Tag>,
+      },
+      {
+        title: '最后故障时间',
+        dataIndex: 'lastFaultTime',
+        key: 'lastFaultTime',
+        width: 160,
+        render: text => (text ? dayjs(text).format('YYYY-MM-DD HH:mm') : '-'),
+      },
+      {
+        title: '设备类型',
+        dataIndex: 'deviceType',
+        key: 'deviceType',
+        width: 100,
+      },
+    ],
+    []
+  );
 
   const simpleBarData = [
     { name: '待处理', value: statistics.pending },
     { name: '处理中', value: statistics.inProgress },
     { name: '已完成', value: statistics.completed },
-    { name: '已关闭', value: statistics.closed }
+    { name: '已关闭', value: statistics.closed },
   ];
 
   return (
@@ -285,11 +296,7 @@ function TicketStatistics() {
         title="工单统计报表"
         extra={
           <Space>
-            <RangePicker
-              value={dateRange}
-              onChange={handleDateChange}
-              allowClear={false}
-            />
+            <RangePicker value={dateRange} onChange={handleDateChange} allowClear={false} />
           </Space>
         }
       >
@@ -362,7 +369,11 @@ function TicketStatistics() {
             <Card bordered={false} style={{ background: '#fff1f0' }}>
               <Statistic
                 title="完成率"
-                value={statistics.total > 0 ? ((statistics.completed / statistics.total) * 100).toFixed(1) : 0}
+                value={
+                  statistics.total > 0
+                    ? ((statistics.completed / statistics.total) * 100).toFixed(1)
+                    : 0
+                }
                 suffix="%"
                 prefix={<PieChartOutlined style={{ color: '#ff4d4f' }} />}
                 valueStyle={{ color: '#ff4d4f' }}
@@ -373,7 +384,11 @@ function TicketStatistics() {
             <Card bordered={false} style={{ background: '#f6ffed' }}>
               <Statistic
                 title="处理中占比"
-                value={statistics.total > 0 ? ((statistics.inProgress / statistics.total) * 100).toFixed(1) : 0}
+                value={
+                  statistics.total > 0
+                    ? ((statistics.inProgress / statistics.total) * 100).toFixed(1)
+                    : 0
+                }
                 suffix="%"
                 prefix={<RiseOutlined style={{ color: '#52c41a' }} />}
                 valueStyle={{ color: '#52c41a' }}
@@ -446,43 +461,43 @@ function TicketStatistics() {
                   dataIndex: 'date',
                   key: 'date',
                   width: 120,
-                  render: (text) => text ? dayjs(text).format('YYYY-MM-DD') : '-'
+                  render: text => (text ? dayjs(text).format('YYYY-MM-DD') : '-'),
                 },
                 {
                   title: '新建工单',
                   dataIndex: 'created',
                   key: 'created',
                   width: 100,
-                  render: (count) => <Tag color="blue">{count}</Tag>
+                  render: count => <Tag color="blue">{count}</Tag>,
                 },
                 {
                   title: '已完成',
                   dataIndex: 'completed',
                   key: 'completed',
                   width: 100,
-                  render: (count) => <Tag color="green">{count}</Tag>
+                  render: count => <Tag color="green">{count}</Tag>,
                 },
                 {
                   title: '关闭工单',
                   dataIndex: 'closed',
                   key: 'closed',
                   width: 100,
-                  render: (count) => <Tag color="default">{count}</Tag>
+                  render: count => <Tag color="default">{count}</Tag>,
                 },
                 {
                   title: '当日处理中',
                   dataIndex: 'inProgress',
                   key: 'inProgress',
                   width: 120,
-                  render: (count) => <Tag color="processing">{count}</Tag>
+                  render: count => <Tag color="processing">{count}</Tag>,
                 },
                 {
                   title: '新增待处理',
                   dataIndex: 'pending',
                   key: 'pending',
                   width: 120,
-                  render: (count) => <Tag color="orange">{count}</Tag>
-                }
+                  render: count => <Tag color="orange">{count}</Tag>,
+                },
               ]}
               dataSource={statistics.trend}
               rowKey="date"