From e3c8ea901d2dc2b8cb57e8ae2661c760bf703acd Mon Sep 17 00:00:00 2001
From: lonewolfyx <877085893@qq.com>
Date: Mon, 23 Mar 2026 10:08:20 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E5=A4=A7=E5=B1=8F=E5=90=8C=E5=BD=95?=
 =?UTF-8?q?=E6=95=B0=E9=87=8F=E9=A1=B6=E9=83=A8=E6=95=B0=E6=8D=AE=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/inspector.js          |  8 ++++++++
 src/views/inspector/index.vue | 25 ++++++++++++++++++++-----
 vue.config.js                 |  2 +-
 3 files changed, 29 insertions(+), 6 deletions(-)
 create mode 100644 src/api/inspector.js

diff --git a/src/api/inspector.js b/src/api/inspector.js
new file mode 100644
index 0000000..2da309d
--- /dev/null
+++ b/src/api/inspector.js
@@ -0,0 +1,8 @@
+import request from "@/utils/request";
+
+export const getTongJiData = () => {
+  return request({
+    method: 'post',
+    url: '/caserecord/countByPeriod',
+  })
+}
diff --git a/src/views/inspector/index.vue b/src/views/inspector/index.vue
index 2ee906c..7ceee6f 100644
--- a/src/views/inspector/index.vue
+++ b/src/views/inspector/index.vue
@@ -7,22 +7,22 @@
       <div style="display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px">
         <Card title="总同录数量">
           <div class="shu">
-            <span>6090.99</span>
+            <span>{{ tongji.totalCount }}</span>
           </div>
         </Card>
         <Card title="本年同录数量">
           <div class="shu">
-            <span>6090.99</span>
+            <span>{{ tongji.yearCount }}</span>
           </div>
         </Card>
         <Card title="本月同录数量">
           <div class="shu">
-            <span>6090.99</span>
+            <span>{{tongji.monthCount}}</span>
           </div>
         </Card>
         <Card title="本周同录数量">
           <div class="shu">
-            <span>6090.99</span>
+            <span>{{ tongji.weekCount }}</span>
           </div>
         </Card>
       </div>
@@ -55,10 +55,25 @@
 <script>
 
 import Card from "@/views/inspector/components/Card.vue";
+import {getTongJiData} from "@/api/inspector";
 
 export default {
   name: 'inspector',
   components: {Card},
+  data() {
+    return {
+      tongji: {}
+    }
+  },
+  async mounted() {
+    await this.getTongJi()
+  },
+  methods: {
+    async getTongJi() {
+      const data = await getTongJiData()
+      this.tongji = data.data
+    }
+  }
 }
 </script>
 
@@ -105,7 +120,7 @@ export default {
   gap: 16px;
 }
 
