From 36f58ddab8eaf2e51b02ca64cd00ea7ad31501b3 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Fri, 12 Dec 2025 15:13:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=AD=E7=BB=83=E7=95=8C=E9=9D=A2=E7=9A=84?=
=?UTF-8?q?=E6=8A=98=E7=BA=BF=E5=9B=BE=E5=A2=9E=E5=8A=A0=E5=9B=BE=E5=A4=B4?=
=?UTF-8?q?=EF=BC=88LOSS=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/chart/pages/Calculation.vue | 152 ++++++++++----------------
1 file changed, 59 insertions(+), 93 deletions(-)
diff --git a/src/views/chart/pages/Calculation.vue b/src/views/chart/pages/Calculation.vue
index b42b6dc..b820f7b 100644
--- a/src/views/chart/pages/Calculation.vue
+++ b/src/views/chart/pages/Calculation.vue
@@ -41,41 +41,27 @@
-->
-
-
+
+
-
-
+
+
-
+
Start training
-
+
End training
@@ -92,92 +78,49 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -258,7 +201,7 @@ export default {
myChart: null
}
},
- created() {},
+ created() { },
mounted() {
this.chart()
this.getDataset()
@@ -269,8 +212,8 @@ export default {
this.datasetIdOptions = res.data.items
})
},
- onSearch () {
- if(this.myChart) {
+ onSearch() {
+ if (this.myChart) {
this.myChart.dispose()
this.chart()
}
@@ -292,7 +235,7 @@ export default {
},
// 获取训练用时时间
async getTrainingTime() {
- const res = await this.$axios.get(window.CONFIG.baseUrl + '/train-oneday/query_training_time', { params: { dataset_id: this.queryParams.dataset_id, model_type: this.queryParams.model_types }})
+ const res = await this.$axios.get(window.CONFIG.baseUrl + '/train-oneday/query_training_time', { params: { dataset_id: this.queryParams.dataset_id, model_type: this.queryParams.model_types } })
debugger
},
queryModalProcess() {
@@ -300,7 +243,7 @@ export default {
// const res = await this.$axios.get(window.CONFIG.baseUrl + '/train-oneday/get_available_models', { params: { case_no: this.caseNo } })
const res = await this.$axios.get(window.CONFIG.baseUrl + '/train-oneday/query_train_cases', { params: { /*dataset_id: this.queryParams.dataset_id, model_type: this.queryParams.model_types,*/ case_no: this.caseNo, page: 1, size: 30 } })
res.data.items.forEach((item, index) => {
- if(item.model_type === 'CNN') {
+ if (item.model_type === 'CNN') {
if (item.end_time) {
clearInterval(this.timer)
}
@@ -325,6 +268,13 @@ export default {
chart() {
this.myChart = this.$echarts.init(this.$refs.chartDom)
const option = {
+ title: {
+ left: 'center',
+ text: 'LOSS',
+ textStyle: {
+ color: '#ffffff' // 可选：字体粗细
+ }
+ },
grid: {
left: 60,
right: 20,
@@ -484,7 +434,7 @@ export default {
modelTypeChange(data) {
this.queryParams.model_types = data.join(',')
},
- onCountDownFinished() {},
+ onCountDownFinished() { },
},
}
@@ -496,6 +446,7 @@ export default {
height: 100%;
display: flex;
flex-direction: column;
+
.section-head {
width: 100%;
height: 32px;
@@ -506,27 +457,33 @@ export default {
font-size: 20px;
font-weight: bold;
}
+
.list-box {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
+
.filter-wrap {
margin-top: 16px;
+
.icon {
margin-right: 8px;
}
+
::v-deep .el-form-item__label {
font-size: 16px;
color: #a7bacf;
}
}
+
.dark-table {
flex: 1;
overflow: hidden;
width: 100%;
display: flex;
flex-direction: column;
+
.form-title {
height: 28px;
line-height: 28px;
@@ -534,31 +491,39 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
+
.title {}
+
.clock {}
}
+
.set-section {
flex: 1;
overflow: hidden;
display: flex;
+
.left-set {
width: 276px;
padding: 16px 10px;
background-color: #0d151d;
+
.form-item-block {
&::v-deep.el-form {
width: 100%;
display: flex;
flex-direction: column;
+
.el-form-item {
margin-right: 0;
display: flex;
+
.el-form-item__label {
flex: 1;
justify-content: left;
font-size: 15px;
color: #a7bacf;
}
+
.el-form-item__content {
width: 160px;
}
@@ -566,6 +531,7 @@ export default {
}
}
}
+
.right-chart {
flex: 1;
overflow: hidden;