From 265f54d530fcc8e0ad0d00a012b217a97817da02 Mon Sep 17 00:00:00 2001
From: du <13220750630.163.com>
Date: 星期四, 10 四月 2025 09:59:59 +0800
Subject: [PATCH] 字幕查看

---
 easegen-front/src/views/myCourse/index.vue |   91 ++++++++++++++++++++++++++++++++-------------
 1 files changed, 64 insertions(+), 27 deletions(-)

diff --git a/easegen-front/src/views/myCourse/index.vue b/easegen-front/src/views/myCourse/index.vue
index d444749..e37a18f 100644
--- a/easegen-front/src/views/myCourse/index.vue
+++ b/easegen-front/src/views/myCourse/index.vue
@@ -150,7 +150,7 @@
     @closed="resetSubtitleForm"
   >
     <el-form :model="subtitleForm" ref="subtitleFormRef">
-      <el-row>
+      <el-row :gutter="20">
         <el-col :span="8">
           <el-form-item label="鏂彞鏃堕棿闃堝��" prop="timeThreshold" :rules="[
             { required: true, message: '璇疯緭鍏ユ柇鍙ユ椂闂撮槇鍊�', trigger: 'blur' },
@@ -203,40 +203,46 @@
       <el-form-item label="瀛楀箷鍐呭" prop="content" :rules="[
         { required: true, message: '璇峰厛鐢熸垚鎴栦笂浼犲瓧骞曞唴瀹�', trigger: 'blur' }
       ]">
-        <el-input
-          v-model="subtitleForm.content"
-          type="textarea"
-          :rows="20"
-          placeholder="瀛楀箷鍐呭灏嗘樉绀哄湪杩欓噷锛圫RT鏍煎紡锛�"
-          resize="none"
-        />
+        <div style="width: 100%;" class="textarea-wrapper">
+          <el-input
+            class="scroll-outside"
+            v-model="subtitleForm.content"
+            type="textarea"
+            :rows="20"
+            placeholder="瀛楀箷鍐呭灏嗘樉绀哄湪杩欓噷锛圫RT鏍煎紡锛�"
+            resize="none"
+          />
+          <el-button
+            style="margin-top: 20px;float: right"
+            type="primary"
+            @click="saveSubtitles"
+            :loading="saving"
+            :disabled="!subtitleForm.content"
+          >
+            淇濆瓨瀛楀箷
+          </el-button>
+        </div>
+
       </el-form-item>
       <el-form-item label="棰勮瑙嗛" v-if="subtitleForm.subtitlesAddStatus==2">
-        <video width="100%" :src="subtitleForm.videoUrl" controls></video>
-      </el-form-item>
-      <el-form-item label="涓嬭浇瀛楀箷瑙嗛" v-if="subtitleForm.subtitlesAddStatus==2">
-        <el-button
-          v-if="subtitleForm.subtitlesAddStatus==2"
-          type="primary"
-          @click="handleDownload(subtitleForm.videoUrl,subtitleForm.videoUrl)"
-        >
-          瀛楀箷瑙嗛
-        </el-button>
+        <div style="width: 100%;">
+          <video width="100%" :src="subtitleForm.videoUrl" controls></video>
+          <el-button
+            style="margin-top: 20px;float: right"
+            type="primary"
+            @click="handleDownload(subtitleForm.videoUrl,subtitleForm.videoUrl)"
+          >
+            涓嬭浇瑙嗛
+          </el-button>
+        </div>
       </el-form-item>
     </el-form>
 
 
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="subtitleDialogVisible = false">鍙栨秷</el-button>
-        <el-button
-          type="primary"
-          @click="saveSubtitles"
-          :loading="saving"
-          :disabled="!subtitleForm.content"
-        >
-          淇濆瓨瀛楀箷
-        </el-button>
+        <el-button @click="subtitleDialogVisible = false">鍏� 闂�</el-button>
+
       </div>
     </template>
   </el-dialog>
@@ -332,6 +338,7 @@
     message.warning("鏈壘鍒拌祫婧愭枃浠讹紒")
     return
   }
+  // window.open(url, '_blank');
   const link = document.createElement('a')
   link.href = url
   link.download = courseName
@@ -710,3 +717,33 @@
   getList()
 })
 </script>
+<style scoped>
+.textarea-wrapper {
+  position: relative;
+  width: fit-content;
+}
+
+.scroll-outside {
+  /* 闅愯棌榛樿婊氬姩鏉� */
+  overflow: hidden;
+}
+
+.scroll-outside .el-textarea__inner {
+  /* 鏄剧ず鑷畾涔夋粴鍔ㄦ潯 */
+  overflow-y: auto;
+  /* 纭繚婊氬姩鏉′笉浼氭尋鍘嬪唴瀹� */
+  padding-right: 0;
+  /* 鍙�夛細澧炲姞鍙宠竟璺濅负婊氬姩鏉＄暀鍑虹┖闂� */
+  margin-right: 16px;
+}
+
+/* 鍙�夛細鑷畾涔夋粴鍔ㄦ潯鏍峰紡 */
+.scroll-outside .el-textarea__inner::-webkit-scrollbar {
+  width: 8px;
+}
+
+.scroll-outside .el-textarea__inner::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 4px;
+}
+</style>

--
Gitblit v1.9.3