From 646b58c8514174cfa9c449040c33fdea58306952 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E5=BC=BA?= <357099073@qq.com>
Date: Thu, 26 Jun 2025 18:16:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B7=A5=E5=8D=95=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/workorder/controller/Index.php  |  28 ++-
 app/workorder/view/index/add.html   | 225 +++++++++++---------
 app/workorder/view/index/edit.html  | 305 +++++++++++++++++-----------
 app/workorder/view/index/index.html |  56 +----
 app/workorder/view/index/view.html  | 156 ++++++++++++++
 5 files changed, 494 insertions(+), 276 deletions(-)
 create mode 100644 app/workorder/view/index/view.html

diff --git a/app/workorder/controller/Index.php b/app/workorder/controller/Index.php
index bae2cb4..426982b 100644
--- a/app/workorder/controller/Index.php
+++ b/app/workorder/controller/Index.php
@@ -25,7 +25,7 @@ class Index extends BaseController
 
             $list = WorkOrderList::withoutField('')
                 ->where('delete_time', null)
-                ->order('status asc')
+                ->order(['status' => 'asc', 'id' => 'desc'])
                 ->paginate($rows, false, ['query' => $param])
                 ->each(function ($item, $key) {
                     $wo = WorkOrderList::where(['id' => $item->id])->find();
@@ -141,14 +141,26 @@ class Index extends BaseController
     {
         $param = get_params();
         $id = isset($param['id']) ? $param['id'] : 0;
-        $detail = (new WorkOrderList())->detail($id);
-        //    print_r($id);
-        if (empty($detail)) {
-            return to_assign(1, '2.信息不存在');
-        } else {
-            View::assign('detail', $detail);
-            // print_r($detail);
+        if (empty($id)) {
+            return to_assign(1, '参数错误，缺少ID');
+        }
+        $view = WorkOrderList::where('id', $id)->find();
+        if ($view) {
+            $projectName = Db::name('Project')->where('id', $view['project_id'])->value('name_short');
+            $view['project_id'] = $projectName ?: '-';
+            if (!empty($view['contact'])) {
+                $view->contact = $view['contact'];
+            } else {
+                $view->contact = Db::name('Admin')->where('id', $view['creater'])->value('mobile') ?: '-';
+            }
+            $adminName = Db::name('Admin')->where('id', $view['creater'])->value('name');
+            $view->creater = $adminName ?: '-';
+            $solveName = Db::name('Admin')->where('id', $view['solve'])->value('name');
+            $view->solve = $solveName ?: '-';
+            View::assign('view', $view);
             return view();
+        } else {
+            return to_assign(1, '信息不存在');
         }
     }
 
diff --git a/app/workorder/view/index/add.html b/app/workorder/view/index/add.html
index 23c7a82..3fcacfe 100644
--- a/app/workorder/view/index/add.html
+++ b/app/workorder/view/index/add.html
@@ -1,100 +1,129 @@
 <form class="layui-form page-content p-4">
-    <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="project_id" lay-verify="required" lay-reqText="请选择项目名称" class="layui-select" lay-search=""
-            lay-filter="project_id"></select>
-        </td>
-        <td class="layui-td-gray-2">问题类型<font>*</font>
-        </td>
-        <td colspan="3">
-            <input type="text" name="problemtype" lay-verify="" lay-reqText="请输入问题类型" placeholder="请输入问题类型，例如：页面闪退"
-              class="layui-input" value="" />
-        </td>
-      </tr>
-      <tr>
-        <td class="layui-td-gray-2">问题描述<font>*</font>
-        </td>
-        <td colspan="4">
-          <textarea name="content" lay-verify="" lay-reqText="请输入" placeholder="请输入遇到的问题" class="layui-textarea"
-            value=""></textarea>
-        </td>
-      </tr>
-      <tr>
-        <td class="layui-td-gray-2">备注
-        </td>
-        <td colspan="4">
-          <textarea name="remark" lay-verify="" lay-reqText="请输入" placeholder="请输入备注" class="layui-textarea"
-            value=""></textarea>
-        </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>
-  </form>
-  
-  <script>
-    layui.use(["form", "layer"], function () {
-      var laydate = layui.laydate;
-      var form = layui.form,
-        layer = layui.layer;
-  
-      laydate.render({
-        elem: '#start_time',
-      });
-      laydate.render({
-        elem: '#end_time',
-      });
-  
-      // 获取项目名称
-      fetch("/reimbursement/index/getproject")
-        .then((response) => response.json())
-        .then((data) => {
-          var select = document.querySelector('select[name="project_id"]');
-          select.innerHTML = '<option value="">请选择项目名称</option>';
-          data.data.forEach((project_id) => {
-            var option = document.createElement("option");
-            option.value = project_id.id;
-            option.innerText = project_id.project;
-            select.appendChild(option);
-          });
-          form.render("select");
-        })
-        .catch((error) => {
-          console.error("Error:", error);
-        });
-  
-      // 监听提交事件
-      form.on("submit(webform)", function (data) {
-        // 发送请求并处理响应
-        fetch("/workorder/index/add", {
-          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 === 0) {
-                setTimeout(function () {
-                    var index = parent.layer.getFrameIndex(window.name);
-                    parent.layer.close(index);
-                    parent.location.reload(); // 刷新父页面
-                }, 1000);
-            }
-          });
+	<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="project_id" lay-verify="required" lay-reqText="请选择项目名称" class="layui-select" lay-search=""
+						lay-filter="project_id"></select>
+			</td>
+			<td class="layui-td-gray-2">问题类型<font>*</font>
+			</td>
+			<td colspan="3">
+				<input type="text" name="problemtype" lay-verify="" lay-reqText="请输入问题类型" placeholder="请输入问题类型，例如：页面闪退"
+					   class="layui-input" value="" />
+			</td>
+		</tr>
+		<tr>
+			<td class="layui-td-gray-2">问题描述<font>*</font>
+			</td>
+			<td colspan="4">
+				<!-- <textarea name="content" id="content" lay-verify="" lay-reqText="请输入" placeholder="请输入遇到的问题" class="layui-textarea"
+          value=""></textarea> -->
 
-        return false;
-      });
-    });
-  </script>
\ No newline at end of file
+				<textarea id="content" name="content" style="display:none;"></textarea>
+				<div id="docContent"></div>
+			</td>
+		</tr>
+		<tr>
+			<td class="layui-td-gray-2">备注
+			</td>
+			<td colspan="4">
+				<textarea name="remark" lay-verify="" lay-reqText="请输入" placeholder="请输入备注" class="layui-textarea"
+						  value=""></textarea>
+			</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>
+</form>
+
+<script>
+	layui.use(["form", "layer", "editormd", "tool", "laydate", "dropdown", "employeepicker"], function () {
+	    const form = layui.form,
+	          layer = layui.layer,
+	          editor = layui.editormd,
+	          tool = layui.tool,
+	          laydate = layui.laydate,
+	          dropdown = layui.dropdown,
+	          employeepicker = layui.employeepicker;
+	  
+	    // 渲染编辑器
+	    form.render();
+	    var edit = editor.render('docContent', {
+	      markdown: $('#content').val(),
+	      imageUploadURL: "/api/index/md_upload",
+	      lineNumbers: false,
+	      toolbarIcons: function () {
+	        return [
+	          "undo", "redo", "bold", "del", "italic", "quote", "h1", "h2", "h3", "h4", "h5",
+	          "list-ul", "list-ol", "hr", "link", "reference-link", "image", "code", "code-block", "table", "watch", "fullscreen"
+	        ];
+	      },
+	      // height: window.innerHeight - 500,
+	    });
+	  
+	    // 获取项目名称
+	    fetch("/reimbursement/index/getproject")
+	      .then((response) => response.json())
+	      .then((data) => {
+	        var select = document.querySelector('select[name="project_id"]');
+	        select.innerHTML = '<option value="">请选择项目名称</option>';
+	        data.data.forEach((project_id) => {
+	          var option = document.createElement("option");
+	          option.value = project_id.id;
+	          option.innerText = project_id.project;
+	          select.appendChild(option);
+	        });
+	        form.render("select");
+	      })
+	      .catch((error) => {
+	        console.error("Error:", error);
+	      });
+	  
+	    // 监听提交事件
+	    form.on("submit(webform)", function (data) {
+	        // 把 docContent-html-code 赋值给 content
+	    data.field.content = data.field['docContent-html-code'] || '';
+	  
+	  // 删除不需要的字段
+	  delete data.field['docContent-html-code'];
+	  delete data.field['docContent-markdown-doc'];
+	      // 发送请求并处理响应
+	      fetch("/workorder/index/add", {
+	        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 === 0) {
+	            setTimeout(function () {
+	              var index = parent.layer.getFrameIndex(window.name);
+	              parent.layer.close(index);
+	              parent.location.reload(); // 刷新父页面
+	            }, 1000);
+	          }
+	        });
+	  
+	      return false;
+	    });
+	  });
+</script>
+<style>
+	#docContent img{
+	    padding: 20px;
+	  }
+    .pt-1{
+        margin-top: 15px;
+    }
+</style>
\ No newline at end of file
diff --git a/app/workorder/view/index/edit.html b/app/workorder/view/index/edit.html
index 0dc79c6..38836bc 100644
--- a/app/workorder/view/index/edit.html
+++ b/app/workorder/view/index/edit.html
@@ -1,132 +1,195 @@
 <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>
