From 5e3f064530fe71987e2a5920fe59967ef348cbd7 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期二, 19 八月 2025 14:14:28 +0800
Subject: [PATCH] 统计页面展示优化

---
 src/views/index.vue |   64 +++++++++++++++++++-------------
 1 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 500289c..ac2876e 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -128,13 +128,18 @@
         </el-col>
         <!-- 鍙宠竟鍒楄〃 -->
         <el-col :span="4" class="aside">
-          <div class="grid-content bg-purple" style="margin-top: -180px">
+          <div class="grid-contentsa bg-purple" style="margin-top: -180px">
             <div class="title">
               绉戝鏈嶅姟閲�
               <span>{{ endatd }} ~ {{ statd }}</span>
             </div>
             <div class="dept-table-container">
-              <el-table v-if="SkuTop.length > 0" style="width: 100%" :data="SkuTop" :height="tableHeight">
+              <el-table
+                v-if="SkuTop.length > 0"
+                style="width: 100%"
+                :data="SkuTop"
+                :height="tableHeight"
+              >
                 <template v-for="(item, index) in SkuTop"></template>
                 <el-table-column
                   prop="order"
@@ -153,8 +158,8 @@
                 </el-table-column>
               </el-table>
               <div v-else class="empty-tip">
-  <el-empty description="鏆傛棤绉戝鏈嶅姟鏁版嵁"></el-empty>
-</div>
+                <el-empty description="鏆傛棤绉戝鏈嶅姟鏁版嵁"></el-empty>
+              </div>
             </div>
           </div>
         </el-col>
@@ -361,7 +366,7 @@
     atd() {
       return dayjs().subtract(this.dyat, "day").format("YYYY-MM-DD HH:mm:ss");
     },
-   statd() {
+    statd() {
       if (this.radio1 === "鑷畾涔�" && this.customDateRange.length > 0) {
         return this.customDateRange[1];
       }
@@ -374,15 +379,15 @@
       return dayjs().subtract(this.dyat, "day").format("YYYY-MM-DD");
     },
     tableHeight() {
-    // 鏍规嵁鏁版嵁閲忓姩鎬佽绠楅珮搴�
-    const rowHeight = 40; // 姣忚澶х害楂樺害
-    const headerHeight = 40; // 琛ㄥご楂樺害
-    const minHeight = 500; // 鏈�灏忛珮搴�
-    const maxHeight = 600; // 鏈�澶ч珮搴�
+      // 鏍规嵁鏁版嵁閲忓姩鎬佽绠楅珮搴�
+      const rowHeight = 40; // 姣忚澶х害楂樺害
+      const headerHeight = 40; // 琛ㄥご楂樺害
+      const minHeight = 500; // 鏈�灏忛珮搴�
+      const maxHeight = 600; // 鏈�澶ч珮搴�
 
-    const calculatedHeight = this.SkuTop.length * rowHeight + headerHeight;
-    return Math.min(Math.max(calculatedHeight, minHeight), maxHeight);
-  }
+      const calculatedHeight = this.SkuTop.length * rowHeight + headerHeight;
+      return Math.min(Math.max(calculatedHeight, minHeight), maxHeight);
+    },
   },
   created() {
     this.getTopdata();
@@ -515,7 +520,7 @@
       let params = {
         startDate: this.endatd,
         endDate: this.statd,
-        timeType: this.getTimeType()
+        timeType: this.getTimeType(),
       };
 
       try {
@@ -542,7 +547,7 @@
       if (this.radio1 === "鑷畾涔�" && this.customDateRange.length === 2) {
         const start = dayjs(this.customDateRange[0]);
         const end = dayjs(this.customDateRange[1]);
-        const diffDays = end.diff(start, 'day');
+        const diffDays = end.diff(start, "day");
 
         return diffDays > 60 ? "month" : "day";
       }
@@ -562,18 +567,19 @@
       const pmoData = [];
 
       sortedData.forEach((item) => {
-  // 鏍规嵁鏃堕棿绫诲瀷鏍煎紡鍖栨樉绀�
-  const timeType = this.getTimeType();
-  const timeLabel = timeType === "day"
-    ? dayjs(item.timePeriod).format("MM-DD")
-    : dayjs(item.timePeriod).format("YYYY-MM");
+        // 鏍规嵁鏃堕棿绫诲瀷鏍煎紡鍖栨樉绀�
+        const timeType = this.getTimeType();
+        const timeLabel =
+          timeType === "day"
+            ? dayjs(item.timePeriod).format("MM-DD")
+            : dayjs(item.timePeriod).format("YYYY-MM");
 
-  xAxisData.push(timeLabel);
-  dischargeFollowData.push(item.dischargeFollowCount);
-  outpatientFollowData.push(item.outpatientFollowCount);
-  pmiData.push(item.pmiCount);
-  pmoData.push(item.pmoCount);
-});
+        xAxisData.push(timeLabel);
+        dischargeFollowData.push(item.dischargeFollowCount);
+        outpatientFollowData.push(item.outpatientFollowCount);
+        pmiData.push(item.pmiCount);
+        pmoData.push(item.pmoCount);
+      });
 
       // 鏇存柊鍥捐〃
       this.updateChart(
@@ -1167,6 +1173,12 @@
   padding: 0 10px;
   text-align: center;
 }
+.grid-contentsa {
+  min-height: 600px;
+  border-radius: 20px;
+  padding: 0 10px;
+  text-align: center;
+}
 
 .grid-contents {
   min-height: 36px;

--
Gitblit v1.9.3