lijian541x
/
ema_project


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>部门表单</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
    <style>
        body { padding: 20px; }
        .required { color: #ff5722; }
    </style>
</head>
<body>
    <form class="layui-form" lay-filter="deptForm" id="deptForm">
        <input type="hidden" name="id" id="deptId">
        
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>部门名称</label>
            <div class="layui-input-block">
                <input type="text" name="departmentName" lay-verify="required" placeholder="请输入部门名称" class="layui-input" style="width: 300px;">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">上级部门</label>
            <div class="layui-input-block">
                <select name="parentId" id="parentSelect" class="layui-select" style="width: 300px;">
                    <option value="0">顶级部门</option>
                </select>
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">部门编码</label>
            <div class="layui-input-block">
                <input type="text" name="departmentCode" placeholder="请输入部门编码" class="layui-input" style="width: 200px;">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">负责人</label>
            <div class="layui-input-block">
                <input type="text" name="leader" placeholder="请输入负责人" class="layui-input" style="width: 200px;">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-block">
                <input type="text" name="phone" placeholder="请输入联系电话" class="layui-input" style="width: 200px;">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sort" value="0" class="layui-input" style="width: 150px;">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="radio" name="status" value="1" title="正常" checked>
                <input type="radio" name="status" value="0" title="停用">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea name="remark" placeholder="请输入备注" class="layui-textarea" style="width: 350px; height: 80px;"></textarea>
            </div>
        </div>
        
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submitForm">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
    
    <script src="../../lib/layui/layui.js"></script>
    <script src="../../js/config.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        layui.use(['form'], function() {
            var form = layui.form;
            
            var id = Common.getQueryString('id');
            var isEdit = !!id;
            
            loadDeptTree();
            
            if (isEdit) {
                Common.get(Config.api.department.getInfo + '/' + id, function(res) {
                    if (res.code === 200) {
                        form.val('deptForm', res.data);
                    }
                });
            }
            
            function loadDeptTree() {
                Common.get(Config.api.department.tree, function(res) {
                    if (res.code === 200) {
                        var depts = res.data || [];
                        var html = '<option value="0">顶级部门</option>';
                        depts.forEach(function(dept) {
                            if (dept.id !== id) {
                                html += '<option value="' + dept.id + '">' + dept.departmentName + '</option>';
                            }
                        });
                        $('#parentSelect').html(html);
                        form.render('select');
                    }
                });
            }
            
            form.on('submit(submitForm)', function(data) {
                Common.ajax({
                    url: isEdit ? Config.api.department.update : Config.api.department.save,
                    type: isEdit ? 'PUT' : 'POST',
                    data: data.field,
                    success: function(res) {
                        Common.success(isEdit ? '修改成功' : '添加成功', function() {
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                            parent.location.reload();
                        });
                    }
                });
                return false;
            });
        });
    </script>
</body>
</html>