问题优化

js/aq_demand_plan/apply_plan_list.js

@@ -243,4 +243,8 @@ function editApplyPlan(obj) {
 // 详情
 function applyPlanDetail(obj) {
     openIframeByParamObj("apply_plan_detail", "详情", "./child/apply_plan_detail.html", "92%", "95%", obj);
+}
+
+function showHelp(type){
+    openIframeByParamObj("show_help", "功能说明", "../show_help.html", "50%", "75%", type);
 }

js/demandPlan/apply_plan_list.js

@@ -248,3 +248,7 @@ function editApplyPlan(obj) {
 function applyPlanDetail(obj) {
     openIframeByParamObj("apply_plan_detail", "详情", "./child/apply_plan_detail.html", "92%", "95%", obj);
 }
+
+function showHelp(type){
+    openIframeByParamObj("show_help", "功能说明", "../show_help.html", "50%", "75%", type);
+}

page/aq_demand_plan/apply_plan_list.html

@@ -19,8 +19,8 @@
                 <legend>搜索信息</legend>
                 <div style="margin: 10px 10px 10px 10px">
                     <form class="layui-form layui-form-pane" action="#" onsubmit="return false;">
-                        <div class="layui-form-item">
+                        <div class="layui-form-item" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;">
-                            <div class="layui-inline">
+                            <div class="layui-inline" style="margin-right: 10px;">
                                 <div class="layui-input-inline" style="width: 310px;">
                                     <input type="text" name="keyWord" id="keyWord" autocomplete="off"
                                         class="layui-input" lay-affix="clear" placeholder="输入关键字（计划编号/工程名称/申请人）" maxlength="30">
@@ -36,7 +36,9 @@
                                     </select>
                                 </div>
                             </div>
-                            <div class="layui-inline">
+                            <div class="layui-inline" style="display: flex; align-items: center; flex: 1; justify-content: space-between;">
+                                <!-- 按钮组 -->
+                                <div style="white-space: nowrap;">
                                 <button class="layui-btn layui-bg-blue" onclick="queryTable(1)"><i
                                         class="layui-icon"></i> 搜 索</button>
                                 <button class="layui-btn layui-btn-primary" onclick="queryTable(2)"><i
@@ -47,6 +49,13 @@
                                         class="layui-icon layui-icon-download-circle"></i> 导 出</button>
                                 <button class="layui-btn layui-btn-primary" onclick="showProcess()"><i
                                         class="layui-icon layui-icon-spread-left"></i> 查 看 流 程</button>
+                                </div>
+                                <!-- 问号按钮 -->
+                                <div>
+                                    <button class="layui-btn layui-btn-normal" title="功能说明" onclick="showHelp(2)">
+                                        <i class="layui-icon layui-icon-help"></i>
+                                    </button>
+                                </div>
                             </div>
                         </div>
                     </form>

page/demandPlan/apply_plan_list.html

@@ -19,14 +19,16 @@
                 <legend>搜索信息</legend>
                 <div style="margin: 10px 10px 10px 10px">
                     <form class="layui-form layui-form-pane" action="#" onsubmit="return false;">
-                        <div class="layui-form-item">
+                        <div class="layui-form-item" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;">
-                            <div class="layui-inline">
+                            <div class="layui-inline" style="margin-right: 10px;">
                                 <div class="layui-input-inline" style="width: 310px;">
                                     <input type="text" name="keyWord" id="keyWord" autocomplete="off"
                                         class="layui-input" lay-affix="clear" placeholder="输入关键字（计划编号/工程名称/申请人）" maxlength="30">
                                 </div>
                             </div>
-                            <div class="layui-inline">
+                            <div class="layui-inline" style="display: flex; align-items: center; flex: 1; justify-content: space-between;">
+                                <!-- 按钮组 -->
+                                <div style="white-space: nowrap;">
                                 <button class="layui-btn layui-bg-blue" onclick="queryTable(1)"><i
                                         class="layui-icon"></i> 搜 索</button>
                                 <button class="layui-btn layui-btn-primary" onclick="queryTable(2)"><i
@@ -37,6 +39,13 @@
                                         class="layui-icon layui-icon-download-circle"></i> 导 出</button>
                                 <button class="layui-btn layui-btn-primary" onclick="showProcess()"><i
                                         class="layui-icon layui-icon-spread-left"></i> 查 看 流 程</button>
+                                </div>
+                                <!-- 问号按钮 -->
+                                <div>
+                                    <button class="layui-btn layui-btn-normal" title="功能说明" onclick="showHelp(3)">
+                                        <i class="layui-icon layui-icon-help"></i>
+                                    </button>
+                                </div>
                             </div>
                         </div>
                     </form>

page/show_help.html

@@ -0,0 +1,117 @@
+<!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.4.1.min.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>1、用户填写相关信息后提交，由相关负责人进行审批。</p>
+<!--                        <p>注意事项：</p>-->
+<!--                        <ul>-->
+<!--                            <li>请确保所填信息真实有效；</li>-->
+<!--                            <li>上传附件需为PDF格式，大小不超过10MB；</li>-->
+<!--                            <li>审批流程最长不超过3个工作日。</li>-->
+<!--                        </ul>-->
+                    `
+            },
+            2: {
+                title: '安全工器具需求计划功能说明',
+                content: `
+                        <p><strong>安全工器具需求计划功能说明</strong>：用于安全工器需求计划的申请、审批、记录</p>
+                        <p>1、用户填写相关信息后提交，由相关负责人进行审批。</p>
+<!--                        <p>如流程异常，请联系管理员。</p>-->
+                    `
+            },
+            3: {
+                title: '工器具需求计划功能说明',
+                content: `
+                        <p><strong>工器具需求计划功能说明</strong>：用于工器具需求计划的申请、审批、记录</p>
+                        <p>1、用户填写相关信息后提交，由相关负责人进行审批。</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>