<div class="am-cf am-padding">
      <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">优惠码列表</strong></div>
    </div>

    

    <div class="am-g">
        <div class="am-u-sm-12">
            <div class="list-filter">
                <form class="am-form" action="">
                    <a class="am-btn am-btn-success am-radius" href="/couponadd">
                        <i class="am-icon-plus"></i>
                        <span>新增</span>
                    </a>
                    <input id="filter-id" type="text" placeholder="请输入批次号">
                    <input id="filter-name" type="text" placeholder="请输入名称">
                    <select id="filter-dep">
                        <option value="全部">全部</option>
                        <option value="商品部">商品部</option>
                        <option value="市场部">市场部</option>
                        <option value="会员部">会员部</option>
                        <option value="零售运营部">零售运营部</option>
                        <option value="品牌合作部">品牌合作部</option>
                        <option value="零售业务部">零售业务部</option>
                        <option value="潮流资源部">潮流资源部</option>
                        <option value="其他">其他</option>
                    </select>
                    <a class="am-btn am-btn-secondary am-round filter-btn" href="javascript:;">筛选</a>
                    <a class="am-btn am-btn-secondary am-round" href="javascript:;">导出</a>
                </form>
            </div>
            <div class="am-tabs list-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    
                </ul>
            </div>
            <div class="list-table">
                <table class="coupon-list-table am-table am-table-bordered am-table-radius">
                    <thead>
                        <tr class="am-primary">
                            <th>批次号</th>
                            <th>基本信息</th>
                            <th>使用期限</th>
                            <th>优惠码说明</th>
                            <th>申请人</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-confirm" tabindex="-1" id="success-confirm">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">温馨提示</div>
            <div class="am-modal-bd">您确定要通过该申请吗？</div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                <span class="am-modal-btn" data-am-modal-list>发放列表</span>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-prompt" tabindex="-1" id="back-prompt">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">温馨提示</div>
            <div class="am-modal-bd">
                <p>您确定要驳回该申请吗？</p>
                <p>
                    <label for="" style="color:red;">*请填写原因：</label>
                    <input id="back-reason" type="text" class="am-modal-prompt-input">
                </p> 
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-prompt" tabindex="-1" id="cancel-prompt">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">温馨提示</div>
            <div class="am-modal-bd">
                <p>您确定要作废此优惠码吗？</p>
                <p>
                    <label for="" style="color:red;">*请填写原因：</label>
                    <input id="cancel-reason" type="text" class="am-modal-prompt-input">
                </p> 
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-alert" tabindex="-1" id="apply-alert">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">设置成功！</div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">确定</span>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-no-btn" tabindex="-1" id="send-modal">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">发放列表
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd">
                <div class="send-list">
                    <table class="coupon-list-table am-table am-table-bordered am-table-radius">
                    <thead>
                        <tr class="am-primary">
                            <th>批次号</th>
                            <th>基本信息</th>
                            <th>使用期限</th>
                            <th>优惠码说明</th>
                            <th>申请人</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
                </div>
            </div>
        </div>
    </div>

    <script id="list-tpl" type="x-tmpl-handlebars">
    \{{# data}}
        <tr>
            <td class="id"><a href="/couponinfo/\{{id}}">\{{batchNo}}</a></td>
            <td class="info">
                <p>名称：\{{name}}</p>
                <p>次数：\{{limitTimes}}</p>
                <p>部门：\{{reqDepartment}}</p>
            </td>
            <td class="time">
                <p>\{{limitDateFrom}}</p>
                至
                <p>\{{limitDateTo}}</p>
            </td>
            <td class="describe">
                <p>\{{describe}}</p>
            </td>
            <td class="staff">\{{staff}}</td>
            <td class="state">
                <p class="state-title">\{{status}}</p>
                <p class="state-reason">\{{reason}}</p>
            </td>
            <td class="operate" data-state="\{{status}}" data-id="\{{id}}">
                <p><a class="am-btn am-btn-default am-round" href="/couponinfo/\{{id}}">查看详情</a></p>
                <p><a class="am-btn am-btn-success am-round apply-success" href="javascript:;">通过</a></p>
                <p><a class="am-btn am-btn-warning am-round apply-back" href="javascript:;">驳回</a></p>
                <p><a class="am-btn am-btn-danger am-round apply-cancel" href="javascript:;">作废</a></p>
                <p><a class="am-btn am-btn-secondary am-round apply-modify" href="/couponupdate/\{{id}}">修改</a></p>
            </td>
        </tr>
    \{{/ data}}
    </script>

    <script id="send-tpl" type="x-tmpl-handlebars">
    \{{# data}}
        <tr>
            <td class="id"><a href="/couponinfo/\{{id}}">\{{batchNo}}</a></td>
            <td class="info">
                <p>名称：\{{name}}</p>
                <p>次数：\{{limitTimes}}</p>
                <p>部门：\{{reqDepartment}}</p>
            </td>
            <td class="time">
                <p>\{{limitDateFrom}}</p>
                至
                <p>\{{limitDateTo}}</p>
            </td>
            <td class="describe">
                <p>\{{describe}}</p>
            </td>
            <td class="staff">\{{staff}}</td>
        </tr>
    \{{/ data}}
    </script>
    
    <script id="tab-tpl" type="x-tmpl-handlebars">
    \{{#each data}}
    <li data-status="\{{@key}}"><a href="javascript: void(0)"><span>\{{@key}}</span>（\{{.}}）</a></li>
    \{{/each}}
    </script>