ajaxpresalelist.html 4.77 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;}
</style>
<table class="ncsc-default-table">
    <thead>
    <tr>
        <th class="w60">活动编号</th>
        <th class="w200">活动名称</th>
        <th class="w80">状态</th>
        <th class="w150">开始/结束时间</th>
        <th class="w150">兑换截止时间</th>
        <th class="w80">剩余库存</th>
        <th class="w250">操作</th>
    </tr>
    </thead>
    <tbody>
    <empty name="goodsList">
        <tr>
            <td colspan="20" class="norecord">
                <div class="warning-option"><i class="icon-warning-sign"></i><span>暂无记录</span></div>
            </td>
        </tr>
        <else/>
        <volist name="goodsList" id="list">
            <tr class="bd-line">
                <td class=" w60">
                    <span>{$list.id}</span>
                </td>
                <td class=" w200">
                    <span>{$list.activityName}</span>
                </td>
                <td class="w80">
                    <span>
                           <if condition="$list.status eq 0">
                               未开始
                           </if>
                           <if condition="$list.status eq 1">
                               进行中
                           </if>
                           <if condition="$list.status eq -1">
                               已结束
                           </if>
                    </span>
                </td>

                <td class="w150"><span>{$list.startTime}<br>{$list.endTime}</span></td>

                <td class="w150"><span>{$list.exchangeEndTime}</span></td>

                <td class="w80">
                    <span>{$list.stock}</span>
                </td>
                <td class="nscs-table-handle w250">

                        <if condition="$list.status neq -1">
                    <span><a href="{:U('Admin/Presale/addpresale',array('activityId'=>$list['activityId'],'oldurl'=>$oldurl))}" class="btn-bluejeans"><i class="icon-edit"></i><p>编辑</p></a></span>
                    </if>
                    <span><a href="{:U('Admin/Presale/giftstore',array('id'=>$list['id'],'oldurl'=>$oldurl))}" class="btn-bluejeans"><i class="fa fa-pencil-square-o"></i><p>兑换</p></a></span>
                    <span><a href="javascript:" onclick="show('{$list['url']}')" class="btn-bluejeans"><i class="icon-link"></i><p>预览</p></a></span>
                    <span><a href="{:U('Admin/Presale/businessdatalist',array('activityId'=>$list['activityId'],'oldurl'=>$oldurl))}" class="btn-bluejeans"><i class="fa fa-list-alt"></i><p>数据</p></a></span>



                </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);
    });

    function show(urlstr) {
        var str="<Div style='width:260px;'><Img src='/index.php?m=Home&c=Index&a=qr_code&data="+urlstr+"' width='210' height='210' style=' padding: 20px'><br><div style='width:220px; text-align: left; padding-left: 20px;'> "+urlstr+"</div></Div>";
        layer.open({
            type: 1,
            title: "二维码",
            scrollbar: false,
            content:str
        });

    }

</script>