kpyk/app/admin/view/point_plan/point_plan/index.php

{extend name="public/container"}
{block name="head_top"}
<script src="{__PLUG_PATH}city.js"></script>
<style>
    .layui-btn-xs {
        margin-left: 0px !important;
    }

    legend {
        width: auto;
        border: none;
        font-weight: 700 !important;
    }

    .site-demo-button {
        padding-bottom: 20px;
        padding-left: 10px;
    }

    .layui-form-label {
        width: auto;
    }

    .layui-input-block input {
        width: 50%;
        height: 34px;
    }

    .layui-form-item {
        margin-bottom: 0;
    }

    .layui-input-block .time-w {
        width: 200px;
    }

    .layui-table-body {
        overflow-x: hidden;
    }

    .layui-btn-group button i {
        line-height: 30px;
        margin-right: 3px;
        vertical-align: bottom;
    }

    .back-f8 {
        background-color: #F8F8F8;
    }

    .layui-input-block button {
        border: 1px solid #e5e5e5;
    }

    .avatar {
        width: 50px;
        height: 50px;
    }

    .layui-table-body {
        overflow-x: unset;
    }
</style>
{/block}
{block name="content"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>会员搜索</h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content" style="display: block;">
                <form class="layui-form">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">标题/编号：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="title" lay-verify="title" style="width: 100%"
                                       autocomplete="off" placeholder="请输入标题、编号" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="" lay-filter="search">
                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索
                            </button>
                        </label>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-content">
                <div class="table-responsive">
                    <div class="layui-btn-container">
                        <button class="layui-btn layui-btn-sm"
                                onclick="$eb.createModalFrame(this.innerText,'{:Url('create')}')">新增计划
                        </button>
                    </div>
                    <table class="layui-hide" id="List" lay-filter="List"></table>
                    <script type="text/html" id="barDemo">
                        <button type="button" class="layui-btn layui-btn-xs" lay-event="edit"><i
                                    class="layui-icon layui-icon-edit"></i>编辑
                        </button>
                        <button type="button" class="layui-btn layui-btn-xs" onclick="dropdown(this)">操作 <span
                                    class="caret"></span></button>
                        <ul class="layui-nav-child layui-anim layui-anim-upbit">
                            <li>
                                <a href="javascript:void(0);" lay-event="see">
                                    <i class="layui-icon layui-icon-edit"></i> 认购详情</a>
                            </li>
                        </ul>
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
<script src="{__FRAME_PATH}js/content.min.js?v=1.0.0"></script>
{/block}
{block name="script"}
<script>
    layList.form.render();
    layList.tableList('List', "{:Url('get_list')}", function () {
        return [
            {field: 'id', title: '编号', event: 'id', width: '4%', align: 'center'},
            {field: 'plan_name', title: '计划标题', align: 'center'},
            {field: 'buy_num', title: '认购额度', align: 'center', width: '10%'},
            {field: 'buy_price', title: '认购价格', width: '10%', align: 'center'},
            {field: 'release_ratio', title: '收益倍数', align: 'center', width: '6%'},
            {field: 'release_money_type', title: '释放币种', width: '6%', align: 'center'},
            {field: 'buy_money_type', title: '认购币种', width: '6%', align: 'center'},
            {field: 'num', title: '节点名额', width: '6%', align: 'center'},
            {field: 'join_number', title: '已认购名额', width: '6%', align: 'center'},
            {field: 'release_day', title: '释放天数', align: 'center', width: '6%'},
            {field: '_start_time', title: '开启认购时间', width: '10%', align: 'center'},
            {field: 'operate', title: '操作', width: '10%', align: 'center', toolbar: '#barDemo'}
        ];
    });
    //监听并执行 uid 的排序
    layList.tool(function (event, data, obj) {
        var layEvent = event;
        switch (layEvent) {
            case 'edit':
                $eb.createModalFrame('编辑', layList.Url({a: 'create', p: {id: data.id}}));
                break;
            case 'see':
                $eb.createModalFrame(data.plan_name + '-认购详情', layList.Url({a: 'see', p: {id: data.id}}),{w:1800});
                break;
        }
    });
    layList.search('search', function (where) {
        layList.reload(where, true);
    });
    $('.conrelTable').find('button').each(function () {
        var type = $(this).data('type');
        $(this).on('click', function () {
            action[type] && action[type]();
        })
    })
    //下拉框
    $(document).click(function (e) {
        $('.layui-nav-child').hide();
    })

    function dropdown(that) {
        var oEvent = arguments.callee.caller.arguments[0] || event;
        oEvent.stopPropagation();
        var offset = $(that).offset();
        var top = offset.top - $(window).scrollTop();
        var index = $(that).parents('tr').data('index');
        $('.layui-nav-child').each(function (key) {
            if (key != index) {
                $(this).hide();
            }
        })
        if ($(document).height() < top + $(that).next('ul').height()) {
            $(that).next('ul').css({
                'padding': 10,
                'top': -($(that).parent('td').height() / 2 + $(that).height() + $(that).next('ul').height() / 2),
                'left': offset.left - $(that).parents('td').offset().left - 20,
                'min-width': 'inherit',
                'position': 'absolute'
            }).toggle();
        } else {
            $(that).next('ul').css({
                'padding': 10,
                'top': $(that).parent('td').height() / 2 + $(that).height(),
                'left': offset.left - $(that).parents('td').offset().left - 20,
                'min-width': 'inherit',
                'position': 'absolute'
            }).toggle();
        }
    }

</script>
{/block}