projectmanager/app/business/view/index/add.html

<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>
                <input type="text" name="name" lay-verify="required" lay-reqText="请输入客户单位名称"
                       placeholder="请输入客户单位名称"
                       class="layui-input" value="">
            </td>
            <td class="layui-td-gray-2">客户简称<font>*</font>
            </td>
            <td colspan="3">
                <input type="text" name="name_short" lay-verify="required" lay-reqText="请输入客户简称"
                       placeholder="请输入客户简称"
                       class="layui-input" value="">
            </td>
        </tr>
        <tr>
            <td class="layui-td-gray-2">单位地址
            </td>
            <td colspan="4">
                <input type="text" name="company_address" lay-verify="required" lay-reqText="请输入单位地址"
                       placeholder="请输入单位地址" class="layui-input" value="">
            </td>
        </tr>

        <tr>
            <td class="layui-td-gray-2">主要对接人
            </td>
            <td>
                <input type="hidden" name="director_uid" readonly lay-reqText="请选择主要对接人" value="">
                <input type="text" name="director_name" placeholder="请选择主要对接人" readonly class="layui-input"
                       value="">
            </td>
            <td class="layui-td-gray-2">内部可对接人员
            </td>
            <td colspan="3">
                <input type="hidden" id="check_admin_ids" name="check_admin_ids" readonly
                       lay-reqText="请选择对接人" value="">
                <input type="text" id="check_admin_names" name="check_admin_names" readonly class="layui-input"
                       placeholder="请选择对接人" value="">
            </td>
        </tr>
        <tr>
            <td class="layui-td-gray-2">访问权限</td>
            <td colspan="4">
                <input type="radio" name="is_open" lay-filter="checkopen" value="1" checked
                       title="内部(仅创建人、对接人、可访问)">
                <input type="radio" name="is_open" lay-filter="checkopen" value="2"
                       title="公开(有对接权限员工均可访问)">
            </td>
        </tr>
    </table>
    <div>
        <div class="py-2">备注信息
            <div>
                <textarea id="mdContent" name="mdContent" style="display:none;"></textarea>
                <div class="addedit" id="docContent"></div>
            </div>
        </div>
        <div class="pt-1">
            <input type="hidden" name="id" value="0"/>
            <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>
    function openInit() {
        var form = layui.form, layer = layui.layer, tool = layui.tool, employeepicker = layui.employeepicker,
            editor = layui.editormd;

        form.render();
        var edit = editor.render('docContent', {
            markdown: $('#mdContent').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 - 220,
        });

        //选择内部可对接人员弹窗
        $('.page-content').on('click', '[name="director_name"]', function () {
            var ids = $('[name="director_uid"]').val(), names = $('[name="director_name"]').val();
            employeepicker.init({
                ids: ids,
                names: names,
                type: 0,
                department_url: "/api/index/get_department_tree",
                employee_url: "/api/index/get_employee",
                callback: function (ids, names, dids, departments) {
                    $('[name="director_uid"]').val(ids);
                    $('[name="director_name"]').val(names);
                }
            });
        });


        //选择主要对接人弹窗
        $('.page-content').on('click', '[name="check_admin_names"]', function () {
            var ids = $('[name="check_admin_ids"]').val(), names = $('[name="check_admin_names"]').val(),
                director_uid_array = [], director_name_array = [];
            if (ids.length > 0) {
                director_uid_array = ids.split(',');
                director_name_array = names.split(',');
            }
            employeepicker.init({
                ids: director_uid_array,
                names: director_name_array,
                department_url: "/api/index/get_department_tree",
                employee_url: "/api/index/get_employee",
                callback: function (ids, names, dids, departments) {
                    $('[name="check_admin_ids"]').val(ids);
                    $('[name="check_admin_names"]').val(names);
                }
            });
        });

        //监听提交
        form.on('submit(webform)', function (data) {
            let callback = function (e) {
                layer.msg(e.msg);
                if (e.code == 0) {
                    tool.close(1000);
                }
            }
            tool.post("/business/index/add", data.field, callback);
            return false;
        });
    }
</script>