OrgTJWater/pipeline-lifetime
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update prediction results workflow

Browse Source
This commit is contained in:
jiang
2026-07-20 13:47:39 +08:00
parent 8d347cfbc2
commit a20339d35e
10 changed files with 239 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/home.html
+7 -11
View File
@@ -7,7 +7,7 @@
<div class="mb-6 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
<div>
<h1 class="text-3xl font-extrabold tracking-tight sm:text-4xl">管道健康状态与剩余寿命评估</h1>
<p class="mt-2 max-w-3xl text-sm leading-6 text-textSub">上传标准数据文件，系统将生成生存概率曲线、健康等级摘要、剩余寿命判断和电子表格预测报告。</p>
<p class="mt-2 max-w-3xl text-sm leading-6 text-textSub">上传标准数据文件，系统将生成管道的剩余寿命分析图、健康等级摘要、剩余寿命判断和电子表格预测报告。</p>
</div>
<a href="{{ url_for('main.download_template') }}" class="ui-btn ui-btn-secondary text-primary">
<span class="material-symbols-outlined text-lg">download</span>
@@ -59,7 +59,7 @@
<div class="mt-5 flex min-h-0 flex-1 flex-col items-center justify-center rounded-md border border-dashed border-outline bg-slate-50 px-5 text-center">
<span class="material-symbols-outlined text-4xl text-primary">monitoring</span>
<div class="mt-3 text-sm font-bold text-textMain">暂无预测结果</div>
<div class="mt-1 text-xs leading-5 text-textSub">完成一次分析后，将生成生存概率阶梯图、摘要和电子表格报告。</div>
<div class="mt-1 text-xs leading-5 text-textSub">完成一次分析后，将生成管道的剩余寿命分析图、摘要和电子表格报告。</div>
</div>
</div>
@@ -81,15 +81,11 @@
</div>
</div>
<div class="min-h-0 flex-1 overflow-y-auto pr-1">
<div class="grid gap-4">
<div class="rounded-md border border-line bg-slate-50 p-3">
<div class="mb-2 text-xs font-bold text-textSub">生存概率阶梯图</div>
<img id="resultImage" src="" alt="预测图" class="h-auto w-full rounded bg-white object-contain">
</div>
<div id="resultImportanceWrap" class="hidden rounded-md border border-line bg-slate-50 p-3">
<div class="mb-2 text-xs font-bold text-textSub">输入因素重要性</div>
<img id="resultImportanceImage" src="" alt="重要性排序图" class="h-auto w-full rounded bg-white object-contain">
<div class="min-h-0 flex-1 overflow-hidden">
<div class="flex h-full min-h-0 flex-col rounded-md border border-line bg-slate-50 p-3">
<div class="mb-2 shrink-0 text-xs font-bold text-textSub">管道的剩余寿命分析图</div>
<div class="min-h-0 flex-1 overflow-hidden rounded bg-white">
<img id="resultImage" src="" alt="预测图" class="h-full w-full object-contain">
</div>
</div>
</div>