feat(文档库): 编辑器内渲染占位符与勾选框胶囊

This commit is contained in:
yelan
2026-09-18 13:03:11 +08:00
parent 8b1cbee16f
commit 9062d0b3c5
8 changed files with 841 additions and 11 deletions
@@ -7,6 +7,7 @@ import {
buildFieldToken,
collectFieldDefs,
findDuplicateFields,
SIGNING_FIELD_KIND_LABELS,
SIGNING_FIELD_PRESETS,
} from '@/utils/signing-fields'
@@ -138,13 +139,8 @@ const placeholderHints = computed(() => {
return hints
})
const kindLabels: Record<string, string> = {
text: '文本',
date: '日期',
choice: '单选',
checkbox: '勾选',
signature: '签名',
}
// 类型中文名与编辑器胶囊、签署端提示共用一份(utils/signing-fields)
const kindLabels = SIGNING_FIELD_KIND_LABELS
async function handleDocxChange(event: Event) {
const input = event.target as HTMLInputElement
@@ -349,6 +345,7 @@ function save() {
<span v-else class="docx-hint">
建议从 Word/WPS
中全选复制文书后直接粘贴到下方编辑区;需要患者勾选的内容可点上方「插入勾选框」按钮插入(光标停在表格单元格里就插到该单元格),或用表头含「勾选」列的表格承载。
占位符与勾选框在编辑区会显示成带类型标签的胶囊,便于和正文区分。
</span>
</div>
<p class="docx-header-note">