mirror of
https://github.com/ClovertaTheTrilobita/cellpose-web.git
synced 2026-04-01 23:14:50 +00:00
fix(preview):修复按钮
This commit is contained in:
parent
09d0756184
commit
81088905c9
2 changed files with 7 additions and 3 deletions
|
|
@ -129,7 +129,7 @@
|
||||||
<div id="gallery"></div>
|
<div id="gallery"></div>
|
||||||
|
|
||||||
<!-- 下载按钮:保留 onclick,不动逻辑,只加样式 -->
|
<!-- 下载按钮:保留 onclick,不动逻辑,只加样式 -->
|
||||||
<div class="mt-4 d-flex download-wrap">
|
<div class="mt-4 download-wrap" id="dl-btn">
|
||||||
<button class="btn btn-primary d-inline-flex align-items-center download-btn"
|
<button class="btn btn-primary d-inline-flex align-items-center download-btn"
|
||||||
onclick="downloadTif()">
|
onclick="downloadTif()">
|
||||||
<i class="bi bi-download me-2"></i> 下载 TIF
|
<i class="bi bi-download me-2"></i> 下载 TIF
|
||||||
|
|
@ -155,10 +155,12 @@
|
||||||
const ID = params.get("id");
|
const ID = params.get("id");
|
||||||
|
|
||||||
const msg = document.getElementById("none-exist");
|
const msg = document.getElementById("none-exist");
|
||||||
|
const btn = document.getElementById("dl-btn");
|
||||||
|
|
||||||
if (!ID) {
|
if (!ID) {
|
||||||
msg.textContent = "missing id in URL";
|
msg.textContent = "missing id in URL";
|
||||||
msg.hidden = false;
|
msg.hidden = false;
|
||||||
|
btn.classList.add("d-none");
|
||||||
} else {
|
} else {
|
||||||
try {
|
try {
|
||||||
const res = await axios.get(API_STATUS + "?id=" + encodeURIComponent(ID));
|
const res = await axios.get(API_STATUS + "?id=" + encodeURIComponent(ID));
|
||||||
|
|
@ -168,13 +170,16 @@
|
||||||
if (!exists) {
|
if (!exists) {
|
||||||
msg.textContent = `id "${ID}" 不存在`;
|
msg.textContent = `id "${ID}" 不存在`;
|
||||||
msg.hidden = false;
|
msg.hidden = false;
|
||||||
|
btn.classList.add("d-none");
|
||||||
}
|
}
|
||||||
else if (status == "running"){
|
else if (status == "running"){
|
||||||
msg.textContent = `id "${ID}" 仍在运行中,请耐心等待片刻后刷新。`;
|
msg.textContent = `id "${ID}" 仍在运行中,请耐心等待片刻后刷新。`;
|
||||||
msg.hidden = false;
|
msg.hidden = false;
|
||||||
|
btn.classList.add("d-none");
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
msg.hidden = true;
|
msg.hidden = true;
|
||||||
|
btn.classList.add("d-flex");
|
||||||
axios.get(API_PIC + "?id=" + encodeURIComponent(ID)).then(res => {
|
axios.get(API_PIC + "?id=" + encodeURIComponent(ID)).then(res => {
|
||||||
if (res.data.ok) {
|
if (res.data.ok) {
|
||||||
const gallery = document.getElementById("gallery");
|
const gallery = document.getElementById("gallery");
|
||||||
|
|
|
||||||
|
|
@ -102,8 +102,7 @@
|
||||||
|
|
||||||
<!-- 底部小提示 -->
|
<!-- 底部小提示 -->
|
||||||
<div class="mt-3 text-secondary small">
|
<div class="mt-3 text-secondary small">
|
||||||
提示:如果你使用 Chart.js,建议设置 <code>responsive: true</code> 与 <code>maintainAspectRatio: false</code>,
|
训练loss曲线
|
||||||
本页样式已自动保证画布自适应容器尺寸。
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue