From 85f4ccb9959b0959c96c8991e2b1b31a790a9a14 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Sat, 7 Oct 2023 19:12:42 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0Load=20From=20Fil?=
 =?UTF-8?q?e=E8=B0=83=E7=94=A8File=20System=20Access=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/FilePicker.js                       |  56 +++++
 src/utils/file.js                             |  24 ++
 src/utils/phdHelper.js                        | 117 +++++++++
 .../components/Modals/LoadFromFileModal.vue   | 226 ++++++++++++++++--
 4 files changed, 408 insertions(+), 15 deletions(-)
 create mode 100644 src/utils/FilePicker.js
 create mode 100644 src/utils/phdHelper.js

diff --git a/src/utils/FilePicker.js b/src/utils/FilePicker.js
new file mode 100644
index 0000000..46b2b15
--- /dev/null
+++ b/src/utils/FilePicker.js
@@ -0,0 +1,56 @@
+/**
+ * 本地文件选择
+ */
+export class FilePicker {
+  /**
+   * 接口是否可用
+   * @returns { Boolean }
+   */
+  static canUse() {
+    return !!(window.showDirectoryPicker && window.showOpenFilePicker)
+  }
+
+  /**
+   * 选择一个目录
+   * @returns { Promise<FileSystemDirectoryHandle> }
+   */
+  static chooseDirectory() {
+    if (!this.canUse()) {
+      throw new Error('Not Support showDirectoryPicker')
+    }
+    return window.showDirectoryPicker()
+  }
+
+  /**
+   * 选择一个文件
+   * @param { Boolean } multiple
+   * @param { { description?: string; accept?: { [key: string]: string[]; } } } types
+   * @returns { Promise<FileSystemFileHandle[]> }
+   */
+  static chooseFile(multiple, types) {
+    if (!this.canUse()) {
+      throw new Error('Not Support showOpenFilePicker')
+    }
+    const pickerOpts = {
+      multiple,
+      types,
+      excludeAcceptAllOption: true
+    }
+    return window.showOpenFilePicker(pickerOpts)
+  }
+
+  /**
+   * 判断一个文件是否在某个目录下
+   * @param {FileSystemDirectoryHandle} directoryHandle
+   * @param {FileSystemFileHandle} fileHandle
+   */
+  static async isFileInDirectory(directoryHandle, fileHandle) {
+    const relativePaths = await directoryHandle.resolve(fileHandle)
+
+    if (relativePaths === null) {
+      return false
+    } else {
+      return true
+    }
+  }
+}
diff --git a/src/utils/file.js b/src/utils/file.js
index 60c4ac9..ce06fef 100644
--- a/src/utils/file.js
+++ b/src/utils/file.js
@@ -31,3 +31,27 @@ export const showSaveFileModal = (data, ext) => {
     }
   })
 }
+
+/**
+ * 读文件
+ * @param {File} file
+ * @param { 'arrayBuffer' | 'text' | 'dataURL' | 'binaryString'} fileType
+ */
+export const readFile = (file, fileType = 'text') => {
+  return new Promise((resolve, reject) => {
+    const fileReader = new FileReader()
+    const category = {
+      arrayBuffer: 'readAsArrayBuffer',
+      text: 'readAsText',
+      dataURL: 'readAsDataURL',
+      binaryString: 'readAsBinaryString'
+    }
+    fileReader[category[fileType]](file)
+    fileReader.onload = event => {
+      resolve(event.target.result)
+    }
+    fileReader.onerror = error => {
+      reject(error)
+    }
+  })
+}
diff --git a/src/utils/phdHelper.js b/src/utils/phdHelper.js
new file mode 100644
index 0000000..e5629a4
--- /dev/null
+++ b/src/utils/phdHelper.js
@@ -0,0 +1,117 @@
+export class PHDParser {
+  /**
+   * 数据类型
+   */
+  dataType = ''
+
+  /**
+   * 类型 B G 等
+   */
+  fileType = ''
+
+  /**
+   * 质量 FULL 等
+   */
+  qualify = ''
+
+  /**
+   * 生存时间
+   */
+
+  liveTime = ''
+
+  /**
+   * sample 谱的文件名
+   */
+  sampleFileName = ''
+
+  /**
+   * 其他文件名
+   */
+  otherFileNames = []
+
+  /**
+   * 构造函数
+   * @param {string} text
+   */
+  constructor(text) {
+    const getLine = this.readTextLine(text)
+    const dataTypeLine = getLine(4)
+    const fileTypeLine = getLine(6)
+    const fileNameLine = getLine(8)
+    const liveTimeLine = getLine(18)
+
+    this.dataType = this.getOnymousData(dataTypeLine)[0]
+    const fileType = this.splitLineText(fileTypeLine)
+    this.fileType = fileType[2]
+    this.qualify = fileType[4]
+
+    const liveTime = parseFloat(this.splitLineText(liveTimeLine)[3]).toFixed(1)
+    this.liveTime = liveTime.indexOf('.0') == -1 ? liveTime : liveTime.slice(0, -2)
+
+    // 如果是 Beta 谱
+    if (this.fileType == 'B') {
+      // 如果解析的是sample 文件，则获取其他三个文件
+      if (this.dataType == PHD_DATA_TYPE.SAMPLEPHD) {
+        const fileNames = this.getFileNames(fileNameLine)
+        this.sampleFileName = fileNames.splice(0, 1)[0]
+        this.otherFileNames = fileNames
+      }
+    }
+  }
+  /**
+   * 将文本按行分割
+   * @param {string} text
+   * @returns { (line: number) => string }
+   */
+  readTextLine(text) {
+    const splited = text.split('\n')
+    return line => {
+      return splited[line - 1]
+    }
+  }
+
+  /**
+   * 获取 具名 行的数据
+   * @param {string} text
+   * @example DATA_TYPE SAMPLEPHD 返回['SAMPLEPHD']
+   * @returns {string[]}
+   */
+  getOnymousData(text) {
+    return text.split(' ').slice(1)
+  }
+
+  /**
+   * 将一行中的文本按空格切割
+   * @param {string} text
+   */
+  splitLineText(text) {
+    return text.replace(/\s+/g, ',').split(',')
+  }
+
+  /**
+   * 获取全部文件名
+   * @param {string} text
+   */
+  getFileNames(text) {
+    const unHandledfileNames = this.splitLineText(text)
+    const fileTypes = ['S', 'D', 'G']
+    const fileNames = unHandledfileNames
+      .filter(fileName => fileName)
+      .map((fileName, index) => {
+        fileName = fileName.replace(/(\d{4})\/(\d{2})\/(\d{2})-(\d{2}):(\d{2})/, '$1$2$3_$4$5')
+        return `${fileName}_${fileTypes[index]}_${this.qualify}`
+      })
+    return fileNames
+  }
+}
+
+/**
+ * PHD 类型
+ */
+export const PHD_DATA_TYPE = {
+  QCPHD: 'QCPHD',
+  DETBKPHD: 'DETBKPHD',
+  SAMPLEPHD: 'SAMPLEPHD',
+  GASBKPHD: 'GASBKPHD'
+}
diff --git a/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue b/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
index 8221959..766dbe1 100644
--- a/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
@@ -1,7 +1,67 @@
 <template>
   <div>
     <custom-modal v-model="visible" :width="1200" title="Load Data From File">
