From f18091b931ae298325ad1edae243fb025a953019 Mon Sep 17 00:00:00 2001 From: augushong Date: Fri, 15 May 2026 22:19:39 +0800 Subject: [PATCH] =?UTF-8?q?feat(phoneimage):=20=E6=8E=A5=E5=85=A5=E4=BF=9D?= =?UTF-8?q?=E5=AD=98/=E9=85=8D=E7=BD=AE/=E5=8E=86=E5=8F=B2=E6=93=8D?= =?UTF-8?q?=E4=BD=9C=E6=97=A5=E5=BF=97=E5=B9=B6=E7=A7=BB=E9=99=A4layer.loa?= =?UTF-8?q?d=E9=81=AE=E7=BD=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/admin/post/phone_image.html | 38 +++++++++++++++++++++++--------- 1 file changed, 27 insertions(+), 11 deletions(-) diff --git a/view/admin/post/phone_image.html b/view/admin/post/phone_image.html index b59dbdf..46758cd 100644 --- a/view/admin/post/phone_image.html +++ b/view/admin/post/phone_image.html @@ -337,6 +337,7 @@ if (arr == null || arr.length == 0) { return true; } + PhoneImageLogPanel.log('粘贴图片处理中...', 'info'); layer.load(); for (var i = 0; i < arr.length; i++) { var src = arr[i].match(srcReg); @@ -372,6 +373,7 @@ } } } + PhoneImageLogPanel.log('粘贴图片处理完成', 'success'); layer.closeAll('loading'); editor.dangerouslyInsertHtml(pasteStr); event.preventDefault(); @@ -425,6 +427,7 @@ // 松手后: 触发完整渲染(重新分页 + html2canvas截图) $slider.on('change', function() { var val = parseFloat($(this).val()); + PhoneImageLogPanel.log('字号调整为 ' + val.toFixed(1) + 'x', 'info'); doRender({ fontScale: val }); // 触发保存,确保字号倍数持久化 updateSaveState('saving'); @@ -435,8 +438,10 @@ content_html: PhoneImageEngine.getContentHtml() }, saveConfigUrl).then(function(data) { if (data.output_id) lastOutputId = data.output_id; + PhoneImageLogPanel.log('字号配置已保存', 'success'); updateSaveState('saved'); }).catch(function(err) { + PhoneImageLogPanel.log('字号保存失败: ' + err, 'error'); updateSaveState('error'); }); }); @@ -482,6 +487,7 @@ currentConfig.size = layero.find('[name="s_size"]').val(); currentConfig.watermark = layero.find('[name="s_watermark"]').val(); layer.close(index); + PhoneImageLogPanel.log('应用新设置: 尺寸=' + currentConfig.size, 'info'); doRender(); } }); @@ -561,6 +567,7 @@ if (autoSaveLock) { autoSaveLock = false; updateSaveState('saving'); + PhoneImageLogPanel.log('自动保存中...', 'info'); PhoneImageEngine.saveConfig(postData.postId, { size: currentConfig.size, watermark: currentConfig.watermark, @@ -568,8 +575,10 @@ content_html: PhoneImageEngine.getContentHtml() }, saveConfigUrl).then(function (data) { if (data.output_id) lastOutputId = data.output_id; + PhoneImageLogPanel.log('自动保存完成', 'success'); updateSaveState('saved'); }).catch(function (err) { + PhoneImageLogPanel.log('自动保存失败: ' + err, 'error'); updateSaveState('error'); }); } @@ -585,8 +594,8 @@ // 清除自动保存定时器，避免冲突 clearTimeout(autoSaveTimer); autoSaveLock = false; - layer.msg('保存中...'); + PhoneImageLogPanel.log('保存配置中...', 'info'); PhoneImageEngine.saveConfig(postData.postId, { size: currentConfig.size, watermark: currentConfig.watermark, @@ -595,9 +604,11 @@ }, saveConfigUrl).then(function (data) { if (data.output_id) lastOutputId = data.output_id; $('#post-content-html').html(PhoneImageEngine.getContentHtml()); + PhoneImageLogPanel.log('配置保存成功', 'success'); layer.msg('保存成功'); updateSaveState('saved'); }).catch(function (err) { + PhoneImageLogPanel.log('保存失败: ' + err, 'error'); layer.msg('保存失败: ' + err); updateSaveState('error'); }).always(function () { @@ -609,21 +620,27 @@ $('#btn-generate').click(function () { var btn = $(this); btn.prop('disabled', true).html(' 生成中...'); - layer.msg('正在生成图片，请稍候...'); + PhoneImageLogPanel.log('开始生成图片...', 'info'); PhoneImageEngine.saveImages(postData.postId, { size: currentConfig.size, watermark: currentConfig.watermark, fontScale: currentConfig.fontScale || 1, content_html: PhoneImageEngine.getContentHtml() + }, function(current, total, canvas) { + if (total > 0) { + PhoneImageLogPanel.log('截图: 第 ' + current + '/' + total + ' 页', 'info'); + } }).then(function (data) { if (data.output_id) { lastOutputId = data.output_id; } $('#post-content-html').html(PhoneImageEngine.getContentHtml()); + PhoneImageLogPanel.log('图片生成并保存成功 (output_id: ' + data.output_id + ')', 'success'); layer.msg('保存成功！'); btn.prop('disabled', false).html(' 生成并保存'); }).catch(function (err) { + PhoneImageLogPanel.log('保存失败: ' + err, 'error'); layer.msg('保存失败: ' + err); btn.prop('disabled', false).html(' 生成并保存'); }); @@ -634,10 +651,10 @@ $('body').append(historyBtn); historyBtn.on('click', function () { - var loadIdx = layer.load(); + PhoneImageLogPanel.log('获取历史记录...', 'info'); $.get(historyListUrl, function (res) { - layer.close(loadIdx); if (res.code !== 0 || !res.data || res.data.length === 0) { + PhoneImageLogPanel.log('暂无历史记录', 'warn'); layer.msg('暂无历史记录'); return; } @@ -674,15 +691,14 @@ } }); }).fail(function () { - layer.close(loadIdx); + PhoneImageLogPanel.log('获取历史记录失败', 'error'); layer.msg('获取历史记录失败'); }); }); function loadFromHistory(outputId) { - var loadIdx2 = layer.load(); + PhoneImageLogPanel.log('加载历史记录配置...', 'info'); $.get(loadConfigUrl + '?id=' + outputId, function (res) { - layer.close(loadIdx2); if (res.code !== 0 || !res.data) { layer.msg('加载失败: ' + (res.msg || '未知错误')); return; @@ -712,20 +728,20 @@ } lastOutputId = outputId; + PhoneImageLogPanel.log('历史配置已加载', 'success'); layer.closeAll(); // 更新引擎配置并重新渲染 PhoneImageEngine.updateConfig(historyConfig); - var loadIdx3 = layer.load(); PhoneImageEngine.render().then(function (pages) { - layer.close(loadIdx3); + PhoneImageLogPanel.log('历史渲染完成，共 ' + pages.length + ' 页', 'success'); layer.msg('已加载历史配置，共 ' + pages.length + ' 页'); }).catch(function (err) { - layer.close(loadIdx3); + PhoneImageLogPanel.log('历史渲染失败: ' + err, 'error'); if (err !== 'rendering') layer.msg('渲染失败: ' + err); }); }).fail(function () { - layer.close(loadIdx2); + PhoneImageLogPanel.log('加载历史配置失败', 'error'); layer.msg('加载历史配置失败'); }); }