From cd74477007a456d9cf7428e5986d0438ab4c27ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 16 Jul 2025 10:18:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9diy=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/preview/index.vue |  6 +++++-
 src/components/model-video/index.vue    | 14 +++++++++++---
 src/store/modules/common.ts             |  1 +
 src/views/layout/index.vue              |  1 -
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/common/preview/index.vue b/src/components/common/preview/index.vue
index bec37e70..46ad16c9 100644
--- a/src/components/common/preview/index.vue
+++ b/src/components/common/preview/index.vue
@@ -12,6 +12,8 @@
 </template>
 <script setup lang="ts">
 import { get_cookie, set_cookie, get_math } from '@/utils';
+import { commonStore } from '@/store';
+const common_store = commonStore();
 const props = defineProps({
     dataId: {
         type: String,
@@ -49,7 +51,9 @@ watch(
                 uid_val = get_math();
                 set_cookie('uid_name', uid_val);
             }
-            new_link.value = (import.meta.env.VITE_APP_BASE_API == '/dev-api' ? import.meta.env.VITE_APP_BASE_API_URL : pro_url) + '?s=diy/preview/id/' + props.dataId + '&system_type=default' + token.value + '&uid=' + uid_val;
+            let url = common_store.common.preview_url;
+            // 判断是否包含? 如果包含？的话就是添加参数，否则就是添加？后添加参数
+            new_link.value = url + (url.includes('?') ? '&id=' : '?id=') + props.dataId + '&system_type=default' + token.value + '&uid=' + uid_val;
         }
     }
 );
diff --git a/src/components/model-video/index.vue b/src/components/model-video/index.vue
index 83497819..b841e903 100644
--- a/src/components/model-video/index.vue
+++ b/src/components/model-video/index.vue
@@ -2,11 +2,18 @@
     <div :style="style_container">
         <div :style="style_img_container">
             <div class="video re" :style="style">
-                <template v-if="video && !video_img">
-                    <video :src="video" class="w h"></video>
+                <template v-if="isEmpty(video) && isEmpty(video_img)">
+                    <image-empty v-model="video_img" fit="contain" error-img-style="width:60px;height:60px;"></image-empty>
                 </template>
                 <template v-else>
-                    <image-empty v-model="video_img" error-img-style="width:60px;height:60px;"></image-empty>
+                    <template v-if="!isEmpty(video)">
+                        <video :src="video" controls class="w h"></video>
+                    </template>
+                    <template v-if="!isEmpty(video_img)">
+                        <div class="middle w h">
+                            <image-empty v-model="video_img" fit="contain" error-img-style="width:60px;height:60px;"></image-empty>
+                        </div>
+                    </template>
                 </template>
                 <img :src="video_src" class="middle box-shadow-sm round" width="60" height="60" />
             </div>
@@ -16,6 +23,7 @@
 <script setup lang="ts">
 import { common_styles_computer, common_img_computer } from '@/utils';
 import { commonStore } from '@/store';
+import { isEmpty } from 'lodash';
 const common_store = commonStore();
 /**
  * @description: 视频 （渲染）
diff --git a/src/store/modules/common.ts b/src/store/modules/common.ts
index 2974a290..4087589d 100644
--- a/src/store/modules/common.ts
+++ b/src/store/modules/common.ts
@@ -37,6 +37,7 @@ export const commonStore = defineStore('common', () => {
             site_logo: '',
             site_name: '',
         } as any, // 基础数据配置参数
+        preview_url: '',
     });
     // 存储链接数据
     const set_common = (data: any) => {
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index 6cc49d94..b4d91bb3 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -27,7 +27,6 @@ import { cloneDeep, isEmpty, omit } from 'lodash';
 import DiyAPI, { diyData, headerAndFooter, diyConfig } from '@/api/diy';
 import CommonAPI from '@/api/common';
 import { commonStore } from '@/store';
-import { de } from 'element-plus/es/locale';
 const common_store = commonStore();
 interface diy_data_item {
     id: string;