移动端-安全检查-ai研判功能支持数据库保存

src/view/safeCheck/safeCheck_edit/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="h5-container">
-    <van-nav-bar title="隐患登记" @click-left="onClickLeft">
+    <van-nav-bar title="检查任务编辑" @click-left="onClickLeft">
     </van-nav-bar>
     <van-form @submit="baocun" ref="formRef">
         <van-field
@@ -103,6 +103,34 @@
           </template>
         </van-field>
 
+        <!-- AI判断按钮 -->
+        <div style="margin: 10px 0; padding: 0 16px;">
+          <van-button 
+            type="primary" 
+            size="small" 
+            block
+            :loading="aiJudging"
+            @click="handleAIJudge"
+            :disabled="!form.checkResult || form.checkResult.trim() === ''"
+          >
+            <van-icon name="chat-o" style="margin-right: 5px;" />
+            {{ aiJudging ? 'AI判断中...' : 'AI研判' }}
+          </van-button>
+        </div>
+
+        <!-- AI判断结果显示 -->
+        <van-field
+          v-if="aiJudgeResult"
+          border
+          readonly
+          label="AI判断结果"
+          :colon="true"
+        >
+          <template #input>
+            <div class="ai-judge-result" v-html="renderedJudgeResult"></div>
+          </template>
+        </van-field>
+
         <van-field
           border
           readonly
@@ -217,7 +245,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, getCurrentInstance, nextTick, onUnmounted } from 'vue';
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, onUnmounted, computed } from 'vue';
 import { closeToast, Dialog, showFailToast, showLoadingToast, showSuccessToast, showToast } from 'vant';
 
 const { proxy } = getCurrentInstance();
@@ -235,6 +263,7 @@ const form = ref({
   notes: '',
   ifFlag: '',
   checkResult: '',
+  aiJudge: '', // AI判断结果字段
   hdId: '',
   hdSubmitTime: ''
 });
