From 3dddbafd04e561bd24e7deb79910f25a61e2eb8e Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Wed, 18 Sep 2024 11:48:37 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=9Edicom=E5=BD=B1=E5=83=8F=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=B8=8A=E4=BC=A0=E5=90=8E=E6=96=87=E4=BB=B6=E6=95=B0?=
 =?UTF-8?q?=E9=87=8F=E9=A2=84=E8=A7=88=E6=8C=89=E9=92=AE=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/uploadNonDicomFiles.vue        | 93 ++++++++++---------
 1 file changed, 50 insertions(+), 43 deletions(-)

diff --git a/src/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles.vue b/src/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles.vue
index 49ab8de9..608de0bf 100644
--- a/src/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles.vue
+++ b/src/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles.vue
@@ -68,14 +68,38 @@
               />
               <el-table-column :label="$t('common:action:action')" width="120">
                 <template slot-scope="files">
-                  <!-- 预览 -->
-                  <viewer
-                    v-if="files.row.type !== 'MP4'"
-                    :ref="files.row.FullFilePath"
-                    style="margin:0 10px;"
-                    :images="[`${OSSclientConfig.basePath}${files.row.FullFilePath}`]"
-                  >
+                  <div style="display: flex">
+                    <!-- 预览 -->
+                    <viewer
+                      v-if="files.row.type !== 'MP4'"
+                      :ref="files.row.FullFilePath"
+                      style="margin: 0 10px"
+                      :images="[
+                        `${OSSclientConfig.basePath}${files.row.FullFilePath}`,
+                      ]"
+                    >
+                      <el-button
+                        icon="el-icon-view"
+                        circle
+                        :title="$t('trials:uploadNonDicoms:action:preview')"
+                        size="small"
+                        :disabled="
+                          files.row.FileType &&
+                          files.row.FileType.indexOf('zip') >= 0
+                        "
+                        @click.native.prevent="handlePreviewImg(files.row)"
+                      >
+                      </el-button>
+                      <img
+                        v-show="false"
+                        crossorigin="anonymous"
+                        :src="`${OSSclientConfig.basePath}${files.row.FullFilePath}`"
+                        alt="Image"
+                      />
+                    </viewer>
+
                     <el-button
+                      v-if="files.row.type === 'MP4'"
                       icon="el-icon-view"
                       circle
                       :title="$t('trials:uploadNonDicoms:action:preview')"
@@ -84,42 +108,25 @@
                         files.row.FileType &&
                         files.row.FileType.indexOf('zip') >= 0
                       "
-                      @click.native.prevent="handlePreviewImg(files.row)">
-                    </el-button>
-                    <img
-                      v-show="false"
-                      crossorigin="anonymous"
-                      :src="`${OSSclientConfig.basePath}${files.row.FullFilePath}`"
-                      alt="Image"
-                    >
-                  </viewer>
-                  
-                  <el-button
-                    v-if="files.row.type === 'MP4'"
-                    icon="el-icon-view"
-                    circle
-                    :title="$t('trials:uploadNonDicoms:action:preview')"
-                    size="small"
-                    :disabled="
-                      files.row.FileType &&
-                      files.row.FileType.indexOf('zip') >= 0
-                    "
-                    @click.native.prevent="handleLookVideo(scope.row)"
-                  />
-                  <!-- 删除 -->
-                  <el-button
-                    v-if="allowAddOrEdit"
-                    v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
-                    icon="el-icon-delete"
-                    circle
-                    :title="$t('trials:uploadNonDicoms:action:delete')"
-                    size="small"
-                    @click.native.prevent="
-                      files.row.type === 'MP4'
-                        ? hadnleDeleteVideo(scope.row)
-                        : handleDeleteFile(files.row.Id)
-                    "
-                  />
+                      @click.native.prevent="handleLookVideo(scope.row)"
+                    />
+                    <!-- 删除 -->
+                    <el-button
+                      v-if="allowAddOrEdit"
+                      v-hasPermi="[
+                        'trials:trials-panel:visit:crc-upload:delete',
+                      ]"
+                      icon="el-icon-delete"
+                      circle
+                      :title="$t('trials:uploadNonDicoms:action:delete')"
+                      size="small"
+                      @click.native.prevent="
+                        files.row.type === 'MP4'
+                          ? hadnleDeleteVideo(scope.row)
+                          : handleDeleteFile(files.row.Id)
+                      "
+                    />
+                  </div>
                 </template>
               </el-table-column>
             </el-table>