ajaxindex.html 4.98 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 class="ncsc-default-table">
    <thead>
    <tr>
        <th class="w200">活动名称</th>
        <th class="w100">活动礼包名称</th>
        <th class="w150">开始时间</th>
        <th class="w150">结束时间</th>
        <th class="w100">启用状态</th>
        <th class="w50">排序</th>
        <th class="w250">操作</th>

    </tr>
    </thead>
    <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 class="bd-line">

                <td class="w200">
                    <span class="ellipsis1">{$list.activity_name}</span>
                </td>
                <td class="w100">
                    <span class="ellipsis1">{$list.lbtitle}</span>
                </td>

                <td class="w150"><span class="ellipsis1">{$list.begindate|date='Y-m-d H:i:s',###}</span></td>
                <td class="w150"><span class="ellipsis1">{$list.enddate|date='Y-m-d H:i:s',###}</span></td>


                <td class="w100"><span class="ellipsis1">
                      <if condition='$list[is_show] eq 1'>
                    <span class="yes" onClick="changeTableVal('marketing_newpeople_gift','id','{$list.id}','is_show',this)"><i class="fa fa-check-circle"></i></span>
                    <else />
                    <span class="no" onClick="changeTableVal('marketing_newpeople_gift','id','{$list.id}','is_show',this)"><i class="fa fa-ban"></i></span>
                </if>

                </span></td>
                <td class="w50"><span class="ellipsis1">{$list.sort_order}</span></td>


                <td class="nscs-table-handle w250">

                    <div style="text-align: center; ">



                            <a class="btn blue"
                               href="{:U('Admin/Newpeoplegift/addindex',array('id'=>$list['id'],'oldurl'=>$oldurl))}"><i
                                    class="fa fa-pencil-square-o"></i>    <if condition='$list[isdel] eq 0'>编辑<else/>查看</if></a>
                        <if condition='$list[isdel] eq 0'>
                        <a class="btn red" href="javascript:void(0)" onClick="del('{$list[id]}')"><i
                                class="fa fa-trash-o"></i>删除</a>

                    </if>

                    </div>
                </td>

            </tr>
        </volist>
    </empty>

    </tbody>


</table>
<div class="layer_box dn">
    <input readonly="readonly" class="contentTxt" id="content" value="这里是需要复制的内容"/>
    <div id="cpbtn" class="js-copy" data-clipboard-target="#content"><span>复制</span></div>
</div>
<!--分页位置--> {$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>