@@ -252,7 +281,13 @@ onMounted(async () => {
 
     if (response.data.code === 0) {
       form.value = response.data.data;
-      console.log('查询结果', response.data.data);
+      // 如果有 AI 判断结果，同步到显示变量
+      if (form.value.aiJudge) {
+        aiJudgeResult.value = form.value.aiJudge;
+      } else {
+        // 如果没有AI判断结果，清空显示
+        aiJudgeResult.value = '';
+      }
     } else {
       showToast({
         message: '操作失败！' + response.data.msg
@@ -305,14 +340,20 @@ onMounted(async () => {
     onClickLeft();
   };
   const baocun = async () => {
+    // 强制同步 AI 判断结果到 form（确保数据不丢失）
+    if (aiJudgeResult.value) {
+      form.value.aiJudge = aiJudgeResult.value;
+    }
+    
     var url = '/sgsafe/CheckResultItem/save';
     var param = {
       json: JSON.stringify(form.value)
     };
+    
     proxy.$axios.post(url, param).then(response => {
       if (response.data.code === 0) {
         const data = response.data.data;
-        console.log('插入时返回的数据', data)
+        console.log('保存成功，返回的数据:', data);
         onClickLeft()
       } else {
         showToast({
@@ -600,6 +641,243 @@ import AttachmentS3Image from '@/components/AttachmentS3Image.vue';
     }
   });
 
+  /***********************AI判断法律法规功能******************************/
+  // AI判断相关状态
+  const aiJudging = ref(false);
+  const aiJudgeResult = ref('');
+  
+  // Markdown 渲染库
+  let marked = null;
+  let DOMPurify = null;
+  
+  // 初始化 Markdown 库
+  async function initMarkdownLibs() {
+    try {
+      // 动态导入 marked
+      const markedModule = await import('marked');
+      marked = markedModule.marked || markedModule.default || markedModule;
+      
+      // 动态导入 DOMPurify
+      const dompurifyModule = await import('dompurify');
+      DOMPurify = dompurifyModule.default || dompurifyModule;
+    } catch (error) {
+      console.warn('Markdown libraries not available, using plain text', error);
+      marked = {
+        parse: (text) => text
+      };
+      DOMPurify = {
+        sanitize: (html) => html
+      };
+    }
+  }
+  
+  // 初始化 Markdown 库
+  initMarkdownLibs();
+  
+  // 渲染后的判断结果
+  const renderedJudgeResult = computed(() => {
+    if (!aiJudgeResult.value) return '';
+    
+    try {
+      if (!marked || !DOMPurify) {
+        // 如果库还没加载，先返回纯文本，但格式化一下
+        return formatPlainText(aiJudgeResult.value);
+      }
+      
+      // 使用 marked 解析 markdown
+      const html = marked.parse ? marked.parse(aiJudgeResult.value) : marked(aiJudgeResult.value);
+      // 使用 DOMPurify 清理 HTML
+      return DOMPurify.sanitize ? DOMPurify.sanitize(html) : html;
+    } catch (error) {
+      console.error('Markdown解析错误:', error);
+      return formatPlainText(aiJudgeResult.value);
+    }
+  });
+  
+  // 格式化纯文本（当 Markdown 库不可用时）
+  function formatPlainText(text) {
+    if (!text) return '';
+    
+    // 将 Markdown 格式转换为 HTML
+    let formatted = text
+      // 标题（按顺序处理，从多级到单级）
+      .replace(/^####\s+(.+)$/gm, '<h4>$1</h4>')
+      .replace(/^###\s+(.+)$/gm, '<h3>$1</h3>')
+      .replace(/^##\s+(.+)$/gm, '<h2>$1</h2>')
+      .replace(/^#\s+(.+)$/gm, '<h1>$1</h1>')
+      // 粗体（支持 **text** 和 **text** 格式）
+      .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+      // 斜体
+      .replace(/\*(.+?)\*/g, '<em>$1</em>')
+      // 列表项（数字列表）
+      .replace(/^\d+\.\s+(.+)$/gm, '<p class="list-item">$1</p>')
+      // 列表项（无序列表）
+      .replace(/^[-*]\s+(.+)$/gm, '<p class="list-item">• $1</p>')
+      // 处理特殊格式：条款号、具体内容等
+      .replace(/\*\*条款号\*\*:\s*(.+)/g, '<p class="article-num"><strong>条款号：</strong>$1</p>')
+      .replace(/\*\*具体内容\*\*:\s*(.+)/g, '<p class="article-content"><strong>具体内容：</strong>$1</p>')
+      // 多个连续换行转换为段落分隔
+      .replace(/\n\n+/g, '</p><p>')
+      // 单个换行转换为换行符
+      .replace(/\n/g, '<br/>');
+    
+    // 确保每个段落都有正确的标签
+    formatted = formatted
+      .split('</p><p>')
+      .map(para => {
+        para = para.trim();
+        if (!para) return '';
+        if (para.startsWith('<h') || para.startsWith('<p') || para.startsWith('<ul') || para.startsWith('<ol')) {
+          return para;
+        }
+        return '<p>' + para + '</p>';
+      })
+      .filter(para => para)
+      .join('');
+    
+    // 包装整个内容
+    if (!formatted.startsWith('<h') && !formatted.startsWith('<p') && !formatted.startsWith('<ul')) {
+      formatted = '<p>' + formatted + '</p>';
+    }
+    
+    return formatted;
+  }
+
+  // 处理AI判断
+  async function handleAIJudge() {
+    if (!form.value.checkResult || form.value.checkResult.trim() === '') {
+      showToast({
+        type: 'fail',
+        message: '请先输入检查结果'
+      });
+      return;
+    }
+
+    aiJudging.value = true;
+    aiJudgeResult.value = '';
+
+    try {
+      const prompt = buildJudgePrompt(form.value.checkResult);
+      const messages = [{ role: 'user', content: prompt }];
+
+      await callAIStream(messages, (content, isEnd) => {
+        aiJudgeResult.value = content;
+        // 实时同步到 form.aiJudge
+        form.value.aiJudge = content;
+        
+        if (isEnd) {
+          aiJudging.value = false;
+          // 确保最终结果保存到 form
+          form.value.aiJudge = content;
+          showToast({
+            type: 'success',
+            message: 'AI判断完成'
+          });
+        }
+      });
+    } catch (error) {
+      console.error('AI判断失败:', error);
+      aiJudging.value = false;
+      showToast({
+        type: 'fail',
+        message: 'AI判断失败，请重试'
+      });
+    }
+  }
+
+  // 构造判断提示词
+  function buildJudgePrompt(checkResult) {
+    const prompt = `请根据以下检查结果内容，判断违反了哪一条法律法规，并详细说明：
+
+检查结果内容：
+${checkResult}
+
+请提供以下内容：
+1. 明确指出违反了哪些法律法规（包括法律名称、条款号、具体条款内容）
+2. 说明为什么该检查结果违反了这些法律法规
+3. 如果可能，提供相关的处罚依据或整改建议
+
+请用清晰、专业的语言进行回答，确保法律法规名称和条款号准确无误。`;
+    
+    return prompt;
+  }
+
+  // 调用AI流式接口
+  async function callAIStream(messageHistory, callback) {
+    try {
+      const url = `${import.meta.env.VITE_BASE_API}/sgsafe/deepseek/chat-stream`;
+      
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'token': localStorage.getItem('token') || '',
+          'userId': localStorage.getItem('userId') || ''
+        },
+        body: JSON.stringify({ messages: messageHistory })
+      });
+      
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      
+      if (!response.body) {
+        throw new Error('ReadableStream not supported');
+      }
+      
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder('utf-8');
+      let buffer = '';
+      let fullResponse = '';
+      
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) {
+          callback(fullResponse, true);
+          break;
+        }
+        
+        const chunk = decoder.decode(value, { stream: true });
+        buffer += chunk;
+        
+        const lines = buffer.split('\n');
+        buffer = lines.pop();
+        
+        for (const line of lines) {
+          if (line.trim() === '' || !line.startsWith('data:')) continue;
+          
+          const data = line.slice(5).trim();
+          if (data === '[DONE]') {
+            callback(fullResponse, true);
+            return;
+          }
+          
+          try {
+            const jsonData = JSON.parse(data);
+            if (jsonData.choices?.[0]?.delta) {
+              let content = '';
+              if (jsonData.choices[0].delta.reasoning_content) {
+                content += jsonData.choices[0].delta.reasoning_content;
+              }
+              if (jsonData.choices[0].delta.content) {
+                content += jsonData.choices[0].delta.content;
+              }
+              if (content) {
+                fullResponse += content;
+                callback(fullResponse, false);
+              }
+            }
+          } catch (e) {
+            console.error('JSON解析错误:', e);
+          }
+        }
+      }
+    } catch (error) {
+      console.error('AI调用失败:', error);
+      throw error;
+    }
+  }
+
 </script>
 
 <style scoped>
@@ -626,4 +904,120 @@ import AttachmentS3Image from '@/components/AttachmentS3Image.vue';
   }
 }
 
+/* AI判断结果样式 */
+.ai-judge-result {
+  padding: 15px 0;
+  color: #323233;
+  line-height: 1.8;
+  font-size: 14px;
+  word-break: break-word;
+}
+
+.ai-judge-result :deep(h1) {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 15px 0 10px 0;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e4e7ed;
+}
+
+.ai-judge-result :deep(h2) {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  margin: 15px 0 10px 0;
+  padding-bottom: 6px;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.ai-judge-result :deep(h3) {
+  font-size: 15px;
+  font-weight: 600;
+  color: #409eff;
+  margin: 12px 0 8px 0;
+}
+
+.ai-judge-result :deep(p) {
+  margin: 10px 0;
+  line-height: 1.8;
+  color: #606266;
+}
+
+.ai-judge-result :deep(p.list-item) {
+  margin: 6px 0;
+  padding-left: 8px;
+  position: relative;
+}
+
+.ai-judge-result :deep(p.article-num) {
+  margin: 8px 0;
+  padding: 8px 12px;
+  background: #f0f9ff;
+  border-left: 3px solid #409eff;
+  border-radius: 4px;
+}
+
+.ai-judge-result :deep(p.article-content) {
+  margin: 8px 0;
+  padding: 10px 12px;
+  background: #fafafa;
+  border-radius: 4px;
+  line-height: 1.8;
+}
+
+.ai-judge-result :deep(strong) {
+  font-weight: 600;
+  color: #303133;
+}
+
+.ai-judge-result :deep(ul),
+.ai-judge-result :deep(ol) {
+  margin: 10px 0;
+  padding-left: 25px;
+}
+
+.ai-judge-result :deep(li) {
+  margin: 6px 0;
+  line-height: 1.8;
+  color: #606266;
+}
+
+.ai-judge-result :deep(blockquote) {
+  margin: 10px 0;
+  padding: 10px 15px;
+  background: #f5f7fa;
+  border-left: 4px solid #409eff;
+  border-radius: 4px;
+}
+
+.ai-judge-result :deep(code) {
+  background: #f5f7fa;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-family: 'Courier New', monospace;
+  font-size: 13px;
+  color: #e6a23c;
+}
+
+.ai-judge-result :deep(pre) {
+  background: #f5f7fa;
+  padding: 12px;
+  border-radius: 4px;
+  overflow-x: auto;
+  margin: 10px 0;
+}
+
+.ai-judge-result :deep(pre code) {
+  background: transparent;
+  padding: 0;
+  color: #303133;
+}
+
+.ai-judge-result :deep(hr) {
+  border: none;
+  border-top: 1px solid #e4e7ed;
+  margin: 15px 0;
+}
+
 </style>