做工单模块

2025-06-25 17:41:48 +08:00
parent 6b78ee29cf
commit 4536b129ae
25 changed files with 1322 additions and 567 deletions
@@ -0,0 +1,132 @@
+<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>