'commit'

dsLightRag/static/JiMeng/history.html

@@ -5,10 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>历史记录 - 教学视频AI生成智能体</title>
     <style>
-        * {
+        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; }
-            margin: 0; padding: 0; box-sizing: border-box;
-            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
-        }
         body { background-color: #f5f7fa; color: #333; line-height: 1.6; }
         .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
         header { text-align: center; padding: 40px 20px; background: linear-gradient(135deg, #3498db, #8e44ad); color: white; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
@@ -114,20 +111,19 @@
 
         <!-- 历史记录列表 -->
         <div class="history-list" id="history-list">
-            <!-- 示例项目 1 -->
+            <!-- 案例1 -->
             <div class="history-item">
                 <div class="history-item-header">
-                    <div class="history-item-title">初中数学 - 代数表达式教学视频</div>
+                    <div class="history-item-title">老婆婆与小女孩</div>
                     <div class="history-item-date">2023-11-15</div>
                 </div>
                 <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=1" alt="视频预览" class="history-item-preview">
+                    <img src="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/JiMeng/OldWomenAndLittleGirl.jpg" alt="视频预览" class="history-item-preview">
                     <div>
                         <span class="history-item-type">视频</span>
-                        <span class="history-item-type">脚本</span>
+                        <span class="history-item-type">故事</span>
-                        <span class="history-item-type">提示词</span>
                     </div>
-                    <p class="history-item-description">本视频讲解了代数表达式的基本概念、书写规则和求值方法，通过生动的动画演示帮助学生理解抽象概念。</p>
+                    <p class="history-item-description">讲述老婆婆与小女孩之间温馨互动的感人故事，展现人性的美好与善良。</p>
                     <div class="history-item-actions">
                         <a href="#" class="btn btn-primary"><i class="fas fa-play"></i> 查看</a>
                         <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
@@ -136,167 +132,40 @@
                 </div>
             </div>
 
-            <!-- 示例项目 2 -->
+            <!-- 案例2 -->
             <div class="history-item">
                 <div class="history-item-header">
-                    <div class="history-item-title">物理实验 - 牛顿第二定律演示</div>
+                    <div class="history-item-title">雨伞与快递车</div>
                     <div class="history-item-date">2023-11-10</div>
                 </div>
                 <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=2" alt="图片预览" class="history-item-preview">
+                    <img src="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/JiMeng/d0d62a64-86b0-4511-9dff-f8bf7d6570d1.jpg" alt="视频预览" class="history-item-preview">
                     <div>
-                        <span class="history-item-type">图片</span>
+                        <span class="history-item-type">视频</span>
-                        <span class="history-item-type">提示词</span>
+                        <span class="history-item-type">故事</span>
                     </div>
-                    <p class="history-item-description">高质量物理实验场景图片，展示了牛顿第二定律的实验装置和演示效果，适合用于教学课件和视频制作。</p>
+                    <p class="history-item-description">描绘雨天里快递员与顾客之间的暖心互动，展现平凡职业中的坚守与理解。</p>
                     <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-eye"></i> 查看</a>
+                        <a href="#" class="btn btn-primary"><i class="fas fa-play"></i> 查看</a>
                         <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
                         <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
                     </div>
                 </div>
             </div>
 
-            <!-- 示例项目 3 -->
+            <!-- 案例3 -->
             <div class="history-item">
                 <div class="history-item-header">
-                    <div class="history-item-title">化学元素周期表讲解</div>
+                    <div class="history-item-title">女孩与小狗</div>
                     <div class="history-item-date">2023-11-05</div>
                 </div>
                 <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=3" alt="脚本预览" class="history-item-preview">
+                    <img src="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/JiMeng/5c72b5b1-736b-446d-82b0-d0c57713fe53.jpg" alt="视频预览" class="history-item-preview">
-                    <div>
-                        <span class="history-item-type">脚本</span>
-                        <span class="history-item-type">提示词</span>
-                    </div>
-                    <p class="history-item-description">专业分镜头脚本，详细讲解化学元素周期表的结构、规律和应用，包含5个主要镜头和转场效果。</p>
-                    <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-file-alt"></i> 查看</a>
-                        <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
-                        <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 新增项目 4 -->
-            <div class="history-item">
-                <div class="history-item-header">
-                    <div class="history-item-title">历史事件 - 文艺复兴运动</div>
-                    <div class="history-item-date">2023-10-28</div>
-                </div>
-                <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=4" alt="视频预览" class="history-item-preview">
                     <div>
                         <span class="history-item-type">视频</span>
-                        <span class="history-item-type">脚本</span>
+                        <span class="history-item-type">故事</span>
                     </div>
-                    <p class="history-item-description">详细介绍文艺复兴运动的起源、发展和影响，通过动态时间轴展示关键事件和人物，帮助学生理解这一重要历史时期。</p>
+                    <p class="history-item-description">讲述孤独女孩与流浪小狗相识相知的故事，展现陪伴与爱的力量。</p>
-                    <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-play"></i> 查看</a>
-                        <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
-                        <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 新增项目 5 -->
-            <div class="history-item">
-                <div class="history-item-header">
-                    <div class="history-item-title">生物细胞结构 - 动物细胞模型</div>
-                    <div class="history-item-date">2023-10-20</div>
-                </div>
-                <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=5" alt="图片预览" class="history-item-preview">
-                    <div>
-                        <span class="history-item-type">图片</span>
-                        <span class="history-item-type">提示词</span>
-                    </div>
-                    <p class="history-item-description">高精度3D动物细胞结构模型图片，清晰展示细胞核、线粒体、内质网等细胞器，标注详细功能说明。</p>
-                    <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-eye"></i> 查看</a>
-                        <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
-                        <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 新增项目 6 -->
-            <div class="history-item">
-                <div class="history-item-header">
-                    <div class="history-item-title">英语语法 - 现在完成时</div>
-                    <div class="history-item-date">2023-10-15</div>
-                </div>
-                <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=6" alt="视频预览" class="history-item-preview">
-                    <div>
-                        <span class="history-item-type">视频</span>
-                        <span class="history-item-type">提示词</span>
-                    </div>
-                    <p class="history-item-description">通过生活化的场景和例句，讲解英语现在完成时的用法、结构和常见错误，帮助学生掌握这一时态的应用。</p>
-                    <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-play"></i> 查看</a>
-                        <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
-                        <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 新增项目 7 -->
-            <div class="history-item">
-                <div class="history-item-header">
-                    <div class="history-item-title">地理 - 板块构造学说</div>
-                    <div class="history-item-date">2023-10-10</div>
-                </div>
-                <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=7" alt="脚本预览" class="history-item-preview">
-                    <div>
-                        <span class="history-item-type">脚本</span>
-                        <span class="history-item-type">提示词</span>
-                    </div>
-                    <p class="history-item-description">专业分镜头脚本，通过动画演示地球板块运动、火山喷发和地震形成过程，解释板块构造学说的核心观点。</p>
-                    <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-file-alt"></i> 查看</a>
-                        <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
-                        <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 新增项目 8 -->
-            <div class="history-item">
-                <div class="history-item-header">
-                    <div class="history-item-title">音乐 - 古典音乐流派</div>
-                    <div class="history-item-date">2023-10-05</div>
-                </div>
-                <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=8" alt="图片预览" class="history-item-preview">
-                    <div>
-                        <span class="history-item-type">图片</span>
-                        <span class="history-item-type">提示词</span>
-                    </div>
-                    <p class="history-item-description">展示巴洛克、古典主义、浪漫主义等不同古典音乐流派的代表作曲家、作品和风格特点的信息图表。</p>
-                    <div class="history-item-actions">
-                        <a href="#" class="btn btn-primary"><i class="fas fa-eye"></i> 查看</a>
-                        <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
-                        <button class="btn btn-danger"><i class="fas fa-trash-alt"></i> 删除</button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 新增项目 9 -->
-            <div class="history-item">
-                <div class="history-item-header">
-                    <div class="history-item-title">计算机科学 - 数据结构基础</div>
-                    <div class="history-item-date">2023-09-28</div>
-                </div>
-                <div class="history-item-content">
-                    <img src="https://picsum.photos/350/200?random=9" alt="视频预览" class="history-item-preview">
-                    <div>
-                        <span class="history-item-type">视频</span>
-                        <span class="history-item-type">脚本</span>
-                        <span class="history-item-type">提示词</span>
-                    </div>
-                    <p class="history-item-description">生动讲解链表、栈、队列、树等基本数据结构的概念、实现和应用场景，通过动画演示数据结构的操作过程。</p>
                     <div class="history-item-actions">
                         <a href="#" class="btn btn-primary"><i class="fas fa-play"></i> 查看</a>
                         <a href="#" class="btn btn-secondary"><i class="fas fa-redo"></i> 复用</a>
@@ -310,11 +179,7 @@
         <div class="pagination">
             <button class="pagination-button" disabled><i class="fas fa-chevron-left"></i></button>
             <button class="pagination-button active">1</button>
-            <button class="pagination-button">2</button>
+            <button class="pagination-button" disabled><i class="fas fa-chevron-right"></i></button>
-            <button class="pagination-button">3</button>
-            <button class="pagination-button">...</button>
-            <button class="pagination-button">10</button>
-            <button class="pagination-button"><i class="fas fa-chevron-right"></i></button>
         </div>
 
         <footer>
@@ -335,26 +200,8 @@
                 const dateTo = document.getElementById('date-to').value;
                 const keyword = document.getElementById('keyword').value;
 
-                // 这里可以添加实际的搜索逻辑
+                // 这里可以添加搜索逻辑
                 console.log('搜索条件:', { contentType, dateFrom, dateTo, keyword });
-                alert('搜索功能将在后端集成后实现');
-            });
-
-            // 为删除按钮添加确认提示
-            document.querySelectorAll('.btn-danger').forEach(button => {
-                button.addEventListener('click', function() {
-                    if (confirm('确定要删除这条记录吗？')) {
-                        // 这里可以添加实际的删除逻辑
-                        alert('删除功能将在后端集成后实现');
-                    }
-                });
-            });
-
-            // 为查看和复用按钮添加提示
-            document.querySelectorAll('.btn-primary, .btn-secondary').forEach(button => {
-                button.addEventListener('click', function() {
-                    alert('此功能将在后端集成后实现');
-                });
             });
         });
     </script>

