<%include '../../common/__ui/header'%>

<%include '../../common/__partail/ListHeader'%>
<div class="contentpanel">
    <div class="panel panel-default" style="margin-bottom:10px;">
        <div class="panel-body" style="padding-bottom: 0">
            <a id="add-btn" href="/market/couponList/add" class="btn btn-success "><i class="fa fa-plus"></i> 添加优惠券</a>
            <a id="updateh5-btn" href="javascript:;" class="btn btn-success "><i class="fa fa-plus"></i> 定制卡券h5链接</a>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="panel-col">
                    <input id="filter-coupon" class="form-control panel-input" type="text" placeholder="优惠券ID">
                </div>
                <div class="panel-col">
                    <input id="filter-couponName" class="form-control panel-input" type="text" placeholder="名称">
                </div>
                 <div class="panel-col" id="departments"></div>
                <div class="panel-col">
                    <select id="filter-couponType" tabindex="-1" class="select2-offscreen brandBtn-group observe">
                        <option value="-1">优惠券类型</option>
                        <option value="1">活动券</option>
                        <option value="3">券码</option>
                        <option value="4">生日券</option>
                        <option value="5">免邮券</option>
                        <option value="6">店铺券</option>
                        <option value="7">分享券</option>
                        <option value="8">会员营销券</option>
                    </select>                    
                </div>
                <div class="panel-col">
                    <select id="filter-feeSharingType" tabindex="-1" class="select2-offscreen brandBtn-group observe">
                        <option value="-1">费用承担</option>
                        <option value="1">我司承担</option>
                        <option value="2">供应商承担</option>
                        <option value="3">分摊(合同结算)</option>
                        <option value="4">分摊-我司承担比例</option>
                        <option value="5">优惠券分摊条款</option>
                    </select>
                </div>
                <div class="panel-col">
                    <input type="text" id="startTimeStr" class="form-control panel-input" name="startTimeStr"
                           placeholder="开始时间" value="" kl_vkbd_parsed="true" readonly>
                </div>
                <div class="panel-col">
                    <input type="text" id="endTimeStr" class="form-control panel-input" name="endTimeStr"
                           placeholder="结束时间" value="" kl_vkbd_parsed="true" readonly>
                </div>
                <div class="panel-col">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">筛选</a>
                    <a id="all-btn" href="/market/couponList/index" class="btn btn-info">全部</a>                                      
                </div>
                <div class="panel-col">
                    <a id="exportByTimeRange-btn" href="javascript:;" class="btn btn-warning">导出</a>                    
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-primary-head">
        <div class="dataTab_wrapper" id="basicTab" style="margin-bottom: 10px"></div>
        <div class="basicTable_wrapper" id="basicTable"></div>
    </div>
</div>

<script type="text/template" id="template">
    <p>[[name]]</p>
    <label class="col-sm-3 control-label"><i class="red">*请填写原因</i></label>
    <input id="reason" type="text" class="form-control" name="agreement-code" style="width:280px;">
</script>

<script type="text/template" id="search-department">
    <select id="choose-department" title="" class=" select2-offscreen form-control">
        <option value="-1">申请部门</option>
        [[each data as item index]]
        <option value="[[item.department]]">[[item.departmentName]]</option>
        [[/each]]
    </select>
