Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

src/layouts/default/sider/bottomSider2.vue

@@ -14,6 +14,7 @@
               backgroundColor: isFold ? '' : '#2cb6ff',
               width: isFold ? '20px' : 'auto',
             }"
+            @click="addNew"
           >
             <span
               class="btn-text-bg"
@@ -21,7 +22,7 @@
                 backgroundImage: `url(${!isFold ? '/src/assets/images/vent/home/addB.svg' : ''})`,
               }"
             ></span>
-            <span v-if="!isFold" class="btn-text" @click="addNew">添加新对话</span>
+            <span v-if="!isFold" class="btn-text">添加新对话</span>
           </div>
           <div class="divider0"></div>
           <div
@@ -38,16 +39,19 @@
               }"
             ></span>
             <span v-if="!isFold" class="btn-text">历史对话</span>
-            <a-list style="width: 100px" :split="false">
-              <a-list-item style="padding: 5px 0 0 30px; color: #5e7081; font-size: 12px; white-space: nowrap; text-overflow: ellipsis"
-                >历史数据1</a-list-item
-              >
-              <a-list-item style="padding: 5px 0 0 30px; color: #5e7081; font-size: 12px; white-space: nowrap; text-overflow: ellipsis"
-                >历史数据12</a-list-item
-              >
-              <a-list-item style="padding: 5px 0 0 30px; color: #5e7081; font-size: 12px; white-space: nowrap; text-overflow: ellipsis"
-                >历史数据123</a-list-item
-              >
+            <a-list style="width: 110px" :split="false" :data-source="historySessions" class="custom-list">
+              <template #renderItem="{ item }">
+                <a-list-item
+                  :style="{
+                    padding: '5px 0 0 10px',
+                    color: '#5e7081',
+                    fontSize: '12px',
+                  }"
+                  @click="sessionsHistory(item.id)"
+                >
+                  {{ item.title ? item.title : '新会话' }}
+                </a-list-item>
+              </template>
             </a-list>
           </div>
           <div
@@ -71,13 +75,11 @@
                 <div v-else class="system-message">
                   <div class="answerIcon"></div>
                   <div class="answer-message">
-                    <!-- <div>
-                      <span>{{ message.content }}</span>
-                    </div> -->
                     <div v-html="formatMessage(message.content)"></div>
                   </div>
                 </div>
               </div>
+              <!-- </div> -->
             </div>
             <!-- 文本输入区域 -->
             <div v-if="spinning" class="thinking-area">
@@ -106,56 +108,75 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, nextTick, computed } from 'vue';
+import { ref, onMounted, unref, nextTick, computed } from 'vue';
+import { useUserStore } from '/@/store/modules/user';
 // 响应式变量声明
 const dialogVisible = ref(false);
 const isFold = ref(false); // 是否折叠
 const inputText = ref(''); // 输入框内容
-// const messages = ref([]); // 消息列表
+const historySessions = ref([]); // 消会话历史
 const spinning = ref(false); // 加载状态
 const systemMessage = ref(''); // 系统返回信息
 const session_id = ref(''); // 会话id
 const hasCreated = ref(false); // 标志位，防止重复调用create接口
-
+const hasAdd = ref(false); // 标志位，防止重复调用create接口
+const userStore = useUserStore(); //获取用户信息
+let userId = unref(userStore.getUserInfo).id;
+// const userId = ref(0);
 type MessageItem = {
   id: string; // 唯一标识（可用时间戳生成）
   type: 'user' | 'system';
   content: string;
   timestamp: number; // 排序依据
 };
-
 const messageList = ref<MessageItem[]>([]);
 const sortedMessages = computed(() => {
   return messageList.value.sort((a, b) => a.timestamp - b.timestamp);
 });
-// const scrollToBottom = () => {
-//   nextTick(() => {
-//     const container = document.querySelector('.dialog-area');
-//     container.scrollTop = container.scrollHeight;
-//   });
-// };
+
 const openMenu = () => {
   dialogVisible.value = !dialogVisible.value;
   if (dialogVisible.value) {
+    // addNew();
     hasCreated.value = true;
-    addNew();
   }
 };
 const fold = () => {
   isFold.value = !isFold.value;
+  if (!isFold.value) {
+    sessionsHistoryList();
+  }
 };
