From 8fb0089be1dd29ea9b8d06c26e41c3f7a6adfa25 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Tue, 11 Jul 2023 19:35:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0Interactive=20Tool?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E4=B8=AD=E7=9A=84=E9=83=A8=E5=88=86=E4=BA=8C?=
 =?UTF-8?q?=E7=BA=A7=E5=BC=B9=E7=AA=97=EF=BC=8C=E5=AF=B9=E6=8E=A5=E6=A0=B7?=
 =?UTF-8?q?=E6=9C=AC=E7=B1=BB=E5=9E=8B=E4=B8=BAbeta-gamma=E7=9A=84?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../spectrumAnalysis/beta-gamma-analysis.vue  |  247 +-
 .../components/BetaGammaSpectrumChart.vue     |   34 +-
 .../Modals/AnalyzeInteractiveToolModal.vue    |  273 --
 .../components/CommentModal.vue               |   48 +
 .../components/FitPeaksAndBaselineModal.vue   |  162 +
 .../components/NuclideReviewChart.vue         |   43 +
 .../components/NuclideReviewModal.vue         |  360 ++
 .../AnalyzeInteractiveToolModal/index.vue     |  459 ++
 .../components/Modals/LoadFromDBModal.vue     |   14 +-
 .../components/SpectraListInMenu.vue          |   22 +-
 .../components/SpectrumLineChart.vue          |   32 +-
 .../SubOperators/ButtonWithSwitchIcon.vue     |   21 +-
 src/views/spectrumAnalysis/data.json          | 4195 -----------------
 src/views/spectrumAnalysis/gamma-analysis.vue |   86 +-
 src/views/spectrumAnalysis/index.vue          |  194 +-
 15 files changed, 1463 insertions(+), 4727 deletions(-)
 delete mode 100644 src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal.vue
 create mode 100644 src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/CommentModal.vue
 create mode 100644 src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue
 create mode 100644 src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewChart.vue
 create mode 100644 src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewModal.vue
 create mode 100644 src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue
 delete mode 100644 src/views/spectrumAnalysis/data.json

diff --git a/src/views/spectrumAnalysis/beta-gamma-analysis.vue b/src/views/spectrumAnalysis/beta-gamma-analysis.vue
index 34a5ceb..3e9a077 100644
--- a/src/views/spectrumAnalysis/beta-gamma-analysis.vue
+++ b/src/views/spectrumAnalysis/beta-gamma-analysis.vue
@@ -1,80 +1,120 @@
 <template>
   <div class="beta-gamma-analysis">
-    <div class="beta-gamma-spectrum-sample">
-      <beta-gamma-chart-container>
-        <template slot="title">
-          Beta-Gamma Spectrum: Sample
-        </template>
-        <beta-gamma-spectrum-chart
-          ref="betaGammaChartRef"
-          :data="twoDData"
-          @positionChange="handlePositionChange"
-          @rangeChange="handleRangeChange"
-        />
-      </beta-gamma-chart-container>
+    <!-- 二级交互栏 -->
+    <div class="spectrum-analysis-sub-operators">
+      <pop-over-with-icon placement="bottomLeft">
+        Detailed-Information
+        <detailed-infomation slot="content" />
+      </pop-over-with-icon>
+      <pop-over-with-icon placement="bottomLeft">
+        QC Flags
+        <qc-flags slot="content" :data="{ collectionTime: '123' }" />
+      </pop-over-with-icon>
+      <pop-over-with-icon placement="bottomLeft" style="width: 159px" v-model="spectraVisible">
+        Spectra
+        <spectra slot="content" v-model="spectraType" @input="spectraVisible = false" />
+      </pop-over-with-icon>
     </div>
-    <div class="beta-and-gamma-spectrum">
-      <div class="spectrum-charts">
-        <div class="gamma-spectrum">
-          <div class="gamma-spectrum-item">
-            <beta-gamma-chart-container>
-              <template slot="title">
-                Gamma Spectrum: Original
-              </template>
-              <spectrum-line-chart ref="lineChart1Ref" @rangeChange="handleLineChartRangeChange($event, 'y')" />
-            </beta-gamma-chart-container>
-          </div>
-          <div class="gamma-spectrum-item">
-            <beta-gamma-chart-container>
-              <template slot="title">
-                Gamma Spectrum: Projected
-              </template>
-              <spectrum-line-chart ref="lineChart2Ref" @rangeChange="handleLineChartRangeChange($event, 'y')" />
-            </beta-gamma-chart-container>
-          </div>
-        </div>
-        <div class="gamma-spectrum">
-          <div class="gamma-spectrum-item">
-            <beta-gamma-chart-container>
-              <template slot="title">
-                Beta Spectrum: Original
-              </template>
-              <spectrum-line-chart
-                ref="lineChart3Ref"
-                title="Beta"
-                color="#00ff1e"
-                @rangeChange="handleLineChartRangeChange($event, 'x')"
-              />
-            </beta-gamma-chart-container>
-          </div>
-          <div class="gamma-spectrum-item">
-            <beta-gamma-chart-container>
-              <template slot="title">
-                Beta Spectrum: Projected
-              </template>
-              <spectrum-line-chart
-                ref="lineChart4Ref"
-                title="Beta"
-                color="#00ff1e"
-                @rangeChange="handleLineChartRangeChange($event, 'x')"
-              />
-            </beta-gamma-chart-container>
-          </div>
-        </div>
-      </div>
-      <div class="result-display">
+    <!-- 二级交互栏结束 -->
+    <!-- 主体部分 -->
+    <div class="beta-gamma-analysis-main">
+      <!-- 左侧图表 -->
+      <div class="beta-gamma-spectrum-sample">
         <beta-gamma-chart-container>
           <template slot="title">
-            Result display
+            Beta-Gamma Spectrum: Sample
           </template>
-          <result-display :data="resultDisplay"></result-display>
+          <beta-gamma-spectrum-chart
+            ref="betaGammaChartRef"
+            :data="histogramDataList"
+            @positionChange="handlePositionChange"
+            @rangeChange="handleRangeChange"
+          />
         </beta-gamma-chart-container>
       </div>
-    </div>
+      <!-- 左侧图表结束 -->
 
-    <!-- Comparison Modal 开始 -->
-    <comparison-modal v-model="comparisonModalVisible" />
-    <!-- Comparison Modal 结束 -->
+      <!-- 右侧 -->
+      <div class="beta-and-gamma-spectrum">
+        <!-- 四个图表开始 -->
+        <div class="spectrum-charts">
+          <div class="gamma-spectrum">
+            <div class="gamma-spectrum-item">
+              <beta-gamma-chart-container>
+                <template slot="title">
+                  Gamma Spectrum: Original
+                </template>
+                <spectrum-line-chart
+                  ref="lineChart1Ref"
+                  :data="gammaOriginalData"
+                  @rangeChange="handleLineChartRangeChange($event, 'y')"
+                />
+              </beta-gamma-chart-container>
+            </div>
+            <div class="gamma-spectrum-item">
+              <beta-gamma-chart-container>
+                <template slot="title">
+                  Gamma Spectrum: Projected
+                </template>
+                <spectrum-line-chart
+                  ref="lineChart2Ref"
+                  :data="betaProjectedData"
+                  @rangeChange="handleLineChartRangeChange($event, 'y')"
+                />
+              </beta-gamma-chart-container>
+            </div>
+          </div>
+          <div class="gamma-spectrum">
+            <div class="gamma-spectrum-item">
+              <beta-gamma-chart-container>
+                <template slot="title">
+                  Beta Spectrum: Original
+                </template>
+                <spectrum-line-chart
+                  ref="lineChart3Ref"
+                  :data="betaOriginalData"
+                  title="Beta"
+                  color="#00ff1e"
+                  @rangeChange="handleLineChartRangeChange($event, 'x')"
+                />
+              </beta-gamma-chart-container>
+            </div>
+            <div class="gamma-spectrum-item">
+              <beta-gamma-chart-container>
+                <template slot="title">
+                  Beta Spectrum: Projected
+                </template>
+                <spectrum-line-chart
+                  ref="lineChart4Ref"
+                  :data="gammaProjectedData"
+                  title="Beta"
+                  color="#00ff1e"
+                  @rangeChange="handleLineChartRangeChange($event, 'x')"
+                />
+              </beta-gamma-chart-container>
+            </div>
+          </div>
+        </div>
+        <!-- 四个图表结束 -->
+
+        <!-- 结果显示开始 -->
+        <div class="result-display">
+          <beta-gamma-chart-container>
+            <template slot="title">
+              Result display
+            </template>
+            <result-display :data="resultDisplay"></result-display>
+          </beta-gamma-chart-container>
+        </div>
+        <!-- 结果显示结束 -->
+      </div>
+      <!-- 右侧结束 -->
+
+      <!-- Comparison Modal 开始 -->
+      <comparison-modal v-model="comparisonModalVisible" />
+      <!-- Comparison Modal 结束 -->
+    </div>
+    <!-- 主体部分结束 -->
   </div>
 </template>
 
@@ -84,8 +124,10 @@ import BetaGammaSpectrumChart from './components/BetaGammaSpectrumChart.vue'
 import ComparisonModal from './components/Modals/ComparisonModal.vue'
 import ResultDisplay from './components/ResultDisplay.vue'
 import SpectrumLineChart from './components/SpectrumLineChart.vue'
