<style>
    .layui-form-item {
        margin-bottom: 5px;
    }

    .layui-tree .layui-tree-set {
        display: inline-block;
        margin-right: 10px; /* 控制节点之间的水平间距 */
        vertical-align: top; /* 将节点对齐到顶部 */
    }
</style>
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" action="">
            <blockquote class="layui-elem-quote layui-text">
                <b>子账号信息</b>
            </blockquote>
            <div class="layui-row">
                <div class="layui-col-md3">
                    <div class="layui-form-item">

                        <label class="layui-form-label"><span class="require">*</span>账号 : </label>
                        <div class="layui-input-block">
                            <input type="text" name="mobile" id="mobile"
                                   placeholder="请输入登录账号" class="layui-input"
                                   value="{{$account['mobile'] or ''}}">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-form-item">

                        <label class="layui-form-label"><span class="require">*</span>密码 : </label>
                        <div class="layui-input-block">
                            <input type="text" name="mobile" id="mobile"
                                   placeholder="请输入登录账号" class="layui-input"
                                   value="{{$account['mobile'] or ''}}">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-form-item">

                        <label class="layui-form-label"><span class="require">*</span>名称 : </label>
                        <div class="layui-input-block">
                            <input type="text" name="mobile" id="mobile"
                                   placeholder="请输入登录账号" class="layui-input"
                                   value="{{$account['mobile'] or ''}}">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-form-item">

                        <label class="layui-form-label"><span class="require">*</span>邮箱 : </label>
                        <div class="layui-input-block">
                            <input type="text" name="mobile" id="mobile"
                                   placeholder="请输入登录账号" class="layui-input"
                                   value="{{$account['mobile'] or ''}}">
                        </div>
                    </div>
                </div>
            </div>
            <blockquote class="layui-elem-quote layui-text">
                <span><b>子账号权限配置</b> <span style="margin-left: 10px;"> <i class="layui-icon layui-icon-note"
                                                                                 style="color: orange;font-size: 16px"></i> 勾选以下页面后，子账号可以看到对应的页面内容并进行操作；没有勾选的页面，子账号则无权查看；</span> </span>
            </blockquote>
            <div class="layui-form-item">
                <div id="permTree"></div>
            </div>
            <blockquote class="layui-elem-quote layui-text">
                <b>子账号消息推送配置</b>
            </blockquote>
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="require">*</span>账号类型 : </label>
                <div class="layui-input-block">
                    <input type="checkbox" name="a_type" title="芯链商家" lay-skin="primary" checked>
                </div>
            </div>
            <div class="layui-form-item">
                <div align="center" style="margin-top: 20px;text-align: right">
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-info submit-loading" lay-submit
                            lay-filter="addSupplierAccount">确定
                    </button>
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" lay-submit
                            lay-filter="cancel">取消
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>