lijing
6610623cf6
build / build (push) Successful in 3m28s
按用户要求，把 NoticeFront 里这两块 UI 原样搬到助手表单（不再自制近似控件）：
- 正文 → wangEditor v5（@wangeditor/editor + @wangeditor/editor-for-vue）。
提交给后端的是 **HTML 字符串**，与模块页 NoticeRequest.content 一致；
插图上传走 /api/file/UploadImage、预览走 /api/file/Preview?id=（地址由后端下发，
统一由编排层拼模块前缀）。异步 chunk 加载，避免把 800KB 编辑器塞进首屏。
- 通知对象 → 1:1 搬运模块页 components/UserCheckInput.vue + UserCheckModal.vue：
radio「全部用户 / 指定用户」+ 只读回显 + ＋/清空 + 选人弹窗（左 zTree 组织树勾选级联 /
右已选列表 / 全选 / 删除选中 / 按名字搜索回勾）；v-model 值是字符串（"all" 或 id 逗号串）。
- 全局依赖 jQuery + zTree 按模块页的方式由 index.html 全局加载（public/libs/），
不用 npm 引入 —— 保证加载顺序（zTree 必须在 jQuery 之后）与样式/图标与模块页完全一致。
已确认模块页的 lodash 实际未被使用，故不引入。
FormCard 新增两个 widget 分支，每一处都对齐模块页口径：
- richtext：初值取字符串、提交原 HTML，只读摘要用剥标签后的纯文本；
- userpicker：初值数组 join / 字符串原样（空则 allToken）、提交字符串；
★ 跳过下拉字典的「拍平 + 取值对齐」—— 那条路会把人员 id 串判成「认不出的值」清掉，
等于把模型/用户已经选好的人悄悄抹掉；
- 两者都独占整行（自适应多列会把单选组挤到换行）。
验证：.scratch/verify-notice-publish-widgets.mjs 真机 38/38（含正文真实打字、
两个数据源页签、勾选回显、以及提交体 receiveList 必须是字符串 "101"、content 必须是 <p>…）。
npm run build 通过（RichTextEditor 单独成 chunk）。
46 lines
2.1 KiB
HTML
46 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<!-- 运行时配置引导：在任何应用模块执行前同步拉取 /<contextPath>/api/env-config
|
|
（后端免登录端点，projman 配置管理在线维护），替代生产构建环境变量。
|
|
target = URL 第 2 段目录名：本应用产物部署于 /{contextPath}/front/，故为 front。 -->
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var seg = location.pathname.split("/").filter(Boolean);
|
|
if (seg.length < 2) return; // 本地开发（根路径）：走 .env.dev
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open("GET", "/" + seg[0] + "/api/env-config?target=" + encodeURIComponent(seg[1]), false);
|
|
xhr.send(null);
|
|
if (xhr.status === 200) {
|
|
var conf = JSON.parse(xhr.responseText);
|
|
if (conf && typeof conf === "object") window.__APP_CONFIG__ = conf;
|
|
}
|
|
} catch (e) {
|
|
/* 拉取失败保持未设置，走同域推导兜底 */
|
|
}
|
|
})();
|
|
</script>
|
|
<title><%- title %></title>
|
|
<!-- 业务模块组件的全局依赖（照搬 NoticeFront/index.html 的加载方式）。
|
|
★ zTree 是 jQuery 插件，**必须**在 jquery 之后、且在应用脚本之前加载：
|
|
组件里的 `$.fn.zTree` 是在方法调用期求值的，晚一步就会 `undefined.init`。
|
|
为什么不用 npm 引入：模块前端本来就是用 public/libs 下的静态文件全局加载的，
|
|
搬过来保持同一种加载方式，行为与模块页完全一致（含 zTree 自带样式与图标）。 -->
|
|
<link rel="stylesheet" href="./libs/ztree/zTreeStyle.css" />
|
|
<script src="./libs/jquery.min.js"></script>
|
|
<script src="./libs/ztree/jquery.ztree.all.min.js"></script>
|
|
<%- injectScript %>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
|
|
</html>
|