`;
document.body.appendChild(panel);
// 初始化拖拽功能
initDraggable(panel);
// 如果正在循环，自动开始填写
if (loopStatus.totalCount > 0 && loopStatus.currentCount < loopStatus.totalCount) {
setTimeout(() => {
wjxAutoFill();
}, 1000);
}
}
// 切换面板折叠/展开状态
window.togglePanel = function (btn) {
const panel = btn.closest('.control-panel');
panel.classList.toggle('collapsed');
btn.classList.toggle('collapsed');
btn.textContent = panel.classList.contains('collapsed') ? '▲' : '▼';
}
// 初始化面板拖拽功能
function initDraggable(panel) {
const header = panel.querySelector('.panel-header');
let isDragging = false;
let startX, startY, initialX, initialY;
header.addEventListener('mousedown', (e) => {
isDragging = true;
panel.classList.add('dragging');
startX = e.clientX;
startY = e.clientY;
const rect = panel.getBoundingClientRect();
initialX = rect.left;
initialY = rect.top;
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
e.preventDefault();
const dx = e.clientX - startX;
const dy = e.clientY - startY;
panel.style.left = `${initialX + dx}px`;
panel.style.top = `${initialY + dy}px`;
panel.style.right = 'auto';
});
document.addEventListener('mouseup', () => {
if (isDragging) {
isDragging = false;
panel.classList.remove('dragging');
}
});
}
// ========== 原有逻辑保持不变 ==========
document.body.style.userSelect = 'text';
document.oncopy = document.oncut = document.onselectstart = null;
let fieldsets = document.querySelectorAll("#divQuestion>fieldset");
fieldsets.forEach(fieldset => {
fieldset.style.display = ""
const questionDivs = fieldset.querySelectorAll('div[topic]');
questionDivs.forEach((questionDiv) => {
const topic = questionDiv.getAttribute('topic');
const type = questionDiv.getAttribute('type');
if (type == "1" || type == "2") {
const targetElement = document.querySelector(`#div${topic} > div.ui-input-text`);
// 增加元素存在性检查，避免报错
if (targetElement) {
const inputElement = document.createElement("textarea");
inputElement.placeholder = "一行一个答案";
inputElement.className = "text-input";
inputElement.dataset.topic = topic;
inputElement.value = getSavedValue(topic, null, 0, 1); // 从缓存读取
inputElement.addEventListener('input', window.wjxSaveData);
targetElement.parentNode.insertBefore(inputElement, targetElement);
}
}
if (type == "3") {
let opts = document.querySelectorAll(`#div${topic} > div.ui-controlgroup.column1 > div.ui-radio`)
opts.forEach((opt, index) => {
let radioInput = document.createElement("input");
radioInput.type = "number";
radioInput.placeholder = "占比";
radioInput.className = "radio-input";
radioInput.dataset.topic = topic;
radioInput.value = getSavedValue(topic, null, index); // 从缓存读取
radioInput.addEventListener('input', handlePercentInput);
opt.appendChild(radioInput);
let percentDisplay = document.createElement("span");
percentDisplay.className = "percent-display";
percentDisplay.textContent = "0%";
opt.appendChild(percentDisplay);
})
}
if (type == "4") {
let opts = document.querySelectorAll(`#div${topic} > div.ui-controlgroup.column1 > div.ui-checkbox`)
opts.forEach((opt, index) => {
let radioInput = document.createElement("input");
radioInput.type = "number";
radioInput.placeholder = "占比";
radioInput.className = "radio-input";
radioInput.dataset.topic = topic;
radioInput.value = getSavedValue(topic, null, index); // 从缓存读取
radioInput.addEventListener('input', handlePercentInput);
opt.appendChild(radioInput);
let percentDisplay = document.createElement("span");
percentDisplay.className = "percent-display";
percentDisplay.textContent = "0%";
opt.appendChild(percentDisplay);
})
}
if (type == "5") {
let opts = document.querySelectorAll(`#div${topic} > div.scale-div.defaultScale > div > ul > li`)
for (let i = 0; i < opts.length; i++) {
let radioInput = document.createElement("input");
radioInput.type = "number";
radioInput.placeholder = "占比";
radioInput.className = "radio-input";
radioInput.dataset.topic = topic;
radioInput.value = getSavedValue(topic, null, i); // 从缓存读取
radioInput.addEventListener('input', handlePercentInput);
questionDiv.appendChild(radioInput);
let percentDisplay = document.createElement("span");
percentDisplay.className = "percent-display";
percentDisplay.textContent = "0%";
questionDiv.appendChild(percentDisplay);
}
}
// 矩阵
if (type == "6") {
const allTrs = questionDiv.getElementsByTagName('tr');
const RowIndexTrs = [];
// 第一步：筛选出rowindex为有效数字的tr元素
for (let tr of allTrs) {
const rowIndexVal = tr.getAttribute('rowindex');
// 属性存在 + 是纯数字
if (/^\d+$/.test(rowIndexVal)) {
const num = parseInt(rowIndexVal);
if (num >= 0 && num < 100) {
RowIndexTrs.push(tr);
}
}
}
// 为每一行的每个选项添加输入框和百分比显示
RowIndexTrs.forEach(tr => {
const allTds = tr.getElementsByTagName('td');
const tdsArray = Array.from(allTds);
const tdsExceptFirst = tdsArray.slice(1);
const rowIndex = tr.getAttribute('rowindex');
let colIndex = 0;
tdsExceptFirst.forEach((td) => {
let radioInput = document.createElement("input");
radioInput.type = "number";
radioInput.min = "0";
radioInput.placeholder = "占比";
radioInput.className = "matrix-input";
// 使用 topic-row 作为标识，每一行独立计算
radioInput.dataset.topic = topic;
radioInput.dataset.row = rowIndex;
radioInput.value = getSavedValue(topic, rowIndex, colIndex); // 从缓存读取
radioInput.addEventListener('input', handleMatrixPercentInput);
td.appendChild(radioInput);
let percentDisplay = document.createElement("span");
percentDisplay.className = "percent-display";
percentDisplay.textContent = "0%";
td.appendChild(percentDisplay);
colIndex++;
});
});
}
// 滑块
if (type == "8") {
let errorMessage = document.querySelector(`#div${topic} > div.errorMessage`)
let input1 = document.createElement("input");
let input2 = document.createElement("input");
input1.type = "number";
input1.placeholder = "最小值";
input1.className = "radio-input";
input1.dataset.topic = topic;
input1.value = "1"; // 默认值为1
input2.type = "number";
input2.placeholder = "最大值";
input2.className = "radio-input";
input2.dataset.topic = topic;
input2.value = "1"; // 默认值为1
errorMessage.parentNode.insertBefore(input1, errorMessage);
errorMessage.parentNode.insertBefore(input2, errorMessage);
}
});
});
// 初始化缓存数据
let saved = localStorage.getItem(STORAGE_KEY);
if (saved) {
savedData = JSON.parse(saved);
}
// 创建控制面板
createControlPanel();
// 延迟计算百分比，确保输入框已创建
setTimeout(() => {
window.wjxLoadData();
}, 100);
// 定时更新循环状态
setInterval(() => {
updateLoopStatus();
}, 1000);
})();