From 1ee1a830def0a64b3aa2328d0221e6511f824582 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Wed, 7 Aug 2024 11:39:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=87=AA=E5=BB=BA=E5=8F=B0=E7=AB=99?=
 =?UTF-8?q?=E9=9D=9Esample=E7=B1=BB=E5=9E=8B=E7=9A=84=E8=B0=B1=E4=B8=8D?=
 =?UTF-8?q?=E5=85=81=E8=AE=B8=E4=BD=BF=E7=94=A8Update=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/spectrumAnalysis/beta-analysis.vue | 53 ++++++++++++--------
 1 file changed, 32 insertions(+), 21 deletions(-)

diff --git a/src/views/spectrumAnalysis/beta-analysis.vue b/src/views/spectrumAnalysis/beta-analysis.vue
index e4fe20c..e466b39 100644
--- a/src/views/spectrumAnalysis/beta-analysis.vue
+++ b/src/views/spectrumAnalysis/beta-analysis.vue
@@ -24,17 +24,26 @@
               v-model="roiParamList[index][0]"
               class="spectrum-analysis-sub-operators-roi-input"
               placeholder="Beta1"
+              :disabled="spectraType !== 'sample'"
             />
-            <a-input class="spectrum-analysis-sub-operators-roi-split site-input-split" placeholder="," disabled />
+            <span class="spectrum-analysis-sub-operators-roi-split">,</span>
             <a-input
               type="number"
               v-model="roiParamList[index][1]"
-              class="spectrum-analysis-sub-operators-roi-input site-input-right"
+              class="spectrum-analysis-sub-operators-roi-input"
               placeholder="Beta2"
+              :disabled="spectraType !== 'sample'"
             />
           </a-input-group>
         </div>
-        <div class="spectrum-analysis-sub-operators-button" @click="handleUpdate">Update</div>
+        <a-button
+          type="primary"
+          class="spectrum-analysis-sub-operators-button"
+          :disabled="spectraType !== 'sample'"
+          @click="handleUpdate"
+        >
+          Update
+        </a-button>
       </div>
       <!-- 二级交互栏结束 -->
 
@@ -472,9 +481,14 @@ export default {
       const currSampleDetail = this.sampleDetail[this.spectraType]
       if (!currSampleDetail) {
         this.$message.warning(`No ${this.spectraType} spectrum file!`)
+        this.$nextTick(() => {
+          this.spectraType = this.prevSpectraType
+        })
         return
       }
 
+      this.prevSpectraType = val
+
       if (val == 'sample') {
         this.currSpectrum = 'Sample'
         this.ROIAnalyzeLists = this.sampleDetail.ROIAnalyzeLists
@@ -702,6 +716,7 @@ export default {
   overflow: auto;
   height: 46px;
   align-items: center;
+  font-family: Microsoft Yahei;
 
   .pop-over-with-icon {
     height: 32px;
@@ -718,39 +733,30 @@ export default {
 
   &-roi {
     display: flex;
+    align-items: center;
 
     &-name {
       padding: 5px 10px;
     }
 
-    ::v-deep {
-      .ant-input-group {
-        display: flex;
-      }
+    .ant-input-group {
+      display: flex;
+      background-color: #04414d;
+      border: solid 1px #0b8c82;
     }
 
     &-input {
       width: 80px;
       text-align: center;
-    }
-
-    &-input:not(.site-input-right) {
-      border-right: 0;
-    }
-
-    &-input.site-input-right {
-      border-left: 0;
+      border: 0;
+      background: transparent;
     }
 
     &-split {
       width: 5px;
-      padding: 0;
-      border-left: 0;
-      border-right: 0;
-      pointer-events: none;
-      background-color: #03353f;
     }
   }
+
   &-button {
     text-align: center;
     height: 32px;
@@ -759,8 +765,13 @@ export default {
     padding: 0 10px;
     font-size: 16px;
     margin-left: 16px;
-    background-color: #406979;
     cursor: pointer;
+
+    &[disabled] {
+      color: #fff;
+      background-color: #1397a3;
+      cursor: not-allowed;
+    }
   }
 }