| <!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" > | 
|         <a th:href="@{/admin/redirect/hive/products/shoppinggoods-zb-list}" class="btn btn-default " type="button"></i>总部产品</a> | 
|         <a th:href="@{/admin/redirect/hive/products/shoppinggoods-md-list}" class="btn btn-info " type="button"></i>本店产品</a> | 
|     </div> | 
|   | 
|     <!-- 搜索框部分start --> | 
|     <div class="row form-head"> | 
|         <form class="form-inline" id="serchform"> | 
|             <input autocomplete="off"   type="hidden" name="salePlatform" value="线下"> | 
|             <input autocomplete="off"   type="hidden" name="headquarters" value="2"> | 
|             <div class="form-group mr-20"> | 
|                 <label for="name">商品名称</label> | 
|                 <input   class="form-control " name="name" id="name"> | 
|             </div> | 
|             <div class="form-group mr-20"> | 
|                 <label for="name">商品编码</label> | 
|                 <input   class="form-control " name="code" > | 
|             </div> | 
|             <div class="form-group mr-20"> | 
|                 <label for="instoreType">商品类型</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="staus">状态</label> | 
|                 <select class="form-control autoFull" name="staus" nullmsg="状态不能为空" dataType="*" id="staus" | 
|                         data-filed="name" | 
|                         data-value="name" | 
|                         th:data-url="@{/admin/dataDictionary/showDataDictionary}" | 
|                         data-param="{type:'项目状态'}"> | 
|                     <option value=''>请选择项目状态</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"> | 
|                 <label>商品创建日期</label> | 
|                 <input autocomplete="off"   name="startTime" type="text" class="form-control datetimepicker">- | 
|                 <input autocomplete="off"   name="endTime" type="text" class="form-control datetimepicker"> | 
|             </div> | 
|             <div class="form-group"> | 
|                 <button onclick="myGrid.serchData(1)" type="button" | 
|                         class="btn btn-sm btn-info"> | 
|                     <i class="fa fa-search "></i> 搜索 | 
|                 </button> | 
|                 <button type="reset" class="btn btn-sm btn-info "> | 
|                     <i class="fa fa-refresh "></i> 重置 | 
|                 </button> | 
|             </div> | 
|         </form> | 
|     </div> | 
|     <div class="row mt-10"> | 
|         <div id="option-bar"> | 
|   | 
|   | 
|             <button  matrix:btn="shoppinggoods1-add"  onclick="openAdd()" type="button" class="btn btn-info btn-sm"><i class="fa fa-plus" ></i>  新增</button> | 
|             <button matrix:btn="shoppinggoods1-edit"  onclick="openEdit()" type="button" class="btn btn-info btn-sm"><i class="fa fa-edit" ></i> 编辑</button> | 
|             <button matrix:btn="shoppinggoods1-dels" onclick="myGrid.delItems()" type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash" ></i>批量删除</button> | 
|             <button matrix:btn="shoppinggoods1-exportExcel" onclick="exportExcel()" type="button" class="btn btn-default btn-sm"><i class="fa fa-download"></i>导出 </button> | 
|   | 
|         </div> | 
|         <!-- 数据表格部分 --> | 
|         <table id="mgrid"> | 
|             <thead> | 
|             <tr> | 
|                 <th data-checkbox="true"></th> | 
|                 <th data-formatter="MGrid.indexfn" data-align="center" data-width="30px">序号</th> | 
|                 <th data-field="code"  data-sortable="true">商品编号</th> | 
|                 <th data-field="name" data-sortable="true">商品名称</th> | 
|                 <th data-field="sealPice" data-sortable="true">售价/(本金)</th> | 
|                 <th data-field="giftMoney">赠送金额</th> | 
|                 <th data-field="realSealCount" data-sortable="true">真实销量</th> | 
|                 <th data-field="staus" data-sortable="true">状态</th> | 
|                 <th data-field="isPresent">是否赠送</th> | 
|                 <th data-field="goodType" data-sortable="true">类型</th> | 
|                 <th data-field="cateName">分类</th> | 
|                 <th data-field="createTime"  data-sortable="true" data-formatter="MGrid.getTime">创建时间</th> | 
|             </tr> | 
|             </thead> | 
|         </table> | 
|         <!-- 数据表格部分end --> | 
|     </div> | 
| </div> | 
|   | 
| <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
| <script type="text/javascript"> | 
|     $(".select2").select2(); | 
|     var myGrid; | 
|     $(function () { | 
|         MTools.ininDatetimepicker({format: 'yyyy-mm-dd', minView: 'month', maxView: 1}); | 
|         //限制结束时间不小于开始时间 | 
|         MTools.limitStartEndTime({}); | 
|   | 
|         //初始化商品类型 | 
|         MTools.autoFullSelect(); | 
|         //商品分类 | 
|         initFunctionList(); | 
|         //有删除权限 | 
|         var delUrl = ""; | 
|         delUrl = basePath + "/admin/shoppinggoods/del"; | 
|   | 
|         myGrid = MGrid.initGrid({ | 
|             url: basePath + "/admin/shoppinggoods/showList", | 
|             delUrl: delUrl | 
|         }); | 
|     }); | 
|   | 
|     function getIsHeadquarters(value, row, index) { | 
|         if (value == 1) { | 
|             return '<span class="label label-info">总部产品</span>'; | 
|         } | 
|          return '<span class="label label-success">本店产品</span>'; | 
|     } | 
|   | 
|     function bathUpdateCate() { | 
|         var ids = myGrid.getSelectItemsIds(); | 
|         var cateId = $("#parentId").val(); | 
|         MTools.handleItem(basePath + "/admin/shoppinggoods/bachUpdate" + "?ids=" + ids + "&cateId=" + cateId + "&file=1", "确认更新分类吗?", | 
|             function () { | 
|                 myGrid.serchData(); | 
|             }); | 
|   | 
|     } | 
|   | 
|     //打开添加界面 | 
|     function openAdd() { | 
|         layer.full( | 
|             layer.open({ | 
|                 type: 2, | 
|                 title: "选择你要新增的商品类型", | 
|                 area: [MUI.SIZE_L, '400px'], | 
|                 content: [basePath + '/admin/redirect/hive/products/select_goodtype'] | 
|             })); | 
|     } | 
|   | 
|     //打开编辑界面 | 
|     function openEdit() { | 
|         var id = myGrid.getSelectItemId(); | 
|         layer.full( | 
|             layer.open({ | 
|                 type: 2, | 
|                 title: "编辑商品", | 
|                 area: [MUI.SIZE_L, '400px'], | 
|                 maxmin: true, | 
|                 content: [basePath + '/admin/redirect/hive/products/goods-form?id=' + id] | 
|             })); | 
|     } | 
|   | 
|     function openLook() { | 
|         var id = myGrid.getSelectItemId(); | 
|         layer.full( | 
|             layer.open({ | 
|                 type: 2, | 
|                 title: "查看", | 
|                 area: [MUI.SIZE_L, '400px'], | 
|                 maxmin: true, | 
|                 content: [basePath + '/admin/shoppinggoods/lookInfo?id=' + id + '&flag=underline'] | 
|             })); | 
|     } | 
|   | 
|   | 
|     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", | 
|             }); | 
|         }); | 
|     } | 
|   | 
|     function exportExcel() { | 
|         var goodType = $("#goodType").val(); | 
|         console.log("年:" + goodType); | 
|         window.location.href = basePath + "/admin/shoppinggoods/exportShoppinggoods?goodType=" + goodType; | 
|     } | 
| </script> | 
|   | 
| </body> | 
| </html> |