src/i18n/en.ts

@@ -8,7 +8,7 @@ export default {
     weikaishi: "Planning",
     yijieshu: "Completed",
     zhibosousuo: "Please enter the live title you want to search",
-    haiweikaishi: "Not yet",
+    haiweikaishi: "Planning",
     jinruzhibo: "Enter live",
     chakanhuifang: "Replay",
     quanbushipin: "All",
@@ -355,6 +355,7 @@ export default {
     appxiazai:"Download Beelink app",
     shipinshangchuanchenggong:"Save correctly，waiting for review",
     jiazaizhong:"Loding.",
+    yulan:"preview",
     shichangtishi:"",
     renshutishi: '',
     tixianzhu: "",

src/i18n/zh.ts

@@ -355,6 +355,7 @@ export default {
     appxiazai:"Beelink App下载",
     shipinshangchuanchenggong:"上传成功，等待审核",
     jiazaizhong:"加载中",
+    yulan:"预览",
     shichangtishi:"",
     renshutishi: '',
     tixianzhu:"",

src/views/mine/Archives.vue

@@ -217,6 +217,9 @@
                             </p>
                         </div>
                     </div>
+                    <div class="submit-btn" style="position:unset;margin-left:1.2rem;margin-bottom:0.3rem" @click="showspjj">
+                        {{ lan.$t("yulan") }}
+                    </div>
                     <div class="input-box introduce">
                         <div class="label">{{ lan.$t("ziwojieshao") }}</div>
                         <a-textarea
@@ -513,8 +516,11 @@
             </div>
             
         </a-modal>
-        <a-modal v-model:visible="touxiang" width="6rem" :footer="null">
+        <a-modal v-model:visible="touxiang" width="6rem">
             <imghead @upload="imgupload" v-if="touxiang" :url="imgfire"></imghead>
+        </a-modal>
+         <a-modal v-model:visible="shipinjianjie" :footer="null" @cancel="spjjclone" style="htight: 2rem" :closable="false" >
+            <div v-html="videohtml"></div>
         </a-modal>
         <nav-bottom></nav-bottom>
     </div>
@@ -524,6 +530,7 @@
 import {
     computed,
     defineComponent,
+    nextTick,
     onMounted,
     reactive,
     Ref,
@@ -1054,7 +1061,25 @@ export default defineComponent({
         //     userinfo.value.countryValue = e;
         //     console.log(e)
         // }
-
+        const shipinjianjie = ref(false);
+        let play: any;
+        const videohtml = ref(`<video style="width:100%; height:5rem;" id="a${formData.value.videoid}" ></video>`)
+        function spjjclone(){
+            console.log(1067)
+            if(play){
+                 play.dispose()
+            }
+            videohtml.value = ""
+        }
+        async function showspjj(){
+            shipinjianjie.value = true;
+            videohtml.value = `<video style="width:100%; height:5rem;" id="a${formData.value.videoid}" ></video>`
+            await nextTick()
+            play = window.TCPlayer('a' + formData.value.videoid, { 
+                fileID: formData.value.videoid,
+                appID: '1303872925' 
+            });
+        }
         return {
             modalNode,
             formData,
@@ -1105,7 +1130,11 @@ export default defineComponent({
             huobi,
             touxiang,
             imgfire,
-            imgupload
+            imgupload,
+            shipinjianjie,
+            spjjclone,
+            showspjj,
+            videohtml
         };
     },
 });