<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<head> 
 | 
    <meta charset="utf-8"> 
 | 
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
 | 
    <meta name="renderer" content="webkit|ie-comp|ie-stand"> 
 | 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 | 
    <meta name="viewport" 
 | 
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 
 | 
    <meta http-equiv="Cache-Control" content="no-siteapp"/> 
 | 
    <!-- 本框架基本脚本和样式 --> 
 | 
    <script type="text/javascript" 
 | 
            th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
    <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script> 
 | 
  
 | 
</head> 
 | 
<body class=" container-fluid"> 
 | 
<div class="pd-10"> 
 | 
    <div class="row"> 
 | 
        <div class="col-md-8"> 
 | 
            <!-- 搜索框部分start --> 
 | 
            <div class=" form-head"> 
 | 
  
 | 
                <form class="form-inline" id="serchform"> 
 | 
  
 | 
                    <input autocomplete="off"   type="hidden" name="salePlatform" value="线下"> 
 | 
                    <div class="form-group mr-20"> 
 | 
                        <label for="name">商品名称</label> 
 | 
                        <input autocomplete="off"   class="form-control " name="name" id="name"> 
 | 
                    </div> 
 | 
                    <div class="form-group mr-20"> 
 | 
                        <label >商品类型</label> 
 | 
                        <select class="form-control" name="goodType" id="goodType"> 
 | 
                            <option value=''>--请选择商品类型--</option> 
 | 
                            <option value='家居产品'>家居产品</option> 
 | 
                            <option value='项目'>项目</option> 
 | 
                            <option value='套餐'>套餐</option> 
 | 
                            <option value='充值卡'>充值卡</option> 
 | 
                            <option value="综合卡">综合卡</option> 
 | 
                        </select> 
 | 
                    </div> 
 | 
                    <div class="form-group mr-20"> 
 | 
                        <label for="parentId">商品分类</label> 
 | 
                        <select class="form-control select2" size="1" name="cateId" id="parentId"> 
 | 
                            <option value="" selected="selected">--选择分类--</option> 
 | 
                        </select> 
 | 
                    </div> 
 | 
                    <div class="form-group mr-20"> 
 | 
                        <label for="isPresent">是否赠送</label> 
 | 
                        <select class="form-control" name="isPresent" id="isPresent"> 
 | 
                            <option value=''>--请选择--</option> 
 | 
                            <option value='是'>是</option> 
 | 
                            <option value='否'>否</option> 
 | 
                        </select> 
 | 
                    </div> 
 | 
  
 | 
                    <div class="form-group mr-20 "> 
 | 
                        <button onclick="myGrid.serchData()" type="button" class="btn btn-info btn-sm"><i 
 | 
                                class="fa fa-search "></i> 搜索 
 | 
                        </button> 
 | 
                        <button onclick="myGrid.resetForm()" type="button" class="btn btn-info btn-sm"><i 
 | 
                                class="fa fa-refresh "></i> 重置 
 | 
                        </button> 
 | 
                    </div> 
 | 
                </form> 
 | 
            </div> 
 | 
            <div class="row mt-10"> 
 | 
                <div id="option-bar"> 
 | 
  
 | 
                </div> 
 | 
                <!-- 数据表格部分 --> 
 | 
                <table id="mgrid"> 
 | 
                    <thead> 
 | 
                    <tr> 
 | 
                        <th data-formatter="MGrid.indexfn" data-align="center" data-width="30px">序号</th> 
 | 
                        <th data-field="id">商品编号</th> 
 | 
                        <th data-field="name">商品名称</th> 
 | 
                        <th data-field="sealPice">售价/(本金)</th> 
 | 
                        <th data-field="referencePice">参考价/(赠送金额)</th> 
 | 
                        <th data-field="isPresent">是否赠送</th> 
 | 
                        <th data-field="goodType">类型</th> 
 | 
                        <th data-field="cateName">分类</th> 
 | 
                        <th data-align="center" data-width="150px" data-field="id" 
 | 
                            data-formatter="buidOperate">操作</th> 
 | 
                    </tr> 
 | 
                    </thead> 
 | 
                </table> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="col-md-4"> 
 | 
  
 | 
        </div> 
 | 
    </div> 
 | 
  
 | 
</div> 
 | 
  
 | 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
<script type="text/javascript"> 
 | 
    var myGrid; 
 | 
    $(function () { 
 | 
        //初始化商品类型 
 | 
        MTools.autoFullSelect(); 
 | 
        //商品分类 
 | 
        initFunctionList(); 
 | 
  
 | 
  
 | 
        myGrid = MGrid.initGrid({ 
 | 
            url: basePath + "/admin/shoppinggoods/showGoodsList", 
 | 
  
 | 
        }); 
 | 
    }); 
 | 
  
 | 
    function buidOperate(value, row, index) { 
 | 
        var html = ''; 
 | 
        html += '<button class="btn btn-primary btn-sm mr-5" onClick="openPb(' + value+ ')"  >购买</buttoun>' 
 | 
        html += '<button class="btn btn-default btn-sm" onClick="pbFail('+ value + ')" >赠送</buttoun>'; 
 | 
        html += '' 
 | 
        return html; 
 | 
    } 
 | 
  
 | 
  
 | 
    function initFunctionList() { 
 | 
        $.AjaxProxy({ 
 | 
            a: false, 
 | 
            c: false, 
 | 
            p: {salePlatform: '线下'} 
 | 
        }).invoke(basePath + "/admin/shoppinggoodscategory/all", function (loj) { 
 | 
            $("#parentId").createSelectTree(loj.attr("result").rows, { 
 | 
                append: true, 
 | 
                value: "name", 
 | 
            }); 
 | 
        }); 
 | 
    } 
 | 
  
 | 
</script> 
 | 
  
 | 
  
 | 
</body> 
 | 
</html> 
 |