From 4ff8b0b7a04eae91a1eb1296e43b7877bd4253a9 Mon Sep 17 00:00:00 2001 From: jinchao <383321154@qq.com> Date: Thu, 8 May 2025 17:01:57 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BE=85=E5=8A=9E=E4=BA=8B=E9=A1=B9=E6=9A=82?= =?UTF-8?q?=E6=9C=AA=E5=AE=8C=E5=85=A8=E5=AE=9E=E7=8E=B0?= 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/check-square.png | Bin 0 -> 3848 bytes XNSimHtml/assets/icons/png/check-square_b.png | Bin 0 -> 4251 bytes XNSimHtml/components/content-area.js | 3 + XNSimHtml/components/sub-toolbar.js | 10 +- XNSimHtml/components/todo-component.js | 311 ++++++++++++++++++ XNSimHtml/data/xnsim.db | 0 XNSimHtml/main.html | 20 +- XNSimHtml/routes/todos.js | 50 +++ XNSimHtml/routes/users.js | 22 ++ XNSimHtml/server.js | 4 + XNSimHtml/utils/db-utils.js | 234 ++++++++++++- 12 files changed, 645 insertions(+), 9 deletions(-) create mode 100644 XNSimHtml/assets/icons/png/check-square.png create mode 100644 XNSimHtml/assets/icons/png/check-square_b.png create mode 100644 XNSimHtml/components/todo-component.js create mode 100644 XNSimHtml/data/xnsim.db create mode 100644 XNSimHtml/routes/todos.js create mode 100644 XNSimHtml/routes/users.js diff --git a/Release/database/XNSim.db b/Release/database/XNSim.db index c9790f08b94711b98bb81c18d5f76e3e5ab69b5e..08d879ec4273223def45e7772f53890476c6be85 100644 GIT binary patch delta 1242 zcmb7DO-vI(6y8-3SX@_BtVD>LUO)m`T1*THA%!l6*dKx=k;KFlx`{QdHBb|8-G-uV z0ci!>T7_DFB5J7M4@FwUizhB7CdL>qCcCp;FKQxpr=3-*#6&0aW_P~tz3;twnc-d$ z+$$ouzrv4USUt3AXgIV}p$1K{A3JnBv|yb+Tmg|HYHcgEPOVWNsL#~%rxmI@R1qa& zdnaGCHILZORIFHh*qb<$NaQ++QJ+Xzvs+w9ax5`=kppWfu936{e?kDm;k9X6hS&-U=eU0x0p^4{98JEK@r$LcY^a%)r2_zt0 z9+y!roqZW1_+|GfpI#L1dSMNJ=75dKardWyKT3${IKRXpNG=&220?NbG3|vR5*OoF z6B}}2t!_~@6<)2sLu6?Lqawv`@B>Aq-*Mf7 zryAc`8o{&hy5|S{|G40JkEa^m;!DMDY}Zc$eTTItOB4zPe#zpp^xN6|tI01l9X*WJ z%+O|SyPlzyc}z*y5oJo7Raw?$G&9GTo(8x*Kj=Km4!D$MX6B@sHkzRI>h-ja>D2b> z&2%k#OSL)Ip$n@1|8RHNT=vM*9}_RYc_QmVZ#iJ(R`3Nc(`kuqN67A=>fhk_3i^+|M~|ll_zEZ delta 150 zcmZoTz}0YoYl5_33)x0$SD%;vIRi8QX$JnU{HOVE zZ5K3P+{-`tw7onxA7^1{YH>+seqM3&SNrW>?HRcnCI+yxG6Ic|+0M9u@e4mIFUNES zzUizN80A@*b(nQFHnK2p*SXBNgO!Q#+Q!C9jBNUzY~s$c(;u#6l-Pdl7Ngct02|IM ALjV8( diff --git a/XNSimHtml/assets/icons/png/check-square.png b/XNSimHtml/assets/icons/png/check-square.png new file mode 100644 index 0000000000000000000000000000000000000000..fa2199a679217c6abc79e43f42121ae2e99654de GIT binary patch literal 3848 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 NXybU~nYI7b{{jgo)U5yj literal 0 HcmV?d00001 diff --git a/XNSimHtml/assets/icons/png/check-square_b.png b/XNSimHtml/assets/icons/png/check-square_b.png new file mode 100644 index 0000000000000000000000000000000000000000..3574dd46463fe0777b7876aceeac9f1ffc17993f GIT binary patch literal 4251 zcmd5=X*|?j`=2y4mg;9hL(&f;#u5`k2{X-PhO$g3Q^uZs8T*oGERD6Hu~w8!ZpoTS z80r>7wjzxvlr4p9g-AVf|KI#yKF_=7d2yZdIp=de-*c|(I@kBQ&PleiFx@R8BLaay zb`uFW62I^KM_@wyw&Fr%A-~%ZOftnnD*I%=Kp=oE5r?sfpe)>pPP=4#up{>Kw+9@u z#2Xh-HI*Frxlr5voZPSoDqWLatRj^PBI(oOHVT@O!ZztCK=-NphH7v*sT3ehX8Q$R z9`EUQC;FRz3=IRcw-Jy7{vH`8oz0#s%=au7HoVdvzvWBlS`6=7ymEE@=2l*Qw4n3O zYjA);;w8`Sk#ECP*!i52?Kq^0u}5}ULA@c@w8V;}uxUNWd+Z}u{-|>x^D-dF`UMr= zzPm5ESm_%0&RA3#WL+}F9m=m@DDWo|7vjr3c3ovkJf;Q8CZ_ z-apYm$jFevgm(ee?+Zu2vU&T4(+mG}lDf?4v*f-WJYgUgG%K6tALBNCOfx}0?J=S4 zJKiaqxB0c@w2FN#b7cq@qF(=qqeO+{%znx#G&1S)u{G1C&($!kT31SeiJFp)6(+KV zkMfqAmzs4%WVsAjG6PVolkD2k3(55yBoRqx2JI6+m>HonaX965HXK=sd9IB4hAh^86PLw8 zo)pX^UCpKUnY+p(?gt1^U;`~LS65rSdJv!*u~DSfv%mO7LGR3Eg%Rc6b|-ZYffks{ zG+}#>r&LymBwr6(g~rx~JA^a0Or`~`%^W<_8c=>(Cpye8W>wNcHj~`#L|;5r7s!?> zu`5p(#4KrvH|Mj-9d~t<@@;`FR0H~Qg=;#YJITadQ251?j(nRRt}fu1XV^hq4dP`< zq}U5KmOdS+E)-lXY(oNAgXh!GjxJS4Sm*~Yvn2i}jOUx3$UNXTc zOD0x35*vkA1jL(b{z`Nn%YdrN(@EZCXl@GCTYB@|4df^k?S4Vl`(2_*nPAylZ_~ZI zcRM(x8I=3R1ZP8O%!-?%b0`*QhH_6cD5B3hdg<*af&{Pk_P@_P(h?i@XL&k$%sU7& ziApcY3|rjPTg{ItW5QiasjW3NHSwjTr3<=A+b8aN9wvUaR3OgKHr7O+mh>*6D5%i5 z=8Y$@SbBUp=U62YDCu(OD_hIV%xwPLd&{G}dI+&r*Oi*CC=6XLemkszHEUR%xah8D zPE}mbg3=_0ZjoMbCZi)f*qSXjj)dMrNerEZ!?FaNijo+lk-h8l?dzl>-djHnZr;|U z{LhoREU=DQuoUuYSkU;@#1sI3r%NIReH9E-UmaOYFKo=df)ucHg8i}r`MznoBT z?Kw1|ZzN0G82bX9^D(~JMTsja1be%!o_E{T`{i8cKRQ1QP%1IWZpP(wM$g11h_+&_WmtBOk z7t_eOoj&<=(mW~yXH2`!I~F!Z})wDE0s%I9S-c`#v(-kNS`|B6o6g3?z)hy7f%9UOaPT zR@L^XMP2ggy(+!8R0h_1&*pCgYI*?|5+-OKuJO~6JSSNB^6@l=QJ0+K$-zWD$w$x7 z^)nXkKO~KUgopawdhbAjOPalO$8v@J>+7JsmBw(Mk@>(v`B$&H9kdcmjezThYBJzL zl)%qD_TB+~nc^$l@#8F9zU`|@iczkTH!MqO6rQn=iHub&RwB=NJZ=-i)RtTvsEJ|V zU{tCEe!NQt4SiVo zJ}v9f8*;3UW(k1Q98fAOHOoS{W~5JUEOP>}3=SdpN?{5iD4w@jY-o*T7<%P~RBDOs z7tf4Qo_1E!$V>oU1&p`Eyc`@HbX9S1GuLrMBy}eMYhho0!L!+>sI^(Cj^!BqAPkdo zmqIhxuSxmUSaGrbH-kQQo)*-Yy>yqi$t?E%Zo!Xp+Y?SB9iukRw_cMq)rzf9(?j%G zQGCxGw?4b_&<|5nQ?A6IfwV->Yv7ELojfhUIl^pfP?bOls+89At}wnem)3Mv2$ND` z$!y~D`SxqOa(By$4ArnNCp}`FBO)TMtj_el`kvOK1);gYa?v5*_=Ne)6!-b4_ngGa zA%&e;K?lX}+zylt zdy1aVU8wrBaUlgXj)>6`>^UBgF4z%@@m(4Q7$vaJa4uE1~BAPos#U0 zeZLvJ%@?K<|U6mpwY6N3Sn2UZztDZ|_A^Yjqv%`oU5QEKW? zaqJbNlwzMttBOQ_n>c#t&J?zQx^h&~#Ct~x3oy7j$Nr8fv;s;VyA6T1L~@itnefr0M{CzVGz2dUX@~uh*i0qQRh6DU8e76w zC-Ky&Q)}OHzB1gOwH~cx|JIIe`=uBoiPX%}J``i1*1e~llT*s3WS_1vD^p8HI~JmO z_xVLjJ3od*z0wwsCozL;VASyIiZ6eXeYSchNC9KQB<~SvNoCeAi1_gR4$i@6@DJW; z26`EjC$tNWELW%Q*BlF<<5jG!=DkSvv?zZY(pjLLb9S0I9>! z-KslaNB_Fh(P$3^VWRtJLfH_g^kARssJZ}pEYgILudP0ldkmFN#QV$814P5j; zNS>NMX_uionuYk9KfKv5`Aj)r9^FHFp+nlT(7R8P4BNWqj7*BPXV zV~d4`^7KignMv^yvw((B--{DEuq?!IxiHWseyM!`q`STV>55NNSQwxq2?Ll0N}9)m z8N2!NQ8h;hBYS`^|NcloTaELW@I>bhFVsHI*!`l8x?lbdmAv{jf2Htz<|hzVWep^B zylhf|wfdl-pQtNGL}*K75lqBwPAU!LgfvVtaXp|q)VnIbYKq6TNN zDLEcxK!RzL3TCNm(qSvUv|wp%=wvY``l0aH-T|s*90*L=3II@=e&cKOZc~PiS5COP zEJikZ=YMKGBN1Bthi?tqCID<@#E$|Kz{rNa)8<1BTIEE6e5m*TG1ULN_KKuind07n zH%sxTdR~+={eX}g>n!A%%9MET_WndpEs(9tzsibY|HGd6FW-{NiA4FXa{}jC)s^n# zxnv10RYqZMJzifj5eejBAT+0N$h9L-GqujxWKZL|J+|4DE>W3n{mp)>EF!vCN5 zq=YSEMsSC@)7IL;b^qbo>HK2PkS3wXEP96OL#-ZBfgBS68hjv~+l}v^J=__J3!z#k zI#U3!IGsGFn2JP~gKY9b9tbN`snzc}xdb)3&u%Frh&&c?NhO(`bWSsP&?$gk{|MLO zs;5nESmNQcN}Xn|J-v7-dc&@pap;*G{ft){Q9m36Yubq@J)nQ0ShW3DJl+IGb(6p! zNTukSGPLQlmH*7{#D64L{BU=_K()k-m}ZtItE4Z!Wjgo%b?*aIuAdxRt*%rHy@qu6 z${i1d$zPSi_b0oPl`b;Y94e-{d2Dww#Cti(1QjcjNnl84UCIy*4+!hQ?pH{N7()b? z^F|7}x&G$roqdujta*)(!Aqgcfgg2nL21`QaqNd--(vxV1qGYY_Nie~Zl7r*&txz9 z 更新记录 -
- 系统信息 - 系统信息 +
+ 待办事项 + 待办事项
帮助 @@ -214,6 +214,10 @@ class SubToolbar extends HTMLElement {
+
+ 资源监控 + 资源监控 +
仿真监控 仿真监控 diff --git a/XNSimHtml/components/todo-component.js b/XNSimHtml/components/todo-component.js new file mode 100644 index 0000000..95ac0de --- /dev/null +++ b/XNSimHtml/components/todo-component.js @@ -0,0 +1,311 @@ +class TodoComponent extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: 'open' }); + this.todos = []; + this.selectedProject = null; + this.selectedSubproject = null; + this.expandedProjects = new Set(); + } + + async fetchTodos() { + try { + const response = await fetch('/api/todos'); + if (!response.ok) { + throw new Error('获取待办事项失败'); + } + this.todos = await response.json(); + this.render(); + } catch (error) { + console.error('获取待办事项时发生错误:', error); + this.showError('获取待办事项失败，请稍后重试'); + } + } + + showError(message) { + const errorDiv = document.createElement('div'); + errorDiv.className = 'error-message'; + errorDiv.textContent = message; + this.shadowRoot.appendChild(errorDiv); + } + + // 构建项目树结构 + buildProjectTree() { + const tree = {}; + this.todos.forEach(todo => { + const project = todo.project || '其它'; + const subproject = todo.subproject || '其它'; + + if (!tree[project]) { + tree[project] = { + name: project, + subprojects: {} + }; + } + if (!tree[project].subprojects[subproject]) { + tree[project].subprojects[subproject] = { + name: subproject, + todos: [] + }; + } + tree[project].subprojects[subproject].todos.push(todo); + }); + return tree; + } + + // 渲染项目树 + renderProjectTree(tree) { + const treeContainer = document.createElement('div'); + treeContainer.className = 'project-tree'; + + Object.values(tree).forEach(project => { + const projectNode = document.createElement('div'); + projectNode.className = 'project-node'; + + const projectHeader = document.createElement('div'); + projectHeader.className = 'project-header'; + projectHeader.innerHTML = ` +
+ ▶ + ${project.name} + (${Object.values(project.subprojects).reduce((sum, sub) => + sum + sub.todos.length, 0)}) +
+ `; + + projectHeader.addEventListener('click', () => { + this.selectedProject = project.name; + this.selectedSubproject = null; + this.render(); + }); + + const expandButton = projectHeader.querySelector('.expand-icon'); + expandButton.addEventListener('click', (e) => { + e.stopPropagation(); + if (this.expandedProjects.has(project.name)) { + this.expandedProjects.delete(project.name); + } else { + this.expandedProjects.add(project.name); + } + this.render(); + }); + + const subprojectsContainer = document.createElement('div'); + subprojectsContainer.className = 'subprojects-container'; + subprojectsContainer.style.display = this.expandedProjects.has(project.name) ? 'block' : 'none'; + + Object.values(project.subprojects).forEach(subproject => { + const subprojectNode = document.createElement('div'); + subprojectNode.className = 'subproject-node'; + subprojectNode.innerHTML = ` + ${subproject.name} + (${subproject.todos.length}) + `; + + subprojectNode.addEventListener('click', (e) => { + e.stopPropagation(); + this.selectedProject = project.name; + this.selectedSubproject = subproject.name; + this.render(); + }); + + subprojectsContainer.appendChild(subprojectNode); + }); + + projectNode.appendChild(projectHeader); + projectNode.appendChild(subprojectsContainer); + treeContainer.appendChild(projectNode); + }); + + return treeContainer; + } + + // 过滤待办事项 + filterTodos() { + if (!this.selectedProject) { + return this.todos; + } + + return this.todos.filter(todo => { + const matchesProject = todo.project === this.selectedProject; + if (!this.selectedSubproject) { + return matchesProject; + } + return matchesProject && todo.subproject === this.selectedSubproject; + }); + } + + render() { + // 清空现有内容 + this.shadowRoot.innerHTML = ''; + + // 添加样式 + const style = document.createElement('style'); + style.textContent = ` + .container { + display: flex; + height: 100%; + font-family: Arial, sans-serif; + } + .project-tree { + width: 250px; + background: #f8f9fa; + border-right: 1px solid #e9ecef; + padding: 15px; + overflow-y: auto; + } + .todo-container { + flex: 1; + padding: 20px; + overflow-y: auto; + } + .project-node { + margin-bottom: 10px; + } + .project-header { + padding: 8px; + background: #e9ecef; + border-radius: 4px; + cursor: pointer; + } + .project-header-content { + display: flex; + align-items: center; + gap: 8px; + } + .project-header:hover { + background: #dee2e6; + } + .expand-icon { + font-size: 12px; + transition: transform 0.2s; + color: #495057; + } + .expand-icon.expanded { + transform: rotate(90deg); + } + .subprojects-container { + margin-left: 20px; + margin-top: 5px; + } + .subproject-node { + padding: 6px 8px; + cursor: pointer; + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; + } + .subproject-node:hover { + background: #e9ecef; + } + .todo-count { + font-size: 0.9em; + color: #6c757d; + } + .todo-item { + background: #fff; + border: 1px solid #e9ecef; + border-radius: 8px; + padding: 15px; + margin-bottom: 15px; + box-shadow: 0 2px 4px rgba(0,0,0,0.05); + } + .todo-item h3 { + margin: 0 0 10px 0; + color: #212529; + } + .todo-item p { + margin: 5px 0; + color: #495057; + } + .todo-item .status { + display: inline-block; + padding: 4px 8px; + border-radius: 4px; + font-size: 0.9em; + margin-top: 10px; + } + .todo-item .status.completed { + background: #d4edda; + color: #155724; + } + .todo-item .status.pending { + background: #fff3cd; + color: #856404; + } + .todo-item .meta { + font-size: 0.85em; + color: #6c757d; + margin-top: 10px; + border-top: 1px solid #e9ecef; + padding-top: 10px; + } + .error-message { + color: #721c24; + padding: 10px; + background: #f8d7da; + border-radius: 4px; + margin: 10px; + } + .selected { + background: #cfe2ff !important; + } + `; + this.shadowRoot.appendChild(style); + + // 创建主容器 + const container = document.createElement('div'); + container.className = 'container'; + + // 构建并渲染项目树 + const tree = this.buildProjectTree(); + const treeContainer = this.renderProjectTree(tree); + container.appendChild(treeContainer); + + // 创建待办事项列表容器 + const todosContainer = document.createElement('div'); + todosContainer.className = 'todo-container'; + + // 渲染过滤后的待办事项 + const filteredTodos = this.filterTodos(); + filteredTodos.forEach(todo => { + const todoElement = document.createElement('div'); + todoElement.className = 'todo-item'; + + // 格式化日期 + const createdDate = new Date(todo.created_at).toLocaleString('zh-CN'); + const scheDate = new Date(todo.sche_time).toLocaleString('zh-CN'); + const completeDate = todo.complete_time ? + new Date(todo.complete_time).toLocaleString('zh-CN') : '未完成'; + + todoElement.innerHTML = ` +

${todo.title}

+

${todo.text || '无详细描述'}

+

项目：${todo.project}

+

子项目：${todo.subproject}

+

执行人：${todo.exeuser || '未分配'}

+

计划时间：${scheDate}

+
+ ${todo.completed ? '已完成' : '进行中'} +
+
+

创建人：${todo.adduser}

+

创建时间：${createdDate}

+

完成时间：${completeDate}

+
+ `; + todosContainer.appendChild(todoElement); + }); + + container.appendChild(todosContainer); + this.shadowRoot.appendChild(container); + } + + connectedCallback() { + // 组件被添加到DOM时获取数据 + this.fetchTodos(); + } +} + +customElements.define('todo-component', TodoComponent); \ No newline at end of file diff --git a/XNSimHtml/data/xnsim.db b/XNSimHtml/data/xnsim.db new file mode 100644 index 0000000..e69de29 diff --git a/XNSimHtml/main.html b/XNSimHtml/main.html index 99dea6e..8fc2654 100644 --- a/XNSimHtml/main.html +++ b/XNSimHtml/main.html @@ -32,6 +32,9 @@ + + +