fix: 自建台站非sample类型的谱不允许使用Update功能

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;
+    }
   }
 }