gz_car_ui/page/show_help.html

117 lines
4.2 KiB
HTML
Raw Normal View History

2025-07-07 11:16:31 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>功能说明</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../lib/layui-v2.9.18/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../css/font.css" media="all">
<link rel="stylesheet" href="../css/public.css" media="all">
<style>
/* 增加全局字体大小 */
body {
font-size: 16px; /* 默认字体大小 */
}
/* 针对 legend 和内容区域的字体大小调整 */
.table-search-fieldset legend {
font-size: 18px; /* 调整标题大小 */
font-weight: bold;
}
#content {
font-size: 16px; /* 调整内容字体大小 */
}
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<!-- 动态 legend -->
<legend id="fieldLegend">功能说明</legend>
<div style="padding: 20px;">
<!-- 动态内容区域 -->
<div id="content" style="line-height: 1.5em; color: #333;"></div>
</div>
</fieldset>
</div>
</div>
<!-- JS 引入 -->
2025-08-24 18:45:00 +08:00
<script src="../lib/jquery-3.4.1/jquery-3.7.1.min.js.js" charset="utf-8"></script>
2025-07-07 11:16:31 +08:00
<script src="../js/public.js" charset="utf-8"></script>
<script src="../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
<script src="../js/openIframe.js" charset="utf-8"></script>
<script>
function setParams(obj) {
console.log(obj);
let objParam = JSON.parse(obj);
console.log(objParam);
// 初始化 Layui 模块
layui.use(['form', 'layer', 'laydate', 'upload', 'table'], function () {
const form = layui.form;
const layer = layui.layer;
form.render();
});
// 获取 DOM 元素
const contentDiv = document.getElementById('content');
const fieldLegend = document.getElementById('fieldLegend');
// 定义标题和内容映射关系
const helpContentMap = {
1: {
title: '需求计划申请说明',
content: `
<p><strong>需求计划申请</strong>:用于项目初期提出物资采购或使用计划。</p>
<p>用户填写相关信息后提交,由相关负责人进行审批。</p>
<p>注意事项:</p>
<ul>
<li>请确保所填信息真实有效;</li>
<li>上传附件需为PDF格式大小不超过10MB</li>
<li>审批流程最长不超过3个工作日。</li>
</ul>
`
},
2: {
title: '查看流程说明',
content: `
<p><strong>查看流程</strong>:展示当前单据的审批流程图及处理记录。</p>
<p>支持查看每一步审批人、审批意见及时间。</p>
<p>如流程异常,请联系管理员。</p>
`
},
3: {
title: '导出功能说明',
content: `
<p><strong>导出功能</strong>:将当前查询结果导出为 Excel 文件。</p>
<p>导出数据包含所有字段信息,便于离线分析与存档。</p>
<p>注意:数据量过大时建议分页导出。</p>
`
}
};
// 默认内容
const defaultContent = {
title: '功能说明',
content: '<p>暂无与当前参数匹配的功能说明。</p>'
};
// 获取对应内容
const selected = helpContentMap[objParam] || defaultContent;
// 设置标题和内容
fieldLegend.textContent = selected.title;
contentDiv.innerHTML = selected.content;
}
</script>
</body>
</html>