</script>
<script type="text/template" id="templateInfo">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">优惠券ID:[[id]]</h4>
            <h4 class="panel-title">申请时间:[[createTime]]</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="form-group">
                    <label class="col-sm-2 control-label">类型</label>
                    <div class="col-sm-8">
                        <p> 
                            [[couponType]] <br/>                            
                            [[if couponType=='免邮券' && isNew == '2']]
                                前台展示（用于金卡/白金卡用户免邮券前台展示标识）                                
                            [[/if]]
                        </p>
                        
                    </div>
                </div>
            </div>
        </div>
        [[if couponType=='券码']]
        <div class="panel-body">
            <div class="row">
                <div class="form-group">
                    <label class="col-sm-2 control-label">市场通用</label>
                    <div class="col-sm-8">
                        <p> [[if isUseLimitRule==''||isUseLimitRule=='Y']]否[[else]]是[[/if]]</p>
                    </div>
                </div>
            </div>
        </div>
            [[if publicCouponType=='1']]
            <div class="panel-body">
                <div class="row">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">码值</label>
                        <div class="col-sm-8">
                            <p> [[cusPublicCouponName]]</p>
                        </div>
                    </div>
                </div>
            </div>
            [[/if]]
        [[/if]]
        <div class="panel-heading">
            <h4 class="panel-title">基本信息</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="form-group">
                    <label class="col-sm-2 control-label">名称 </label>

                    <div class="col-sm-8">
                        <p>[[couponName]]</p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">数量</label>

                    <div class="col-sm-8">
                        <p>[[couponNum]]</p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">申请部门</label>

                    <div class="col-sm-8">
                        <p>[[departmentName]]</p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">领取开始时间</label>

                    <div class="col-sm-8">
                        <p>[[limitStartTime]]</p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">使用期限</label>
                    <div class="col-sm-3">
                        <p>[[startTime]]</p>
                    </div>
                    <div class="col-sm-1">
                        <p>到</p>
                    </div>
                    <div class="col-sm-3">
                        <p>[[endTime]]</p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">优惠券说明</label>

                    <div class="col-sm-8">
                        <p>[[explains]]</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-heading">
            <h4 class="panel-title">使用条件</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="form-group">
                    <label class="col-sm-2 control-label">优惠类型</label>

                    <div class="col-sm-8">
                        <p>[[useLimitType]]</p>
                    </div>
                </div>
                [[if useLimitType!='无限制']]
                <div class="form-group">
                    <label class="col-sm-2 control-label">优惠条件</label>
                    [[if useLimitType=='货物件数限制']]
                    <div class="col-sm-4">
                        <p>件数满&emsp;[[useLimit]]件</p>
                    </div>
                    [[/if]]
                    [[if useLimitType=='订单金额限制']]
                    <div class="col-sm-4">
                        <p>金额满&emsp;[[useLimit]]元</p>
                    </div>
                    [[/if]]
                </div>
                [[/if]]
                <div class="form-group">
                    <label class="col-sm-2 control-label">优惠结果</label>

                    <div class="col-sm-4">
                        <p>面额&emsp;[[couponAmount]]元</p>
                    </div>
                    <div class="col-sm-4">
                        <p>倍数&emsp;[[multipleNum]]</p>
                    </div>
                </div>
                [[if brandsList]]
                <div class="form-group">
                    <label class="col-sm-2 control-label">品牌限制</label>

                    <div class="col-sm-10">
                        <p>[[brandsList]]</p>
                    </div>
                </div>
                [[/if]]
                [[if shopList]]
                <div class="form-group">
                    <label class="col-sm-2 control-label">店铺限制</label>

                    <div class="col-sm-10">
                        <p>[[shopList]]</p>
                    </div>
                </div>
                [[/if]]
                [[if sortsList]]
                <div class="form-group">
                    <label class="col-sm-2 control-label">分类限制</label>

                    <div class="col-sm-10">
                        <p>[[sortsList]]</p>
                    </div>
                </div>
                [[/if]]
                
                [[if productLimit]]
                <div class="form-group">
                    <label class="col-sm-2 control-label">商品限制</label>
                    <div class="col-sm-10">
                        <p>[[productLimit]]</p>
                    </div>
                </div>
                [[/if]]

                
                [[if prdPoolLimit]]
                <div class="form-group">
                    <label class="col-sm-2 control-label">商品池限制</label>
                    <div class="col-sm-10">
                        <p>[[prdPoolLimitName]]</p>
                    </div>
                </div>
                [[/if]]

                <div class="form-group">
                    <label class="col-sm-2 control-label">互斥配置</label>
                    <div class="col-sm-8">
                        <p>[[shopPriceLimits]]</p>
                    </div>
                </div>
                [[if couponType !='券码' && couponType!='活动券']]
                <div class="form-group">
                    <label class="col-sm-2 control-label">SKN除外</label>
                    <div class="col-sm-8">
                        <textarea class="form-control observe" prompt="SKN除外" data-field="sknExclude"
                                  placeholder="" style="resize: none" disabled >[[sknExclude]]</textarea>
                    </div>
                </div>
                [[/if]]
            </div>
        </div>




        <!-------------- 使用渠道 start -------------->
        <div class="panel-heading">
            <h4 class="panel-title">渠道限制</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                [[each couponAvailableChannels as Available_Channels i]]
                <div>
                    <div>
                        <div class="form-group">
                            <div class="col-sm-12">
                                <!--<label class="col-sm-2 control-label"></label>-->
                                <!-- 渠道 -->
                                <div class="col-sm-8">
                                    <label class="checkbox-inline">
                                        <!-- 判断是否选中 -->
                                        <input type="checkbox" class="couponAvailableChannels" disabled
                                               [[each channel as Available_Channels_status j]]
                                               [[if Available_Channels_status.groupId==Available_Channels.groupId]]
                                               checked
                                               [[/if]]
                                        [[/each]]
                                        value="[[Available_Channels.groupId]]"> [[Available_Channels.groupName]]
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <!-- 子门店 -->
                        [[if Available_Channels.storeList]]
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>
                            <div class="col-sm-8">
                                [[each Available_Channels.storeList as Available_storeList index]]
                                <label class="checkbox-inline">
                                    <!-- 判断是否选中 -->
                                    <input type="checkbox" class="couponAvailableChannelStoreList couponAvailableChannelStoreList_[[Available_Channels.groupId]]" disabled
                                           [[each channel as Available_Channels_status j]]
                                           [[if Available_Channels_status.groupId==Available_Channels.groupId]]
                                           [[each Available_Channels_status.storeList as Available_Channels_storeList_status k]]
                                           [[if Available_Channels_storeList_status==Available_storeList.storeId]]
                                           checked
                                           [[/if]]
                                    [[/each]]
                                    [[/if]]
                                    [[/each]]
                                    value="[[Available_storeList.storeId]]"> [[Available_storeList.storeName]] [[Available_Channels_storeList_status]]
                                </label>
                                [[/each]]
                            </div>
                        </div>
                        [[/if]]
                    </div>
                </div>
                [[/each]]
            </div>
        </div>
        <!-------------- 使用渠道 end -------------->




        <div class="panel-heading">
            <h4 class="panel-title">领券条件</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="form-group">
                    <label class="col-sm-2 control-label">会员身份</label>

                    <div class="col-sm-8">
                        <p>[[customType]]</p>
                    </div>
                </div>
            </div>

        </div>
        <div class="panel-heading">
            <h4 class="panel-title">费用承担</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="form-group">

                    <label class="col-sm-2 control-label">费用承担</label>

                    <div class="col-sm-8">
                        [[if feeSharingType == 1]]
                        <p>我司承担</p>
                        [[else if feeSharingType == 2]]
                        <p>供应商承担</p>
                        [[else if feeSharingType == 3]]
                        <p>分摊(合同结算)</p>
                        [[else if feeSharingType == 4]]
                        <p>分摊-我司承担比例:[[feeSharingRatio]]</p>
                        [[else if feeSharingType == 5]]
                        <p>优惠券分摊条款</p>
                        [[/if]]
                    </div>
                </div>
            </div>
        </div>

        <div class="panel-heading">
            <h4 class="panel-title">展示范围</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="form-group">

                    <label class="col-sm-2 control-label">展示范围</label>

                    <div class="col-sm-8">
                        <p>[[showScope]]</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="operation-record-template">
    <div class="historyList">
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th>操作类型</th>
                <th>操作人</th>
                <th>部门</th>
                <th>执行时间</th>
            </tr>
            </thead>
            <tbody>
            [[if list.length > 0]]
            [[each list as item index]]
            <tr>
                <td>[[item.operationType]]</td>
                <td>[[item.operator]]</td>
                <td>[[item.deptName]]</td>
                <td>[[item.createTime]]</td>
            </tr>
            [[/each]]
            [[else]]
            <tr><td colspan="7">没有操作记录！</td></tr>
            [[/if]]
            </tbody>
        </table>
    </div>
