From ffe3dd1fc3e43e1af961badf2ef619e290556773 Mon Sep 17 00:00:00 2001
From: hz4th_coder <hz4th_coder@tphai.com>
Date: Thu, 25 Jun 2026 12:19:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20Web=E6=9C=8D=E5=8A=A1=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=96=87=E6=9C=AC=E5=9D=97=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加新增文本块按钮到筛选栏
- 实现文本块增删改查功能
- 支持多种颜色主题（蓝/绿/黄/红/紫/灰）
- 文本块显示在Web服务网格中
- 数据存储在localStorage
---
 __pycache__/config.cpython-312.pyc           | Bin 1442 -> 1446 bytes
 __pycache__/database.cpython-312.pyc         | Bin 2964 -> 2968 bytes
 __pycache__/routes_config.cpython-312.pyc    | Bin 7650 -> 7654 bytes
 __pycache__/routes_cron.cpython-312.pyc      | Bin 13786 -> 13790 bytes
 __pycache__/routes_discovery.cpython-312.pyc | Bin 8545 -> 8549 bytes
 __pycache__/routes_docker.cpython-312.pyc    | Bin 11233 -> 11237 bytes
 __pycache__/routes_email.cpython-312.pyc     | Bin 3569 -> 3573 bytes
 __pycache__/routes_project.cpython-312.pyc   | Bin 15124 -> 15128 bytes
 __pycache__/routes_system.cpython-312.pyc    | Bin 8985 -> 8989 bytes
 __pycache__/templates.cpython-312.pyc        | Bin 2321 -> 2325 bytes
 __pycache__/utils.cpython-312.pyc            | Bin 15541 -> 15545 bytes
 logs/app.log                                 |   2 +
 templates_full.txt                           | 180 ++++++++++++++++++-
 13 files changed, 180 insertions(+), 2 deletions(-)

diff --git a/__pycache__/config.cpython-312.pyc b/__pycache__/config.cpython-312.pyc
index bfc5b95041de78ee1232789225be45275cc5ace8..6f504b40ac05c471b6fce4dd5509b16ce258514c 100644
GIT binary patch
delta 43
ycmZ3)y^NdtG%qg~0}v>zwAsjgl8JHp=BrGljEn)3y;+=CbW>8xHutiKG6DenFbli@

delta 38
tcmZ3+y@;FpG%qg~0}wp%k=@9Bl8JHJ=BrGljEp{$y;+<#Ph=5g1OUvG3X=c;

diff --git a/__pycache__/database.cpython-312.pyc b/__pycache__/database.cpython-312.pyc
index 57171b9098a122b68d32d1c7f15b257324c5c0ae..62640599a05ddac23ec92fc09f2d043f00522735 100644
GIT binary patch
delta 36
qcmbOtK0}=QG%qg~0}zO<wAsjgfRQn1@)<@a7TuK8vdw%<ZJYq8N(qDj

delta 31
lcmbOsK1H1SG%qg~0}y0#%5LO7z{uz~`3$4eW+A3FP5^aM2dDr5

diff --git a/__pycache__/routes_config.cpython-312.pyc b/__pycache__/routes_config.cpython-312.pyc
index a7d3a5315f88d3ebba2ad2f1f47c71fc0dea30ab..b22d9868b7880654d1394f35f9781042cf96b6f7 100644
GIT binary patch
delta 36
qcmaE4{mh#CG%qg~0}zO<wAsl0f`u`B@)s5-7TuK8vdw0!Ya{^8tP3Lm

delta 31
lcmaE6{m7d8G%qg~0}%Y+l-<bvf`u`7@)s7T%~q^yBmka=3Dy7r

