非dicom影像图片上传后文件数量预览按钮位置对齐

src/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles.vue

@@ -68,12 +68,15 @@
               />
               <el-table-column :label="$t('common:action:action')" width="120">
                 <template slot-scope="files">
+                  <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}`]"
+                      style="margin: 0 10px"
+                      :images="[
+                        `${OSSclientConfig.basePath}${files.row.FullFilePath}`,
+                      ]"
                     >
                       <el-button
                         icon="el-icon-view"
@@ -84,14 +87,15 @@
                           files.row.FileType &&
                           files.row.FileType.indexOf('zip') >= 0
                         "
-                      @click.native.prevent="handlePreviewImg(files.row)">
+                        @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
@@ -109,7 +113,9 @@
                     <!-- 删除 -->
                     <el-button
                       v-if="allowAddOrEdit"
-                    v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
+                      v-hasPermi="[
+                        'trials:trials-panel:visit:crc-upload:delete',
+                      ]"
                       icon="el-icon-delete"
                       circle
                       :title="$t('trials:uploadNonDicoms:action:delete')"
@@ -120,6 +126,7 @@
                           : handleDeleteFile(files.row.Id)
                       "
                     />
+                  </div>
                 </template>
               </el-table-column>
             </el-table>