feat: 新增数字员工管理页面与工作台首页重构

后端优化 agent 资产种子初始化和常量配置,前端新增数字员工
视图和调度对话框组件,重构个人工作台首页布局和洞察面板,
完善审计页面数字员工详情和运行时模型,优化侧边栏导航和图
标配置,新增工作台摘要和工作台数据模块,补充单元测试。
This commit is contained in:
caoxiaozhu
2026-05-28 09:30:34 +08:00
parent d4d5d40569
commit 04cd6d0f81
38 changed files with 3413 additions and 1301 deletions

View File

@@ -0,0 +1,105 @@
<template>
<section class="json-risk-editor-shell panel digital-worker-detail-shell">
<header class="json-risk-editor-head asset-detail-topbar list-toolbar">
<div class="json-risk-editor-title asset-detail-topbar-main filter-set">
<div class="json-risk-head-copy">
<div class="json-risk-head-title-row">
<h2>{{ selectedSkill.name }}</h2>
</div>
<p class="json-risk-head-subtitle">
{{ selectedSkill.summary || '后台自动执行的数字员工技能。' }}
</p>
<div class="json-risk-head-meta">
<span>技能编号{{ selectedSkill.code || '-' }}</span>
<span>执行计划{{ digitalEmployee.scheduleLabel || selectedSkill.scope || '-' }}</span>
<span>最近更新{{ selectedSkill.updatedAt || '-' }}</span>
</div>
</div>
</div>
</header>
<div class="json-risk-editor-body">
<section class="json-risk-main-stage">
<article class="detail-card panel json-risk-summary-card">
<div class="card-head">
<div>
<h3>基本信息</h3>
<p>展示技能编号维护人执行计划和当前版本</p>
</div>
</div>
<div class="json-risk-meta-grid">
<div
v-for="row in basicRows"
:key="row.label"
class="json-risk-meta-item"
>
<span class="json-risk-meta-label">{{ row.label }}</span>
<span class="json-risk-meta-value">{{ row.value || '-' }}</span>
</div>
</div>
</article>
<article class="detail-card panel json-risk-description-card">
<div class="card-head">
<div>
<h3>功能说明</h3>
<p>面向管理员查看这个技能解决什么问题</p>
</div>
</div>
<p class="json-risk-description-text">
{{ digitalEmployee.description || selectedSkill.summary || '暂无功能说明。' }}
</p>
</article>
<article class="detail-card panel json-risk-flow-card digital-worker-source-card">
<div class="card-head">
<div>
<h3>Skills Markdown 源文件</h3>
<p>管理员可直接修改当前技能源文件内容</p>
</div>
<button
class="mini-btn primary"
type="button"
:disabled="!canEdit || detailBusy"
@click="emit('save-source')"
>
<i class="mdi mdi-content-save-outline"></i>
<span>{{ actionState === 'save-digital-source' ? '保存中...' : '保存' }}</span>
</button>
</div>
<textarea
v-model="selectedSkill.markdownContent"
class="digital-worker-source-editor"
:readonly="!canEdit || detailBusy"
spellcheck="false"
aria-label="Skills Markdown 源文件"
></textarea>
</article>
</section>
</div>
</section>
</template>
<script setup>
import { computed } from 'vue'
defineOptions({
name: 'AuditDigitalEmployeeDetail'
})
const props = defineProps({
selectedSkill: { type: Object, required: true },
canEdit: { type: Boolean, default: false },
detailBusy: { type: Boolean, default: false },
actionState: { type: String, default: '' }
})
const emit = defineEmits(['save-source'])
const digitalEmployee = computed(() => props.selectedSkill.digitalEmployee || {})
const basicRows = computed(() => digitalEmployee.value.basicRows || [])
</script>
<style scoped src="../../assets/styles/views/audit-view.css"></style>
<style scoped src="../../assets/styles/views/audit-view-part2.css"></style>