-.shu{
+.shu {
   position: relative;
   color: rgba(14, 253, 255, 1);
   font-size: 20px;
diff --git a/vue.config.js b/vue.config.js
index af78aa3..634a310 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -46,7 +46,7 @@ module.exports = {
         // target: `http://120.79.202.7:443`,
         // target: `http://100.100.10.216:8099`,
         // target: 'http://106.15.139.36:18090',
-        // target: 'http://127.0.0.1:18098',
+        target: 'http://127.0.0.1:18098',
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''

From cb6c45964c3d97022bf77ce8203ea84c337f8293 Mon Sep 17 00:00:00 2001
From: lonewolfyx <877085893@qq.com>
Date: Mon, 23 Mar 2026 10:48:04 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E5=A4=A7=E5=B1=8F=E5=90=8C=E5=BD=95?=
 =?UTF-8?q?=E6=95=B0=E9=87=8F=E9=A5=BC=E5=9B=BE=E6=95=B0=E6=8D=AE=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/inspector.js          | 11 ++++++
 src/utils/request.js          | 32 +++++++++---------
 src/views/inspector/index.vue | 63 +++++++++++++++++++++++++++--------
 3 files changed, 76 insertions(+), 30 deletions(-)

diff --git a/src/api/inspector.js b/src/api/inspector.js
index 2da309d..76f0582 100644
--- a/src/api/inspector.js
+++ b/src/api/inspector.js
@@ -6,3 +6,14 @@ export const getTongJiData = () => {
     url: '/caserecord/countByPeriod',
   })
 }
+
+// 获取饼图
+export const getPieData = (period) => {
+  return request({
+    method: 'post',
+    url: '/caserecord/countByClerkByPeriod',
+    params: {
+      period
+    }
+  })
+}
diff --git a/src/utils/request.js b/src/utils/request.js
index 8797e3f..cf7513d 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -42,22 +42,22 @@ service.interceptors.request.use(config => {
       data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
       time: new Date().getTime()
     }
-    const sessionObj = cache.session.getJSON('sessionObj')
-    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
-      cache.session.setJSON('sessionObj', requestObj)
-    } else {
-      const s_url = sessionObj.url;                  // 请求地址
-      const s_data = sessionObj.data;                // 请求数据
-      const s_time = sessionObj.time;                // 请求时间
-      const interval = 1000;                         // 间隔时间(ms)，小于此时间视为重复提交
-      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
-        const message = '数据正在处理，请勿重复提交';
-        console.warn(`[${s_url}]: ` + message)
-        return Promise.reject(new Error(message))
-      } else {
-        cache.session.setJSON('sessionObj', requestObj)
-      }
-    }
+    // const sessionObj = cache.session.getJSON('sessionObj')
+    // if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
+    //   cache.session.setJSON('sessionObj', requestObj)
+    // } else {
+    //   const s_url = sessionObj.url;                  // 请求地址
+    //   const s_data = sessionObj.data;                // 请求数据
+    //   const s_time = sessionObj.time;                // 请求时间
+    //   const interval = 1000;                         // 间隔时间(ms)，小于此时间视为重复提交
+    //   if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
+    //     const message = '数据正在处理，请勿重复提交';
+    //     console.warn(`[${s_url}]: ` + message)
+    //     return Promise.reject(new Error(message))
+    //   } else {
+    //     cache.session.setJSON('sessionObj', requestObj)
+    //   }
+    // }
   }
   return config
 }, error => {
diff --git a/src/views/inspector/index.vue b/src/views/inspector/index.vue
index 7ceee6f..c00e337 100644
--- a/src/views/inspector/index.vue
+++ b/src/views/inspector/index.vue
@@ -17,7 +17,7 @@
         </Card>
         <Card title="本月同录数量">
           <div class="shu">
-            <span>{{tongji.monthCount}}</span>
+            <span>{{ tongji.monthCount }}</span>
           </div>
         </Card>
         <Card title="本周同录数量">
@@ -28,24 +28,16 @@
       </div>
       <div style="flex:1;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px">
         <Card title="总同录数量">
-          <div class="shu">
-            <span>6090.99</span>
-          </div>
+          <div id="total" style="width: 100%;height: 500px"/>
         </Card>
         <Card title="本年同录数量">
-          <div class="shu">
-            <span>6090.99</span>
-          </div>
+          <div id="year" style="width: 100%;height: 500px"/>
         </Card>
         <Card title="本月同录数量">
-          <div class="shu">
-            <span>6090.99</span>
-          </div>
+          <div id="month" style="width: 100%;height: 500px"/>
         </Card>
         <Card title="本周同录数量">
-          <div class="shu">
-            <span>6090.99</span>
-          </div>
+          <div id="week" style="width: 100%;height: 500px"/>
         </Card>
       </div>
     </div>
@@ -55,7 +47,8 @@
 <script>
 
 import Card from "@/views/inspector/components/Card.vue";
-import {getTongJiData} from "@/api/inspector";
+import {getPieData, getTongJiData} from "@/api/inspector";
+import * as echarts from "echarts";
 
 export default {
   name: 'inspector',
@@ -67,11 +60,53 @@ export default {
   },
   async mounted() {
     await this.getTongJi()
+    await this.getPinTongJiData(document.getElementById('total'), 0)
+    await this.getPinTongJiData(document.getElementById('year'), 1)
+    await this.getPinTongJiData(document.getElementById('month'), 3)
+    await this.getPinTongJiData(document.getElementById('week'), 2)
   },
   methods: {
     async getTongJi() {
       const data = await getTongJiData()
       this.tongji = data.data
+    },
+    async getPinTongJiData(documentSelect, period) {
+      const charts = echarts.init(documentSelect)
+
+      const {data} = await getPieData(period)
+
+      charts.setOption(this.getEchartsOptions(data))
+    },
+    getEchartsOptions(data) {
+      return {
+        tooltip: {
+          trigger: 'item'
+        },
+        legend: {
+          top: '5%',
+          left: 'center',
+          textStyle: {
+            color: "rgba(14, 253, 255, 1)"
+          }
+        },
+        series: [
+          {
+            // name: 'Access From',
+            type: 'pie',
+            radius: ['20%', '50%'],
+            avoidLabelOverlap: false,
+            // itemStyle: {
+            //   borderRadius: 10,
+            //   borderColor: 'transparent',
+            //   borderWidth: 10
+            // },
+            data: data.map(r => ({
+              value: r.num,
+              name: r.clerk
+            }))
+          }
+        ]
+      }
     }
   }
 }