diff --git a/__pycache__/routes_cron.cpython-312.pyc b/__pycache__/routes_cron.cpython-312.pyc
index c32205e28f7f307707de6732696a9a3991e525cd..0e2934ad846629a684faeb8a3a5e31eddef26d5d 100644
GIT binary patch
delta 36
rcmcbWeJ`8)G%qg~0}zO<wAsi#ft4|I@*Gwt7TuK8vd#Bc|L6k%(CQ1)

delta 31
mcmcbYeJh*$G%qg~0}%Y+l-<ZZft4|E@*GyD&5v0B=mP+wr3!@r

diff --git a/__pycache__/routes_discovery.cpython-312.pyc b/__pycache__/routes_discovery.cpython-312.pyc
index 7bfe54c78129c5e0797c9a1b59090e9e434e9a78..552b4128f4cef19046cb0e0c126317749c26f15f 100644
GIT binary patch
delta 36
qcmaFp^wf#_G%qg~0}zO<wAsjgfsHY0@*OrO7TuK8vdwbr&Qbu&mkNmh

delta 31
lcmaFr^w5d>G%qg~0}yn@%WmYpz{VIh`3{@YW+irKDFB-N2_ygj

diff --git a/__pycache__/routes_docker.cpython-312.pyc b/__pycache__/routes_docker.cpython-312.pyc
index 1a03312b5fba25716441cdf0062ef2b52914ad9f..89a30c387167c3eafb54bbde787a1974ccd7f3ed 100644
GIT binary patch
delta 36
qcmaDD{xqEXG%qg~0}zO<wAsil$;=o&S(Vv|MK>k2Y;!tul?DL35(&lt

delta 31
lcmaDF{xF>TG%qg~0}yNrm)*!M$;=o$S(Vvob2f981^|?a2!#Lu

diff --git a/__pycache__/routes_email.cpython-312.pyc b/__pycache__/routes_email.cpython-312.pyc
index 29a1e05b87280958929d6d16457e7534131d1985..95887c90d6109bc140fbe7874cee283ac668923d 100644
GIT binary patch
delta 36
qcmew;{Z*R#G%qg~0}zO<wAsjggp)CB@&!&O7TuK8vduzV_n863JPN@8

delta 31
lcmew={ZX3xG%qg~0}$8+%WmX8!pRsk`2wfYW-+e&%m9zl2?PKD

diff --git a/__pycache__/routes_project.cpython-312.pyc b/__pycache__/routes_project.cpython-312.pyc
index 11d1b2d20d8e598cfcef53bb7b2c364015ada132..6eead428b3b5ac3ab30729519dfca11000224e20 100644
GIT binary patch
delta 36
qcmbPIHlvLDG%qg~0}ynqvf0QzkCicE@+wv*7TuK8vdwQ;HB14^dkZcA

delta 31
lcmbPHHl>XFG%qg~0}ya7kln~VkCicG@+wxR%^z4bOaYG02^IhV

diff --git a/__pycache__/routes_system.cpython-312.pyc b/__pycache__/routes_system.cpython-312.pyc
index bef827eb4be2d47542406fe6190e3a715c2ea048..c399278a29b954cdf64a8e05d75624b68203e602 100644
GIT binary patch
delta 36
qcmbQ~HrI{&G%qg~0}zO<wAsi#g_kjW@&aBb7TuK8vdxcp%|!vVRtil3

delta 31
lcmbR1Hq(v!G%qg~0}#w{kln~Vg_kjS@&aC`&ChtvMFEJq2-^Sv

diff --git a/__pycache__/templates.cpython-312.pyc b/__pycache__/templates.cpython-312.pyc
index bde02ddc0e126a40fec91a8a2f2dd778c9057b9e..7c8fe0aaa162ce751c54df5d214f071a0f47a8bb 100644
GIT binary patch
delta 36
qcmbOzG*yWEG%qg~0}zO<wAsjQ#=;mp*@?x8MK>k2Y;y}sFAD&dy9nU`

delta 31
lcmbO#G*O8AG%qg~0}w2?likQ|#=_`7*@?wza|cT=3jlI82Y3Jg

diff --git a/__pycache__/utils.cpython-312.pyc b/__pycache__/utils.cpython-312.pyc
index 8caa9577af08a02c29141a31b9771aee775068bc..ae40b6bb15db59cf689bdd955e6bdae656a829d4 100644
GIT binary patch
delta 36
rcmdm5xwDe{G%qg~0}ynqvf0SJf|=2O@)l+%7TuK8vd!O^_geq}*A)yO