+  <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"<?php if(isset($detail['status']) && ($detail['status']==2 || $detail['status']==3)) echo 'disabled'; ?>>
+          <option value="">请选择处理人</option>
+        </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" id="status-select"
+          <?php if(isset($detail['status']) && $detail['status']==3) echo 'disabled'; ?>>
+          <option value="">请选择工单状态</option>
+          <option value="1" <?php if(isset($detail['status']) && $detail['status']==1) echo 'selected' ; ?> <?php if(isset($detail['status']) && $detail['status']==2) echo 'disabled'; ?>>解决中</option>
+          <option value="2" <?php if(isset($detail['status']) && $detail['status']==2) echo 'selected' ; ?> <?php if(isset($detail['status']) && $detail['status']==2) echo 'disabled'; ?>>已解决</option>
+          <option value="3" <?php if(isset($detail['status']) && $detail['status']==3) echo 'selected' ; ?>>已关闭</option>
+        </select>
+      </td>
+    </tr>
+  </table>
+
+  <?php if (!isset($detail['status']) || $detail['status'] != 3): ?>
+  <div class="pt-1">
+    <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">
+      立即提交
+    </button>
   </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> -->
+  <?php endif; ?>
+
+  <h3 class="h3-title">问题简述</h3>
+  <table class="layui-table layui-table-form">
+    <tr>
+      <td class="layui-td-gray-2">项目问题</td>
+      <td>
+        <div id="workorder-content">
+          <?= $detail['content'] ?>
+        </div>
+      </td>
+      <td class="layui-td-gray-2">备注</td>
+      <td>{$detail.remark}</td>
+    </tr>
+  </table>
+
 </form>