+      <!-- 支持 File System Access 的情况 -->
       <a-table
+        v-if="canUseFilePicker"
+        :dataSource="list"
+        :columns="columns"
+        :pagination="false"
+        bordered
+        :scroll="{ y: 450 }"
+      >
+        <template slot="sampleData" slot-scope="text, record">
+          <div
+            class="file-name file-ellipsis"
+            :title="text && text.fileName"
+            @dblclick="useFilePicker('sampleFileName', record)"
+          >
+            {{ text && text.fileName }}
+          </div>
+        </template>
+        <template slot="gasBkData" slot-scope="text, record">
+          <div
+            :class="['file-ellipsis', !record.gasFileName ? 'file-name-color' : '']"
+            :title="text && text.fileName"
+            @dblclick="useFilePicker('gasFileName', record)"
+          >
+            {{ text && text.fileName }}
+          </div>
+        </template>
+        <template slot="detBkData" slot-scope="text, record">
+          <div
+            :class="['file-ellipsis', !record.detFileName ? 'file-name-color' : '']"
+            :title="text && text.fileName"
+            @dblclick="useFilePicker('detFileName', record)"
+          >
+            {{ text && text.fileName }}
+          </div>
+        </template>
+        <template slot="qcData" slot-scope="text, record">
+          <div
+            :class="['file-ellipsis', !record.qcFileName ? 'file-name-color' : '']"
+            :title="text && text.fileName"
+            @dblclick="useFilePicker('qcFileName', record)"
+          >
+            {{ text && text.fileName }}
+          </div>
+        </template>
+        <template slot="status" slot-scope="text, record">
+          <span
+            :class="[
+              record.sampleFileName
+                ? record.fileType == 'B' && !(record.gasFileName && record.detFileName)
+                  ? 'status_false'
+                  : 'status_true'
+                : '',
+              'status',
+            ]"
+          ></span>
+        </template>
+      </a-table>
+      <!-- 不支持 File System Access 的情况 -->
+      <a-table
+        v-else
         :data-source="list"
         :columns="columns"
         :loading="loading_list"
@@ -13,7 +73,7 @@
           <div class="file-name file-ellipsis" :title="text" @dblclick="handleFileSelect('_S_', record)">
             {{ text }}
           </div>
-          <!-- <phd-select type="file" @change="handleFileChange(record, 'sampleData', $event)" @select="handleFileSelect" :title="text && text.name">
+          <!-- <phd-select type="file" @change="handleFileChange(record, 'sampleData', $event)" @select="handleFileSelect" :title="text && text.fileName">
             {{ text }}
           </phd-select> -->
         </template>
@@ -141,9 +201,12 @@
 
 <script>
 import JSZip from 'jszip'
-import FileSaver from 'file-saver'
-import PhdSelect from '../PHDSelect.vue'
 import { getAction, postAction } from '../../../../api/manage'
