feat: 完成File-Format-Ftranslt中第一个tab页内容，修复组件名错误的问题

src/views/spectrumAnalysis/beta-gamma-analysis.vue

@@ -8,7 +8,7 @@
       </pop-over-with-icon>
       <pop-over-with-icon placement="bottomLeft">
         QC Flags
-        <qc-flags slot="content" :data="{ collectionTime: '123' }" />
+        <beta-gamma-qc-flags slot="content" :data="qcFlags" />
       </pop-over-with-icon>
       <pop-over-with-icon placement="bottomLeft" style="width: 159px" v-model="spectraVisible">
         Spectra
@@ -138,9 +138,9 @@ 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 BetaGammaQcFlags from './components/SubOperators/BetaGammaQcFlags.vue'
 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 {
@@ -153,8 +153,8 @@ export default {
     DetailedInfomation,
 
     PopOverWithIcon,
-    QcFlags,
+    Spectra,
-    Spectra
+    BetaGammaQcFlags
   },
   props: {
     sample: {
@@ -163,6 +163,8 @@ export default {
   },
   data() {
     return {
+      qcFlags: {},
+
       spectraVisible: false,
       spectraType: 'sample',
 
@@ -216,7 +218,14 @@ export default {
         Boundary, // 左侧2d图表的矩形
 
         XeData, // 右下角Result Display
-        spectrumData
+        spectrumData,
+
+        AcqTimeBtn, // QC Flags 相关
+        CollectTimeBtn, // QC Flags 相关
+        SampleVolumeBtn, // QC Flags 相关
+        XeVolumeBtn, // QC Flags 相关
+        GasBgBtn, // QC Flags 相关
+        DetBgBtn // QC Flags 相关
       } = this.sampleDetail[type]
 
       this.histogramDataList = histogramDataList
@@ -232,6 +241,15 @@ export default {
       this.betaEnergyData = betaEnergyData
 
       this.resultDisplay = XeData
+
+      this.qcFlags = {
+        AcqTimeBtn,
+        CollectTimeBtn,
+        SampleVolumeBtn,
+        XeVolumeBtn,
+        GasBgBtn,
+        DetBgBtn
+      }
     },
 
     resize() {

src/views/spectrumAnalysis/components/Modals/AnalyzeInteractiveToolModal/index.vue

@@ -28,7 +28,7 @@
         </div>
       </div>
       <div class="interactive-analysis-tools-right">
-        <title-over-boarder title="Peak">
+        <title-over-border title="Peak">
           <div class="peak-box">
             <!-- 按钮组1 -->
             <template v-if="btnGroupType == 1">
@@ -79,12 +79,12 @@
               </div>
             </template>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <div class="reset-btn-box">
           <a-button type="primary">Reset Chart</a-button>
         </div>
         <div class="identify-box">
-          <title-over-boarder title="Nuclide Identify">
+          <title-over-border title="Nuclide Identify">
             <a-form-model class="tolerance">
               <a-form-model-item label="Tolerance">
                 <a-input-number></a-input-number>
@@ -109,7 +109,7 @@
                 <a-button type="primary" @click="handleDel">Del</a-button>
               </a-space>
             </div>
-          </title-over-boarder>
+          </title-over-border>
         </div>
       </div>
     </div>
@@ -128,7 +128,7 @@
 
 <script>
 import CustomChart from '@/components/CustomChart/index.vue'
-import TitleOverBoarder from '../../TitleOverBoarder.vue'
+import TitleOverBorder from '../../TitleOverBorder.vue'
 import CommentModal from './components/CommentModal.vue'
 import FitPeaksAndBaseLineModal from './components/FitPeaksAndBaselineModal.vue'
 import NuclideReviewModal from './components/NuclideReviewModal.vue'
@@ -264,7 +264,7 @@ export default {
   },
   components: {
     CustomChart,
-    TitleOverBoarder,
+    TitleOverBorder,
     CommentModal,
     FitPeaksAndBaseLineModal,
     NuclideReviewModal

src/views/spectrumAnalysis/components/Modals/AnalyzeSettingModal.vue

@@ -8,7 +8,7 @@
   >
     <!-- 第一行 -->
     <div class="analysis-settings-item">
-      <title-over-boarder title="Peak Searching">
+      <title-over-border title="Peak Searching">
         <a-form-model :colon="false" :labelCol="{ style: { width: '160px' } }">
           <a-form-model-item label="ECutAnalysis_Low">
             <div class="input-with-unit">
@@ -32,8 +32,8 @@
             <a-input></a-input>
           </a-form-model-item>
         </a-form-model>
-      </title-over-boarder>
+      </title-over-border>
-      <title-over-boarder title="Calibration Peak Searching">
+      <title-over-border title="Calibration Peak Searching">
         <a-form-model :colon="false" :labelCol="{ style: { width: '170px' } }">
           <a-form-model-item label="CalibrationPSS_low">
             <a-input></a-input>
@@ -52,12 +52,12 @@
             </a-checkbox>
           </a-form-model-item>
         </a-form-model>
-      </title-over-boarder>
+      </title-over-border>
     </div>
 
     <!-- 第二行 -->
     <div class="analysis-settings-item">
-      <title-over-boarder title="Baseline Param">
+      <title-over-border title="Baseline Param">
         <a-form-model :colon="false" :labelCol="{ style: { width: '90px' } }">
           <a-form-model-item label="k_back">
             <a-input></a-input>
@@ -69,39 +69,39 @@
             <a-input></a-input>
           </a-form-model-item>
         </a-form-model>
-      </title-over-boarder>
+      </title-over-border>
       <div>
         <a-form-model :colon="false" :labelCol="{ style: { width: '150px' } }">
-          <title-over-boarder title="BaseImprove">
+          <title-over-border title="BaseImprove">
             <a-form-model-item label="BaseImprovePSS">
               <a-input></a-input>
             </a-form-model-item>
-          </title-over-boarder>
+          </title-over-border>
-          <title-over-boarder title="LC Computing" style="margin-top: 20px">
+          <title-over-border title="LC Computing" style="margin-top: 20px">
             <a-form-model-item label="RiskLevelK">
               <a-input></a-input>
             </a-form-model-item>
-          </title-over-boarder>
+          </title-over-border>
         </a-form-model>
       </div>
     </div>
 
     <!-- 第三行 -->
     <div class="analysis-settings-item">
-      <title-over-boarder title="Activity Reference Time">
+      <title-over-border title="Activity Reference Time">
         <custom-date-picker show-time v-model="formModel.activityReferenceTime"></custom-date-picker>
-      </title-over-boarder>
+      </title-over-border>
-      <title-over-boarder title="Concentration Reference Time">
+      <title-over-border title="Concentration Reference Time">
         <custom-date-picker show-time v-model="formModel.concentrationReferenceTime"></custom-date-picker>
-      </title-over-boarder>
+      </title-over-border>
     </div>
   </custom-modal>
 </template>
 
 <script>
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 export default {
-  components: { TitleOverBoarder },
+  components: { TitleOverBorder },
   props: {
     value: {
       type: Boolean

src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaCommentsModal.vue

@@ -1,15 +1,15 @@
 <template>
   <custom-modal v-model="visible" :width="800" title="Comments">
     <a-spin :spinning="isLoading">
-      <title-over-boarder title="Spectrum Comment">
+      <title-over-border title="Spectrum Comment">
         <a-textarea v-model="comments.spectrumCommentInfo" :rows="8" :disabled="true"></a-textarea>
-      </title-over-boarder>
+      </title-over-border>
-      <title-over-boarder title="Other Analyser's Comment">
+      <title-over-border title="Other Analyser's Comment">
         <a-textarea v-model="comments.spectrumOtherCommentInfo" :rows="8" :disabled="true"></a-textarea>
-      </title-over-boarder>
+      </title-over-border>
-      <title-over-boarder title="Spectrum Analysis Comment">
+      <title-over-border title="Spectrum Analysis Comment">
         <a-textarea v-model="comments.spectrumAnalysisCommentInfo" :rows="8" :disabled="!isAdd"></a-textarea>
-      </title-over-boarder>
+      </title-over-border>
     </a-spin>
     <a-space slot="custom-footer" :size="20">
       <a-button v-if="isAdd" type="primary" @click="handleOk">Commit Comment Indormations</a-button>
@@ -20,10 +20,10 @@
 
 <script>
 import ModalMixin from '@/mixins/ModalMixin'
-import TitleOverBoarder from '../../TitleOverBoarder.vue'
+import TitleOverBorder from '../../TitleOverBorder.vue'
 import { getAction } from '../../../../../api/manage'
 export default {
-  components: { TitleOverBoarder },
+  components: { TitleOverBorder },
   mixins: [ModalMixin],
   props: {
     isAdd: {

src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaQCResultsModal.vue

@@ -1,10 +1,6 @@
 <template>
   <custom-modal v-model="visible" :width="750" title="QC Result">
-    <a-table :columns="columns" :dataSource="list" :pagination="false">
+    <a-table :columns="columns" :dataSource="list" :pagination="false"> </a-table>
-      <template slot="status" slot-scope="text">
-        {{ text == 0 ? 'PASS' : 'ERROR' }}
-      </template>
-    </a-table>
     <a-space slot="custom-footer" :size="20">
       <a-button type="primary">Save Text</a-button>
       <a-button type="primary">Save Excel</a-button>
@@ -14,6 +10,7 @@
 </template>
 
 <script>
+import { getAction } from '@/api/manage'
 import ModalMixin from '@/mixins/ModalMixin'
 
 const columns = [
@@ -43,14 +40,20 @@ const columns = [
       console.log('%c [  ]-36', 'font-size:13px; background:pink; color:#bf2c9f;', record)
       return {
         style: {
-          backgroundColor: record.status == 0 ? '#008000 !important' : '#f00 !important'
+          backgroundColor: record.status.toLowerCase() == 'pass' ? '#008000 !important' : '#f00 !important'
         }
       }
     }
   }
 ]
+
 export default {
   mixins: [ModalMixin],
+  props: {
+    sampleId: {
+      type: String
+    }
+  },
   data() {
     this.columns = columns
     return {
@@ -69,6 +72,73 @@ export default {
         }
       ]
     }
+  },
+  methods: {
+    async getData() {
+      try {
+        this.isLoading = true
+        const res = await getAction('/spectrumAnalysis/viewQCResult', {
+          sampleId: this.sampleId
+        })
+        if (res.success) {
+          const result = res.result
+          console.log('%c [ result ]-89', 'font-size:13px; background:pink; color:#bf2c9f;', result)
+
+          this.list.push({
+            qcFlags: 'Collection Time (h)',
+            evaluationMetrics: result.collectTimeEvaluationMetrics,
+            value: result.collectTimeValue,
+            status: result.collectTimeStatus
+          })
+
+          this.list.push({
+            qcFlags: 'Acquisition Time (h)',
+            evaluationMetrics: result.acquisitionTimeEvaluationMetrics,
+            value: result.acquisitionTimeValue,
+            status: result.acquisitionTimeStatus
+          })
+
+          this.list.push({
+            qcFlags: 'Xenon Volume (ml)',
+            evaluationMetrics: result.xenonVolumeEvaluationMetrics,
+            value: result.xenonVolumeValue,
+            status: result.xenonVolumeStatus
+          })
+
+          this.list.push({
+            qcFlags: 'Gas Bg',
+            evaluationMetrics: result.gasBgValueAndStatus,
+            value: result.gasBgValueAndStatus ? 'Match' : 'UnMatch',
+            status: result.gasBgValueAndStatus ? 'Pass' : 'Failed'
+          })
+
+          this.list.push({
+            qcFlags: 'Det Bg',
+            evaluationMetrics: result.detBgValueAndStatus,
+            value: result.detBgValueAndStatus ? 'Match' : 'UnMatch',
+            status: result.detBgValueAndStatus ? 'Pass' : 'Failed'
+          })
+
+          this.list.push({
+            qcFlags: 'MDC for Xe133(mBq/m3)',
+            evaluationMetrics: result.xe133MDCEvaluationMetrics,
+            value: result.xe133MDCValue,
+            status: result.xe133MDCStatus
+          })
+        } else {
+          this.$message.error(res.message)
+        }
+      } catch (error) {
+        console.error(error)
+      } finally {
+        this.isLoading = false
+      }
+    },
+
+    beforeModalOpen() {
+      this.list = []
+      this.getData()
+    }
   }
 }
 </script>

src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue

@@ -2,9 +2,9 @@
   <custom-modal v-model="visible" title="Statistics Paramer History" :width="1480" :footer="null">
     <div class="statistics-paramer-history">
       <!-- 左侧配置 -->
-      <title-over-boarder title="Query Infomation Settings" class="settings">
+      <title-over-border title="Query Infomation Settings" class="settings">
         <!-- Station And Detector -->
-        <title-over-boarder title="Station And Detector">
+        <title-over-border title="Station And Detector">
           <a-form-model
             :labelCol="{ style: { width: '70px', textAlign: 'left', flexShrink: 0 } }"
             :wrapperCol="{ flex: 1 }"
@@ -20,16 +20,16 @@
               <custom-select :options="[{ label: 'test', value: 1 }]" size="small"></custom-select>
             </a-form-model-item>
           </a-form-model>
-        </title-over-boarder>
+        </title-over-border>
         <!-- Nuclide -->
-        <title-over-boarder title="Nuclide" class="nuclide">
+        <title-over-border title="Nuclide" class="nuclide">
           <a-checkbox-group>
             <a-checkbox>Xe131m</a-checkbox>
             <a-checkbox>Xe133m</a-checkbox>
             <a-checkbox>Xe133</a-checkbox>
             <a-checkbox>Xe135</a-checkbox>
           </a-checkbox-group>
-        </title-over-boarder>
+        </title-over-border>
 
         <a-checkbox-group class="other-checkbox">
           <a-checkbox>MDC</a-checkbox>
@@ -55,7 +55,7 @@
         </div>
         <a-divider></a-divider>
         <!-- Filter -->
-        <title-over-boarder title="Filter">
+        <title-over-border title="Filter">
           <a-checkbox>Xe Result Flag</a-checkbox>
           <!-- 配置详情 -->
           <div class="filter-options">
@@ -126,8 +126,8 @@
               </div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
-      </title-over-boarder>
+      </title-over-border>
       <!-- 右侧图表 -->
       <div class="statistics-paramer-history-chart">
         <custom-chart :option="option"></custom-chart>
@@ -138,7 +138,7 @@
 
 <script>
 import ModalMixin from '@/mixins/ModalMixin'
-import TitleOverBoarder from '../../TitleOverBoarder.vue'
+import TitleOverBorder from '../../TitleOverBorder.vue'
 import CustomChart from '@/components/CustomChart/index.vue'
 
 const initialOption = {
@@ -200,7 +200,7 @@ const initialOption = {
   }
 }
 export default {
-  components: { TitleOverBoarder, CustomChart },
+  components: { TitleOverBorder, CustomChart },
   mixins: [ModalMixin],
   data() {
     return {

src/views/spectrumAnalysis/components/Modals/EfficiencyCalibrationModal.vue

@@ -3,7 +3,7 @@
     <div class="efficiency-calibration">
       <div class="left">
         <!-- Calibration Data -->
-        <title-over-boarder title="Calibration Data">
+        <title-over-border title="Calibration Data">
           <div class="calibration-data">
             <a-form-model
               :colon="false"
@@ -60,22 +60,22 @@
               </div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- Equation -->
-        <title-over-boarder class="mt-20" title="Equation">
+        <title-over-border class="mt-20" title="Equation">
           <div class="equation">
             Efficiency = 59.541 + (88.034 - 59.541) * (E - 1) / (0.058243 - 1)
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- curve -->
-        <title-over-boarder class="mt-20" title="curve">
+        <title-over-border class="mt-20" title="curve">
           <div class="curve">
             <custom-chart :option="option" />
           </div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
       <div class="right">
-        <title-over-boarder title="Data Source" style="height: 100%">
+        <title-over-border title="Data Source" style="height: 100%">
           <div class="data-source">
             <div class="data-source-main">
               <div class="title">PHD</div>
@@ -86,7 +86,7 @@
               <div class="mt-20">PHD</div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
     </div>
   </custom-modal>
@@ -94,7 +94,7 @@
 
 <script>
 import ModalMixin from '@/mixins/ModalMixin'
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 import CustomChart from '@/components/CustomChart/index.vue'
 
 const columns = [
@@ -191,7 +191,7 @@ const initialOption = {
 }
 
 export default {
-  components: { TitleOverBoarder, CustomChart },
+  components: { TitleOverBorder, CustomChart },
   mixins: [ModalMixin],
   data() {
     this.columns = columns

src/views/spectrumAnalysis/components/Modals/EnergyCalibrationModal.vue

@@ -3,7 +3,7 @@
     <div class="energy-calibration">
       <div class="left">
         <!-- Calibration Data -->
-        <title-over-boarder title="Calibration Data">
+        <title-over-border title="Calibration Data">
           <div class="calibration-data">
             <a-form-model
               :colon="false"
@@ -55,22 +55,22 @@
               </div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- Equation -->
-        <title-over-boarder class="mt-20" title="Equation">
+        <title-over-border class="mt-20" title="Equation">
           <div class="equation">
             Energy = -0.056137 + C * 0.334493 + C<sup>2</sup> * 3.10365e - 08 + C<sup>3</sup> * -4.05186e - 12
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- curve -->
-        <title-over-boarder class="mt-20" title="curve">
+        <title-over-border class="mt-20" title="curve">
           <div class="curve">
             <custom-chart :option="option" />
           </div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
       <div class="right">
-        <title-over-boarder title="Data Source" style="height: 100%">
+        <title-over-border title="Data Source" style="height: 100%">
           <div class="data-source">
             <div class="data-source-main">
               <div class="title">PHD</div>
@@ -81,7 +81,7 @@
               <div class="mt-20">CallUpdate2</div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
     </div>
   </custom-modal>
@@ -89,7 +89,7 @@
 
 <script>
 import ModalMixin from '@/mixins/ModalMixin'
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 import CustomChart from '@/components/CustomChart/index.vue'
 
 const columns = [
@@ -186,7 +186,7 @@ const initialOption = {
 }
 
 export default {
-  components: { TitleOverBoarder, CustomChart },
+  components: { TitleOverBorder, CustomChart },
   mixins: [ModalMixin],
   data() {
     this.columns = columns

src/views/spectrumAnalysis/components/Modals/FtransltModal/components/IntSpcImsTransfer.vue

@@ -0,0 +1,257 @@
+<template>
+  <div class="int-spc-ims-transfer">
+    <a-form-model class="settings" :labelCol="{ style: { width: '75px', textAlign: 'center' } }">
+      <div class="top-left">
+        <a-form-model-item label="MSG_ID">
+          <a-input></a-input>
+        </a-form-model-item>
+        <a-form-model-item label="Comment">
+          <a-textarea></a-textarea>
+        </a-form-model-item>
+        <title-over-border title="Collection Block">
+          <a-form-model-item label="Start Time">
+            <custom-date-picker show-time />
+          </a-form-model-item>
+          <a-form-model-item label="Stop Time">
+            <custom-date-picker show-time />
+          </a-form-model-item>
+          <div>
+            <p>
+              Total air volume sampled
+            </p>
+            <a-input></a-input>
+          </div>
+        </title-over-border>
+      </div>
+      <title-over-border title="Header Block" class="header-block">
+        <div class="header-block-list">
+          <div class="header-block-item">
+            <div>
+              <a-checkbox></a-checkbox>
+              Designator
+            </div>
+            <a-input></a-input>
+          </div>
+          <div class="header-block-item">
+            <div>
+              <a-checkbox></a-checkbox>
+              Station code
+            </div>
+            <a-input></a-input>
+          </div>
+          <div class="header-block-item">
+            <div>
+              <a-checkbox></a-checkbox>
+              Detector code
+            </div>
+            <a-input></a-input>
+          </div>
+          <div class="header-block-item">
+            <div>
+              <a-checkbox></a-checkbox>
+              Sample geometry
+            </div>
+            <a-input></a-input>
+          </div>
+        </div>
+        <div class="system-type-and-spectrum-qualifier">
+          <title-over-border title="System type" class="system-type">
+            <a-radio-group>
+              <a-radio>P</a-radio>
+              <a-radio>G</a-radio>
+              <a-radio>B</a-radio>
+            </a-radio-group>
+          </title-over-border>
+          <title-over-border title="Spectrum qualifier" class="spectrum-qualifier">
+            <a-radio-group>
+              <a-radio>PREL</a-radio>
+              <a-radio>FULL</a-radio>
+            </a-radio-group>
+          </title-over-border>
+        </div>
+        <div class="identifications">
+          <div>
+            <p>Sample reference identification</p>
+            <a-input></a-input>
+          </div>
+          <div>
+            <p>Background measurement identification</p>
+            <a-input></a-input>
+          </div>
+        </div>
+        <div class="transmit-time">
+          <a-checkbox>Transmit time</a-checkbox>
+          <custom-date-picker></custom-date-picker>
+        </div>
+      </title-over-border>
+    </a-form-model>
+    <title-over-border title="Spectrum Transfer" class="spectrum-transfer">
+      <div class="title-container">
+        <div class="title">ORTEC int.spc</div>
+        <div class="data-type">
+          Data type
+          <div class="data-type-select">
+            <custom-select :option="[{ label: 'SAMPLEPHD', value: 1 }]" />
+          </div>
+        </div>
+        <div class="title">IMS.ims.rms</div>
+      </div>
+      <a-transfer></a-transfer>
+    </title-over-border>
+  </div>
+</template>
+
+<script>
+import TitleOverBorder from '../../../TitleOverBorder.vue'
+export default {
+  components: { TitleOverBorder }
+}
+</script>
+
+<style lang="less" scoped>
+.settings {
+  display: flex;
+  gap: 20px;
+
+  ::v-deep {
+    .ant-form-item-control-wrapper {
+      flex: 1;
+    }
+  }
+
+  .ant-form-item {
+    margin-bottom: 10px;
+  }
+
+  p {
+    margin-bottom: 5px;
+  }
+
+  .top-left {
+    flex: 1;
+  }
+
+  .header-block {
+    flex: 2;
+
+    &-list {
+      display: flex;
+      gap: 20px;
+
+      .header-block-item {
+        // flex: 1;
+
+        .ant-input {
+          margin-top: 5px;
+        }
+      }
+    }
+
+    .system-type-and-spectrum-qualifier {
+      margin-top: 20px;
+      display: flex;
+      gap: 20px;
+
+      .system-type,
+      .spectrum-qualifier {
+        flex: 1;
+      }
+
+      .system-type .ant-radio-group {
+        display: flex;
+        justify-content: space-between;
+      }
+
+      .spectrum-qualifier {
+        .ant-radio-wrapper:nth-child(2) {
+          margin-left: 30px;
+        }
+      }
+    }
+
+    .identifications {
+      margin-top: 20px;
+      display: flex;
+      justify-content: space-between;
+      gap: 20px;
+
+      > div {
+        flex: 1;
+      }
+    }
+
+    .transmit-time {
+      margin-top: 20px;
+      display: flex;
+      align-items: center;
+      gap: 20px;
+
+      .ant-checkbox-wrapper {
+        width: 150px;
+      }
+    }
+  }
+}
+
+.spectrum-transfer {
+  margin-top: 20px;
+
+  .title-container {
+    display: flex;
+
+    .title {
+      flex: 1;
+      text-align: center;
+      background-color: #225a6a;
+      height: 32px;
+      line-height: 32px;
+    }
+  }
+
+  .data-type {
+    width: 166px;
+    padding: 0 8px;
+    position: relative;
+    text-align: center;
+    z-index: 1;
+    line-height: 32px;
+
+    &-select {
+      top: 100%;
+      left: 0;
+      position: absolute;
+      padding: 8px;
+      width: 100%;
+    }
+  }
+
+  .ant-transfer {
+    margin-top: 8px;
+    display: flex;
+    align-items: flex-end;
+
+    ::v-deep {
+      .ant-transfer {
+        &-list {
+          flex: 1;
+
+          &-header {
+            display: none;
+          }
+        }
+
+        &-operation {
+          width: 150px;
+
+          .ant-btn {
+            width: 100%;
+            height: 32px;
+            margin-bottom: 20px;
+            text-align: center;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/spectrumAnalysis/components/Modals/FtransltModal/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <custom-modal v-model="visible" :width="1080" title="File-Format-Ftransit" :footer="null">
+    <a-tabs>
+      <a-tab-pane tab="INT.SPC<=>.IMS" key="1">
+        <int-spc-ims-transfer />
+      </a-tab-pane>
+      <a-tab-pane tab="INT.SPC<=>Canberra.IEC" key="2"></a-tab-pane>
+      <a-tab-pane tab="Canberra.IEC<=>.IMS" key="3"></a-tab-pane>
+    </a-tabs>
+  </custom-modal>
+</template>
+
+<script>
+import ModalMixin from '@/mixins/ModalMixin'
+import IntSpcImsTransfer from './components/IntSpcImsTransfer.vue'
+
+export default {
+  components: { IntSpcImsTransfer },
+  mixins: [ModalMixin]
+}
+</script>
+
+<style></style>

src/views/spectrumAnalysis/components/Modals/KorsumModal.vue

@@ -2,7 +2,7 @@
   <custom-modal v-model="visible" title="Korsum" :width="1120" :footer="null">
     <div class="korsum">
       <!-- 输入开始 -->
-      <title-over-boarder title="Input">
+      <title-over-border title="Input">
         <div class="korsum-input">
           <!-- 公式部分 -->
           <a-form-model
@@ -99,11 +99,11 @@
           </div>
           <!-- 按钮结束 -->
         </div>
-      </title-over-boarder>
+      </title-over-border>
       <!-- 输入结束 -->
 
       <!-- 输出开始 -->
-      <title-over-boarder title="Output">
+      <title-over-border title="Output">
         <div class="korsum-output">
           <div class="korsum-output-main">
             <div class="korsum-output-list">
@@ -136,14 +136,14 @@
             </div>
           </div>
         </div>
-      </title-over-boarder>
+      </title-over-border>
       <!-- 输出结束 -->
     </div>
   </custom-modal>
 </template>
 
 <script>
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 
 const columns = [
   {
@@ -191,7 +191,7 @@ const outputColumns = [
   }
 ]
 export default {
-  components: { TitleOverBoarder },
+  components: { TitleOverBorder },
   props: {
     value: {
       type: Boolean

src/views/spectrumAnalysis/components/Modals/NuclideLibraryModal.vue

@@ -14,13 +14,13 @@
       </div>
       <div class="nuclide-library-settings">
         <div class="nuclide-library-settings-select">
-          <title-over-boarder class="select-library" title="Select Library">
+          <title-over-border class="select-library" title="Select Library">
             <a-radio-group>
               <a-radio>User Library</a-radio>
               <a-radio>Full Library</a-radio>
               <a-radio>Relevant Library</a-radio>
             </a-radio-group>
-          </title-over-boarder>
+          </title-over-border>
           <div class="parent-and-daughters">
             <div class="parents">
               <div class="title">Parents</div>
@@ -88,7 +88,7 @@
 
 <script>
 import ModalMixin from '@/mixins/ModalMixin'
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 
 // 右上角表格配置
 const daughterColumns = [
@@ -144,7 +144,7 @@ const mainColumns = [
 export default {
   mixins: [ModalMixin],
   components: {
-    TitleOverBoarder
+    TitleOverBorder
   },
   data() {
     this.daughterColumns = daughterColumns

src/views/spectrumAnalysis/components/Modals/ResolutionCalibrationModal.vue

@@ -3,7 +3,7 @@
     <div class="resolution-calibration">
       <div class="left">
         <!-- Calibration Data -->
-        <title-over-boarder title="Calibration Data">
+        <title-over-border title="Calibration Data">
           <div class="calibration-data">
             <a-form-model
               :colon="false"
@@ -55,22 +55,22 @@
               </div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- Equation -->
-        <title-over-boarder class="mt-20" title="Equation">
+        <title-over-border class="mt-20" title="Equation">
           <div class="equation">
             FWHM = (0.514363 + E * 0/00281408)<sup>1/2</sup>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- curve -->
-        <title-over-boarder class="mt-20" title="curve">
+        <title-over-border class="mt-20" title="curve">
           <div class="curve">
             <custom-chart :option="option" />
           </div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
       <div class="right">
-        <title-over-boarder title="Data Source" style="height: 100%">
+        <title-over-border title="Data Source" style="height: 100%">
           <div class="data-source">
             <div class="data-source-main">
               <div class="title">PHD</div>
@@ -81,7 +81,7 @@
               <div class="mt-20">CalResUpdate</div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
     </div>
   </custom-modal>
@@ -89,7 +89,7 @@
 
 <script>
 import ModalMixin from '@/mixins/ModalMixin'
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 import CustomChart from '@/components/CustomChart/index.vue'
 
 const columns = [
@@ -186,7 +186,7 @@ const initialOption = {
 }
 
 export default {
-  components: { TitleOverBoarder, CustomChart },
+  components: { TitleOverBorder, CustomChart },
   mixins: [ModalMixin],
   data() {
     this.columns = columns

src/views/spectrumAnalysis/components/Modals/SaveSettingModal.vue

@@ -7,12 +7,12 @@
         </a-checkbox>
       </div>
       <div>
-        <title-over-boarder title="Format">
+        <title-over-border title="Format">
           <a-radio-group v-model="saveFormat" class="format-radio-group">
             <a-radio value="txt">Save as Txt</a-radio>
             <a-radio value="excel">Save as Excel</a-radio>
           </a-radio-group>
-        </title-over-boarder>
+        </title-over-border>
       </div>
     </div>
   </custom-modal>
@@ -20,9 +20,9 @@
 
 <script>
 import { downloadFile } from '../../../../api/manage'
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 export default {
-  components: { TitleOverBoarder },
+  components: { TitleOverBorder },
   props: {
     value: {
       type: Boolean

src/views/spectrumAnalysis/components/Modals/ZeroTimeModal.vue

@@ -3,7 +3,7 @@
     <div class="zero-time">
       <!-- 左侧 -->
       <div class="zero-time-left">
-        <title-over-boarder title="Fission Product Infomation">
+        <title-over-border title="Fission Product Infomation">
           <div class="fission-product">
             <div class="fission-product-container">
               <div class="fission-product-title">
@@ -26,18 +26,18 @@
               </div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <!-- Result of Zero Time -->
-        <title-over-boarder class="mt-20" title="Result of Zero Time">
+        <title-over-border class="mt-20" title="Result of Zero Time">
           <div class="result-of-zero-time">2015-05-30 17:30:60</div>
-        </title-over-boarder>
+        </title-over-border>
       </div>
       <!-- 左侧结束 -->
 
       <!-- 右侧 -->
       <div class="zero-time-right">
         <!-- Active of Fission Product -->
-        <title-over-boarder title="Active of Fission Product">
+        <title-over-border title="Active of Fission Product">
           <div class="active-of-fission-product">
             <div class="item">
               <div class="title">
@@ -59,25 +59,25 @@
               </div>
             </div>
           </div>
-        </title-over-boarder>
+        </title-over-border>
         <div class="zero-time-right-center mt-20">
           <!-- Fission Target -->
-          <title-over-boarder class="fission-target" title="Fission Target">
+          <title-over-border class="fission-target" title="Fission Target">
             <a-radio-group>
               <a-radio>U-235</a-radio>
               <a-radio>U-238</a-radio>
               <a-radio>PU-239</a-radio>
             </a-radio-group>
-          </title-over-boarder>
+          </title-over-border>
-          <title-over-boarder class="fission-energy" title="Energy of Fission Neutron">
+          <title-over-border class="fission-energy" title="Energy of Fission Neutron">
             <a-radio-group>
               <a-radio>T&gt;Thermal_spectrum</a-radio>
               <a-radio>F&gt;Fission_spectrum</a-radio>
               <a-radio>H-&gt;Fast_Neutron</a-radio>
             </a-radio-group>
-          </title-over-boarder>
+          </title-over-border>
         </div>
-        <title-over-boarder class="mt-20" title="Reference Time">
+        <title-over-border class="mt-20" title="Reference Time">
           <a-form-model layout="inline">
             <a-form-model-item label="Date">
                 <custom-date-picker />
@@ -86,7 +86,7 @@
                 <a-time-picker></a-time-picker>
             </a-form-model-item>
           </a-form-model>
-        </title-over-boarder>
+        </title-over-border>
 
         <div class="zero-time-right-buttons mt-20">
           <a-button type="primary">Analysis</a-button>
@@ -100,10 +100,10 @@
 </template>
 
 <script>
-import TitleOverBoarder from '../TitleOverBoarder.vue'
+import TitleOverBorder from '../TitleOverBorder.vue'
 
 export default {
-  components: { TitleOverBoarder },
+  components: { TitleOverBorder },
   props: {
     value: {
       type: Boolean

src/views/spectrumAnalysis/components/SubOperators/BetaGammaQcFlags.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="qc-flags">
+    <div class="qc-flags-item" v-for="conf in config" :key="conf.label">
+      <span :class="data[conf.name]"></span>
+      {{ conf.label }}
+    </div>
+  </div>
+</template>
+
+<script>
+// 配置
+const config = [
+  {
+    label: 'Collection Time',
+    name: 'CollectTimeBtn'
+  },
+  {
+    label: 'Acq Time',
+    name: 'AcqTimeBtn'
+  },
+  {
+    label: 'Xe Volume',
+    name: 'XeVolumeBtn'
+  },
+  {
+    label: 'GasBg',
+    name: 'GasBgBtn'
+  },
+  {
+    label: 'DetBg',
+    name: 'DetBgBtn'
+  },
+  {
+    label: 'Sample Volume',
+    name: 'SampleVolumeBtn'
+  }
+]
+
+export default {
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  created() {
+    this.config = config
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.qc-flags {
+  display: flex;
+  &-item {
+    background-color: #46738e;
+    display: flex;
+    align-items: center;
+    width: 150px;
+    height: 30px;
+
+    &:not(:last-child) {
+      margin-right: 2px;
+    }
+
+    span {
+      margin-left: 20px;
+      margin-right: 5px;
+      width: 14px;
+      height: 14px;
+      border-radius: 50%;
+      background: radial-gradient(circle, #979797 0, #777a7c 100%);
+
+      &.GreenLight {
+        background: radial-gradient(circle, #00fe7f 0, #00d56a 100%);
+      }
+
+      &.RedLight {
+        background: radial-gradient(circle, #fe0015 0, #d50000 100%);
+      }
+
+      &.YellowLight {
+        background: radial-gradient(circle, #feed00 0, #d5d100 100%);
+      }
+    }
+  }
+}
+</style>

src/views/spectrumAnalysis/index.vue

@@ -43,6 +43,10 @@
     <load-from-file-modal v-model="loadFromFileModalVisible" />
     <!-- 从文件加载结束 -->
 
+    <!-- Ftransit 弹窗开始 -->
+    <ftranslt-modal v-model="ftransltModalVisible" />
+    <!-- Ftransit 弹窗结束 -->
+
     <!-- Peak Infomation 弹窗开始 -->
     <peak-infomation v-model="peakInfomationModalVisible" />
     <!-- Peak Infomation 弹窗结束 -->
@@ -128,7 +132,11 @@
     <!-- RLR 弹窗结束 -->
 
     <!-- Beta-Gamma 的Comments 弹窗 -->
-    <beta-gamma-comments-modal v-model="betaGammaCommentsModalVisible" :isAdd="isBetaGammaCommentsAdd" :sampleId="this.sampleData.sampleId"/>
+    <beta-gamma-comments-modal
+      v-model="betaGammaCommentsModalVisible"
+      :isAdd="isBetaGammaCommentsAdd"
+      :sampleId="this.sampleData.sampleId"
+    />
     <!-- Beta-Gamma 的Comments 结束 -->
 
     <!-- Beta-Gamma 的 Spectrum 弹窗 -->
@@ -136,11 +144,14 @@
     <!-- Beta-Gamma 的 Spectrum 弹窗 结束 -->
 
     <!-- Beta-Gamma 的 Sample Infomation 弹窗 -->
-    <beta-gamma-sample-infomation-modal v-model="betaGammaSampleInfomationModalVisible" :sampleId="this.sampleData.sampleId" />
+    <beta-gamma-sample-infomation-modal
+      v-model="betaGammaSampleInfomationModalVisible"
+      :sampleId="this.sampleData.sampleId"
+    />
     <!-- Beta-Gamma 的 Sample Infomation 弹窗 结束 -->
 
     <!-- Beta-Gamma 的 QC Result 弹窗 -->
-    <beta-gamma-qc-results-modal v-model="betaGammaQCResultsModalVisible" />
+    <beta-gamma-qc-results-modal v-model="betaGammaQCResultsModalVisible" :sampleId="this.sampleData.sampleId"/>
     <!-- Beta-Gamma 的 QC Result 弹窗 结束 -->
 
     <!-- Beta-Gamma 的 RLR 弹窗 -->
@@ -186,6 +197,7 @@ import BetaGammaSampleInfomationModal from './components/Modals/BetaGammaModals/
 import BetaGammaQcResultsModal from './components/Modals/BetaGammaModals/BetaGammaQCResultsModal.vue'
 import BetaGammaRlrModal from './components/Modals/BetaGammaModals/BetaGammaRLRModal/index.vue'
 import StatisticsParamerHistoryModal from './components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue'
+import FtransltModal from './components/Modals/FtransltModal/index.vue'
 
 // 分析类型
 const ANALYZE_TYPE = {
@@ -226,7 +238,8 @@ export default {
     BetaGammaSampleInfomationModal,
     BetaGammaQcResultsModal,
     BetaGammaRlrModal,
-    StatisticsParamerHistoryModal
+    StatisticsParamerHistoryModal,
+    FtransltModal
   },
   data() {
     this.ANALYZE_TYPE = ANALYZE_TYPE
@@ -238,6 +251,7 @@ export default {
 
       loadFromDbModalVisible: false, // 从数据库加载弹窗
       loadFromFileModalVisible: false, // 从文件加载弹窗
+      ftransltModalVisible: false, // Ftransit 弹窗
 
       sampleData: {}, // 要分析的谱数据
 
@@ -407,6 +421,11 @@ export default {
                   type: 'a-menu-item',
                   title: 'Clean All',
                   handler: this.handleCleanAll
+                },
+                {
+                  type: 'a-menu-item',
+                  title: 'Ftransit',
+                  handler: () => (this.ftransltModalVisible = true)
                 }
               ]
             },