| | |
|---|
| | | |
|---|
| | | import { artifactUrl, createAnomalyRun, loadAnomalyJob, uploadAnomalyFile, type AnomalyCase } from "@/api/artifacts"; |
|---|
| | | import ArtifactState from "@/components/ArtifactState.vue"; |
|---|
| | | import RunDeletionControl from "@/components/RunDeletionControl.vue"; |
|---|
| | | import { useArtifactStore } from "@/stores/artifacts"; |
|---|
| | | |
|---|
| | | const store = useArtifactStore(); |
|---|
| | |
|---|
| | | list.value = list.value.filter((item) => item.name !== name); |
|---|
| | | } |
|---|
| | | function syncSelection() { selectedName.value = currentCase.value?.run.images[0]?.file ?? ""; } |
|---|
| | | async function removeRun() { await store.loadAnomaly(true); caseId.value = Object.keys(store.anomalyCases)[0] ?? ""; syncSelection(); } |
|---|
| | | const delay = (milliseconds: number) => new Promise((resolve) => globalThis.setTimeout(resolve, milliseconds)); |
|---|
| | | |
|---|
| | | async function loadCaseFile(root: string, name: string) { |
|---|
| | |
|---|
| | | |
|---|
| | | <template v-if="currentCase && selectedImage"> |
|---|
| | | <a-row :gutter="[18, 18]" class="anomaly-workspace"> |
|---|
| | | <a-col :xs="24" :xl="5"><section class="surface-section run-library"><h2>案例库</h2><a-input-search v-model:value="searchText" placeholder="搜索运行" allow-clear /><a-list size="small" :data-source="filteredCaseOptions"><template #renderItem="{ item }"><a-list-item class="run-item" :class="{ active: item.value === currentCase.id }" @click="caseId = item.value; syncSelection()"><span class="run-item-label">{{ item.label }}</span><a-button class="reuse-case-button" type="link" size="small" :loading="reusingCaseId === item.value" :disabled="Boolean(reusingCaseId) || running" @click.stop="reuseCaseInputs(item.value)">复用输入</a-button></a-list-item></template></a-list></section></a-col> |
|---|
| | | <a-col :xs="24" :xl="5"><section class="surface-section run-library"><h2>案例库</h2><a-input-search v-model:value="searchText" placeholder="搜索运行" allow-clear /><a-list size="small" :data-source="filteredCaseOptions"><template #renderItem="{ item }"><a-list-item class="run-item" :class="{ active: item.value === currentCase.id }" @click="caseId = item.value; syncSelection()"><span class="run-item-label">{{ item.label }}</span><a-space :size="0"><a-button class="reuse-case-button" type="link" size="small" :loading="reusingCaseId === item.value" :disabled="Boolean(reusingCaseId) || running" @click.stop="reuseCaseInputs(item.value)">复用输入</a-button><RunDeletionControl capability="09-anomaly-detection" :run-id="item.value" :label="item.label" @removed="removeRun" /></a-space></a-list-item></template></a-list></section></a-col> |
|---|
| | | <a-col :xs="24" :xl="19"><section class="surface-section"><div class="section-toolbar"><a-select v-model:value="selectedName" :options="currentCase.run.images.map((item) => ({ value: item.file, label: item.file }))" /><span>{{ selectedImage.width }} × {{ selectedImage.height }} · {{ selectedImage.tile_count }} 窗口</span></div><div class="comparison-grid anomaly-primary"><figure><figcaption>待检测原图</figcaption><a-image :src="artifactUrl(`${currentCase.inputRoot}/${selectedImage.file}`)" /></figure><figure><figcaption>两方法对比结果</figcaption><a-image :src="artifactUrl(`${currentCase.artifactRoot}/${selectedImage.overlay_file}`)" /></figure></div><div class="anomaly-legend"><span class="rule">仅规则</span><span class="isolation">仅 Isolation Forest</span><span class="agreement">两方法一致</span></div></section></a-col> |
|---|
| | | </a-row> |
|---|
| | | |
|---|
