From 5dbe4e4b55dd2a17e877badfb395c973865091b6 Mon Sep 17 00:00:00 2001
From: ngfchl <ngfchl@126.com>
Date: Wed, 7 Dec 2022 16:22:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8F=90=E7=A4=BA=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=8E=92=E5=88=97=EF=BC=8C=E5=A2=9E=E5=8A=A0=E6=AF=8F?=
 =?UTF-8?q?=E6=97=A5=E6=80=BB=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/auto_pt/status.html | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/templates/auto_pt/status.html b/templates/auto_pt/status.html
index e53f6b3..88fa122 100644
--- a/templates/auto_pt/status.html
+++ b/templates/auto_pt/status.html
@@ -591,16 +591,28 @@
                                 //console.log(params)
                                 // console.log(params[0].value[1])
                                 let text = ''
+                                let total = 0
                                 params.forEach((param, index) => {
                                     let temp = param.value == 0 ? '' : `
-                                            <div style="display: block;height:20px;width: 50%;float:left;">
-                                              <span style="float: float:left;"><i style="width: 10px;height: 10px;display: inline-block;background: ${param.color};border-radius: 10px;"></i>${param.seriesName}: </span>
-                                              <span style="float: float:right;">${renderSize(param.value)}</span>
+                                            <div style="display: block;height:20px;width: 46%;float:left;padding: 2%;">
+                                              <span style="float:left;"><i style="width: 10px;height: 10px;display: inline-block;background: ${param.color};border-radius: 10px;"></i>${param.seriesName}: </span>
+                                              <span style="float:right;">${renderSize(param.value)}</span>
                                             </div>
                                          `
                                     text += temp
+                                    total += param.value
                                 })
-                                return `<div style="width: 300px;">${text}</div>`
+                                let total_str = `
+                                            <div style="display: block;height:20px;width: 50%;text-align: left;padding: 2%;">
+                                              <span style="float: left;">
+                                                    <i style="width: 10px;height: 10px;display: inline-block;background: darkorange;border-radius: 10px;">
+                                                    </i>${params[0].axisValue}：
+                                              ${renderSize(total)}</span>
+                                            </div>
+                                            <hr>
+                                         `
+                                total_str += text
+                                return `<div style="width: 300px;">${total_str}</div>`
                             },
                             position: function (point, params, dom, rect, size) {
                                 console.log(point)
@@ -648,10 +660,10 @@
                         },
                         series: data.diff,
                     };
+                    this.site.name = '全部站点'
                     this.showSiteChart = true
                     this.showAllHistory = true
                     setTimeout(() => {
-                        this.site.name = '全部站点'
                         this.chart = this.$refs.history_charts.chart
                         this.setChartOption(this.chart, option)
                     }, 15)