Quellcode durchsuchen

add dailytrends table

guoziyun vor 9 Monaten
Ursprung
Commit
14b4fae0ac

+ 1 - 1
oms/public/app/index.html

@@ -9,5 +9,5 @@
   <style>body,html{width:100%;height:100%}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;color:#000000d9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:"tnum"}html{--antd-wave-shadow-color:#1890ff;--scroll-bar:0}</style><link rel="stylesheet" href="styles-LXBSU6DF.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-LXBSU6DF.css"></noscript></head>
   <body>
     <app-root></app-root>
-  <script src="polyfills-B6TNHZQ6.js" type="module"></script><script src="main-I7ZRIIO6.js" type="module"></script></body>
+  <script src="polyfills-B6TNHZQ6.js" type="module"></script><script src="main-HPK4W4ID.js" type="module"></script></body>
 </html>

Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
oms/public/app/main-HPK4W4ID.js


+ 54 - 0
omsapp/src/app/pages/message-dashboard.component.html

@@ -190,6 +190,60 @@
       </div>
     </div>
 
+    <!-- 新增:每日趋势数据表格 -->
+    <div nz-row [nzGutter]="16" style="margin-top: 16px">
+      <div nz-col [nzSpan]="24">
+        <nz-card nzTitle="每日趋势详细数据">
+          <nz-table
+            [nzData]="dailyTrends"
+            [nzFrontPagination]="false"
+            [nzShowPagination]="false"
+            [nzBordered]="true"
+            [nzSize]="'small'"
+            nzTableLayout="fixed"
+          >
+            <thead>
+              <tr>
+                <th>日期</th>
+                <th>总发送量</th>
+                <th>成功数</th>
+                <th>送达数</th>
+                <th>展示数</th>
+                <th>打开数</th>
+                <th>展示人数</th>
+                <th>打开人数</th>
+                <th>失败数</th>
+                <th>送达率</th>
+                <th>展示率</th>
+                <th>点击率</th>
+                <th>用户点击率</th>
+                <th>失败率</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr *ngFor="let daily of dailyTrends">
+                <td>{{ formatDate(daily.date) }}</td>
+                <td>{{ daily.totalRecords || 0 }}</td>
+                <td>{{ daily.sent || 0 }}</td>
+                <td>{{ daily.delivered || 0 }}</td>
+                <td>{{ daily.displayCount || 0 }}</td>
+                <td>{{ daily.opened || 0 }}</td>
+                <td>{{ daily.displayedUsers || 0 }}</td>
+                <td>{{ daily.openedUsers || 0 }}</td>
+                <td>{{ daily.failed || 0 }}</td>
+                <td>{{ formatPercentage(daily.deliveredRate || 0) }}</td>
+                <td>{{ formatPercentage(daily.displayRate || 0) }}</td>
+                <td>{{ formatPercentage(daily.clickThroughRate || 0) }}</td>
+                <td>{{ formatPercentage(daily.actualClickThroughRate || 0) }}</td>
+                <td>{{ formatPercentage(daily.tokenInvalidationRate || 0) }}</td>
+              </tr>
+            </tbody>
+          </nz-table>
+          <nz-empty *ngIf="dailyTrends.length === 0 && !isLoading"></nz-empty>
+        </nz-card>
+      </div>
+    </div>
+
     <!-- 统计表格标签页 -->
     <nz-tabset [(nzSelectedIndex)]="activeTab" style="margin-top: 16px">
       <!-- 按策略统计表格 -->

Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.