From 83d3da81adb407d246ef2c147dae07b66b06056c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <renpy@yuanian.com>
Date: Tue, 17 Oct 2023 14:35:56 +0800
Subject: [PATCH] =?UTF-8?q?gamma=20File-Format-Ftransit=20=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E4=B8=ADSpectrum=20Transfer=20=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E4=BB=A3=E7=A0=81=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CanberraIECImsTransfer.vue     | 42 +++++++++++++++++--
 .../components/IntSpcImsTransfer.vue          | 42 +++++++++++++++++--
 2 files changed, 78 insertions(+), 6 deletions(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/CanberraIECImsTransfer.vue b/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/CanberraIECImsTransfer.vue
index 26c9c6f..0249d07 100644
--- a/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/CanberraIECImsTransfer.vue
+++ b/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/CanberraIECImsTransfer.vue
@@ -100,16 +100,24 @@
     </a-form-model>
     <title-over-border title="Spectrum Transfer" class="spectrum-transfer">
       <div class="title-container">
-        <div class="title">Canberra IEC1455(.IEC)</div>
+        <div class="title">
+          <a-upload name="file" :multiple="true" :showUploadList="false" :beforeUpload="ortecBeforeUpload">
+            <div>Canberra IEC1455(.IEC)</div>
+          </a-upload>
+        </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 class="title">
+          <a-upload name="file" :multiple="true" :showUploadList="false" :beforeUpload="imsBeforeUpload">
+            <div>IMS .ims .rms</div>
+          </a-upload>
+        </div>
       </div>
-      <a-transfer></a-transfer>
+      <a-transfer :render="(item) => item.title" :data-source="dataSource" :target-keys="targetKeys" />
     </title-over-border>
   </div>
 </template>
@@ -137,8 +145,32 @@ export default {
         backgroundMea: '0',
         transmitTime: moment(new Date()).format('YYYY/MM/DD HH:mm:ss'),
       },
+      dataSource: [],
+      targetKeys: [],
     }
   },
+  methods: {
+    ortecBeforeUpload(file, fileList) {
+      console.log(file, fileList)
+      this.dataSource = fileList.map((item) => {
+        return {
+          key: item.uid,
+          title: item.name,
+        }
+      })
+    },
+    imsBeforeUpload(file, fileList) {
+      console.log(file, fileList)
+      let arr = fileList.map((item) => {
+        return {
+          key: item.uid,
+          title: item.name,
+        }
+      })
+      this.targetKeys = arr.map((item) => item.key)
+      this.dataSource.push(...arr)
+    },
+  },
 }
 </script>
 
@@ -239,6 +271,10 @@ export default {
       background-color: #225a6a;
       height: 32px;
       line-height: 32px;
+      /deep/.ant-upload {
+        width: 100%;
+        cursor: pointer;
+      }
     }
   }
 
diff --git a/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/IntSpcImsTransfer.vue b/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/IntSpcImsTransfer.vue
index bc4f7e9..5a2ff6a 100644
--- a/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/IntSpcImsTransfer.vue
+++ b/src/views/spectrumAnalysis/components/Modals/FtransltModal/components/IntSpcImsTransfer.vue
@@ -100,16 +100,24 @@
     </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="title">
+          <a-upload name="file" :multiple="true" :showUploadList="false" :beforeUpload="ortecBeforeUpload">
+            <div>ORTEC int.spc</div>
+          </a-upload>
+        </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 class="title">
+          <a-upload name="file" :multiple="true" :showUploadList="false" :beforeUpload="imsBeforeUpload">
+            <div>IMS .ims .rms</div>
+          </a-upload>
+        </div>
       </div>
-      <a-transfer></a-transfer>
+      <a-transfer :render="(item) => item.title" :data-source="dataSource" :target-keys="targetKeys" />
     </title-over-border>
   </div>
 </template>
@@ -137,8 +145,32 @@ export default {
         backgroundMea: '0',
         transmitTime: moment(new Date()).format('YYYY/MM/DD HH:mm:ss'),
       },
+      dataSource: [],
+      targetKeys: [],
     }
   },
+  methods: {
+    ortecBeforeUpload(file, fileList) {
+      console.log(file, fileList)
+      this.dataSource = fileList.map((item) => {
+        return {
+          key: item.uid,
+          title: item.name,
+        }
+      })
+    },
+    imsBeforeUpload(file, fileList) {
+      console.log(file, fileList)
+      let arr = fileList.map((item) => {
+        return {
+          key: item.uid,
+          title: item.name,
+        }
+      })
+      this.targetKeys = arr.map((item) => item.key)
+      this.dataSource.push(...arr)
+    },
+  },
 }
 </script>
 
@@ -239,6 +271,10 @@ export default {
       background-color: #225a6a;
       height: 32px;
       line-height: 32px;
+      /deep/.ant-upload {
+        width: 100%;
+        cursor: pointer;
+      }
     }
   }