From ed402df472df11129ac1fc845527e81a0cceb9be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=B1=E5=B0=8F=E7=82=AF?= <645680426@qq.com>
Date: Thu, 4 Sep 2025 19:38:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Views/OutHHuser/MessageDetial.cshtml      | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/Mini.Web/Areas/Admin/Views/OutHHuser/MessageDetial.cshtml b/Mini.Web/Areas/Admin/Views/OutHHuser/MessageDetial.cshtml
index a6df9dc..8bf4089 100644
--- a/Mini.Web/Areas/Admin/Views/OutHHuser/MessageDetial.cshtml
+++ b/Mini.Web/Areas/Admin/Views/OutHHuser/MessageDetial.cshtml
@@ -360,6 +360,9 @@
     <div class="layui-inline" style="padding-top:5px;"> <input type="text" placeholder="yyyy-MM" autocomplete="off" class="layui-input  test-item" id="stime" style="height:28px;width:100px;" value="@Html.Raw(DateTime.Now.AddDays(-30).ToString("yyy-MM-dd"))"></div>
     <div class="layui-inline" style="padding-top:5px;">至</div>
     <div class="layui-inline" style="padding-top:5px;"> <input type="text" placeholder="yyyy-MM" autocomplete="off" class="layui-input  test-item" id="etime" style="height:28px;width:100px;" value="@Html.Raw(DateTime.Now.ToString("yyy-MM-dd"))"></div>
+    <div class="layui-inline" style="padding-top:5px;">
+        <input style="height: 26px;padding-left: 16px;" placeholder="请输入搜索关键词" onchange="searchChat(this.value)" />
+    </div>
     <div class="layui-inline" style="padding-top:5px;">
         <button type="button" class="layui-btn layui-btn-sm layui-btn-ok" onclick="ShowDateMsg()">确定</button>
     </div>
@@ -384,8 +387,38 @@
     .hiddenBtn {
         display: none;
     }
+
+    .highlighted {
+        background-color: #FF5722;
+    }
 </style>
 <script>
+    var searchText="";
+    function searchChat(value) {
+           searchText = value;
+    }
+    function highlightTextInElement(elementId, searchText) {
+           if (searchText == "" || searchText == null) return;
+           const element = document.getElementById(elementId);
+           const nodesToUpdate = [];
+
+           findMatchingNodes(element, searchText, nodesToUpdate);
+
+           nodesToUpdate.forEach(node => {
+               const updatedInnerHTML = node.innerHTML.replace(new RegExp(searchText, 'gi'), '<span class="highlighted">$&</span>');
+               node.innerHTML = updatedInnerHTML;
+           });
+     }
+
+    function findMatchingNodes(node, searchText, nodesToUpdate) {
+           if (node.nodeType === Node.TEXT_NODE && new RegExp(searchText, 'gi').test(node.nodeValue)) {
+               nodesToUpdate.push(node.parentNode);
+           } else if (node.nodeType === Node.ELEMENT_NODE) {
+               for (let i = 0; i < node.childNodes.length; i++) {
+                   findMatchingNodes(node.childNodes[i], searchText, nodesToUpdate);
+               }
+           }
+    }
     var locationJson =@Html.Raw(ViewBag.locationJson);
     if (locationJson["NeedLocaltion"] == 1) {
         if (locationJson.stime) {
@@ -678,6 +711,8 @@
     var loadingindex;
     function ShowDateMsg() {
         ShowMessage(cs_username);
+        // 高亮搜索关键词
+        highlightTextInElement('mycontent1', searchText);
     }
     var messagecount = 0;
     var recordcount = 0;
@@ -786,6 +821,25 @@
                 if (isDaoXu == "1") {
                     paixu = true;
                 }
+                 // 根据搜索关键词过滤聊天记录
+               json = json.filter(j => {
+                   if (searchText == "" || searchText == null) return true;
+                   if (j.msgtype == "text") {
+                       if (j.content.indexOf(searchText) > -1) {
+                           return true;
+                       }
+                   } else if (j.msgtype == "link") {
+                       try {
+                           if (j.link && j.link.title && j.link.title.indexOf(searchText) > -1) {
+                               return true;
+                           }
+                       }
+                       catch (err) {
+                           console.log(err);
+                       }
+                   }
+                   return false
+               })
                 json.sort(sortBy('msgtime', paixu, String));
                 if (json.length > 0) {
                     $("#" + tabName).find("#nomessage").remove();