projectmanager/app/workorder/view/index/edit.html

<form class="layui-form page-content p-4" lay-filter="webform">
    <input type="hidden" name="id" id="id" value="<?php echo isset($detail['id']) ? $detail['id'] : ''; ?>">
    <h3 class="h3-title">处理工单</h3>
    <table class="layui-table layui-table-form">
        <tr>
          <td class="layui-td-gray-2">分派处理人<font>*</font>
          </td>
          <td>
            <select name="solve" lay-verify="required" lay-reqText="请选择处理人" class="layui-select" lay-search=""
              lay-filter="solve"></select>
          </td>
          <td class="layui-td-gray-2">工单状态<font>*</font>
          </td>
          <td colspan="3">
              <select name="status" lay-verify="required" lay-reqText="请选择工单状态" class="layui-select">
                  <option value="">请选择工单状态</option>
                  <option value="1">解决中</option>
                  <option value="2">已解决</option>
                  <option value="3">已关闭</option>
              </select>
          </td>
        </tr>
      </table>
    
      <div class="pt-1">
        <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">
          立即提交
        </button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
      </div>
  <!-- <input type="hidden" name="id"  id="id" th:value="${id}">
  <div class="layui-form-item">
    <label class="layui-form-label">姓名</label>
    <div class="layui-input-block">
      <input type="text" name="name" value="" placeholder="姓名" id="name"  lay-verify="required|name" class="layui-input pwd">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">性别</label>
    <div class="layui-input-block">
      <input type="radio" name="sex" value="0" title="女" checked="">
      <input type="radio" name="sex" value="1" title="男" >
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">年龄</label>
    <div class="layui-input-block">
      <input type="text" name="age" value="" placeholder="年龄"  id="age" class="layui-input pwd">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit="" lay-filter="*">保存</button>
      <button type="button" class="layui-btn layui-btn-primary" onclick="layerclose();">关闭</button>
    </div>
  </div> -->
</form>
<script>
    // 获取URL参数id
    function getQueryId() {
      var match = window.location.pathname.match(/\/edit\/id\/(\d+)/);
      return match ? match[1] : '';
    }
    var id = getQueryId();
    // 赋值给input（如果不是php渲染，也可保留此段，防止页面未渲染id时赋值）
    document.addEventListener("DOMContentLoaded", function() {
      var idInput = document.getElementById('id');
      if (idInput && !idInput.value) {
        idInput.value = id;
      }
    });

    layui.use(["form", "layer"], function () {
      var form = layui.form,
        layer = layui.layer;

      // 渲染处理人下拉框并设置默认值
      var detail = <?php echo json_encode(isset($detail) ? $detail : []); ?>;
      fetch("/api/index/getallstaff")
        .then((response) => response.json())
        .then((data) => {
          var select = document.querySelector('select[name="solve"]');
          select.innerHTML = '<option value="">请选择处理人</option>';
          data.data.forEach((solve) => {
            var option = document.createElement("option");
            option.value = solve.id;
            option.innerText = solve.name;
            // 设置选中
            if (detail.solve && String(detail.solve) === String(solve.id)) {
              option.selected = true;
            }
            select.appendChild(option);
          });
          form.render("select");

          // 渲染默认值（工单状态）
          if (detail && typeof detail.status !== "undefined") {
            form.val("webform", {
              "status": detail.status
            });
          }
        })
        .catch((error) => {
          console.error("Error:", error);
        });

      // 监听提交事件
      form.on("submit(webform)", function (data) {
        // 发送请求并处理响应
        fetch("/workorder/index/edit/" + id, {
          method: "POST",
          body: JSON.stringify(data.field),
          headers: {
            "Content-Type": "application/json",
          },
        })
          .then((response) => response.json())
          .then((result) => {
            layer.msg(result.msg);
            if (result.code === 2) {
                setTimeout(function () {
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                    parent.location.reload(); // 刷新父页面
                }, 1000);
            }
          });

        return false;
      });
    });
</script>