From d04bf794d514b50eda429136813394adc593a960 Mon Sep 17 00:00:00 2001
From: 13315423919 <13315423919@qq.com>
Date: Wed, 19 Nov 2025 19:43:14 +0800
Subject: [PATCH] Add File

---
 main/ui/poster_chat.aps | 438 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 438 insertions(+)
 create mode 100644 main/ui/poster_chat.aps

diff --git a/main/ui/poster_chat.aps b/main/ui/poster_chat.aps
new file mode 100644
index 0000000..f7bb3f7
--- /dev/null
+++ b/main/ui/poster_chat.aps
@@ -0,0 +1,438 @@
+<div x-data="chat" class="mx-auto flex w-full">
+        <div  class="mx-4 flex w-full flex-col h-[90vh]">
+            <!-- 对话的展示-->
+            <div id="chat_display" class="flex-grow overflow-hidden overflow-y-auto">
+               
+                <!-- 对话列表-->
+                <div class="">
+                    <div class="flex flex-col gap-2 mx-4">
+                        <!-- AI's Response -->
+                        <div class="w-full mt-2  border-zinc-300 bg-zinc-100 p-2 text-left dark:border-zinc-700 dark:bg-zinc-800 rounded border" >
+                        
+                            <div class="flex items-center gap-2 text-neutral-900 dark:text-zinc-50">
+                                <span class="flex size-8 items-center justify-center rounded-full bg-sky-700 text-white dark:bg-sky-600 dark:text-white">
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="size-5">
+                                        <path d="M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135" />
+                                        <path d="M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5" />
+                                    </svg>
+                                </span>
+                                <span class="text-sm font-bold">Yi.AI</span>
+                            </div>
+                            <p class="text-pretty sm:pl-10 mt-4 sm:mt-0 text-sm text-neutral-600 dark:text-zinc-200">
+                                你好，我是一个海报智能助手，我可以帮你生成一张漂亮的手机海报。你可以选择海报的风格和背景色，也可以定制主标颜色，副标颜色，内容卡片的背景色，卡片的标题颜色组(不少于5个)和字体颜色等。你可以这样使用，比如：<br>
+                                主标题居左带logo<br>
+                                主标题居左不带logo<br>
+                                标题颜色组的颜色鲜艳一点<br>
+
+
+                            </p>
+                        </div>
+                
+                        
+                        <template x-for="(item, index) in Items" :key="index">
+                        <div>
+                        <!-- User's Chat -->
+                        <div :id="'QA'+index" class="w-full ml-auto max-w-xs border-zinc-300 bg-zinc-100 p-2 text-left dark:border-zinc-700 dark:bg-zinc-800 rounded border" >
+                            <div class="flex items-center gap-2 text-neutral-900 dark:text-zinc-50">
+                                <span class="flex size-8 items-center justify-center rounded-full bg-blue-700 text-white dark:bg-sky-600 dark:text-white">
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="size-5">
+                                        <path d="M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135" />
+                                        <path d="M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5" />
+                                    </svg>
+                                </span>
+                                <span x-text="item.req" class="text-sm">Alice Brown</span>
+                            </div>
+                        </div>
+                
+                        <!-- AI's Response -->
+                        <div x-show="item.rsp_show" class="mt-2 w-full  border-zinc-300 bg-zinc-100 p-2 text-left dark:border-zinc-700 dark:bg-zinc-800 rounded border" >
+                        
+                            <div class="flex items-center gap-2 text-neutral-900 dark:text-zinc-50">
+                                <span class="flex size-8 items-center justify-center rounded-full bg-sky-700 text-white dark:bg-sky-600 dark:text-white">
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="size-5">
+                                        <path d="M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135" />
+                                        <path d="M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5" />
+                                    </svg>
+                                </span>
+                                <span x-text="item.rsp" style="overflow-wrap: break-word;" class="text-sm font-bold">Pengu AI</span>
+                                <button @click="show_info(index)" class="rounded-full p-1 text-neutral-600/75 hover:bg-zinc-900/10 hover:text-neutral-600 focus:outline-none focus-visible:text-neutral-600 focus-visible:zinc-300 focus-visible:outline-offset-0 focus-visible:outline-sky-700 active:bg-zinc-900/5 active:-outline-offset-2 dark:text-zinc-200/75 dark:hover:bg-zinc-50/10 dark:hover:text-zinc-200 dark:focus-visible:text-zinc-200 dark:focus-visible:outline-sky-600 dark:active:bg-zinc-50/5" title="上下文信息" aria-label="上下文信息" >
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4" aria-hidden="true">
+                                        <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
+                                    </svg>
+                                </button>
+                            </div>
+                            <p  x-bind:id="item.chat_id" :x-ref="item.chat_id" class="text-pretty sm:pl-10 mt-4 sm:mt-0 text-sm text-neutral-600 dark:text-zinc-200"></p>
+                            </div>
+                        </div>
+                        </div>
+                        </template> 
+                        </ul> 
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex mt-2 gap-4 text-sm">
+                <div class="flex items-center justify-center text-neutral-600 dark:text-zinc-200">背景颜色</div>
+                <div class="relative flex w-full max-w-s1 flex-col gap-1 text-neutral-600 dark:text-zinc-200">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="absolute pointer-events-none right-2 top-2 h-5 w-5">
+                        <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                    </svg>
+                    <select x-model="main_color" @change="query +=' 背景颜色:'+main_color" class="w-full appearance-none rounded border border-zinc-300 bg-zinc-100 p-1 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 disabled:cursor-not-allowed disabled:opacity-75 dark:border-zinc-700 dark:bg-zinc-800/50 dark:focus-visible:outline-sky-600">
+                        <option value="" selected>请选择</option>
+                        <template x-for="(item,index) in main_colors" :key="index">
+                        <option x-text="item">词条</option>
+                        </template>
+                    </select>
+                </div>
+                <div class="flex items-center justify-center text-neutral-600 dark:text-zinc-200">海报样式</div>
+                <div class="relative flex w-full max-w-s1 flex-col gap-1 text-neutral-600 dark:text-zinc-200">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="absolute pointer-events-none right-2 top-2 h-5 w-5">
+                        <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                    </svg>
+                    <select x-model="style" @change="query +=' 海报样式:'+style" class="w-full appearance-none rounded border border-zinc-300 bg-zinc-100 p-1 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 disabled:cursor-not-allowed disabled:opacity-75 dark:border-zinc-700 dark:bg-zinc-800/50 dark:focus-visible:outline-sky-600">
+                        <option value="" selected>请选择</option>
+                        <template x-for="(item,index) in styles" :key="index">
+                        <option :value="item" x-text="(index+1)+' '+item">词条</option>
+                        </template>
+                    </select>
+                </div>   
+            </div>
+        
+            <!-- 输入框 -->
+            <div class="flex w-full flex-col gap-2 mb-4 mt-2">
+                <div class="relative w-full">
+                    <label  class="sr-only">ai prompt</label>
+                     <!-- 文件上传-->
+                     <input x-ref="fileInput" @input="upload_file" type="file" multiple hidden class="w-full overflow-clip rounded border border-red-700 bg-zinc-100/50 text-sm text-red-700 file:mr-4 file:cursor-pointer file:border-none file:bg-zinc-100 file:px-4 file:py-2 file:font-medium file:text-neutral-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 disabled:cursor-not-allowed disabled:opacity-75 dark:bg-zinc-800/50 dark:file:bg-zinc-800 dark:file:text-zinc-50 dark:focus-visible:outline-sky-600" />
+
+                     <svg  @click="$refs.fileInput.click()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="absolute left-3 top-1/2 size-6 cursor-pointer -translate-y-1/2 fill-blue-700 dark:fill-sky-600">
+                         <path fill-rule="evenodd" d="M10.5 3.75a6 6 0 0 0-5.98 6.496A5.25 5.25 0 0 0 6.75 20.25H18a4.5 4.5 0 0 0 2.206-8.423 3.75 3.75 0 0 0-4.133-4.303A6.001 6.001 0 0 0 10.5 3.75Zm2.03 5.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72v4.94a.75.75 0 0 0 1.5 0v-4.94l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3Z" clip-rule="evenodd"/>
+                     </svg>
+
+                    <input  x-show="one" x-model="query" x-on:input.debounce.100ms="query_len" x-on:keydown.enter="gen" type="text" class="w-full border-outline bg-zinc-100 border border-zinc-300 rounded px-2 py-2 pl-10 pr-24 text-sm text-neutral-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 disabled:cursor-not-allowed disabled:opacity-75 dark:border-zinc-700 dark:bg-zinc-800/50 dark:text-zinc-200 dark:focus-visible:outline-sky-600" value="" name="prompt" placeholder="Ask AI ..." />
+                
+                    <textarea id="aiPromt" x-show="!one" rows="5" x-model="query" x-on:input.debounce.100ms="query_len" type="text" class="w-full border-outline bg-zinc-100 border border-zinc-300 rounded px-2 py-2 pl-10 pr-24 text-sm text-neutral-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 disabled:cursor-not-allowed disabled:opacity-75 dark:border-zinc-700 dark:bg-zinc-800/50 dark:text-zinc-200 dark:focus-visible:outline-sky-600" value="" name="prompt" placeholder="Ask AI ..." ></textarea>
+                   
+                    <button type="button" x-show="is_gen" x-on:click="gen" class="absolute right-3 top-1/2 -translate-y-1/2 cursor-pointer bg-sky-700 rounded px-2 py-1 text-xs tracking-wide text-white transition hover:opacity-75 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 active:opacity-100 active:outline-offset-0 dark:bg-sky-600 dark:text-white dark:focus-visible:outline-sky-600">Generate</button>
+                    <button type="button" x-show="!is_gen" x-on:click="stop" class="absolute right-3 top-1/2 -translate-y-1/2 cursor-pointer bg-blue-700 rounded px-2 py-1 text-xs tracking-wide text-white transition hover:opacity-75 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700 active:opacity-100 active:outline-offset-0 dark:bg-sky-600 dark:text-white dark:focus-visible:outline-sky-600">Stop</button>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<script>
+    function chat(){
+        return {
+            query:"",
+            mode:"FA", //KG-知识库，NS-全网搜索,FA-自由回答,DS-深度思考
+            eventSource: "", //对话流
+            is_gen: true, //生成模式
+            Info: false, // 显示上下文
+            fItems:[], //上下文信息
+            one:true, //一行文本输入
+            main_colors:["大雪白","珍珠白","深空蓝","紫罗兰","海军蓝","森林绿","暗玫瑰红","祖母绿","深紫","国旗红","宝石蓝","火焰橙"],
+            styles: ["数字卡片风格","多彩标题风格","无边框风格","网格底纹风格","彩色便签风格","标题卡片风格"],
+            main_color:"",
+            style: "",
+            do_chat_files:{}, //对话过程中产生的文件，主要是数据分析
+            chat_files:[], //保留对话的文件的记录
+            Items:[], //对话过程所有信息
+            qItems:[], //对话问题的列表,用于多轮对话
+            ai_file: {},
+            push_item(item){
+                this.Items.push(item);
+            },
+            push_qitem(item){
+                this.qItems.push(item);
+            },
+            update_last_item(chat_id,title,ctx){
+                var last = this.Items[this.Items.length-1];
+                last.chat_id=chat_id;
+                last.rsp=title;
+                last.rsp_show=true;
+                last.ctx=ctx;
+            },
+            update_last_qitem(answer){
+            //更新最后一个问题的答案
+            var last = this.qItems[this.qItems.length-1];
+            last.rsp=answer;
+            },
+            init(){
+                //暂时没有
+            },
+            query_len(){
+                if (this.query.length >45){
+                    this.one=false;
+
+                    /*
+                    this.$nextTick(() => { 
+                        
+                        const textarea = document.getElementById("aiPromt");
+                        textarea.focus(); // 必须先聚焦，否则某些浏览器不生效
+                        console.info("激活多行输入");
+                        // 获取当前光标位置或选中的起始和结束位置
+                        const start = textarea.selectionStart;
+                        const end = textarea.selectionEnd;
+                        textarea.setSelectionRange(start, end);
+                    });
+                    */
+                    if (this.query.length >300){
+                        const aiPromt = document.getElementById("aiPromt");
+                        aiPromt.rows="10";
+                    }
+                    if (this.query.length >1000){
+                        const aiPromt = document.getElementById("aiPromt");
+                        aiPromt.rows="15";
+                    }
+                }else{
+                    this.one=true;
+                }
+            },
+            copy_query(query){ //复制查询
+                this.query = query;
+                this.query_len()
+
+            },
+            
+            copy_that(chat_id){
+                const messagesDiv = document.getElementById(chat_id);
+                let rsp = messagesDiv.innerHTML;
+                rsp = rsp.replace("<think>","<p>").replace("</think>","</p>");
+                copyToClipboard(rsp);
+            },
+            
+            stop(){
+                this.eventSource.close();
+                this.is_gen = true;
+                this.one=true;
+            },
+            gen(){
+                this.is_gen = false;
+                this.push_item({chat_id:"",req:this.query,rsp:"",rsp_show:false});
+
+                var query=this.query;
+                if (this.query.length >100){
+                    query = this.query.slice(0,100)+"...";
+                }
+
+                var history=[`
+    # 工作目标
+    1. 你是一个海报设计的大师，你可以根据用户的要求生成相应的颜色代码和海报样式。同时支持多轮对话。
+    2. 海报样式(style)和对应的值如下:
+        数字卡片风格: 1
+        多彩标题风格: 2
+        无边框风格: 3
+        网格底纹风格: 4
+        彩色便签风格： 5
+        标题卡片风格： 6
+    
+    3. 海报头部标题风格(header_style)和对应的值如下：
+        大logo+标题居中： 1
+        小logo+标题居左： 2
+        无logo+标题居左： 3
+
+    4. 颜色包括背景色，主标题，副标题，内容卡片的背景色，内容卡片的标题颜色组，内容字体颜色等。
+        内容卡片的标题颜色组section_colors不少于5个,要鲜艳一点
+        其它颜色要能和背景色协调，不要出现非常接近的颜色;
+        如贵是卡片风格的深色背景时，卡片背景色和海报整体背景色的色差不能太大，同时考虑好内容字体颜色;
+        如果是无边框风格的深色背景时，一定要使用白色或浅色作为内容字体;
+        如果是标题卡片风格风格时，卡片的标题颜色会做为标题的背景色，而内容字体颜色为前景色，要考虑两者的对比度。
+        副标题通常会采用卡片背景色作为背景，两个颜色一定要有对比度，不要设计成相同或相近的颜色。
+    5. 最终输出格式为JSON,具体如下：
+
+    {{"style":0,"header_style":1,"bg_color":"背景颜色值","title_color":"主标题颜色值","subtitle_color":"副标题颜色值",
+    "font_color":"内容字体颜色值","card_bg_color":"卡片背景色","section_colors":["卡片标题颜色1","卡片标题颜色2",...]}}
+                     
+    `]
+                if (this.qItems.length >0){
+                    history.push(this.qItems[this.qItems.length-1].rsp);
+                }
+                
+                // 数据对象，代表要发送的数据
+                const newItem = {
+                    question: this.query,
+                    ai_mode: this.mode,
+                    //history: this.qItems.map(item => item.req),
+                    history: history,
+                };
+
+                    // 使用 axios 发送 POST 请求
+                    axios.post('/api/chat_search', newItem)
+                    .then(response =>{
+                        
+                        rsp = response.data;
+
+                        this.update_last_item(rsp.chat_id,`正在思考中...`,"");
+                        
+
+                        this.push_qitem({chat_id:rsp.chat_id,req:query});
+
+                        // 创建一个EventSource实例连接到服务器发送的事件流
+                        this.eventSource = new EventSource('/api/chat/'+rsp.chat_id);
+
+                        update_chat(this.eventSource,rsp.chat_id,this);
+
+                        const div = document.getElementById("chat_display");
+                        div.scrollTop = div.scrollHeight;
+
+                    })
+                    .catch(error => {
+                            console.error('Error post data:', error);
+                            throw error; // 重新抛出错误以便调用者可以处理
+                    });
+                
+                this.query="";
+                this.one=true;
+                const div = document.getElementById("chat_display");
+                div.scrollTop = div.scrollHeight+20;
+            },
+
+          //生成PPT文档,根据ai生成的样式
+          gen_ppt_ai(chat_id){
+                //拿到最后的结果
+                const messagesDiv = document.getElementById(chat_id);
+                let rsp = messagesDiv.innerHTML;
+                let end = rsp.lastIndexOf('padding:5px;">');
+                rsp = rsp.slice(end+'padding:5px;">'.length,-12);
+                //还要进一步找到正确的json配置
+                let js_begin = rsp.indexOf("{");
+                let js_end = rsp.lastIndexOf("}");
+                json_str_rsp = rsp.slice(js_begin,js_end+1)
+
+                console.log(json_str_rsp);
+                // 数据对象，代表要发送的数据
+                const newItem = {
+                    id: this.baike_id,
+                    title: this.title,
+                    catalog: this.catalog,
+                    html: editor.getHtml(),
+                    style: JSON.parse(json_str_rsp)
+                };
+
+                // 使用 axios 发送 POST 请求
+                axios.post('/api/baike_gen_poster', newItem)
+                .then(response =>{
+                    window.open(`/api/fsd/${response.data.filename}`);
+                })
+                .catch(error => {
+                    alert(error.response.data.detail);
+                });
+            },       
+            //上传文件
+            upload_file(){
+                const file = this.$refs.fileInput.files[0];
+                if (!file) return;
+
+                const formData = new FormData();
+                formData.append('file', file);
+                formData.append("curpath","文档");
+
+                try {
+                    axios.post('/api/upload', formData, {
+                        headers: {
+                            'Content-Type': 'multipart/form-data'
+                        }
+                    }).then( response =>{
+
+                        var doc = response.data;
+
+                        if (doc.errno === 1) {
+                            alert(doc.message);
+                        }else{
+                            this.ai_file=doc.file;
+                            //this.$store.nav.ai_tips=`你好，你选定了《${doc.file.name}》文件，我可以根据文件内容回答你的问题。如文章的主要内容？文章的大纲？等`;
+                            this.push_item({chat_id:"",req:`你上传了${doc.file.name} 文件,`,rsp:"",rsp_show:false});
+                            // 保存本地缓存
+                            localStorage.setItem("chat", JSON.stringify(doc.file))
+                        }
+
+                    })
+                    
+                } catch (error) {
+                    console.error('Error:', error);
+                    alert('An error occurred while uploading the file.');
+                }
+
+            }// upload_file 上传文件
+
+        }
+    }
+
+
+    //流式更新对话
+    function update_chat(eventSource,chat_id,fun){
+        fun.is_gen = false;
+        var old_think="";
+        //分块更新
+        var  ResponseDiv = null;
+        var  messagesDiv = document.createElement('div');
+       
+        var  do_files=[];
+        // 监听消息事件,将接收到的数据显示在网页上
+        eventSource.onmessage = function(event) {
+            
+            //首次创建
+            if (ResponseDiv==null){
+                ResponseDiv = document.getElementById(chat_id);
+                ResponseDiv.appendChild(messagesDiv);
+            }
+            
+            const message = JSON.parse(event.data);
+
+            if (message.rsp.indexOf("<think>")==0){
+                var end = message.rsp.indexOf("</think>");
+                if (end==-1){ //思考还未结束
+                    
+                    var think_mk = marked.parse(message.rsp.slice(7));
+                    messagesDiv.innerHTML = old_think + think_mk;
+                    //messagesDiv.insertAdjacentHTML("beforeend",think_mk);
+                }else{
+                    var think_mk = marked.parse(message.rsp.slice(7,end));
+                    var result= marked.parse(message.rsp.slice(end+8));
+                    if (result!=""){
+                        var think_all=`${think_mk}<div style="color: white; background-color: rgb(3 105 161 / 0.7); border-radius: 5px; margin-bottom: 5px; padding:5px;">${result}</div>`;
+                        messagesDiv.innerHTML = old_think+think_all;
+                        fun.update_last_qitem(result);
+                    }
+                }
+            
+            }else if(message.rsp.indexOf("<new>")==0){
+                //新的一个消息,新的一个层
+                messagesDiv = document.createElement('div');
+                ResponseDiv.appendChild(messagesDiv);
+            }else{
+                var think_all=`<div style="color: white; background-color: rgb(3 105 161 / 0.7); border-radius: 5px; margin-bottom: 5px; padding:5px;">${marked.parse(message.rsp)}</div>`;
+                messagesDiv.innerHTML = old_think+ think_all;
+                fun.update_last_qitem(think_all);
+            }
+
+
+            
+            //自动滚动
+            const div = document.getElementById("chat_display");
+            div.scrollTop = div.scrollHeight;
+            
+        };
+        // 监听结束
+        eventSource.onerror = function(error) {
+            if (eventSource.readyState != EventSource.CLOSED){
+                eventSource.close(); // 关闭连接
+            }
+        
+            fun.is_gen = true;
+            fun.gen_ppt_ai(chat_id);
+            console.info(chat_id+"  回答结束");
+            if (do_files.length >0){
+                fun.do_chat_files[chat_id]=do_files;
+                console.info(do_files);
+            }
+            //结束后滚动
+            const div = document.getElementById("chat_display");
+            div.scrollTop = div.scrollHeight;
+        };
+    }
+
+</script>
\ No newline at end of file