From 9e3c52f9c9d5074e7618118e9c73ce2fdef18ecb Mon Sep 17 00:00:00 2001
From: linxi <957440651@qq.com>
Date: Tue, 4 Nov 2025 12:59:37 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A4339=20=E3=80=90=E6=97=85=E5=B1=85?=
 =?UTF-8?q?=E5=95=86=E5=9F=8E=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E7=9A=84=E8=A7=86=E9=A2=91=E6=B2=A1=E6=9C=89=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=B0=81=E9=9D=A2=EF=BC=8C=E6=94=B9=E4=B8=BA=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=AC=AC=E4=B8=80=E5=B8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_join/views/travelResidence.vue | 54 ++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/pkg_join/views/travelResidence.vue b/pkg_join/views/travelResidence.vue
index b59b69c..9b2bea4 100644
--- a/pkg_join/views/travelResidence.vue
+++ b/pkg_join/views/travelResidence.vue
@@ -84,6 +84,7 @@
       </view>
       <view class="input">
         <u-upload
+          v-if="videos.length === 0"
           accept="video"
           multiple
           :max-count="1"
@@ -93,9 +94,26 @@
           :maxCount="1"
           count="9"
           name="bannerImg"
+          :previewFullImage="true"
           @afterRead="afterRead($event, 'videos', 'video')"
           @delete="deletePic($event, 'videos')"
           ></u-upload>
+        <view v-else class="video-wrapper">
+          <video
+            :src="videos[0].url"
+            :poster="videos[0].url + '?vframe/jpg/offset/1'"
+            :controls="false"
+            play-btn-position="center"
+            class="video-item"
+          />
+          <view
+            v-if="form.isDraft === 1 || (form.reviewStatus !== 0 && form.reviewStatus !== 1)"
+            class="delete-badge"
+            @click.stop="deleteVideo(0)"
+          >
+            x
+          </view>
+        </view>
       </view>
     </view>
     <view class="form-item v12-mt-2 v12-d-flex v12-justify-start v12-align-center">
@@ -708,6 +726,22 @@ export default {
         })
       }
     },
+    /**
+     * 删除视频（右上角角标）
+     * @param {number} index - 视频索引
+     */
+    deleteVideo(index) {
+      if(this.form.isDraft === 0 && (this.form.reviewStatus === 0 || this.form.reviewStatus === 1)) return
+      uni.showModal({
+        title: '确认删除',
+        content: '确定删除该视频？',
+        success: (res) => {
+          if (res.confirm) {
+            this.deletePic({ index }, 'videos')
+          }
+        }
+      })
+    },
     /**
      * 删除图片或视频
      * @param {object} e - 事件对象
@@ -754,6 +788,26 @@ export default {
 .title{
   white-space: nowrap;
 }
+.video-item{
+  width: 160rpx;
+  height: 160rpx;
+}
+.video-wrapper{
+  position: relative;
+  display: inline-block;
+}
+.delete-badge{
+  position: absolute;
+  top: 0rpx;
+  right: 0rpx;
+  background: #000;
+  color: #fff;
+  padding: 2rpx 8rpx;
+  border-radius: 0 0 0rpx 200rpx;
+  font-size: 22rpx;
+  z-index: 10;
+  text-align: center;
+}
 </style>
 <style>
 .input .u-textarea{