将带宽限制改为流量限制

2025-11-06 23:00:25 +08:00 · 2021-11-09 17:36:38 +08:00
parent 63a09bb5a6
commit 55cefdb62c
7 changed files with 42 additions and 42 deletions
--- a/web/public/js/components/server/traffic-limit-config-box.js
+++ b/web/public/js/components/server/traffic-limit-config-box.js
@@ -0,0 +1,102 @@
+Vue.component("traffic-limit-config-box", {
+	props: ["v-traffic-limit"],
+	data: function () {
+		let config = this.vTrafficLimit
+		if (config == null) {
+			config = {
+				isOn: false,
+				dailySize: {
+					count: -1,
+					unit: "gb"
+				},
+				monthlySize: {
+					count: -1,
+					unit: "gb"
+				},
+				totalSize: {
+					count: -1,
+					unit: "gb"
+				},
+				noticePageBody: ""
+			}
+		}
+		if (config.dailySize == null) {
+			config.dailySize = {
+				count: -1,
+				unit: "gb"
+			}
+		}
+		if (config.monthlySize == null) {
+			config.monthlySize = {
+				count: -1,
+				unit: "gb"
+			}
+		}
+		if (config.totalSize == null) {
+			config.totalSize = {
+				count: -1,
+				unit: "gb"
+			}
+		}
+		return {
+			config: config
+		}
+	},
+	methods: {
+		showBodyTemplate: function () {
+			this.config.noticePageBody = `<!DOCTYPE html>
+<html>
+<head>
+<title>Traffic Limit Exceeded Warning</title>
+<body>
+
+The site traffic has exceeded the limit. Please contact with the site administrator.
+
+</body>
+</html>`
+		}
+	},
+	template: `<div>
+	<input type="hidden" name="trafficLimitJSON" :value="JSON.stringify(config)"/>
+	<table class="ui table selectable definition">
+		<tbody>
+			<tr>
+				<td class="title">是否启用</td>
+				<td>
+					<checkbox v-model="config.isOn"></checkbox>
+					<p class="comment">注意：由于流量统计是每5分钟统计一次，所以超出流量限制后，对用户的提醒也会有所延迟。</p>
+				</td>
+			</tr>
+		</tbody>
+		<tbody v-show="config.isOn">
+			<tr>
+				<td>日流量限制</td>
+				<td>
+					<size-capacity-box :v-value="config.dailySize"></size-capacity-box>
+				</td>
+			</tr>
+			<tr>
+				<td>月流量限制</td>
+				<td>
+					<size-capacity-box :v-value="config.monthlySize"></size-capacity-box>
+				</td>
+			</tr>
+			<!--<tr>
+				<td>总体限制</td>
+				<td>
+					<size-capacity-box :v-value="config.totalSize"></size-capacity-box>
+					<p class="comment"></p>
+				</td>
+			</tr>-->
+			<tr>
+				<td>网页提示内容</td>
+				<td>
+					<textarea v-model="config.noticePageBody"></textarea>
+					<p class="comment"><a href="" @click.prevent="showBodyTemplate">[使用模板]</a>。当达到流量限制时网页显示的HTML内容，不填写则显示默认的提示内容。</p>
+				</td>
+			</tr>
+		</tbody>
+	</table>
+	<div class="margin"></div>
+</div>`
+})