+
 <script>
-    // 获取URL参数id
-    function getQueryId() {
-      var match = window.location.pathname.match(/\/edit\/id\/(\d+)/);
-      return match ? match[1] : '';
+  //判断工单状态
+  // 判断工单状态，禁用表单项
+  document.addEventListener("DOMContentLoaded", function () {
+    var detail = <?php echo json_encode(isset($detail) ? $detail : (object)[]); ?>;
+    var status = parseInt(detail.status, 10);
+
+    // 获取所有表单元素
+    var formElem = document.querySelector("form.layui-form");
+    var allInputs = formElem ? formElem.querySelectorAll("input, select, textarea, button[lay-submit]") : [];
+
+    // 如果status为3或4，禁用所有表单项
+    if (status === 3 || status === 4) {
+      allInputs.forEach(function (el) {
+        // 只允许工单状态选择4
+        if (el.name === "status") {
+          // 只保留4选项
+          Array.from(el.options).forEach(function(opt) {
+            if (opt.value !== "4" && opt.value !== "") {
+              opt.disabled = true;
+              opt.style.display = "none";
+            } else if (opt.value === "4") {
+              opt.selected = true;
+            }
+          });
+          el.disabled = false;
+        } else {
+          el.disabled = true;
+        }
+      });
     }
-    var id = getQueryId();
-    // 赋值给input（如果不是php渲染，也可保留此段，防止页面未渲染id时赋值）
-    document.addEventListener("DOMContentLoaded", function() {
-      var idInput = document.getElementById('id');
-      if (idInput && !idInput.value) {
-        idInput.value = id;
-      }
+
+    // 如果status为4，全部禁用（包括工单状态）
+    if (status === 4) {
+      allInputs.forEach(function (el) {
+        el.disabled = true;
+      });
+    }
+  });
+
+  
+  // 获取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;
+
+    layer.photos({
+      photos: '#workorder-content',
+      anim: 5
     });
 
-    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
-            });
+    // 渲染处理人下拉框并设置默认值
+    // var detail = <?php echo json_encode(isset($detail) ? $detail : (object)[]); ?>;
+    var detail = <?php echo json_encode(isset($detail) ? $detail : (object)[]); ?>;
+    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);
+          console.log('detail.solve:', detail.solve, 'solve.id:', solve.id, 'equal:', String(detail.solve) === String(solve.id));
+        });
+        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);
           }
-        })
-        .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;
-      });
+      return false;
     });
