yohoCoin.html 15.8 KB
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        {{#pagetitle}}
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="">{{level1title}}</a></li>
                <li>{{level2title}}</li>
            </ul>
            <div>
                <div style="width: 30%;float: left;">
                    <h4>{{level3title}}</h4>
                </div>
            </div>
        </div>
        {{/pagetitle}}
    </div>
</div>

<div class="contentpanel">
    <div id="yohoCoinSearch" class="panel panel-default" style="margin-bottom:10px;">
        {{# filter}}
        <div class="panel-body">
            <div class="row">
                {{# skn}}
                <div class="panel-col">
                    <input id="skn" class="form-control panel-input height40" type="text" placeholder="请输入SKN" onkeyup="this.value=this.value.replace(/\D/gi,'')">
                </div>
                {{/ skn}}

                {{# store}}
                <div class="panel-col">
                    <select name="shop" id="shop"  tabindex="-1" title="" class="form-control">
                        <option value="-1">请选择店铺</option>
                    </select>
                </div>
                {{/ store}}

                {{# brand}}
                <div class="panel-col">
                    <select name="brand" id="brand"  tabindex="-1" title="" class="form-control">
                        <option value="-1">请选择品牌</option>
                    </select>
                </div>
                {{/ brand}}

                {{# supplier}}
                <div class="panel-col">
                    <select name="supplier" id="supplier"  tabindex="-1" title="" class="form-control">
                        <option value="-1">请选择供应商</option>
                    </select>
                </div>
                {{/ supplier}}

                {{# gender}}
                <div class="panel-col">
                    <select name="gender" id="gender"  tabindex="-1" title="" class="form-control">
                        <option value="-1">选择性别</option>
                        <option value="1"></option>
                        <option value="2"></option>
                        <option value="3">通用</option>
                    </select>
                </div>
                {{/ gender}}

                {{# gender}}
                <div class="panel-col">
                    <select name="auditStatus" id="auditStatus"  tabindex="-1" title="" class="form-control">
                        <option value="-1">选择审核状态</option>
                        <option value="0">未设置</option>
                        <option value="1">待审核</option>
                        <option value="2">通过</option>
                        <option value="3">驳回</option>
                    </select>
                </div>
                {{/ gender}}

                {{# sortTree}}
                <div class="panel-col2">
                    <div id="sortTree"></div>
                </div>
                {{/ sortTree}}

                {{# returnCoinTime}}
                <div class="panel-col form-inline" style="width: auto">
                    <div class="form-group" style="margin-right: 0">
                        <label>反币时间:</label>
                        <input type="text" class="form-control" jsaction="date:end:endDate" id="startDate" placeholder="开始时间">
                    </div>
                    <label>~</label>
                    <div class="form-group">
                        <input type="text" class="form-control" jsaction="date:start:startDate" id="endDate" placeholder="结束时间">
                    </div>
                </div>
                {{/ returnCoinTime}}

                <div class="panel-col" style="width: auto">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">筛选</a>
                    <a id="all-btn" href="javascript:;" class="btn btn-info">全部</a>
                </div>

                <div class="panel-col" style="width: auto">
                    {{# bulkImport}}
                    <a id="import-btn" href="javascript:;" class="btn btn-primary">批量导入</a>
                    {{/ bulkImport}}

                    {{# bulkExport}}
                    <a id="export-btn" href="javascript:;" class="btn btn-primary">导出</a>
                    {{/ bulkExport}}
                </div>
            </div>
        </div>
        {{/ filter}}
    </div>

    <div class="panel">
        <div class="dataTables_wrapper no-footer" id="yohoCoin_table"></div>

        <div class="panel bulk-import" id="yohoCoin_import">
            <a id="return-btn" href="javascript:;" class="btn btn-info">返回列表</a>

            <table class="table table-bordered" style="border:1px solid #ddd; margin-top: 10px">
                <tr>
                    <td width="120px" style="line-height: 37px"><b>上传EXCEL:</b></td>
                    <td style="position: relative;">
                        <input id="yohoCoinUpload" name="file" type="file" style="cursor: pointer; height: 37px; top: 8px;">
                        <div class="file-name btn btn-primary">请选择文件</div>
                    </td>
                </tr>
                <tr>
                    <td width="120px"><b>说明:</b></td>
                    <td>
                        1、上传文件必须是<span style="color:red;">.xlsx</span>文件<br>
                        2、Excel表头为:<span style="color: #67D267;">SKN、品牌、吊牌价、返币金额(大于零,最多俩位小数)</span><br>
                        3、第一行为表头内容,第二行开始为正式内容<br>
                        4、每个文件控制在2500行以内<br>
                        5、<a href="/ajax/link/yohoCoin" style="margin: 0; text-decoration: underline">下载样例.xlsx</a>
                    </td>
                </tr>
            </table>

            <div id="yohoCoinImportMessage">
                <b>批量上传结果:</b>
                <span id="detailMassage"></span>
                <div class="clearfix"></div>
            </div>

            <div id="yohoCoinImportResultSet">
                <div class="title">返还方式设置:</div>
                <div class="form-inline" style="display: none">
                    <label style="width: 80px">反币时间:</label>
                    <div class="form-group">
                        <input type="radio" name="returnCoinTime" value="1">
                        <label>长期</label>
                    </div>
                    <div class="form-group">
                        <input type="radio" name="returnCoinTime" value="2">
                        <input type="text" class="form-control" style="width: 150px">&nbsp;~&nbsp;<input type="text" class="form-control" style="width: 150px">
                    </div>
                </div>
                <div class="form-inline">
                    <div class="form-group">
                        <label style="width: 80px">审核人:</label>
                        <select id="importAuditor" class="form-control" style="width: 150px">
                            <option value="">-- 请选择审核人 --</option>
                            <option value="2965">Tracy</option>
                            <option value="10235">David Wong</option>
                        </select>
                        <span style="color: #ff0000; margin-left: 20px">提示:返回金额大于等于销售价20%时必须填写审核人。</span>
                    </div>
                    <div class="form-group">
                        <a href="javascript:;" class="btn btn-success btn-submit-yohoCoin">确定</a>
                    </div>
                </div>
            </div>

            <div id="yohoCoinImportResult">
                <div class="title">返币列表:</div>
                <div id="importResultTable"></div>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="gridurl" value="{{gridurl}}">

<script id="coinListHead" type="text/template">
    <div class="coinListHead dataForShow">
        <table><tbody>
            <tr>
                <td style="width: 10%">SKN</td>
                <td style="width: 24%">商品信息</td>
                <td style="width: 20%">供应商 / 店铺</td>
                <td style="width: 5%">性别</td>
                <td style="width: 5%">吊牌价</td>
                <td style="width: 5%">销售价</td>
                <td style="width: 6%">返币金额</td>
                <td style="width: 8%">状态</td>
                <td style="width: 12%">操作信息</td>
                <td style="width: 5%">操作</td>
            </tr>
        </tbody></table>
    </div>
</script>

<script id="coinList" type="text/template">
    <div class="dataForShow _[[productSkn]]" data-skn="[[productSkn]]">
        <table><tbody>
            <tr>
                <td rowspan="2" span="2" style="width: 10%">[[productSkn]]</td>
                <td class="left" style="width: 24%">
                    <p>名称:[[productName]]</p>
                    <p>品牌:[[brandName]]</p>
                    <div>
                        类目:[[if maxSortName]][[maxSortName]][[/if]]
                        [[if middleSortName]]&nbsp;>&nbsp;[[middleSortName]][[/if]]
                        [[if smallSortName]]&nbsp;>&nbsp;[[smallSortName]][[/if]]
                    </div>
                </td>
                <td class="left" style="width: 20%">
                    [[if supplierName]][[supplierName]][[/if]]
                    [[if shopName]]&nbsp;/&nbsp;[[shopName]][[/if]]
                </td>
                <td style="width: 5%">[[genderName]]</td>
                <td class="retailPrice" style="width: 5%">[[retailPrice]]</td>
                <td class="salesPrice" style="width: 5%">[[salesPrice]]</td>
                <td class="returnYohoCoin" style="width: 6%">[[productPrice.returnCoinMoney]]</td>
                <td class="coinStatus" style="width: 8%">
                    [[statusName]]<br>
                    [[if productPrice.coinStatus == 3]]
                    <a class="noCheckReason" href="javascript:" data-text="[[productPrice.comment]]" style="color: #ec971f;text-decoration: underline">驳回理由</a>
                    [[/if]]
                </td>
                <td class="left OperatInfo" style="width: 12%">
                    [[if productPrice.founderName]]<p>操作人:[[productPrice.founderName]]</p>[[/if]]
                    [[if productPrice.coinStatus == 1 && productPrice.auditorId]]<p>审核金额:[[productPrice.needAuditCoin]]</p><p>审核人:[[auditorName]]</p>[[/if]]
                    [[if productPrice.auditDt]]<div style="color: #999; font-size: 12px;">[[updateTime]]</div>[[/if]]
                </td>
                <td class="operation" style="width: 5%">
                    [[if productPrice.coinStatus == 0]]
                    <button type="button" name="设置" class="btn btn-primary btn-sm btn-modify">设置</button>
                    [[/if]]
                    [[if productPrice.coinStatus == 2 || productPrice.coinStatus == 3]]
                    <button type="button" name="修改" class="btn btn-info btn-sm btn-modify">修改</button>
                    [[/if]]
                </td>
            </tr>

            <tr class="dataForEditor">
                <td colspan="9" style="padding: 0; border-left: 1px solid #ddd">
                    <table>
                        <tr>
                            <!--td width="50%"><b>反币时间</b></td-->
                            <td width="40%"><b>反币金额</b></td>
                            <td width="40%"><b>审核人</b></td>
                            <td width="20%"><b>操作</b></td>
                        </tr>
                        <tr>
                            <!--td>
                                <div class="radio" style="margin-top: 0">
                                    <label><input type="radio" name="returnCoinTime" value="option1" checked>永久</label>
                                </div>
                                <div class="radio" style="margin-bottom: 0">
                                    <label>
                                        <input type="radio" name="returnCoinTime" value="option1" checked>
                                        <form class="form-inline">
                                            <div class="form-group" style="margin-right: 0"><input type="text" class="form-control"></div> ~
                                            <div class="form-group" style="margin-right: 0"><input type="text" class="form-control"></div>
                                        </form>
                                    </label>
                                </div>
                            </td-->
                            <td>
                                <input type="text" class="form-control center editor-yohoCoin" placeholder="反币金额" value="[[productPrice.returnCoinMoney]]" style="width: 100px">
                            </td>
                            <td>
                                <select class="form-control center editor-auditor" style="width: 150px">
                                    <option value="">-- 请选择审核人 --</option>
                                    <option value="2965">Tracy</option>
                                    <option value="10235">David Wong</option>
                                </select>
                            </td>
                            <td>
                                <button type="submit" class="btn btn-success btn-sm btn-save" data-productskn="[[productSkn]]">保存</button>
                            </td>
                        </tr>
                        <tr>
                            <td class="left editorTip" colspan="3">* 提示:若返币金额&nbsp;&nbsp;<b>大于等于</b>&nbsp;&nbsp;销售价的20%,审核人必须填写,审核通过后才能进入该状态。</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </tbody></table>
    </div>
</script>

<script id="yohoCoinImportResultTable" type="text/template">
    <table class="table table-striped table-bordered" align="center">
        <thead>
            <tr>
                <th>SKN</th>
                <th>品牌</th>
                <th>吊牌价</th>
                <th>反币金额</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            [[if successList.length > 0]]
                [[each successList as item _index]]
                <tr>
                    <td>[[item.productSkn]]</td>
                    <td>[[item.brandName]]</td>
                    <td>[[item.retailPrice]]</td>
                    <td>
                        [[if item.needAuditCoin >= item.retailPrice * 0.2]]
                        <font color="#ff0000">[[item.needAuditCoin]]</font><br>
                        [[else]]
                        [[item.needAuditCoin]]<br>
                        [[/if]]
                        <font color="#999999">[ [[item.returnCoinMoney]] ]</font>
                    </td>
                    <td><a href="javascript:;" class="btn btn-xs btn-danger btn-delete-yohoCoin" data-index="[[_index]]">删除</a></td>
                </tr>
                [[/each]]
            [[else]]
                <tr>
                    <td colspan="5">无数据!</td>
                </tr>
            [[/if]]
        </tbody>
    </table>
</script>

</body>
</html>