diff --git a/src/views/spectrumAnalysis/components/Modals/SpectrumModal.vue b/src/views/spectrumAnalysis/components/Modals/SpectrumModal.vue
index 166a2a4..329e0df 100644
--- a/src/views/spectrumAnalysis/components/Modals/SpectrumModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/SpectrumModal.vue
@@ -1,9 +1,14 @@
 <template>
   <custom-modal v-model="visible" :width="800" title="Spectrum" :footer="null">
     <a-spin :spinning="isLoading">
-      <pre>
-        {{ content }}
-      </pre>
+      <a-tabs :animated="false">
+        <a-tab-pane tab="phd" key="1">
+          <pre key="1">{{ spectrum }}</pre>
+        </a-tab-pane>
+        <a-tab-pane tab="phd:raw" key="2">
+          <pre key="2">{{ phdSpectrum }}</pre>
+        </a-tab-pane>
+      </a-tabs>
     </a-spin>
   </custom-modal>
 </template>
@@ -16,8 +21,9 @@ export default {
   mixins: [ModalMixin, SampleDataMixin],
   data() {
     return {
-      content: '',
-      isLoading: true
+      spectrum: '',
+      phdSpectrum: '',
+      isLoading: true,
     }
   },
   methods: {
@@ -27,10 +33,12 @@ export default {
         const { sampleId, inputFileName: fileName } = this.sampleData
         const { success, result, message } = await getAction('/gamma/Spectrum', {
           sampleId,
-          fileName
+          fileName,
         })
         if (success) {
-          this.content = result
+          const { Spectrum, phdSpectrum } = result
+          this.spectrum = Spectrum
+          this.phdSpectrum = (phdSpectrum || []).join('\r\n')
         } else {
           this.$message.error(message)
         }
@@ -43,8 +51,8 @@ export default {
 
     beforeModalOpen() {
       this.getContent()
-    }
-  }
+    },
+  },
 }
 </script>