{include file="public/header" /}



<div class="page">
    <div class="fixed-bar">
        <div class="item-title">
            <div class="subject">
                <h3>卡券列表</h3>
                <h5></h5>
            </div>
            {include file="public/admin_items" /}
        </div>
    </div>

    <form id="search_form" method="get" name="formSearch">
        <div class="ds-search-form">
            <dl>
                <dt>用户名</dt>
                <dd><input class="txt" type="text" name="input_user_name" id="input_user_name" value="{$Request.get.input_user_name}"></dd>
            </dl>
            <dl>
                <dt>卡券号</dt>
                <dd><input class="txt2" type="text" name="input_card_no" id="input_card_no" value="{$Request.get.input_card_no}"></dd>
            </dl>
            <dl>
                <dt>使用状态</dt>
                <dd>
                    <select name="card_status" class="querySelect">
                        <option value="" {if condition="$Request.param.card_status eq ''"}selected{/if}>全部</option>
                        <option value="1" {if condition="$Request.param.card_status eq '1'"}selected{/if}>未使用</option>
                        <option value="2" {if condition="$Request.param.card_status eq '2'"}selected{/if}>使用中</option>
                        <option value="3" {if condition="$Request.param.card_status eq '3'"}selected{/if}>已失效</option>
                    </select>
                </dd>
            </dl>
            <dl>
                <dt>绑定时间</dt>
                <dd>
                    <input id="time_from" class="txt date" type="text" name="input_datetime_start" value="{$Request.get.input_datetime_start}">
                    ~
                    <input id="time_to" class="txt date" type="text" name="input_datetime_end" value="{$Request.get.input_datetime_end}">
                </dd>
            </dl>
            <div class="btn_group">
                <a href="javascript:document.formSearch.submit();" class="btn " title="{$Think.lang.ds_query}">{$Think.lang.ds_query}</a>
                <a href="{:url('')}" class="btn btn-default" title="{$Think.lang.ds_cancel}">{$Think.lang.ds_cancel}</a>
            </div>
        </div>
    </form>

    <div class="explanation" id="explanation">
        <div class="title" id="checkZoom">
            <h4 title="{$Think.lang.ds_explanation_tip}">{$Think.lang.ds_explanation}</h4>
            <span id="explanationZoom" title="{$Think.lang.ds_explanation_close}" class="arrow"></span>
        </div>
        <ul>
            <li>1.点击使用次数或消费记录链接可查看卡片使用详情</li>
            <li>2.未使用的卡券无法查看使用记录</li>
        </ul>
    </div>

    <table class="ds-default-table">
        <thead>
        <tr class="thead">
            <th class="w12">&nbsp;</th>
            <th>卡券号</th>
            <th>余额</th>
            <th>卡券面值</th>
            <th>绑定用户</th>
            <th>使用次数</th>
            <th>卡券状态</th>
            <th class="align-center">绑定时间</th>
            <th class="align-center">操作</th>
        </tr>
        </thead>
        <tbody>
        {notempty name="card_list"}
        {foreach name="card_list" item="v"}
        <tr class="hover">
            <td>&nbsp;</td>
            <td>{$v.card_no}</td>
            <td>{$v.balance}</td>
            <td>{$v.worth}</td>
            <td>{$v.member_nickname}</td>
            <td>
                {if $v.used_count == 0}
                    <span style="color:gray">{$v.used_count}</span>
                {/if}

                {if $v.used_count > 0}
                <a href="">{$v.used_count}</a>
                {/if}


            </td>
            <td>
                {if $v.card_status == 1}
                    <span style="color:green">未使用</span>
                {/if}

                {if $v.card_status == 2}
                <span style="color:deepskyblue">使用中</span>
                {/if}

                {if $v.card_status == 3}
                <span style="color:gray">已失效</span>
                {/if}
            </td>
            <td class="nowarp align-center">{$v.create_time|date="Y-m-d H:i:s"}</td>
            <td class="align-center">

<!--                <a href="{:url('Complain/complain_progress',['complain_id'=>$v.id])}" class="dsui-btn-edit"><i class="iconfont"></i>详情</a>-->

<!--                <a href="javascript:dsLayerOpen('{:url('Coupon/coupon_info',['id'=>$v.id])}')" class="dsui-btn-edit"><i class="iconfont"></i>详情</a>-->

                {if $v.used_count != 0}
                <a href="{:url('Coupon/coupon_expense_list',['card_id'=>$v.id])}" class="dsui-btn-link"><i class="iconfont"></i>消费记录</a>
                {/if}


            </td>
        </tr>
        {/foreach}
        {else /}
        <tr class="no_data">
            <td colspan="15">{$Think.lang.ds_no_record}</td>
        </tr>
        {/notempty}
        </tbody>

    </table>
    {notempty name="card_list"}
    {$show_page|raw}
    {/notempty}

</div>

<script type="text/javascript">
    $(document).ready(function(){
        //表格移动变色
        $("tbody .line").hover(
            function()
            {
                $(this).addClass("complain_highlight");
            },
            function()
            {
                $(this).removeClass("complain_highlight");
            });
        $('#time_from').datepicker({dateFormat: 'yy-mm-dd',onSelect:function(dateText,inst){
                var year2 = dateText.split('-') ;
                $('#time_to').datepicker( "option", "minDate", new Date(parseInt(year2[0]),parseInt(year2[1])-1,parseInt(year2[2])) );
            }});
        $('#time_to').datepicker({dateFormat: 'yy-mm-dd',onSelect:function(dateText,inst){
                var year1 = dateText.split('-') ;
                $('#time_from').datepicker( "option", "maxDate", new Date(parseInt(year1[0]),parseInt(year1[1])-1,parseInt(year1[2])) );
            }});

    });
</script>