+
+
+
@@ -526,6 +784,7 @@
const brandModalHintEl = document.getElementById("brandModalHint");
const brandModalTextareaEl = document.getElementById("brandModalTextarea");
const brandModalPreEl = document.getElementById("brandModalPre");
+ const brandModalListEl = document.getElementById("brandModalList");
const brandModalSaveBtnEl = document.getElementById("brandModalSaveBtn");
const brandModalCancelBtnEl = document.getElementById("brandModalCancelBtn");
const sourceOrderStatsEl = document.getElementById("sourceOrderStats");
@@ -734,7 +993,7 @@
async function runMysqlInit() {
if (syncRunning || mysqlInitRunning) return;
const confirmed = window.confirm(
- "初始化外部 MySQL 会创建数据库，并重建 mobilemodels 相关表、视图和 seed 数据。是否继续？"
+ "初始化外部 MySQL 会创建数据库，并重建 mobilemodels 主表、相关索引和 seed 数据，同时清理历史兼容对象。是否继续？"
);
if (!confirmed) return;
@@ -1183,7 +1442,38 @@
renderSourceOrder();
}
- function openBrandModal({ title, hint, text, editable, onSave }) {
+ function renderModalList(items = []) {
+ if (!items.length) {
+ brandModalListEl.innerHTML = `
暂无数据
`;
+ return;
+ }
+
+ brandModalListEl.innerHTML = `
+
+ ${items.map((item) => `
+
+
+
${escapeHtml(item.title || "-")}
+ ${item.meta ? `
${escapeHtml(item.meta)}
` : ""}
+
+ ${item.tags.map((tag) => `${escapeHtml(tag)}`).join("")}
+
+ ` : ""}
+
+ `).join("")}
+
+ `;
+ }
+
+ function resizeBrandModalTextarea() {
+ if (brandModalTextareaEl.classList.contains("hidden")) return;
+ brandModalTextareaEl.style.height = "auto";
+ brandModalTextareaEl.style.height = `${Math.max(420, brandModalTextareaEl.scrollHeight + 24)}px`;
+ }
+
+ function openBrandModal({ title, hint, text, editable, onSave, listItems }) {
modalSaveHandler = onSave || null;
brandModalTitleEl.textContent = title || "数据管理";
brandModalHintEl.textContent = hint || "";
@@ -1192,20 +1482,31 @@
brandModalTextareaEl.classList.remove("hidden");
brandModalTextareaEl.value = text || "";
brandModalPreEl.classList.add("hidden");
+ brandModalListEl.classList.add("hidden");
brandModalSaveBtnEl.classList.remove("hidden");
+ requestAnimationFrame(resizeBrandModalTextarea);
+ } else if (listItems) {
+ brandModalListEl.classList.remove("hidden");
+ renderModalList(listItems);
+ brandModalPreEl.classList.add("hidden");
+ brandModalTextareaEl.classList.add("hidden");
+ brandModalSaveBtnEl.classList.add("hidden");
} else {
brandModalPreEl.classList.remove("hidden");
brandModalPreEl.textContent = text || "";
brandModalTextareaEl.classList.add("hidden");
+ brandModalListEl.classList.add("hidden");
brandModalSaveBtnEl.classList.add("hidden");
}
brandModalBackdropEl.classList.remove("hidden");
+ document.body.classList.add("modal-open");
}
function closeBrandModal() {
modalSaveHandler = null;
brandModalBackdropEl.classList.add("hidden");
+ document.body.classList.remove("modal-open");
}
function applyManagedBrandConfigUpdate(newConfig) {
@@ -1218,8 +1519,14 @@
function openBrandListModal() {
openBrandModal({
title: "品牌列表",
- hint: "当前独立维护的品牌列表（含同义词与父级厂商）。",
- text: JSON.stringify(managedBrandConfig.brands, null, 2),
+ hint: "当前独立维护的品牌列表，按品牌查看同义词与所属厂商。",
+ listItems: [...managedBrandConfig.brands]
+ .sort((a, b) => a.name.localeCompare(b.name))
+ .map((brand) => ({
+ title: brand.name,
+ meta: `所属厂商：${managedBrandToManufacturer.get(brand.name) || brand.manufacturer || "-"}`,
+ tags: normalizeAliasList(brand.name, brand.aliases || []),
+ })),
editable: false,
});
}
@@ -1231,8 +1538,14 @@
}));
openBrandModal({
title: "厂商列表",
- hint: "当前独立维护的厂商列表（含所属品牌）。",
- text: JSON.stringify(rows, null, 2),
+ hint: "当前独立维护的厂商列表，按厂商查看归属品牌。",
+ listItems: rows
+ .sort((a, b) => a.manufacturer.localeCompare(b.manufacturer))
+ .map((row) => ({
+ title: row.manufacturer,
+ meta: `品牌数：${row.brands.length}`,
+ tags: row.brands,
+ })),
editable: false,
});
}
@@ -1469,6 +1782,7 @@
brandStatsEl.textContent = `保存失败: ${err.message}`;
}
});
+ brandModalTextareaEl.addEventListener("input", resizeBrandModalTextarea);
function switchManageTab(tab) {
const isBrand = tab === "brand";