From 93767b65aa7c41e28a8a79a82edd2a91d20bd176 Mon Sep 17 00:00:00 2001
From: kailong321200875 <321200875@qq.com>
Date: Thu, 7 Dec 2023 09:50:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Table/src/Table.vue             | 18 +++++++++++++++---
 .../Components/Table/TableVideoPreview.vue     |  3 +--
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Table/src/Table.vue b/src/components/Table/src/Table.vue
index caf4fe9..7bea582 100644
--- a/src/components/Table/src/Table.vue
+++ b/src/components/Table/src/Table.vue
@@ -5,7 +5,8 @@ import {
   ElPagination,
   ComponentSize,
   ElTooltipProps,
-  ElImage
+  ElImage,
+  ElButton
 } from 'element-plus'
 import { defineComponent, PropType, ref, computed, unref, watch, onMounted } from 'vue'
 import { propTypes } from '@/utils/propTypes'
@@ -16,7 +17,8 @@ import { CSSProperties } from 'vue'
 import { getSlot } from '@/utils/tsxHelper'
 import TableActions from './components/TableActions.vue'
 import { isImgPath } from '@/utils/is'
-import { VideoPlayer } from '@/components/VideoPlayer'
+import { createVideoViewer } from '@/components/VideoPlayer'
+import { Icon } from '@/components/Icon'
 
 export default defineComponent({
   name: 'Table',
@@ -371,7 +373,17 @@ export default defineComponent({
               preview-teleported
             />
           ) : (
-            <VideoPlayer url={url} class="w-full h-full" />
+            <ElButton
+              type="primary"
+              icon={<Icon icon="ep:video-play" />}
+              onClick={() => {
+                createVideoViewer({
+                  url
+                })
+              }}
+            >
+              预览
+            </ElButton>
           )}
         </div>
       )
diff --git a/src/views/Components/Table/TableVideoPreview.vue b/src/views/Components/Table/TableVideoPreview.vue
index dc10d03..8bfd2e9 100644
--- a/src/views/Components/Table/TableVideoPreview.vue
+++ b/src/views/Components/Table/TableVideoPreview.vue
@@ -20,8 +20,7 @@ const columns: TableColumn[] = [
   },
   {
     field: 'video_uri',
-    label: t('tableDemo.videoPreview'),
-    width: 400
+    label: t('tableDemo.videoPreview')
   },
   {
     field: 'author',