From 3df460667d74868d0a54fce12d5e881bbd6c0c1a Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期四, 17 九月 2026 17:11:18 +0800
Subject: [PATCH] 青岛维护统计

---
 src/views/statistics/components/CaseDetail.vue |   92 ++++++++++++++++++++++++++++++++++------------
 1 files changed, 68 insertions(+), 24 deletions(-)

diff --git a/src/views/statistics/components/CaseDetail.vue b/src/views/statistics/components/CaseDetail.vue
index 1d2d5d2..0d173bf 100644
--- a/src/views/statistics/components/CaseDetail.vue
+++ b/src/views/statistics/components/CaseDetail.vue
@@ -8,27 +8,25 @@
       border
       stripe
     >
-      <el-table-column label="妗堜緥缂栧彿" prop="caseNo" align="center"  />
-      <el-table-column label="鎹愮尞鑰呭鍚�" prop="donorName" align="center"  />
-      <el-table-column label="浣忛櫌鍙�" prop="inpatientNo" align="center"  />
-      <el-table-column label="妗堜緥鐘舵��" prop="status" align="center" >
+      <el-table-column label="妗堜緥缂栧彿" prop="caseNo" align="center" />
+      <el-table-column label="鎹愮尞鑰呭鍚�" prop="name" align="center" />
+      <el-table-column label="浣忛櫌鍙�" prop="inpatientNo" align="center" />
+      <el-table-column label="妗堜緥鐘舵��" prop="workflow" align="center">
         <template slot-scope="{ row }">
-          <el-tag :type="getStatusTag(row.status)" size="small">
-            {{ getStatusText(row.status) }}
+          <el-tag :type="getStatusTag(row.workflow)" size="small">
+            {{ getStatusText(row.workflow) }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="鎹愮尞鍣ㄥ畼" prop="organs" align="center" >
+      <el-table-column label="鎹愮尞鍣ㄥ畼" prop="organName" align="center">
         <template slot-scope="{ row }">
-          <span v-if="row.organs && row.organs.length > 0">
-            {{ row.organs.join('銆�') }}
-          </span>
+          <span v-if="row.organName">{{ row.organName }}</span>
           <span v-else>-</span>
         </template>
       </el-table-column>
-      <el-table-column label="鎹愮尞鏃堕棿" prop="donationTime" align="center"  />
-      <el-table-column label="姝讳骸鍘熷洜" prop="deathCause" align="center"  />
-      <el-table-column label="鍖婚櫌" prop="hospital" align="center" width="200" />
+      <el-table-column label="妗堜緥鏃堕棿" prop="donatetime" align="center" />
+      <el-table-column label="姝讳骸鍘熷洜" prop="deathReason" align="center" />
+      <el-table-column label="鍖婚櫌" prop="treatmentHospitalName" align="center" width="200" />
     </el-table>
 
     <div style="text-align: center; margin-top: 20px;">
@@ -38,6 +36,9 @@
 </template>
 
 <script>
+import { trendList } from '@/api/businessApi';
+import { toTotalsList } from '@/utils/totals';
+
 export default {
   name: 'CaseDetail',
   props: {
@@ -49,21 +50,64 @@
   data() {
     return {
       loading: false,
-      caseList: [
-        { caseNo: 'C202401001', donorName: '寮犱笁', inpatientNo: 'ZY202401001', status: 'completed', organs: ['鑲濊剰', '鑲捐剰'], donationTime: '2024-01-15 10:30', deathCause: '鑴戝浼�', hospital: '闈掑矝澶у闄勫睘鍖婚櫌' },
-        { caseNo: 'C202401002', donorName: '鏉庡洓', inpatientNo: 'ZY202401002', status: 'completed', organs: ['蹇冭剰', '鐪艰鑶�'], donationTime: '2024-01-20 14:20', deathCause: '蹇冩悘楠ゅ仠', hospital: '闈掑矝甯傜珛鍖婚櫌' },
-        { caseNo: 'C202401003', donorName: '鐜嬩簲', inpatientNo: 'ZY202401003', status: 'potential', organs: [], donationTime: null, deathCause: '鑴戣绠℃剰澶�', hospital: '闈掑矝甯備腑蹇冨尰闄�' }
-      ]
+      caseList: []
     };
   },
+  created() {
+    this.loadList();
+  },
+  watch: {
+    query: {
+      handler() {
+        this.loadList();
+      },
+      deep: true
+    }
+  },
   methods: {
-    getStatusTag(status) {
-      const map = { completed: 'success', potential: 'warning', abandoned: 'danger' };
-      return map[status] || 'info';
+    // 鍔犺浇妗堜緥鏄庣粏锛�/opo/totals/trendList
+    async loadList() {
+      this.loading = true;
+      try {
+        const params = {};
+        if (this.query.region) params.area = this.query.region;
+        if (this.query.month) {
+          params.startTime = `${this.query.month}-01`;
+          params.endTime = this.endOfMonth(this.query.month);
+        }
+        const res = await trendList(params);
+        this.caseList = toTotalsList(res);
+      } catch (error) {
+        console.error('鍔犺浇妗堜緥鏄庣粏澶辫触:', error);
+        this.$message.error('妗堜緥鏄庣粏鍔犺浇澶辫触');
+      } finally {
+        this.loading = false;
+      }
     },
-    getStatusText(status) {
-      const map = { completed: '宸插畬鎴�', potential: '娼滃湪鎹愮尞', abandoned: '鏀惧純鎹愮尞' };
-      return map[status] || '鏈煡';
+    // 鏈堜唤(yyyy-MM) -> 褰撴湀鏈�鍚庝竴澶�(yyyy-MM-dd)
+    endOfMonth(month) {
+      const [y, m] = String(month).split('-').map(Number);
+      const lastDay = new Date(y, m, 0).getDate();
+      return `${month}-${String(lastDay).padStart(2, '0')}`;
+    },
+    // 宸ヤ綔娴佺姸鎬佹枃妗�
+    getStatusText(workflow) {
+      const map = {
+        1: '渚涜�呯淮鎶�',
+        2: '鎹愮尞鎰忔効',
+        3: '鍖诲璇勪及',
+        4: '姝讳骸鍒ゅ畾',
+        5: '浼︾悊瀹℃煡',
+        6: '鍣ㄥ畼鍒嗛厤',
+        7: '鍣ㄥ畼鍒╃敤',
+        99: '鎹愮尞瀹屾垚'
+      };
+      return map[workflow] || '鏈煡';
+    },
+    getStatusTag(workflow) {
+      if (workflow === 99) return 'success';
+      if (workflow) return 'warning';
+      return 'info';
     }
   }
 };

--
Gitblit v1.9.3