+//创建新对话
 async function addNew() {
+  hasAdd.value = !hasAdd.value;
+  const params = {
+    user_id: userId,
+  };
   let response = await fetch('http://182.92.126.35:6005/sessions/create', {
     method: 'post',
     headers: {
       'Content-Type': 'application/json',
     },
+    body: JSON.stringify(params),
   });
   const data = await response.json();
-  session_id.value = data.session_id;
+  session_id.value = data.id;
+  messageList.value = [];
 }
 //获取消息列表
 async function handleSend() {
+  if (session_id.value === '') {
+    await addNew();
+    createSessionTitle({ session_id: session_id.value, title: inputText.value });
+    sendMessage1();
+  } else {
+    createSessionTitle({ session_id: session_id.value, title: inputText.value });
+    sendMessage1();
+  }
+}
+//发送消息
+async function sendMessage() {
   spinning.value = true;
   // 添加用户消息
   messageList.value.push({
@@ -164,8 +185,6 @@ async function handleSend() {
     content: inputText.value,
     timestamp: Date.now(),
   });
-  // 调用接口获取答案
-  // const answer = await fetchAnswerFromAPI(question);
   const params = {
     chat_session_id: session_id.value,
     prompt: inputText.value,
@@ -189,8 +208,8 @@ async function handleSend() {
     }
 
     const data = await response.json();
-    const assistantReply = data.reply; // 获取助手回复
-    formatMessage(assistantReply);
+    const assistantReply = data.reply.content; // 获取助手回复
+    // formatMessage(assistantReply);
     systemMessage.value = assistantReply;
 
     // 添加系统回答
@@ -208,6 +227,113 @@ async function handleSend() {
     spinning.value = false; // 无论请求成功与否，都停止加载指示器
   }
 }
+//发送消息  流式响应
+async function sendMessage1() {
+  spinning.value = true;
+  // 添加用户消息
+  messageList.value.push({
+    id: `user_${Date.now()}`,
+    type: 'user',
+    content: inputText.value,
+    timestamp: Date.now(),
+  });
+  const params = {
+    chat_session_id: session_id.value,
+    prompt: inputText.value,
+    ref_file_ids: [],
+    thinking_enabled: false,
+  };
+  inputText.value = ''; // 清空输入框
+  //将用户输入的内容发送到后端
+  try {
+    // 将用户输入的内容发送到后端;
+    let response = await fetch('http://182.92.126.35:6005/chat_stream', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'text/event-stream; charset=utf-8',
+      },
+      body: JSON.stringify(params),
+    });
+
+    if (!response.ok) {
+      throw new Error('Network response was not ok');
+    }
+    const data = await response.json();
+    const assistantReply = data.reply.content; // 获取助手回复
+    systemMessage.value = assistantReply;
+    // 添加系统回答
+    messageList.value.push({
+      id: `system_${Date.now()}`,
+      type: 'system',
+      content: systemMessage.value,
+      timestamp: Date.now(),
+    });
+  } catch (error) {
+    // 请求失败时设置系统消息为"服务器异常"
+    systemMessage.value = '服务器异常';
+    console.error('请求失败:', error);
+  } finally {
+    spinning.value = false; // 无论请求成功与否，都停止加载指示器
+  }
+}
+//创建标题
+async function createSessionTitle({ session_id, title }) {
+  const params = {
+    chat_session_id: session_id,
+    prompt: title,
+  };
+  let response = await fetch('http://182.92.126.35:6005/sessions/title', {
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(params),
+  });
+  const data = await response.json();
+}
+//获取会话历史
+async function sessionsHistoryList() {
+  let response = await fetch(`http://182.92.126.35:6005/sessions/?user_id=${userId}`, {
+    method: 'get',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+  const data = await response.json();
+  historySessions.value = data.chat_sessions;
+}
+//获取具体会话记录
+async function sessionsHistory(id: string) {
+  let response = await fetch(`http://182.92.126.35:6005/sessions/history_chat/?chat_session_id=${id}`, {
+    method: 'get',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+  const data = await response.json();
+  if (data.chat_messages.length > 0) {
+    messageList.value = [];
+    data.chat_messages.forEach((item: any) => {
+      // role== user 用户提问
+      if (item.role === 'user') {
+        messageList.value.push({
+          id: `user_${Date.now()}`,
+          type: 'user',
+          content: item.content,
+          timestamp: Date.now(),
+        });
+      } else {
+        // role== assistant 机器回答
+        messageList.value.push({
+          id: `system_${Date.now()}`,
+          type: 'system',
+          content: item.content,
+          timestamp: Date.now(),
+        });
+      }
+    });
+  }
+}
 //格式化消息
 function formatMessage(text: string) {
   let formatted = text
@@ -225,7 +351,9 @@ function formatMessage(text: string) {
   return formatted;
 }
 // 初始化按钮定位
-onMounted(() => {});
+onMounted(() => {
+  sessionsHistoryList();
+});
 </script>
 
 <style lang="less" scoped>
@@ -239,6 +367,39 @@ onMounted(() => {});
     height: 100vh;
   }
 }
+.custom-list {
+  height: 360px;
+  overflow-y: auto;
+}
+/* 穿透组件作用域 */
+::v-deep .custom-list {
+  scrollbar-width: thin;
+  scrollbar-color: #1890ff #f0f0f0;
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #1890ff;
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: #f0f0f0;
+    border-radius: 4px;
+  }
+}
+::v-deep .zxm-list-item {
+  white-space: normal; /* 禁止文本换行 */
+}
+::v-deep .zxm-list-items {
+  color: #1890ff;
+}
+::v-deep .zxm-list-item:hover {
+  text-decoration: underline;
+  color: #1890ff !important;
+}
 .trigger-button {
   position: fixed;
   bottom: 10px;

src/views/vent/deviceManager/configurationTable/types.ts

@@ -88,6 +88,7 @@ export interface ModuleData {
         | 'blast_delta'
         | 'measure_detail'
         | 'qh_curve'
+        | 'ai_chat'
         | 'device_alarm';
       /** 分区大小 */
       basis: string;

src/views/vent/home/configurable/components/content.vue

@@ -67,6 +67,9 @@
         <template v-if="config.name === 'qh_curve'">
           <QHCurve class="content__module" :mainfan="config.data" :fan1-prop="config.config.fan1Prop" :fan2-prop="config.config.fan2Prop" />
         </template>
+        <template v-if="config.name === 'ai_chat'">
+          <AIChat class="content__module" />
+        </template>
         <template v-if="config.name === 'device_alarm'">
           <DeviceAlarm class="content__module" :devicedata="config.data" />
         </template>
@@ -113,6 +116,7 @@
   import BlastDelta from '../../../monitorManager/deviceMonitor/components/device/modal/blastDelta.vue';
   import QHCurve from './preset/QHCurve.vue';
   import MeasureDetail from './preset/MeasureDetail.vue';
+  import AIChat from './preset/AIChat.vue';
   import DeviceAlarm from './preset/DeviceAlarm.vue';
   // import FIreWarn from './preset/FIreWarn.vue';
   // import FIreControl from './preset/FIreControl.vue';
@@ -342,19 +346,25 @@
     width: 5px !important;
   }
 
-  ::v-deep .zxm-select:not(.zxm-select-customize-input) .zxm-select-selector {
+  :deep(.zxm-select:not(.zxm-select-customize-input) .zxm-select-selector) {
     /* background-color: transparent; */
     color: #fff;
   }
-  ::v-deep .zxm-select-arrow {
+  :deep(.zxm-select-arrow) {
     color: #fff;
   }
-  ::v-deep .zxm-select-selection-item {
+  :deep(.zxm-select-selection-item) {
     color: #fff !important;
   }
-  ::v-deep .zxm-select-selection-placeholder {
+  :deep(.zxm-select-selection-placeholder) {
     color: #fff !important;
   }
+  :deep(.dialog-overlay) {
+    width: 100%;
+    height: 100%;
+    position: unset;
+    box-shadow: unset;
+  }
 
   ::-webkit-scrollbar {
     width: 5px !important;

src/views/vent/home/configurable/components/preset/AIChat.vue

@@ -0,0 +1,672 @@
+<template>
+  <div class="dialog-overlay">
+    <!-- 左侧折叠区域 -->
+    <div class="left-side" :class="{ collapsed: isFold }" id="leftSide">
+      <div
+        class="addBtn"
+        :style="{
+          backgroundImage: `url(${isFold ? '/src/assets/images/vent/home/add.svg' : ''})`,
+          backgroundColor: isFold ? '' : '#2cb6ff',
+          width: isFold ? '20px' : 'auto',
+        }"
+        @click="addNew"
+      >
+        <span
+          class="btn-text-bg"
+          :style="{
+            backgroundImage: `url(${!isFold ? '/src/assets/images/vent/home/addB.svg' : ''})`,
+          }"
+        ></span>
+        <span v-if="!isFold" class="btn-text">添加新对话</span>
+      </div>
+      <div class="divider0"></div>
+      <div
+        v-if="isFold"
+        class="historyBtn"
+        :style="{ backgroundImage: `url(${isFold ? '/src/assets/images/vent/home/history.svg' : '/src/assets/images/vent/home/history.svg'})` }"
+        @click="addNew"
+      ></div>
+      <div v-else class="historyBtn1">
+        <span
+          class="btn-text-bg"
+          :style="{
+            backgroundImage: `url(${!isFold ? '/src/assets/images/vent/home/history.svg' : ''})`,
+          }"
+        ></span>
+        <span v-if="!isFold" class="btn-text">历史对话</span>
+        <a-list style="width: 110px" :split="false" :data-source="historySessions" class="custom-list">
+          <template #renderItem="{ item }">
+            <a-list-item
+              :style="{
+                padding: '5px 0 0 10px',
+                color: '#5e7081',
+                fontSize: '12px',
+              }"
+              @click="sessionsHistory(item.id)"
+            >
+              {{ item.title ? item.title : '新会话' }}
+            </a-list-item>
+          </template>
+        </a-list>
+      </div>
+      <div
+        class="foldBtn"
+        :style="{ backgroundImage: `url(${isFold ? '/src/assets/images/vent/home/Fold.svg' : '/src/assets/images/vent/home/unfold.svg'})` }"
+        @click="fold"
+      ></div>
+    </div>
+    <!-- 右侧对话框 -->
+    <div class="right-side">
+      <div class="input-content">
+        <!-- 对话区域 -->
+        <div class="dialog-area">
+          <div v-for="message in sortedMessages" :key="message.id" :class="['message-item', message.type]">
+            <!-- 用户提问样式 -->
+            <div v-if="message.type === 'user'" class="ask-message">
+              <span>{{ message.content }}</span>
+            </div>
+
+            <!-- 系统回答样式 -->
+            <div v-else class="system-message">
+              <div class="answerIcon"></div>
+              <div class="answer-message">
+                <div v-html="formatMessage(message.content)"></div>
+              </div>
+            </div>
+          </div>
+          <!-- </div> -->
+        </div>
+        <!-- 文本输入区域 -->
+        <div v-if="spinning" class="thinking-area">
+          <span style="color: #fff">思考中···</span>
+          <a-spin :spinning="spinning"></a-spin>
+        </div>
+        <div class="input-area">
+          <textarea v-model="inputText" placeholder="请输入你的问题"> </textarea>
+          <!-- 底部操作栏 -->
+          <div class="action-bar">
+            <!-- 文件上传按钮 -->
+            <label class="upload-btn">
+              <div class="send-file" />
+              <span class="divider"> | </span>
+              <div class="send-img" />
+            </label>
+            <!-- 发送按钮 -->
+            <div class="send-btn" @click="handleSend"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, onMounted, unref, nextTick, computed } from 'vue';
+  import { useUserStore } from '/@/store/modules/user';
+  // 响应式变量声明
+  const dialogVisible = ref(false);
+  const isFold = ref(true); // 是否折叠
+  const inputText = ref(''); // 输入框内容
+  const historySessions = ref([]); // 消会话历史
+  const spinning = ref(false); // 加载状态
+  const systemMessage = ref(''); // 系统返回信息
+  const session_id = ref(''); // 会话id
+  const hasCreated = ref(false); // 标志位，防止重复调用create接口
+  const hasAdd = ref(false); // 标志位，防止重复调用create接口
+  const userStore = useUserStore(); //获取用户信息
+  let userId = unref(userStore.getUserInfo).id;
+  // const userId = ref(0);
+  type MessageItem = {
+    id: string; // 唯一标识（可用时间戳生成）
+    type: 'user' | 'system';
+    content: string;
+    timestamp: number; // 排序依据
+  };
+  const messageList = ref<MessageItem[]>([]);
+  const sortedMessages = computed(() => {
+    return messageList.value.sort((a, b) => a.timestamp - b.timestamp);
+  });
+
+  const openMenu = () => {
+    dialogVisible.value = !dialogVisible.value;
+    if (dialogVisible.value) {
+      // addNew();
+      hasCreated.value = true;
+    }
+  };
+  const fold = () => {
+    isFold.value = !isFold.value;
+    if (!isFold.value) {
+      sessionsHistoryList();
+    }
+  };
+  //创建新对话
+  async function addNew() {
+    hasAdd.value = !hasAdd.value;
+    const params = {
+      user_id: userId,
+    };
+    let response = await fetch('http://182.92.126.35:6005/sessions/create', {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(params),
+    });
+    const data = await response.json();
+    session_id.value = data.id;
+    messageList.value = [];
+  }
+  //获取消息列表
+  async function handleSend() {
+    if (session_id.value === '') {
+      await addNew();
+      createSessionTitle({ session_id: session_id.value, title: inputText.value });
+      sendMessage();
+    } else {
+      createSessionTitle({ session_id: session_id.value, title: inputText.value });
+      sendMessage();
+    }
+  }
+  //发送消息
+  async function sendMessage() {
+    spinning.value = true;
+    // 添加用户消息
+    messageList.value.push({
+      id: `user_${Date.now()}`,
+      type: 'user',
+      content: inputText.value,
+      timestamp: Date.now(),
+    });
+    const params = {
+      chat_session_id: session_id.value,
+      prompt: inputText.value,
+      ref_file_ids: [],
+      thinking_enabled: false,
+    };
+    inputText.value = ''; // 清空输入框
+    //将用户输入的内容发送到后端
+    try {
+      // 将用户输入的内容发送到后端
+      let response = await fetch('http://182.92.126.35:6005/chat', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(params),
+      });
+
+      if (!response.ok) {
+        throw new Error('Network response was not ok');
+      }
+
+      const data = await response.json();
+      const assistantReply = data.reply.content; // 获取助手回复
+      // formatMessage(assistantReply);
+      systemMessage.value = assistantReply;
+
+      // 添加系统回答
+      messageList.value.push({
+        id: `system_${Date.now()}`,
+        type: 'system',
+        content: systemMessage.value,
+        timestamp: Date.now(),
+      });
+    } catch (error) {
+      // 请求失败时设置系统消息为"服务器异常"
+      systemMessage.value = '服务器异常';
+      console.error('请求失败:', error);
+    } finally {
+      spinning.value = false; // 无论请求成功与否，都停止加载指示器
+    }
+  }
+  //发送消息  流式响应
+  async function sendMessage1() {
+    spinning.value = true;
+    // 添加用户消息
+    messageList.value.push({
+      id: `user_${Date.now()}`,
+      type: 'user',
+      content: inputText.value,
+      timestamp: Date.now(),
+    });
+    const params = {
+      chat_session_id: session_id.value,
+      prompt: inputText.value,
+      ref_file_ids: [],
+      thinking_enabled: false,
+    };
+    inputText.value = ''; // 清空输入框
+    //将用户输入的内容发送到后端
+    try {
+      // 将用户输入的内容发送到后端;
+      let response = await fetch('http://182.92.126.35:6005/chat_stream', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'text/event-stream; charset=utf-8',
+        },
+        body: JSON.stringify(params),
+      });
+
+      if (!response.ok) {
+        throw new Error('Network response was not ok');
+      }
+      const data = await response.json();
+      const assistantReply = data.reply.content; // 获取助手回复
+      systemMessage.value = assistantReply;
+      // 添加系统回答
+      messageList.value.push({
+        id: `system_${Date.now()}`,
+        type: 'system',
+        content: systemMessage.value,
+        timestamp: Date.now(),
+      });
+    } catch (error) {
+      // 请求失败时设置系统消息为"服务器异常"
+      systemMessage.value = '服务器异常';
+      console.error('请求失败:', error);
+    } finally {
+      spinning.value = false; // 无论请求成功与否，都停止加载指示器
+    }
+  }
+  //创建标题
+  async function createSessionTitle({ session_id, title }) {
+    const params = {
+      chat_session_id: session_id,
+      prompt: title,
+    };
+    let response = await fetch('http://182.92.126.35:6005/sessions/title', {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(params),
+    });
+    const data = await response.json();
+  }
+  //获取会话历史
+  async function sessionsHistoryList() {
+    let response = await fetch(`http://182.92.126.35:6005/sessions/?user_id=${userId}`, {
+      method: 'get',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    const data = await response.json();
+    historySessions.value = data.chat_sessions;
+  }
+  //获取具体会话记录
+  async function sessionsHistory(id: string) {
+    let response = await fetch(`http://182.92.126.35:6005/sessions/history_chat/?chat_session_id=${id}`, {
+      method: 'get',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    const data = await response.json();
+    if (data.chat_messages.length > 0) {
+      messageList.value = [];
+      data.chat_messages.forEach((item: any) => {
+        // role== user 用户提问
+        if (item.role === 'user') {
+          messageList.value.push({
+            id: `user_${Date.now()}`,
+            type: 'user',
+            content: item.content,
+            timestamp: Date.now(),
+          });
+        } else {
+          // role== assistant 机器回答
+          messageList.value.push({
+            id: `system_${Date.now()}`,
+            type: 'system',
+            content: item.content,
+            timestamp: Date.now(),
+          });
+        }
+      });
+    }
+  }
+  //格式化消息
+  function formatMessage(text: string) {
+    let formatted = text
+      // 处理换行
+      .replace(/\n\n/g, '<br>')
+      .replace(/\n###/g, '<br> ')
+      .replace(/###/g, '')
+      .replace(/---/g, '')
+      // 处理粗体
+      .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+      // 处理斜体
+      .replace(/\*(.*?)\*/g, '<em>$1</em>')
+      // 处理行内代码
+      .replace(/`([^`]+)`/g, '<code>$1</code>');
+    return formatted;
+  }
+  // 初始化按钮定位
+  onMounted(() => {
+    sessionsHistoryList();
+  });
+</script>
+
+<style lang="less" scoped>
+  @keyframes menuShow {
+    0% {
+      width: 0;
+      height: 0;
+    }
+    100% {
+      width: 480px;
+      height: 100vh;
+    }
+  }
+  .custom-list {
+    height: 360px;
+    overflow-y: auto;
+  }
+  /* 穿透组件作用域 */
+  ::v-deep .custom-list {
+    scrollbar-width: thin;
+    scrollbar-color: #1890ff #f0f0f0;
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #1890ff;
+      border-radius: 4px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: #f0f0f0;
+      border-radius: 4px;
+    }
+  }
+  ::v-deep .zxm-list-item {
+    white-space: normal; /* 禁止文本换行 */
+  }
+  ::v-deep .zxm-list-items {
+    color: #1890ff;
+  }
+  ::v-deep .zxm-list-item:hover {
+    text-decoration: underline;
+    color: #1890ff !important;
+  }
+  .trigger-button {
+    position: fixed;
+    bottom: 10px;
+    right: 10px;
+    z-index: 1000000;
+    .icon {
+      width: 60px;
+      height: 60px;
+      position: relative;
+      background-image: url('/@/assets/images/vent/home/wakeBtn.png');
+      background-position: center;
+      background-size: 100% 100%;
+    }
+  }
+  .dialog-overlay {
+    width: 32%;
+    height: 55%;
+    z-index: 999;
+    display: flex;
+    position: fixed;
+    right: 90px;
+    bottom: 20px;
+    box-shadow: 0 0 3px 3px #1074c1;
+    background-color: #09172c;
+  }
+
+  /* 遮罩层淡入淡出 */
+  .fade-enter-active,
+  .fade-leave-active {
+    transition: opacity 0.3s;
+  }
+  .fade-enter-from,
+  .fade-leave-to {
+    opacity: 0;
+  }
+
+  /* 弹窗缩放动画 */
+  .scale-enter-active,
+  .scale-leave-active {
+    transition: all 0.3s ease;
+  }
+  .scale-enter-from {
+    transform: scale(0.5) translate(-50%, -50%);
+    opacity: 0;
+  }
+  .scale-leave-to {
+    transform: scale(1.2) translate(-50%, -50%);
+    opacity: 0;
+  }
+
+  .left-side {
+    background: #0c2842;
+    transition: width 0.5s ease; /* 平滑过渡动画 */
+    width: 120px; /* 展开时宽度 */
+    position: relative; /* 用于按钮定位 */
+  }
+  .left-side.collapsed {
+    width: 40px; /* 折叠时宽度 */
+  }
+
+  .addBtn {
+    height: 30px;
+    position: absolute;
+    background-size: 100% 100%;
+    background-position: center;
+    padding: 2px;
+    right: 10px;
+    top: 10px;
+    left: 10px;
+    align-items: center;
+    border-radius: 3px;
+    cursor: pointer;
+  }
+  .btn-text-bg {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    background-size: 100% 100%;
+    right: 10px;
+    top: 9px;
+    left: 10px;
+    bottom: 10px;
+  }
+  .btn-text {
+    margin-left: 3px;
+    font-size: 12px;
+    color: #fff;
+    white-space: nowrap;
+    margin-left: 30px;
+    line-height: 26px;
+  }
+  .historyBtn {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    background-size: 100% 100%;
+    background-position: center;
+    padding: 2px;
+    right: 10px;
+    top: 100px;
+  }
+  .historyBtn1 {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    background-size: 100% 100%;
+    background-position: center;
+    left: 3px;
+    top: 80px;
+  }
+  .divider0 {
+    border-bottom: 1px solid #1074c1;
+    width: auto;
+    margin: 0 10px;
+    height: 13%;
+    display: block;
+    background: transparent;
+  }
+  .foldBtn {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    background-size: 100% 100%;
+    background-position: center;
+    padding: 2px;
+    right: 10px;
+    bottom: 10px;
+    cursor: pointer;
+  }
+
+  .right-side {
+    flex: 1; /* 占据剩余空间 */
+    background: #09172c;
+  }
+
+  .input-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end; /* 内容底部对齐 */
+    height: 100%;
+    padding: 20px; /* 统一内边距 */
+  }
+  .ask-message {
+    align-self: flex-end;
+    float: right;
+    max-width: 70%;
+    padding: 10px;
+    margin: 10px;
+    border-radius: 5px;
+    color: #fff;
+    background: #0c2842;
+    align-self: flex-end; /* 右侧对齐‌:ml-citation{ref="2" data="citationList"} */
+  }
+  .answer {
+    display: flex;
+    flex-direction: row;
+  }
+  .answerIcon {
+    flex-shrink: 0;
+    margin-top: 10px;
+    width: 35px;
+    height: 35px;
+    background-image: url('/@/assets/images/vent/home/answerIcon.svg');
+    background-size: 100% 100%;
+  }
+  .answer-message {
+    float: left;
+    padding: 10px;
+    margin: 10px;
+    border-radius: 5px;
+    color: #fff;
+    background: #0c2842;
+  }
+
+  /** 系统返回信息**/
+  .system-message {
+    display: flex;
+    flex-direction: row;
+    align-self: flex-start;
+    width: 100%;
+    padding: 12px;
+    display: flex;
+  }
+  .answerIcon {
+    margin-top: 10px;
+    width: 35px;
+    height: 35px;
+    background-image: url('/@/assets/images/vent/home/answerIcon.svg');
+    background-size: 100% 100%;
+  }
+  .answer-message {
+    float: left;
+    width: 100%;
+    padding: 10px;
+    margin: 10px;
+    border-radius: 5px;
+    color: #fff;
+    background: #0c2842;
+  }
+  .dialog-area {
+    flex: 1; /* 占据剩余空间 */
+    gap: 50px; /* 消息块间隔统一控制 */
+    overflow-y: auto; /* 垂直滚动条 */
+    margin-bottom: 10px;
+  }
+  .loading-wrapper,
+  .content-wrapper {
+    min-height: 40px; /* 避免高度塌陷 */
+  }
+  .message-item.user {
+    margin-bottom: 50px;
+  }
+  .input-area {
+    background-color: #043256 !important;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+  textarea {
+    background-color: #043256 !important;
+    width: 100%;
+    height: 40px;
+    border: none;
+    resize: none;
+    outline: none;
+    overflow: hidden;
+    padding: 10px; /* 统一内边距 */
+    color: #fff;
+  }
+
+  .action-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .upload-btn {
+    display: flex;
+    cursor: pointer;
+    padding: 6px 12px;
+  }
+
+  .divider {
+    color: #ccc;
+    font-weight: 300;
+    margin: 0 10px;
+  }
+
+  .send-file {
+    width: 20px;
+    height: 20px;
+    background-image: url('/@/assets/images/vent/home/sendFile.svg');
+    background-size: 100% 100%;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  .send-img {
+    width: 20px;
+    height: 20px;
+    background-image: url('/@/assets/images/vent/home/sendImg.svg');
+    background-size: 100% 100%;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  .send-btn {
+    width: 20px;
+    height: 20px;
+    margin-left: auto;
+    margin-right: 10px;
+    background-color: #1074c1;
+    background-image: url('/@/assets/images/vent/home/send.svg');
+    background-position: center;
+    background-size: 100% 100%;
+    border-radius: 2px;
+    cursor: pointer;
+  }
+</style>

src/views/vent/home/configurable/configurable.data.ts

@@ -161,9 +161,10 @@ export const testConfigVent: Config[] = [
         },
       },
       background: {
+        // show: true,
         show: false,
-        type: 'image',
-        link: '',
+        type: 'video',
+        link: '/video/gate.mp4',
       },
       layout: {
         direction: 'row',
@@ -428,6 +429,8 @@ export const testConfigVent: Config[] = [
   {
     deviceType: 'warn',
     moduleName: '预警监测',
+    // deviceType: '',
+    // moduleName: '智能通风Deepseek',
     pageType: 'vent',
     moduleData: {
       header: {
@@ -452,6 +455,7 @@ export const testConfigVent: Config[] = [
         items: [
           {
             name: 'list',
+            // name: 'ai_chat',
             basis: '100%',
           },
         ],
@@ -495,7 +499,7 @@ export const testConfigVent: Config[] = [
           ],
         },
       ],
-      preset: [],
+      preset: [{ readFrom: '' }],
       table: [],
       gallery: [],
       chart: [],

src/views/vent/home/configurable/dustBD.vue

@@ -96,7 +96,7 @@
       getDisHome({
         dataList: devicesTypes.value.concat('dustAllMineWarn').join(','),
       }).then(updateData);
-    }, 60000);
+    }, 2000);
   });
 
   onUnmounted(() => {

src/views/vent/home/configurable/fireBD.vue

@@ -122,7 +122,7 @@
       getDisHome({
         dataList: devicesTypes.value.concat('fireAllMineWarn').join(','),
       }).then(updateData);
-    }, 60000);
+    }, 2000);
   });
 
   onUnmounted(() => {

src/views/vent/monitorManager/alarmMonitor/common/warnGradeEchart.vue

@@ -7,7 +7,7 @@
 <script lang="ts" setup>
   import { defineProps, ref, nextTick, reactive, watch } from 'vue';
   import * as echarts from 'echarts';
-  import { position } from 'html2canvas/dist/types/css/property-descriptors/position';
+  // import { position } from 'html2canvas/dist/types/css/property-descriptors/position';
 
   let props = defineProps({
     echartData: {

src/views/vent/monitorManager/compressor/components/nitrogenHome_bet.vue

@@ -405,6 +405,7 @@
           if (dataArr.length <= 5) {
             monitorData.value.forEach((el, index) => {
               airCompressor[`InputFlux${index + 1}`] = el['InputFlux'] || 0;
+              airCompressor['InputFlux'] = el['InputFlux'] || 0;
             });
             dataArr.push(airCompressor);
           } else {
@@ -414,7 +415,7 @@
           echartData.value = dataArr;
         }
       });
-      if (flag) monitorDataGroupNum.value = monitorData.value.length;
+      monitorDataGroupNum.value = monitorData.value.length;
       refresh.value = true;
       nextTick(() => {
         refresh.value = false;

src/views/vent/monitorManager/compressor/nitrogen.data.ts

@@ -223,6 +223,7 @@ export function getMonitorComponent() {
     case 'sdmtjtltmk':
     case 'sdmtjtsgtmk': // 石圪台
     case 'sdmtjtbetmk': // bet
+    case 'sdmtjtcctmk': // bet
       nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHome_bet.vue'));
       return nitrogenHome;
     case 'sdmtjtbdmk': // bd
@@ -234,9 +235,9 @@ export function getMonitorComponent() {
       // debugger;
       nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHome_blt.vue'));
       return nitrogenHome;
-    case 'sdmtjtcctmk': // 寸草塔
-      nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHome_blt.vue'));
-      return nitrogenHome;
+    // case 'sdmtjtcctmk': // 寸草塔
+    //   nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHome_blt.vue'));
+    //   return nitrogenHome;
     // case 'sdmtjtjjmk': // 锦界
     //   nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHome_lt.vue'));
     //   return nitrogenHome;

src/views/vent/monitorManager/deviceMonitor/components/device/device.data.ts

@@ -527,6 +527,7 @@ export const haveHandlerArr = [
   'spray',
   'dustdev',
   'gate_linkdlfm',
+  'door',
   // 'firemon',
 ]; // table无操作
 export const noWarningArr = [

src/views/vent/monitorManager/deviceMonitor/components/device/index.vue

@@ -319,6 +319,47 @@
                 </template>
               </MonitorTable>
             </template>
+            <template v-else-if="deviceType.startsWith('gasmonitor') && activeKey == '1'">
+              <MonitorTable
+                ref="monitorTable"
+                :columnsType="`${deviceType}_monitor`"
+                :dataSource="dataSource"
+                design-scope="device_monitor"
+                :isShowActionColumn="true"
+                :isShowSelect="false"
+                title="设备监测"
+                :scroll="{ y: scroll.y - 30 }"
+              >
+                <template #action="{ record }">
+                  <TableAction
+                    :actions="[
+                      {
+                        label: '故障诊断分析',
+                        onClick: goDetail.bind(null, record),
+                      },
+                      {
+                        label: '定位',
+                        onClick: goLocation.bind(null, record),
+                      },
+                    ]"
+                  />
+                </template>
+                <template #filterCell="{ column, record }">
+                  <template v-if="column.dataIndex === 'isLeakage'">
+                    {{ record.isLeakage === '1' ? '是' : '否' }}
+                  </template>
+                  <template v-if="column.dataIndex === 'leakagePoint' && record.pipFaultDiag && record.pipFaultDiag.isLeakage">
+                    {{ record.pipFaultDiag.ld_x }}
+                  </template>
+                  <a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == 0 ? 'green' : record.warnFlag == 1 ? '#FF5812' : 'gray'">
+                    {{ record.warnFlag == 0 ? '正常' : record.warnFlag == 1 ? '报警' : record.warnFlag == 2 ? '断开' : '未监测' }}
+                  </a-tag>
+                  <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? '#f00' : 'green'">
+                    {{ record.netStatus == '0' ? '断开' : '连接' }}
+                  </a-tag>
+                </template>
+              </MonitorTable>
+            </template>
             <!-- 瓦斯人工巡检 -->
             <template v-else-if="deviceType.startsWith('gasDay_normal') && activeKey == '1'">
               <gaspatrolTable :tableData="gaspatrolData" @getSearch="getSearch" @locate="goLocation"></gaspatrolTable>
@@ -1087,7 +1128,7 @@
       if (deviceType.value.startsWith('fiber')) {
         currentModal.value = FiberModal;
         modalVisible.value = true;
-      } else if (deviceType.value.startsWith('dusting')) {
+      }else if (deviceType.value.startsWith('dusting')) {
         currentModal.value = DustModal;
         modalVisible.value = true;
       } else if (deviceType.value.startsWith('bundletube')) {
@@ -1106,6 +1147,9 @@
       } else if (deviceType.value.startsWith('gaspatrol')) {
         currentModal.value = GaspatrolModal;
         modalVisible.value = true;
+      } else if (deviceType.value.startsWith('door')) {
+        const newPage = router.resolve({ path: '/monitorChannel/monitor-firedoor', query: { id: activeID.value, deviceType: deviceType.value } });
+        window.open(newPage.href, '_blank');
       } else if (deviceType.value.indexOf('gate') != -1) {
         const newPage = router.resolve({ path: '/monitorChannel/monitor-gate', query: { id: activeID.value, deviceType: deviceType.value } });
         window.open(newPage.href, '_blank');
@@ -1148,6 +1192,9 @@
       } else if (deviceType.value.indexOf('pulping') != -1) {
         const newPage = router.resolve({ path: '/grout-home', query: { id: activeID.value } });
         window.open(newPage.href, '_blank');
+      } else if (deviceType.value.indexOf('gasmonitor') != -1) {
+        const newPage = router.resolve({ path: '/gas/warn/home' });
+        window.open(newPage.href, '_blank');
       } else {
         message.info('待开发。。。');
       }