大更新,架构调整,数据分析能力提升,
This commit is contained in:
@@ -76,8 +76,19 @@
|
||||
<input type="file" id="fileInput" multiple accept=".csv,.xlsx,.xls" hidden>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="templateSelectorGroup">
|
||||
<label class="form-label">2. Analysis Template</label>
|
||||
<div id="templateSelector" class="template-cards">
|
||||
<div class="template-card selected" data-template="" onclick="selectTemplate(this, '')">
|
||||
<div class="template-card-title">No Template</div>
|
||||
<div class="template-card-desc">Free Analysis</div>
|
||||
</div>
|
||||
<!-- Dynamic template cards loaded via JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">2. Requirement</label>
|
||||
<label class="form-label">3. Requirement</label>
|
||||
<textarea id="requirementInput" class="form-textarea"
|
||||
placeholder="Describe what you want to analyze..."></textarea>
|
||||
</div>
|
||||
@@ -92,9 +103,9 @@
|
||||
<div class="panel-title" style="margin-bottom:0.5rem;">
|
||||
<span>Output</span>
|
||||
<div class="tabs">
|
||||
<div class="tab active" onclick="switchTab('logs')">Live Log</div>
|
||||
<div class="tab active" onclick="switchTab('execution')">执行过程</div>
|
||||
<div class="tab" onclick="switchTab('datafiles')">数据文件</div>
|
||||
<div class="tab" onclick="switchTab('report')">Report</div>
|
||||
<div class="tab" onclick="switchTab('gallery')">Gallery</div>
|
||||
</div>
|
||||
<button id="downloadScriptBtn" class="btn btn-sm btn-secondary hidden"
|
||||
onclick="downloadScript()" style="margin-left:auto;">
|
||||
@@ -102,10 +113,41 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Progress Bar -->
|
||||
<div id="progressBarContainer" class="progress-bar-container hidden">
|
||||
<div class="progress-bar-info">
|
||||
<span id="progressLabel" class="progress-label">Round 0/0</span>
|
||||
<span id="progressPercent" class="progress-percent">0%</span>
|
||||
</div>
|
||||
<div class="progress-bar-track">
|
||||
<div id="progressBarFill" class="progress-bar-fill" style="width: 0%"></div>
|
||||
</div>
|
||||
<div id="progressMessage" class="progress-message"></div>
|
||||
</div>
|
||||
|
||||
<div class="output-container" id="outputContainer">
|
||||
<!-- Logs Tab -->
|
||||
<div id="logsTab" class="tab-content active" style="height:100%; overflow-y:auto;">
|
||||
<pre id="logOutput" class="log-content">Waiting to start...</pre>
|
||||
<!-- Execution Process Tab -->
|
||||
<div id="executionTab" class="tab-content active" style="height:100%; overflow-y:auto;">
|
||||
<div id="roundCardsWrapper" class="round-cards-wrapper">
|
||||
<div class="empty-state" id="executionEmptyState">
|
||||
<p>Waiting to start...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Data Files Tab -->
|
||||
<div id="datafilesTab" class="tab-content hidden" style="height:100%; overflow-y:auto;">
|
||||
<div id="fileCardsGrid" class="file-cards-grid"></div>
|
||||
<div id="dataPreviewPanel" class="data-preview-panel hidden">
|
||||
<div class="data-preview-header">
|
||||
<span id="previewFileName"></span>
|
||||
<button class="btn btn-sm btn-secondary" onclick="closePreview()"><i class="fa-solid fa-xmark"></i></button>
|
||||
</div>
|
||||
<div id="previewTableContainer"></div>
|
||||
</div>
|
||||
<div class="empty-state" id="datafilesEmptyState">
|
||||
<p>No data files yet.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Report Tab -->
|
||||
@@ -135,21 +177,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Gallery Tab -->
|
||||
<div id="galleryTab" class="tab-content hidden"
|
||||
style="height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;">
|
||||
<div class="carousel-container">
|
||||
<button class="carousel-btn prev" onclick="prevImage()"><i
|
||||
class="fa-solid fa-chevron-left"></i></button>
|
||||
<div class="carousel-slide" id="carouselSlide">
|
||||
<p class="placeholder-text" style="color:var(--text-secondary);">No images
|
||||
generated.</p>
|
||||
<!-- Supporting Data Modal -->
|
||||
<div class="supporting-data-modal hidden" id="supportingDataModal">
|
||||
<div class="supporting-data-content">
|
||||
<div class="supporting-data-header">
|
||||
<span>支撑数据</span>
|
||||
<button onclick="closeSupportingData()">×</button>
|
||||
</div>
|
||||
<div class="supporting-data-body" id="supportingDataBody">
|
||||
</div>
|
||||
<button class="carousel-btn next" onclick="nextImage()"><i
|
||||
class="fa-solid fa-chevron-right"></i></button>
|
||||
</div>
|
||||
<div class="image-info" id="imageInfo" style="margin-top:1rem; text-align:center;">
|
||||
<!-- Title/Desc -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user