dsLightRag/static/JiMeng/index.html

@@ -66,6 +66,8 @@
             .navbar-links { width: 100%; justify-content: center; }
         }
     </style>
+    <!-- 将CDN引入替换为本地引入 -->
+    <link rel="stylesheet" href="../layui/css/layui.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 </head>
 <body>

dsLightRag/static/JiMeng/prompt_input.html

@@ -515,6 +515,30 @@
                     sceneLocation: '公园草坪',
                     subjects: ['穿白色连衣裙的女孩（奔跑）', '棕色小狗（追逐）'],
                     atmosphere: '欢快'
+                },
+                {
+                    timeWeatherLight: '春日清晨，阳光柔和',
+                    sceneLocation: '乡村小道',
+                    subjects: ['盛开的桃花树', '骑自行车的少年（笑）'],
+                    atmosphere: '清新'
+                },
+                {
+                    timeWeatherLight: '秋日黄昏，金色阳光',
+                    sceneLocation: '枫树林',
+                    subjects: ['捡枫叶的小女孩', '飘落的红枫叶'],
+                    atmosphere: '浪漫'
+                },
+                {
+                    timeWeatherLight: '冬夜飘雪，路灯暖光',
+                    sceneLocation: '城市街道',
+                    subjects: ['撑伞的情侣（依偎）', '雪地上的脚印'],
+                    atmosphere: '温馨'
+                },
+                {
+                    timeWeatherLight: '夏日正午，强烈阳光',
+                    sceneLocation: '海边沙滩',
+                    subjects: ['彩色遮阳伞', '冲浪的年轻人', '沙滩上的贝壳'],
+                    atmosphere: '热烈'
                 }
             ];