delta 31
mcmdm4xwVq}G%qg~0}xoulikR@f|=2K@)l;N&A*uUTL1u@2?{g-

diff --git a/logs/app.log b/logs/app.log
index ca48ba3..a01c5ba 100644
--- a/logs/app.log
+++ b/logs/app.log
@@ -446229,3 +446229,5 @@
 127.0.0.1 - - [25/Jun/2026 12:10:58] "GET /api/alerts HTTP/1.1" 200 -
 127.0.0.1 - - [25/Jun/2026 12:10:58] "GET /api/system/stats HTTP/1.1" 200 -
 127.0.0.1 - - [25/Jun/2026 12:11:07] "GET /api/projects HTTP/1.1" 200 -
+[2026-06-25 12:19:01] 项目服务管理面板 v3.4.1 初始化完成
+[2026-06-25 12:19:01] 启动 项目服务管理面板，端口: 16023
diff --git a/templates_full.txt b/templates_full.txt
index 9fc8901..5d1a3a1 100644
--- a/templates_full.txt
+++ b/templates_full.txt
@@ -177,6 +177,7 @@
                 <button onclick="filterType('cli')" class="filter-bar-btn" data-type="cli"><i class="ri-terminal-box-line"></i> CLI工具</button>
                 <button onclick="filterType('extension')" class="filter-bar-btn" data-type="extension"><i class="ri-chrome-line"></i> 插件</button>
                 <button onclick="showAddServiceModal()" class="filter-bar-btn add-btn"><i class="ri-add-circle-line"></i> 新增服务</button>
+                <button onclick="showTextBlockModal()" class="filter-bar-btn add-btn"><i class="ri-file-text-line"></i> 新增文本块</button>
             </div>
 
             <!-- 项目列表 -->
@@ -750,6 +751,47 @@
         </div>
     </div>
 
+    <!-- 新增/编辑文本块模态框 -->
+    <div id="textBlockModal" class="modal-overlay hidden">
+        <div class="card rounded-xl modal-content p-6">
+            <div class="flex items-center justify-between mb-4">
+                <h3 id="textBlockModalTitle" class="font-bold text-lg">新增文本块</h3>
+                <button onclick="closeTextBlockModal()" class="text-gray-400 hover:text-white"><i class="ri-close-line text-xl"></i></button>
+            </div>
+            
+            <form id="textBlockForm" onsubmit="saveTextBlock(event)">
+                <input type="hidden" id="textBlockId">
+                
+                <div class="mb-3">
+                    <label class="block text-gray-400 text-sm mb-1">标题 *</label>
+                    <input type="text" id="textBlockTitle" required class="w-full bg-gray-700 text-gray-200 px-3 py-2 rounded-lg" placeholder="例如：系统公告、使用说明">
+                </div>
+                
+                <div class="mb-3">
+                    <label class="block text-gray-400 text-sm mb-1">内容 *</label>
+                    <textarea id="textBlockContent" required rows="6" class="w-full bg-gray-700 text-gray-200 px-3 py-2 rounded-lg" placeholder="输入文本内容，支持多行"></textarea>
+                </div>
+                
+                <div class="mb-3">
+                    <label class="block text-gray-400 text-sm mb-1">颜色主题</label>
+                    <select id="textBlockColor" class="w-full bg-gray-700 text-gray-200 px-3 py-2 rounded-lg">
+                        <option value="blue">蓝色（信息）</option>
+                        <option value="green">绿色（成功）</option>
+                        <option value="yellow">黄色（警告）</option>
+                        <option value="red">红色（重要）</option>
+                        <option value="purple">紫色（提示）</option>
+                        <option value="gray">灰色（普通）</option>
+                    </select>
+                </div>
+                
+                <div class="flex justify-end gap-2">
+                    <button type="button" onclick="closeTextBlockModal()" class="btn bg-gray-600 hover:bg-gray-700 px-4 py-2 rounded-lg">取消</button>
+                    <button type="submit" class="btn bg-green-600 hover:bg-green-700 px-4 py-2 rounded-lg">保存</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
     <!-- 邮件通知规则模态框 -->
     <div id="emailRuleModal" class="modal-overlay hidden">
         <div class="card rounded-xl modal-content p-6">
@@ -1569,10 +1611,12 @@
                     const activeProjs = projs.filter(p => activeStatus[p.id] !== false);
                     const archivedProjs = projs.filter(p => activeStatus[p.id] === false);
                     
-                    if (activeProjs.length > 0) {
+                    if (activeProjs.length > 0 || getTextBlocks().length > 0) {
+                        const textBlocks = getTextBlocks();
                         const secId = 'section-web-active';
-                        html += `<div class="mb-6"><h2 class="text-lg font-semibold text-gray-300 mb-3 flex items-center gap-2 section-header" onclick="toggleSection('${secId}', this.querySelector('.chevron'))"><i class="ri-arrow-down-s-line chevron"></i><i class="${typeInfo.icon} text-${typeInfo.color}-400"></i>${typeInfo.name}<span class="text-sm text-gray-500">(${activeProjs.length})</span></h2><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3" id="${secId}">`;
+                        html += `<div class="mb-6"><h2 class="text-lg font-semibold text-gray-300 mb-3 flex items-center gap-2 section-header" onclick="toggleSection('${secId}', this.querySelector('.chevron'))"><i class="ri-arrow-down-s-line chevron"></i><i class="${typeInfo.icon} text-${typeInfo.color}-400"></i>${typeInfo.name}<span class="text-sm text-gray-500">(${activeProjs.length}${textBlocks.length > 0 ? '+' + textBlocks.length + '文本块' : ''})</span></h2><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3" id="${secId}">`;
                         activeProjs.forEach(p => { html += renderProjectCard(p, true); });
+                        textBlocks.forEach(b => { html += renderTextBlock(b); });
                         html += '</div></div>';
                     }
                     
@@ -1589,6 +1633,18 @@
                     html += '</div></div>';
                 }
             }