-</script>
\ No newline at end of file
+  });
+</script>
+<style>
+  .page-content img {
+    padding: 15px;
+  }
+
+  .layui-layer-shade {
+    background-color: rgba(0, 0, 0, 0.5) !important;
+  }
+
+  .pt-1 {
+    margin-top: 15px;
+    margin-bottom: 20px;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #eee;
+    width: 100%;
+  }
+
+  .layui-table {
+    margin-bottom: 20px;
+  }
+</style>
\ No newline at end of file
diff --git a/app/workorder/view/index/index.html b/app/workorder/view/index/index.html
index e168dfa..1f96f17 100644
--- a/app/workorder/view/index/index.html
+++ b/app/workorder/view/index/index.html
@@ -3,7 +3,7 @@
 {block name="breadcrumb"}
 <span class="layui-breadcrumb">
   <a href="http://www.meteteme.com/" target="_blank">江苏美天科技</a>
-  <a><cite>年度工单</cite></a>
+  <a><cite>工单管理</cite></a>
 </span>
 {/block} {block name="body"}
 <div class="table-content p-3">
@@ -11,54 +11,9 @@
     <div class="layui-form-bar border-t border-x">
       <button class="layui-btn layui-btn-normal layui-btn-sm add-new">+ 新建工单</button>
       <button class="layui-btn layui-btn-sm" id="refresh-btn">刷新</button>
-      <button class="layui-btn layui-btn-sm" id="batch_delete">批量删除</button>
-      <!-- <div class="layui-inline">
-        <input class="layui-input search-input" id="search-input" type="text" placeholder="请输入搜索内容">
-      </div>
-      <button class="layui-btn" id="search-btn">搜索</button> -->
+      <!-- <button class="layui-btn layui-btn-sm" id="batch_delete">批量删除</button> -->
     </div>
     <div class="cateselect layui-form-bar border-x">
-      <!-- <form class="layui-form" action="" id="filter-form">
-        <div class="layui-form-item">
-          <label class="layui-form-label">工单年份</label>
-          <div class="layui-input-inline">
-            <select name="year" lay-verify=""></select>
-          </div>
-          <label class="layui-form-label">重要程度</label>
-          <div class="layui-input-inline">
-            <select name="important" lay-verify="">
-              <option value="">请选择</option>
-              <option value="1">★</option>
-              <option value="2">★★</option>
-              <option value="3">★★★</option>
-              <option value="4">★★★★</option>
-              <option value="5">★★★★★</option>
-            </select>
-          </div>
-          <label class="layui-form-label">项目类型</label>
-          <div class="layui-input-inline">
-            <select name="cate" lay-verify=""></select>
-          </div>
-          <label class="layui-form-label">负责人</label>
-          <div class="layui-input-inline">
-            <input class="layui-input search-input" id="search-responsible" type="text" placeholder="请输入负责人">
-          </div>
-
-        </div>
-        <div class="layui-form-item">
-          <div style="width: 100%;height: 10px;"></div>
-          <label class="layui-form-label">项目名称</label>
-          <div class="layui-input-inline">
-            <input class="layui-input search-input" id="search-name" type="text" placeholder="请输入项目名称">
-          </div>
-          <div class="layui-input-inline">
-            <button class="layui-btn" lay-submit lay-filter="filterSearch" id="search-btn">筛选</button>
-            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="filterSearch"
-              id="search-reload">清除</button>
-          </div>
-
-        </div>
-      </form> -->
     </div>
   </div>
   <table class="layui-hide" id="workorder" lay-filter="workorder"></table>