+import { FilePicker } from '@/utils/FilePicker'
+import { readFile } from '@/utils/file'
+import { PHDParser, PHD_DATA_TYPE } from '@/utils/phdHelper'
+import ModalMixin from '@/mixins/ModalMixin'
+
 const columns = [
   {
     title: 'SampleData',
@@ -208,8 +271,11 @@ const columns_file = [
     align: 'left',
   },
 ]
+
+const canUseFilePicker = FilePicker.canUse()
+
 export default {
-  components: { PhdSelect },
+  mixins: [ModalMixin],
   props: {
     value: {
       type: Boolean,
@@ -223,7 +289,7 @@ export default {
       columns_file,
       loading_file: false,
       loading_list: false,
-      list: this.getInitialList(),
+      list: [],
       ipagination: {
         current: 1,
         pageSize: 10,
@@ -247,6 +313,8 @@ export default {
       selectionRows_edit: [],
       tableType: 'multiple',
       searchName: '',
+
+      canUseFilePicker,
     }
   },
   methods: {
@@ -290,6 +358,137 @@ export default {
       this.tableType = str === '_S_' ? 'multiple' : 'single'
       this.getSpectrumFile({ pageNo: 1, pageSize: 10 })
     },
+
+    // 用新的文件操作接口
+    async useFilePicker(column, record) {
+      // 如果没有选择sampleFile，则不允许选其他的
+      if (column !== 'sampleFileName' && (!record.sampleFileName || record.fileType !== 'B')) {
+        return
+      }
+
+      if (this.directoryHanlder) {
+        this.chooseFile(column, record)
+      } else {
+        try {
+          this.directoryHanlder = await FilePicker.chooseDirectory()
+          this.chooseFile(column, record)
+        } catch {}
+      }
+    },
+
+    async chooseFile(column, record) {
+      try {
+        const [fileHandle] = await FilePicker.chooseFile(false, [{ accept: { 'text/phd': ['.phd'] } }])
+        try {
+          const isFileInDirectory = await FilePicker.isFileInDirectory(this.directoryHanlder, fileHandle)
+          if (!isFileInDirectory) {
+            this.$message.warn('File and Directory Not in Same')
+            return
+          }
+
+          const file = await fileHandle.getFile()
+          const text = await readFile(file)
+          const phdParser = new PHDParser(text)
+          console.log('%c [ phdParser ]-313', 'font-size:13px; background:pink; color:#bf2c9f;', phdParser)
+          const match = this.fileNameAndColumnMatch(column, phdParser.dataType)
+          if (!match) {
+            this.$message.warn('File Type Error')
+            return
+          }
+
+          record.fileType = phdParser.fileType
+
+          // 如果是sample
+          if (column == 'sampleFileName') {
+            const { sampleFileName, otherFileNames, liveTime } = phdParser
+            record.sampleFileName = {
+              file,
+              fileName: `${sampleFileName}_${liveTime}.PHD`,
+            }
+
+            const iter = await this.directoryHanlder.values()
+            const fileList = []
+
+            let result = await iter.next()
+            while (!result.done) {
+              const fileHandle = result.value
+              const file = await fileHandle.getFile()
+              fileList.push(file)
+              result = await iter.next()
+            }
+
+            const nameKeys = ['detFileName', 'gasFileName']
+
+            otherFileNames.forEach((otherFileName, index) => {
+              // 在所有文件中查找 名字含有 从sample文件解析出的文件名 的文件
+              const findFile = fileList.find((file) => {
+                return file.name.includes(otherFileName)
+              })
+
+              if (findFile) {
+                record[nameKeys[index]] = {
+                  file: findFile,
+                  fileName: findFile.name,
+                }
+              } else {
+                record[columns[index]] = undefined
+              }
+            })
+
+            // 查找 QC 文件
+            let qcFileInfo = undefined
+            const qcFileList = fileList.filter((file) => file.name.includes('_Q_'))
+            const compareFileName = sampleFileName.slice(0, 23)
+            for (const qcFile of qcFileList) {
+              if (qcFile.name.slice(0, 23) <= compareFileName) {
+                qcFileInfo = {
+                  file: qcFile,
+                  fileName: qcFile.name,
+                }
+              } else {
+                break
+              }
+            }
+            record.qcFileName = qcFileInfo
+          }
+          // 非sample
+          else {
+            record[column] = {
+              file,
+              fileName: file.name,
+            }
+          }
+        } catch (error) {
+          console.log(error)
+        }
+      } catch {}
+    },
+
+    /**
+     * 判断文件和列是否匹配
+     * @param {*} fileType
+     * @param {*} dataType
+     */
+    fileNameAndColumnMatch(column, dataType) {
+      let currDataType = ''
+      switch (column) {
+        case 'sampleFileName':
+          currDataType = PHD_DATA_TYPE.SAMPLEPHD
+          break
+        case 'gasFileName':
+          currDataType = PHD_DATA_TYPE.GASBKPHD
+          break
+        case 'detFileName':
+          currDataType = PHD_DATA_TYPE.DETBKPHD
+          break
+        case 'qcFileName':
+          currDataType = PHD_DATA_TYPE.QCPHD
+          break
+      }
+
+      return currDataType == dataType
+    },
+
     onSearchFileName() {
       this.getSpectrumFile({ pageNo: 1, pageSize: 10 })
     },
@@ -429,15 +628,9 @@ export default {
     handleCancel() {
       this.visible = false
     },
-  },
-  computed: {
-    visible: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      },
+
+    beforeModalOpen() {
+      this.handleReset()
     },
   },
 }
@@ -451,7 +644,7 @@ export default {
   border-radius: 50%;
   margin-top: 8px;
 
-  background-color: #00e170;
+  background-color: transparent;
 }
 .status_true {
   background-color: #00e170;
@@ -525,6 +718,9 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  user-select: none;
+  height: 40px;
+  line-height: 40px;
 }
 /deep/.ant-table-tbody .ant-table-row td {
   cursor: pointer;

From 671677a68e01837138165c66263a8023f8aed824 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Sun, 8 Oct 2023 17:41:37 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E6=96=B0?=
 =?UTF-8?q?=E7=89=88=E6=9C=ACLoad=20From=20File=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/FilePicker.js                       |   3 +-
 src/utils/file.js                             |  21 ++
 src/utils/phdHelper.js                        |  27 ++-
 .../components/Modals/LoadFromFileModal.vue   | 197 +++++++++++-------
 4 files changed, 155 insertions(+), 93 deletions(-)

diff --git a/src/utils/FilePicker.js b/src/utils/FilePicker.js
index 46b2b15..08a6706 100644
--- a/src/utils/FilePicker.js
+++ b/src/utils/FilePicker.js
@@ -46,8 +46,7 @@ export class FilePicker {
    */
   static async isFileInDirectory(directoryHandle, fileHandle) {
     const relativePaths = await directoryHandle.resolve(fileHandle)
-
-    if (relativePaths === null) {
+    if (relativePaths === null || relativePaths.length > 1) {
       return false
     } else {
       return true
diff --git a/src/utils/file.js b/src/utils/file.js
index ce06fef..4c1830c 100644
--- a/src/utils/file.js
+++ b/src/utils/file.js
@@ -1,5 +1,6 @@
 import { Modal } from 'ant-design-vue'
 import { saveAs } from 'file-saver'
+import JSZip from 'jszip'
 
 /**
  * 弹窗填入文件名保存文件
@@ -55,3 +56,23 @@ export const readFile = (file, fileType = 'text') => {
     }
   })
 }
+
+/**
+ * 压缩文件
+ * @param {Array<File>} fileList 
+ * @param {string} zipName 
+ * @returns 
+ */
+export const zipFile = async (fileList, zipName) => {
+  const zip = new JSZip()
+  const promises = []
+  fileList.forEach(file => {
+    promises.push(readFile(file, 'arrayBuffer'))
+  })
+  const result = await Promise.all(promises)
+  result.forEach(res => {
+    zip.file(res.fileName, res.data)
+  })
+  const content = await zip.generateAsync({ type: 'blob' })
+  return new File([content], zipName, { type: content.type })
+}
diff --git a/src/utils/phdHelper.js b/src/utils/phdHelper.js
index e5629a4..04ef354 100644
--- a/src/utils/phdHelper.js
+++ b/src/utils/phdHelper.js
@@ -23,12 +23,12 @@ export class PHDParser {
   /**
    * sample 谱的文件名
    */
-  sampleFileName = ''
+  sampleFilePrefix = ''
 
   /**
    * 其他文件名
    */
-  otherFileNames = []
+  otherFilePrefixes = []
 
   /**
    * 构造函数
@@ -53,9 +53,9 @@ export class PHDParser {
     if (this.fileType == 'B') {
       // 如果解析的是sample 文件，则获取其他三个文件
       if (this.dataType == PHD_DATA_TYPE.SAMPLEPHD) {
-        const fileNames = this.getFileNames(fileNameLine)
-        this.sampleFileName = fileNames.splice(0, 1)[0]
-        this.otherFileNames = fileNames
+        const filePrefixes = this.getFilePrefixes(fileNameLine)
+        this.sampleFilePrefix = filePrefixes.splice(0, 1)[0]
+        this.otherFilePrefixes = filePrefixes
       }
     }
   }
@@ -93,16 +93,15 @@ export class PHDParser {
    * 获取全部文件名
    * @param {string} text
    */
-  getFileNames(text) {
-    const unHandledfileNames = this.splitLineText(text)
-    const fileTypes = ['S', 'D', 'G']
-    const fileNames = unHandledfileNames
-      .filter(fileName => fileName)
-      .map((fileName, index) => {
-        fileName = fileName.replace(/(\d{4})\/(\d{2})\/(\d{2})-(\d{2}):(\d{2})/, '$1$2$3_$4$5')
-        return `${fileName}_${fileTypes[index]}_${this.qualify}`
+  getFilePrefixes(text) {
+    const unHandledfilePrefixes = this.splitLineText(text)
+    const filePrefixes = unHandledfilePrefixes
+      .filter(filePrefix => filePrefix)
+      .map(filePrefix => {
+        filePrefix = filePrefix.replace(/(\d{4})\/(\d{2})\/(\d{2})-(\d{2}):(\d{2})/, '$1$2$3_$4$5')
+        return filePrefix + '_'
       })
-    return fileNames
+    return filePrefixes
   }
 }
 
diff --git a/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue b/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
index 766dbe1..9c28bdc 100644
--- a/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
@@ -10,53 +10,54 @@
         bordered
         :scroll="{ y: 450 }"
       >
-        <template slot="sampleData" slot-scope="text, record">
+        <template slot="sampleData" slot-scope="text, record, index">
           <div
             class="file-name file-ellipsis"
             :title="text && text.fileName"
-            @dblclick="useFilePicker('sampleFileName', record)"
+            @dblclick="useFilePicker('sampleFileName', record, index)"
           >
             {{ text && text.fileName }}
           </div>
         </template>
-        <template slot="gasBkData" slot-scope="text, record">
+        <template slot="gasBkData" slot-scope="text, record, index">
           <div
-            :class="['file-ellipsis', !record.gasFileName ? 'file-name-color' : '']"
+            :class="['file-ellipsis', text && text.file ? '' : 'file-name-color']"
             :title="text && text.fileName"
-            @dblclick="useFilePicker('gasFileName', record)"
+            @dblclick="useFilePicker('gasFileName', record, index)"
           >
             {{ text && text.fileName }}
           </div>
         </template>
-        <template slot="detBkData" slot-scope="text, record">
+        <template slot="detBkData" slot-scope="text, record, index">
           <div
-            :class="['file-ellipsis', !record.detFileName ? 'file-name-color' : '']"
+            :class="['file-ellipsis', text && text.file ? '' : 'file-name-color']"
             :title="text && text.fileName"
-            @dblclick="useFilePicker('detFileName', record)"
+            @dblclick="useFilePicker('detFileName', record, index)"
           >
             {{ text && text.fileName }}
           </div>
         </template>
-        <template slot="qcData" slot-scope="text, record">
+        <template slot="qcData" slot-scope="text, record, index">
           <div
-            :class="['file-ellipsis', !record.qcFileName ? 'file-name-color' : '']"
+            :class="['file-ellipsis', text && text.file ? '' : 'file-name-color']"
             :title="text && text.fileName"
-            @dblclick="useFilePicker('qcFileName', record)"
+            @dblclick="useFilePicker('qcFileName', record, index)"
           >
             {{ text && text.fileName }}
           </div>
         </template>
         <template slot="status" slot-scope="text, record">
-          <span
-            :class="[
-              record.sampleFileName
-                ? record.fileType == 'B' && !(record.gasFileName && record.detFileName)
+          <template v-if="record.sampleFileName">
+            <span
+              class="status"
+              :class="
+                record.fileType == 'B' &&
+                !(record.gasFileName && record.gasFileName.file && record.detFileName && record.detFileName.file)
                   ? 'status_false'
                   : 'status_true'
-                : '',
-              'status',
-            ]"
-          ></span>
+              "
+            ></span>
+          </template>
         </template>
       </a-table>
       <!-- 不支持 File System Access 的情况 -->
@@ -121,6 +122,7 @@
       <template slot="custom-footer">
         <a-space>
           <a-upload
+            v-if="!canUseFilePicker"
             accept=".PHD,.phd"
             :custom-request="handleUpload"
             :multiple="true"
@@ -130,7 +132,7 @@
             <a-button type="primary" :loading="uploading"> Upload </a-button>
           </a-upload>
           <a-button type="primary" @click="handleReset">Reset</a-button>
-          <a-button type="primary" @click="handleLoad">Load</a-button>
+          <a-button :loading="isUploadingZip" type="primary" @click="handleLoad">Load</a-button>
           <a-button type="primary" @click="handleCancel">Cancel</a-button>
         </a-space>
       </template>
@@ -200,10 +202,9 @@
 </template>
 
 <script>
-import JSZip from 'jszip'
 import { getAction, postAction } from '../../../../api/manage'
 import { FilePicker } from '@/utils/FilePicker'
-import { readFile } from '@/utils/file'
+import { readFile, zipFile } from '@/utils/file'
 import { PHDParser, PHD_DATA_TYPE } from '@/utils/phdHelper'
 import ModalMixin from '@/mixins/ModalMixin'
 
@@ -289,6 +290,7 @@ export default {
       columns_file,
       loading_file: false,
       loading_list: false,
+      isUploadingZip: false,
       list: [],
       ipagination: {
         current: 1,
@@ -360,29 +362,30 @@ export default {
     },
 
     // 用新的文件操作接口
-    async useFilePicker(column, record) {
+    async useFilePicker(column, record, rowIndex) {
       // 如果没有选择sampleFile，则不允许选其他的
       if (column !== 'sampleFileName' && (!record.sampleFileName || record.fileType !== 'B')) {
         return
       }
 
       if (this.directoryHanlder) {
-        this.chooseFile(column, record)
+        this.chooseFile(column, record, rowIndex)
       } else {
         try {
           this.directoryHanlder = await FilePicker.chooseDirectory()
-          this.chooseFile(column, record)
+          this.chooseFile(column, record, rowIndex)
         } catch {}
       }
     },
 
-    async chooseFile(column, record) {
+    async chooseFile(column, record, rowIndex) {
       try {
         const [fileHandle] = await FilePicker.chooseFile(false, [{ accept: { 'text/phd': ['.phd'] } }])
         try {
           const isFileInDirectory = await FilePicker.isFileInDirectory(this.directoryHanlder, fileHandle)
           if (!isFileInDirectory) {
             this.$message.warn('File and Directory Not in Same')
+            this.directoryHanlder = undefined
             return
           }
 
@@ -400,10 +403,18 @@ export default {
 
           // 如果是sample
           if (column == 'sampleFileName') {
-            const { sampleFileName, otherFileNames, liveTime } = phdParser
+            // 看看之前有没有选中过该文件，非同一行，则只能选择文件名不同的
+            const findIndex = this.list.findIndex(
+              (item) => item.sampleFileName && item.sampleFileName.file && item.sampleFileName.file.name == file.name
+            )
+            if (-1 !== findIndex && findIndex !== rowIndex) {
+              return
+            }
+
+            const { sampleFilePrefix, otherFilePrefixes, qualify, liveTime } = phdParser
             record.sampleFileName = {
               file,
-              fileName: `${sampleFileName}_${liveTime}.PHD`,
+              fileName: `${sampleFilePrefix}S_${qualify}_${liveTime}.PHD`,
             }
 
             const iter = await this.directoryHanlder.values()
@@ -418,11 +429,13 @@ export default {
             }
 
             const nameKeys = ['detFileName', 'gasFileName']
+            const fileTypes = ['D', 'G']
 
-            otherFileNames.forEach((otherFileName, index) => {
+            otherFilePrefixes.forEach((otherFilePrefix, index) => {
+              const fileType = fileTypes[index]
               // 在所有文件中查找 名字含有 从sample文件解析出的文件名 的文件
               const findFile = fileList.find((file) => {
-                return file.name.includes(otherFileName)
+                return file.name.includes(`${otherFilePrefix}${fileType}_${qualify}`)
               })
 
               if (findFile) {
@@ -431,16 +444,21 @@ export default {
                   fileName: findFile.name,
                 }
               } else {
-                record[columns[index]] = undefined
+                record[nameKeys[index]] = {
+                  file: undefined,
+                  fileName: `${otherFilePrefix}${fileType}.PHD`,
+                }
               }
             })
 
             // 查找 QC 文件
-            let qcFileInfo = undefined
+            let qcFileInfo = {
+              file: undefined,
+              fileName: `${sampleFilePrefix}Q.PHD`,
+            }
             const qcFileList = fileList.filter((file) => file.name.includes('_Q_'))
-            const compareFileName = sampleFileName.slice(0, 23)
             for (const qcFile of qcFileList) {
-              if (qcFile.name.slice(0, 23) <= compareFileName) {
+              if (qcFile.name.slice(0, 23) <= sampleFilePrefix) {
                 qcFileInfo = {
                   file: qcFile,
                   fileName: qcFile.name,
@@ -466,7 +484,7 @@ export default {
 
     /**
      * 判断文件和列是否匹配
-     * @param {*} fileType
+     * @param {*} column
      * @param {*} dataType
      */
     fileNameAndColumnMatch(column, dataType) {
@@ -569,60 +587,85 @@ export default {
     beforeUpload(file, fileList) {
       this.fileList = fileList
     },
-    handleUpload({ file }) {
+    async handleUpload() {
       this.uploading = true
       this.fileNum += 1
       if (this.fileNum == this.fileList.length) {
-        this.zipFile(this.fileList)
+        const file = await zipFile(this.fileList, 'test.zip')
+        const res = await this.uploadZipFile(file)
+        this.uploading = false
+        this.fileNum = 0
+        if (res.success) {
+          this.$message.success(res.message)
+        } else {
+          this.$message.warning(res.message)
+        }
       }
     },
-    async zipFile(fileList, onProgress) {
-      const zip = new JSZip()
-      const promises = []
-      fileList.forEach((file) => {
-        promises.push(this.readAsArrayBuffer(file))
-      })
-      Promise.all(promises).then((result) => {
-        result.forEach((res) => {
-          zip.file(res.fileName, res.data)
-        })
-        zip.generateAsync({ type: 'blob' }).then((content) => {
-          let file = new File([content], 'test.zip', { type: content.type })
-          const formData = new FormData()
-          formData.append('file', file)
-          postAction('/spectrumFile/upload', formData).then((res) => {
-            this.uploading = false
-            this.fileNum = 0
-            if (res.success) {
-              this.$message.success(res.message)
-            } else {
-              this.$message.warning(res.message)
-            }
-          })
-        })
-      })
-    },
 
-    async readAsArrayBuffer(file) {
-      return new Promise((resolve) => {
-        let reader = new FileReader()
-        reader.readAsArrayBuffer(file)
-        reader.onload = (e) => {
-          resolve({
-            fileName: file.name,
-            data: e.target.result,
-          })
-        }
-      })
+    // 上传zip文件
+    async uploadZipFile(file) {
+      const formData = new FormData()
+      formData.append('file', file)
+      const res = await postAction('/spectrumFile/upload', formData)
+      return res
     },
 
     handleReset() {
       this.list = this.getInitialList()
     },
 
-    handleLoad() {
-      this.visible = false
-      this.$emit('loadFormFile', this.list)
+    async handleLoad() {
+      // 如果文件系统可用
+      if (this.canUseFilePicker) {
+        const propNames = ['sampleFileName', 'gasFileName', 'detFileName', 'qcFileName']
+        const files = []
+        for (const item of this.list) {
+          propNames.forEach((propName) => {
+            const value = item[propName]
+            if (value && value.file) {
+              files.push(value.file)
+            }
+          })
+        }
+        if(!files.length) {
+          this.$message.warn('File is Empty ')
+          return
+        }
+        const zipedFiles = await zipFile(files, 'test.zip')
+        this.isUploadingZip = true
+        try {
+          const { success, message } = await this.uploadZipFile(zipedFiles)
+          if (success) {
+            try {
+              const { success, result, message } = await getAction('/spectrumAnalysis/getFilesBySampleFile', {
+                fileName: this.list
+                  .filter((item) => item.sampleFileName)
+                  .map((item) => item.sampleFileName.file.name)
+                  .join(','),
+              })
+              if (success) {
+                this.visible = false
+                this.$emit('loadFormFile', result)
+              } else {
+                this.$message.error(message)
+              }
+            } catch (error) {
+              console.error(error)
+            } finally {
+              this.isUploadingZip = false
+            }
+          } else {
+            this.$message.error(message)
+          }
+        } catch (error) {
+          console.error(error)
+          this.isUploadingZip = false
+        }
+      } else {
+        this.visible = false
+        this.$emit('loadFormFile', this.list)
+      }
     },
 
     handleCancel() {

From d9052d5d7e3575a12dcb757865f0309df9136dc1 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Mon, 9 Oct 2023 10:25:01 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DSelect=20Library?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=97=B6=E6=9C=AA=E9=87=8D=E7=BD=AEnuclideNa?=
 =?UTF-8?q?me=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Modals/NuclideLibraryModal.vue             | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/NuclideLibraryModal.vue b/src/views/spectrumAnalysis/components/Modals/NuclideLibraryModal.vue
index 0f19e19..49431be 100644
--- a/src/views/spectrumAnalysis/components/Modals/NuclideLibraryModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/NuclideLibraryModal.vue
@@ -16,7 +16,7 @@
         <div class="nuclide-library-settings">
           <div class="nuclide-library-settings-select">
             <title-over-border class="select-library" title="Select Library">
-              <a-radio-group v-model="model.libraryName" @change="handleSearch">
+              <a-radio-group v-model="model.libraryName" @change="handleChangeLibraryType">
                 <a-radio value="UserLibrary">User Library</a-radio>
                 <a-radio value="FULLLibrary">Full Library</a-radio>
                 <a-radio value="RelevantLibrary">Relevant Library</a-radio>
@@ -275,6 +275,12 @@ export default {
       }
     },
 
+    // 修改Library类型
+    handleChangeLibraryType() {
+      this.model.nuclideName = ''
+      this.handleSearch()
+    },
+
     // 搜索
     handleSearch() {
       this.getInfo(true)

From a06362f23d1ec2f1f724071934d65afa987d66f3 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Mon, 9 Oct 2023 14:25:39 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90Beta=E7=9A=84Save?=
 =?UTF-8?q?=20Results=20to=20File=20=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Modals/LoadFromDBModal.vue     |  2 +-
 .../components/Modals/SaveSettingModal.vue    |  9 ++---
 src/views/spectrumAnalysis/index.vue          | 40 ++++++++++++++-----
 3 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue b/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue
index ed97764..8465ffd 100644
--- a/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue
@@ -197,7 +197,7 @@ export default {
      */
     async handleLoad() {
       if (!this.selectedRowKeys.length) {
-        this.$message.warn('Please Select Databases To Load')
+        this.$message.warn('Please Select Sample To Load')
         return
       }
       this.selectedRowKeys = []
diff --git a/src/views/spectrumAnalysis/components/Modals/SaveSettingModal.vue b/src/views/spectrumAnalysis/components/Modals/SaveSettingModal.vue
index cc03fbf..b8d03a1 100644
--- a/src/views/spectrumAnalysis/components/Modals/SaveSettingModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/SaveSettingModal.vue
@@ -10,7 +10,8 @@
         <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 value="xls">Save as Excel</a-radio>
+            <a-radio value="html">Save as Html</a-radio>
           </a-radio-group>
         </title-over-border>
       </div>
@@ -19,7 +20,6 @@
 </template>
 
 <script>
-import { downloadFile } from '../../../../api/manage'
 import TitleOverBorder from '../TitleOverBorder.vue'
 export default {
   components: { TitleOverBorder },
@@ -41,8 +41,7 @@ export default {
     },
 
     handleOk() {
-      console.log('%c [ save ]-22', 'font-size:13px; background:pink; color:#bf2c9f;')
-      downloadFile('', 'result.' + this.saveFormat, {})
+      this.$emit('save', this.saveFormat)
     }
   },
   computed: {
@@ -73,7 +72,7 @@ export default {
   }
 
   .format-radio-group {
-    .ant-radio-wrapper:first-child {
+    .ant-radio-wrapper:not(:last-child) {
       margin-bottom: 10px;
     }
   }
diff --git a/src/views/spectrumAnalysis/index.vue b/src/views/spectrumAnalysis/index.vue
index 6bceca1..af0d00d 100644
--- a/src/views/spectrumAnalysis/index.vue
+++ b/src/views/spectrumAnalysis/index.vue
@@ -74,7 +74,7 @@
     <!-- Nuclide Activity and MDC 弹窗结束 -->
 
     <!-- Save Setting 弹窗开始 -->
-    <save-setting-modal v-model="saveSettingModalVisible" />
+    <save-setting-modal v-model="saveSettingModalVisible" @save="handleSaveResultsToFile" />
     <!-- Save Setting 弹窗结束 -->
 
     <!-- 分析-设置弹窗开始 -->
@@ -156,10 +156,7 @@
     <!-- Beta-Gamma 的Comments 结束 -->
 
     <!-- Beta-Gamma 的Energy Calibration开始 -->
-    <beta-gamma-energy-calibration-modal
-      v-model="betaGammaEnergyCalibrationModalVisible"
-      @sendInfo="getCheckFlag"
-    />
+    <beta-gamma-energy-calibration-modal v-model="betaGammaEnergyCalibrationModalVisible" @sendInfo="getCheckFlag" />
     <!-- Beta-Gamma 的Energy Calibration结束 -->
 
     <!-- Beta-Gamma 的 Extrapolation 弹窗开始 -->
@@ -191,7 +188,7 @@
   </div>
 </template>
 <script>
-import { postAction } from '@/api/manage'
+import { downloadFile, postAction } from '@/api/manage'
 import GammaAnalysis from './gamma-analysis.vue'
 import BetaGammaAnalysis from './beta-gamma-analysis.vue'
 import SpectraListInMenu from './components/SpectraListInMenu.vue'
@@ -460,8 +457,31 @@ export default {
     },
 
     // 保存结果到文件， 服务端生成文件，前端下载
-    handleSaveResultsToFile() {
-      this.saveSettingModalVisible = true
+    async handleSaveResultsToFile(saveFormat) {
+      const url =
+        saveFormat == 'xls'
+          ? '/spectrumAnalysis/saveToExcel'
+          : saveFormat == 'txt'
+          ? '/spectrumAnalysis/saveToTxt'
+          : saveFormat == 'html'
+          ? '/spectrumAnalysis/saveToHTML'
+          : ''
+      if (!this.resultDisplayFlag) {
+        this.$message.warn('Please Analyse Spectrum First')
+        return
+      }
+
+      this.resultDisplayFlag.forEach((item) => {
+        this.params_toDB[`${item.nuclideName.toLowerCase()}Flag`] = item.nidFlag
+      })
+
+      this.params_toDB.sampleFileName = this.newSampleData.inputFileName
+      this.params_toDB.gasFileName = this.newSampleData.gasFileName
+      this.params_toDB.detFileName = this.newSampleData.detFileName
+      this.params_toDB.qcFileName = this.newSampleData.qcFileName
+      this.params_toDB.dbName = this.newSampleData.dbName
+
+      downloadFile(url, `result.${saveFormat}`, this.params_toDB, 'post')
     },
 
     /**
@@ -478,7 +498,7 @@ export default {
           const hideLoading = this.$message.loading('Saving...', 0)
           try {
             const { success, message } = await getAction('/gamma/saveToDB', {
-              fileName: this.sampleData.inputFileName
+              fileName: this.sampleData.inputFileName,
             })
             if (success) {
               this.$message.success('Save Success')
@@ -727,7 +747,7 @@ export default {
               },
               on: {
                 menuClick: () => {
-                  this.handleSaveResultsToFile()
+                  this.saveSettingModalVisible = true
                 },
                 submenuClick: ({ item, child }) => {
                   if (item.title == 'Save Results to DB') {

From 36ba4a816738ee5b452dd6f8a3e2e7f48bf8a986 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Mon, 9 Oct 2023 19:10:06 +0800
Subject: [PATCH 5/5] =?UTF-8?q?refactor:=20=E9=87=8D=E5=86=99PHD=E8=A7=A3?=
 =?UTF-8?q?=E6=9E=90=E6=96=B9=E6=B3=95=E4=BB=A5=E9=80=82=E9=85=8D=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E5=90=84=E5=BC=82=E7=9A=84=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/file.js                             |  17 ++-
 src/utils/phdHelper.js                        | 136 +++++++++++++-----
 .../components/Modals/LoadFromFileModal.vue   | 102 +++++++------
 3 files changed, 169 insertions(+), 86 deletions(-)

diff --git a/src/utils/file.js b/src/utils/file.js
index 4c1830c..88867ca 100644
--- a/src/utils/file.js
+++ b/src/utils/file.js
@@ -37,6 +37,7 @@ export const showSaveFileModal = (data, ext) => {
  * 读文件
  * @param {File} file
  * @param { 'arrayBuffer' | 'text' | 'dataURL' | 'binaryString'} fileType
+ * @returns {Promise<string | ArrayBuffer}
  */
 export const readFile = (file, fileType = 'text') => {
   return new Promise((resolve, reject) => {
@@ -59,15 +60,23 @@ export const readFile = (file, fileType = 'text') => {
 
 /**
  * 压缩文件
- * @param {Array<File>} fileList 
- * @param {string} zipName 
- * @returns 
+ * @param {Array<File>} fileList
+ * @param {string} zipName
+ * @returns
  */
 export const zipFile = async (fileList, zipName) => {
   const zip = new JSZip()
   const promises = []
+
+  const readFileWithName = async file => {
+    const data = await readFile(file, 'arrayBuffer')
+    return {
+      fileName: file.name,
+      data
+    }
+  }
   fileList.forEach(file => {
-    promises.push(readFile(file, 'arrayBuffer'))
+    promises.push(readFileWithName(file))
   })
   const result = await Promise.all(promises)
   result.forEach(res => {
diff --git a/src/utils/phdHelper.js b/src/utils/phdHelper.js
index 04ef354..d44d9c9 100644
--- a/src/utils/phdHelper.js
+++ b/src/utils/phdHelper.js
@@ -1,4 +1,30 @@
+/**
+ * PHD 类型
+ */
+export const PHD_DATA_TYPE = {
+  QCPHD: 'QCPHD',
+  DETBKPHD: 'DETBKPHD',
+  SAMPLEPHD: 'SAMPLEPHD',
+  GASBKPHD: 'GASBKPHD'
+}
+
+/**
+ * 判断是不是sample
+ * @param {*} dataType
+ * @returns
+ */
+export const isSample = dataType => {
+  return ['SAMPLEPHD', 'SPHDP', 'SPHDF'].includes(dataType)
+}
+
 export class PHDParser {
+  /**
+   * 根据Block解析出的结果集
+   */
+  blocks = {
+    baseInfo: []
+  }
+
   /**
    * 数据类型
    */
@@ -30,47 +56,97 @@ export class PHDParser {
    */
   otherFilePrefixes = []
 
+  /**
+   * 该文件是不是sample
+   */
+  isSample = false
+
   /**
    * 构造函数
    * @param {string} text
    */
   constructor(text) {
-    const getLine = this.readTextLine(text)
-    const dataTypeLine = getLine(4)
-    const fileTypeLine = getLine(6)
-    const fileNameLine = getLine(8)
-    const liveTimeLine = getLine(18)
+    this.splitByBlock(text)
+    this.dataType = this.getBaseInfoByTag('DATA_TYPE')[0]
+    this.isSample = isSample(this.dataType)
 
-    this.dataType = this.getOnymousData(dataTypeLine)[0]
-    const fileType = this.splitLineText(fileTypeLine)
-    this.fileType = fileType[2]
-    this.qualify = fileType[4]
+    const headerInfo = this.getBlockInfo('Header')
+    const headerInfoLine1 = this.splitLineText(headerInfo[0])
+    this.fileType = headerInfoLine1[2]
+    this.qualify = headerInfoLine1[4]
 
-    const liveTime = parseFloat(this.splitLineText(liveTimeLine)[3]).toFixed(1)
+    const liveTime = parseFloat(this.getBlockStr('Acquisition', 0, 3)).toFixed(1)
     this.liveTime = liveTime.indexOf('.0') == -1 ? liveTime : liveTime.slice(0, -2)
 
-    // 如果是 Beta 谱
-    if (this.fileType == 'B') {
-      // 如果解析的是sample 文件，则获取其他三个文件
-      if (this.dataType == PHD_DATA_TYPE.SAMPLEPHD) {
-        const filePrefixes = this.getFilePrefixes(fileNameLine)
-        this.sampleFilePrefix = filePrefixes.splice(0, 1)[0]
-        this.otherFilePrefixes = filePrefixes
-      }
+    // 如果解析的是sample 文件，则解析相关联的文件
+    if (this.isSample) {
+      const filePrefixes = this.getFilePrefixes(headerInfo[2])
+      this.sampleFilePrefix = filePrefixes.splice(0, 1)[0]
+      this.otherFilePrefixes = filePrefixes
     }
   }
+
   /**
-   * 将文本按行分割
+   * 根据块类型分割
    * @param {string} text
-   * @returns { (line: number) => string }
    */
-  readTextLine(text) {
-    const splited = text.split('\n')
-    return line => {
-      return splited[line - 1]
+  splitByBlock(text) {
+    const lines = (text = text.replace(/\r{0,1}\n/g, '\n').split('\n'))
+    let blockType = 'baseInfo'
+    for (const line of lines) {
+      // 如果以#开头
+      if (line.startsWith('#')) {
+        blockType = line.slice(1)
+        if (blockType.startsWith('Header')) {
+          blockType = 'Header'
+        }
+        this.blocks[blockType] = []
+        continue
+      }
+      this.blocks[blockType].push(line.trim())
     }
   }
 
+  /**
+   * 根据块名拿到块内容
+   * @param {string} blockName
+   * @returns {Array<string>}
+   */
+  getBlockInfo(blockName) {
+    return this.blocks[blockName]
+  }
+
+  /**
+   * 在baseInfo中根据tag查找值
+   * @param {*} tag
+   * @returns {Array<string>}
+   */
+  getBaseInfoByTag(tag) {
+    const baseInfo = this.getBlockInfo('baseInfo')
+    const map = new Map()
+    baseInfo.forEach(line => {
+      if (line.startsWith(tag)) {
+        map.set(tag, this.getOnymousData(line))
+      }
+    })
+
+    return map.get(tag)
+  }
+
+  /**
+   * 根据行号和位置在block中查找字符
+   * @param {string} blockName
+   * @param {number} lineNum
+   * @param {number} index
+   * @returns {string}
+   */
+  getBlockStr(blockName, lineNum, index) {
+    const blockInfo = this.getBlockInfo(blockName)
+    const lineText = blockInfo[lineNum]
+    const splited = this.splitLineText(lineText)
+    return splited[index]
+  }
+
   /**
    * 获取 具名 行的数据
    * @param {string} text
@@ -98,19 +174,9 @@ export class PHDParser {
     const filePrefixes = unHandledfilePrefixes
       .filter(filePrefix => filePrefix)
       .map(filePrefix => {
-        filePrefix = filePrefix.replace(/(\d{4})\/(\d{2})\/(\d{2})-(\d{2}):(\d{2})/, '$1$2$3_$4$5')
+        filePrefix = filePrefix.replace(/(\d{4})\/(\d{2})\/(\d{2})-(\d{2}):(\d{2})(:\d{2}\.\d)?/, '$1$2$3_$4$5')
         return filePrefix + '_'
       })
     return filePrefixes
   }
 }
-
-/**
- * PHD 类型
- */
-export const PHD_DATA_TYPE = {
-  QCPHD: 'QCPHD',
-  DETBKPHD: 'DETBKPHD',
-  SAMPLEPHD: 'SAMPLEPHD',
-  GASBKPHD: 'GASBKPHD'
-}
diff --git a/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue b/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
index 9c28bdc..d4a4e3f 100644
--- a/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
@@ -205,7 +205,7 @@
 import { getAction, postAction } from '../../../../api/manage'
 import { FilePicker } from '@/utils/FilePicker'
 import { readFile, zipFile } from '@/utils/file'
-import { PHDParser, PHD_DATA_TYPE } from '@/utils/phdHelper'
+import { isSample, PHDParser, PHD_DATA_TYPE } from '@/utils/phdHelper'
 import ModalMixin from '@/mixins/ModalMixin'
 
 const columns = [
@@ -417,57 +417,66 @@ export default {
               fileName: `${sampleFilePrefix}S_${qualify}_${liveTime}.PHD`,
             }
 
-            const iter = await this.directoryHanlder.values()
-            const fileList = []
+            // 如果是Beta Gamma，则查找其他的文件
+            if (phdParser.fileType == 'B') {
+              const iter = await this.directoryHanlder.values()
+              const fileList = []
 
-            let result = await iter.next()
-            while (!result.done) {
-              const fileHandle = result.value
-              const file = await fileHandle.getFile()
-              fileList.push(file)
-              result = await iter.next()
-            }
+              let result = await iter.next()
+              while (!result.done) {
+                const fileHandle = result.value
+                const file = await fileHandle.getFile()
+                fileList.push(file)
+                result = await iter.next()
+              }
 
-            const nameKeys = ['detFileName', 'gasFileName']
-            const fileTypes = ['D', 'G']
+              const nameKeys = ['detFileName', 'gasFileName']
+              const fileTypes = ['D', 'G']
 
-            otherFilePrefixes.forEach((otherFilePrefix, index) => {
-              const fileType = fileTypes[index]
-              // 在所有文件中查找 名字含有 从sample文件解析出的文件名 的文件
-              const findFile = fileList.find((file) => {
-                return file.name.includes(`${otherFilePrefix}${fileType}_${qualify}`)
+              otherFilePrefixes.forEach((otherFilePrefix, index) => {
+                const fileType = fileTypes[index]
+                // 在所有文件中查找 名字含有 从sample文件解析出的文件名 的文件
+                const findFile = fileList.find((file) => {
+                  return file.name.includes(`${otherFilePrefix}${fileType}_${qualify}`)
+                })
+
+                if (findFile) {
+                  record[nameKeys[index]] = {
+                    file: findFile,
+                    fileName: findFile.name,
+                  }
+                } else {
+                  record[nameKeys[index]] = {
+                    file: undefined,
+                    fileName: `${otherFilePrefix}${fileType}.PHD`,
+                  }
+                }
               })
 
-              if (findFile) {
-                record[nameKeys[index]] = {
-                  file: findFile,
-                  fileName: findFile.name,
-                }
-              } else {
-                record[nameKeys[index]] = {
-                  file: undefined,
-                  fileName: `${otherFilePrefix}${fileType}.PHD`,
+              // 查找 QC 文件
+              let qcFileInfo = {
+                file: undefined,
+                fileName: `${sampleFilePrefix}Q.PHD`,
+              }
+              const qcFileList = fileList.filter((file) => file.name.includes('_Q_'))
+              for (const qcFile of qcFileList) {
+                if (qcFile.name.slice(0, 23) <= sampleFilePrefix) {
+                  qcFileInfo = {
+                    file: qcFile,
+                    fileName: qcFile.name,
+                  }
+                } else {
+                  break
                 }
               }
-            })
-
-            // 查找 QC 文件
-            let qcFileInfo = {
-              file: undefined,
-              fileName: `${sampleFilePrefix}Q.PHD`,
+              record.qcFileName = qcFileInfo
+            } else {
+              Object.assign(record, {
+                gasFileName: undefined,
+                detFileName: undefined,
+                qcFileName: undefined,
+              })
             }
-            const qcFileList = fileList.filter((file) => file.name.includes('_Q_'))
-            for (const qcFile of qcFileList) {
-              if (qcFile.name.slice(0, 23) <= sampleFilePrefix) {
-                qcFileInfo = {
-                  file: qcFile,
-                  fileName: qcFile.name,
-                }
-              } else {
-                break
-              }
-            }
-            record.qcFileName = qcFileInfo
           }
           // 非sample
           else {
@@ -491,8 +500,7 @@ export default {
       let currDataType = ''
       switch (column) {
         case 'sampleFileName':
-          currDataType = PHD_DATA_TYPE.SAMPLEPHD
-          break
+          return isSample(dataType)
         case 'gasFileName':
           currDataType = PHD_DATA_TYPE.GASBKPHD
           break
@@ -628,7 +636,7 @@ export default {
             }
           })
         }
-        if(!files.length) {
+        if (!files.length) {
           this.$message.warn('File is Empty ')
           return
         }