-
-import twoDData from './data.json'
+import DetailedInfomation from './components/SubOperators/DetailedInfomation.vue'
+import PopOverWithIcon from './components/SubOperators/PopOverWithIcon.vue'
+import QcFlags from './components/SubOperators/QcFlags.vue'
+import Spectra from './components/SubOperators/Spectra.vue'
 
 export default {
   components: {
@@ -93,10 +135,23 @@ export default {
     SpectrumLineChart,
     ResultDisplay,
     BetaGammaSpectrumChart,
-    ComparisonModal
+    ComparisonModal,
+    DetailedInfomation,
+
+    PopOverWithIcon,
+    QcFlags,
+    Spectra
+  },
+  props: {
+    data: {
+      type: Object
+    }
   },
   data() {
     return {
+      spectraVisible: false,
+      spectraType: 'Sample Data',
+
       resultDisplay: [
         {
           id: 1,
@@ -127,13 +182,16 @@ export default {
           mdc: '0.03464'
         }
       ],
-      twoDData: {},
+      histogramDataList: [],
+
+      gammaOriginalData: [],
+      betaOriginalData: [],
+      betaProjectedData: [],
+      gammaProjectedData: [],
+
       comparisonModalVisible: false
     }
   },
-  created() {
-    this.getData()
-  },
   methods: {
     resize() {
       this.$refs.betaGammaChartRef && this.$refs.betaGammaChartRef.resize()
@@ -143,11 +201,6 @@ export default {
       this.$refs.lineChart4Ref && this.$refs.lineChart4Ref.resize()
     },
 
-    async getData() {
-      await 0
-      this.twoDData = twoDData
-    },
-
     // 鼠标在左侧2d图表上移动时
     handlePositionChange([xAxis, yAxis]) {
       // Gamma Spectrum，根据bata-gamma的gamma channel的值（y轴）进行定位
@@ -186,6 +239,32 @@ export default {
 
       this.$refs.betaGammaChartRef.setRange(x1, x2, type)
     }
+  },
+  watch: {
+    data: {
+      handler(newVal) {
+        const {
+          betaOriginalData,
+          betaProjectedData,
+          gammaOriginalData,
+          gammaProjectedData,
+          histogramDataList, // 左侧 Beta-Gamma Spectrum: Sample 图表
+          spectrumData
+        } = newVal
+
+
+        console.log('%c [ spectrumData ]-246', 'font-size:13px; background:pink; color:#bf2c9f;', spectrumData)
+
+        this.histogramDataList = histogramDataList
+
+        this.gammaOriginalData = gammaOriginalData
+        this.betaOriginalData = betaOriginalData
+
+        this.betaProjectedData = betaProjectedData
+        this.gammaProjectedData = gammaProjectedData
+      },
+      immediate: true
+    }
   }
 }
 </script>
@@ -193,8 +272,12 @@ export default {
 <style lang="less" scoped>
 .beta-gamma-analysis {
   height: 100%;
-  display: flex;
-  overflow: auto hidden;
+
+  &-main {
+    height: calc(100% - 51px);
+    display: flex;
+    overflow: auto hidden;
+  }
 
   .beta-gamma-spectrum-sample {
     width: calc(100% - 1078px);
diff --git a/src/views/spectrumAnalysis/components/BetaGammaSpectrumChart.vue b/src/views/spectrumAnalysis/components/BetaGammaSpectrumChart.vue
index 81670ab..8886eed 100644
--- a/src/views/spectrumAnalysis/components/BetaGammaSpectrumChart.vue
+++ b/src/views/spectrumAnalysis/components/BetaGammaSpectrumChart.vue
@@ -141,7 +141,7 @@ const threeDSurfaceOption = {
     show: false,
     dimension: 2,
     min: 0,
-    max: 5,
+    max: 0,
     inRange: ['#47C134', '#f00']
   },
   grid3D: {
@@ -188,21 +188,11 @@ const threeDSurfaceOption = {
       color: '#C4E5A6',
       fontSize: 14
     },
-    max: 5
+    max: 0
   },
   series: {
     type: 'surface',
-    data: [
-      [64, 64, 0],
-      [66, 66, 0],
-      [66, 66, 0],
-      [65, 65, 4],
-
-      [128, 128, 0],
-      [130, 130, 0],
-      [130, 130, 0],
-      [129, 129, 4]
-    ]
+    data: []
   }
 }
 
@@ -269,8 +259,8 @@ const threeDScatterOption = {
 export default {
   props: {
     data: {
-      type: Object,
-      default: () => ({})
+      type: Array,
+      default: () => []
     }
   },
   components: {
@@ -420,15 +410,11 @@ export default {
   watch: {
     data: {
       handler(newVal) {
-        const data = []
-        Object.entries(newVal).forEach(([_, v]) => {
-          v.forEach(({ b, g, c }) => {
-            data.push({
-              value: [b, g, c]
-            })
-          })
-        })
-        this.twoDOption.series.data = data
+        this.twoDOption.series.data = newVal.filter(item => item.c).map(item => [item.b, item.g, item.c]) // 设置2D Scatter数据
+
+        const treeDSurfaceZMax = Math.max(...newVal.map(item => item.c))
+        this.threeDSurfaceOption.zAxis3D.max = Math.ceil(treeDSurfaceZMax * 1.2)
+        this.threeDSurfaceOption.series.data = newVal.map(item => [item.b, item.g, item.c]) // 设置3D surface数据
       },
       immediate: true
     },
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal.vue
deleted file mode 100644
index 43c2da6..0000000
--- a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal.vue
+++ /dev/null
@@ -1,273 +0,0 @@
-<template>
-  <custom-modal v-model="visible" :width="1200" title="Interactive Analyse Tools" :okHanlder="handleOk">
-    <div class="interactive-analysis-tools">
-      <div class="interactive-analysis-tools-left">
-        <div class="chart">
-          <custom-chart :option="option" />
-        </div>
-        <div class="table">
-          <p class="title">
-            &lt; 6 Peaks with Anthro.Nuclides &gt;
-          </p>
-          <custom-table :list="list" :columns="columns"> </custom-table>
-          <div class="operators">
-            <a-button type="primary">Nuclide Review Window</a-button>
-            <a-button type="primary">Add Peak Comment</a-button>
-            <a-button type="primary">Add General Comment</a-button>
-          </div>
-        </div>
-      </div>
-      <div class="interactive-analysis-tools-right">
-        <title-over-boarder title="Peak">
-          <div class="peak-box">
-            <div class="peak-box-item">
-              <a-button type="primary">Insert</a-button>
-            </div>
-            <div class="peak-box-item">
-              <a-button type="primary">Delete</a-button>
-            </div>
-            <div class="peak-box-item">
-              <a-button type="primary">Fit</a-button>
-            </div>
-
-            <div class="peak-box-item symbol">
-              <a-button type="primary">&lt;</a-button>
-              <a-button type="primary">&gt;</a-button>
-            </div>
-          </div>
-
-          <div class="base-line">
-            <a-button type="primary">BaseLine</a-button>
-          </div>
-        </title-over-boarder>
-        <div class="reset-btn-box">
-          <a-button type="primary">Reset Chart</a-button>
-        </div>
-        <div class="identify-box">
-          <title-over-boarder title="Nuclide Identify">
-            <a-form-model class="tolerance">
-              <a-form-model-item label="Tolerance">
-                <a-input-number></a-input-number>
-              </a-form-model-item>
-            </a-form-model>
-            <div class="identify-item">
-              <div class="title">
-                Possible Nuclide
-              </div>
-              <div class="content"></div>
-            </div>
-            <div class="identify-item">
-              <div class="title">
-                Nuclide Identified
-              </div>
-              <div class="content"></div>
-            </div>
-            <div class="identify-operators">
-              <a-space>
-                <a-input></a-input>
-                <a-button type="primary">Add</a-button>
-                <a-button type="primary">Del</a-button>
-              </a-space>
-            </div>
-          </title-over-boarder>
-        </div>
-      </div>
-    </div>
-  </custom-modal>
-</template>
-
-<script>
-import CustomChart from '@/components/CustomChart/index.vue'
-import TitleOverBoarder from '../TitleOverBoarder.vue'
-
-const initialOption = {
-  xAxis: {
-    min: 1,
-    max: 8192
-  },
-  yAxis: {
-    min: 1,
-    max: 994914
-  }
-}
-
-const columns = [
-  {
-    title: 'ID'
-  },
-  {
-    title: 'Energy (keV)'
-  },
-  {
-    title: 'Centroid (C)'
-  },
-  {
-    title: 'FWHM (keV)'
-  },
-  {
-    title: 'Area'
-  },
-  {
-    title: 'Detectability'
-  },
-  {
-    title: 'Cmnt'
-  },
-  {
-    title: 'Nuclides'
-  }
-]
-
-export default {
-  props: {
-    value: {
-      type: Boolean
-    }
-  },
-  components: {
-    CustomChart,
-    TitleOverBoarder
-  },
-  data() {
-    this.columns = columns
-    return {
-      option: initialOption,
-      list: []
-    }
-  },
-  methods: {
-    handleOk() {}
-  },
-  computed: {
-    visible: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.interactive-analysis-tools {
-  display: flex;
-
-  &-left {
-    flex: 1;
-    margin-right: 20px;
-
-    .chart {
-      height: 275px;
-    }
-
-    .table {
-      .title {
-        color: #0cebc9;
-        font-size: 20px;
-        text-align: center;
-        margin-bottom: 10px;
-      }
-
-      .custom-table {
-        height: 421px;
-      }
-
-      .operators {
-        display: flex;
-        margin-top: 10px;
-        gap: 10px;
-
-        .ant-btn {
-          flex: 1;
-        }
-      }
-    }
-  }
-
-  &-right {
-    width: 25%;
-
-    .peak-box {
-      &-item {
-        margin-bottom: 10px;
-      }
-
-      .symbol {
-        display: flex;
-
-        .ant-btn {
-          flex: 1;
-
-          &:first-child {
-            margin-right: 10px;
-          }
-        }
-      }
-    }
-
-    .base-line {
-      margin-top: 80px;
-    }
-
-    .reset-btn-box {
-      margin-top: 20px;
-      margin-bottom: 30px;
-    }
-
-    .identify-box {
-      .tolerance {
-        ::v-deep {
-          .ant-form-item {
-            margin-bottom: 10px;
-
-            &-control-wrapper {
-              flex: 1;
-            }
-
-            &-control {
-              width: 100%;
-            }
-          }
-        }
-
-        .ant-input-number {
-          width: 100%;
-        }
-      }
-
-      .identify-item {
-        .title {
-          background-color: #497e9d;
-          height: 30px;
-          line-height: 30px;
-          text-align: center;
-          font-size: 16px;
-        }
-
-        .content {
-          height: 80px;
-          background-color: #275466;
-          margin: 10px 0;
-        }
-      }
-
-      .identify-operators {
-        display: flex;
-
-        .ant-btn {
-          width: 50px;
-          padding-left: 5px;
-          padding-right: 5px;
-        }
-      }
-    }
-  }
-
-  .ant-btn {
-    width: 100%;
-  }
-}
-</style>
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/CommentModal.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/CommentModal.vue
new file mode 100644
index 0000000..da97f6e
--- /dev/null
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/CommentModal.vue
@@ -0,0 +1,48 @@
+<template>
+  <custom-modal v-model="visible" :title="type + ' Comment'" :okHandler="handleOk">
+    <a-textarea :rows="10" v-model="content"></a-textarea>
+  </custom-modal>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: Boolean
+    },
+    type: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      content: ''
+    }
+  },
+  methods: {
+    async handleOk() {
+      if (!this.content) {
+        this.$message.warn('Please Input Comment')
+        throw new Error('Content Is Empty')
+      }
+
+      console.log('%c [  ]-29', 'font-size:13px; background:pink; color:#bf2c9f;', this.type, this.content)
+    }
+  },
+  computed: {
+    visible: {
+      get() {
+        if (this.value) {
+          this.content = ''
+        }
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue
new file mode 100644
index 0000000..371ba15
--- /dev/null
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/FitPeaksAndBaselineModal.vue
@@ -0,0 +1,162 @@
+<template>
+  <custom-modal centered v-model="visible" :width="1200" title="Fit Peaks and Baseline">
+    <custom-table :columns="columns" :list="list">
+      <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-input v-else :key="index" v-model="record[slot.dataIndex]"></a-input>
+      </template>
+    </custom-table>
+    <div slot="custom-footer">
+      <a-space>
+        <a-button type="primary" @click="handlePeaks">Peaks</a-button>
+        <a-button>Cancel</a-button>
+      </a-space>
+    </div>
+  </custom-modal>
+</template>
+
+<script>
+const columns = [
+  {
+    title: 'Peak',
+    dataIndex: 'peak',
+    width: 100,
+    scopedSlots: {
+      customRender: 'Peak'
+    }
+  },
+  {
+    title: 'Nuclide',
+    dataIndex: 'nuclide',
+    width: 100,
+    scopedSlots: {
+      customRender: 'Nuclide'
+    }
+  },
+  {
+    title: 'Energy',
+    dataIndex: 'energy',
+    width: 100,
+    scopedSlots: {
+      customRender: 'Energy'
+    }
+  },
+  {
+    title: 'NetArea',
+    dataIndex: 'netAreaInput',
+    width: 100,
+    scopedSlots: {
+      customRender: 'NetAreaInput'
+    }
+  },
+  {
+    title: 'FWHM',
+    dataIndex: 'fwhmInput',
+    width: 100,
+    scopedSlots: {
+      customRender: 'FWHMInput'
+    }
+  },
+  {
+    title: 'Step',
+    dataIndex: 'Step',
+    width: 100,
+    scopedSlots: {
+      customRender: 'Step'
+    }
+  },
+  {
+    title: 'BWGamma',
+    dataIndex: 'bwGamma',
+    width: 100,
+    scopedSlots: {
+      customRender: 'BWGamma'
+    }
+  },
+  {
+    title: 'NetArea',
+    dataIndex: 'netAreaCheckbox',
+    width: 100,
+    scopedSlots: {
+      customRender: 'NetAreaCheckbox'
+    },
+    isCheckbox: true
+  },
+  {
+    title: 'Centroid',
+    dataIndex: 'centroid',
+    width: 100,
+    scopedSlots: {
+      customRender: 'Centroid'
+    },
+    isCheckbox: true
+  },
+  {
+    title: 'FWHM',
+    dataIndex: 'fwhmCheckbox',
+    width: 100,
+    scopedSlots: {
+      customRender: 'FWHMCheckbox'
+    },
+    isCheckbox: true
+  }
+]
+export default {
+  props: {
+    value: {
+      type: Boolean
+    }
+  },
+  data() {
+    this.columns = columns
+    return {
+      list: [
+        {
+          peak: 'peak',
+          nuclide: 'nuclide',
+          energy: 'energy',
+          netAreaInput: 'netAreaInput',
+          fwhmInput: 'fwhmInput',
+          Step: 'Step',
+          bwGamma: 'bwGamma',
+          netAreaCheckbox: false,
+          centroid: false,
+          fwhmCheckbox: false
+        }
+      ]
+    }
+  },
+  methods: {
+    handlePeaks() {
+        console.log('%c [  ]-134', 'font-size:13px; background:pink; color:#bf2c9f;', this.list)
+        this.visible = false
+    }
+  },
+  computed: {
+    visible: {
+      get() {
+        if (this.value) {
+          this.content = ''
+        }
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+    slots() {
+      return columns.map(column => {
+        return {
+          isCheckbox: column.isCheckbox,
+          dataIndex: column.dataIndex,
+          slotName: column.scopedSlots.customRender
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style></style>
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewChart.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewChart.vue
new file mode 100644
index 0000000..881c0d2
--- /dev/null
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewChart.vue
@@ -0,0 +1,43 @@
+<template>
+  <custom-chart :option="option" />
+</template>
+<script>
+const initialOption = {
+  xAxis: {
+    axisLabel: {
+      color: '#fff'
+    }
+  },
+  yAxis: {
+    min: 2030.0,
+    max: 2427.6,
+    splitNumber: 1,
+    axisLabel: {
+      color: '#fff'
+    }
+  },
+  series: [
+    {
+      type: 'line',
+      data: [],
+      itemStyle: {
+        color: '#8BB93C'
+      }
+    },
+    {
+      type: 'line',
+      data: [],
+      itemStyle: {
+        color: '#03DBE6'
+      }
+    }
+  ]
+}
+export default {
+  data() {
+    return {
+      option: initialOption
+    }
+  }
+}
+</script>
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewModal.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewModal.vue
new file mode 100644
index 0000000..da705c1
--- /dev/null
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/components/NuclideReviewModal.vue
@@ -0,0 +1,360 @@
+<template>
+  <custom-modal v-model="visible" :width="1200" title="Nuclide Review" :footer="null">
+    <div class="nuclide-review-search">
+      <span>&lt;</span>
+      <a-form-model layout="inline">
+        <a-form-model-item label="Energy">
+          <a-input-number></a-input-number>
+        </a-form-model-item>
+        <a-form-model-item label="Tolerance">
+          <a-input-number></a-input-number>
+        </a-form-model-item>
+        <a-button type="primary">Search</a-button>
+      </a-form-model>
+      <span>&gt;</span>
+    </div>
+
+    <!-- 以下是表格部分 -->
+    <div class="nuclide-review-table">
+      <div class="nuclide-review-table-nuclide">
+        <div class="nuclide-review-table-nuclide-header">Nuclide</div>
+        <div class="nuclide-review-table-nuclide-content">
+          <div
+            class="nuclide-review-table-nuclide-item"
+            :class="currNuclide == item ? 'active' : ''"
+            v-for="item in nuclideList"
+            :key="item.id"
+            @click="handleNuclideClick(item)"
+          >
+            {{ item.title }}
+          </div>
+        </div>
+      </div>
+      <div class="nuclide-review-table-table">
+        <div class="title">
+          <a-form-model>
+            <a-row>
+              <a-col :span="6">
+                <a-form-model-item label="Name">
+                  1
+                </a-form-model-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-model-item label="Half Life">
+                  2
+                </a-form-model-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-model-item label="Half Life Err">
+                  3
+                </a-form-model-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-model-item label="Lines">
+                  4
+                </a-form-model-item>
+              </a-col>
+            </a-row>
+          </a-form-model>
+        </div>
+        <a-table
+          :class="list.length ? 'has-data' : ''"
+          :columns="columns"
+          :dataSource="list"
+          :scroll="{ y: 180 }"
+          :customRow="customRow"
+          :pagination="false"
+        />
+      </div>
+    </div>
+    <!-- 表格部分结束 -->
+
+    <!-- 以下是图表部分 -->
+    <div class="nuclide-review-chart">
+      <a-row>
+        <a-col :span="8"></a-col>
+        <a-col :span="8"></a-col>
+        <a-col :span="8"></a-col>
+      </a-row>
+
+      <div class="nuclide-review-chart-prev"></div>
+      <div class="nuclide-review-chart-next"></div>
+    </div>
+    <!-- 图表部分结束 -->
+  </custom-modal>
+</template>
+
+<script>
+const columns = [
+  {
+    title: 'Id',
+    dataIndex: 'id',
+    width: '5%'
+  },
+  {
+    title: 'Full Name',
+    dataIndex: 'fullName',
+    width: '15%'
+  },
+  {
+    title: 'Energy',
+    dataIndex: 'energy',
+    width: '15%'
+  },
+  {
+    title: 'Energy Err',
+    dataIndex: 'energyErr',
+    width: '15%'
+  },
+  {
+    title: 'Abundance(%)',
+    dataIndex: 'abundance',
+    width: '15%'
+  },
+  {
+    title: 'AbundanceErr(%)',
+    dataIndex: 'abundanceErr',
+    width: '15%'
+  },
+  {
+    title: 'KeyLine',
+    dataIndex: 'keyLine',
+    width: '15%'
+  }
+]
+export default {
+  props: {
+    value: {
+      type: Boolean
+    }
+  },
+  data() {
+    this.columns = columns
+    return {
+      nuclideList: [
+        {
+          id: 1,
+          title: 'Ag111'
+        },
+        {
+          id: 2,
+          title: 'Eu157'
+        },
+        {
+          id: 3,
+          title: 'Mo99'
+        },
+        {
+          id: 4,
+          title: 'Pb204M'
+        },
+        {
+          id: 5,
+          title: 'Pb204M'
+        },
+        {
+          id: 6,
+          title: 'Pb204M'
+        },
+        {
+          id: 7,
+          title: 'Pb204M'
+        },
+        {
+          id: 8,
+          title: 'Pb204M'
+        },
+        {
+          id: 9,
+          title: 'Pb204M'
+        }
+      ],
+      list: [
+        {
+          id: '1',
+          fullName: 'fullName',
+          energy: 'energy',
+          energyErr: 'energyErr',
+          abundance: 'abundance',
+          abundanceErr: 'abundanceErr',
+          keyLine: 'keyLine'
+        },
+        {
+          id: '2',
+          fullName: 'fullName',
+          energy: 'energy',
+          energyErr: 'energyErr',
+          abundance: 'abundance',
+          abundanceErr: 'abundanceErr',
+          keyLine: 'keyLine'
+        },
+        {
+          id: '3',
+          fullName: 'fullName',
+          energy: 'energy',
+          energyErr: 'energyErr',
+          abundance: 'abundance',
+          abundanceErr: 'abundanceErr',
+          keyLine: 'keyLine'
+        }
+      ],
+      currNuclide: {},
+
+      currTableItem: {} // 选中的表格中的行
+    }
+  },
+  methods: {
+    handleNuclideClick(item) {
+      this.currNuclide = item
+    },
+
+    // 实现单击选中/反选功能
+    customRow(record) {
+      return {
+        class: 'custom-table-row' + (this.currTableItem == record ? ' ant-table-row-selected' : ''),
+        on: {
+          click: () => {
+            this.currTableItem = record
+          }
+        }
+      }
+    }
+  },
+  computed: {
+    visible: {
+      get() {
+        if (this.value) {
+          this.content = ''
+        }
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.nuclide-review {
+  &-search {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-top: 1px solid rgba(12, 235, 201, 0.3);
+    border-bottom: 1px solid rgba(12, 235, 201, 0.3);
+    background-color: rgba(12, 235, 201, 0.05);
+
+    > span {
+      color: @primary-color;
+      width: 30px;
+      height: 30px;
+      border: 1px solid @primary-color;
+      border-radius: 50%;
+      margin: 0 10px;
+      text-align: center;
+      font-size: 20px;
+      cursor: pointer;
+      user-select: none;
+    }
+
+    .ant-form {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  &-table {
+    display: flex;
+    height: 250px;
+    margin-top: 10px;
+
+    &-nuclide {
+      width: 150px;
+      display: flex;
+      flex-direction: column;
+
+      &-header {
+        height: 32px;
+        line-height: 32px;
+        text-align: center;
+        background-color: #126b82;
+      }
+
+      &-content {
+        background-color: #275466;
+        flex: 1;
+        padding: 5px;
+        overflow: auto;
+      }
+
+      &-item {
+        padding: 0 5px;
+        height: 30px;
+        line-height: 30px;
+        cursor: pointer;
+
+        &.active {
+          background-color: #296d81;
+        }
+      }
+    }
+
+    &-table {
+      margin-left: 20px;
+      flex: 1;
+      overflow: hidden;
+
+      .title {
+        ::v-deep {
+          .ant-form {
+            &-item {
+              margin-bottom: 0;
+
+              &-label,
+              &-control {
+                line-height: 32px;
+              }
+            }
+          }
+        }
+      }
+
+      .ant-table-wrapper {
+        &.has-data {
+          ::v-deep {
+            .ant-table-body {
+              height: 180px;
+              background-color: #06282a;
+            }
+          }
+        }
+
+        ::v-deep {
+          .ant-table-placeholder {
+            height: 181px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+
+  &-chart {
+    margin-top: 20px;
+    height: 300px;
+    background-color: #05354c;
+
+    &-item {
+      width: 33%;
+    }
+  }
+}
+
+.custom-table-row {
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue
new file mode 100644
index 0000000..e84bfbe
--- /dev/null
+++ b/src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue
@@ -0,0 +1,459 @@
+<template>
+  <custom-modal v-model="visible" :width="1280" title="Interactive Analyse Tools" :footer="null">
+    <div class="interactive-analysis-tools">
+      <div class="interactive-analysis-tools-left">
+        <div class="chart">
+          <custom-chart :option="option" />
+        </div>
+        <div class="thumbnail"></div>
+        <div class="table">
+          <p class="title">
+            &lt; 6 Peaks with Anthro.Nuclides &gt;
+          </p>
+          <custom-table
+            :class="list.length ? 'has-data' : ''"
+            :list="list"
+            :columns="columns"
+            :scroll="{ y: 288 }"
+            :selectedRowKeys.sync="selectedKeys"
+          >
+          </custom-table>
+          <div class="operators">
+            <a-button type="primary">Nuclide Review Window</a-button>
+            <a-button type="primary" @click="handleAddComment('Peak')">Add Peak Comment</a-button>
+            <a-button type="primary" @click="handleAddComment('General')">Add General Comment</a-button>
+          </div>
+        </div>
+      </div>
+      <div class="interactive-analysis-tools-right">
+        <title-over-boarder title="Peak">
+          <div class="peak-box">
+            <!-- 按钮组1 -->
+            <template v-if="btnGroupType == 1">
+              <div class="peak-box-item">
+                <a-button type="primary">Insert</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">Delete</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">Fit</a-button>
+              </div>
+
+              <div class="peak-box-item symbol" :key="4">
+                <a-button type="primary">&lt;</a-button>
+                <a-button type="primary">&gt;</a-button>
+              </div>
+
+              <div class="peak-box-item base-line">
+                <a-button type="primary" @click="btnGroupType = 2">BaseLine</a-button>
+              </div>
+            </template>
+            <!-- 按钮组2 -->
+            <template v-if="btnGroupType == 2">
+              <div class="peak-box-item">
+                <a-button type="primary">(A)dd CP</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">(R)emove CP</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">(M)odify CP</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">Edit (S)lope</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">Undo</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary">Replot</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary" @click="btnGroupType = 1">Accept</a-button>
+              </div>
+              <div class="peak-box-item">
+                <a-button type="primary" @click="btnGroupType = 1">Cancel</a-button>
+              </div>
+            </template>
+          </div>
+        </title-over-boarder>
+        <div class="reset-btn-box">
+          <a-button type="primary">Reset Chart</a-button>
+        </div>
+        <div class="identify-box">
+          <title-over-boarder title="Nuclide Identify">
+            <a-form-model class="tolerance">
+              <a-form-model-item label="Tolerance">
+                <a-input-number></a-input-number>
+              </a-form-model-item>
+            </a-form-model>
+            <div class="identify-item">
+              <div class="title">
+                Possible Nuclide
+              </div>
+              <div class="content"></div>
+            </div>
+            <div class="identify-item">
+              <div class="title">
+                Nuclide Identified
+              </div>
+              <div class="content"></div>
+            </div>
+            <div class="identify-operators">
+              <a-space>
+                <a-input></a-input>
+                <a-button type="primary">Add</a-button>
+                <a-button type="primary" @click="handleDel">Del</a-button>
+              </a-space>
+            </div>
+          </title-over-boarder>
+        </div>
+      </div>
+    </div>
+
+    <!-- Comment弹窗 开始 -->
+    <comment-modal v-model="commentModalVisible" :type="commentType" />
+    <!-- Comment弹窗 结束 -->
+    <!-- Fit Peaks and Baseline弹窗 开始 -->
+    <fit-peaks-and-base-line-modal v-model="fitPeaksAndBaselineModalVisible" />
+    <!-- Fit Peaks and Baseline弹窗 结束 -->
+    <!-- Nuclide Review 弹窗开始 -->
+    <nuclide-review-modal v-model="nuclideReviewModalVisible" />
+    <!-- Nuclide Review 弹窗结束 -->
+  </custom-modal>
+</template>
+
+<script>
+import CustomChart from '@/components/CustomChart/index.vue'
+import TitleOverBoarder from '../../TitleOverBoarder.vue'
+import CommentModal from './components/CommentModal.vue'
+import FitPeaksAndBaseLineModal from './components/FitPeaksAndBaselineModal.vue'
+import NuclideReviewModal from './components/NuclideReviewModal.vue'
+
+const initialOption = {
+  grid: {
+    top: 20,
+    bottom: 20,
+    left: 100,
+    right: 20
+  },
+  xAxis: {
+    min: 1,
+    max: 8192,
+    interval: 1143,
+    axisLabel: {
+      color: '#fff'
+    },
+    splitLine: {
+      show: false
+    },
+    axisTick: {
+      show: false
+    }
+  },
+  yAxis: {
+    min: 1,
+    max: 994914,
+    axisLabel: {
+      color: '#fff'
+    },
+    name: 'Counts',
+    nameLocation: 'center',
+    nameGap: 60,
+    nameTextStyle: {
+      fontSize: 16,
+      color: '#5b9cba'
+    },
+    splitLine: {
+      show: false
+    },
+    axisTick: {
+      show: false
+    }
+  },
+  series: [
+    {
+      type: 'line',
+      data: [],
+      itemStyle: {
+        color: '#FCFE02'
+      }
+    },
+    {
+      type: 'line',
+      data: [],
+      itemStyle: {
+        color: '#F87E28'
+      }
+    },
+    {
+      type: 'line',
+      data: [],
+      itemStyle: {
+        color: '#01F6FE'
+      }
+    }
+  ]
+}
+
+const columns = [
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    width: 60
+  },
+  {
+    title: 'Energy (keV)',
+    dataIndex: 'energy',
+    width: 120
+  },
+  {
+    title: 'Centroid (C)',
+    dataIndex: 'centroid',
+    width: 120
+  },
+  {
+    title: 'FWHM (keV)',
+    dataIndex: 'fwhm',
+    width: 120
+  },
+  {
+    title: 'Area',
+    dataIndex: 'area',
+    width: 120
+  },
+  {
+    title: 'Detectability',
+    dataIndex: 'detectability',
+    width: 120
+  },
+  {
+    title: 'Cmnt',
+    dataIndex: 'cmnt',
+    width: 120
+  },
+  {
+    title: 'Nuclides',
+    dataIndex: 'nuclides',
+    width: 120
+  }
+]
+
+export default {
+  props: {
+    value: {
+      type: Boolean
+    }
+  },
+  components: {
+    CustomChart,
+    TitleOverBoarder,
+    CommentModal,
+    FitPeaksAndBaseLineModal,
+    NuclideReviewModal
+  },
+  data() {
+    this.columns = columns
+    return {
+      option: initialOption,
+      list: new Array(500).fill(0).map((_, index) => ({
+        id: index.toString(),
+        energy: 'energy',
+        centroid: 'centroid',
+        fwhm: 'fwhm',
+        area: 'area',
+        detectability: 'detectability',
+        cmnt: 'cmnt',
+        nuclides: 'nuclides'
+      })),
+      commentModalVisible: false, // Comment 弹窗是否显示
+      commentType: 'Peak',
+
+      btnGroupType: 1, // 右侧 Peak 中的按钮组切换
+
+      selectedKeys: [], // 选中的列表
+
+      fitPeaksAndBaselineModalVisible: false, // Fit Peaks And Base Line 弹窗
+      nuclideReviewModalVisible: true // Nuclide Review 弹窗
+    }
+  },
+  methods: {
+    // 显示comment弹窗
+    handleAddComment(type) {
+      this.commentType = type
+      this.commentModalVisible = true
+    },
+
+    // 删除
+    handleDel() {
+      if (!this.selectedKeys.length) {
+        this.$message.warn('Please Select At Least 1 Peak To Delete')
+        return
+      }
+
+      this.$warning({
+        title: 'Warning',
+        content: 'Are you sure to delete this peak?',
+        onOk: () => {
+          console.log('%c [  ]-294', 'font-size:13px; background:pink; color:#bf2c9f;', this.selectedKeys)
+        }
+      })
+    }
+  },
+  computed: {
+    visible: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.interactive-analysis-tools {
+  display: flex;
+
+  &-left {
+    width: 75%;
+    margin-right: 20px;
+
+    .chart {
+      height: 331px;
+    }
+
+    .thumbnail {
+      height: 50px;
+      margin-top: 10px;
+      margin-bottom: 35px;
+      background-color: #255369;
+    }
+
+    .table {
+      .title {
+        color: #0cebc9;
+        font-size: 20px;
+        text-align: center;
+        margin-bottom: 10px;
+      }
+
+      .custom-table {
+        &.has-data {
+          ::v-deep {
+            .ant-table-body {
+              height: 288px;
+              background-color: #06282a;
+            }
+          }
+        }
+
+        ::v-deep {
+          .ant-table-placeholder {
+            height: 289px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+        }
+      }
+
+      .operators {
+        display: flex;
+        margin-top: 10px;
+        gap: 10px;
+
+        .ant-btn {
+          flex: 1;
+        }
+      }
+    }
+  }
+
+  &-right {
+    .peak-box {
+      height: 326px;
+
+      &-item:not(:last-child) {
+        margin-bottom: 10px;
+      }
+
+      .symbol {
+        display: flex;
+
+        .ant-btn {
+          flex: 1;
+
+          &:first-child {
+            margin-right: 10px;
+          }
+        }
+      }
+    }
+
+    .base-line {
+      margin-top: 136px;
+    }
+
+    .reset-btn-box {
+      margin-top: 20px;
+      margin-bottom: 30px;
+    }
+
+    .identify-box {
+      .tolerance {
+        ::v-deep {
+          .ant-form-item {
+            margin-bottom: 10px;
+
+            &-control-wrapper {
+              flex: 1;
+            }
+
+            &-control {
+              width: 100%;
+            }
+          }
+        }
+
+        .ant-input-number {
+          width: 100%;
+        }
+      }
+
+      .identify-item {
+        .title {
+          background-color: #497e9d;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          font-size: 16px;
+        }
+
+        .content {
+          height: 80px;
+          background-color: #275466;
+          margin: 10px 0;
+        }
+      }
+
+      .identify-operators {
+        display: flex;
+
+        .ant-btn {
+          width: 50px;
+          padding-left: 5px;
+          padding-right: 5px;
+        }
+      }
+    }
+  }
+
+  .ant-btn {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue b/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue
index f93e8d6..6be16e6 100644
--- a/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue
@@ -26,7 +26,7 @@
           <a-radio value="auto">From Auto DB</a-radio>
           <a-radio value="man">From Interactive DB</a-radio>
         </a-radio-group>
-        <a-button type="primary" :loading="isLoadingSample" @click="handleLoad">Load</a-button>
+        <a-button type="primary" @click="handleLoad">Load</a-button>
       </a-space>
     </template>
   </custom-modal>
@@ -107,7 +107,7 @@ export default {
     this.disableMixinCreated = true
     return {
       queryParam: {
-        menuTypes: [],
+        menuTypes: undefined,
         startDate: moment()
           .add(-7, 'd')
           .format('YYYY-MM-DD'),
@@ -121,8 +121,7 @@ export default {
       detectorList: [],
       url: {
         list: '/spectrumAnalysis/getDBSpectrumList'
-      },
-      isLoadingSample: false // 正在加载样例
+      }
     }
   },
   methods: {
@@ -185,14 +184,9 @@ export default {
         this.$message.warn('Please Select Databases To Load')
         return
       }
-
-      console.log('%c [  ]-190', 'font-size:13px; background:pink; color:#bf2c9f;', this.selectionRows)
-      this.isLoadingSample = true
-      const res = await ''
-      console.log('%c [ res ]-156', 'font-size:13px; background:pink; color:#bf2c9f;', res)
       this.selectedRowKeys = []
-      this.isLoadingSample = false
       this.visible = false
+      this.$emit('loadSample', this.selectionRows)
     },
 
     // 获取台站和探测器列表
diff --git a/src/views/spectrumAnalysis/components/SpectraListInMenu.vue b/src/views/spectrumAnalysis/components/SpectraListInMenu.vue
index ae86d3e..29bbd00 100644
--- a/src/views/spectrumAnalysis/components/SpectraListInMenu.vue
+++ b/src/views/spectrumAnalysis/components/SpectraListInMenu.vue
@@ -1,10 +1,10 @@
 <template>
   <a-menu class="spectra-list-in-menu">
-    <a-menu-item v-for="item in list" :key="item.id" @click="handleClick(item)">
+    <a-menu-item v-for="item in list" :key="item.sampleId" @click="handleClick(item)">
       <span class="checkbox">
         <a-icon v-if="item.checked" type="check" style="color: #0de30d" />
       </span>
-      <span class="name">{{ item.name }}</span>
+      <span class="name">{{ getFileName(item.inputFileName) }}</span>
       <a-icon type="delete" @click.stop="handleRemove(item)" />
     </a-menu-item>
   </a-menu>
@@ -40,6 +40,24 @@ export default {
         }
       }
       this.$forceUpdate()
+    },
+
+    /**
+     * 获取文件名
+     * @param {String} inputFileName
+     */
+    getFileName(inputFileName) {
+      if (inputFileName) {
+        const arr = inputFileName.split('/')
+        return arr[arr.length - 1]
+      }
+    }
+  },
+  watch: {
+    list(newVal) {
+      if (newVal.length) {
+        this.handleClick(newVal[0])
+      }
     }
   }
 }
diff --git a/src/views/spectrumAnalysis/components/SpectrumLineChart.vue b/src/views/spectrumAnalysis/components/SpectrumLineChart.vue
index 88f7373..b3f38f8 100644
--- a/src/views/spectrumAnalysis/components/SpectrumLineChart.vue
+++ b/src/views/spectrumAnalysis/components/SpectrumLineChart.vue
@@ -66,8 +66,8 @@ const initialOption = {
   },
   yAxis: {
     min: 0,
-    max: 21099,
-    interval: 21000 / 4,
+    max: 0,
+    interval: 0,
     axisLine: {
       show: true,
       lineStyle: {
@@ -92,12 +92,7 @@ const initialOption = {
       color: ''
     },
     symbol: 'none',
-    data: new Array(256)
-      .fill(0)
-      .map((_, index) => [
-        index,
-        Math.random() < 0.05 ? parseInt(Math.random() * 19644) : parseInt(Math.random() * 800)
-      ]),
+    data: [],
     markLine: {
       symbol: 'none',
       animation: false,
@@ -127,6 +122,10 @@ export default {
     title: {
       type: String,
       default: 'Gamma'
+    },
+    data: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -157,7 +156,10 @@ export default {
         if (xAxis) {
           this.option.series.markLine.data = [{ xAxis }]
           this.summary.channel = xAxis
-          this.summary.count = this.option.series.data[xAxis][1]
+          const find = this.data.find(item => item.x == xAxis)
+          if (find) {
+            this.summary.count = find.y
+          }
         } else {
           this.option.series.markLine.data = []
           this.summary.channel = 0
@@ -244,6 +246,18 @@ export default {
     emitRangeChange(range) {
       this.$emit('rangeChange', range)
     }
+  },
+  watch: {
+    data: {
+      handler(newVal) {
+        this.option.series.data = newVal.map(({ x, y }) => [x, y])
+
+        const max = Math.max(...newVal.map(item => item.y))
+        this.option.yAxis.interval = Math.ceil(max / 4)
+        this.option.yAxis.max = this.option.yAxis.interval * 4
+      },
+      immediate: true
+    }
   }
 }
 </script>
diff --git a/src/views/spectrumAnalysis/components/SubOperators/ButtonWithSwitchIcon.vue b/src/views/spectrumAnalysis/components/SubOperators/ButtonWithSwitchIcon.vue
index b99a8f0..c1a2340 100644
--- a/src/views/spectrumAnalysis/components/SubOperators/ButtonWithSwitchIcon.vue
+++ b/src/views/spectrumAnalysis/components/SubOperators/ButtonWithSwitchIcon.vue
@@ -1,10 +1,14 @@
 <template>
   <div class="btn-with-switch-icon">
-    <img src="@/assets/images/spectrum/left-arrow.png" @click="handleClick('left')" />
+    <i @click="handleClick('left')">
+      <img src="@/assets/images/spectrum/left-arrow.png" />
+    </i>
     <span>
       <slot></slot>
     </span>
-    <img src="@/assets/images/spectrum/right-arrow.png" @click="handleClick('right')" />
+    <i @click="handleClick('right')">
+      <img src="@/assets/images/spectrum/right-arrow.png" />
+    </i>
   </div>
 </template>
 
@@ -24,20 +28,21 @@ export default {
   justify-content: space-between;
   align-items: center;
   border: 1px solid #0a544e;
-  padding: 0 12px;
+  padding: 0 4px;
   height: 100%;
   letter-spacing: 1px;
   color: #ade6ee;
 
+  i {
+    cursor: pointer;
+    width: 16px;
+    text-align: center;
+  }
+
   span {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    margin: 0 5px;
-  }
-
-  img {
-    cursor: pointer;
   }
 }
 </style>
diff --git a/src/views/spectrumAnalysis/data.json b/src/views/spectrumAnalysis/data.json
deleted file mode 100644
index cbb96c9..0000000
--- a/src/views/spectrumAnalysis/data.json
+++ /dev/null
@@ -1,4195 +0,0 @@
-{
-    "10-50": [],
-    "50-100": [],
-    "> 100": [],
-    "1-5": [
-        {
-            "b": 7,
-            "g": 2,
-            "c": 2
-        },
-        {
-            "b": 6,
-            "g": 3,
-            "c": 2
-        },
-        {
-            "b": 6,
-            "g": 4,
-            "c": 2
-        },
-        {
-            "b": 8,
-            "g": 4,
-            "c": 2
-        },
-        {
-            "b": 14,
-            "g": 15,
-            "c": 2
-        },
-        {
-            "b": 3,
-            "g": 47,
-            "c": 2
-        },
-        {
-            "b": 19,
-            "g": 51,
-            "c": 2
-        },
-        {
-            "b": 127,
-            "g": 75,
-            "c": 2
-        },
-        {
-            "b": 34,
-            "g": 82,
-            "c": 2
-        },
-        {
-            "b": 23,
-            "g": 83,
-            "c": 2
-        },
-        {
-            "b": 10,
-            "g": 101,
-            "c": 2
-        },
-        {
-            "b": 34,
-            "g": 169,
-            "c": 2
-        }
-    ],
-    "= 1": [
-        {
-            "b": 18,
-            "g": 1,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 1,
-            "c": 1
-        },
-        {
-            "b": 80,
-            "g": 1,
-            "c": 1
-        },
-        {
-            "b": 142,
-            "g": 1,
-            "c": 1
-        },
-        {
-            "b": 10,
-            "g": 2,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 2,
-            "c": 1
-        },
-        {
-            "b": 50,
-            "g": 2,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 22,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 30,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 80,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 145,
-            "g": 3,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 4,
-            "c": 1
-        },
-        {
-            "b": 105,
-            "g": 4,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 73,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 89,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 118,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 140,
-            "g": 5,
-            "c": 1
-        },
-        {
-            "b": 2,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 8,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 28,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 41,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 55,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 75,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 117,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 123,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 161,
-            "g": 6,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 7,
-            "c": 1
-        },
-        {
-            "b": 165,
-            "g": 7,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 8,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 8,
-            "c": 1
-        },
-        {
-            "b": 111,
-            "g": 8,
-            "c": 1
-        },
-        {
-            "b": 137,
-            "g": 8,
-            "c": 1
-        },
-        {
-            "b": 214,
-            "g": 8,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 9,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 9,
-            "c": 1
-        },
-        {
-            "b": 70,
-            "g": 9,
-            "c": 1
-        },
-        {
-            "b": 132,
-            "g": 9,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 22,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 44,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 73,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 116,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 172,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 173,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 215,
-            "g": 10,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 99,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 111,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 145,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 161,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 240,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 244,
-            "g": 11,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 12,
-            "c": 1
-        },
-        {
-            "b": 111,
-            "g": 12,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 13,
-            "c": 1
-        },
-        {
-            "b": 38,
-            "g": 13,
-            "c": 1
-        },
-        {
-            "b": 92,
-            "g": 13,
-            "c": 1
-        },
-        {
-            "b": 117,
-            "g": 13,
-            "c": 1
-        },
-        {
-            "b": 67,
-            "g": 14,
-            "c": 1
-        },
-        {
-            "b": 125,
-            "g": 14,
-            "c": 1
-        },
-        {
-            "b": 201,
-            "g": 14,
-            "c": 1
-        },
-        {
-            "b": 233,
-            "g": 14,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 15,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 15,
-            "c": 1
-        },
-        {
-            "b": 97,
-            "g": 15,
-            "c": 1
-        },
-        {
-            "b": 217,
-            "g": 15,
-            "c": 1
-        },
-        {
-            "b": 241,
-            "g": 15,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 16,
-            "c": 1
-        },
-        {
-            "b": 251,
-            "g": 16,
-            "c": 1
-        },
-        {
-            "b": 100,
-            "g": 17,
-            "c": 1
-        },
-        {
-            "b": 166,
-            "g": 17,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 18,
-            "c": 1
-        },
-        {
-            "b": 84,
-            "g": 18,
-            "c": 1
-        },
-        {
-            "b": 135,
-            "g": 18,
-            "c": 1
-        },
-        {
-            "b": 139,
-            "g": 18,
-            "c": 1
-        },
-        {
-            "b": 203,
-            "g": 18,
-            "c": 1
-        },
-        {
-            "b": 246,
-            "g": 18,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 19,
-            "c": 1
-        },
-        {
-            "b": 249,
-            "g": 19,
-            "c": 1
-        },
-        {
-            "b": 251,
-            "g": 19,
-            "c": 1
-        },
-        {
-            "b": 2,
-            "g": 20,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 20,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 20,
-            "c": 1
-        },
-        {
-            "b": 86,
-            "g": 20,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 58,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 131,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 144,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 159,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 203,
-            "g": 21,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 109,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 163,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 192,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 235,
-            "g": 22,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 23,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 23,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 23,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 23,
-            "c": 1
-        },
-        {
-            "b": 79,
-            "g": 23,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 24,
-            "c": 1
-        },
-        {
-            "b": 78,
-            "g": 24,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 25,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 25,
-            "c": 1
-        },
-        {
-            "b": 223,
-            "g": 25,
-            "c": 1
-        },
-        {
-            "b": 234,
-            "g": 25,
-            "c": 1
-        },
-        {
-            "b": 2,
-            "g": 26,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 26,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 26,
-            "c": 1
-        },
-        {
-            "b": 136,
-            "g": 26,
-            "c": 1
-        },
-        {
-            "b": 231,
-            "g": 26,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 27,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 27,
-            "c": 1
-        },
-        {
-            "b": 51,
-            "g": 27,
-            "c": 1
-        },
-        {
-            "b": 88,
-            "g": 27,
-            "c": 1
-        },
-        {
-            "b": 98,
-            "g": 27,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 28,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 28,
-            "c": 1
-        },
-        {
-            "b": 110,
-            "g": 28,
-            "c": 1
-        },
-        {
-            "b": 121,
-            "g": 28,
-            "c": 1
-        },
-        {
-            "b": 148,
-            "g": 28,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 29,
-            "c": 1
-        },
-        {
-            "b": 96,
-            "g": 29,
-            "c": 1
-        },
-        {
-            "b": 100,
-            "g": 29,
-            "c": 1
-        },
-        {
-            "b": 123,
-            "g": 29,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 30,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 30,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 30,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 30,
-            "c": 1
-        },
-        {
-            "b": 50,
-            "g": 30,
-            "c": 1
-        },
-        {
-            "b": 94,
-            "g": 30,
-            "c": 1
-        },
-        {
-            "b": 24,
-            "g": 31,
-            "c": 1
-        },
-        {
-            "b": 41,
-            "g": 31,
-            "c": 1
-        },
-        {
-            "b": 153,
-            "g": 31,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 32,
-            "c": 1
-        },
-        {
-            "b": 33,
-            "g": 32,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 32,
-            "c": 1
-        },
-        {
-            "b": 67,
-            "g": 32,
-            "c": 1
-        },
-        {
-            "b": 127,
-            "g": 32,
-            "c": 1
-        },
-        {
-            "b": 225,
-            "g": 32,
-            "c": 1
-        },
-        {
-            "b": 68,
-            "g": 33,
-            "c": 1
-        },
-        {
-            "b": 74,
-            "g": 33,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 33,
-            "c": 1
-        },
-        {
-            "b": 24,
-            "g": 34,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 34,
-            "c": 1
-        },
-        {
-            "b": 167,
-            "g": 34,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 35,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 35,
-            "c": 1
-        },
-        {
-            "b": 88,
-            "g": 36,
-            "c": 1
-        },
-        {
-            "b": 89,
-            "g": 36,
-            "c": 1
-        },
-        {
-            "b": 143,
-            "g": 36,
-            "c": 1
-        },
-        {
-            "b": 186,
-            "g": 36,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 37,
-            "c": 1
-        },
-        {
-            "b": 48,
-            "g": 37,
-            "c": 1
-        },
-        {
-            "b": 66,
-            "g": 37,
-            "c": 1
-        },
-        {
-            "b": 157,
-            "g": 37,
-            "c": 1
-        },
-        {
-            "b": 221,
-            "g": 38,
-            "c": 1
-        },
-        {
-            "b": 234,
-            "g": 38,
-            "c": 1
-        },
-        {
-            "b": 44,
-            "g": 39,
-            "c": 1
-        },
-        {
-            "b": 12,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 27,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 52,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 88,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 130,
-            "g": 40,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 41,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 10,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 24,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 30,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 31,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 42,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 43,
-            "c": 1
-        },
-        {
-            "b": 67,
-            "g": 43,
-            "c": 1
-        },
-        {
-            "b": 97,
-            "g": 43,
-            "c": 1
-        },
-        {
-            "b": 152,
-            "g": 43,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 44,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 44,
-            "c": 1
-        },
-        {
-            "b": 131,
-            "g": 44,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 45,
-            "c": 1
-        },
-        {
-            "b": 235,
-            "g": 45,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 10,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 41,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 73,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 201,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 231,
-            "g": 46,
-            "c": 1
-        },
-        {
-            "b": 12,
-            "g": 47,
-            "c": 1
-        },
-        {
-            "b": 24,
-            "g": 47,
-            "c": 1
-        },
-        {
-            "b": 28,
-            "g": 47,
-            "c": 1
-        },
-        {
-            "b": 40,
-            "g": 47,
-            "c": 1
-        },
-        {
-            "b": 103,
-            "g": 47,
-            "c": 1
-        },
-        {
-            "b": 198,
-            "g": 47,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 48,
-            "c": 1
-        },
-        {
-            "b": 57,
-            "g": 48,
-            "c": 1
-        },
-        {
-            "b": 70,
-            "g": 48,
-            "c": 1
-        },
-        {
-            "b": 228,
-            "g": 48,
-            "c": 1
-        },
-        {
-            "b": 247,
-            "g": 48,
-            "c": 1
-        },
-        {
-            "b": 40,
-            "g": 49,
-            "c": 1
-        },
-        {
-            "b": 73,
-            "g": 49,
-            "c": 1
-        },
-        {
-            "b": 119,
-            "g": 49,
-            "c": 1
-        },
-        {
-            "b": 144,
-            "g": 49,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 50,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 50,
-            "c": 1
-        },
-        {
-            "b": 168,
-            "g": 50,
-            "c": 1
-        },
-        {
-            "b": 206,
-            "g": 50,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 51,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 51,
-            "c": 1
-        },
-        {
-            "b": 67,
-            "g": 51,
-            "c": 1
-        },
-        {
-            "b": 137,
-            "g": 51,
-            "c": 1
-        },
-        {
-            "b": 218,
-            "g": 51,
-            "c": 1
-        },
-        {
-            "b": 225,
-            "g": 51,
-            "c": 1
-        },
-        {
-            "b": 2,
-            "g": 52,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 52,
-            "c": 1
-        },
-        {
-            "b": 30,
-            "g": 52,
-            "c": 1
-        },
-        {
-            "b": 196,
-            "g": 52,
-            "c": 1
-        },
-        {
-            "b": 250,
-            "g": 52,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 53,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 53,
-            "c": 1
-        },
-        {
-            "b": 50,
-            "g": 53,
-            "c": 1
-        },
-        {
-            "b": 66,
-            "g": 53,
-            "c": 1
-        },
-        {
-            "b": 8,
-            "g": 54,
-            "c": 1
-        },
-        {
-            "b": 48,
-            "g": 54,
-            "c": 1
-        },
-        {
-            "b": 55,
-            "g": 54,
-            "c": 1
-        },
-        {
-            "b": 123,
-            "g": 54,
-            "c": 1
-        },
-        {
-            "b": 8,
-            "g": 55,
-            "c": 1
-        },
-        {
-            "b": 44,
-            "g": 55,
-            "c": 1
-        },
-        {
-            "b": 87,
-            "g": 55,
-            "c": 1
-        },
-        {
-            "b": 126,
-            "g": 55,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 56,
-            "c": 1
-        },
-        {
-            "b": 84,
-            "g": 56,
-            "c": 1
-        },
-        {
-            "b": 97,
-            "g": 56,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 12,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 43,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 54,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 57,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 163,
-            "g": 57,
-            "c": 1
-        },
-        {
-            "b": 27,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 65,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 67,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 87,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 111,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 113,
-            "g": 58,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 59,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 59,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 59,
-            "c": 1
-        },
-        {
-            "b": 169,
-            "g": 59,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 40,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 86,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 101,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 119,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 148,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 223,
-            "g": 60,
-            "c": 1
-        },
-        {
-            "b": 27,
-            "g": 61,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 61,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 61,
-            "c": 1
-        },
-        {
-            "b": 43,
-            "g": 61,
-            "c": 1
-        },
-        {
-            "b": 86,
-            "g": 61,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 46,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 157,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 158,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 207,
-            "g": 62,
-            "c": 1
-        },
-        {
-            "b": 56,
-            "g": 63,
-            "c": 1
-        },
-        {
-            "b": 179,
-            "g": 63,
-            "c": 1
-        },
-        {
-            "b": 38,
-            "g": 64,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 64,
-            "c": 1
-        },
-        {
-            "b": 50,
-            "g": 64,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 30,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 54,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 60,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 61,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 117,
-            "g": 65,
-            "c": 1
-        },
-        {
-            "b": 82,
-            "g": 66,
-            "c": 1
-        },
-        {
-            "b": 139,
-            "g": 66,
-            "c": 1
-        },
-        {
-            "b": 147,
-            "g": 66,
-            "c": 1
-        },
-        {
-            "b": 159,
-            "g": 66,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 40,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 88,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 111,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 114,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 166,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 186,
-            "g": 67,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 68,
-            "c": 1
-        },
-        {
-            "b": 87,
-            "g": 68,
-            "c": 1
-        },
-        {
-            "b": 100,
-            "g": 68,
-            "c": 1
-        },
-        {
-            "b": 151,
-            "g": 68,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 69,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 69,
-            "c": 1
-        },
-        {
-            "b": 59,
-            "g": 69,
-            "c": 1
-        },
-        {
-            "b": 83,
-            "g": 69,
-            "c": 1
-        },
-        {
-            "b": 161,
-            "g": 69,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 31,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 34,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 48,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 148,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 202,
-            "g": 70,
-            "c": 1
-        },
-        {
-            "b": 59,
-            "g": 71,
-            "c": 1
-        },
-        {
-            "b": 74,
-            "g": 71,
-            "c": 1
-        },
-        {
-            "b": 103,
-            "g": 71,
-            "c": 1
-        },
-        {
-            "b": 40,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 49,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 71,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 74,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 132,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 133,
-            "g": 72,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 73,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 73,
-            "c": 1
-        },
-        {
-            "b": 44,
-            "g": 73,
-            "c": 1
-        },
-        {
-            "b": 129,
-            "g": 73,
-            "c": 1
-        },
-        {
-            "b": 136,
-            "g": 73,
-            "c": 1
-        },
-        {
-            "b": 157,
-            "g": 73,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 67,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 69,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 109,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 139,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 140,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 142,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 146,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 180,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 203,
-            "g": 74,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 52,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 55,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 122,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 155,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 175,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 226,
-            "g": 75,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 22,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 134,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 142,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 197,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 203,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 244,
-            "g": 76,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 52,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 60,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 84,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 105,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 128,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 192,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 216,
-            "g": 77,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 53,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 56,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 75,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 123,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 132,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 143,
-            "g": 78,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 51,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 96,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 140,
-            "g": 79,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 80,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 80,
-            "c": 1
-        },
-        {
-            "b": 75,
-            "g": 80,
-            "c": 1
-        },
-        {
-            "b": 104,
-            "g": 80,
-            "c": 1
-        },
-        {
-            "b": 123,
-            "g": 80,
-            "c": 1
-        },
-        {
-            "b": 244,
-            "g": 80,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 81,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 81,
-            "c": 1
-        },
-        {
-            "b": 53,
-            "g": 81,
-            "c": 1
-        },
-        {
-            "b": 245,
-            "g": 81,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 82,
-            "c": 1
-        },
-        {
-            "b": 193,
-            "g": 82,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 33,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 34,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 51,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 88,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 193,
-            "g": 83,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 18,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 40,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 80,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 141,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 215,
-            "g": 84,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 48,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 63,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 72,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 87,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 96,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 85,
-            "c": 1
-        },
-        {
-            "b": 171,
-            "g": 86,
-            "c": 1
-        },
-        {
-            "b": 205,
-            "g": 86,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 87,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 87,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 87,
-            "c": 1
-        },
-        {
-            "b": 147,
-            "g": 87,
-            "c": 1
-        },
-        {
-            "b": 238,
-            "g": 87,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 88,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 88,
-            "c": 1
-        },
-        {
-            "b": 56,
-            "g": 88,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 88,
-            "c": 1
-        },
-        {
-            "b": 194,
-            "g": 88,
-            "c": 1
-        },
-        {
-            "b": 201,
-            "g": 88,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 90,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 95,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 135,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 202,
-            "g": 89,
-            "c": 1
-        },
-        {
-            "b": 241,
-            "g": 90,
-            "c": 1
-        },
-        {
-            "b": 2,
-            "g": 91,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 91,
-            "c": 1
-        },
-        {
-            "b": 73,
-            "g": 91,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 92,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 92,
-            "c": 1
-        },
-        {
-            "b": 41,
-            "g": 92,
-            "c": 1
-        },
-        {
-            "b": 53,
-            "g": 92,
-            "c": 1
-        },
-        {
-            "b": 145,
-            "g": 92,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 93,
-            "c": 1
-        },
-        {
-            "b": 10,
-            "g": 93,
-            "c": 1
-        },
-        {
-            "b": 18,
-            "g": 93,
-            "c": 1
-        },
-        {
-            "b": 53,
-            "g": 93,
-            "c": 1
-        },
-        {
-            "b": 149,
-            "g": 93,
-            "c": 1
-        },
-        {
-            "b": 152,
-            "g": 93,
-            "c": 1
-        },
-        {
-            "b": 63,
-            "g": 94,
-            "c": 1
-        },
-        {
-            "b": 183,
-            "g": 94,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 10,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 56,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 86,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 187,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 190,
-            "g": 95,
-            "c": 1
-        },
-        {
-            "b": 65,
-            "g": 96,
-            "c": 1
-        },
-        {
-            "b": 133,
-            "g": 96,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 97,
-            "c": 1
-        },
-        {
-            "b": 103,
-            "g": 97,
-            "c": 1
-        },
-        {
-            "b": 159,
-            "g": 97,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 98,
-            "c": 1
-        },
-        {
-            "b": 81,
-            "g": 98,
-            "c": 1
-        },
-        {
-            "b": 208,
-            "g": 98,
-            "c": 1
-        },
-        {
-            "b": 180,
-            "g": 99,
-            "c": 1
-        },
-        {
-            "b": 215,
-            "g": 99,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 100,
-            "c": 1
-        },
-        {
-            "b": 72,
-            "g": 100,
-            "c": 1
-        },
-        {
-            "b": 75,
-            "g": 100,
-            "c": 1
-        },
-        {
-            "b": 137,
-            "g": 100,
-            "c": 1
-        },
-        {
-            "b": 8,
-            "g": 101,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 101,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 101,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 101,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 101,
-            "c": 1
-        },
-        {
-            "b": 135,
-            "g": 101,
-            "c": 1
-        },
-        {
-            "b": 22,
-            "g": 102,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 102,
-            "c": 1
-        },
-        {
-            "b": 28,
-            "g": 102,
-            "c": 1
-        },
-        {
-            "b": 167,
-            "g": 102,
-            "c": 1
-        },
-        {
-            "b": 225,
-            "g": 103,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 104,
-            "c": 1
-        },
-        {
-            "b": 117,
-            "g": 105,
-            "c": 1
-        },
-        {
-            "b": 135,
-            "g": 105,
-            "c": 1
-        },
-        {
-            "b": 168,
-            "g": 105,
-            "c": 1
-        },
-        {
-            "b": 214,
-            "g": 105,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 106,
-            "c": 1
-        },
-        {
-            "b": 72,
-            "g": 106,
-            "c": 1
-        },
-        {
-            "b": 149,
-            "g": 106,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 107,
-            "c": 1
-        },
-        {
-            "b": 50,
-            "g": 107,
-            "c": 1
-        },
-        {
-            "b": 58,
-            "g": 107,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 108,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 108,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 108,
-            "c": 1
-        },
-        {
-            "b": 55,
-            "g": 108,
-            "c": 1
-        },
-        {
-            "b": 210,
-            "g": 108,
-            "c": 1
-        },
-        {
-            "b": 242,
-            "g": 108,
-            "c": 1
-        },
-        {
-            "b": 34,
-            "g": 109,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 109,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 110,
-            "c": 1
-        },
-        {
-            "b": 75,
-            "g": 110,
-            "c": 1
-        },
-        {
-            "b": 244,
-            "g": 110,
-            "c": 1
-        },
-        {
-            "b": 12,
-            "g": 112,
-            "c": 1
-        },
-        {
-            "b": 28,
-            "g": 112,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 112,
-            "c": 1
-        },
-        {
-            "b": 63,
-            "g": 112,
-            "c": 1
-        },
-        {
-            "b": 70,
-            "g": 113,
-            "c": 1
-        },
-        {
-            "b": 189,
-            "g": 113,
-            "c": 1
-        },
-        {
-            "b": 223,
-            "g": 113,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 114,
-            "c": 1
-        },
-        {
-            "b": 91,
-            "g": 114,
-            "c": 1
-        },
-        {
-            "b": 105,
-            "g": 114,
-            "c": 1
-        },
-        {
-            "b": 128,
-            "g": 114,
-            "c": 1
-        },
-        {
-            "b": 65,
-            "g": 115,
-            "c": 1
-        },
-        {
-            "b": 163,
-            "g": 115,
-            "c": 1
-        },
-        {
-            "b": 205,
-            "g": 115,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 116,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 119,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 119,
-            "c": 1
-        },
-        {
-            "b": 88,
-            "g": 119,
-            "c": 1
-        },
-        {
-            "b": 180,
-            "g": 119,
-            "c": 1
-        },
-        {
-            "b": 95,
-            "g": 120,
-            "c": 1
-        },
-        {
-            "b": 109,
-            "g": 120,
-            "c": 1
-        },
-        {
-            "b": 140,
-            "g": 120,
-            "c": 1
-        },
-        {
-            "b": 208,
-            "g": 120,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 121,
-            "c": 1
-        },
-        {
-            "b": 22,
-            "g": 121,
-            "c": 1
-        },
-        {
-            "b": 100,
-            "g": 121,
-            "c": 1
-        },
-        {
-            "b": 44,
-            "g": 122,
-            "c": 1
-        },
-        {
-            "b": 108,
-            "g": 122,
-            "c": 1
-        },
-        {
-            "b": 18,
-            "g": 123,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 123,
-            "c": 1
-        },
-        {
-            "b": 57,
-            "g": 123,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 123,
-            "c": 1
-        },
-        {
-            "b": 123,
-            "g": 123,
-            "c": 1
-        },
-        {
-            "b": 235,
-            "g": 123,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 124,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 125,
-            "c": 1
-        },
-        {
-            "b": 74,
-            "g": 126,
-            "c": 1
-        },
-        {
-            "b": 146,
-            "g": 126,
-            "c": 1
-        },
-        {
-            "b": 156,
-            "g": 126,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 127,
-            "c": 1
-        },
-        {
-            "b": 12,
-            "g": 127,
-            "c": 1
-        },
-        {
-            "b": 73,
-            "g": 127,
-            "c": 1
-        },
-        {
-            "b": 147,
-            "g": 127,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 128,
-            "c": 1
-        },
-        {
-            "b": 31,
-            "g": 128,
-            "c": 1
-        },
-        {
-            "b": 117,
-            "g": 128,
-            "c": 1
-        },
-        {
-            "b": 126,
-            "g": 128,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 129,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 129,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 129,
-            "c": 1
-        },
-        {
-            "b": 43,
-            "g": 129,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 129,
-            "c": 1
-        },
-        {
-            "b": 145,
-            "g": 129,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 131,
-            "c": 1
-        },
-        {
-            "b": 134,
-            "g": 131,
-            "c": 1
-        },
-        {
-            "b": 170,
-            "g": 131,
-            "c": 1
-        },
-        {
-            "b": 191,
-            "g": 131,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 132,
-            "c": 1
-        },
-        {
-            "b": 55,
-            "g": 132,
-            "c": 1
-        },
-        {
-            "b": 131,
-            "g": 132,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 133,
-            "c": 1
-        },
-        {
-            "b": 34,
-            "g": 133,
-            "c": 1
-        },
-        {
-            "b": 42,
-            "g": 133,
-            "c": 1
-        },
-        {
-            "b": 49,
-            "g": 133,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 134,
-            "c": 1
-        },
-        {
-            "b": 60,
-            "g": 134,
-            "c": 1
-        },
-        {
-            "b": 192,
-            "g": 134,
-            "c": 1
-        },
-        {
-            "b": 79,
-            "g": 135,
-            "c": 1
-        },
-        {
-            "b": 173,
-            "g": 135,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 136,
-            "c": 1
-        },
-        {
-            "b": 12,
-            "g": 136,
-            "c": 1
-        },
-        {
-            "b": 46,
-            "g": 136,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 137,
-            "c": 1
-        },
-        {
-            "b": 92,
-            "g": 138,
-            "c": 1
-        },
-        {
-            "b": 130,
-            "g": 138,
-            "c": 1
-        },
-        {
-            "b": 139,
-            "g": 138,
-            "c": 1
-        },
-        {
-            "b": 96,
-            "g": 139,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 140,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 140,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 140,
-            "c": 1
-        },
-        {
-            "b": 207,
-            "g": 140,
-            "c": 1
-        },
-        {
-            "b": 64,
-            "g": 141,
-            "c": 1
-        },
-        {
-            "b": 69,
-            "g": 141,
-            "c": 1
-        },
-        {
-            "b": 124,
-            "g": 141,
-            "c": 1
-        },
-        {
-            "b": 140,
-            "g": 141,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 142,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 143,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 143,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 143,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 143,
-            "c": 1
-        },
-        {
-            "b": 146,
-            "g": 143,
-            "c": 1
-        },
-        {
-            "b": 8,
-            "g": 144,
-            "c": 1
-        },
-        {
-            "b": 24,
-            "g": 144,
-            "c": 1
-        },
-        {
-            "b": 167,
-            "g": 144,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 145,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 145,
-            "c": 1
-        },
-        {
-            "b": 64,
-            "g": 145,
-            "c": 1
-        },
-        {
-            "b": 72,
-            "g": 146,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 148,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 148,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 149,
-            "c": 1
-        },
-        {
-            "b": 30,
-            "g": 149,
-            "c": 1
-        },
-        {
-            "b": 167,
-            "g": 150,
-            "c": 1
-        },
-        {
-            "b": 246,
-            "g": 150,
-            "c": 1
-        },
-        {
-            "b": 61,
-            "g": 151,
-            "c": 1
-        },
-        {
-            "b": 133,
-            "g": 151,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 152,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 152,
-            "c": 1
-        },
-        {
-            "b": 192,
-            "g": 152,
-            "c": 1
-        },
-        {
-            "b": 198,
-            "g": 153,
-            "c": 1
-        },
-        {
-            "b": 61,
-            "g": 154,
-            "c": 1
-        },
-        {
-            "b": 103,
-            "g": 154,
-            "c": 1
-        },
-        {
-            "b": 180,
-            "g": 154,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 155,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 156,
-            "c": 1
-        },
-        {
-            "b": 27,
-            "g": 156,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 157,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 157,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 157,
-            "c": 1
-        },
-        {
-            "b": 128,
-            "g": 157,
-            "c": 1
-        },
-        {
-            "b": 131,
-            "g": 157,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 158,
-            "c": 1
-        },
-        {
-            "b": 49,
-            "g": 159,
-            "c": 1
-        },
-        {
-            "b": 139,
-            "g": 159,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 160,
-            "c": 1
-        },
-        {
-            "b": 8,
-            "g": 161,
-            "c": 1
-        },
-        {
-            "b": 24,
-            "g": 161,
-            "c": 1
-        },
-        {
-            "b": 125,
-            "g": 161,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 162,
-            "c": 1
-        },
-        {
-            "b": 48,
-            "g": 162,
-            "c": 1
-        },
-        {
-            "b": 60,
-            "g": 162,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 163,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 163,
-            "c": 1
-        },
-        {
-            "b": 129,
-            "g": 163,
-            "c": 1
-        },
-        {
-            "b": 134,
-            "g": 164,
-            "c": 1
-        },
-        {
-            "b": 144,
-            "g": 164,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 165,
-            "c": 1
-        },
-        {
-            "b": 15,
-            "g": 165,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 166,
-            "c": 1
-        },
-        {
-            "b": 34,
-            "g": 166,
-            "c": 1
-        },
-        {
-            "b": 86,
-            "g": 166,
-            "c": 1
-        },
-        {
-            "b": 209,
-            "g": 166,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 167,
-            "c": 1
-        },
-        {
-            "b": 29,
-            "g": 167,
-            "c": 1
-        },
-        {
-            "b": 71,
-            "g": 167,
-            "c": 1
-        },
-        {
-            "b": 91,
-            "g": 167,
-            "c": 1
-        },
-        {
-            "b": 13,
-            "g": 168,
-            "c": 1
-        },
-        {
-            "b": 18,
-            "g": 168,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 168,
-            "c": 1
-        },
-        {
-            "b": 89,
-            "g": 168,
-            "c": 1
-        },
-        {
-            "b": 121,
-            "g": 168,
-            "c": 1
-        },
-        {
-            "b": 180,
-            "g": 168,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 169,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 170,
-            "c": 1
-        },
-        {
-            "b": 27,
-            "g": 170,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 170,
-            "c": 1
-        },
-        {
-            "b": 152,
-            "g": 170,
-            "c": 1
-        },
-        {
-            "b": 161,
-            "g": 170,
-            "c": 1
-        },
-        {
-            "b": 98,
-            "g": 171,
-            "c": 1
-        },
-        {
-            "b": 124,
-            "g": 171,
-            "c": 1
-        },
-        {
-            "b": 41,
-            "g": 172,
-            "c": 1
-        },
-        {
-            "b": 66,
-            "g": 172,
-            "c": 1
-        },
-        {
-            "b": 71,
-            "g": 172,
-            "c": 1
-        },
-        {
-            "b": 84,
-            "g": 172,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 173,
-            "c": 1
-        },
-        {
-            "b": 164,
-            "g": 173,
-            "c": 1
-        },
-        {
-            "b": 10,
-            "g": 174,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 175,
-            "c": 1
-        },
-        {
-            "b": 57,
-            "g": 175,
-            "c": 1
-        },
-        {
-            "b": 223,
-            "g": 175,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 176,
-            "c": 1
-        },
-        {
-            "b": 99,
-            "g": 176,
-            "c": 1
-        },
-        {
-            "b": 195,
-            "g": 177,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 178,
-            "c": 1
-        },
-        {
-            "b": 127,
-            "g": 178,
-            "c": 1
-        },
-        {
-            "b": 129,
-            "g": 178,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 179,
-            "c": 1
-        },
-        {
-            "b": 246,
-            "g": 179,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 180,
-            "c": 1
-        },
-        {
-            "b": 37,
-            "g": 180,
-            "c": 1
-        },
-        {
-            "b": 66,
-            "g": 180,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 181,
-            "c": 1
-        },
-        {
-            "b": 173,
-            "g": 181,
-            "c": 1
-        },
-        {
-            "b": 25,
-            "g": 182,
-            "c": 1
-        },
-        {
-            "b": 51,
-            "g": 182,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 184,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 185,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 185,
-            "c": 1
-        },
-        {
-            "b": 17,
-            "g": 186,
-            "c": 1
-        },
-        {
-            "b": 61,
-            "g": 186,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 186,
-            "c": 1
-        },
-        {
-            "b": 149,
-            "g": 187,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 188,
-            "c": 1
-        },
-        {
-            "b": 106,
-            "g": 189,
-            "c": 1
-        },
-        {
-            "b": 206,
-            "g": 189,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 190,
-            "c": 1
-        },
-        {
-            "b": 85,
-            "g": 190,
-            "c": 1
-        },
-        {
-            "b": 80,
-            "g": 191,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 192,
-            "c": 1
-        },
-        {
-            "b": 93,
-            "g": 193,
-            "c": 1
-        },
-        {
-            "b": 170,
-            "g": 193,
-            "c": 1
-        },
-        {
-            "b": 31,
-            "g": 194,
-            "c": 1
-        },
-        {
-            "b": 161,
-            "g": 194,
-            "c": 1
-        },
-        {
-            "b": 39,
-            "g": 195,
-            "c": 1
-        },
-        {
-            "b": 179,
-            "g": 195,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 196,
-            "c": 1
-        },
-        {
-            "b": 21,
-            "g": 196,
-            "c": 1
-        },
-        {
-            "b": 125,
-            "g": 198,
-            "c": 1
-        },
-        {
-            "b": 3,
-            "g": 199,
-            "c": 1
-        },
-        {
-            "b": 7,
-            "g": 199,
-            "c": 1
-        },
-        {
-            "b": 245,
-            "g": 199,
-            "c": 1
-        },
-        {
-            "b": 115,
-            "g": 200,
-            "c": 1
-        },
-        {
-            "b": 129,
-            "g": 200,
-            "c": 1
-        },
-        {
-            "b": 77,
-            "g": 201,
-            "c": 1
-        },
-        {
-            "b": 171,
-            "g": 201,
-            "c": 1
-        },
-        {
-            "b": 244,
-            "g": 201,
-            "c": 1
-        },
-        {
-            "b": 19,
-            "g": 202,
-            "c": 1
-        },
-        {
-            "b": 33,
-            "g": 202,
-            "c": 1
-        },
-        {
-            "b": 43,
-            "g": 202,
-            "c": 1
-        },
-        {
-            "b": 166,
-            "g": 202,
-            "c": 1
-        },
-        {
-            "b": 61,
-            "g": 203,
-            "c": 1
-        },
-        {
-            "b": 247,
-            "g": 204,
-            "c": 1
-        },
-        {
-            "b": 251,
-            "g": 204,
-            "c": 1
-        },
-        {
-            "b": 23,
-            "g": 205,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 205,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 208,
-            "c": 1
-        },
-        {
-            "b": 29,
-            "g": 208,
-            "c": 1
-        },
-        {
-            "b": 72,
-            "g": 208,
-            "c": 1
-        },
-        {
-            "b": 4,
-            "g": 209,
-            "c": 1
-        },
-        {
-            "b": 29,
-            "g": 209,
-            "c": 1
-        },
-        {
-            "b": 43,
-            "g": 209,
-            "c": 1
-        },
-        {
-            "b": 56,
-            "g": 209,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 210,
-            "c": 1
-        },
-        {
-            "b": 69,
-            "g": 210,
-            "c": 1
-        },
-        {
-            "b": 140,
-            "g": 210,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 211,
-            "c": 1
-        },
-        {
-            "b": 61,
-            "g": 211,
-            "c": 1
-        },
-        {
-            "b": 128,
-            "g": 211,
-            "c": 1
-        },
-        {
-            "b": 171,
-            "g": 211,
-            "c": 1
-        },
-        {
-            "b": 46,
-            "g": 213,
-            "c": 1
-        },
-        {
-            "b": 76,
-            "g": 213,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 214,
-            "c": 1
-        },
-        {
-            "b": 35,
-            "g": 214,
-            "c": 1
-        },
-        {
-            "b": 41,
-            "g": 214,
-            "c": 1
-        },
-        {
-            "b": 250,
-            "g": 214,
-            "c": 1
-        },
-        {
-            "b": 50,
-            "g": 216,
-            "c": 1
-        },
-        {
-            "b": 11,
-            "g": 217,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 218,
-            "c": 1
-        },
-        {
-            "b": 143,
-            "g": 218,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 219,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 219,
-            "c": 1
-        },
-        {
-            "b": 81,
-            "g": 219,
-            "c": 1
-        },
-        {
-            "b": 22,
-            "g": 221,
-            "c": 1
-        },
-        {
-            "b": 9,
-            "g": 225,
-            "c": 1
-        },
-        {
-            "b": 46,
-            "g": 226,
-            "c": 1
-        },
-        {
-            "b": 14,
-            "g": 227,
-            "c": 1
-        },
-        {
-            "b": 78,
-            "g": 227,
-            "c": 1
-        },
-        {
-            "b": 133,
-            "g": 227,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 228,
-            "c": 1
-        },
-        {
-            "b": 100,
-            "g": 228,
-            "c": 1
-        },
-        {
-            "b": 243,
-            "g": 228,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 229,
-            "c": 1
-        },
-        {
-            "b": 26,
-            "g": 230,
-            "c": 1
-        },
-        {
-            "b": 72,
-            "g": 230,
-            "c": 1
-        },
-        {
-            "b": 193,
-            "g": 230,
-            "c": 1
-        },
-        {
-            "b": 32,
-            "g": 231,
-            "c": 1
-        },
-        {
-            "b": 102,
-            "g": 232,
-            "c": 1
-        },
-        {
-            "b": 89,
-            "g": 233,
-            "c": 1
-        },
-        {
-            "b": 119,
-            "g": 233,
-            "c": 1
-        },
-        {
-            "b": 69,
-            "g": 234,
-            "c": 1
-        },
-        {
-            "b": 47,
-            "g": 235,
-            "c": 1
-        },
-        {
-            "b": 100,
-            "g": 237,
-            "c": 1
-        },
-        {
-            "b": 160,
-            "g": 238,
-            "c": 1
-        },
-        {
-            "b": 183,
-            "g": 239,
-            "c": 1
-        },
-        {
-            "b": 68,
-            "g": 240,
-            "c": 1
-        },
-        {
-            "b": 178,
-            "g": 242,
-            "c": 1
-        },
-        {
-            "b": 16,
-            "g": 243,
-            "c": 1
-        },
-        {
-            "b": 6,
-            "g": 244,
-            "c": 1
-        },
-        {
-            "b": 129,
-            "g": 247,
-            "c": 1
-        },
-        {
-            "b": 45,
-            "g": 248,
-            "c": 1
-        },
-        {
-            "b": 141,
-            "g": 250,
-            "c": 1
-        },
-        {
-            "b": 154,
-            "g": 250,
-            "c": 1
-        },
-        {
-            "b": 165,
-            "g": 250,
-            "c": 1
-        },
-        {
-            "b": 20,
-            "g": 253,
-            "c": 1
-        },
-        {
-            "b": 36,
-            "g": 253,
-            "c": 1
-        },
-        {
-            "b": 167,
-            "g": 254,
-            "c": 1
-        },
-        {
-            "b": 189,
-            "g": 254,
-            "c": 1
-        },
-        {
-            "b": 5,
-            "g": 255,
-            "c": 1
-        },
-        {
-            "b": 62,
-            "g": 255,
-            "c": 1
-        }
-    ],
-    "5-10": []
-}
\ No newline at end of file
diff --git a/src/views/spectrumAnalysis/gamma-analysis.vue b/src/views/spectrumAnalysis/gamma-analysis.vue
index 0341b60..e13e7cd 100644
--- a/src/views/spectrumAnalysis/gamma-analysis.vue
+++ b/src/views/spectrumAnalysis/gamma-analysis.vue
@@ -1,16 +1,51 @@
 <template>
   <div class="gamma-analysis">
-    <div class="gamma-analysis-chart">
-      <custom-chart ref="chartRef" :option="option" style="height: 100%" />
+    <!-- 二级交互栏 -->
+    <div class="spectrum-analysis-sub-operators">
+      <pop-over-with-icon placement="bottomLeft">
+        Detailed-Information
+        <detailed-infomation slot="content" />
+      </pop-over-with-icon>
+      <pop-over-with-icon placement="bottomLeft">
+        QC Flags
+        <qc-flags slot="content" :data="{ collectionTime: '123' }" />
+      </pop-over-with-icon>
+      <pop-over-with-icon>
+        Graph Assistance
+        <graph-assistance slot="content" />
+      </pop-over-with-icon>
+      <pop-over-with-icon>
+        Nuclide Library
+        <nuclear-library slot="content" />
+      </pop-over-with-icon>
+      <div class="peak-info">
+        <button-with-switch-icon @change="handlePeakInfoChange">
+          Peak Information
+        </button-with-switch-icon>
+      </div>
     </div>
-    <div class="gamma-analysis-thumbnail">
-      <custom-chart :option="thumbnailOption" style="height: 100%" />
+    <!-- 二级交互栏结束 -->
+    <!-- 主体部分 -->
+    <div class="gamma-analysis-main">
+      <div class="gamma-analysis-chart">
+        <custom-chart ref="chartRef" :option="option" style="height: 100%" />
+      </div>
+      <div class="gamma-analysis-thumbnail">
+        <custom-chart :option="thumbnailOption" style="height: 100%" />
+      </div>
     </div>
+    <!-- 主体部分结束 -->
   </div>
 </template>
 
 <script>
 import CustomChart from '@/components/CustomChart/index.vue'
+import PopOverWithIcon from './components/SubOperators/PopOverWithIcon.vue'
+import DetailedInfomation from './components/SubOperators/DetailedInfomation.vue'
+import QcFlags from './components/SubOperators/QcFlags.vue'
+import GraphAssistance from './components/SubOperators/GraphAssistance.vue'
+import NuclearLibrary from './components/SubOperators/NuclearLibrary.vue'
+import ButtonWithSwitchIcon from './components/SubOperators/ButtonWithSwitchIcon.vue'
 
 // 初始配置
 const initialOption = {
@@ -105,12 +140,14 @@ const initialOption = {
         lineStyle: {
           type: 'solid'
         },
-        data: [{
-          xAxis: 100,
-          lineStyle: {
-            color: 'red'
+        data: [
+          {
+            xAxis: 100,
+            lineStyle: {
+              color: 'red'
+            }
           }
-        }]
+        ]
       }
     },
     {
@@ -208,7 +245,13 @@ export default {
     }
   },
   components: {
-    CustomChart
+    CustomChart,
+    PopOverWithIcon,
+    DetailedInfomation,
+    QcFlags,
+    GraphAssistance,
+    NuclearLibrary,
+    ButtonWithSwitchIcon
   },
   data() {
     return {
@@ -226,19 +269,23 @@ export default {
       this.$refs.chartRef.resize()
     },
 
+    // peak info 点击左右方向
+    handlePeakInfoChange(direction) {
+      this.moveMarkLine(direction)
+    },
+
     /**
      * 向某一个方向移动标记线
      * @param { 'left'| 'right' } direction
      */
     moveMarkLine(direction) {
-      if(direction == 'left') {
+      if (direction == 'left') {
         this.option.series[0].markLine.data[0].xAxis = this.option.series[0].markLine.data[0].xAxis - 10
-      }
-      else {
+      } else {
         this.option.series[0].markLine.data[0].xAxis = this.option.series[0].markLine.data[0].xAxis + 10
       }
 
-      this.$emit('markLineChange', {  })
+      this.$emit('markLineChange', {})
     }
   },
   watch: {
@@ -253,9 +300,16 @@ export default {
 <style lang="less" scoped>
 .gamma-analysis {
   height: 100%;
-  position: relative;
+
+  &-main {
+    height: calc(100% - 51px);
+    display: flex;
+    overflow: auto hidden;
+    position: relative;
+  }
 
   &-chart {
+    width: 100%;
     height: 100%;
   }
 
@@ -265,7 +319,7 @@ export default {
     right: 10px;
     width: 500px;
     height: 150px;
-    background-color: #153E44;
+    background-color: #153e44;
   }
 }
 </style>
diff --git a/src/views/spectrumAnalysis/index.vue b/src/views/spectrumAnalysis/index.vue
index b05e038..326ea42 100644
--- a/src/views/spectrumAnalysis/index.vue
+++ b/src/views/spectrumAnalysis/index.vue
@@ -23,56 +23,20 @@
     </div>
     <!-- 顶部操作栏结束 -->
 
-    <!-- 二级交互栏 -->
-    <div class="spectrum-analysis-SubOperators">
-      <pop-over-with-icon placement="bottomLeft">
-        Detailed-Information
-        <detailed-infomation slot="content" />
-      </pop-over-with-icon>
-      <pop-over-with-icon placement="bottomLeft">
-        QC Flags
-        <qc-flags slot="content" :data="{ collectionTime: '123' }" />
-      </pop-over-with-icon>
-
-      <!-- gamma 独有的二级交互栏 -->
-      <template v-if="analysisType == ANALYZE_TYPE.GAMMA">
-        <pop-over-with-icon>
-          Graph Assistance
-          <graph-assistance slot="content" />
-        </pop-over-with-icon>
-        <pop-over-with-icon>
-          Nuclide Library
-          <nuclear-library slot="content" />
-        </pop-over-with-icon>
-        <div class="peak-info">
-          <button-with-switch-icon @change="handlePeakInfoChange">
-            Peak Information
-          </button-with-switch-icon>
-        </div>
-      </template>
-      <!-- gamma 独有的二级交互栏结束 -->
-
-      <!-- beta-gamma 独有的二级交互栏 -->
-      <template v-if="analysisType == ANALYZE_TYPE.BETA_GAMMA">
-        <pop-over-with-icon placement="bottomLeft" style="width: 159px" v-model="spectraVisible">
-          Spectra
-          <spectra slot="content" v-model="spectraType" @input="spectraVisible = false" />
-        </pop-over-with-icon>
-      </template>
-      <!-- beta-gamma 独有的二级交互栏结束 -->
-    </div>
-    <!-- 二级交互栏结束 -->
-
     <!-- 频谱分析部分 -->
     <div class="spectrum-analysis-main">
       <gamma-analysis v-if="analysisType == ANALYZE_TYPE.GAMMA" ref="gammaAnalysisRef" />
-      <beta-gamma-analysis v-if="analysisType == ANALYZE_TYPE.BETA_GAMMA" ref="betaGammaAnalysisRef" />
+      <beta-gamma-analysis
+        v-if="analysisType == ANALYZE_TYPE.BETA_GAMMA"
+        ref="betaGammaAnalysisRef"
+        :data="analysisData"
+      />
       <resize-observer @notify="handleResize" />
     </div>
     <!-- 频谱分析部分结束 -->
 
     <!-- 从数据库加载开始 -->
-    <load-from-db-modal v-model="loadFromDbModalVisible" />
+    <load-from-db-modal v-model="loadFromDbModalVisible" @loadSample="handleLoadSampleFromDB" />
     <!-- 从数据库加载结束 -->
 
     <!-- 从文件加载开始 -->
@@ -101,15 +65,8 @@
   </div>
 </template>
 <script>
-import ButtonWithSwitchIcon from './components/SubOperators/ButtonWithSwitchIcon.vue'
-import DetailedInfomation from './components/SubOperators/DetailedInfomation.vue'
-import GraphAssistance from './components/SubOperators/GraphAssistance.vue'
-import NuclearLibrary from './components/SubOperators/NuclearLibrary.vue'
-import PopOverWithIcon from './components/SubOperators/PopOverWithIcon.vue'
-import QcFlags from './components/SubOperators/QcFlags.vue'
 import GammaAnalysis from './gamma-analysis.vue'
 import BetaGammaAnalysis from './beta-gamma-analysis.vue'
-import Spectra from './components/SubOperators/Spectra.vue'
 import SpectraListInMenu from './components/SpectraListInMenu.vue'
 import LoadFromDbModal from './components/Modals/LoadFromDBModal.vue'
 import LoadFromFileModal from './components/Modals/LoadFromFileModal.vue'
@@ -118,7 +75,8 @@ import NuclideActivityAndMdcModal from './components/Modals/NuclideActivityAndMD
 import MultiLevelMenu from './components/MultiLevelMenu.vue'
 import SaveSettingModal from './components/Modals/SaveSettingModal.vue'
 import AnalyzeSettingModal from './components/Modals/AnalyzeSettingModal.vue'
-import AnalyzeInteractiveToolModal from './components/Modals/AnalyzeInteractiveToolModal.vue'
+import AnalyzeInteractiveToolModal from './components/Modals/AnalyzeInteractiveToolModal/index.vue'
+import { getAction } from '../../api/manage'
 
 // 分析类型
 const ANALYZE_TYPE = {
@@ -127,15 +85,8 @@ const ANALYZE_TYPE = {
 }
 export default {
   components: {
-    PopOverWithIcon,
-    ButtonWithSwitchIcon,
     BetaGammaAnalysis,
     GammaAnalysis,
-    QcFlags,
-    GraphAssistance,
-    DetailedInfomation,
-    NuclearLibrary,
-    Spectra,
     SpectraListInMenu,
     LoadFromDbModal,
     LoadFromFileModal,
@@ -150,18 +101,15 @@ export default {
     this.ANALYZE_TYPE = ANALYZE_TYPE
 
     return {
-      analysisType: ANALYZE_TYPE.BETA_GAMMA, // 分析类型
-      spectraType: 'Sample Data',
-      spectraVisible: false,
+      analysisType: null, // 分析类型
 
-      spectraList: [
-        { id: 1, name: 'AUX01 003-20151223 1855 S FULL 40183.7.PHD' },
-        { id: 2, name: 'AUX02 003-20151223 1855 S FULL 40183.7.PHD' }
-      ],
+      sampleList: [],
 
       loadFromDbModalVisible: false, // 从数据库加载弹窗
       loadFromFileModalVisible: false, // 从文件加载弹窗
 
+      analysisData: {}, // 要分析的谱数据
+
       peakInfomationModalVisible: false,
 
       nuclideActivityAndMDCModalVisible: false,
@@ -170,15 +118,47 @@ export default {
 
       analyzeConfigureModalVisible: false, // 分析设置弹窗
 
-      analyzeInteractiveToolModalVisible: true // 分析工具弹窗
+      analyzeInteractiveToolModalVisible: false // 分析工具弹窗
     }
   },
+  created() {
+    // 测试
+    this.loadSelectedSample({
+      dbName: 'auto',
+      sampleType: 'B',
+      sampleId: '1523651'
+    })
+  },
   methods: {
     // 从数据库加载
     handleLoadFromDb() {
       this.loadFromDbModalVisible = true
     },
 
+    // 从数据库加载-选择完成
+    handleLoadSampleFromDB(sampleList) {
+      this.sampleList = sampleList
+    },
+
+    // 加载选中的样本
+    async loadSelectedSample({ dbName, sampleType, sampleId }) {
+      // B是beta-gamma  P G是gamma
+      if (sampleType == 'B') {
+        const { success, result, message } = await getAction('/spectrumAnalysis/getDBSpectrumChart', {
+          dbName,
+          sampleId: sampleId
+        })
+        if (success) {
+          this.analysisData = result.sample
+          this.analysisType = ANALYZE_TYPE.BETA_GAMMA
+        } else {
+          this.$message.error(message)
+        }
+      } else {
+        // gamma
+      }
+    },
+
     // 从文件加载
     handleLoadFromFile() {
       this.loadFromFileModalVisible = true
@@ -186,7 +166,7 @@ export default {
 
     // 清理全部
     handleCleanAll() {
-      this.spectraList = []
+      this.sampleList = []
     },
 
     // 保存结果到文件， 服务端生成文件，前端下载
@@ -298,11 +278,6 @@ export default {
       console.log('%c [ handleLineColorConfig ]-225', 'font-size:13px; background:pink; color:#bf2c9f;')
     },
 
-    // peak info 点击左右方向
-    handlePeakInfoChange(direction) {
-      this.$refs.gammaAnalysisRef.moveMarkLine(direction)
-    },
-
     handleResize() {
       this.$refs.gammaAnalysisRef && this.$refs.gammaAnalysisRef.resize()
       this.$refs.betaGammaAnalysisRef && this.$refs.betaGammaAnalysisRef.resize()
@@ -340,19 +315,20 @@ export default {
                 style: {
                   marginTop: '5px',
                   marginBottom: '5px',
-                  display: this.spectraList.length ? '' : 'none'
+                  display: this.sampleList.length ? '' : 'none'
                 }
               }
             },
             {
               type: 'SpectraListInMenu',
               attrs: {
-                list: this.spectraList
+                list: this.sampleList
               },
               on: {
-                change: event => {
-                  console.log('%c [ event ]-187', 'font-size:13px; background:pink; color:#bf2c9f;', event)
-                  console.log('%c [  ]-188', 'font-size:13px; background:pink; color:#bf2c9f;', this)
+                change: spectra => {
+                  if (spectra) {
+                    this.loadSelectedSample(spectra)
+                  }
                 }
               }
             }
@@ -631,48 +607,50 @@ export default {
   }
   // 顶部操作栏结束
 
-  // 二级操作栏开始
-  &-SubOperators {
-    flex-shrink: 0;
-    margin-top: 15px;
-    display: flex;
-    flex-wrap: nowrap;
-    overflow: auto;
+  ::v-deep {
+    // 二级操作栏开始
+    .spectrum-analysis-sub-operators {
+      flex-shrink: 0;
+      margin-bottom: 19px;
+      display: flex;
+      flex-wrap: nowrap;
+      overflow: auto;
 
-    .pop-over-with-icon {
-      height: 32px;
+      .pop-over-with-icon {
+        height: 32px;
 
-      &:not(:last-child) {
-        margin-right: 11px;
+        &:not(:last-child) {
+          margin-right: 11px;
+        }
+
+        &:nth-child(1) {
+          width: 256px;
+        }
+        &:nth-child(2) {
+          width: 186px;
+        }
+        &:nth-child(3) {
+          width: 246px;
+        }
+        &:nth-child(4) {
+          width: 246px;
+        }
       }
 
-      &:nth-child(1) {
-        width: 256px;
-      }
-      &:nth-child(2) {
-        width: 186px;
-      }
-      &:nth-child(3) {
-        width: 246px;
-      }
-      &:nth-child(4) {
-        width: 246px;
+      .peak-info {
+        width: 306px;
+        height: 32px;
+        display: inline-block;
       }
     }
-
-    .peak-info {
-      width: 306px;
-      height: 32px;
-      display: inline-block;
-    }
+    // 二级操作栏结束
   }
-  // 二级操作栏结束
 
   // 主体部分开始
   &-main {
-    flex: 1;
-    margin-top: 19px;
-    height: calc(100% - 100px);
+    margin-top: 15px;
+    height: calc(100% - 45px);
+    overflow: hidden;
   }
   // 主体部分结束
 }