</script>
<script id="third-template" type="text/template" charset="utf-8">
    <div class="row" id="baseform">
        <div class="form-group">
            <label class="col-sm-2 control-label">第三方类型 </label>
            <div class="col-sm-8">
                <input type="hidden" name="couponId" id="couponId" value="{{couponId}}"/>
                <select name="thirdType" id="thirdType" {{if thirdType == 1}}disabled{{/if}} tabindex="-1" class="select2-offscreen" style="width: 100px;">
                    <option value="1" {{if thirdType == 1}}selected{{/if}}>微信</option>
                    <option value="2" {{if thirdType == 2}}selected{{/if}}>支付宝</option>
                    <option value="3" {{if thirdType != 1 && thirdType != 2}}selected{{/if}}>微博</option>
                </select>
            </div>
        </div>
        <div class="form-group">/couponList/index
            <label class="col-sm-2 control-label">第三方 ID</label>
            <div class="col-sm-8">
                <input id="thirdId" class="form-control panel-input" value="{{thirdId}}" {{if thirdType == 1}}readonly{{/if}} type="text" placeholder="第三方 ID">
            </div>
        </div>
        <div class="form-group" id="weixin" style="display: none">
            <label class="col-sm-2 control-label">微信公众号</label>
            <div class="col-sm-8">
                <select name="publicNumberType" id="publicNumberType" tabindex="-1" class="form-control" style="width: 200px;">
                <option value="1" {{if publicNumberType == 1}}selected{{/if}}>有货YOHOBUY 订阅号</option>
                <option value="3" {{if publicNumberType == 3}}selected{{/if}}>有货潮流志微信 订阅号</option>
                </select>
            </div>
        </div>
    </div>
</script>

<script id="h5Link-template" type="text/template" charset="utf-8">
    <div class="row" id="h5LinkForm">
        <div class="form-group">
            <label class="col-sm-2 control-label">微信公众号</label>
            <div class="col-sm-8">
                <select name="publicNumberCode" id="publicNumberCode" tabindex="-1" class="form-control" style="width: 200px;">
                    <option value="1" {{if publicNumberCode == 1}}selected{{/if}}>有货YOHOBUY 订阅号</option>
                    <option value="3" {{if publicNumberCode == 3}}selected{{/if}}>有货潮流志微信 订阅号</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">卡券ID</label>
            <div class="col-sm-8">
                <input id="cardId" class="form-control panel-input" value="{{thirdId}}" type="text" placeholder="卡券ID">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">H5链接</label>
            <div class="col-sm-8">
                <input id="h5Link" class="form-control panel-input" value="{{h5Link}}" type="text" placeholder="h5链接">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">小程序入口</label>
            <div class="col-sm-8">
                <input id="miniappPages" class="form-control panel-input" value="{{miniappPages}}" type="text" placeholder="小程序入口(首页=pages/index/index)">
            </div>
        </div>
    </div>
</script>

<%include '../../common/__ui/footer'%>