From 23f8c938f256f4af13da8825e08d397232437424 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Thu, 11 Dec 2025 21:20:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chart/pages/Predict.vue | 67 +++++++++++++------------------
 1 file changed, 29 insertions(+), 38 deletions(-)

diff --git a/src/views/chart/pages/Predict.vue b/src/views/chart/pages/Predict.vue
index 1585c48..0cb30b5 100644
--- a/src/views/chart/pages/Predict.vue
+++ b/src/views/chart/pages/Predict.vue
@@ -12,55 +12,39 @@
           </el-form-item>-->
 
           <el-form-item label="Dataset">
-            <el-select v-model="datasetId" placeholder="请选择" class="dark-select" popper-class="dark-select-popper" style="width: 120px" @change="getCaseData">
-              <el-option
-                  v-for="item in datasetIdOptions"
-                  :key="item.id"
-                  :label="item.id"
-                  :value="item.id"
-              >
+            <el-select v-model="datasetId" placeholder="请选择" class="dark-select" popper-class="dark-select-popper"
+              style="width: 120px" @change="getCaseData">
+              <el-option v-for="item in datasetIdOptions" :key="item.id" :label="item.id" :value="item.id">
               </el-option>
             </el-select>
           </el-form-item>
 
           <el-form-item label="Case">
-            <el-select v-model="queryParams.case_no" :disabled="!datasetId" placeholder="请选择" class="dark-select" popper-class="dark-select-popper" style="width: 180px" @change="caseChange">
-              <el-option
-                  v-for="item in caseOptions"
-                  :key="item.case_no"
-                  :label="item.case_no"
-                  :value="item.case_no"
-              >
+            <el-select v-model="queryParams.case_no" :disabled="!datasetId" placeholder="请选择" class="dark-select"
+              popper-class="dark-select-popper" style="width: 180px" @change="caseChange">
+              <el-option v-for="item in caseOptions" :key="item.case_no" :label="item.case_no" :value="item.case_no">
               </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="Classify">
-            <el-select v-model="modelTypes" multiple placeholder="请选择" class="dark-select" popper-class="dark-select-popper" style="width: 400px" @change="modelTypeChange">
-              <el-option
-                  v-for="item in selectOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-              >
+            <el-select v-model="modelTypes" multiple placeholder="请选择" class="dark-select"
+              popper-class="dark-select-popper" style="width: 400px" @change="modelTypeChange">
+              <el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
           </el-form-item>
 
           <el-form-item label="">
-            <el-upload
-                ref="upload"
-                v-model:file-list="fileList"
-                class="upload-demo"
-                :auto-upload="false"
-                :limit="1"
-                :multiple="false"
-                :show-file-list="false"
-                :on-change="handleChange"
-                style="height: 32px; margin-left: 12px;">
-              <el-button type="primary" icon="upload" style="background-color: #7393b7; border-color: #7393b7; border-radius: 0;">Upload</el-button>
+            <el-upload ref="upload" v-model:file-list="fileList" class="upload-demo" :auto-upload="false" :limit="1"
+              :multiple="false" :show-file-list="false" :on-change="handleChange"
+              style="height: 32px; margin-left: 12px;">
+              <el-button type="primary" icon="upload"
+                style="background-color: #7393b7; border-color: #7393b7; border-radius: 0;">Upload</el-button>
             </el-upload>
             <!-- <el-button type="primary" icon="search" style="background-color: #7393b7; border-color: #7393b7; border-radius: 0; margin-left: 12px;" @click="onSearch">Select</el-button> -->
-            <el-button type="primary" icon="document" style="background-color: #7393b7; border-color: #7393b7; border-radius: 0; margin-left: 12px;" @click="onDownload">Download</el-button>
+            <el-button type="primary" icon="document"
+              style="background-color: #7393b7; border-color: #7393b7; border-radius: 0; margin-left: 12px;"
+              @click="onDownload">Download</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -118,7 +102,7 @@ export default {
       outPath: ''
     }
   },
-  created () {
+  created() {
     // color: ['#0A4072', '#683F14', '#0F605A', '#0F5A7A', '#5C5F25']
     // this.onSearch()
     this.getDataset()
@@ -127,7 +111,7 @@ export default {
     this.chart()
   },
   methods: {
-    onSearch () {
+    onSearch() {
       this.loading = true
       const formData = new FormData()
       formData.append("file", this.currentFile)
@@ -165,7 +149,7 @@ export default {
     },
     caseChange(id) {
       const arr = this.caseOptions.filter(item => item.case_no === id)
-      if(arr.length) {
+      if (arr.length) {
         this.outPath = arr[0].out_path
       }
     },
@@ -173,6 +157,8 @@ export default {
     handleChange(file, fileList) {
       if (file) {
         this.currentFile = file.raw || file
+        this.onSearch()
+
       } else {
         this.currentFile = null
       }
@@ -183,10 +169,10 @@ export default {
     onDownload() {
       const arr = this.queryParams.model_types.split(',')
       arr.forEach(item => {
-        const url = this.outPath + '\\' + this.queryParams.case_no +  '_' + item + '_ROC.json'
+        const url = this.outPath + '\\' + this.queryParams.case_no + '_' + item + '_ROC.json'
         const path = url.replace(/\\/g, '/')
         // this.$axios.get(window.CONFIG.baseUrl + '/download', { params: { path: path }})
-        this.downloadFile(path, this.queryParams.case_no +  '_' + item + '_ROC.json')
+        this.downloadFile(path, this.queryParams.case_no + '_' + item + '_ROC.json')
       })
     },
     chart() {
@@ -284,6 +270,7 @@ export default {
   color: #fff;
   display: flex;
   flex-direction: column;
+
   .section-head {
     height: 32px;
     padding: 0 13px;
@@ -293,18 +280,22 @@ export default {
     font-size: 20px;
     font-weight: bold;
   }
+
   .list-box {
     flex: 1;
     display: flex;
     flex-direction: column;
+
     .filter-wrap {
       height: 50px;
       margin-top: 16px;
+
       ::v-deep .el-form-item__label {
         font-size: 16px;
         color: #a7bacf;
       }
     }
+
     .chart-wrap {
       flex: 1;
     }