集群
diff --git a/web/views/@default/dashboard/index.js b/web/views/@default/dashboard/index.js
index c8c946e7..5746611c 100644
--- a/web/views/@default/dashboard/index.js
+++ b/web/views/@default/dashboard/index.js
@@ -1,131 +1,145 @@
Tea.context(function () {
- this.trafficTab = "hourly"
+ this.trafficTab = "hourly"
- this.$delay(function () {
- this.reloadHourlyTrafficChart()
+ this.$delay(function () {
+ this.reloadHourlyTrafficChart()
- let that = this
- window.addEventListener("resize", function () {
- if (that.trafficTab == "hourly") {
- that.resizeHourlyTrafficChart()
- }
- if (that.trafficTab == "daily") {
- that.resizeDailyTrafficChart()
- }
- })
- })
+ let that = this
+ window.addEventListener("resize", function () {
+ if (that.trafficTab == "hourly") {
+ that.resizeHourlyTrafficChart()
+ }
+ if (that.trafficTab == "daily") {
+ that.resizeDailyTrafficChart()
+ }
+ })
+ })
- this.selectTrafficTab = function (tab) {
- this.trafficTab = tab
- if (tab == "hourly") {
- this.$delay(function () {
- this.reloadHourlyTrafficChart()
- })
- } else if (tab == "daily") {
- this.$delay(function () {
- this.reloadDailyTrafficChart()
- })
- }
- }
+ this.selectTrafficTab = function (tab) {
+ this.trafficTab = tab
+ if (tab == "hourly") {
+ this.$delay(function () {
+ this.reloadHourlyTrafficChart()
+ })
+ } else if (tab == "daily") {
+ this.$delay(function () {
+ this.reloadDailyTrafficChart()
+ })
+ }
+ }
- this.resizeHourlyTrafficChart = function () {
- let chartBox = document.getElementById("hourly-traffic-chart-box")
- let chart = echarts.init(chartBox)
- chart.resize()
- }
+ this.resizeHourlyTrafficChart = function () {
+ let chartBox = document.getElementById("hourly-traffic-chart-box")
+ let chart = echarts.init(chartBox)
+ chart.resize()
+ }
- this.reloadHourlyTrafficChart = function () {
- let chartBox = document.getElementById("hourly-traffic-chart-box")
- let chart = echarts.init(chartBox)
- let option = {
- xAxis: {
- data: this.hourlyTrafficStats.map(function (v) {
- return v.hour;
- })
- },
- yAxis: {},
- tooltip: {
- show: true,
- trigger: "item",
- formatter: "{c} GB"
- },
- grid: {
- left: 40,
- top: 10,
- right: 20
- },
- series: [
- {
- name: "流量",
- type: "line",
- data: this.hourlyTrafficStats.map(function (v) {
- return v.count;
- }),
- itemStyle: {
- color: "#9DD3E8"
- },
- lineStyle: {
- color: "#9DD3E8"
- },
- areaStyle: {
- color: "#9DD3E8"
- }
- }
- ],
- animation: false
- }
- chart.setOption(option)
- chart.resize()
- }
+ this.reloadHourlyTrafficChart = function () {
+ let chartBox = document.getElementById("hourly-traffic-chart-box")
+ let chart = echarts.init(chartBox)
+ let option = {
+ xAxis: {
+ data: this.hourlyTrafficStats.map(function (v) {
+ return v.hour;
+ })
+ },
+ yAxis: {},
+ tooltip: {
+ show: true,
+ trigger: "item",
+ formatter: "{c} GB"
+ },
+ grid: {
+ left: 40,
+ top: 10,
+ right: 20
+ },
+ series: [
+ {
+ name: "流量",
+ type: "line",
+ data: this.hourlyTrafficStats.map(function (v) {
+ return v.count;
+ }),
+ itemStyle: {
+ color: "#9DD3E8"
+ },
+ lineStyle: {
+ color: "#9DD3E8"
+ },
+ areaStyle: {
+ color: "#9DD3E8"
+ }
+ }
+ ],
+ animation: false
+ }
+ chart.setOption(option)
+ chart.resize()
+ }
- this.resizeDailyTrafficChart = function () {
- let chartBox = document.getElementById("daily-traffic-chart-box")
- let chart = echarts.init(chartBox)
- chart.resize()
- }
+ this.resizeDailyTrafficChart = function () {
+ let chartBox = document.getElementById("daily-traffic-chart-box")
+ let chart = echarts.init(chartBox)
+ chart.resize()
+ }
- this.reloadDailyTrafficChart = function () {
- let chartBox = document.getElementById("daily-traffic-chart-box")
- let chart = echarts.init(chartBox)
- let option = {
- xAxis: {
- data: this.dailyTrafficStats.map(function (v) {
- return v.day;
- })
- },
- yAxis: {},
- tooltip: {
- show: true,
- trigger: "item",
- formatter: "{c} GB"
- },
- grid: {
- left: 40,
- top: 10,
- right: 20
- },
- series: [
- {
- name: "流量",
- type: "line",
- data: this.dailyTrafficStats.map(function (v) {
- return v.count;
- }),
- itemStyle: {
- color: "#9DD3E8"
- },
- lineStyle: {
- color: "#9DD3E8"
- },
- areaStyle: {
- color: "#9DD3E8"
- }
- }
- ],
- animation: false
- }
- chart.setOption(option)
- chart.resize()
- }
+ this.reloadDailyTrafficChart = function () {
+ let chartBox = document.getElementById("daily-traffic-chart-box")
+ let chart = echarts.init(chartBox)
+ let option = {
+ xAxis: {
+ data: this.dailyTrafficStats.map(function (v) {
+ return v.day;
+ })
+ },
+ yAxis: {},
+ tooltip: {
+ show: true,
+ trigger: "item",
+ formatter: "{c} GB"
+ },
+ grid: {
+ left: 40,
+ top: 10,
+ right: 20
+ },
+ series: [
+ {
+ name: "流量",
+ type: "line",
+ data: this.dailyTrafficStats.map(function (v) {
+ return v.count;
+ }),
+ itemStyle: {
+ color: "#9DD3E8"
+ },
+ lineStyle: {
+ color: "#9DD3E8"
+ },
+ areaStyle: {
+ color: "#9DD3E8"
+ }
+ }
+ ],
+ animation: false
+ }
+ chart.setOption(option)
+ chart.resize()
+ }
+
+ /**
+ * 升级提醒
+ */
+ this.closeMessage = function (e) {
+ let target = e.target
+ while (true) {
+ target = target.parentNode
+ if (target.tagName.toUpperCase() == "DIV") {
+ target.style.cssText = "display: none"
+ break
+ }
+ }
+ }
})
diff --git a/web/views/@default/dashboard/index.less b/web/views/@default/dashboard/index.less
index a6361eac..3466d0fc 100644
--- a/web/views/@default/dashboard/index.less
+++ b/web/views/@default/dashboard/index.less
@@ -1,3 +1,11 @@
+.ui.message {
+ .icon {
+ position: absolute;
+ right: 1em;
+ top: 1.8em;
+ }
+}
+
.grid {
margin-top: 2em !important;
margin-left: 2em !important;