From 2f549846ba542f5ae84f4786d072429fa5e8faa4 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 1 Jul 2024 14:07:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E5=BA=8A=E6=95=B0=E6=8D=AE=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E5=88=97=E8=A1=A8=E6=B7=BB=E5=8A=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../reading-period/components/AddOrEditCD.vue | 15 ++++++++-
 .../components/uploadClinicalData.vue         | 32 ++++++++++++++++---
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/src/views/trials/trials-panel/subject/reading-period/components/AddOrEditCD.vue b/src/views/trials/trials-panel/subject/reading-period/components/AddOrEditCD.vue
index 8281f102..dfdac7a9 100644
--- a/src/views/trials/trials-panel/subject/reading-period/components/AddOrEditCD.vue
+++ b/src/views/trials/trials-panel/subject/reading-period/components/AddOrEditCD.vue
@@ -83,6 +83,19 @@
             width="190"
             show-overflow-tooltip
           />
+          <!-- 文件大小 -->
+          <el-table-column
+            prop="size"
+            :label="$t('trials:uploadClinicalData:table:fileSize')"
+          >
+            <template slot-scope="scope">
+              <span>{{
+                scope.row.size && scope.row.size > 0
+                  ? `${(scope.row.size / 1024 / 1024).toFixed(2)}MB`
+                  : 0
+              }}</span>
+            </template>
+          </el-table-column>
           <el-table-column
             :label="$t('common:action:action')"
             width="100"
@@ -276,7 +289,7 @@ export default {
         const fileName = files[i].name
         var extendName = fileName.substring(fileName.lastIndexOf('.')).toLocaleLowerCase()
         if (this.faccept.indexOf(extendName) !== -1) {
-          this.fileList.push({ FileName: fileName, Path: '', Status: 0, Files: files[i] })
+          this.fileList.push({ FileName: fileName, Path: '', Status: 0, Files: files[i], size:files[i].size, type:fileName.split('.')[1] })
         }
       }
     },
diff --git a/src/views/trials/trials-panel/visit/crc-upload/components/uploadClinicalData.vue b/src/views/trials/trials-panel/visit/crc-upload/components/uploadClinicalData.vue
index 9f57e989..fb1c09ae 100644
--- a/src/views/trials/trials-panel/visit/crc-upload/components/uploadClinicalData.vue
+++ b/src/views/trials/trials-panel/visit/crc-upload/components/uploadClinicalData.vue
@@ -287,6 +287,7 @@
                 type="file"
                 name="file"
                 multiple
+                ref="file"
                 style="
                   position: absolute;
                   top: 0;
@@ -312,6 +313,20 @@
               :label="$t('trials:uploadClinicalData:table:fileName')"
               width="250"
             />
+            <!-- 文件大小 -->
+            <el-table-column
+              prop="Size"
+              :label="$t('trials:uploadClinicalData:table:fileSize')"
+              width="150"
+            >
+            <template slot-scope="scope">
+              <span>{{
+                scope.row.Size && scope.row.Size > 0
+                  ? `${(scope.row.Size / 1024 / 1024).toFixed(2)}MB`
+                  : 0
+              }}</span>
+            </template>
+            </el-table-column>
             <!-- 上传时间 -->
             <el-table-column
               prop="CreateTime"
@@ -551,16 +566,23 @@ export default {
       };
       this.currentRow.TrialId = this.$route.query.trialId;
       var files = e.target.files;
+      this.fileList= [];
       for (var i = 0; i < files.length; ++i) {
         const fileName = files[i].name;
         var extendName = fileName
           .substring(fileName.lastIndexOf("."))
           .toLocaleLowerCase();
         if (this.faccept.indexOf(extendName) !== -1) {
-          this.fileList.push(files[i]);
+          let obj = {
+            size:files[i].size,
+            type:extendName.split('.')[1],
+            file:files[i],
+          }
+          this.fileList.push(obj);
         }
       }
       this.handleUploadFile();
+      this.$refs.file.value = null;
     },
     async handleUploadFile() {
       this.btnLoading = true;
@@ -568,16 +590,18 @@ export default {
       this.addFileList = [];
       try {
         for (var i = 0; i < this.fileList.length; ++i) {
-          const file = await this.fileToBlob(this.fileList[i]);
+          const file = await this.fileToBlob(this.fileList[i].file);
           var timestamp = Date.now();
           const res = await this.OSSclient.put(
-            `/${this.trialId}/ClinicalData/${timestamp}_${this.fileList[i].name}`,
+            `/${this.trialId}/ClinicalData/${timestamp}_${this.fileList[i].file.name}`,
             file
           );
           this.addFileList.push({
-            fileName: this.fileList[i].name,
+            fileName: this.fileList[i].file.name,
             path: this.$getObjectName(res.url),
             url: this.$getObjectName(res.url),
+            type: this.fileList[i].type,
+            size: this.fileList[i].size,
           });
         }
         this.saveClinicalData();