From 986a47f22ad40f7bf402382e3f7a65e5b502e981 Mon Sep 17 00:00:00 2001
From: sunli_tydic <sunli@tydic.com>
Date: Tue, 18 Nov 2025 15:13:57 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91ai=E6=96=87=E7=A8=BF=20ai?=
 =?UTF-8?q?=E6=91=98=E8=A6=81=E9=9D=99=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/courseAbstract.png       | Bin 0 -> 4522 bytes
 src/assets/images/course/wengaoTip.png | Bin 0 -> 504 bytes
 src/components/Course/aiScript.vue     | 267 +++++++++++++++++++++++++
 src/views/portal/course/Index.vue      |  50 ++++-
 src/views/study/coursenew.vue          |  13 ++
 5 files changed, 328 insertions(+), 2 deletions(-)
 create mode 100644 public/images/courseAbstract.png
 create mode 100644 src/assets/images/course/wengaoTip.png
 create mode 100644 src/components/Course/aiScript.vue

diff --git a/public/images/courseAbstract.png b/public/images/courseAbstract.png
new file mode 100644
index 0000000000000000000000000000000000000000..f50281c810b80ea5954382173b836730d6c83ecc
GIT binary patch
literal 4522
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/course/wengaoTip.png b/src/assets/images/course/wengaoTip.png
new file mode 100644
index 0000000000000000000000000000000000000000..f83ce6fb2e0e6d074849300e1e0812e1b4ec1b92
GIT binary patch
literal 504
zcmeAS@N?(olHy`uVBq!ia0vp^{6Ngd!3HEhbh*7}U|`(u>Eakt!T9z8;{+AYNh+Q~
z-K%Eqc6V_}OG^t21%h%A_<n{Kpaf)ecsR(Gv@|z2mzLeLXL6nQNeeG8Eid;!53<r{
zQH7)3&G)<q#9!~OT;TsLoB6}hU%4NfYG&1QH|Sq@U9jK(dv@|ZE{2bWkAD8lkv|^8
z;$YKq{@PlGnqBd;4}~*c_#yG}Pt81gt{+(pXMTT}`77_;_sY6lsSh`S#@yL=f}gF9
zyTTy+4%Z&O`HP|}%@~gS1qv?vaEoPrYo!6dN*?RJS%<!VFucXeAQ1obJKH_(irhGp
z{k%2&@{8Y##lQaUwnzNKtvwla(w}W>mh6kZ^L};B9M<=(KQkU2v{@eQY1jT>`%i(p
zTnq~HZkzu+C{oA$F@fR8T9LT6?-%vXvo%!I?K}M5_d{&V$BTRV_q9D|0g0UEU-qel
zLCx=j-L0pVj0$lR<Ui#ze$cCuohQ!li1laSe)F{H<(K?F?_v1iZov`Ux?qm+J7A15
Nc)I$ztaD0e0szz{1{?qY

literal 0
HcmV?d00001

diff --git a/src/components/Course/aiScript.vue b/src/components/Course/aiScript.vue
new file mode 100644
index 00000000..828f652a
--- /dev/null
+++ b/src/components/Course/aiScript.vue
@@ -0,0 +1,267 @@
+<template>
+  <div class="ai-script">
+    <!-- 搜索和语言选择区域 -->
+    <div class="search-container">
+      <el-input
+          v-model="searchKeyword"
+          placeholder="请输入关键词查找文稿内容"
+          class="search-input"
+          prefix-icon="el-icon-search"
+          @keyup.enter.native="searchContent"
+          @input="handleInputChange"
+          clearable
+          native-type="text"
+        />
+      <div class="language-selector">
+        <span class="language-label">语言</span>
+        <el-select v-model="selectedLanguage" class="language-select" @change="changeLanguage">
+          <el-option label="中文" value="zh"></el-option>
+          <el-option label="英文" value="en"></el-option>
+        </el-select>
+      </div>
+    </div>
+
+    <!-- 内容展示区域 -->
+    <div class="content-container">
+      <!-- 动态渲染内容块 -->
+      <div v-for="(item, index) in contentList" :key="index" class="content-item" :class="{'active': activeIndex === index}">
+        <div class="timestamp">
+          <div class="timestamp-text">
+            <i class="el-icon-time"></i>
+            {{ item.timestamp }}
+          </div>
+        </div>
+        <el-card class="content-text">
+            <div v-html="item.highlightedContent || item.content"></div>
+          </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ai-script',
+  data () {
+    return {
+      searchKeyword: '',
+      selectedLanguage: 'zh',
+      originalContentList: [
+        {
+          timestamp: '00:00:04',
+          content: '从功能上来看，整个平台是涵盖了四个核心的环节，第一个是我们的智课，第一个环节，通过我们的大模型能力将我们企业现有的材料上传之后，能够智能生成培训课件那培训课件。可以智能的转化成我们的培训视频已有的培训课件可以实现快速上架，第二个是学习的阶段，微信形式微课形式的一个线上学习的一个模式，通过岗位地图引导在线上进行视频学习，在移动端的时候，配合我们的智能数字导师可以进行线上微课的一个授课以及智能的互动问答解答。'
+        },
+        {
+          timestamp: '00:10:04',
+          content: '第三个就是考核的模式，也就是学习后的一个考核，通过我们的智能出题来生成我们课件对应的试题，那在进行学习完成之后，完成岗位的考试进行实时判卷，同时也能看到每个考核它的整个错题集的情况。最后就是我们的发证认证，所有的任务都会配合他对应的一个认证资格的认证，一人一证一码，随时可以查询他的证书情况和他的成绩培训情况。'
+        },
+        {
+          timestamp: '00:13:04',
+          content: '第三个就是考核的模式，也就是学习后的一个考核，通过我们的智能出题来生成我们课件对应的试题，那在进行学习完成之后，完成岗位的考试进行实时判卷，同时也能看到每个考核它的整个错题集的情况。最后就是我们的发证认证，所有的任务都会配合他对应的一个认证资格的认证，一人一证一码，随时可以查询他的证书情况和他的成绩培训情况。'
+        }
+      ],
+      contentList: [], // 用于显示的内容列表
+      activeIndex: 0,
+    }
+  },
+  created() {
+    // 初始化时显示所有内容
+    this.contentList = this.originalContentList.map(item => ({ ...item }));
+  },
+  methods: {
+    searchContent () {
+      // 搜索功能实现
+      if (!this.searchKeyword.trim()) {
+        // 如果搜索关键词为空，显示所有内容
+        this.contentList = this.originalContentList.map(item => ({ ...item }));
+        return;
+      }
+      
+      const keyword = this.searchKeyword.trim();
+      // 过滤包含关键词的内容
+      const filteredList = this.originalContentList.filter(item => 
+        item.content.includes(keyword)
+      );
+      
+      if (filteredList.length === 0) {
+        // 如果没有搜索到内容，显示提示
+        this.$message({
+          message: '未找到相关内容',
+          type: 'info'
+        });
+        this.contentList = this.originalContentList.map(item => ({ ...item }));
+      } else {
+        // 对搜索到的内容进行关键词高亮处理
+        this.contentList = filteredList.map(item => ({
+          ...item,
+          highlightedContent: this.highlightKeyword(item.content, keyword)
+        }));
+        console.log(this.contentList)
+      }
+    },
+    highlightKeyword(content, keyword) {
+      // 对关键词进行转义，防止正则表达式特殊字符的影响
+      const escapedKeyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      // 使用正则表达式全局匹配关键词并添加高亮标记
+      const regex = new RegExp(`(${escapedKeyword})`, 'gi');
+      return content.replace(regex, '<span style="color: rgba(6, 125, 255, 1); background: rgba(6, 125, 255, 0.1);">$1</span>');
+    },
+    changeLanguage (event) {
+      this.selectedLanguage = event
+      console.log('切换语言:', this.selectedLanguage)
+    },
+    handleInputChange() {
+      // 当输入框内容变化时，如果为空则重置显示所有内容
+      if (!this.searchKeyword.trim()) {
+        this.contentList = this.originalContentList.map(item => ({ ...item }));
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-script {
+  padding: 15px 0;
+  background-color: #fff;
+  border-radius: 8px;
+}
+
+.search-container {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin: 0 20px 15px 20px;
+}
+
+.search-box {
+  position: relative;
+  flex: 1;
+  max-width: 400px;
+}
+
+.search-input {
+  flex: 1;
+}
+
+:deep(.el-input__inner) {
+  border-radius: 20px;
+  border-color: #2688FF;
+}
+
+:deep(.el-input__inner:focus) {
+  border-color: #1a6fe0;
+  box-shadow: 0 0 0 2px rgba(38, 136, 255, 0.2);
+}
+
+:deep(.el-input__prefix) {
+  left: 15px;
+}
+
+:deep(.el-input__icon) {
+  color: #2688FF;
+}
+
+.language-selector {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.language-label {
+  font-size: 14px;
+  color: #333;
+}
+
+.language-select {
+  width: 90px;
+}
+
+:deep(.el-select__inner) {
+  border-radius: 4px;
+}
+
+.content-container {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  max-height: 530px;
+  overflow-y: auto;
+  padding: 0 20px;
+}
+
+.content-item {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+}
+
+.timestamp {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #666;
+  padding: 5px 0;
+  .timestamp-text{
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    border-radius: 12px;
+    padding: 2px 12px;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.3px;
+  }
+}
+
+:deep(.el-icon-time) {
+  color: #2688FF;
+}
+
+.content-text {
+  line-height: 1.6;
+  font-size: 14px;
+  color: rgba(102, 102, 102, 1);
+  border-radius: 6px;
+  overflow: hidden;
+  background: rgba(250, 250, 250, 1);
+  line-height: 22px;
+    letter-spacing: 0.28px;
+  }
+  
+.active {
+  .timestamp-text{
+    color: rgba(6, 125, 255, 1);
+    background: rgba(6, 125, 255, 0.1);
+  }
+  .content-text{
+    border: 1px solid rgba(116, 182, 255, 1);
+    box-shadow: 0px 0px 7px 0px rgba(6, 125, 255, 0.24);
+    background: rgba(250, 250, 250, 1);
+  }
+}
+:deep(.el-card__body) {
+  padding: 15px;
+}
+
+:deep(.el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover) {
+  box-shadow: 0 2px 12px 0 rgba(38, 136, 255, 0.2);
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .search-container {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  
+  .search-box {
+    max-width: none;
+  }
+  
+  .language-selector {
+    justify-content: flex-end;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 787b52bb..94f00c5a 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -360,7 +360,20 @@
                       <span v-if="cinfo.type == 30" class="course-type-left">线下课</span>
                       <span v-if="cinfo.type == 40" class="course-type-left">学习项目</span>
                     </div>
-                    <div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
+                    <div class="course-title" style="display: flex;justify-content: space-between;align-items: center;">
+                      <div class="two-line-ellipsis" style="flex: 1;" :title="cinfo.title" v-html="cinfo.name"></div>
+                      <el-popover
+                        placement="top-start"
+                        width="402"
+                        trigger="hover"
+                        popper-class="course-popover"
+                        >
+                        <div>本课程以 “基础理论 + 实战应用” 为核心，助力学习者搭建完整 AI 知识体系，掌握技术落地能力。课程目标明确：一是理解 AI、机器学习等核心概念与发展脉络，建立科学认知；二是熟练掌握 AI 所需数学基础、Python 编程及主流算法逻辑；三是能独立完成简单 AI 项目的全流程开发。适用人群广泛，涵盖零基础入门者（学生、职场转型者）、需提升实操能力的技术从业者，以及关注 AI 商业价值的产品、运营等职场人。</div>
+                        <img slot="reference" :src="`${webBaseUrl}/images/courseAbstract.png`" alt="摘要" style="width: 84px; height: 36px;">
+                      </el-popover>
+                      
+                    </div>
+                    <!-- <div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div> -->
                     <!-- 关键字 -->
                     <div class="keywordInfo-every">
                       <div class="keywordInfo" v-for="(keyword, index) in cinfo.keywordsActive" :key="index">
@@ -409,6 +422,10 @@
                     <div class="course-img-box">
                       <course-image :text="true" :course="cinfo"></course-image>
                     </div>
+                    <div class="course-title ">
+                      <div class="two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
+                      <img :src="`${webBaseUrl}/images/courseAbstract.png`" alt="摘要" style="width: 84px; height: 36px;">
+                    </div>
                     <div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
                     <div class="course-title two-line-ellipsis">
                       {{ cinfo.remark }}
@@ -2421,4 +2438,33 @@ console.log(res.result.list,'data')
 
 .option-active {
   color: #387DF7;
-}</style>
+}
+</style>
+<style lang="less">
+.course-popover{
+  box-sizing: border-box;
+  border-radius: 12px;
+  box-shadow: 0px 0px 16px 0px rgba(231, 242, 255, 0.25);
+  /* 实现边框渐变效果 */
+  position: relative;
+  background-clip: padding-box;
+  border: 1px solid transparent;
+  background: linear-gradient(to bottom, #2688FF, #FFFFFF, #E7F2FF);
+  line-height: 24px;
+  letter-spacing: 0.3px;
+  padding: 13px 25px;
+
+}
+.course-popover::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: 1px;
+  border-radius: inherit;
+  background: rgba(255, 255, 255, 1);
+}
+</style>
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 00e99477..8a5c8720 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -174,6 +174,10 @@
               <div @click="heartabtwo" :class="tab == 2 ? 'control-tab-active' : ' '">
                 <i class="el-icon-edit" style="margin-right:9px;margin-left:9px"></i>我的笔记
               </div>
+              <div @click="heartabthree" :class="tab == 3 ? 'control-tab-active' : ' '" style="position: relative;">
+                <i class="el-icon-document" style="margin-right:9px;margin-left:9px"></i>ai文稿
+                <img src="@/assets/images/course/wengaoTip.png" alt="" style="position: absolute;top: -3px;right: -14px;width: 15px;height: 14px;">
+              </div>
             </div>
             <!-- 课程单元  -->
             <div class="course-units" v-if="tab == 1">
@@ -252,6 +256,10 @@
               <my-note ref="mynote" :height="controlHeight" @change="noteChange" :data="courseInfo" @videoLocation="videoLocation" @onPlayVideo="onPlayVideo"
                 :score="courseInfo.score"></my-note>
             </div>
+            <!-- ai文稿 -->
+            <div class="ai-script" v-show="tab == 3">
+              <ai-script ref="aiscript"></ai-script>
+            </div>
         </div>
       </div>
       <div class="course-infobox">
@@ -365,6 +373,7 @@
   import homework from '@/components/Course/homework';
   import assess from '@/components/Course/assess';
   import myNote from '../../components/Course/myNote.vue';
+  import aiScript from '../../components/Course/aiScript.vue';
   import apiFollow from "@/api/phase2/userfollow.js";
   import apiMessage from '@/api/system/message.js'
   // import Vue from 'vue';
@@ -384,6 +393,7 @@
       audioPlayer,
       videoPlayer,
       myNote,
+      aiScript,
       noteComments,
       portalFooter,
       followButton
@@ -1749,6 +1759,9 @@
       heartabtwo() {
         this.tab = 2
       },
+      heartabthree() {
+        this.tab = 3
+      },
       handleAudioTimeUpdate(currentTime) {
         // if(this.contentStudysLength.length == 0){
         let params = {