+            
+            // 如果没有Web服务项目但有文本块，单独渲染文本块区域
+            if (!grouped['web'] && (currentFilter === 'all' || currentFilter === 'web')) {
+                const textBlocks = getTextBlocks();
+                if (textBlocks.length > 0) {
+                    const secId = 'section-web-active';
+                    html += `<div class="mb-6"><h2 class="text-lg font-semibold text-gray-300 mb-3 flex items-center gap-2 section-header" onclick="toggleSection('${secId}', this.querySelector('.chevron'))"><i class="ri-arrow-down-s-line chevron"></i><i class="ri-server-line text-blue-400"></i>Web服务<span class="text-sm text-gray-500">(${textBlocks.length}文本块)</span></h2><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3" id="${secId}">`;
+                    textBlocks.forEach(b => { html += renderTextBlock(b); });
+                    html += '</div></div>';
+                }
+            }
+            
             list.innerHTML = html;
             // 应用已保存的折叠状态
             setTimeout(() => {
@@ -1816,6 +1872,126 @@
             localStorage.setItem('customServices', JSON.stringify(services));
         }
         
+        // ==================== 文本块管理 ====================
+        
+        function getTextBlocks() {
+            const stored = localStorage.getItem('textBlocks');
+            return stored ? JSON.parse(stored) : [];
+        }
+        
+        function saveTextBlocks(blocks) {
+            localStorage.setItem('textBlocks', JSON.stringify(blocks));
+        }
+        
+        function showTextBlockModal(blockId = null) {
+            const modal = document.getElementById('textBlockModal');
+            const title = document.getElementById('textBlockModalTitle');
+            const form = document.getElementById('textBlockForm');
+            
+            if (blockId) {
+                // 编辑模式
+                const blocks = getTextBlocks();
+                const block = blocks.find(b => b.id === blockId);
+                if (!block) return;
+                
+                title.textContent = '编辑文本块';
+                document.getElementById('textBlockId').value = block.id;
+                document.getElementById('textBlockTitle').value = block.title;
+                document.getElementById('textBlockContent').value = block.content;
+                document.getElementById('textBlockColor').value = block.color || 'blue';
+            } else {
+                // 新增模式
+                title.textContent = '新增文本块';
+                form.reset();
+                document.getElementById('textBlockId').value = '';
+            }
+            
+            modal.classList.remove('hidden');
+        }
+        
+        function closeTextBlockModal() {
+            document.getElementById('textBlockModal').classList.add('hidden');
+        }
+        
+        function saveTextBlock(event) {
+            event.preventDefault();
+            
+            const id = document.getElementById('textBlockId').value;
+            const title = document.getElementById('textBlockTitle').value.trim();
+            const content = document.getElementById('textBlockContent').value.trim();
+            const color = document.getElementById('textBlockColor').value;
+            
+            if (!title || !content) {
+                alert('请填写标题和内容');
+                return;
+            }
+            
+            const blocks = getTextBlocks();
+            
+            if (id) {
+                // 更新现有文本块
+                const index = blocks.findIndex(b => b.id === id);
+                if (index !== -1) {
+                    blocks[index] = { ...blocks[index], title, content, color, updatedAt: new Date().toISOString() };
+                }
+            } else {
+                // 创建新文本块
+                const newBlock = {
+                    id: 'tb_' + Date.now(),
+                    title,
+                    content,
+                    color,
+                    createdAt: new Date().toISOString(),
+                    updatedAt: new Date().toISOString()
+                };
+                blocks.push(newBlock);
+            }
+            
+            saveTextBlocks(blocks);
+            closeTextBlockModal();
+            renderProjects();
+        }
+        
+        function deleteTextBlock(blockId) {
+            if (!confirm('确定删除此文本块？')) return;
+            
+            const blocks = getTextBlocks();
+            const filtered = blocks.filter(b => b.id !== blockId);
+            saveTextBlocks(filtered);
+            renderProjects();
+        }
+        
+        function renderTextBlock(block) {
+            const colorMap = {
+                blue: { border: 'border-blue-500/30', bg: 'bg-blue-500/10', text: 'text-blue-400', icon: 'ri-information-line' },
+                green: { border: 'border-green-500/30', bg: 'bg-green-500/10', text: 'text-green-400', icon: 'ri-check-line' },
+                yellow: { border: 'border-yellow-500/30', bg: 'bg-yellow-500/10', text: 'text-yellow-400', icon: 'ri-alert-line' },
+                red: { border: 'border-red-500/30', bg: 'bg-red-500/10', text: 'text-red-400', icon: 'ri-error-warning-line' },
+                purple: { border: 'border-purple-500/30', bg: 'bg-purple-500/10', text: 'text-purple-400', icon: 'ri-lightbulb-line' },
+                gray: { border: 'border-gray-500/30', bg: 'bg-gray-500/10', text: 'text-gray-400', icon: 'ri-file-text-line' }
+            };
+            
+            const c = colorMap[block.color] || colorMap.blue;
+            const contentLines = block.content.split('\n').filter(l => l.trim()).slice(0, 5).join('<br>');
+            const hasMore = block.content.split('\n').filter(l => l.trim()).length > 5;
+            
+            return `
+                <div class="card rounded-lg p-3 hover:border-gray-500 transition-colors ${c.border} ${c.bg}">
+                    <div class="flex items-center justify-between mb-2">
+                        <div class="flex items-center gap-2">
+                            <i class="${c.icon} ${c.text}"></i>
+                            <h3 class="font-semibold text-sm truncate ${c.text}">${block.title}</h3>
+                        </div>
+                        <div class="flex items-center gap-1">
+                            <button onclick="showTextBlockModal('${block.id}')" class="text-blue-400 hover:text-blue-300" title="编辑"><i class="ri-edit-line text-xs"></i></button>
+                            <button onclick="deleteTextBlock('${block.id}')" class="text-red-400 hover:text-red-300" title="删除"><i class="ri-delete-bin-line text-xs"></i></button>
+                        </div>
+                    </div>
+                    <div class="text-gray-300 text-xs leading-relaxed whitespace-pre-line">${contentLines}${hasMore ? '<span class="text-gray-500">...</span>' : ''}</div>
+                </div>
+            `;
+        }
+        
         // ==================== 邮件通知规则管理 ====================
         
         function getEmailRules() {