-
设备选择
-
-
-
+
-
+
-
+
+
+
+
-
基础设置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ 基础设置
+
+
+
-
+
+
+
-
-
-
-
-
+
+
-
-
+
-
+
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
+
+
+
- ![二维码]()
-
-
-
+ 点击下方按钮获取登录二维码
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![二维码]()
+
+
+ 点击下方按钮获取登录二维码
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
- ⚠️
- 以下为高级配置，请谨慎修改，错误配置可能影响系统运行
-
-
-
-
-
-
- 文件路径配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
文件监控与管理
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ ⚠️
+ 以下为高级配置，请谨慎修改，错误配置可能影响系统运行
+
-
-
播放控制配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
-
-
+
+
+
-
-
-
+
+ 搜索与匹配配置
-
-
+
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
- 音频处理配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 语音与TTS配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 语音命令配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 网络与下载配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 设备与对话配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 歌单与定时任务
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 安全与访问控制
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 其他配置
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 功能操作
- + -
-
-
-
-
-
- 工具链接
- + - -
-
-
+
+
diff --git a/xiaomusic/static/default/setting.js b/xiaomusic/static/default/setting.js
index 72a1b58..0972df0 100644
--- a/xiaomusic/static/default/setting.js
+++ b/xiaomusic/static/default/setting.js
@@ -1,6 +1,75 @@
+// 获取二维码的函数（点击「获取二维码」后再请求并显示）
+let qrcodeCountdownTimer = null;
+const DEFAULT_QRCODE_EXPIRE_SECONDS = 120;
+
+function stopQRCodeCountdown() {
+ if (qrcodeCountdownTimer) {
+ clearInterval(qrcodeCountdownTimer);
+ qrcodeCountdownTimer = null;
+ }
+}
+
+function startQRCodeCountdown($qrcodeStatus, $qrcodeImage, expireSeconds) {
+ stopQRCodeCountdown();
+
+ let remainSeconds = Number(expireSeconds);
+ if (!Number.isFinite(remainSeconds) || remainSeconds <= 0) {
+ remainSeconds = DEFAULT_QRCODE_EXPIRE_SECONDS;
+ }
+ remainSeconds = Math.floor(remainSeconds);
+
+ const updateCountdownText = function () {
+ if (remainSeconds <= 0) {
+ stopQRCodeCountdown();
+ $qrcodeImage.addClass("qrcode-image-hidden");
+ $qrcodeStatus.text("二维码已过期，请点击“刷新二维码”重新获取");
+ return;
+ }
+ $qrcodeStatus.text(
+ "请使用米家App扫码登录，二维码将在 " + remainSeconds + " 秒后过期"
+ );
+ remainSeconds -= 1;
+ };
+
+ updateCountdownText();
+ qrcodeCountdownTimer = setInterval(updateCountdownText, 1000);
+}
+
+function fetchQRCode() {
+ var $qrcodeImage = $("#qrcode-image");
+ var $qrcodeStatus = $("#qrcode-status");
+ var $refreshBtn = $("#refresh-qrcode");
+
+ if (!$qrcodeImage.length || !$qrcodeStatus.length) return;
+ stopQRCodeCountdown();
+
+ $qrcodeImage.attr("src", "");
+ $qrcodeStatus.text("正在生成二维码...");
+ $refreshBtn.text("刷新二维码");
+
+ $.get("/api/get_qrcode")
+ .done(function (data) {
+ if (data.success) {
+ if (data.already_logged_in) {
+ $qrcodeStatus.text(data.message || "已登录，无需更新");
+ $qrcodeImage.addClass("qrcode-image-hidden");
+ } else {
+ $qrcodeImage.attr("src", data.qrcode_url || "").removeClass("qrcode-image-hidden");
+ startQRCodeCountdown($qrcodeStatus, $qrcodeImage, data.expire_seconds);
+ }
+ } else {
+ $qrcodeStatus.text(data.message || "二维码生成失败，请稍后重试");
+ }
+ })
+ .fail(function (xhr) {
+ console.error("获取二维码失败:", xhr);
+ $qrcodeStatus.text("网络错误，请检查连接");
+ });
+}
+
// ============ 字体加载检测 ============
// 检测字体加载完成，避免图标文字闪烁
-(function() {
+(function () {
// 使用 Promise.race 实现超时保护
const fontLoadTimeout = new Promise(resolve => {
setTimeout(() => {
@@ -24,6 +93,8 @@
})();
$(function () {
+ $("#refresh-qrcode").on("click", fetchQRCode);
+
// 拉取版本
$.get("/getversion", function (data, status) {
console.log(data, status, data["version"]);
@@ -94,13 +165,28 @@ $(function () {
return selectedDids.join(",");
}
- // 拉取现有配置
- $.get("/getsetting?need_device_list=true", function (data, status) {
- console.log(data, status);
- const accountPassValid = data.account && data.password;
- updateCheckbox("#mi_did", data.mi_did, data.device_list, accountPassValid);
+ // 获取设备列表（供“获取设备列表”按钮和初始加载共用）
+ function fetchDeviceList(callback) {
+ $.get("/getsetting?need_device_list=true", function (data, status) {
+ if (typeof callback === "function") {
+ callback(data, status);
+ }
+ }).fail(function (xhr) {
+ alert(
+ "获取设备列表失败: " +
+ (xhr.responseJSON && xhr.responseJSON.detail
+ ? xhr.responseJSON.detail
+ : xhr.statusText)
+ );
+ });
+ }
+
+ // 初始加载：拉取配置并填充表单与设备列表
+ fetchDeviceList(function (data, status) {
+ console.log(data, status);
+ var accountPassValid = data.account && data.password;
+ updateCheckbox("#mi_did", data.mi_did || "", data.device_list || [], accountPassValid);
- // 初始化显示
for (const key in data) {
const $element = $("#" + key);
if ($element.length) {
@@ -117,6 +203,29 @@ $(function () {
autoSelectOne();
});
+ $("#update-devices").on("click", function () {
+ var $btn = $(this);
+ var oldText = $btn.text();
+ $btn.prop("disabled", true).text("更新中…");
+ $.get("/device_list")
+ .done(function (data) {
+ var currentMiDid = getSelectedDids("#mi_did");
+ var raw = data.devices || {};
+ var deviceList = Object.keys(raw).map(function (did) {
+ var d = raw[did];
+ return { miotDID: d.did || did, hardware: d.hardware || "", name: d.name || "" };
+ });
+ updateCheckbox("#mi_did", currentMiDid, deviceList);
+ })
+ .fail(function (xhr) {
+ alert("更新设备列表失败: " + (xhr.responseJSON && xhr.responseJSON.detail ? xhr.responseJSON.detail : xhr.statusText));
+ })
+ .always(function () {
+ $btn.prop("disabled", false).text(oldText);
+ });
+ });
+
+
$(".save-button").on("click", () => {
var setting = $("#setting");
var inputs = setting.find("input, select, textarea");
@@ -311,6 +420,25 @@ $(function () {
$("#tab-" + tabName).addClass("active");
});
+ // 高级配置 Tab 切换：委托到高级配置容器，阻止冒泡并强制切换面板
+ $("#advancedConfigContent").on("click", ".config-tab-button", function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+
+ var $btn = $(this);
+ var panelId = $btn.attr("aria-controls") || ("tab-" + $btn.data("tab"));
+ if (!panelId) return;
+
+ $("#advancedConfigContent .config-tab-button").removeClass("active").attr("aria-selected", "false");
+ $btn.addClass("active").attr("aria-selected", "true");
+
+ $("#advancedConfigContent .config-tab-content").removeClass("active");
+ var $panel = $("#" + panelId);
+ if ($panel.length) {
+ $panel.addClass("active");
+ }
+ });
+
// 功能操作区域折叠功能
const operationToggle = $("#operationToggle");
const operationContent = $("#operationContent");
@@ -514,40 +642,3 @@ $(function () {
}
});
});
-
-// 获取二维码的函数（点击「获取二维码」后再请求并显示）
-function fetchQRCode() {
- const qrcodeImage = document.getElementById("qrcode-image");
- const qrcodeStatus = document.getElementById("qrcode-status");
- const refreshBtn = document.getElementById("refresh-qrcode");
-
- if (!qrcodeImage || !qrcodeStatus) return;
-
- qrcodeImage.src = "";
- qrcodeStatus.textContent = "正在生成二维码...";
- if (refreshBtn) refreshBtn.textContent = "刷新二维码";
-
- fetch("/api/get_qrcode")
- .then((response) => response.json())
- .then((data) => {
- if (data.success) {
- if (data.already_logged_in) {
- qrcodeStatus.textContent = data.message || "已登录，无需扫码";
- qrcodeImage.classList.add("qrcode-image-hidden");
- } else {
- qrcodeImage.src = data.qrcode_url || "";
- qrcodeImage.classList.remove("qrcode-image-hidden");
- qrcodeStatus.textContent = "请使用米家App扫码登录，扫码成功后请刷新页面以获取设备列表";
- }
- } else {
- qrcodeStatus.textContent = data.message || "二维码生成失败，请稍后重试";
- }
- })
- .catch((error) => {
- console.error("获取二维码失败:", error);
- qrcodeStatus.textContent = "网络错误，请检查连接";
- });
- // 显示二维码区域并进入加载状态
-
-
-}
社区支持
-
-
-
- 
-
+
-
+
- 社区支持
+
+
+
+
+
+
+