117 lines
4.2 KiB
HTML
117 lines
4.2 KiB
HTML
<!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 引入 -->
|
||
<script src="../lib/jquery-3.4.1/jquery-3.7.1.min.js.js" charset="utf-8"></script>
|
||
<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> |