v78 服务端:首页任务改成「就地处理」面板 + 新建任务搬到首页

用户原话:
「网页端,首页点击一个任务后,除了展示信息,应该有相应的功能,可以修改状态:
  待办、进行中,可以挪动分组,可以拖动上传附件,可以添加评论,添加子任务等。
  其目地,是为了让用户不离开首页,就能对任务进行简单的处理。」
「另外,在全部任务旁边,放一个新建任务的功能,其实就是把任务中的新建和编辑功能,
  搬过来,用弹出框来处理。」

一、首页任务浮层由「只读信息」改成「可操作面板」
- 新增 templates/tasks/_panel.php:状态三段 / 看板 chips(带看板色)/
  子任务(复用 _task_check.php)/ 附件拖放框(复用 _attachments.php)/ 讨论
- 新增路由 tasks/panel:只吐一块 HTML(找不到 404)
- 既有七个动作路由各加一条 ajax_panel 回包分支(状态 / 挪分组 / 新建子任务 /
  评论增删 / 附件增删),没有新开写接口
- helpers.php 新增 task_panel_wanted() / task_panel_json();
  fb_entry_json() 的 payload 增加 panel 字段(只有任务会给)
- 每次动作回**整块新面板**:一次动作会牵动子任务计数、附件张数、看板选中态,
  逐处同步 DOM 必然漏一处
- 拖进来的附件**立刻上传**(任务已存在,不该再让用户点一次保存),
  不复用 _stage_drop.php 那套「暂存 + 认领」

二、新建任务搬到首页
- 从 templates/tasks/index.php 抽出公共片段 templates/tasks/_add_modal.php
  (字段与原来一字未改),首页与任务页共用同一份
- 新增 assets/js/task_add.js 管开关(两页共用,幂等绑定);
  打开那一刻才 fbUpgradeRange() + fbBootAntd()(hidden 时宽高为 0,antd 会定位错乱)
- App\HomeCards 登记表里加 add => 新建任务,首页卡头与「全部任务」并排
- tasks/create 支持 back=home(白名单),新建完回首页

三、其它
- assets/js/task_panel.js:事件委托;动作后整块换面板;
  顺手同步首页那张卡的状态徽标与复选框(关掉浮层不能还是旧状态);
  传附件时保住用户写了一半的留言与子任务标题;取不到面板时退回只读信息
- app.css 追加面板样式(含 color-mix 的 @supports 兜底)与卡片窄到宽 2 时允许折行

验证:本地 e2e 1558/0、几何 428/0 + 660/0、v78 反向验证 11/0、
片段作用域体检 35/0、php -l 与 node --check 全过
This commit is contained in:
2026-10-22 12:40:14 +08:00
parent 036e208809
commit 40fd6c501c
13 changed files with 1216 additions and 178 deletions
+62
View File
@@ -0,0 +1,62 @@
/* ============================================================================
「新建任务」弹框的开关(v78)
----------------------------------------------------------------------------
用户原话(2026-10-22):「在全部任务旁边,放一个新建任务的功能,其实就是把任务中的
新建和编辑功能,搬过来,用弹出框来处理。」
两个入口、一张弹框:
· 任务看板页(`tasks/index.php`)页头那颗「新建任务」;
· 首页「近期任务」卡片右上角那颗(在「全部任务」右边)。
两处都是 `data-tk-add-open`,弹框本体是 `templates/tasks/_add_modal.php`。
为什么单独成一个脚本(而不是各页写一段内联):
· 内联脚本在 AJAX 换正文时**不会被重跑**(v42/v47 连着栽过两次);
· 两个入口各写一段,必然有一处忘了在**打开那一刻**再 boot 一次日期控件 ——
而弹框初始是 `hidden`,antd 面板拿到 0 尺寸会定位到屏幕左上角
(`tasks/show.php` 的编辑弹框就是为这个专门 boot 过,这里照抄同一手法)。
⚠️ 全站加载,但有幂等闸门、页面里没有这张弹框时**什么都不做**(几行判断而已)。
============================================================================ */
(function () {
'use strict';
if (window.__fbTkAddBound) { return; }
window.__fbTkAddBound = true;
function card() { return document.getElementById('taskAddCard'); }
function setOpen(on) {
var c = card();
if (!c) { return; }
c.hidden = !on;
if (!on) { return; }
/* 打开这一刻才升级日期控件(hidden 时宽高为 0,antd 面板会定位错乱)。
两步都要:先绑自建下拉(兜底),再挂 antd(正主);两个函数都自判幂等。 */
if (window.fbUpgradeRange) { window.fbUpgradeRange(); }
if (window.fbBootAntd) { window.fbBootAntd(); }
var t = document.getElementById('tk-title');
if (t) { t.focus(); }
}
function antdOpen() {
var d = document.querySelector('.ant-picker-dropdown');
return !!(d && !d.classList.contains('ant-picker-dropdown-hidden'));
}
document.addEventListener('click', function (e) {
var t = e.target;
if (!t || !t.closest) { return; }
if (t.closest('[data-tk-add-open]')) { e.preventDefault(); setOpen(true); return; }
if (t.closest('[data-tk-add-close]')) { e.preventDefault(); setOpen(false); return; }
var c = card();
/* 点遮罩关、点面板内不关 —— 与站内其它浮层同一套行为 */
if (c && t === c) { setOpen(false); }
});
document.addEventListener('keydown', function (e) {
if (e.key !== 'Escape') { return; }
var c = card();
if (!c || c.hidden) { return; }
if (antdOpen()) { return; } // 让 antd 先收它自己的面板
setOpen(false);
});
})();