From f09c736d261e1ad41d97b6e974a81bb014ef1265 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 23 十月 2025 17:45:50 +0800
Subject: [PATCH] 页面调整

---
 manager/src/views/health/HealthVideoList.vue |   64 +++++++++++++++++++++++++++++++
 1 files changed, 63 insertions(+), 1 deletions(-)

diff --git a/manager/src/views/health/HealthVideoList.vue b/manager/src/views/health/HealthVideoList.vue
index 9c87653..9402815 100644
--- a/manager/src/views/health/HealthVideoList.vue
+++ b/manager/src/views/health/HealthVideoList.vue
@@ -112,6 +112,7 @@
               <FormItem label="瑙嗛">
                 <video style="width: 150px;height: 150px"
                        controls
+                       @loadedmetadata="getVideoDuration"
                        :poster="uploadVideoForm.showCoverUrl"
                        :autoplay="false"
                        id="remoteVideo" :src="uploadVideoForm.showVideoUrl"
@@ -284,8 +285,30 @@
           <Button type="success" size="small" style="margin-right: 5px"
                   @click="deleteHealthVideo(row)">鍒犻櫎
           </Button>
+          <Button type="error" size="small" style="margin-right: 5px" v-if="row.status === '1'"
+                  @click="generalQrCode(row)">鐢熸垚浜岀淮鐮�
+          </Button>
+
         </template>
       </Table>
+      <Modal
+        v-model="showGeneralQrCode"
+        title="浜岀淮鐮�"
+        width="800"
+        :mask-closable="false"
+      >
+        <vue-qr
+          :text="QRCodeUrl"
+          :margin="0"
+          colorDark="#000"
+          colorLight="#fff"
+          :size="150"
+        ></vue-qr>
+        <div slot="footer">
+          <Button type="text" @click="closeGeneralQrCode">鍏抽棴</Button>
+          <!--          <Button type="primary" @click="generalQrCode">纭</Button>-->
+        </div>
+      </Modal>
 
       <Row type="flex" justify="end" class="mt_10">
         <Page
@@ -313,12 +336,18 @@
 import Editor from '@/components/editor/index.vue'
 import COS from 'cos-js-sdk-v5';
 import {getFileKey} from "@/utils/file.js";
+import vueQr from "vue-qr";
 
 export default {
   name: "VideoList",
-  components: {Editor},
+  components: {Editor,"vue-qr": vueQr},
   data() {
     return {
+      showGeneralQrCode:false,
+      codeUrl: this.QRcodeBaseUrl+ '/scanpage/health',
+      QRCodeUrl:'',
+
+
       videoDownForm: {
         id: '',
         reason: ''
@@ -520,6 +549,22 @@
     this.getTags('')
   },
   methods: {
+    closeGeneralQrCode(){
+      this.showGeneralQrCode = false;
+
+    },
+    generalQrCode(row){
+      this.QRCodeUrl = '';
+      this.showGeneralQrCode = true;
+      console.log('-------------------->',row);
+      //shareType鍙兘浼氭槸鍔ㄦ�佺殑锛屼細鍔犲垽鏂棰戞潵婧�
+
+
+      this.QRCodeUrl = this.codeUrl + '?shareType=health' + '&videoId='+ row.id  + '&source=' + 'system';
+      //TODO 鏍规嵁瑙嗛淇℃伅涓殑 锛屼綔鑰卛d鑾峰緱鐢ㄦ埛 鍒ゆ柇 鏉ユ簮 锛岀敤鎴蜂綔鑰呯殑uniid涓簄ull鍒欐槸绯荤粺涓婁紶锛屼笉涓虹┖鍒欐槸鐢ㄦ埛涓婁紶;
+
+      // console.log(this.QRCodeUrl)
+    },
     // 绉掕浆x鍒唜绉�
     formatSeconds(seconds) {
       if (isNaN(seconds) || seconds < 0) return '0绉�';
@@ -661,6 +706,12 @@
       this.detail = {}
       this.auditingShow = false
     },
+    calculateVideoFit(width, height) {
+      const videoRatio = width / height;
+      // 瑙勫垯2锛氱珫灞忚棰戯紙濡�9:16锛�
+      if (videoRatio < 0.8) return 'cover';
+      return 'contain';
+    },
     // 鎵撳紑瀹℃牳寮圭獥
     openAuditing(row) {
       this.auditingShow = true
@@ -671,6 +722,17 @@
         this.auditingLoading = false
       })
     },
+    getVideoDuration(e){
+      const duration = this.$refs.healthVideoInfo.duration;
+      const videoWidth = this.$refs.healthVideoInfo.videoWidth;
+      const videoHeight = this.$refs.healthVideoInfo.videoHeight;
+      // 鏍规嵁瀹介珮姣旈�夋嫨瑙嗛濉厖妯″紡
+     const fitType = this.calculateVideoFit(videoWidth, videoHeight)
+      this.uploadVideoForm.videoFit = fitType
+      console.log('------瑙嗛淇℃伅3------------>', videoWidth,videoHeight,fitType)
+
+      this.uploadVideoForm.videoDuration = Math.floor(duration);
+    },
     // 鎵撳紑缂栬緫寮圭獥
     deleteHealthVideo(row) {
       console.log('鍒犻櫎娴嬭瘯', row)

--
Gitblit v1.8.0