root
/
alert-front
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Browse Source

feat: enhance model details display and improve layout 

- Updated the descriptions component to display additional model information including description, version, evaluation report, last modifier, and modification time.
- Adjusted the layout to accommodate more columns in the descriptions.
- Removed the modeling progress card and streamlined the display of training sampling time.
- Improved the layout of the intelligent training section for better alignment and added a primary button for model training.
- Cleaned up the rendering of historical data charts for better readability.
pull/35/head
CJL6015 3 weeks ago
parent
a487578f2f
commit
efe7199acb
2 changed files with 8361 additions and 7390 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 15218
      pnpm-lock.yaml
  2. 95
      src/views/model/train/index.vue

15218
pnpm-lock.yaml
View File

File diff suppressed because it is too large

95
src/views/model/train/index.vue
View File

@ -300,38 +300,59 @@ export default defineComponent({
修改模型
</a-button>
</template>
<a-descriptions size="small" :column="2" bordered>
<a-descriptions size="small" :column="4" bordered>
<a-descriptions-item label="模型名称">
{{ model?.modelName }}
</a-descriptions-item>
<a-descriptions-item label="描述">
{{ model?.description || '暂无描述' }}
</a-descriptions-item>
<a-descriptions-item label="版本">
{{ model?.Cur_Version || 'v-test' }}
</a-descriptions-item>
<a-descriptions-item label="评估报告">
暂无
</a-descriptions-item>
<a-descriptions-item label="创建人">
{{ model?.creator }}
</a-descriptions-item>
<a-descriptions-item label="创建时间">
{{ model?.createTime }}
</a-descriptions-item>
<a-descriptions-item label="备注">
暂无
<a-descriptions-item label="最近修改人">
{{ model?.modifier || '暂无' }}
</a-descriptions-item>
<a-descriptions-item label="最近修改时间">
{{ model?.modifiedTime || '暂无' }}
</a-descriptions-item>
</a-descriptions>
<a-divider />
<a-descriptions size="small" :column="4" bordered>
<a-descriptions-item label="算法">
{{ model?.algorithm || 'PCA' }}
</a-descriptions-item>
<a-descriptions-item label="训练采样间隔">
{{ model?.sampling }}
</a-descriptions-item>
<a-descriptions-item label="参数个数">
{{ model?.pointInfo.length || '暂无' }}
</a-descriptions-item>
<a-descriptions-item label="最小主元贡献率">
{{ model?.rate }}
</a-descriptions-item>
<a-descriptions-item label="最小主元个数">
{{ model?.principal }}
</a-descriptions-item>
<a-descriptions-item label="模型性能">
{{ model?.precision }}
</a-descriptions-item>
<a-descriptions-item label="训练总时长(h)">
{{ model?.principal }}
</a-descriptions-item>
<a-descriptions-item label="有效样本数">
{{ model?.principal }}
</a-descriptions-item>
</a-descriptions>
</a-card>
<a-card title="建模进度" :bordered="false">
<a-steps :current="1" progress-dot size="small">
<a-step title="参数配置">
<template #description>
<div>{{ model?.creator }}</div>
<p>{{ model?.createTime }}</p>
</template>
</a-step>
<a-step title="训练模型">
<template #description>
<p>{{ model?.createTime }}</p>
</template>
</a-step>
<a-step title="评估完成" />
<a-step title="运行监测" />
</a-steps>
</a-card>
<a-card :bordered="false">
@ -339,11 +360,7 @@ export default defineComponent({
<a-tab-pane key="1" tab="训练采样时间">
<BasicTable @register="trainTimeTable">
<template #action="{ record, index }">
<a-button
type="link"
danger
@click="handleDeleteTrainTime(index)"
>
<a-button type="link" danger @click="handleDeleteTrainTime(index)">
删除
</a-button>
</template>
@ -356,27 +373,21 @@ export default defineComponent({
</a-card>
<a-card title="智能训练" :bordered="false">
<a-form layout="inline">
<div style="display: flex; align-items: center;">
<a-form layout="inline" style="flex: 1;">
<a-form-item label="模型预览时间范围">
<a-range-picker
v-model:value="historyTime"
show-time
@change="getHistory"
/>
<a-range-picker v-model:value="historyTime" show-time @change="getHistory" />
</a-form-item>
</a-form>
<a-button type="primary" style="margin-left: auto;">
模型训练
</a-button>
</div>
<a-divider />
<div
v-for="(item, index) in historyList"
:key="index"
class="echart-box"
>
<div v-for="(item, index) in historyList" :key="index" class="echart-box">
<VueECharts
:ref="(el) => setEchartsRef(el, index)"
:option="getOption(item)"
autoresize
style="width: 100%; height: 300px"
@finished="() => onChartFinished(index)"
:ref="(el) => setEchartsRef(el, index)" :option="getOption(item)" autoresize
style="width: 100%; height: 300px" @finished="() => onChartFinished(index)"
@brush-selected="onBrushSelected"
/>
</div>

Write Preview
Loading…
Cancel
Save