deepseek页面

ljq
1 parent ffbca700
Showing 6 changed files with 321 additions and 13 deletions
src/main/resources/static/real_control_v2/css/main.css
src/main/resources/static/real_control_v2/js/data/json/north_toolbar.json
src/main/resources/static/real_control_v2/js/main.js
src/main/resources/static/real_control_v2/js/north/toolbar.js
src/main/resources/static/real_control_v2/main.html
src/main/resources/static/real_control_v2/zndd/deepseek/deepseek.html
@@ -2339,4 +2339,10 @@ g.gps-wrap rect.twinkle[updown=&quot;1&quot;] {
     background: #fafff2!important;
     color: #659f13!important;
+}
+
+#depsepDiv{
+    width: 413px;
+    height: 300px;
+    overflow-y: scroll;
 }
 \ No newline at end of file
@@ -212,6 +212,12 @@
         "id": 4.6,
         "text": "智能调度开关",
         "event": "zndd_status"
+      },
+
+      {
+        "id": 4.7,
+        "text": "调度助手（deepseek）",
+        "event": "deepseek"
       }
     ]
@@ -4,33 +4,55 @@ var gb_main_ep = new EventProxy(),
         var recorder;
-        var fired = true;
-        document.onkeypress =function(e) {    //对整个页面监听
-            var keyNum = window.event ? e.keyCode : e.which;       //获取被按下的键值
-            //判断如果用户按下了回车键（keycody=13）
-            if (keyNum == 13) {
-                var id = document.getElementById("len");
-                if(fired)
-                    fired = false;
-                else
-                    return
-
+        var fired = false;
+        let timer = null;//定时器
+        const longPressDuration = 500; // 长按的阈值，单位毫秒
+        var zxFl = true; //定时器内只执行一次；
+
+        function openAi(){
+            if (zxFl){
+                console.log('长按回车键');
+                zxFl = false;
+                fired = true;
                 document.getElementById("recidress").style.display = "";
                 HZRecorder.get(function (rec) {
                     recorder = rec;
                     recorder.start();
                 });
+            }
+        }
+        document.addEventListener('keydown', function(event) {
+            if (event.key === 'Enter' && zxFl) {
+                // 开始计时
+                timer = setTimeout(() => {
+                    openAi();
+                    // 执行长按的逻辑
+                }, longPressDuration);
             }
-        }
+        });
+
+        document.addEventListener('keyup', function(event) {
+            if (event.key === 'Enter') {
+                // 清除计时器，表示短按
+                clearTimeout(timer);
+                console.log('短按回车键');
+                // 执行短按的逻辑
+            }
+        });
+
         document.onkeyup  =function(e) {    //对整个页面监听
             var keyNum = window.event ? e.keyCode : e.which;       //获取被按下的键值
             //判断如果用户按下了回车键（keycody=13）
+            console.log('松开回车键');
+            clearTimeout(timer);
             if (keyNum == 13) {
-                fired = true;
+                if(!fired)
+                    return;
+                fired = false;zxFl= true;
                 let lineCode = gb_schedule_table.TablelineCode;
                 document.getElementById("recidress").style.display = 'none';
                 recorder.upload("zndd/do/"+lineCode, function (state, e) {
@@ -152,6 +152,10 @@ var gb_northToolbar = (function () {
             open_modal('/real_control_v2/zndd/zndd_status.html', {}, modal_opts);
         },
+        deepseek: function () {
+            open_modal('/real_control_v2/zndd/deepseek/deepseek.html', {}, modal_opts);
+        },
+
         // bcgxsj_config: function () {
         //     open_modal('/real_control_v2/fragments/north/nav/line_config/bcgxsj_config.html', {}, modal_opts);
         // },
@@ -382,6 +382,8 @@
 <div class="multi_plat_msg_pop_klyj" ></div>
 <script  id="klyj_plat_msg_template" type="text/html">
     <div class="multi_plat_config"  data-type="{{type}}" data-uuid="{{uuid}}">
+        <div  class="msg-popup warning-color" style="text-align: center;min-height: 0;"> <span>智能调度助手分析</span></div>
+        <div id="depsepDiv" class="msg-popup warning-color" style="white-space: pre-line;"></div>
         <div id ={{uuid}}  class="timer"></div>
         <div class="msg-popup warning-color">
             <div class="msg-times" style="cursor: pointer;">×</div>
+<div class="uk-modal ct-form-modal" id="tts-config-modal">
+  <div class="uk-modal-dialog" style="width: 1030px;">
+    <a href="" class="uk-modal-close uk-close"></a>
+    <div class="uk-modal-header">
+      <h2>调度助手(deepseek)</h2></div>
+
+    <div class="chat-container">
+      <div class="messages-container" id="messages"></div>
+      <div class="typing-indicator" id="typing" style="display: none;">DeepSeek 正在思考输入...</div>
+      <div class="input-container">
+        <input type="text" id="input" placeholder="输入你的问题...">
+        <button onclick="sendMessage()">发送</button>
+      </div>
+    </div>
+  </div>
+  <style>
+
+
+    .chat-container {
+      max-width: 800px;
+      margin: 0 auto;
+      background-color: white;
+      border-radius: 10px;
+      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    }
+
+    .messages-container {
+      height: 500px;
+      overflow-y: auto;
+      padding: 20px;
+    }
+
+    .message {
+      display: flex;
+      margin-bottom: 15px;
+    }
+
+    .message.user {
+      justify-content: flex-end;
+    }
+
+    .message.bot {
+      justify-content: flex-start;
+    }
+
+    .bubble {
+      max-width: 70%;
+      padding: 12px 18px;
+      border-radius: 15px;
+      line-height: 1.4;
+      white-space: pre-line;
+    }
+
+    .user .bubble {
+      background-color: #007bff;
+      color: white;
+    }
+
+    .bot .bubble {
+      background-color: #e9ecef;
+      color: black;
+    }
+
+    .input-container {
+      display: flex;
+      padding: 20px;
+      border-top: 1px solid #ddd;
+    }
+
+    input[type="text"] {
+      flex: 1;
+      padding: 12px;
+      border: 1px solid #ddd;
+      border-radius: 5px;
+      margin-right: 10px;
+    }
+
+    button {
+      padding: 12px 24px;
+      background-color: #007bff;
+      color: white;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background-color: #0056b3;
+    }
+
+    .typing-indicator {
+      padding: 0 20px 10px;
+      color: #666;
+      font-style: italic;
+    }
+  </style>
+  <script>
+    const messagesContainer = document.getElementById('messages');
+    const input = document.getElementById('input');
+    const typingIndicator = document.getElementById('typing');
+
+    // 处理回车键
+    input.addEventListener('keypress', (e) => {
+      if (e.key === 'Enter') {
+        sendMessage();
+      }
+    });
+
+    function sendMessage() {
+      const message = input.value.trim();
+      if (!message) return;
+
+      // 添加用户消息
+      addMessage(message, 'user');
+      input.value = '';
+      var tEnum ={
+        xl_1 : "线",
+        xl_2 : "路",
+        yyqk : "营运情况",
+      }
+
+      // 模拟AI回复
+      let date = {
+        "message": message/*"遇到大客流帮我推荐一种方案"*/, //消息
+        "mode": "query" //chat聊天 query知识库查询 选一个
+      }
+      //线路
+      if ((message.includes(tEnum.xl_1) && message.includes(tEnum.yyqk)) || (message.includes(tEnum.xl_2) && message.includes(tEnum.yyqk))){
+        bcyyqk(message);
+      }else {
+        subtim(date);
+      }
+      showTypingIndicator();
+
+
+
+    }
+
+    function addMessage(text, sender) {
+      const messageDiv = document.createElement('div');
+      messageDiv.className = `message ${sender}`;
+
+      const bubble = document.createElement('div');
+      bubble.className = 'bubble';
+      bubble.textContent = text;
+      if (sender == 'bot'){
+        bubble.textContent = '';
+        tests = text
+        bubbles = bubble;
+        char_index = 0;
+        //type(text);
+      }
+      messageDiv.appendChild(bubble);
+      messagesContainer.appendChild(messageDiv);
+
+      // 自动滚动到底部
+      messagesContainer.scrollTop = messagesContainer.scrollHeight;
+    }
+    var tests =""
+    var bubbles;
+    char_index = 0
+
+    function bcyyqk(message){
+      $.get("/logZndd/schDeepSeep",{message:message},function (re){
+        if (re.code == 200){
+          //根据返回的参数组成一句话，再让deepseep扩充一下
+          var mes  = "根据后面这些话，解析并优化一下,"+"线路："+re.xlName+",总班次数"+re.bcs
+                  +",进场班次数"+re.inbcs+",出场班次数"+re.outbcs+",临加班次数"+re.ljbcs+",正常班次数"+re.normalbcs
+                  +",区间班次"+re.regionbcs+",未执行班次数"+re.wzxbcs+",正在执行班次数"+re.zzxbcs+",已执行班次数"+re.yzxbcs
+                  +",烂班班次数" +re.lbbcs;
+
+          console.log(mes);
+          var datas = {
+            "message": mes/*"遇到大客流帮我推荐一种方案"*/, //消息
+            "mode": "chat" //chat聊天 query知识库查询 选一个
+          }
+
+          subtim(datas);
+        }else {
+          // 弹出添加失败提示消息
+          layer.msg('无法找到输入线路...');
+          hideTypingIndicator();
+        }
+      })
+    }
+
+
+    function subtim(date){
+
+      const apiUrl = 'http://61.169.120.202:3001/api/v1/workspace/deep/stream-chat'; // 替换为实际接口地址
+      let xhr = new XMLHttpRequest();
+      xhr.open('POST', apiUrl, true);
+      // 设置请求头
+      xhr.setRequestHeader('Content-Type', 'application/json');
+      xhr.setRequestHeader('Authorization', `Bearer 701MSMS-JNS4WNG-JSDY4GH-RHD93NM`);
+
+      addMessage("", 'bot');
+      var ins = 0;
+      // 监听数据流
+      xhr.onprogress = function (event) {
+        // 获取当前接收的数据片段
+        const responseText = xhr.responseText;
+        const lines = responseText.split('\n').filter(line => line !== '');
+        try {
+          for (var i = 0 ; i < lines.length ; i ++) {
+            if (i >= ins || ins == 0) {
+              ins = i +1;
+              var line = lines[i].replace(/^data: /, '');
+              const data = JSON.parse(line);
+              let txt = bubbles.textContent;
+              bubbles.textContent += data.textResponse!= null? data.textResponse :"";
+              //结束
+              if (data.type == "finalizeResponseStream"){
+                hideTypingIndicator();
+              }
+            }
+          }
+        } catch (e) {
+          console.error('解析错误:', e);
+        }
+      };
+
+      // 发送请求
+      const requestBody = JSON.stringify(date);
+      xhr.send(requestBody);
+
+      // 错误处理
+      xhr.onerror = function () {
+        console.error('请求失败');
+      };
+
+
+      ///一次性请求的方法，慢弃用。
+    /*  // 提交
+      $.ajax({
+        type: 'POST',
+        url: "http://192.168.168.141:3001/api/v1/workspace/deep/stream-chat",
+        contentType: "application/json",
+        headers: {
+          authorization: "Bearer 701MSMS-JNS4WNG-JSDY4GH-RHD93NM",
+        },
+        timeout: 0,
+        data: JSON.stringify(date),
+        success: function(datas){
+          setTimeout(() => {
+            hideTypingIndicator();
+            addMessage(datas.textResponse, 'bot');
+          }, 1500);
+        },
+        error: function(xhr, type){
+          alert('错误：TODO');
+        }
+      });*/
+    }
+
+
+    function showTypingIndicator() {
+      typingIndicator.style.display = 'block';
+      messagesContainer.scrollTop = messagesContainer.scrollHeight;
+    }
+
+    function hideTypingIndicator() {
+      typingIndicator.style.display = 'none';
+    }
+
+  </script>
+</div>
+