🎯 系统概览
➕ 新建模板
📋 模板示例
🔄 动态字段
🌟 系统特性
本模板管理系统具有以下特性:
- 📡 API驱动:所有数据通过REST API管理,支持CRUD操作
- 🔄 实时同步:新增模板立即在动态文书生成器中可用
- 📝 智能字段:支持动态表单字段和条件显示
- 🎨 可视化管理:直观的卡片式界面,支持预览和编辑
- 💾 数据持久化:基于SQLite数据库存储
📊 数据流程
1. 模板创建 → 保存到数据库 → 2. API提供数据 → 动态生成器获取 → 3. 用户使用
🔗 相关页面
- 模板管理器:当前页面,用于管理模板
- 动态文书生成器:
/dynamic_web_generator.html - 用户生成文书的界面
- API文档:
/docs - Swagger接口文档
➕ 如何新建模板
📝 步骤1:基本信息
- 模板名称:简洁明了的名称,如"劳动仲裁申请书"
- 模板描述:详细说明模板用途和适用场景
- 图标:使用Emoji,如 ⚖️ 📄 📋 ✉️ 📜
- 分类:便于归类,如"仲裁申请"、"监察投诉"、"离职通知"
- 法律依据:相关的法律条文引用
📄 步骤2:模板内容
在模板内容中使用 {变量名} 格式定义占位符:
劳动争议仲裁申请书
申请人:{applicantName},{applicantGender},身份证号码:{applicantIdCard}
被申请人:{respondentName},地址:{respondentAddress}
仲裁请求:
{generated_requests}
此致
{arbitrationAddress}
申请人:{applicantName}
{formatted_application_date}
🏷️ 步骤3:表单字段配置
JSON格式定义表单字段:
[
{
"field": "applicantName",
"label": "申请人姓名",
"type": "text",
"default": "马大帅",
"required": true
},
{
"field": "applicantAddress",
"label": "申请人地址",
"type": "textarea",
"default": "辽宁省铁岭市银州区工人街32号"
}
]
🎯 步骤4:选择项目配置
用于复选框选择:
[
{
"id": "item1",
"label": "确认劳动关系",
"description": "确认与用人单位存在劳动关系"
},
{
"id": "item2",
"label": "支付拖欠劳动报酬",
"description": "要求支付被拖欠的工资"
}
]
📊 步骤5:变量定义
定义动态变量:
[
{
"var": "a",
"label": "入职日期",
"type": "date",
"required": true
},
{
"var": "c",
"label": "拖欠工资金额",
"type": "number",
"required": false
}
]
📋 完整模板示例
🏢 示例:工作证明模板
场景:员工需要开具工作证明用于银行贷款、签证申请等
📄 模板内容:
工作证明
兹证明{employeeName},身份证号:{employeeIdCard},自{startDate}起在我单位工作,现任{position}职务,月薪{monthlySalary}元。
该员工工作认真负责,遵守公司规章制度,特此证明。
此证明仅用于{purpose},不作他用。
{companyName}
人力资源部
{issueDate}
🏷️ 表单字段:
[
{"field": "employeeName", "label": "员工姓名", "type": "text", "default": "张三"},
{"field": "employeeIdCard", "label": "身份证号", "type": "text", "default": ""},
{"field": "companyName", "label": "公司名称", "type": "text", "default": "XXX有限公司"},
{"field": "position", "label": "职务", "type": "text", "default": "软件工程师"},
{"field": "purpose", "label": "证明用途", "type": "text", "default": "银行贷款"}
]
📊 变量定义:
[
{"var": "startDate", "label": "入职日期", "type": "date", "required": true},
{"var": "issueDate", "label": "开具日期", "type": "date", "required": true},
{"var": "monthlySalary", "label": "月薪", "type": "number", "required": true}
]
💡 提示:保存后,该模板会立即在动态文书生成器中可用!
🔄 动态字段配置指南
🎯 动态字段原理
动态字段根据用户选择的项目,自动显示相应的表单字段。这样可以:
- 📱 简化界面:只显示用户需要的字段
- 🎯 提升体验:减少无关信息干扰
- 📝 灵活组合:支持多选项目组合
⚙️ 配置步骤
1️⃣ 在选择项目中定义选项
[
{"id": "item1", "label": "确认劳动关系", "description": "..."},
{"id": "item2", "label": "支付拖欠工资", "description": "..."}
]
2️⃣ 修改动态生成器代码
在 dynamic_web_generator.html 的 showDynamicFields 函数中添加:
case 'item1': // 确认劳动关系
fieldsHTML += `
<div class="form-section">
<h3>⚖️ 确认劳动关系相关信息</h3>
<div class="form-group">
<label>入职日期 *</label>
<input type="date" name="var_a">
</div>
</div>
`;
break;
3️⃣ 变量命名规范
var_a - 入职日期
var_c - 拖欠工资金额
var_k - 加班小时数
var_customDate1 - 自定义日期1
⚠️ 注意:添加新的动态字段需要同时修改前端代码。未来版本将支持纯配置化的动态字段。