mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-11-02 14:11:49 +08:00
feat(enterprise): add commercial edition overview and links
This commit is contained in:
matevip
parent
6bbd3ac4da
commit
69b8c36be0
@ -3658,8 +3658,38 @@ export default {
|
||||
failed: 'Login failed. Please check your credentials.',
|
||||
},
|
||||
enterprise: {
|
||||
offer: {
|
||||
badge: "PRIVATE DEPLOYMENT · ENTERPRISE GOVERNANCE",
|
||||
scenarioLabel: "USE CASES",
|
||||
roadmapLabel: "View roadmap",
|
||||
scenarioPolicy: "Policy Q&A",
|
||||
scenarioBi: "Chat-BI",
|
||||
scenarioContract: "Contract review",
|
||||
scenarioTender: "Tender analysis",
|
||||
scenarioOps: "IT operations",
|
||||
scenarioDocs: "Document collaboration",
|
||||
title: "Taiyi Agents · SOE Edition",
|
||||
description: "A privately deployed AI agent platform for enterprises and state-owned organizations, connecting models, knowledge, agents, and business systems with collaboration, approvals, and traceability.",
|
||||
website: "Explore Taiyi Enterprise",
|
||||
demo: "Request a demo",
|
||||
scope: "These capabilities describe Taiyi Enterprise as presented on its website. The console contains demonstration scenario data; contact sales for an enterprise solution.",
|
||||
roadmap: "Website roadmap: identity federation, dedicated domestic-stack adaptation, MLPS Level-3 certification, and MCP ecosystem integration.",
|
||||
scenarios: "Solutions: policy Q&A, Chat-BI, contract review, tender analysis, IT operations assistance, and collaborative document editing.",
|
||||
engineTitle: "Agent engine",
|
||||
engineDesc: "Multi-turn ReAct and tool execution with streaming, runaway guards, and cancellation.",
|
||||
governanceTitle: "Governance and audit",
|
||||
governanceDesc: "Tool policies, human review, signed audit trails, replay, and outbound data masking.",
|
||||
knowledgeTitle: "Permission-aware knowledge",
|
||||
knowledgeDesc: "Hybrid retrieval with document and chunk access controls and source citations.",
|
||||
workflowTitle: "Workflows and approvals",
|
||||
workflowDesc: "DAG orchestration, branching, parallel execution, and human approval with suspend/resume.",
|
||||
memoryTitle: "Organizational memory",
|
||||
memoryDesc: "Profiles, evolving Soul, and facts scoped to workspaces, agents, users, and conversations.",
|
||||
securityTitle: "Cryptography and private deployment",
|
||||
securityDesc: "SM2/SM3/SM4 encryption and signing, sandboxing, and tenant isolation.",
|
||||
},
|
||||
eyebrow: 'Enterprise',
|
||||
title: 'Enterprise AI Workbench',
|
||||
title: 'Taiyi Agents · SOE Edition',
|
||||
subtitle: 'Verifiable judgment with cited evidence, owned approvals, and a complete audit trail — AI inside enterprise workflows, not yet another chatbox.',
|
||||
tabs: { overview: 'Overview', contract: 'Contract Review', account: 'Account Intel', approvals: 'Approvals', audit: 'Audit' },
|
||||
risk: { high: 'High', medium: 'Medium', low: 'Low' },
|
||||
|
||||
@ -3670,8 +3670,38 @@ export default {
|
||||
failed: '登录失败，请检查账号密码',
|
||||
},
|
||||
enterprise: {
|
||||
offer: {
|
||||
badge: "私有化部署 · 企业级治理",
|
||||
scenarioLabel: "落地场景",
|
||||
roadmapLabel: "查看后续规划",
|
||||
scenarioPolicy: "制度政策问答",
|
||||
scenarioBi: "Chat-BI 问数",
|
||||
scenarioContract: "合同智能审核",
|
||||
scenarioTender: "招投标解析",
|
||||
scenarioOps: "IT 运维助手",
|
||||
scenarioDocs: "公文协同编辑",
|
||||
title: "太一智能体央国企版",
|
||||
description: "面向企业与央国企的私有化 AI 智能体平台，将模型、知识、智能体与业务系统连接起来，支持企业流程中的协作、审批与追溯。",
|
||||
website: "了解太一企业版",
|
||||
demo: "预约演示",
|
||||
scope: "以下为太一企业版官网能力介绍。当前控制台中的场景数据用于演示，企业方案请联系商务咨询。",
|
||||
roadmap: "官网规划中：统一身份联邦、国产软硬件专项深度适配、等保三级认证及 MCP 生态接入。",
|
||||
scenarios: "场景方案：制度政策问答、Chat-BI 问数、合同智能审核、招投标解析、IT 运维助手、公文协同编辑。",
|
||||
engineTitle: "智能体引擎",
|
||||
engineDesc: "多轮 ReAct 编排与工具调用，支持流式响应、失控保护和协作取消。",
|
||||
governanceTitle: "治理与审计",
|
||||
governanceDesc: "工具策略、危险操作人审、签名验签与轨迹回放，以及出域脱敏。",
|
||||
knowledgeTitle: "权限感知知识库",
|
||||
knowledgeDesc: "向量与关键词检索，文档和片段权限隔离，回答附带出处引用。",
|
||||
workflowTitle: "工作流与人工审批",
|
||||
workflowDesc: "DAG 编排、分支与并行执行，人工审批挂起和恢复。",
|
||||
memoryTitle: "组织长期记忆",
|
||||
memoryDesc: "组织画像、Soul 演进与事实库，按工作空间、员工、用户及会话隔离。",
|
||||
securityTitle: "国密与私有部署",
|
||||
securityDesc: "SM2 / SM3 / SM4 加密与签名、安全沙箱及多租户隔离。",
|
||||
},
|
||||
eyebrow: '企业场景',
|
||||
title: '企业 AI 工作台',
|
||||
title: '太一智能体央国企版',
|
||||
subtitle: '把 AI 判断、证据引用、审批责任一体化 —— 让 AI 进入企业流程，而不是又一个聊天框。',
|
||||
tabs: {
|
||||
overview: '总览',
|
||||
|
||||
115
mateclaw-ui/src/views/Enterprise/EnterpriseOffer.vue
Normal file
115
mateclaw-ui/src/views/Enterprise/EnterpriseOffer.vue
Normal file
@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<section class="enterprise-offer" aria-labelledby="enterprise-offer-title">
|
||||
<div class="offer-hero">
|
||||
<div class="offer-intro">
|
||||
<span class="offer-badge"><span aria-hidden="true" />{{ t('enterprise.offer.badge') }}</span>
|
||||
<h2 id="enterprise-offer-title">{{ t('enterprise.offer.title') }}</h2>
|
||||
<p class="offer-description">{{ t('enterprise.offer.description') }}</p>
|
||||
</div>
|
||||
<div class="offer-actions">
|
||||
<a class="offer-primary" href="https://mate.vip/enterprise/" target="_blank" rel="noopener noreferrer">
|
||||
{{ t('enterprise.offer.demo') }}
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14m-6-6 6 6-6 6" /></svg>
|
||||
</a>
|
||||
<a class="offer-secondary" href="https://mate.vip/enterprise/" target="_blank" rel="noopener noreferrer">{{ t('enterprise.offer.website') }} ↗</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="offer-capabilities">
|
||||
<article v-for="capability in capabilities" :key="capability.key" class="capability">
|
||||
<span class="capability-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path :d="capability.icon" /></svg></span>
|
||||
<div>
|
||||
<h3>{{ t(`enterprise.offer.${capability.key}Title`) }}</h3>
|
||||
<p>{{ t(`enterprise.offer.${capability.key}Desc`) }}</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="offer-scenarios">
|
||||
<span class="section-label">{{ t('enterprise.offer.scenarioLabel') }}</span>
|
||||
<ul>
|
||||
<li v-for="scenario in scenarios" :key="scenario">{{ t(`enterprise.offer.${scenario}`) }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<footer class="offer-footer">
|
||||
<p>{{ t('enterprise.offer.scope') }}</p>
|
||||
<details>
|
||||
<summary>{{ t('enterprise.offer.roadmapLabel') }}</summary>
|
||||
<p>{{ t('enterprise.offer.roadmap') }}</p>
|
||||
</details>
|
||||
</footer>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useI18n } from 'vue-i18n'
|
||||
|
||||
const { t } = useI18n()
|
||||
const capabilities = [
|
||||
{ key: 'engine', icon: 'M8 3v3m8-3v3M8 18v3m8-3v3M3 8h3m-3 8h3m12-8h3m-3 8h3M6 6h12v12H6zM9 9h6v6H9z' },
|
||||
{ key: 'governance', icon: 'M12 3 4 6v6c0 5 8 9 8 9s8-4 8-9V6zM8 12l3 3 5-6' },
|
||||
{ key: 'knowledge', icon: 'M12 5v16M3 4h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5v15h-5a4 4 0 0 0-4 2 4 4 0 0 0-4-2H3z' },
|
||||
{ key: 'workflow', icon: 'M9 3h6v5H9zM3 16h6v5H3zM15 16h6v5h-6zM12 8v4M6 16v-4h12v4' },
|
||||
{ key: 'memory', icon: 'M5 7c0-5 14-5 14 0s-14 5-14 0m0 0v10c0 5 14 5 14 0V7M5 12c0 5 14 5 14 0' },
|
||||
{ key: 'security', icon: 'M7 10V7a5 5 0 0 1 10 0v3M5 10h14v11H5zM12 14v3' },
|
||||
] as const
|
||||
const scenarios = ['scenarioPolicy', 'scenarioBi', 'scenarioContract', 'scenarioTender', 'scenarioOps', 'scenarioDocs'] as const
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.enterprise-offer {
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--mc-border-light);
|
||||
border-radius: 20px;
|
||||
background: var(--mc-bg-elevated);
|
||||
color: var(--mc-text-primary);
|
||||
box-shadow: 0 4px 24px rgb(0 0 0 / 3%);
|
||||
}
|
||||
.offer-hero {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 32px;
|
||||
padding: 28px 30px;
|
||||
background: radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--mc-primary) 10%, transparent), transparent 65%);
|
||||
}
|
||||
.offer-intro { max-width: 700px; min-width: 0; }
|
||||
.offer-badge { display: inline-flex; align-items: center; gap: 7px; color: var(--mc-primary); font-size: 11px; font-weight: 600; letter-spacing: .06em; }
|
||||
.offer-badge span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
|
||||
h2 { margin: 12px 0 10px; font-size: clamp(22px, 2vw, 28px); letter-spacing: -.035em; line-height: 1.3; font-weight: 700; }
|
||||
.offer-description { margin: 0; max-width: 660px; font-size: 13px; line-height: 1.8; color: var(--mc-text-secondary); }
|
||||
.offer-actions { display: flex; flex-direction: column; align-items: center; gap: 14px; flex-shrink: 0; }
|
||||
a { text-decoration: none; }
|
||||
.offer-primary { display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 12px 20px; border-radius: 10px; background: var(--mc-primary); color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 4px 12px color-mix(in srgb, var(--mc-primary) 18%, transparent); transition: background .15s; }
|
||||
.offer-primary:hover { background: var(--mc-primary-hover); }
|
||||
.offer-primary svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
|
||||
.offer-secondary { color: var(--mc-text-secondary); font-size: 12px; }
|
||||
.offer-secondary:hover { color: var(--mc-primary); }
|
||||
a:focus-visible, summary:focus-visible { outline: 2px solid var(--mc-primary); outline-offset: 4px; }
|
||||
.offer-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 28px; padding: 24px 30px; border-top: 1px solid var(--mc-border-light); }
|
||||
.capability { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
|
||||
.capability-icon { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid color-mix(in srgb, var(--mc-primary) 10%, var(--mc-border-light)); border-radius: 10px; background: color-mix(in srgb, var(--mc-primary) 5%, var(--mc-bg-elevated)); color: var(--mc-primary); }
|
||||
.capability-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
|
||||
h3 { margin: 1px 0 6px; font-size: 13px; font-weight: 600; line-height: 1.5; }
|
||||
.capability p { margin: 0; font-size: 12px; line-height: 1.75; color: var(--mc-text-secondary); }
|
||||
.offer-scenarios { display: flex; align-items: baseline; gap: 16px; padding: 18px 30px; border-top: 1px solid var(--mc-border-light); }
|
||||
.section-label { flex-shrink: 0; font-size: 11px; font-weight: 600; color: var(--mc-text-tertiary); }
|
||||
ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
|
||||
li { padding: 5px 10px; border-radius: 6px; background: var(--mc-bg-muted); color: var(--mc-text-secondary); font-size: 11px; }
|
||||
.offer-footer { padding: 14px 30px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; background: var(--mc-bg-muted); }
|
||||
.offer-footer p { margin: 0; font-size: 11px; line-height: 1.7; color: var(--mc-text-tertiary); }
|
||||
.offer-footer > p { max-width: 700px; }
|
||||
details { flex: 0 0 180px; font-size: 11px; color: var(--mc-text-secondary); }
|
||||
summary { cursor: pointer; line-height: 1.7; }
|
||||
details[open] p { margin-top: 8px; }
|
||||
@media (max-width: 1100px) { .offer-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); } .offer-hero { gap: 20px; } }
|
||||
@media (max-width: 640px) {
|
||||
.offer-hero { align-items: flex-start; flex-direction: column; padding: 22px 18px; }
|
||||
.offer-actions { flex-direction: row; flex-wrap: wrap; }
|
||||
.offer-capabilities { grid-template-columns: 1fr; padding: 22px 18px; gap: 20px; }
|
||||
.offer-scenarios { flex-direction: column; gap: 10px; padding: 16px 18px; }
|
||||
.offer-footer { flex-direction: column; gap: 8px; padding: 14px 18px; }
|
||||
details { flex-basis: auto; }
|
||||
}
|
||||
</style>
|
||||
@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<div class="overview">
|
||||
<EnterpriseOffer />
|
||||
<div class="metric-strip">
|
||||
<div class="metric" v-for="m in metrics" :key="m.key" :class="m.tone">
|
||||
<div class="metric-label">{{ m.label }}</div>
|
||||
@ -105,6 +106,7 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import EnterpriseOffer from './EnterpriseOffer.vue'
|
||||
|
||||
const { t } = useI18n()
|
||||
const emit = defineEmits<{ (e: 'open-case', id: string): void }>()
|
||||
|
||||
@ -3,6 +3,7 @@
|
||||
<header class="enterprise-head">
|
||||
<div class="enterprise-eyebrow">{{ t('enterprise.eyebrow') }}</div>
|
||||
<h1 class="enterprise-title">{{ t('enterprise.title') }}</h1>
|
||||
<a class="enterprise-website" href="https://mate.vip/enterprise/" target="_blank" rel="noopener noreferrer">{{ t('enterprise.offer.website') }} ↗</a>
|
||||
<p class="enterprise-subtitle">{{ t('enterprise.subtitle') }}</p>
|
||||
</header>
|
||||
|
||||
@ -71,6 +72,7 @@ function onOpenCase(id: string) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.enterprise-website { align-self: flex-start; color: var(--mc-primary); font-size: 13px; text-underline-offset: 3px; }
|
||||
.enterprise-head { display: flex; flex-direction: column; gap: 4px; }
|
||||
.enterprise-eyebrow {
|
||||
font-size: var(--mc-text-xs);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user