refactor: 分离用量账单进度条的html

assets/html/billing_info.html

@@ -0,0 +1,9 @@
+<b>{label}</b>
+<div class="progress-bar">
+    <div class="progress" style="width: {usage_percent}%;">
+        <span class="progress-text">{usage_percent}%</span>
+    </div>
+</div>
+<div style="display: flex; justify-content: space-between;">
+    <span>${rounded_usage}</span><span>${usage_limit}</span>
+</div>

modules/models/models.py

@@ -93,15 +93,12 @@ class OpenAIClient(BaseLLMModel):
             rounded_usage = round(usage_data["total_usage"] / 100, 5)
             usage_percent = round(usage_data["total_usage"] / usage_limit, 2)
             # return i18n("**本月使用金额** ") + f"\u3000 ${rounded_usage}"
-            return """\
-                <b>""" + i18n("本月使用金额") + f"""</b>
-                <div class="progress-bar">
-                    <div class="progress" style="width: {usage_percent}%;">
-                        <span class="progress-text">{usage_percent}%</span>
-                    </div>
-                </div>
-                <div style="display: flex; justify-content: space-between;"><span>${rounded_usage}</span><span>${usage_limit}</span></div>
-                """
+            return get_html("billing_info.html").format(
+                    label = i18n("本月使用金额"),
+                    usage_percent = usage_percent,
+                    rounded_usage = rounded_usage,
+                    usage_limit = usage_limit
+                )
         except requests.exceptions.ConnectTimeout:
             status_text = (
                 STANDARD_ERROR_MSG + CONNECTION_TIMEOUT_MSG + ERROR_RETRIEVE_MSG