From 9f393ce70951c25924600ec42c9295ace2810914 Mon Sep 17 00:00:00 2001
From: jinchao <383321154@qq.com>
Date: Wed, 7 May 2025 17:01:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=AE=A1=E7=90=86=E4=B8=AD=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=B3=BB=E7=BB=9F=E6=97=A5=E5=BF=97=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Release/database/XNSim.db                  | Bin 172032 -> 172032 bytes
 XNSimHtml/assets/icons/png/file-text.png   | Bin 0 -> 5778 bytes
 XNSimHtml/assets/icons/png/file-text_b.png | Bin 0 -> 6538 bytes
 XNSimHtml/components/content-area.js       |   3 +
 XNSimHtml/components/main-toolbar.js       |   4 +-
 XNSimHtml/components/sub-toolbar.js        |   6 +-
 XNSimHtml/components/system-log.js         | 405 +++++++++++++++++++++
 XNSimHtml/main.html                        |   9 +
 8 files changed, 424 insertions(+), 3 deletions(-)
 create mode 100644 XNSimHtml/assets/icons/png/file-text.png
 create mode 100644 XNSimHtml/assets/icons/png/file-text_b.png
 create mode 100644 XNSimHtml/components/system-log.js

diff --git a/Release/database/XNSim.db b/Release/database/XNSim.db
index 6a8fd1b554cef707805d04ad18277f9ccc9902d8..c43ade218a22fcf09b2d5f36a3e022e22386ab03 100644
GIT binary patch
delta 953
zcmaJ;O-NKh9Dlo3uB&e+%`h>u5FyyyX6C(l^PU%lf;xKX;7R9`3{p%x6yf?vE09pr
zilPq`0xxQ^n3jQp=WapgVBhYFMBTdf+*Jv}U=F|k%<%txjcmq8Hsg~Gk*=xJmm*!u
zJ+t6M)mP(KRl5OHReR!R;*NPF5nc9^RSCZ)T4^-+W~9Ekl{QVEX}WSbntL%`_%Mbn
zgpo&}hv|*pK5?D(cZmL*Or(Se7Uy!0R)e=63yTZcPvhCOm)rN}gVlHW`SD=wkvVF>
zDgQ!xxT4ai3pXcCGnpJxgF_hGQYvY2D2c_ia2&1(v9W-ZFiMCZS}NgS;t<<*74a;}
zsltqfkBlp&qq&vw!qU^=^GGl;RTvrj?|5{~FpS|T|8Dwryd<Q>G+SDBg;-p>wreYl
zAeRa&<SNcxX=8*f<qEF2uskU(Bo$|lc8DXPP%gxt%Y;Bsm6e$D>!aIGHx9!?u_A3n
z`hXWXnh45lPuN`3(3;W?hnA93Gb$Cem|)sg4&$~6r68fbFcXJ67-@xsgZ8Lq=EL|8
z!$ajo+SmbW8e+=Bh>6w~rCd3jNP!$A33tP=A*0Z8sYgRaT49^HE+LjCD6GLF9^_Dz
zs0xc4yTunP_!s-9B71c=CzDAgZ}#@t3~F0@)9I$M<Hx|30e*uW@Ev>uU%*zT`s@-o
zUr|;UDHamnN4R1iq1Zlx<(Zv}iQ|dL?Ll>GFm9UC0I{Cw@{Y!6tY_J8i=}-N#OlvA
zUh_}Zp%hFZ8$(Q5VR$H_Z4k8~CwMiVU!2WPKFF>u<et3`=HBEp>-qJ!x##bKjpy65
zE8DN<P^xrS`k0&f7)(CSu6-(vahy7ANA=%Jiq<o~uGW^<0HAkG{{T<GLvRla0G+Ar
b>;#qZvie9#C%8Y*{cxZ=vO3Tmo#^-jMzMbD

delta 143
zcmZoTz}0YoYl1YR|3n#QM*oco3;DSj7#NuN1sV8L`2{yNvhwo=F>y0UH}Z1ug1}^7
z8TZMl^7A>E_+K;df9HR_UC@B>KL6&|`g{U>{H4XIMa4$EyeSNP93LjLJIHQqJj1d1
sgNFz^P_huD{w@C`{&xNv{=&^-0Rj9I19+PY<J$}48Mhb4Gxa+F0H<Xs7ytkO

diff --git a/XNSimHtml/assets/icons/png/file-text.png b/XNSimHtml/assets/icons/png/file-text.png
new file mode 100644
index 0000000000000000000000000000000000000000..440b79772be31395fdafef9faa1f3509734c2c1e
GIT binary patch
literal 5778
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
E55WDn0RR91

literal 0
HcmV?d00001

diff --git a/XNSimHtml/assets/icons/png/file-text_b.png b/XNSimHtml/assets/icons/png/file-text_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cac2da9dc94d0c95ab1a5ee6babf27b6f8f268f
GIT binary patch
literal 6538
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

literal 0
HcmV?d00001

diff --git a/XNSimHtml/components/content-area.js b/XNSimHtml/components/content-area.js
index 29608a0..cad7cf8 100644
--- a/XNSimHtml/components/content-area.js
+++ b/XNSimHtml/components/content-area.js
@@ -141,6 +141,9 @@ class ContentArea extends HTMLElement {
             case 'users':
                 contentElement = document.createElement('user-management');
                 break;
+            case 'system-log':
+                contentElement = document.createElement('system-log');
+                break;
             default:
                 contentElement = document.createElement('div');
                 contentElement.textContent = '正在开发中...';
diff --git a/XNSimHtml/components/main-toolbar.js b/XNSimHtml/components/main-toolbar.js
index 8017248..01b74fc 100644
--- a/XNSimHtml/components/main-toolbar.js
+++ b/XNSimHtml/components/main-toolbar.js
@@ -97,8 +97,8 @@ class MainToolbar extends HTMLElement {
                         <span>监控</span>
                     </div>
                     <div class="tool-item" data-tool="system" id="systemManagement">
-                        <img src="assets/icons/png/cogs.png" alt="系统管理" class="icon">
-                        <span>系统管理</span>
+                        <img src="assets/icons/png/cogs.png" alt="管理" class="icon">
+                        <span>管理</span>
                     </div>
                 </div>
             </nav>
diff --git a/XNSimHtml/components/sub-toolbar.js b/XNSimHtml/components/sub-toolbar.js
index 6f80efb..b7e6b49 100644
--- a/XNSimHtml/components/sub-toolbar.js
+++ b/XNSimHtml/components/sub-toolbar.js
@@ -237,6 +237,10 @@ class SubToolbar extends HTMLElement {
                             <img src="assets/icons/png/user.png" alt="个人中心" class="icon">
                             个人中心
                         </div>
+                        <div class="sub-item" data-icon="file-text">
+                            <img src="assets/icons/png/file-text.png" alt="系统日志" class="icon">
+                            系统日志
+                        </div>
                         <div class="sub-item admin-only" data-icon="users">
                             <img src="assets/icons/png/users.png" alt="用户管理" class="icon">
                             用户管理
@@ -308,7 +312,7 @@ class SubToolbar extends HTMLElement {
             'config': { icon: 'sliders', text: '配置' },
             'run': { icon: 'play', text: '运行' },
             'monitor': { icon: 'chart', text: '监控' },
-            'system': { icon: 'cogs', text: '系统管理' }
+            'system': { icon: 'cogs', text: '管理' }
         };
 
         const currentTool = toolIcons[this._currentTool] || toolIcons['home'];
diff --git a/XNSimHtml/components/system-log.js b/XNSimHtml/components/system-log.js
new file mode 100644
index 0000000..6937026
--- /dev/null
+++ b/XNSimHtml/components/system-log.js
@@ -0,0 +1,405 @@
+class SystemLog extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+    }
+
+    connectedCallback() {
+        this.render();
+        this.addEventListeners();
+        this.loadLogs();
+    }
+
+    render() {
+        this.shadowRoot.innerHTML = `
+            <style>
+                :host {
+                    display: block;
+                    height: 100%;
+                    background: #fff;
+                    padding: 20px;
+                    box-sizing: border-box;
+                }
+
+                .log-container {
+                    display: flex;
+                    flex-direction: column;
+                    height: 100%;
+                    gap: 16px;
+                }
+
+                .toolbar {
+                    display: flex;
+                    gap: 16px;
+                    padding: 16px;
+                    background: #f5f7fa;
+                    border-radius: 8px;
+                    align-items: center;
+                }
+
+                .search-box {
+                    flex: 1;
+                    position: relative;
+                }
+
+                .search-box input {
+                    width: 100%;
+                    padding: 8px 12px 8px 36px;
+                    border: 1px solid #dcdfe6;
+                    border-radius: 4px;
+                    font-size: 14px;
+                    transition: all 0.3s;
+                }
+
+                .search-box input:focus {
+                    border-color: #409eff;
+                    outline: none;
+                }
+
+                .search-icon {
+                    position: absolute;
+                    left: 12px;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    width: 16px;
+                    height: 16px;
+                    color: #909399;
+                }
+
+                .filter-group {
+                    display: flex;
+                    gap: 12px;
+                }
+
+                .filter-select {
+                    padding: 8px 12px;
+                    border: 1px solid #dcdfe6;
+                    border-radius: 4px;
+                    font-size: 14px;
+                    color: #606266;
+                    background: #fff;
+                    cursor: pointer;
+                }
+
+                .filter-select:focus {
+                    border-color: #409eff;
+                    outline: none;
+                }
+
+                .action-buttons {
+                    display: flex;
+                    gap: 8px;
+                }
+
+                .btn {
+                    padding: 8px 16px;
+                    border: none;
+                    border-radius: 4px;
+                    font-size: 14px;
+                    cursor: pointer;
+                    transition: all 0.3s;
+                    display: flex;
+                    align-items: center;
+                    gap: 4px;
+                }
+
+                .btn-primary {
+                    background: #409eff;
+                    color: white;
+                }
+
+                .btn-primary:hover {
+                    background: #66b1ff;
+                }
+
+                .btn-default {
+                    background: #f4f4f5;
+                    color: #606266;
+                }
+
+                .btn-default:hover {
+                    background: #e9e9eb;
+                }
+
+                .log-content {
+                    flex: 1;
+                    background: #fff;
+                    border: 1px solid #e4e7ed;
+                    border-radius: 8px;
+                    overflow: hidden;
+                    display: flex;
+                    flex-direction: column;
+                }
+
+                .log-header {
+                    display: grid;
+                    grid-template-columns: 180px 120px 120px 1fr;
+                    padding: 12px 16px;
+                    background: #f5f7fa;
+                    border-bottom: 1px solid #e4e7ed;
+                    font-weight: bold;
+                    color: #606266;
+                }
+
+                .log-list {
+                    flex: 1;
+                    overflow-y: auto;
+                }
+
+                .log-item {
+                    display: grid;
+                    grid-template-columns: 180px 120px 120px 1fr;
+                    padding: 12px 16px;
+                    border-bottom: 1px solid #e4e7ed;
+                    font-size: 14px;
+                    color: #606266;
+                }
+
+                .log-item:hover {
+                    background: #f5f7fa;
+                }
+
+                .log-level {
+                    display: inline-block;
+                    padding: 2px 8px;
+                    border-radius: 4px;
+                    font-size: 12px;
+                }
+
+                .level-info {
+                    background: #e1f3d8;
+                    color: #67c23a;
+                }
+
+                .level-warning {
+                    background: #fdf6ec;
+                    color: #e6a23c;
+                }
+
+                .level-error {
+                    background: #fef0f0;
+                    color: #f56c6c;
+                }
+
+                .level-debug {
+                    background: #f4f4f5;
+                    color: #909399;
+                }
+
+                .pagination {
+                    display: flex;
+                    justify-content: flex-end;
+                    padding: 16px;
+                    gap: 8px;
+                }
+
+                .page-btn {
+                    padding: 6px 12px;
+                    border: 1px solid #dcdfe6;
+                    border-radius: 4px;
+                    background: #fff;
+                    color: #606266;
+                    cursor: pointer;
+                    transition: all 0.3s;
+                }
+
+                .page-btn:hover {
+                    color: #409eff;
+                    border-color: #c6e2ff;
+                }
+
+                .page-btn.active {
+                    background: #409eff;
+                    color: #fff;
+                    border-color: #409eff;
+                }
+
+                .page-btn:disabled {
+                    background: #f5f7fa;
+                    color: #c0c4cc;
+                    cursor: not-allowed;
+                }
+            </style>
+            <div class="log-container">
+                <div class="toolbar">
+                    <div class="search-box">
+                        <img src="assets/icons/png/search_b.png" alt="搜索" class="search-icon">
+                        <input type="text" placeholder="搜索日志内容...">
+                    </div>
+                    <div class="filter-group">
+                        <select class="filter-select" id="levelFilter">
+                            <option value="">所有级别</option>
+                            <option value="info">信息</option>
+                            <option value="warning">警告</option>
+                            <option value="error">错误</option>
+                            <option value="debug">调试</option>
+                        </select>
+                        <select class="filter-select" id="timeFilter">
+                            <option value="1h">最近1小时</option>
+                            <option value="6h">最近6小时</option>
+                            <option value="24h">最近24小时</option>
+                            <option value="7d">最近7天</option>
+                            <option value="30d">最近30天</option>
+                        </select>
+                    </div>
+                    <div class="action-buttons">
+                        <button class="btn btn-default" id="refreshBtn">
+                            <img src="assets/icons/png/refresh.png" alt="刷新" class="icon-small">
+                            刷新
+                        </button>
+                        <button class="btn btn-primary" id="exportBtn">
+                            <img src="assets/icons/png/download.png" alt="导出" class="icon-small">
+                            导出
+                        </button>
+                    </div>
+                </div>
+                <div class="log-content">
+                    <div class="log-header">
+                        <div>时间</div>
+                        <div>级别</div>
+                        <div>来源</div>
+                        <div>内容</div>
+                    </div>
+                    <div class="log-list" id="logList">
+                        <!-- 日志内容将通过JavaScript动态添加 -->
+                    </div>
+                    <div class="pagination">
+                        <button class="page-btn" id="prevPage" disabled>上一页</button>
+                        <button class="page-btn active">1</button>
+                        <button class="page-btn">2</button>
+                        <button class="page-btn">3</button>
+                        <button class="page-btn" id="nextPage">下一页</button>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    addEventListeners() {
+        // 搜索框事件
+        const searchInput = this.shadowRoot.querySelector('.search-box input');
+        searchInput.addEventListener('input', this.debounce(() => {
+            this.filterLogs();
+        }, 300));
+
+        // 级别筛选事件
+        const levelFilter = this.shadowRoot.querySelector('#levelFilter');
+        levelFilter.addEventListener('change', () => {
+            this.filterLogs();
+        });
+
+        // 时间筛选事件
+        const timeFilter = this.shadowRoot.querySelector('#timeFilter');
+        timeFilter.addEventListener('change', () => {
+            this.filterLogs();
+        });
+
+        // 刷新按钮事件
+        const refreshBtn = this.shadowRoot.querySelector('#refreshBtn');
+        refreshBtn.addEventListener('click', () => {
+            this.loadLogs();
+        });
+
+        // 导出按钮事件
+        const exportBtn = this.shadowRoot.querySelector('#exportBtn');
+        exportBtn.addEventListener('click', () => {
+            this.exportLogs();
+        });
+
+        // 分页按钮事件
+        const prevPage = this.shadowRoot.querySelector('#prevPage');
+        const nextPage = this.shadowRoot.querySelector('#nextPage');
+        prevPage.addEventListener('click', () => {
+            this.changePage(-1);
+        });
+        nextPage.addEventListener('click', () => {
+            this.changePage(1);
+        });
+    }
+
+    async loadLogs() {
+        try {
+            // 这里应该调用后端API获取日志数据
+            // 示例数据
+            const logs = [
+                {
+                    timestamp: '2024-03-20 10:00:00',
+                    level: 'info',
+                    source: '系统',
+                    content: '系统启动成功'
+                },
+                {
+                    timestamp: '2024-03-20 10:01:00',
+                    level: 'warning',
+                    source: '数据库',
+                    content: '数据库连接池接近最大连接数'
+                },
+                {
+                    timestamp: '2024-03-20 10:02:00',
+                    level: 'error',
+                    source: 'API',
+                    content: 'API请求超时'
+                }
+            ];
+
+            this.renderLogs(logs);
+        } catch (error) {
+            console.error('加载日志失败:', error);
+        }
+    }
+
+    renderLogs(logs) {
+        const logList = this.shadowRoot.querySelector('#logList');
+        logList.innerHTML = logs.map(log => `
+            <div class="log-item">
+                <div>${log.timestamp}</div>
+                <div><span class="log-level level-${log.level}">${this.getLevelText(log.level)}</span></div>
+                <div>${log.source}</div>
+                <div>${log.content}</div>
+            </div>
+        `).join('');
+    }
+
+    getLevelText(level) {
+        const levelMap = {
+            'info': '信息',
+            'warning': '警告',
+            'error': '错误',
+            'debug': '调试'
+        };
+        return levelMap[level] || level;
+    }
+
+    filterLogs() {
+        const searchText = this.shadowRoot.querySelector('.search-box input').value.toLowerCase();
+        const levelFilter = this.shadowRoot.querySelector('#levelFilter').value;
+        const timeFilter = this.shadowRoot.querySelector('#timeFilter').value;
+
+        // 这里应该根据筛选条件调用后端API获取过滤后的日志
+        this.loadLogs();
+    }
+
+    exportLogs() {
+        // 实现日志导出功能
+        console.log('导出日志');
+    }
+
+    changePage(delta) {
+        // 实现分页功能
+        console.log('切换页面:', delta);
+    }
+
+    debounce(func, wait) {
+        let timeout;
+        return function executedFunction(...args) {
+            const later = () => {
+                clearTimeout(timeout);
+                func(...args);
+            };
+            clearTimeout(timeout);
+            timeout = setTimeout(later, wait);
+        };
+    }
+}
+
+customElements.define('system-log', SystemLog); 
\ No newline at end of file
diff --git a/XNSimHtml/main.html b/XNSimHtml/main.html
index 1cde2a5..c3b0e57 100644
--- a/XNSimHtml/main.html
+++ b/XNSimHtml/main.html
@@ -17,6 +17,7 @@
     <script src="components/run-log.js"></script>
     <script src="components/system-info.js"></script>
     <script src="components/help-component.js"></script>
+    <script src="components/system-log.js"></script>
     <script src="components/run-env-config.js" type="module"></script>
     <script src="components/model-config.js" type="module"></script>
     <script src="components/service-config.js" type="module"></script>
@@ -323,6 +324,14 @@
                 return;
             }
 
+            // 处理系统日志标签页
+            if (title === '系统日志') {
+                const id = 'system-log';
+                tabsContainer.createTab(id, title, icon, parentText, parentTool);
+                contentArea.loadContent(id);
+                return;
+            }
+
             // 处理帮助标签页
             if (title === '帮助') {
                 const id = 'help';