优化工单模块代码

2025-06-26 18:16:33 +08:00
parent 77994b60e3
commit 646b58c851
5 changed files with 494 additions and 276 deletions
@@ -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>