huhao/ylt_diy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复字段顺序区域不显示的问题

Browse Source 
Coze-Commit-Type: user
Coze-User-ID: 3722323274763196
Coze-Conversation-ID: 9894087
This commit is contained in:
user9994793890
2026-07-10 16:12:59 +08:00
parent 1f6f2fef80
commit 2a6abd5fd6
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/image_20260710161124207.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

10
templates/index.html
View File

@@ -992,14 +992,14 @@
<div class="form-section"> <div class="form-section">
<div class="form-section-title"><span class="section-num">4</span> 字段设置</div> <div class="form-section-title"><span class="section-num">4</span> 字段设置</div>
<div class="form-group"> <div class="form-group">
<label>选择报表字段 <span class="form-hint">（勾选需要在报表中显示的字段，拖拽已选字段调整顺序）</span></label> <label>选择报表字段 <span class="form-hint">（勾选需要在报表中显示的字段，勾选后可调整顺序）</span></label>
<div class="checkbox-group" id="fields-list"> <div class="checkbox-group" id="fields-list">
<div class="loading">加载中...</div> <div class="loading">加载中...</div>
</div> </div>
</div> </div>
<div class="form-group" id="selected-fields-order-group" style="display:none;"> <div class="form-group" id="selected-fields-order-group" style="display:none;">
<label>字段顺序 <span class="form-hint">（拖拽调整报表中的列顺序）</span></label> <label>字段顺序 <span class="form-hint">（点击 ↑↓ 调整报表中的列顺序）</span></label>
<div class="selected-fields-order" id="selected-fields-order"> <div class="selected-fields-order" id="selected-fields-order">
<!-- 已选字段会显示在这里，可拖拽排序 --> <!-- 已选字段会显示在这里，可拖拽排序 -->
</div> </div>
@@ -1192,9 +1192,15 @@
// 刷新已选字段顺序列表 // 刷新已选字段顺序列表
function refreshSelectedFieldsOrder(selectedFields) { function refreshSelectedFieldsOrder(selectedFields) {
const orderGroup = document.getElementById('selected-fields-order-group');
const orderList = document.getElementById('selected-fields-order'); const orderList = document.getElementById('selected-fields-order');
if (!orderList) return; if (!orderList) return;
// 根据是否有已选字段，显示/隐藏字段顺序区域
if (orderGroup) {
orderGroup.style.display = selectedFields.length > 0 ? 'block' : 'none';
}
if (selectedFields.length === 0) { if (selectedFields.length === 0) {
orderList.innerHTML = '<small style="color:#999;text-align:center;padding:8px;">请先在上方勾选字段</small>'; orderList.innerHTML = '<small style="color:#999;text-align:center;padding:8px;">请先在上方勾选字段</small>';
} else { } else {