qiukai/ziwei-power
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.1.26 — 本周重点每条任务支持备注

Browse Source
This commit is contained in:
mac
2026-07-28 16:19:59 +08:00
parent e5d416f89f
commit 5415b6a963
2 changed files with 35 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
static/app.js
View File

@@ -241,10 +241,13 @@
function buildData() {
var morningItems = [];
var mEls = document.querySelectorAll('#morning-list .item-row input');
for (var i=0; i<mEls.length; i++) {
var v = mEls[i].value.trim();
if (v) morningItems.push(v);
var mRows = document.querySelectorAll('#morning-list .item-row');
for (var i=0; i<mRows.length; i++) {
var input = mRows[i].querySelector('input');
var noteEl = mRows[i].querySelector('.item-note');
var v = input ? input.value.trim() : '';
var n = noteEl ? noteEl.value.trim() : '';
if (v) morningItems.push(n ? {text: v, note: n} : v);
}
// 收集日历日程
var calEls = document.querySelectorAll('#morning-calendar-list .cal-task-item span:last-child');
@@ -345,13 +348,17 @@
var idx = container.children.length;
var text = typeof val === 'string' ? val : (val && val.text ? val.text : '');
text = text || '';
var note = (val && val.note) ? val.note : '';
var hasNote = !!note;
var div = document.createElement('div');
div.className = 'item-row';
div.draggable = true;
div.innerHTML = '<span class="drag-handle" title="拖动排序">⋮⋮</span>' +
'<span class="idx">' + (idx+1) + '.</span>' +
'<input type="text" value="' + esc(text) + '" placeholder="本周最重要的一件事…">' +
'<button class="btn-del" onclick="this.parentElement.remove();renumberMorning()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>';
'<button class="btn-note-toggle' + (hasNote ? ' has-note' : '') + '" onclick="toggleItemNote(this)" title="备注">💬</button>' +
'<button class="btn-del" onclick="this.parentElement.remove();renumberMorning()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
'<textarea class="item-note" placeholder="备注…" style="display:' + (hasNote ? 'block' : 'none') + '">' + esc(note) + '</textarea>';
div.addEventListener('dragstart', dragStart);
div.addEventListener('dragover', dragOver);
div.addEventListener('drop', function(e){ dragDrop.call(this, e, 'morning-list'); });
@@ -360,6 +367,20 @@
renumberMorning();
}
window.toggleItemNote = function(btn) {
var row = btn.closest('.item-row');
var note = row.querySelector('.item-note');
var showing = note.style.display === 'block';
note.style.display = showing ? 'none' : 'block';
if (!showing) {
btn.classList.add('has-note');
note.focus();
} else if (!note.value.trim()) {
btn.classList.remove('has-note');
}
triggerAutoSave();
};
function renumberMorning() {
var rows = document.querySelectorAll('#morning-list .item-row');
for (var i=0; i<rows.length; i++) {

9
static/style.css
View File

@@ -1817,3 +1817,12 @@ body {
.item-row.dragging, .evening-row.dragging { opacity: 0.5; }
.item-row.drag-over, .evening-row.drag-over { border-color: var(--primary) !important; background: var(--primary-light); }
.evening-drag { position: absolute; left: 6px; top: 8px; }
/* 任务备注 */
.btn-note-toggle { display: none; background: none; border: none; cursor: pointer; font-size: 14px; padding: 2px 4px; border-radius: 4px; transition: all 0.15s; flex-shrink: 0; }
.card.editing .btn-note-toggle { display: inline-flex; }
.btn-note-toggle:hover { background: var(--bg); }
.btn-note-toggle.has-note { color: var(--primary); }
.item-note { display: none; width: 100%; padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; font-family: inherit; color: var(--text); background: var(--bg); resize: vertical; min-height: 28px; box-sizing: border-box; margin-top: 6px; }
.item-note:focus { outline: none; border-color: var(--primary); }
.item-row { flex-wrap: wrap; }