@@ -146,7 +101,9 @@
         tool.open('/workorder/index/view/id/' + id, '工单详情');
       } else if (obj.event === 'edit') {
         var id = data.id;
-        tool.open('/workorder/index/edit/id/' + id, '处理工单');
+        var status = data.status; // 获取当前行的status
+        // 处理工单时带上status参数
+        tool.open('/workorder/index/edit/id/' + id + '/status/' + status, '处理工单');
       } else if (obj.event === 'delete') {
         var id = data.id;
         layui.layer.confirm('确定要删除该工单吗？', {icon: 3, title: '提示'}, function(index){
@@ -278,6 +235,7 @@
             field: "remark",
             title: "备注",
             align: "center",
+            minWidth: 180,
             rowspan: 2,
             templet: function (d) {
               if (d.remark) {
@@ -321,7 +279,7 @@
   <!-- <button class="layui-btn layui-btn-sm" lay-event="view">查看详情</button> -->
   <!-- <a class="layui-btn layui-btn-sm " data-href="/workorder/index/view/id/' + d.id + '" style="display: flex;justify-content: center;align-items: center;">查看详情</a> -->
   <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm" lay-event="edit">处理工单</a>
-  <a class="layui-btn layui-btn-primary layui-border layui-btn-sm" lay-event="delete">删除</a>
+  <!-- <a class="layui-btn layui-btn-primary layui-border layui-btn-sm" lay-event="delete">删除</a> -->
 </script>
 
 <style>
diff --git a/app/workorder/view/index/view.html b/app/workorder/view/index/view.html
new file mode 100644
index 0000000..8405c8e
--- /dev/null
+++ b/app/workorder/view/index/view.html
@@ -0,0 +1,156 @@
+<form class="layui-form page-content p-4">
+    <input type="hidden" name="id" id="id" value="<?php echo isset($view['id']) ? $view['id'] : ''; ?>">
+    <h3 class="h3-title">工单详情 - ID:{$view['id']}</h3>
+    <table class="layui-table layui-table-form">
+        <tr>
+            <td class="layui-td-gray-2">隶属项目</td>
+            <td>{$view['project_id']}</td>
+            <td class="layui-td-gray-2">工单状态</td>
+            <td>
+                <?php
+                    $statusMap = [
+                        0 => "未解决",
+                        1 => "解决中",
+                        2 => "已解决",
+                        3 => "已关闭"
+                    ];
+                    $statusClass = isset($view['status']) ? 'gdzt gd-' . intval($view['status']) : '';
+                    $statusText = (isset($view['status']) && isset($statusMap[$view['status']])) ? $statusMap[$view['status']] : '-';
+                ?>
+                <span class="<?php echo $statusClass; ?>"><?php echo $statusText; ?></span>
+            </td>
+        </tr>
+        <tr>
+            <td class="layui-td-gray-2">提交人</td>
+            <td>{$view['creater']}</td>
+            <td class="layui-td-gray-2">联系方式</td>
+            <td>{$view['contact']}</td>
+        </tr>
+        <tr>
+            <td class="layui-td-gray-2">提交时间</td>
+            <td>{$view['sub_time']}</td>
+            <td class="layui-td-gray-2">分派处理人</td>
+            <td>
+                <?php echo isset($view['solve']) && $view['solve'] !== '' ? $view['solve'] : '暂无'; ?>
+            </td>
+        </tr>
+        <tr>
+            <td class="layui-td-gray-2">项目问题</td>
+            <td colspan="4">
+                <div id="workorder-content">
+                    <?= $view['content'] ?>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td class="layui-td-gray-2">备注</td>
+            <td colspan="4">
+                {$view.remark}
+            </td>
+        </tr>
+    </table>
+</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", "upload"], function () {
+        var form = layui.form,
+            layer = layui.layer,
+            upload = layui.upload;
+
+        layer.photos({
+            photos: '#workorder-content',
+            anim: 5
+        });
+
+        var selectedFile = null; // 用于存储选择的文件
+      
+        form.render();
+
+        // 监听提交事件
+        form.on("submit(webform)", function (data) {
+            // 发送请求并处理响应
+            fetch("/download/index/edit?id=" + idValue, {
+                method: "POST",
+                body: JSON.stringify({
+                    id: document.getElementById('id').value,
+                    name: document.getElementById('name').value,
+                    cid: document.querySelector('select[name="cid"]').value,
+                    version: document.querySelector('input[name="version"]').value,
+                    path: document.querySelector('input[name="path"]').value,
+                    download_url: document.querySelector('input[name="download_url"]').value,
+                    download_code: document.querySelector('input[name="download_code"]').value,
+                    description: document.querySelector('textarea[name="description"]').value,
+                    update_time: updateTime,
+                }),
+
+                headers: {
+                    "Content-Type": "application/json",
+                },
+            })
+                .then((response) => response.json())
+                .then((result) => {
+                    layer.msg(result.msg);
+                    if (result.code === 2) {
+                        setTimeout(function () {
+                            // document.querySelector("form").reset();
+                            // location.reload(); // 刷新页面
+                        }, 1000);
+                    }
+                });
+
+            return false;
+        });
+    });
+</script>
+<style>
+    .layui-table td{
+        height: 40px;
+    }
+    .gdzt{
+        padding: 3px 5px;
+        border-radius: 4px;
+    }
+
+    .gd-0{
+        color:#555 ;
+        background-color: #eee;
+    }
+
+    .gd-1{
+        color:#fff ;
+        background-color: #1e9fff;
+    }
+
+    .gd-2{
+        color:#fff ;
+        background-color: #16b777;
+    }
+
+    .gd-3{
+        color:#fff ;
+        background-color: #a233c6 ;
+    }
+    .pt-1{
+        margin-top: 15px;
+    }
+    .page-content img{
+        padding: 15px;
+    }
+    .layui-layer-shade {
+    background-color: rgba(0,0,0,0.5) !important;
+    }
+</style>
\ No newline at end of file