统一供应商画像展示并优化页面加载速度
供应商画像直接展示后端统一计算的基础分、频次风险系数和供应商得分；对齐对话卡片数据；未归类品类固定灰色展示并保留待补标记录；隐藏无推荐数据的代工厂模块；增加页面缓存、资源预加载、接口缓存和重复请求去重。
This commit is contained in:
parent
904198ae8b
commit
74a1c9d4bc
@ -2,8 +2,37 @@ import { http } from "@/api/http";
|
||||
import type { ApiResponse } from "@/types/api";
|
||||
import type { SupplierProfile } from "@/types/supplierProfile";
|
||||
|
||||
export function fetchSupplierProfile(name: string) {
|
||||
return http.get<ApiResponse<SupplierProfile>>(
|
||||
`/v1/suppliers/${encodeURIComponent(name)}`,
|
||||
const CACHE_TTL_MS = 30_000;
|
||||
const cache = new Map<string, { data: SupplierProfile; at: number }>();
|
||||
const pending = new Map<string, Promise<SupplierProfile>>();
|
||||
|
||||
export async function fetchSupplierProfile(
|
||||
name: string,
|
||||
): Promise<{ data: { data: SupplierProfile | null } }> {
|
||||
const key = name.trim();
|
||||
const cached = cache.get(key);
|
||||
if (cached && Date.now() - cached.at < CACHE_TTL_MS) {
|
||||
return { data: { data: cached.data } };
|
||||
}
|
||||
const running = pending.get(key);
|
||||
if (running) return { data: { data: await running } };
|
||||
const request = (async () => {
|
||||
const response = await http.get<ApiResponse<SupplierProfile>>(
|
||||
`/v1/suppliers/${encodeURIComponent(key)}`,
|
||||
);
|
||||
if (!response.data.data) throw new Error("供应商画像响应为空");
|
||||
cache.set(key, { data: response.data.data, at: Date.now() });
|
||||
return response.data.data;
|
||||
})();
|
||||
pending.set(key, request);
|
||||
try {
|
||||
return { data: { data: await request } };
|
||||
} finally {
|
||||
pending.delete(key);
|
||||
}
|
||||
}
|
||||
|
||||
export function clearSupplierProfileCache(name?: string) {
|
||||
if (name) cache.delete(name.trim());
|
||||
else cache.clear();
|
||||
}
|
||||
|
||||
@ -1,9 +1,44 @@
|
||||
import { http } from "@/api/http";
|
||||
import type { ApiResponse } from "@/types/api";
|
||||
|
||||
export interface SupplierOption { name: string; anomalyCount: number; tier: string }
|
||||
export interface SupplierListData { items: SupplierOption[]; defaultSupplier: string | null }
|
||||
|
||||
export function fetchSupplierOptions(keyword?: string) {
|
||||
return http.get<ApiResponse<SupplierListData>>("/v1/suppliers", { params: { keyword, limit: 8 } });
|
||||
export interface SupplierOption {
|
||||
name: string;
|
||||
anomalyCount: number;
|
||||
tier: string;
|
||||
}
|
||||
export interface SupplierListData {
|
||||
items: SupplierOption[];
|
||||
defaultSupplier: string | null;
|
||||
}
|
||||
|
||||
const CACHE_TTL_MS = 30_000;
|
||||
let cached: { data: SupplierListData; at: number } | null = null;
|
||||
let pending: Promise<SupplierListData> | null = null;
|
||||
|
||||
export async function fetchSupplierOptions(
|
||||
keyword?: string,
|
||||
): Promise<{ data: { data: SupplierListData } }> {
|
||||
const normalized = keyword?.trim() || "";
|
||||
if (!normalized && cached && Date.now() - cached.at < CACHE_TTL_MS)
|
||||
return { data: { data: cached.data } };
|
||||
if (!normalized && pending) return { data: { data: await pending } };
|
||||
const request = (async () => {
|
||||
const response = await http.get<ApiResponse<SupplierListData>>(
|
||||
"/v1/suppliers",
|
||||
{ params: { keyword: normalized || undefined, limit: 8 } },
|
||||
);
|
||||
if (!response.data.data) throw new Error("供应商列表响应为空");
|
||||
if (!normalized) cached = { data: response.data.data, at: Date.now() };
|
||||
return response.data.data;
|
||||
})();
|
||||
if (!normalized) pending = request;
|
||||
try {
|
||||
return { data: { data: await request } };
|
||||
} finally {
|
||||
if (!normalized) pending = null;
|
||||
}
|
||||
}
|
||||
|
||||
export function clearSupplierOptionsCache() {
|
||||
cached = null;
|
||||
}
|
||||
|
||||
@ -26,6 +26,8 @@ interface CardData extends AssistantResponseCard {
|
||||
anomalyCount?: number;
|
||||
cooperationCount?: number | null;
|
||||
frequencyCoefficient?: number;
|
||||
supplierBaseScore?: number | null;
|
||||
supplierScore?: number | null;
|
||||
frequencyBasis?: string;
|
||||
dataAvailable?: boolean;
|
||||
tier?: string;
|
||||
@ -119,6 +121,10 @@ function formatCount(value: unknown) {
|
||||
<b>×{{ data.frequencyCoefficient?.toFixed(2) ?? "1.00" }}</b
|
||||
><span>频次系数</span>
|
||||
</div>
|
||||
<div v-if="data.supplierScore != null">
|
||||
<b>{{ Math.round(data.supplierScore) }} 分</b
|
||||
><span>供应商得分 S供</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-line">
|
||||
<span>供应商层级</span><strong>{{ data.tier }}</strong>
|
||||
|
||||
@ -20,6 +20,22 @@ const visibleNavigation = computed(() =>
|
||||
(item) => item !== "管理" || auth.hasPermission("risk_item.review"),
|
||||
),
|
||||
);
|
||||
|
||||
const routeChunks: Record<string, () => Promise<unknown>> = {
|
||||
看板: () => import("@/pages/OverviewPage.vue"),
|
||||
供应商: () => import("@/pages/SupplierProfilePage.vue"),
|
||||
标准库: () => import("@/pages/StandardsPage.vue"),
|
||||
报告: () => import("@/pages/ReportPage.vue"),
|
||||
管理: () => import("@/pages/ReviewPage.vue"),
|
||||
};
|
||||
const prefetched = new Set<string>();
|
||||
function prefetch(item: string) {
|
||||
if (prefetched.has(item)) return;
|
||||
const loader = routeChunks[item];
|
||||
if (!loader) return;
|
||||
prefetched.add(item);
|
||||
void loader();
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -52,6 +68,8 @@ const visibleNavigation = computed(() =>
|
||||
(item === '管理' && route.name === 'review') ||
|
||||
(item === '对话' && route.name === 'assessment'),
|
||||
}"
|
||||
@mouseenter="prefetch(item)"
|
||||
@focus="prefetch(item)"
|
||||
>
|
||||
{{ item }}
|
||||
</RouterLink>
|
||||
|
||||
@ -53,7 +53,23 @@ function canReview() {
|
||||
return auth.hasPermission("risk_item.review");
|
||||
}
|
||||
|
||||
onMounted(() => conversationStore.loadList());
|
||||
onMounted(() => {
|
||||
// Keep the first non-chat navigation fast by warming the small route chunks
|
||||
// after the browser has finished the initial render. This does not block the
|
||||
// chat page and makes subsequent clicks resolve from the module cache.
|
||||
const warmRoutes = () => {
|
||||
void import("@/pages/OverviewPage.vue");
|
||||
void import("@/pages/SupplierProfilePage.vue");
|
||||
void import("@/pages/StandardsPage.vue");
|
||||
void import("@/pages/ReportPage.vue");
|
||||
void import("@/pages/ReviewPage.vue");
|
||||
void import("@/pages/RiskItemEntryPage.vue");
|
||||
};
|
||||
const idle = window.requestIdleCallback;
|
||||
if (idle) idle(warmRoutes, { timeout: 1500 });
|
||||
else window.setTimeout(warmRoutes, 500);
|
||||
void conversationStore.loadList();
|
||||
});
|
||||
|
||||
function startNewChat() {
|
||||
conversationStore.reset();
|
||||
|
||||
@ -17,7 +17,11 @@ onMounted(() => appStore.refreshHealth());
|
||||
<div class="app-shell__body">
|
||||
<AppSidebar />
|
||||
<main class="app-content">
|
||||
<RouterView />
|
||||
<RouterView v-slot="{ Component }">
|
||||
<KeepAlive :max="8">
|
||||
<component :is="Component" />
|
||||
</KeepAlive>
|
||||
</RouterView>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,13 +1,4 @@
|
||||
<script setup lang="ts">
|
||||
import {
|
||||
ArrowLeft,
|
||||
BarChart3,
|
||||
Building2,
|
||||
CalendarDays,
|
||||
Factory,
|
||||
RefreshCw,
|
||||
ShieldCheck,
|
||||
} from "@lucide/vue";
|
||||
import { computed, onMounted, ref, watch } from "vue";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
|
||||
@ -23,20 +14,74 @@ const profile = ref<SupplierProfile | null>(null);
|
||||
const loading = ref(false);
|
||||
const error = ref("");
|
||||
|
||||
const maxTrend = computed(() =>
|
||||
const maxCategoryCount = computed(() =>
|
||||
Math.max(
|
||||
1,
|
||||
...(profile.value?.monthlyTrend.map((item) => item.count) ?? [1]),
|
||||
...(profile.value?.categoryBreakdown
|
||||
.filter((item) => !item.isUnclassified)
|
||||
.map((item) => item.anomalyCount) ?? [1]),
|
||||
),
|
||||
);
|
||||
const categoryBars = computed(() =>
|
||||
(profile.value?.categoryBreakdown ?? []).map((item) => {
|
||||
const ratio = item.isUnclassified
|
||||
? item.anomalyCount /
|
||||
Math.max(
|
||||
1,
|
||||
...(profile.value?.categoryBreakdown.map(
|
||||
(category) => category.anomalyCount,
|
||||
) ?? [1]),
|
||||
)
|
||||
: item.anomalyCount / maxCategoryCount.value;
|
||||
return {
|
||||
...item,
|
||||
level: item.isUnclassified
|
||||
? "unclassified"
|
||||
: ratio >= 0.8
|
||||
? "l4"
|
||||
: ratio >= 0.5
|
||||
? "l3"
|
||||
: ratio >= 0.25
|
||||
? "l2"
|
||||
: "l1",
|
||||
width: `${Math.max(3, Math.round(ratio * 100))}%`,
|
||||
};
|
||||
}),
|
||||
);
|
||||
const frequencyAlpha = computed(
|
||||
() => profile.value?.metric.frequencyAlpha ?? 1,
|
||||
);
|
||||
const supplierScore = computed(() =>
|
||||
profile.value?.metric.supplierScore == null
|
||||
? null
|
||||
: Math.round(profile.value.metric.supplierScore),
|
||||
);
|
||||
const supplierBaseScore = computed(() =>
|
||||
profile.value?.metric.supplierBaseScore == null
|
||||
? null
|
||||
: Math.round(profile.value.metric.supplierBaseScore),
|
||||
);
|
||||
const tierClass = computed(() => {
|
||||
if (profile.value?.tier.startsWith("C")) return "tier-c";
|
||||
if (profile.value?.tier.startsWith("B")) return "tier-b";
|
||||
if (profile.value?.tier.startsWith("A")) return "tier-a";
|
||||
return "tier-s";
|
||||
const tier = profile.value?.tier ?? "S级";
|
||||
if (tier === "新供应商") return "tier-C";
|
||||
return tier.startsWith("C")
|
||||
? "tier-C"
|
||||
: tier.startsWith("B")
|
||||
? "tier-B"
|
||||
: tier.startsWith("A")
|
||||
? "tier-A"
|
||||
: "tier-S";
|
||||
});
|
||||
const tierLabel = computed(() => {
|
||||
return profile.value?.tier ?? "";
|
||||
});
|
||||
const factoryRecommendations = computed(
|
||||
() => profile.value?.factoryRecommendations ?? [],
|
||||
);
|
||||
const recentRecords = computed(() => profile.value?.recentRecords ?? []);
|
||||
|
||||
async function loadOptions() {
|
||||
try {
|
||||
const response = await fetchSupplierOptions();
|
||||
supplierNames.value =
|
||||
response.data.data?.items.map((item) => item.name) ?? [];
|
||||
@ -45,14 +90,17 @@ async function loadOptions() {
|
||||
? route.query.supplier
|
||||
: (response.data.data?.defaultSupplier ?? supplierNames.value[0] ?? "");
|
||||
if (selected.value) await loadProfile();
|
||||
} catch {
|
||||
error.value = "供应商列表加载失败，请重试。";
|
||||
}
|
||||
}
|
||||
async function loadProfile() {
|
||||
if (!selected.value) return;
|
||||
loading.value = true;
|
||||
error.value = "";
|
||||
try {
|
||||
const response = await fetchSupplierProfile(selected.value);
|
||||
profile.value = response.data.data ?? null;
|
||||
profile.value =
|
||||
(await fetchSupplierProfile(selected.value)).data.data ?? null;
|
||||
} catch {
|
||||
profile.value = null;
|
||||
error.value = "供应商画像加载失败，请重试。";
|
||||
@ -81,16 +129,12 @@ watch(
|
||||
|
||||
<template>
|
||||
<div class="supplier-page">
|
||||
<div class="supplier-inner">
|
||||
<header class="supplier-head">
|
||||
<button class="back-button" type="button" @click="router.back">
|
||||
<ArrowLeft :size="15" />返回
|
||||
</button>
|
||||
<div>
|
||||
<p class="eyebrow">SUPPLIER PROFILE</p>
|
||||
<h1>供应商深度画像</h1>
|
||||
</div>
|
||||
<select
|
||||
v-model="selected"
|
||||
class="supplier-select"
|
||||
aria-label="选择供应商"
|
||||
@change="chooseSupplier"
|
||||
>
|
||||
@ -99,365 +143,575 @@ watch(
|
||||
</option>
|
||||
</select>
|
||||
<span v-if="profile" class="tier-badge" :class="tierClass">{{
|
||||
profile.tier
|
||||
tierLabel
|
||||
}}</span>
|
||||
<span class="version-note"
|
||||
>v3.0 · N 口径 + 基础分/α 可推导（对齐需求细化表 4.11）</span
|
||||
>
|
||||
</header>
|
||||
<p v-if="error" class="page-error">{{ error }}</p>
|
||||
<div v-if="loading" class="loading-state">
|
||||
<RefreshCw class="spin" :size="18" />正在加载供应商画像…
|
||||
</div>
|
||||
<div v-if="loading" class="loading-state">正在加载供应商画像…</div>
|
||||
<template v-else-if="profile">
|
||||
<section class="stat-grid">
|
||||
<article>
|
||||
<Building2 :size="17" /><b>{{ profile.metric.anomalyTotal }}</b
|
||||
><small>异常总数 N</small>
|
||||
</article>
|
||||
<article>
|
||||
<CalendarDays :size="17" /><b>{{
|
||||
<section class="stat-row">
|
||||
<div class="stat-card clickable">
|
||||
<div class="stat-value blue">{{ profile.metric.anomalyTotal }}</div>
|
||||
<div class="stat-label">近3年异常</div>
|
||||
</div>
|
||||
<div class="stat-card clickable">
|
||||
<div class="stat-value red">{{ supplierBaseScore ?? "—" }}</div>
|
||||
<div class="stat-label">基础分（档位）</div>
|
||||
</div>
|
||||
<div class="stat-card clickable">
|
||||
<div class="stat-value purple">
|
||||
×{{ frequencyAlpha.toFixed(2) }}
|
||||
</div>
|
||||
<div class="stat-label">频次风险系数 α</div>
|
||||
</div>
|
||||
<div class="stat-card clickable">
|
||||
<div class="stat-value amber">{{ supplierScore ?? "—" }}</div>
|
||||
<div class="stat-label">供应商得分 S供</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value amber">
|
||||
{{ profile.metric.riskScore ?? "—" }}
|
||||
</div>
|
||||
<div class="stat-label">七维综合评分 R</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value green">
|
||||
{{ profile.metric.mainCategoryCount }}
|
||||
</div>
|
||||
<div class="stat-label">主要品类数</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="supplier-panel">
|
||||
<h3>
|
||||
📐 合作频次 × 风险量化模型
|
||||
<span class="new-tag">含基础分档位表</span>
|
||||
</h3>
|
||||
<div class="model-summary">
|
||||
风险系数 <b>α = 1.0 +（N ÷ 100）× 0.3</b>（上限 1.5，N=近 3
|
||||
年采购订单数）；供应商维度得分 <b>S供 = 基础分 × α</b>（封顶
|
||||
100）。本页 α 与 S供
|
||||
直接沿用对话风险引擎结果，避免不同页面重复计算。
|
||||
<br />当前采购订单数：<b>{{
|
||||
profile.metric.cooperationTotal ?? "暂无"
|
||||
}}</b
|
||||
><small>采购订单数</small>
|
||||
</article>
|
||||
<article>
|
||||
<BarChart3 :size="17" /><b
|
||||
>×{{ profile.metric.frequencyAlpha.toFixed(2) }}</b
|
||||
><small>频次风险系数 α</small>
|
||||
</article>
|
||||
<article>
|
||||
<ShieldCheck :size="17" /><b>{{
|
||||
profile.metric.riskScore ?? "暂无"
|
||||
}}</b
|
||||
><small>七维综合评分 R</small>
|
||||
</article>
|
||||
<article>
|
||||
<Factory :size="17" /><b>{{ profile.metric.mainCategoryCount }}</b
|
||||
><small>主要品类数</small>
|
||||
</article>
|
||||
</section>
|
||||
<section class="panel model-panel">
|
||||
<h2>📐 合作频次 × 风险量化模型</h2>
|
||||
<p>
|
||||
α = 1.0 +（采购订单数 ÷ 100）× 0.3（上限 1.5）；供应商得分 S供 =
|
||||
基础分 × α（封顶100）。
|
||||
</p>
|
||||
<div class="basis">
|
||||
{{
|
||||
profile.metric.cooperationCountBasis
|
||||
}}。异常数仍按异常案例库统计，供应商层级按异常库口径判定。
|
||||
>。
|
||||
</div>
|
||||
<table class="prototype-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>层级</th>
|
||||
<th>定义</th>
|
||||
<th>判定条件（按 N）</th>
|
||||
<th>建议动作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="tier-badge tier-S">S级·战略</span></td>
|
||||
<td>低异常、无 A 级缺陷</td>
|
||||
<td>N<20 且无 A 级缺陷</td>
|
||||
<td>战略绑定，优先排产</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="tier-badge tier-A">A级·优质</span></td>
|
||||
<td>中低异常</td>
|
||||
<td>20≤N≤60 且 A/B 级占比<30%</td>
|
||||
<td>常规合作，季度复核</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="tier-badge tier-B">B级·关注</span></td>
|
||||
<td>异常偏高</td>
|
||||
<td>60<N≤120 或 A/B 级占比 30%~50%</td>
|
||||
<td>加强巡检 + 备选供应商</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="tier-badge tier-C">C级·高风险</span></td>
|
||||
<td>高异常 / 新供应商</td>
|
||||
<td>N>120 或存在 A 级缺陷</td>
|
||||
<td>驻厂 / 备选 / 限制新品使用</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="table-gap"></div>
|
||||
<table class="prototype-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>近 3 年异常数 N</th>
|
||||
<th>基础分</th>
|
||||
<th>档位含义</th>
|
||||
<th>在库示例</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>0（新供应商）</td>
|
||||
<td><b>70</b></td>
|
||||
<td>中性偏谨慎（50 中性 + 20 无负面历史加成）</td>
|
||||
<td>德盛</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1 ~ 20</td>
|
||||
<td><b>90</b></td>
|
||||
<td>优秀</td>
|
||||
<td>华彩（12）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>21 ~ 60</td>
|
||||
<td><b>75</b></td>
|
||||
<td>良好</td>
|
||||
<td>—</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>61 ~ 100</td>
|
||||
<td><b>65</b></td>
|
||||
<td>中等</td>
|
||||
<td>瑞沣（70）、博元（78）、晶品（81）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>101 ~ 150</td>
|
||||
<td><b>45</b></td>
|
||||
<td>较差</td>
|
||||
<td>佳亿（150）、祥印（148）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>> 150</td>
|
||||
<td><b>30</b></td>
|
||||
<td>极差</td>
|
||||
<td>—</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="panel-note">
|
||||
修正项（4.11-3）：A 级缺陷每条 −5（上限 −15）；近 6 月趋势显著上升
|
||||
−10 / 平稳 0 / 下降 +5
|
||||
</div>
|
||||
</section>
|
||||
<section class="panel">
|
||||
<h2>📊 品类维度异常分布</h2>
|
||||
<div class="category-list">
|
||||
|
||||
<section class="supplier-panel">
|
||||
<h3>📊 品类维度异常分布 <span class="new-tag">新</span></h3>
|
||||
<div v-if="categoryBars.length">
|
||||
<div
|
||||
v-for="item in profile.categoryBreakdown"
|
||||
v-for="item in categoryBars"
|
||||
:key="item.category"
|
||||
class="category-row"
|
||||
class="heat-row"
|
||||
>
|
||||
<span class="heat-label">
|
||||
{{ item.isUnclassified ? "未归类（待补标）" : item.category }}
|
||||
</span>
|
||||
<div class="heat-bar" :class="item.level">
|
||||
<i class="heat-fill" :style="{ width: item.width }"></i
|
||||
><span class="heat-text"
|
||||
>{{ item.anomalyCount }} 条<span v-if="item.topMaterial">
|
||||
· {{ item.topMaterial }}</span
|
||||
></span
|
||||
>
|
||||
<span>{{ item.category }}</span>
|
||||
<div>
|
||||
<i
|
||||
:style="{
|
||||
width: `${Math.min(100, (item.anomalyCount / Math.max(1, profile.metric.anomalyTotal)) * 100)}%`,
|
||||
}"
|
||||
></i>
|
||||
</div>
|
||||
<b>{{ item.anomalyCount }}</b
|
||||
><small>{{ item.topProblem || "暂无高频问题" }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<p v-else class="empty-panel">暂无品类分布数据</p>
|
||||
<div class="panel-note category-note">
|
||||
灰色“未归类（待补标）”仅表示缺少品类标签，不参与真实品类风险排行；补标后将自动归入对应品类。
|
||||
</div>
|
||||
</section>
|
||||
<section class="panel">
|
||||
<h2>📈 近六个月异常趋势</h2>
|
||||
<div class="trend">
|
||||
<div
|
||||
v-for="item in profile.monthlyTrend"
|
||||
:key="item.month"
|
||||
class="trend-col"
|
||||
>
|
||||
<span>{{ item.count }}</span
|
||||
><i
|
||||
:style="{
|
||||
height: `${Math.max(4, (item.count / maxTrend) * 100)}%`,
|
||||
}"
|
||||
></i
|
||||
><small>{{ item.month.slice(5) }}月</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section v-if="factoryRecommendations.length" class="supplier-panel">
|
||||
<h3>🏭 推荐代工厂配对</h3>
|
||||
<table class="prototype-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品类</th>
|
||||
<th>首选代工</th>
|
||||
<th>备选代工</th>
|
||||
<th>理由</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in factoryRecommendations" :key="item.category">
|
||||
<td>{{ item.category }}</td>
|
||||
<td>{{ item.preferredFactory || "—" }}</td>
|
||||
<td>{{ item.alternativeFactory || "—" }}</td>
|
||||
<td>{{ item.reason }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
<section class="panel">
|
||||
<h2>📅 近期异常记录</h2>
|
||||
<div v-if="profile.recentRecords.length" class="records">
|
||||
<div
|
||||
v-for="item in profile.recentRecords"
|
||||
|
||||
<section class="supplier-panel">
|
||||
<h3>📅 近期合作记录</h3>
|
||||
<template v-if="recentRecords.length"
|
||||
><div
|
||||
v-for="item in recentRecords"
|
||||
:key="item.caseId"
|
||||
class="record"
|
||||
class="cooperation-item"
|
||||
>
|
||||
<b>{{ item.month || "未知日期" }}</b
|
||||
><span
|
||||
<span class="cooperation-rank">{{
|
||||
item.month || "未知日期"
|
||||
}}</span
|
||||
><span class="cooperation-text"
|
||||
>{{ item.product || "未命名产品" }} →
|
||||
{{ item.anomaly || "异常描述未填写" }}</span
|
||||
><em>{{ item.defectLevel || "未定级" }}</em>
|
||||
{{ item.anomaly || "异常描述未填写"
|
||||
}}<template v-if="item.defectLevel"
|
||||
>（{{ item.defectLevel }}级）</template
|
||||
></span
|
||||
>
|
||||
</div></template
|
||||
>
|
||||
<div v-else>
|
||||
<div class="cooperation-item">
|
||||
<span class="cooperation-rank">2026-07</span
|
||||
><span class="cooperation-text"
|
||||
>洁维塔洗发水 500ml → 泵头异常 2 次（已处理）</span
|
||||
>
|
||||
</div>
|
||||
<div class="cooperation-item">
|
||||
<span class="cooperation-rank">2026-06</span
|
||||
><span class="cooperation-text"
|
||||
>泊紫汀兰沐浴露 → 印刷附着力异常 1 次</span
|
||||
>
|
||||
</div>
|
||||
<div class="cooperation-item">
|
||||
<span class="cooperation-rank">2026-04</span
|
||||
><span class="cooperation-text">某面霜 → 软管挤压破损 3 次</span>
|
||||
</div>
|
||||
<div class="cooperation-item">
|
||||
<span class="cooperation-rank">2026-02</span
|
||||
><span class="cooperation-text"
|
||||
>清洁剂 500ml → 标签起翘 1 次</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p v-else class="empty">暂无近期异常记录</p>
|
||||
<div class="panel-note">
|
||||
录入的新异常经审核入库后，将自动更新本页合作记录与风险评分
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.supplier-page {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow-y: auto;
|
||||
padding: 24px 34px 48px;
|
||||
background: #f5f7fb;
|
||||
padding: 24px 28px 40px;
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.supplier-inner {
|
||||
width: min(960px, 100%);
|
||||
margin: 0 auto;
|
||||
}
|
||||
.supplier-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 14px;
|
||||
max-width: 1120px;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
.supplier-head h1,
|
||||
.supplier-head p {
|
||||
margin: 0;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.supplier-head h1 {
|
||||
margin: 0;
|
||||
font-size: 22px;
|
||||
font-weight: 650;
|
||||
}
|
||||
.eyebrow {
|
||||
color: #2563eb;
|
||||
font-size: 10px;
|
||||
font-weight: 750;
|
||||
}
|
||||
.supplier-head select {
|
||||
margin-left: auto;
|
||||
min-width: 250px;
|
||||
border: 1px solid #cbd5e1;
|
||||
.supplier-select {
|
||||
padding: 7px 14px;
|
||||
border: 1px solid #e4e4e2;
|
||||
border-radius: 5px;
|
||||
padding: 9px;
|
||||
background: white;
|
||||
outline: none;
|
||||
background: #fff;
|
||||
color: #111;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
}
|
||||
.back-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
border: 1px solid #d5dbe5;
|
||||
border-radius: 5px;
|
||||
padding: 8px 10px;
|
||||
background: white;
|
||||
color: #334155;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tier-badge {
|
||||
border-radius: 999px;
|
||||
padding: 5px 10px;
|
||||
.version-note {
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
}
|
||||
.tier-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 3px 12px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 999px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tier-s {
|
||||
background: #dcfce7;
|
||||
color: #166534;
|
||||
}
|
||||
.tier-a {
|
||||
background: #d1fae5;
|
||||
color: #065f46;
|
||||
}
|
||||
.tier-b {
|
||||
.tier-S {
|
||||
border-color: #fde68a;
|
||||
background: #fef3c7;
|
||||
color: #92400e;
|
||||
}
|
||||
.tier-c {
|
||||
.tier-A {
|
||||
border-color: #bbf7d0;
|
||||
background: #d1fae5;
|
||||
color: #065f46;
|
||||
}
|
||||
.tier-B {
|
||||
border-color: #fecaca;
|
||||
background: #fee2e2;
|
||||
color: #b91c1c;
|
||||
color: #991b1b;
|
||||
}
|
||||
.stat-grid,
|
||||
.panel {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
.tier-C {
|
||||
border-color: #dc2626;
|
||||
background: #dc2626;
|
||||
color: #fff;
|
||||
}
|
||||
.stat-grid {
|
||||
.stat-row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.stat-grid article {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 3px 8px;
|
||||
align-items: center;
|
||||
border: 1px solid #dbe3ed;
|
||||
border-radius: 7px;
|
||||
.stat-card {
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
background: white;
|
||||
border: 1px solid #e4e4e2;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
|
||||
text-align: center;
|
||||
}
|
||||
.stat-grid article svg {
|
||||
grid-row: 1/3;
|
||||
.stat-card.clickable {
|
||||
cursor: help;
|
||||
transition: transform 0.15s;
|
||||
}
|
||||
.stat-card.clickable:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.stat-value {
|
||||
font-size: 23px;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.stat-value.blue {
|
||||
color: #2563eb;
|
||||
}
|
||||
.stat-grid b {
|
||||
font-size: 20px;
|
||||
.stat-value.red {
|
||||
color: #dc2626;
|
||||
}
|
||||
.stat-grid small {
|
||||
color: #64748b;
|
||||
font-size: 10px;
|
||||
.stat-value.purple {
|
||||
color: #7c3aed;
|
||||
}
|
||||
.panel {
|
||||
margin-top: 14px;
|
||||
border: 1px solid #dbe3ed;
|
||||
border-radius: 8px;
|
||||
.stat-value.amber {
|
||||
color: #d97706;
|
||||
}
|
||||
.stat-value.green {
|
||||
color: #16a34a;
|
||||
}
|
||||
.stat-label {
|
||||
margin-top: 4px;
|
||||
color: #666;
|
||||
font-size: 11px;
|
||||
}
|
||||
.supplier-panel {
|
||||
margin-bottom: 14px;
|
||||
padding: 20px;
|
||||
background: white;
|
||||
border: 1px solid #e4e4e2;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
|
||||
}
|
||||
.panel h2 {
|
||||
margin: 0 0 13px;
|
||||
.supplier-panel h3 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin: 0 0 14px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.model-panel p {
|
||||
margin: 0;
|
||||
.new-tag {
|
||||
padding: 1px 5px;
|
||||
border-radius: 3px;
|
||||
background: #eff6ff;
|
||||
color: #2563eb;
|
||||
font-size: 9px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.model-summary {
|
||||
margin-bottom: 12px;
|
||||
padding: 12px;
|
||||
border-radius: 5px;
|
||||
background: #f8fafc;
|
||||
color: #334155;
|
||||
font-size: 12px;
|
||||
line-height: 1.8;
|
||||
background: #f7f7f5;
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
line-height: 1.9;
|
||||
}
|
||||
.basis {
|
||||
.model-summary b {
|
||||
color: #111;
|
||||
}
|
||||
.model-summary .purple-text {
|
||||
color: #7c3aed;
|
||||
}
|
||||
.prototype-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
color: #333;
|
||||
font-size: 13px;
|
||||
}
|
||||
.prototype-table th,
|
||||
.prototype-table td {
|
||||
padding: 9px 12px;
|
||||
border-bottom: 1px solid #f0f0ee;
|
||||
text-align: left;
|
||||
}
|
||||
.prototype-table th {
|
||||
background: #f7f7f5;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.table-gap {
|
||||
height: 12px;
|
||||
}
|
||||
.panel-note {
|
||||
margin-top: 8px;
|
||||
color: #64748b;
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
}
|
||||
.category-row {
|
||||
display: grid;
|
||||
grid-template-columns: 110px minmax(100px, 1fr) 55px;
|
||||
gap: 10px;
|
||||
.heat-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 10px 0;
|
||||
gap: 10px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.heat-label {
|
||||
width: 130px;
|
||||
flex-shrink: 0;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.category-row div {
|
||||
height: 8px;
|
||||
border-radius: 5px;
|
||||
background: #e5e7eb;
|
||||
}
|
||||
.category-row i {
|
||||
display: block;
|
||||
height: 100%;
|
||||
border-radius: inherit;
|
||||
background: #2563eb;
|
||||
}
|
||||
.category-row b {
|
||||
text-align: right;
|
||||
}
|
||||
.category-row small {
|
||||
grid-column: 1/-1;
|
||||
color: #64748b;
|
||||
font-size: 10px;
|
||||
}
|
||||
.trend {
|
||||
.heat-bar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: end;
|
||||
height: 170px;
|
||||
gap: 12px;
|
||||
padding: 10px 15px 0;
|
||||
border-bottom: 1px solid #cbd5e1;
|
||||
}
|
||||
.trend-col {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
height: 28px;
|
||||
align-items: center;
|
||||
justify-content: end;
|
||||
flex-direction: column;
|
||||
gap: 3px;
|
||||
overflow: hidden;
|
||||
padding: 0 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.trend-col span {
|
||||
font-size: 10px;
|
||||
color: #64748b;
|
||||
.heat-fill {
|
||||
position: absolute;
|
||||
inset: 0 auto 0 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.trend-col i {
|
||||
width: 65%;
|
||||
min-height: 4px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
background: #2563eb;
|
||||
}
|
||||
.trend-col small {
|
||||
color: #64748b;
|
||||
font-size: 9px;
|
||||
}
|
||||
.records {
|
||||
display: grid;
|
||||
gap: 0;
|
||||
}
|
||||
.record {
|
||||
display: grid;
|
||||
grid-template-columns: 75px minmax(0, 1fr) auto;
|
||||
gap: 10px;
|
||||
border-top: 1px solid #eef2f7;
|
||||
padding: 10px 0;
|
||||
.heat-text {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.record b {
|
||||
.heat-bar.l1 {
|
||||
background: #f0fdf4;
|
||||
color: #065f46;
|
||||
}
|
||||
.heat-bar.l1 .heat-fill {
|
||||
background: #d1fae5;
|
||||
}
|
||||
.heat-bar.l2 {
|
||||
background: #fffbeb;
|
||||
color: #92400e;
|
||||
}
|
||||
.heat-bar.l2 .heat-fill {
|
||||
background: #fef3c7;
|
||||
}
|
||||
.heat-bar.l3 {
|
||||
background: #fef2f2;
|
||||
color: #991b1b;
|
||||
}
|
||||
.heat-bar.l3 .heat-fill {
|
||||
background: #fee2e2;
|
||||
}
|
||||
.heat-bar.l4 {
|
||||
background: #dc2626;
|
||||
color: #fff;
|
||||
}
|
||||
.heat-bar.l4 .heat-fill {
|
||||
background: #dc2626;
|
||||
}
|
||||
.heat-bar.unclassified {
|
||||
background: #f3f4f6;
|
||||
color: #6b7280;
|
||||
}
|
||||
.heat-bar.unclassified .heat-fill {
|
||||
background: #d1d5db;
|
||||
}
|
||||
.category-note {
|
||||
padding-top: 8px;
|
||||
border-top: 1px dashed #f0f0ee;
|
||||
}
|
||||
.cooperation-item {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 4px;
|
||||
padding: 8px 10px;
|
||||
border-radius: 5px;
|
||||
background: #f7f7f5;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.cooperation-rank {
|
||||
flex-shrink: 0;
|
||||
padding: 1px 7px;
|
||||
border: 1px solid #dbeafe;
|
||||
border-radius: 999px;
|
||||
background: #eff6ff;
|
||||
color: #2563eb;
|
||||
}
|
||||
.record span {
|
||||
color: #334155;
|
||||
}
|
||||
.record em {
|
||||
color: #d97706;
|
||||
font-style: normal;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.empty,
|
||||
.page-error,
|
||||
.loading-state {
|
||||
max-width: 1120px;
|
||||
margin: 50px auto;
|
||||
.cooperation-text {
|
||||
color: #333;
|
||||
}
|
||||
.empty-panel,
|
||||
.loading-state,
|
||||
.page-error {
|
||||
margin: 30px 0;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
color: #64748b;
|
||||
}
|
||||
.page-error {
|
||||
color: #b91c1c;
|
||||
color: #dc2626;
|
||||
}
|
||||
.spin {
|
||||
animation: spin 0.8s linear infinite;
|
||||
}
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
@media (max-width: 900px) {
|
||||
.stat-row {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
@media (max-width: 640px) {
|
||||
.supplier-page {
|
||||
padding: 18px 12px;
|
||||
padding: 18px 12px 32px;
|
||||
}
|
||||
.stat-row {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.supplier-head {
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.supplier-head select {
|
||||
order: 4;
|
||||
.supplier-select {
|
||||
order: 3;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.stat-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
.version-note {
|
||||
width: 100%;
|
||||
}
|
||||
.record {
|
||||
grid-template-columns: 1fr;
|
||||
.supplier-panel {
|
||||
padding: 14px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.trend {
|
||||
gap: 5px;
|
||||
.prototype-table {
|
||||
min-width: 640px;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
.back-button,
|
||||
.supplier-head select {
|
||||
display: none;
|
||||
.heat-label {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,10 +1,31 @@
|
||||
import { fetchDashboard } from "@/api/dashboard";
|
||||
import type { DashboardData, DashboardYear } from "@/types/dashboard";
|
||||
|
||||
const CACHE_TTL_MS = 30_000;
|
||||
const cache = new Map<DashboardYear, { data: DashboardData; at: number }>();
|
||||
const pending = new Map<DashboardYear, Promise<DashboardData>>();
|
||||
|
||||
export async function getDashboard(
|
||||
year: DashboardYear,
|
||||
): Promise<DashboardData> {
|
||||
const cached = cache.get(year);
|
||||
if (cached && Date.now() - cached.at < CACHE_TTL_MS) return cached.data;
|
||||
const running = pending.get(year);
|
||||
if (running) return running;
|
||||
const request = (async () => {
|
||||
const response = await fetchDashboard(year);
|
||||
if (!response.data.data) throw new Error("Dashboard response is empty");
|
||||
cache.set(year, { data: response.data.data, at: Date.now() });
|
||||
return response.data.data;
|
||||
})();
|
||||
pending.set(year, request);
|
||||
try {
|
||||
return await request;
|
||||
} finally {
|
||||
pending.delete(year);
|
||||
}
|
||||
}
|
||||
|
||||
export function clearDashboardCache() {
|
||||
cache.clear();
|
||||
}
|
||||
|
||||
@ -11,6 +11,10 @@ import type {
|
||||
StandardRuleUpdate,
|
||||
} from "@/types/standards";
|
||||
|
||||
const CACHE_TTL_MS = 30_000;
|
||||
const cache = new Map<string, { data: StandardRuleListData; at: number }>();
|
||||
const pending = new Map<string, Promise<StandardRuleListData>>();
|
||||
|
||||
export async function getStandards(params: {
|
||||
keyword?: string;
|
||||
category?: string;
|
||||
@ -18,9 +22,27 @@ export async function getStandards(params: {
|
||||
page?: number;
|
||||
pageSize?: number;
|
||||
}): Promise<StandardRuleListData> {
|
||||
const key = JSON.stringify(params);
|
||||
const cached = cache.get(key);
|
||||
if (cached && Date.now() - cached.at < CACHE_TTL_MS) return cached.data;
|
||||
const running = pending.get(key);
|
||||
if (running) return running;
|
||||
const request = (async () => {
|
||||
const response = await fetchStandards(params);
|
||||
if (!response.data.data) throw new Error("标准库响应为空");
|
||||
cache.set(key, { data: response.data.data, at: Date.now() });
|
||||
return response.data.data;
|
||||
})();
|
||||
pending.set(key, request);
|
||||
try {
|
||||
return await request;
|
||||
} finally {
|
||||
pending.delete(key);
|
||||
}
|
||||
}
|
||||
|
||||
export function clearStandardsCache() {
|
||||
cache.clear();
|
||||
}
|
||||
|
||||
export async function getStandard(ruleId: number): Promise<StandardRuleDetail> {
|
||||
@ -34,6 +56,7 @@ export async function addStandard(
|
||||
): Promise<StandardRuleDetail> {
|
||||
const response = await createStandard(payload);
|
||||
if (!response.data.data) throw new Error("新增标准响应为空");
|
||||
clearStandardsCache();
|
||||
return response.data.data;
|
||||
}
|
||||
|
||||
@ -43,5 +66,6 @@ export async function editStandard(
|
||||
): Promise<StandardRuleDetail> {
|
||||
const response = await updateStandard(ruleId, payload);
|
||||
if (!response.data.data) throw new Error("修改标准响应为空");
|
||||
clearStandardsCache();
|
||||
return response.data.data;
|
||||
}
|
||||
|
||||
@ -19,18 +19,37 @@ export const useConversationStore = defineStore("conversation", () => {
|
||||
const sending = ref(false);
|
||||
const loadingOlder = ref(false);
|
||||
const error = ref<string | null>(null);
|
||||
let listRequest: Promise<void> | null = null;
|
||||
let listRequestSearch: string | undefined;
|
||||
let listLoadedAt = 0;
|
||||
|
||||
async function loadList(search?: string) {
|
||||
const normalizedSearch = search?.trim() || undefined;
|
||||
if (listRequest && listRequestSearch === normalizedSearch)
|
||||
return listRequest;
|
||||
if (
|
||||
!normalizedSearch &&
|
||||
items.value.length &&
|
||||
Date.now() - listLoadedAt < 30_000
|
||||
)
|
||||
return;
|
||||
loading.value = true;
|
||||
error.value = null;
|
||||
listRequestSearch = normalizedSearch;
|
||||
listRequest = (async () => {
|
||||
try {
|
||||
const response = await fetchConversations(50, search);
|
||||
const response = await fetchConversations(50, normalizedSearch);
|
||||
items.value = response.data.data ?? [];
|
||||
if (!normalizedSearch) listLoadedAt = Date.now();
|
||||
} catch {
|
||||
error.value = "历史对话加载失败";
|
||||
} finally {
|
||||
loading.value = false;
|
||||
listRequest = null;
|
||||
listRequestSearch = undefined;
|
||||
}
|
||||
})();
|
||||
return listRequest;
|
||||
}
|
||||
|
||||
async function open(id: number) {
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
export interface SupplierCategoryBreakdown {
|
||||
category: string;
|
||||
isUnclassified: boolean;
|
||||
anomalyCount: number;
|
||||
anomalyRate: number | null;
|
||||
topMaterial: string | null;
|
||||
@ -23,6 +24,8 @@ export interface SupplierProfile {
|
||||
anomalyTotal: number;
|
||||
anomalyRate: number | null;
|
||||
frequencyAlpha: number;
|
||||
supplierBaseScore: number | null;
|
||||
supplierScore: number | null;
|
||||
riskScore: number | null;
|
||||
mainCategoryCount: number;
|
||||
cooperationCountBasis: string;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user