ajaxindex.html 4.78 KB
<style type="text/css">
    .flexigrid .bDiv tr {
        display: block;
    }

    .bd-line {
        font-size: 0;
    }

    .flexigrid .bDiv td {
        border: 0;
    }

    .flexigrid div.bDiv tr:hover td {
        background-color: #F4FCFA;
    }

    .flexigrid div.bDiv tr.trSelected td {
        background: #ffffdf none repeat scroll 0 0;
    }

    .flexigrid .bDiv a {
        color: #999;
    }

    .flexigrid .bDiv .active a, .flexigrid .bDiv span a:hover {
        color: #FFF;
    }

    .flexigrid .bDiv .row a:hover {
        text-decoration: none;
        color: #C4182E;
        background-color: #EEEEEE;
        text-decoration: underline;
    }

    .flexigrid .bDiv .row .active a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #999;
        text-decoration: underline;
    }

    .ncsc-default-table thead {
        font-size: 0;
    }

    .ncsc-default-table thead th {
        font-size: 12px;
        vertical-align: middle;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .w50 {
        width: 5% !important;
    }

    .w60 {
        width: 6% !important;
    }

    .w80 {
        width: 8% !important;
    }

    .w100 {
        width: 10% !important;
    }

    .w110 {
        width: 11% !important;
    }

    .w150 {
        width: 15% !important;
    }

    .w250 {
        width: 25% !important;
    }

    .w350 {
        width: 35% !important;
    }
    .ellipsis1{
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }
</style>
<table>
    <tbody>

    <empty name="list">
        <tr>
            <td colspan="20" class="norecord">
                <div class="warning-option"><i class="icon-warning-sign"></i><span>暂无符合条件的数据记录</span></div>
            </td>
        </tr>
        <else/>
        <volist name="list" id="list">
            <tr>

                <td align="left" class="w150">
                    <div style="text-align: left;">{$list.act_name}</div>
                </td>
                <td align="left" class="w250">
                    <div style="text-align: center;">{$list.begindate|date='Y-m-d H:i:s',###}<br>
                        {$list.enddate|date='Y-m-d H:i:s',###}</div>
                </td>
                <td align="left" class="w100">
                    <div style="text-align: center;" >
                        <if condition='$list.vip_act_type eq 1'>
                            活动时间内
                            <else/>
                            每日
                        </if>{$list.vip_act_num}次
                    </div>
                </td>
                <td align="left" class="w100">
                    <div style="text-align: center;" >
                        <if condition='$list.help_act_type eq 1'>
                            活动时间内
                            <else/>
                            每日
                        </if>{$list.help_act_num}次
                    </div>
                </td>
                <td align="left" class="w150">

                    <if condition='$list.isuse eq 1'>
                        <span class="yes" onClick="changeTableVal('marketing_help_form','id','{$list.id}','isuse',this)"><i class="fa fa-check-circle"></i></span>
                        <else />
                        <span class="no" onClick="changeTableVal('marketing_help_form','id','{$list.id}','isuse',this)"><i class="fa fa-ban"></i></span>
                    </if>

                </td>
                <td align="left" class="handle w200">
                    <div style="text-align: center;">
                        <!-- <a class="aClick btn green" gpid="{$list['id']}"><i class="fa fa-link"></i>链接</a>-->
                        <a class="btn blue" href="{:U('Admin/UserHelp/user_help_info',array('id'=>$list['id'],'oldurl'=>$oldurl))}"><i class="fa fa-pencil-square-o"></i>编辑</a>
                        <a class="btn red" href="javascript:void(0)"  onclick="delfun('{$list[id]}')"><i class="fa fa-trash-o"></i>删除</a>

                    </div>
                </td>

            </tr>
        </volist>
    </empty>
    </tbody>
</table>
{$page}

<script>
    // 点击分页触发的事件
    $(".pagination  a").click(function () {
        cur_page = $(this).data('p');
        ajax_get_table('search-form2', cur_page);
    });

    $(document).ready(function () {
        // 表格行点击选中切换
        $('#flexigrid >table>tbody>tr').click(function () {
            $(this).toggleClass('trSelected');
        });
        $('#good_count').empty().html("{$pager->totalRows}");
    });




    // 点击分页触发的事件
    $(".pagination  a").click(function () {
        cur_page = $(this).data('p');
        ajax_get_table('search-form2', cur_page);
    });


</script>