From a733ae06886a51a3021e0d42def6b23c7c2bbe35 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Thu, 2 Nov 2023 13:41:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8E=BB=E6=8E=89Fit=20Peaks=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84Cancel=EF=BC=8C=E4=BF=AE=E5=A4=8DbarChart=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FitPeaksAndBaselineModal.vue   | 88 ++++++++-----------
 .../AnalyzeInteractiveToolModal/index.vue     | 33 +++++--
 2 files changed, 63 insertions(+), 58 deletions(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue
index 999d946..f562075 100644
--- a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue
@@ -3,9 +3,7 @@
     <a-spin :spinning="isLoading">
       <custom-table :columns="columns" :list="list" :canSelect="false">
         <template v-for="(slot, index) in slots" :slot="slot.slotName" slot-scope="{ record }">
-          <a-checkbox v-if="slot.isCheckbox" :key="index" v-model="record[slot.dataIndex]">
-            Fixed
-          </a-checkbox>
+          <a-checkbox v-if="slot.isCheckbox" :key="index" v-model="record[slot.dataIndex]"> Fixed </a-checkbox>
           <a-input
             v-else
             :key="index"
@@ -18,17 +16,10 @@
     </a-spin>
     <div slot="custom-footer">
       <a-space>
-        <a-button
-          type="primary"
-          :disabled="isCanceling || isLoading"
-          :loading="isAcceptting"
-          @click="handlePeaks(true)"
-        >
+        <a-button type="primary" :disabled="isLoading" :loading="isAcceptting" @click="handlePeaks(true)">
           Peaks
         </a-button>
-        <a-button :disabled="isAcceptting || isLoading" :loading="isCanceling" @click="handlePeaks(false)"
-          >Cancel</a-button
-        >
+        <a-button>Cancel</a-button>
       </a-space>
     </div>
   </custom-modal>
@@ -46,106 +37,105 @@ const columns = [
     dataIndex: 'lab',
     width: 100,
     scopedSlots: {
-      customRender: 'lab'
+      customRender: 'lab',
     },
-    isStatic: true
+    isStatic: true,
   },
   {
     title: 'Nuclide',
     dataIndex: 'nuclide',
     width: 100,
     scopedSlots: {
-      customRender: 'nuclide'
+      customRender: 'nuclide',
     },
-    isStatic: true
+    isStatic: true,
   },
   {
     title: 'Energy',
     dataIndex: 'energy',
     width: 100,
     scopedSlots: {
-      customRender: 'Energy'
-    }
+      customRender: 'Energy',
+    },
   },
   {
     title: 'NetArea',
     dataIndex: 'netArea',
     width: 100,
     scopedSlots: {
-      customRender: 'netArea'
-    }
+      customRender: 'netArea',
+    },
   },
   {
     title: 'FWHM',
     dataIndex: 'fwhm',
     width: 100,
     scopedSlots: {
-      customRender: 'fwhm'
-    }
+      customRender: 'fwhm',
+    },
   },
   {
     title: 'Step',
     dataIndex: 'step',
     width: 100,
     scopedSlots: {
-      customRender: 'Step'
-    }
+      customRender: 'Step',
+    },
   },
   {
     title: 'BWGamma',
     dataIndex: 'bwGamma',
     width: 100,
     scopedSlots: {
-      customRender: 'BWGamma'
-    }
+      customRender: 'BWGamma',
+    },
   },
   {
     title: 'NetArea',
     dataIndex: 'netAreaB',
     width: 100,
     scopedSlots: {
-      customRender: 'netAreaB'
+      customRender: 'netAreaB',
     },
-    isCheckbox: true
+    isCheckbox: true,
   },
   {
     title: 'Centroid',
     dataIndex: 'centroid',
     width: 100,
     scopedSlots: {
-      customRender: 'Centroid'
+      customRender: 'Centroid',
     },
-    isCheckbox: true
+    isCheckbox: true,
   },
   {
     title: 'FWHM',
     dataIndex: 'fwhmB',
     width: 100,
     scopedSlots: {
-      customRender: 'fwhmB'
+      customRender: 'fwhmB',
     },
-    isCheckbox: true
-  }
+    isCheckbox: true,
+  },
 ]
 export default {
   mixins: [ModalMixin, SampleDataMixin],
   props: {
     channel_1: {
-      type: Number
+      type: Number,
     },
     channel_2: {
-      type: Number
+      type: Number,
     },
     isInsertPeak: {
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
   data() {
     this.columns = columns
     return {
       list: [],
       isAcceptting: false,
-      isCanceling: false
     }
   },
   methods: {
@@ -159,7 +149,7 @@ export default {
           oldPeak: this.oldPeaks,
           newPeak: this.newPeaks,
           flag: this.isInsertPeak ? 'insert' : 'fit',
-          tablePeaksList: this.list
+          tablePeaksList: this.list,
         })
         if (success) {
           this.visible = false
@@ -176,12 +166,12 @@ export default {
 
     // 值变化
     handleInput(record, index) {
-      const find = this.newPeaks.find(item => item.index == record.lab)
+      const find = this.newPeaks.find((item) => item.index == record.lab)
       if (find) {
         const table2NewPeakMap = {
           energy: 'energy',
           netArea: 'area',
-          fwhm: 'fwhm'
+          fwhm: 'fwhm',
         }
 
         find[table2NewPeakMap[index]] = record[index]
@@ -195,7 +185,7 @@ export default {
         let params = {
           left: this.channel_1,
           right: this.channel_2,
-          fileName
+          fileName,
         }
 
         // 如果是Insert Peak
@@ -204,7 +194,7 @@ export default {
           params = {
             sampleId,
             fileName,
-            curChan: Math.ceil(this.channel_1)
+            curChan: Math.ceil(this.channel_1),
           }
         }
 
@@ -212,7 +202,7 @@ export default {
         const { success, result, message } = await getAction(url, params)
         if (success) {
           const { newPeaks, oldPeaks, tablePeaksList } = result
-          tablePeaksList.forEach(item => {
+          tablePeaksList.forEach((item) => {
             item.energy = Number(item.energy).toPrecision(6)
             item.netArea = Number(item.netArea).toPrecision(6)
             item.fwhm = Number(item.fwhm).toPrecision(6)
@@ -232,20 +222,20 @@ export default {
 
     beforeModalOpen() {
       this.getData()
-    }
+    },
   },
   computed: {
     slots() {
-      return columns.map(column => {
+      return columns.map((column) => {
         return {
           isCheckbox: column.isCheckbox,
           isStatic: column.isStatic,
           dataIndex: column.dataIndex,
-          slotName: column.scopedSlots.customRender
+          slotName: column.scopedSlots.customRender,
         }
       })
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue
index f252a72..a458076 100644
--- a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue
@@ -381,7 +381,7 @@ const thumbnailOption = {
     axisLine: {
       lineStyle: {
         color: '#fff',
-      }
+      },
     },
     splitLine: {
       show: false,
@@ -406,12 +406,8 @@ const thumbnailOption = {
     axisLabel: {
       show: false,
     },
-    max: (value) => {
-      return (Math.abs(value.min) < value.max ? value.max : -value.min).toFixed(2)
-    },
-    min: (value) => {
-      return (Math.abs(value.min) < value.max ? -value.max : value.min).toFixed(2)
-    },
+    max: 0,
+    min: 0,
   },
   series: null,
 }
@@ -461,6 +457,7 @@ export default {
       channelBaseLineChart: [],
       channelCountChart: [],
       channelPeakChart: [],
+      barChart: [],
       energy: [],
       list: [],
       BaseCtrls: {},
@@ -550,10 +547,12 @@ export default {
 
       // 推入基线控制点
       series.push(this.buildCtrlPoint(baseCP))
+      this.option.series = series
 
       this.thumbnailOption.series = this.buildBarChart(bar)
-
-      this.option.series = series
+      const thumbnailYMax = this.getThumbnailYMax(0, bar.length)
+      this.thumbnailOption.yAxis.max = thumbnailYMax
+      this.thumbnailOption.yAxis.min = -thumbnailYMax
     },
 
     reset() {
@@ -567,6 +566,7 @@ export default {
         this.selectedKeys = []
       })
       this.clearRect()
+      this.handleResetChart()
     },
 
     beforeModalOpen() {
@@ -1030,8 +1030,11 @@ export default {
         this.option.yAxis.min = y1
         this.option.yAxis.max = y2
 
+        const thumbnailYMax = this.getThumbnailYMax(x1 - 1, x2)
         this.thumbnailOption.xAxis.min = x1
         this.thumbnailOption.xAxis.max = x2
+        this.thumbnailOption.yAxis.max = thumbnailYMax
+        this.thumbnailOption.yAxis.min = -thumbnailYMax
 
         if (this.btnGroupType == 2) {
           this.buildRect()
@@ -1040,14 +1043,26 @@ export default {
       this.clearBrush(chart)
     },
 
+    // 查找barChart范围内的最大值
+    getThumbnailYMax(minIndex, maxIndex) {
+      const slicedArr = this.barChart.slice(minIndex, maxIndex)
+      const yData = slicedArr.map(({ y }) => y)
+      const max = Math.max(...yData)
+      const min = Math.min(...yData)
+      return Math.max(Math.abs(max), Math.abs(min))
+    },
+
     handleResetChart() {
       this.option.xAxis.min = 1
       this.option.xAxis.max = 'dataMax'
       this.option.yAxis.min = 0.1
       this.option.yAxis.max = 'dataMax'
 
+      const thumbnailYMax = this.getThumbnailYMax(0, this.barChart.length)
       this.thumbnailOption.xAxis.min = 1
       this.thumbnailOption.xAxis.max = 'dataMax'
+      this.thumbnailOption.yAxis.max = thumbnailYMax
+      this.thumbnailOption.yAxis.min = -thumbnailYMax
 
       if (this.btnGroupType == 2) {
         this.buildRect()